feat(CC-table): init table

Author: mattnolting

packages/code-connect/components/Table/BasicRow.figma.tsx

@@ -0,0 +1,20 @@
+import figma from '@figma/code-connect';
+import { Tr } from '@patternfly/react-table';
+
+// Documentation for BasicRow can be found at https://www.patternfly.org/components/table
+
+figma.connect(Tr, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=2930-36939', {
+  props: {
+    // boolean
+    isExpanded: figma.boolean('Expanded'),
+    isRowSelected: figma.boolean('Selected'),
+
+    // enum
+    children: figma.children('*')
+  },
+  example: (props) => (
+    <Tr isExpanded={props.isExpanded} isRowSelected={props.isRowSelected}>
+      {props.children}
+    </Tr>
+  )
+});

packages/code-connect/components/Table/ClickableRow.figma.tsx

@@ -0,0 +1,26 @@
+import figma from '@figma/code-connect';
+import { Tr } from '@patternfly/react-table';
+
+// Documentation for BasicRow can be found at https://www.patternfly.org/components/table
+
+figma.connect(Tr, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=2930-40632', {
+  props: {
+    isExpanded: figma.boolean('Expanded'),
+    isRowSelected: figma.enum('State', {
+      Clicked: true
+    }),
+
+    children: figma.children('*')
+  },
+  example: (props) => (
+    <Tr
+      onRowClick={() => {}}
+      isSelectable
+      isExpanded={props.isExpanded}
+      isClickable
+      isRowSelected={props.isRowSelected}
+    >
+      {props.children}
+    </Tr>
+  )
+});

packages/code-connect/components/Table/ColumnBasedTableDoesNotSupportExpandableRows.figma.tsx

@@ -0,0 +1,22 @@
+import figma from '@figma/code-connect';
+import { Table } from '@patternfly/react-table';
+
+// Documentation for BasicRow can be found at https://www.patternfly.org/components/table
+
+figma.connect(
+  Table,
+  'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=6482-49461',
+  {
+    props: {
+      // enum
+      variant: figma.enum('Size', { Compact: 'compact' }),
+
+      children: figma.children('*')
+    },
+    example: (props) => (
+      <Table variant={props.variant} aria-label="Column based table">
+        {props.children}test
+      </Table>
+    )
+  }
+);

packages/code-connect/components/Table/ColumnHeaderHeaderCell.figma.tsx

@@ -0,0 +1,22 @@
+import figma from '@figma/code-connect';
+import { Th } from '@patternfly/react-table';
+
+// Documentation for header cell can be found at https://www.patternfly.org/components/table
+
+figma.connect(Th, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=14-623', {
+  props: {
+    info: figma.boolean('Show help icon', {
+      true: { tooltip: 'More information ' },
+      false: undefined
+    }),
+    sort: figma.boolean('Sortable', {
+      true: `getSortParams(<row-index>)`,
+      false: undefined
+    })
+  },
+  example: (props) => (
+    <Th sort={props.sort} info={props.info}>
+      Header
+    </Th>
+  )
+});

packages/code-connect/components/Table/ColumnHeaderLeftControls.figma.tsx

@@ -0,0 +1,43 @@
+import figma from '@figma/code-connect';
+import { Th } from '@patternfly/react-table';
+
+// Documentation for BasicRow can be found at https://www.patternfly.org/components/table
+
+figma.connect(Th, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=6241-29618', {
+  props: {
+    selectAll: figma.boolean('Select all', {
+      true: (
+        <Th
+          select={{
+            onSelect: () => {},
+            isSelected: false
+          }}
+          aria-label="Row select"
+        />
+      ),
+      false: undefined
+    }),
+    expandableAll: figma.boolean('Expandable all', {
+      true: (
+        <Th
+          expand={{
+            onToggle: () => {}
+          }}
+          aria-label="Row expand"
+        />
+      ),
+      false: undefined
+    }),
+    isDraggable: figma.boolean('Is draggable', {
+      true: <Th draggableRow={{ id: `draggable-row-id` }} />,
+      false: undefined
+    })
+  },
+  example: (props) => (
+    <>
+      {props.selectAll}
+      {props.expandableAll}
+      {props.isDraggable}
+    </>
+  )
+});

packages/code-connect/components/Table/ColumnHeaderRightActionPlaceholder.figma.tsx

@@ -0,0 +1,11 @@
+import figma from '@figma/code-connect';
+import { Th } from '@patternfly/react-table';
+
+// Documentation for BasicRow can be found at https://www.patternfly.org/components/table
+
+figma.connect(Th, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=6241-29627', {
+  props: {
+    children: figma.children('*')
+  },
+  example: (props) => <Th>{props.children}</Th>
+});

packages/code-connect/components/Table/CompoundExpandableRows.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect';
+import { Tr } from '@patternfly/react-table';
+
+// Documentation for BasicRow can be found at https://www.patternfly.org/components/table
+
+figma.connect(Tr, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=2945-48504', {
+  props: {
+    showActions: figma.boolean('Show actions'),
+    children: figma.children('*')
+  },
+  example: (props) => <Tr>{props.children}</Tr>
+});

packages/code-connect/components/Table/CompoundExpandableTable.figma.tsx

@@ -0,0 +1,19 @@
+import figma from '@figma/code-connect';
+import { Table } from '@patternfly/react-table';
+
+// Documentation for Table can be found at https://www.patternfly.org/components/table
+
+figma.connect(
+  Table,
+  'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=6482-55919',
+  {
+    props: {
+      children: figma.children('*')
+    },
+    example: (props) => (
+      <Table isExpandable aria-label="Compound expandable table">
+        {props.children}
+      </Table>
+    )
+  }
+);

packages/code-connect/components/Table/DraggableRow.figma.tsx

@@ -0,0 +1,15 @@
+import figma from '@figma/code-connect';
+import { Tr } from '@patternfly/react-table';
+
+// Documentation for Table can be found at https://www.patternfly.org/components/table
+
+figma.connect(Tr, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=21288-130668', {
+  props: {
+    children: figma.children('*')
+  },
+  example: (props) => (
+    <Tr id="draggable-row-id" draggable onDrop={() => {}} onDragEnd={() => {}} onDragStart={() => {}}>
+      {props.children}
+    </Tr>
+  )
+});

packages/code-connect/components/Table/LeftActionsColumn.figma.tsx

@@ -0,0 +1,18 @@
+import figma from '@figma/code-connect';
+import { ActionsColumn, Td, Th } from '@patternfly/react-table';
+
+// Documentation for Table can be found at https://www.patternfly.org/components/table
+
+figma.connect(Td, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=6441-38440', {
+  props: {
+    tableCell: figma.boolean('Column header', {
+      true: <Th screenReaderText="Action cell" />,
+      false: (
+        <Td isActionCell>
+          <ActionsColumn items={[]} />
+        </Td>
+      )
+    })
+  },
+  example: (props) => <>{props.tableCell}</>
+});