revert: "feat: Add flexible layout for attribute editor (#3123)" (#3211)

cloudscape-design · Jan 22, 2025 · 372abbd · 372abbd
1 parent 0830379
commit 372abbd
Show file tree

Hide file tree

Showing 25 changed files with 199 additions and 1,198 deletions.
diff --git a/pages/attribute-editor/buttons.page.tsx b/pages/attribute-editor/buttons.page.tsx
diff --git a/pages/attribute-editor/form-field-label.page.tsx b/pages/attribute-editor/form-field-label.page.tsx
@@ -12,7 +12,7 @@ interface Tag {
 
 interface ControlProps extends InputProps {
   index: number;
-  setItems: React.Dispatch<React.SetStateAction<Tag[]>>;
+  setItems?: any;
   prop: keyof Tag;
 }
 
@@ -29,7 +29,7 @@ const Control = React.memo(({ value, index, setItems, prop }: ControlProps) => {
       ariaLabel="Secondary owner username"
       ariaLabelledby=""
       onChange={({ detail }) => {
-        setItems(items => {
+        setItems((items: any) => {
           const updatedItems = [...items];
           updatedItems[index] = { ...updatedItems[index], [prop]: detail.value };
           return updatedItems;

diff --git a/pages/attribute-editor/permutations.page.tsx b/pages/attribute-editor/permutations.page.tsx
@@ -118,25 +118,6 @@ export const permutations = createPermutations<AttributeEditorProps<Item>>([
     addButtonText: ['Add item'],
     removeButtonText: ['Remove item'],
   },
-  {
-    definition: [definition4],
-    gridLayout: [
-      [
-        { rows: [[2, 1, 3, 1]], breakpoint: 'l' },
-        {
-          rows: [
-            [2, 1],
-            [3, 1],
-          ],
-        },
-      ],
-      [{ rows: [[2, 1, 3, 1]], removeButton: { width: 'auto' } }],
-      [{ rows: [[2, 1, 3, 1]], removeButton: { ownRow: true } }],
-    ],
-    items: [defaultItems],
-    addButtonText: ['Add item (grid)'],
-    removeButtonText: ['Remove item (grid)'],
-  },
   {
     definition: [validationDefinitions],
     i18nStrings: [{ errorIconAriaLabel: 'Error', warningIconAriaLabel: 'Warning' }],

diff --git a/pages/attribute-editor/simple-grid.page.tsx b/pages/attribute-editor/simple-grid.page.tsx
diff --git a/pages/attribute-editor/simple.page.tsx b/pages/attribute-editor/simple.page.tsx
@@ -12,7 +12,7 @@ interface Tag {
 
 interface ControlProps extends InputProps {
   index: number;
-  setItems: React.Dispatch<React.SetStateAction<Tag[]>>;
+  setItems?: any;
   prop: keyof Tag;
 }
 
@@ -30,7 +30,7 @@ const Control = React.memo(({ value, index, setItems, prop }: ControlProps) => {
     <Input
       value={value}
       onChange={({ detail }) => {
-        setItems(items => {
+        setItems((items: any) => {
           const updatedItems = [...items];
           updatedItems[index] = { ...updatedItems[index], [prop]: detail.value };
           return updatedItems;