feat: add Table primitive (#323)

aws-amplify · Feb 25, 2022 · 605284f · 605284f
1 parent 61dc5aa
commit 605284f
Show file tree

Hide file tree

Showing 11 changed files with 715 additions and 1 deletion.
diff --git a/packages/codegen-ui-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap b/packages/codegen-ui-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap
@@ -5334,6 +5334,186 @@ export default function SliderFieldPrimitive(
 "
 `;
 
+exports[`amplify render tests primitives Table 1`] = `
+"/* eslint-disable */
+import React from \\"react\\";
+import {
+  EscapeHatchProps,
+  getOverrideProps,
+} from \\"@aws-amplify/ui-react/internal\\";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableFoot,
+  TableHead,
+  TableProps,
+  TableRow,
+} from \\"@aws-amplify/ui-react\\";
+
+export type TablePrimitiveProps = React.PropsWithChildren<
+  Partial<TableProps> & {
+    overrides?: EscapeHatchProps | undefined | null;
+  }
+>;
+export default function TablePrimitive(
+  props: TablePrimitiveProps
+): React.ReactElement {
+  const { overrides: overridesProp, ...rest } = props;
+  const overrides = { ...overridesProp };
+  return (
+    /* @ts-ignore: TS2322 */
+    <Table
+      caption=\\"Some fruits\\"
+      highlightOnHover={true}
+      size=\\"small\\"
+      variation=\\"striped\\"
+      {...rest}
+      {...getOverrideProps(overrides, \\"Table\\")}
+    >
+      <TableHead {...getOverrideProps(overrides, \\"Table.TableHead[0]\\")}>
+        <TableRow
+          {...getOverrideProps(overrides, \\"Table.TableHead[0].TableRow[0]\\")}
+        >
+          <TableCell
+            as=\\"th\\"
+            children=\\"Citrus\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableHead[0].TableRow[0].TableCell[0]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            as=\\"th\\"
+            children=\\"Stone Fruit\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableHead[0].TableRow[0].TableCell[1]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            as=\\"th\\"
+            children=\\"Berry\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableHead[0].TableRow[0].TableCell[2]\\"
+            )}
+          ></TableCell>
+        </TableRow>
+      </TableHead>
+      <TableBody {...getOverrideProps(overrides, \\"Table.TableBody[0]\\")}>
+        <TableRow
+          {...getOverrideProps(overrides, \\"Table.TableBody[0].TableRow[0]\\")}
+        >
+          <TableCell
+            children=\\"Orange\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[0].TableCell[0]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            children=\\"Nectarine\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[0].TableCell[1]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            children=\\"Raspberry\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[0].TableCell[2]\\"
+            )}
+          ></TableCell>
+        </TableRow>
+        <TableRow
+          {...getOverrideProps(overrides, \\"Table.TableBody[0].TableRow[1]\\")}
+        >
+          <TableCell
+            children=\\"Grapefruit\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[1].TableCell[0]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            children=\\"Apricot\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[1].TableCell[1]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            children=\\"Blueberry\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[1].TableCell[2]\\"
+            )}
+          ></TableCell>
+        </TableRow>
+        <TableRow
+          {...getOverrideProps(overrides, \\"Table.TableBody[0].TableRow[2]\\")}
+        >
+          <TableCell
+            children=\\"Lime\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[2].TableCell[0]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            children=\\"Peach\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[2].TableCell[1]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            children=\\"Strawberry\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableBody[0].TableRow[2].TableCell[2]\\"
+            )}
+          ></TableCell>
+        </TableRow>
+      </TableBody>
+      <TableFoot {...getOverrideProps(overrides, \\"Table.TableFoot[0]\\")}>
+        <TableRow
+          {...getOverrideProps(overrides, \\"Table.TableFoot[0].TableRow[0]\\")}
+        >
+          <TableCell
+            as=\\"th\\"
+            children=\\"Citrus\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableFoot[0].TableRow[0].TableCell[0]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            as=\\"th\\"
+            children=\\"Stone Fruit\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableFoot[0].TableRow[0].TableCell[1]\\"
+            )}
+          ></TableCell>
+          <TableCell
+            as=\\"th\\"
+            children=\\"Berry\\"
+            {...getOverrideProps(
+              overrides,
+              \\"Table.TableFoot[0].TableRow[0].TableCell[2]\\"
+            )}
+          ></TableCell>
+        </TableRow>
+      </TableFoot>
+    </Table>
+  );
+}
+"
+`;
+
 exports[`amplify render tests primitives TextField 1`] = `
 "/* eslint-disable */
 import React from \\"react\\";

diff --git a/...codegen-ui-react/lib/__tests__/amplify-ui-renderers/__snapshots__/primitives.test.ts.snap b/...codegen-ui-react/lib/__tests__/amplify-ui-renderers/__snapshots__/primitives.test.ts.snap
@@ -62,6 +62,18 @@ exports[`Primitives SwitchField 1`] = `"<SwitchField {...rest} {...getOverridePr
 
 exports[`Primitives TabItem 1`] = `"<TabItem {...rest} {...getOverrideProps(overrides, \\"TabItem\\")}></TabItem>"`;
 
+exports[`Primitives Table 1`] = `"<Table {...rest} {...getOverrideProps(overrides, \\"Table\\")}></Table>"`;
+
+exports[`Primitives TableBody 1`] = `"<TableBody {...rest} {...getOverrideProps(overrides, \\"TableBody\\")}></TableBody>"`;
+
+exports[`Primitives TableCell 1`] = `"<TableCell {...rest} {...getOverrideProps(overrides, \\"TableCell\\")}></TableCell>"`;
+
+exports[`Primitives TableFoot 1`] = `"<TableFoot {...rest} {...getOverrideProps(overrides, \\"TableFoot\\")}></TableFoot>"`;
+
+exports[`Primitives TableHead 1`] = `"<TableHead {...rest} {...getOverrideProps(overrides, \\"TableHead\\")}></TableHead>"`;
+
+exports[`Primitives TableRow 1`] = `"<TableRow {...rest} {...getOverrideProps(overrides, \\"TableRow\\")}></TableRow>"`;
+
 exports[`Primitives Tabs 1`] = `"<Tabs {...rest} {...getOverrideProps(overrides, \\"Tabs\\")}></Tabs>"`;
 
 exports[`Primitives Text 1`] = `"<Text {...rest} {...getOverrideProps(overrides, \\"Text\\")}></Text>"`;

diff --git a/packages/codegen-ui-react/lib/__tests__/studio-ui-codegen-react.test.ts b/packages/codegen-ui-react/lib/__tests__/studio-ui-codegen-react.test.ts
@@ -443,6 +443,10 @@ describe('amplify render tests', () => {
     test('Built-in Iconset', () => {
       expect(generateWithAmplifyRenderer('builtInIconset').componentText).toMatchSnapshot();
     });
+
+    test('Table', () => {
+      expect(generateWithAmplifyRenderer('primitives/TablePrimitive').componentText).toMatchSnapshot();
+    });
   });
 
   describe('icon-indices', () => {