@protonradio/proton-ui 0.11.30-beta.2 → 0.11.30-beta.3

package/dist/components/Table/BaseTable/Collection/CompoundComponents.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundComponents.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/CompoundComponents.tsx"],"sourcesContent":["import { AriaAttributes, ReactElement, ReactNode } from \"react\";\n\n/*\n  Compound reference components used to build the table collection.\n  They are not rendered, but used to parse the table structure.\n*/\n\ntype TableColumnElement = ReactElement<\n  TableColumnProps,\n  typeof TableColumnCompound\n>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\n  \"data-testid\"?: string;\n}\n\nexport interface TableColumnProps {\n  id: string;\n  children: ReactNode;\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\n}\n\nexport interface TableBodyProps {\n  children: TableRowElement | TableRowElement[] | ReactElement | ReactElement[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n  \"data-testid\"?: string;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n  \"data-testid\"?: string;\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeaderCompound = (_: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumnCompound = (_: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBodyCompound = (_: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRowCompound = (_: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCellCompound = (_: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeaderCompound","_","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"gFA6Ca,MAAAA,EAAuBC,GAC3B,KAGIC,EAAuBD,GAC3B,KAGIE,EAAqBF,GACzB,KAGIG,EAAoBH,GACxB,KAGII,EAAqBJ,GACzB"}
+{"version":3,"file":"CompoundComponents.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/CompoundComponents.tsx"],"sourcesContent":["import { AriaAttributes, ReactElement, ReactNode } from \"react\";\n\n/*\n  Compound reference components used to build the table collection.\n  They are not rendered, but used to parse the table structure.\n*/\n\ntype TableColumnElement = ReactElement<\n  TableColumnProps,\n  typeof TableColumnCompound\n>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\n  \"data-testid\"?: string;\n}\n\nexport interface TableColumnProps {\n  id: string;\n  children: ReactNode;\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\n}\n\nexport interface TableBodyProps {\n  children: TableRowElement | TableRowElement[] | ReactElement | ReactElement[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n  \"data-testid\"?: string;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n  \"data-testid\"?: string;\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeaderCompound = (_: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumnCompound = (_: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBodyCompound = (_: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRowCompound = (_: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCellCompound = (_: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeaderCompound","_","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"gFA8Ca,MAAAA,EAAuBC,GAC3B,KAGIC,EAAuBD,GAC3B,KAGIE,EAAqBF,GACzB,KAGIG,EAAoBH,GACxB,KAGII,EAAqBJ,GACzB"}

package/dist/components/Table/BaseTable/Collection/CompoundComponents.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundComponents.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/CompoundComponents.tsx"],"sourcesContent":["import { AriaAttributes, ReactElement, ReactNode } from \"react\";\n\n/*\n  Compound reference components used to build the table collection.\n  They are not rendered, but used to parse the table structure.\n*/\n\ntype TableColumnElement = ReactElement<\n  TableColumnProps,\n  typeof TableColumnCompound\n>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\n  \"data-testid\"?: string;\n}\n\nexport interface TableColumnProps {\n  id: string;\n  children: ReactNode;\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\n}\n\nexport interface TableBodyProps {\n  children: TableRowElement | TableRowElement[] | ReactElement | ReactElement[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n  \"data-testid\"?: string;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n  \"data-testid\"?: string;\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeaderCompound = (_: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumnCompound = (_: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBodyCompound = (_: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRowCompound = (_: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCellCompound = (_: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeaderCompound","_","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"AA6Ca,MAAAA,IAAsB,CAACC,MAC3B,MAGIC,IAAsB,CAACD,MAC3B,MAGIE,IAAoB,CAACF,MACzB,MAGIG,IAAmB,CAACH,MACxB,MAGII,IAAoB,CAACJ,MACzB;"}
+{"version":3,"file":"CompoundComponents.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/CompoundComponents.tsx"],"sourcesContent":["import { AriaAttributes, ReactElement, ReactNode } from \"react\";\n\n/*\n  Compound reference components used to build the table collection.\n  They are not rendered, but used to parse the table structure.\n*/\n\ntype TableColumnElement = ReactElement<\n  TableColumnProps,\n  typeof TableColumnCompound\n>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\n  \"data-testid\"?: string;\n}\n\nexport interface TableColumnProps {\n  id: string;\n  children: ReactNode;\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\n}\n\nexport interface TableBodyProps {\n  children: TableRowElement | TableRowElement[] | ReactElement | ReactElement[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n  \"data-testid\"?: string;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n  \"data-testid\"?: string;\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeaderCompound = (_: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumnCompound = (_: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBodyCompound = (_: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRowCompound = (_: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCellCompound = (_: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeaderCompound","_","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"AA8Ca,MAAAA,IAAsB,CAACC,MAC3B,MAGIC,IAAsB,CAACD,MAC3B,MAGIE,IAAoB,CAACF,MACzB,MAGIG,IAAmB,CAACH,MACxB,MAGII,IAAoB,CAACJ,MACzB;"}

package/dist/components/Table/BaseTable/Collection/collectionParser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("./CompoundComponents.cjs.js"),p=(t,s)=>t.type===s,h=(t,s)=>{const n=[],d=l.Children.toArray(t);for(const o of d)if(l.isValidElement(o)&&p(o,a.TableColumnCompound)){const e=o.props;n.push({key:e.id,header:e.children,isHidden:s,ariaSort:e["aria-sort"]})}return n},C=(t,s)=>{var e;const n=[],d=l.Children.toArray(t);let o=0;for(const c of d)if(l.isValidElement(c)&&p(c,a.TableCellCompound)){const r=c.props,i=r.columnKey??((e=s[o])==null?void 0:e.key);i&&n.push({columnKey:i,value:r.children,colSpan:r.colSpan,dataTestId:r["data-testid"]}),o++}return n},m=t=>{const s=[],n=[],d=l.Children.toArray(t);for(const o of d)if(l.isValidElement(o)){if(p(o,a.TableHeaderCompound)){const e=o.props,c=h(e.children,e.isHidden||!1);s.push(...c);continue}if(p(o,a.TableBodyCompound)){const e=o.props,c=l.Children.toArray(e.children);for(const r of c)if(l.isValidElement(r))if(p(r,a.TableRowCompound)){const i=r.props,u=C(i.children,s);n.push({key:r.key??i.key??String(n.length),cells:u,onClick:i.onClick,dataTestId:i["data-testid"]})}else n.push(r)}}return{columns:s,rows:n}};exports.parseTableChildren=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("./CompoundComponents.cjs.js"),p=(t,l)=>t.type===l,h=(t,l)=>{const r=[],d=s.Children.toArray(t);for(const o of d)if(s.isValidElement(o)&&p(o,a.TableColumnCompound)){const e=o.props;r.push({key:e.id,header:e.children,isHidden:l,ariaSort:e["aria-sort"]})}return r},C=(t,l)=>{var e;const r=[],d=s.Children.toArray(t);let o=0;for(const i of d)if(s.isValidElement(i)&&p(i,a.TableCellCompound)){const n=i.props,c=n.columnKey??((e=l[o])==null?void 0:e.key);c&&r.push({columnKey:c,value:n.children,colSpan:n.colSpan,dataTestId:n["data-testid"],textAlign:n.textAlign}),o++}return r},m=t=>{const l=[],r=[],d=s.Children.toArray(t);for(const o of d)if(s.isValidElement(o)){if(p(o,a.TableHeaderCompound)){const e=o.props,i=h(e.children,e.isHidden||!1);l.push(...i);continue}if(p(o,a.TableBodyCompound)){const e=o.props,i=s.Children.toArray(e.children);for(const n of i)if(s.isValidElement(n))if(p(n,a.TableRowCompound)){const c=n.props,u=C(c.children,l);r.push({key:n.key??c.key??String(r.length),cells:u,onClick:c.onClick,dataTestId:c["data-testid"]})}else r.push(n)}}return{columns:l,rows:r}};exports.parseTableChildren=m;
 //# sourceMappingURL=collectionParser.cjs.js.map

package/dist/components/Table/BaseTable/Collection/collectionParser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"collectionParser.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nconst isComponentType = (\n  element: ReactElement,\n  componentType: ComponentType<any>,\n): boolean => element.type === componentType;\n\n/**\n * Parses columns from Table.Header children\n */\nconst parseColumns = (\n  headerChildren: ReactNode,\n  isHeaderHidden: boolean,\n): TableColumnData[] => {\n  const columns: TableColumnData[] = [];\n  const childrenArray = Children.toArray(headerChildren);\n\n  for (const columnChild of childrenArray) {\n    if (\n      isValidElement(columnChild) &&\n      isComponentType(columnChild, TableColumnCompound)\n    ) {\n      const columnProps = columnChild.props;\n      columns.push({\n        key: columnProps.id,\n        header: columnProps.children,\n        isHidden: isHeaderHidden,\n        ariaSort: columnProps[\"aria-sort\"],\n      });\n    }\n  }\n\n  return columns;\n};\n\n/**\n * Parses cells from Table.Row children\n */\nconst parseCells = (\n  rowChildren: ReactNode,\n  columns: TableColumnData[],\n): TableCellData[] => {\n  const cells: TableCellData[] = [];\n  const childrenArray = Children.toArray(rowChildren);\n  let cellIndex = 0;\n\n  for (const cellChild of childrenArray) {\n    if (\n      isValidElement(cellChild) &&\n      isComponentType(cellChild, TableCellCompound)\n    ) {\n      const cellProps = cellChild.props;\n      const columnKey = cellProps.columnKey ?? columns[cellIndex]?.key;\n\n      if (columnKey) {\n        cells.push({\n          columnKey,\n          value: cellProps.children,\n          colSpan: cellProps.colSpan,\n          dataTestId: cellProps[\"data-testid\"],\n        });\n      }\n      cellIndex++;\n    }\n  }\n\n  return cells;\n};\n\n/**\n * Parses JSX table structure into collection data format.\n *\n * @returns parsed table data\n * @see {@link TableData} for the parsed table data structure\n */\nexport const parseTableChildren = (children: ReactNode): TableData => {\n  const columns: TableColumnData[] = [];\n  const rows: (TableRowData | ReactElement)[] = [];\n  const childrenArray = Children.toArray(children);\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeaderCompound)) {\n      const headerProps = child.props;\n      const parsedColumns = parseColumns(\n        headerProps.children,\n        headerProps.isHidden || false,\n      );\n      columns.push(...parsedColumns);\n      continue;\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBodyCompound)) {\n      const bodyProps = child.props;\n      const bodyChildren = Children.toArray(bodyProps.children);\n\n      for (const rowChild of bodyChildren) {\n        if (!isValidElement(rowChild)) continue;\n\n        if (isComponentType(rowChild, TableRowCompound)) {\n          const rowProps = rowChild.props;\n          const cells = parseCells(rowProps.children, columns);\n\n          rows.push({\n            key: rowChild.key ?? rowProps.key ?? String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n            dataTestId: rowProps[\"data-testid\"],\n          });\n        } else {\n          rows.push(rowChild);\n        }\n      }\n    }\n  }\n\n  return {\n    columns,\n    rows,\n  };\n};\n"],"names":["isComponentType","element","componentType","parseColumns","headerChildren","isHeaderHidden","columns","childrenArray","Children","columnChild","isValidElement","TableColumnCompound","columnProps","parseCells","rowChildren","cells","cellIndex","cellChild","TableCellCompound","cellProps","columnKey","_a","parseTableChildren","children","rows","child","TableHeaderCompound","headerProps","parsedColumns","TableBodyCompound","bodyProps","bodyChildren","rowChild","TableRowCompound","rowProps"],"mappings":"kJAsBMA,EAAkB,CACtBC,EACAC,IACYD,EAAQ,OAASC,EAKzBC,EAAe,CACnBC,EACAC,IACsB,CACtB,MAAMC,EAA6B,CAAA,EAC7BC,EAAgBC,EAAAA,SAAS,QAAQJ,CAAc,EAErD,UAAWK,KAAeF,EACxB,GACEG,EAAAA,eAAeD,CAAW,GAC1BT,EAAgBS,EAAaE,EAAmB,mBAAA,EAChD,CACA,MAAMC,EAAcH,EAAY,MAChCH,EAAQ,KAAK,CACX,IAAKM,EAAY,GACjB,OAAQA,EAAY,SACpB,SAAUP,EACV,SAAUO,EAAY,WAAW,CAAA,CAClC,CACH,CAGK,OAAAN,CACT,EAKMO,EAAa,CACjBC,EACAR,IACoB,OACpB,MAAMS,EAAyB,CAAA,EACzBR,EAAgBC,EAAAA,SAAS,QAAQM,CAAW,EAClD,IAAIE,EAAY,EAEhB,UAAWC,KAAaV,EACtB,GACEG,EAAAA,eAAeO,CAAS,GACxBjB,EAAgBiB,EAAWC,EAAiB,iBAAA,EAC5C,CACA,MAAMC,EAAYF,EAAU,MACtBG,EAAYD,EAAU,aAAaE,EAAAf,EAAQU,CAAS,IAAjB,YAAAK,EAAoB,KAEzDD,GACFL,EAAM,KAAK,CACT,UAAAK,EACA,MAAOD,EAAU,SACjB,QAASA,EAAU,QACnB,WAAYA,EAAU,aAAa,CAAA,CACpC,EAEHH,GACF,CAGK,OAAAD,CACT,EAQaO,EAAsBC,GAAmC,CACpE,MAAMjB,EAA6B,CAAA,EAC7BkB,EAAwC,CAAA,EACxCjB,EAAgBC,EAAAA,SAAS,QAAQe,CAAQ,EAE/C,UAAWE,KAASlB,EACd,GAACG,EAAAA,eAAee,CAAK,EAGrB,IAAAzB,EAAgByB,EAAOC,EAAAA,mBAAmB,EAAG,CAC/C,MAAMC,EAAcF,EAAM,MACpBG,EAAgBzB,EACpBwB,EAAY,SACZA,EAAY,UAAY,EAAA,EAElBrB,EAAA,KAAK,GAAGsB,CAAa,EAC7B,QACF,CAGI,GAAA5B,EAAgByB,EAAOI,EAAAA,iBAAiB,EAAG,CAC7C,MAAMC,EAAYL,EAAM,MAClBM,EAAevB,EAAA,SAAS,QAAQsB,EAAU,QAAQ,EAExD,UAAWE,KAAYD,EACjB,GAACrB,EAAAA,eAAesB,CAAQ,EAExB,GAAAhC,EAAgBgC,EAAUC,EAAAA,gBAAgB,EAAG,CAC/C,MAAMC,EAAWF,EAAS,MACpBjB,EAAQF,EAAWqB,EAAS,SAAU5B,CAAO,EAEnDkB,EAAK,KAAK,CACR,IAAKQ,EAAS,KAAOE,EAAS,KAAO,OAAOV,EAAK,MAAM,EACvD,MAAAT,EACA,QAASmB,EAAS,QAClB,WAAYA,EAAS,aAAa,CAAA,CACnC,CAAA,MAEDV,EAAK,KAAKQ,CAAQ,CAGxB,EAGK,MAAA,CACL,QAAA1B,EACA,KAAAkB,CAAA,CAEJ"}
+{"version":3,"file":"collectionParser.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nconst isComponentType = (\n  element: ReactElement,\n  componentType: ComponentType<any>,\n): boolean => element.type === componentType;\n\n/**\n * Parses columns from Table.Header children\n */\nconst parseColumns = (\n  headerChildren: ReactNode,\n  isHeaderHidden: boolean,\n): TableColumnData[] => {\n  const columns: TableColumnData[] = [];\n  const childrenArray = Children.toArray(headerChildren);\n\n  for (const columnChild of childrenArray) {\n    if (\n      isValidElement(columnChild) &&\n      isComponentType(columnChild, TableColumnCompound)\n    ) {\n      const columnProps = columnChild.props;\n      columns.push({\n        key: columnProps.id,\n        header: columnProps.children,\n        isHidden: isHeaderHidden,\n        ariaSort: columnProps[\"aria-sort\"],\n      });\n    }\n  }\n\n  return columns;\n};\n\n/**\n * Parses cells from Table.Row children\n */\nconst parseCells = (\n  rowChildren: ReactNode,\n  columns: TableColumnData[],\n): TableCellData[] => {\n  const cells: TableCellData[] = [];\n  const childrenArray = Children.toArray(rowChildren);\n  let cellIndex = 0;\n\n  for (const cellChild of childrenArray) {\n    if (\n      isValidElement(cellChild) &&\n      isComponentType(cellChild, TableCellCompound)\n    ) {\n      const cellProps = cellChild.props;\n      const columnKey = cellProps.columnKey ?? columns[cellIndex]?.key;\n\n      if (columnKey) {\n        cells.push({\n          columnKey,\n          value: cellProps.children,\n          colSpan: cellProps.colSpan,\n          dataTestId: cellProps[\"data-testid\"],\n          textAlign: cellProps.textAlign,\n        });\n      }\n      cellIndex++;\n    }\n  }\n\n  return cells;\n};\n\n/**\n * Parses JSX table structure into collection data format.\n *\n * @returns parsed table data\n * @see {@link TableData} for the parsed table data structure\n */\nexport const parseTableChildren = (children: ReactNode): TableData => {\n  const columns: TableColumnData[] = [];\n  const rows: (TableRowData | ReactElement)[] = [];\n  const childrenArray = Children.toArray(children);\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeaderCompound)) {\n      const headerProps = child.props;\n      const parsedColumns = parseColumns(\n        headerProps.children,\n        headerProps.isHidden || false,\n      );\n      columns.push(...parsedColumns);\n      continue;\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBodyCompound)) {\n      const bodyProps = child.props;\n      const bodyChildren = Children.toArray(bodyProps.children);\n\n      for (const rowChild of bodyChildren) {\n        if (!isValidElement(rowChild)) continue;\n\n        if (isComponentType(rowChild, TableRowCompound)) {\n          const rowProps = rowChild.props;\n          const cells = parseCells(rowProps.children, columns);\n\n          rows.push({\n            key: rowChild.key ?? rowProps.key ?? String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n            dataTestId: rowProps[\"data-testid\"],\n          });\n        } else {\n          rows.push(rowChild);\n        }\n      }\n    }\n  }\n\n  return {\n    columns,\n    rows,\n  };\n};\n"],"names":["isComponentType","element","componentType","parseColumns","headerChildren","isHeaderHidden","columns","childrenArray","Children","columnChild","isValidElement","TableColumnCompound","columnProps","parseCells","rowChildren","cells","cellIndex","cellChild","TableCellCompound","cellProps","columnKey","_a","parseTableChildren","children","rows","child","TableHeaderCompound","headerProps","parsedColumns","TableBodyCompound","bodyProps","bodyChildren","rowChild","TableRowCompound","rowProps"],"mappings":"kJAsBMA,EAAkB,CACtBC,EACAC,IACYD,EAAQ,OAASC,EAKzBC,EAAe,CACnBC,EACAC,IACsB,CACtB,MAAMC,EAA6B,CAAA,EAC7BC,EAAgBC,EAAAA,SAAS,QAAQJ,CAAc,EAErD,UAAWK,KAAeF,EACxB,GACEG,EAAAA,eAAeD,CAAW,GAC1BT,EAAgBS,EAAaE,EAAmB,mBAAA,EAChD,CACA,MAAMC,EAAcH,EAAY,MAChCH,EAAQ,KAAK,CACX,IAAKM,EAAY,GACjB,OAAQA,EAAY,SACpB,SAAUP,EACV,SAAUO,EAAY,WAAW,CAAA,CAClC,CACH,CAGK,OAAAN,CACT,EAKMO,EAAa,CACjBC,EACAR,IACoB,OACpB,MAAMS,EAAyB,CAAA,EACzBR,EAAgBC,EAAAA,SAAS,QAAQM,CAAW,EAClD,IAAIE,EAAY,EAEhB,UAAWC,KAAaV,EACtB,GACEG,EAAAA,eAAeO,CAAS,GACxBjB,EAAgBiB,EAAWC,EAAiB,iBAAA,EAC5C,CACA,MAAMC,EAAYF,EAAU,MACtBG,EAAYD,EAAU,aAAaE,EAAAf,EAAQU,CAAS,IAAjB,YAAAK,EAAoB,KAEzDD,GACFL,EAAM,KAAK,CACT,UAAAK,EACA,MAAOD,EAAU,SACjB,QAASA,EAAU,QACnB,WAAYA,EAAU,aAAa,EACnC,UAAWA,EAAU,SAAA,CACtB,EAEHH,GACF,CAGK,OAAAD,CACT,EAQaO,EAAsBC,GAAmC,CACpE,MAAMjB,EAA6B,CAAA,EAC7BkB,EAAwC,CAAA,EACxCjB,EAAgBC,EAAAA,SAAS,QAAQe,CAAQ,EAE/C,UAAWE,KAASlB,EACd,GAACG,EAAAA,eAAee,CAAK,EAGrB,IAAAzB,EAAgByB,EAAOC,EAAAA,mBAAmB,EAAG,CAC/C,MAAMC,EAAcF,EAAM,MACpBG,EAAgBzB,EACpBwB,EAAY,SACZA,EAAY,UAAY,EAAA,EAElBrB,EAAA,KAAK,GAAGsB,CAAa,EAC7B,QACF,CAGI,GAAA5B,EAAgByB,EAAOI,EAAAA,iBAAiB,EAAG,CAC7C,MAAMC,EAAYL,EAAM,MAClBM,EAAevB,EAAA,SAAS,QAAQsB,EAAU,QAAQ,EAExD,UAAWE,KAAYD,EACjB,GAACrB,EAAAA,eAAesB,CAAQ,EAExB,GAAAhC,EAAgBgC,EAAUC,EAAAA,gBAAgB,EAAG,CAC/C,MAAMC,EAAWF,EAAS,MACpBjB,EAAQF,EAAWqB,EAAS,SAAU5B,CAAO,EAEnDkB,EAAK,KAAK,CACR,IAAKQ,EAAS,KAAOE,EAAS,KAAO,OAAOV,EAAK,MAAM,EACvD,MAAAT,EACA,QAASmB,EAAS,QAClB,WAAYA,EAAS,aAAa,CAAA,CACnC,CAAA,MAEDV,EAAK,KAAKQ,CAAQ,CAGxB,EAGK,MAAA,CACL,QAAA1B,EACA,KAAAkB,CAAA,CAEJ"}

package/dist/components/Table/BaseTable/Collection/collectionParser.es.js

@@ -1,64 +1,65 @@
 import { Children as a, isValidElement as p } from "react";
 import { TableColumnCompound as h, TableCellCompound as m, TableHeaderCompound as f, TableBodyCompound as y, TableRowCompound as C } from "./CompoundComponents.es.js";
-const d = (l, s) => l.type === s, T = (l, s) => {
-  const e = [], i = a.toArray(l);
+const d = (t, s) => t.type === s, A = (t, s) => {
+  const r = [], i = a.toArray(t);
   for (const o of i)
     if (p(o) && d(o, h)) {
       const n = o.props;
-      e.push({
+      r.push({
         key: n.id,
         header: n.children,
         isHidden: s,
         ariaSort: n["aria-sort"]
       });
     }
-  return e;
-}, b = (l, s) => {
+  return r;
+}, T = (t, s) => {
   var n;
-  const e = [], i = a.toArray(l);
+  const r = [], i = a.toArray(t);
   let o = 0;
-  for (const t of i)
-    if (p(t) && d(t, m)) {
-      const r = t.props, c = r.columnKey ?? ((n = s[o]) == null ? void 0 : n.key);
-      c && e.push({
+  for (const l of i)
+    if (p(l) && d(l, m)) {
+      const e = l.props, c = e.columnKey ?? ((n = s[o]) == null ? void 0 : n.key);
+      c && r.push({
         columnKey: c,
-        value: r.children,
-        colSpan: r.colSpan,
-        dataTestId: r["data-testid"]
+        value: e.children,
+        colSpan: e.colSpan,
+        dataTestId: e["data-testid"],
+        textAlign: e.textAlign
       }), o++;
     }
-  return e;
-}, P = (l) => {
-  const s = [], e = [], i = a.toArray(l);
+  return r;
+}, P = (t) => {
+  const s = [], r = [], i = a.toArray(t);
   for (const o of i)
     if (p(o)) {
       if (d(o, f)) {
-        const n = o.props, t = T(
+        const n = o.props, l = A(
           n.children,
           n.isHidden || !1
         );
-        s.push(...t);
+        s.push(...l);
         continue;
       }
       if (d(o, y)) {
-        const n = o.props, t = a.toArray(n.children);
-        for (const r of t)
-          if (p(r))
-            if (d(r, C)) {
-              const c = r.props, u = b(c.children, s);
-              e.push({
-                key: r.key ?? c.key ?? String(e.length),
+        const n = o.props, l = a.toArray(n.children);
+        for (const e of l)
+          if (p(e))
+            if (d(e, C)) {
+              const c = e.props, u = T(c.children, s);
+              r.push({
+                key: e.key ?? c.key ?? String(r.length),
                 cells: u,
                 onClick: c.onClick,
                 dataTestId: c["data-testid"]
               });
             } else
-              e.push(r);
+              r.push(e);
       }
     }
   return {
     columns: s,
-    rows: e
+    rows: r
   };
 };
 export {

package/dist/components/Table/BaseTable/Collection/collectionParser.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"collectionParser.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nconst isComponentType = (\n  element: ReactElement,\n  componentType: ComponentType<any>,\n): boolean => element.type === componentType;\n\n/**\n * Parses columns from Table.Header children\n */\nconst parseColumns = (\n  headerChildren: ReactNode,\n  isHeaderHidden: boolean,\n): TableColumnData[] => {\n  const columns: TableColumnData[] = [];\n  const childrenArray = Children.toArray(headerChildren);\n\n  for (const columnChild of childrenArray) {\n    if (\n      isValidElement(columnChild) &&\n      isComponentType(columnChild, TableColumnCompound)\n    ) {\n      const columnProps = columnChild.props;\n      columns.push({\n        key: columnProps.id,\n        header: columnProps.children,\n        isHidden: isHeaderHidden,\n        ariaSort: columnProps[\"aria-sort\"],\n      });\n    }\n  }\n\n  return columns;\n};\n\n/**\n * Parses cells from Table.Row children\n */\nconst parseCells = (\n  rowChildren: ReactNode,\n  columns: TableColumnData[],\n): TableCellData[] => {\n  const cells: TableCellData[] = [];\n  const childrenArray = Children.toArray(rowChildren);\n  let cellIndex = 0;\n\n  for (const cellChild of childrenArray) {\n    if (\n      isValidElement(cellChild) &&\n      isComponentType(cellChild, TableCellCompound)\n    ) {\n      const cellProps = cellChild.props;\n      const columnKey = cellProps.columnKey ?? columns[cellIndex]?.key;\n\n      if (columnKey) {\n        cells.push({\n          columnKey,\n          value: cellProps.children,\n          colSpan: cellProps.colSpan,\n          dataTestId: cellProps[\"data-testid\"],\n        });\n      }\n      cellIndex++;\n    }\n  }\n\n  return cells;\n};\n\n/**\n * Parses JSX table structure into collection data format.\n *\n * @returns parsed table data\n * @see {@link TableData} for the parsed table data structure\n */\nexport const parseTableChildren = (children: ReactNode): TableData => {\n  const columns: TableColumnData[] = [];\n  const rows: (TableRowData | ReactElement)[] = [];\n  const childrenArray = Children.toArray(children);\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeaderCompound)) {\n      const headerProps = child.props;\n      const parsedColumns = parseColumns(\n        headerProps.children,\n        headerProps.isHidden || false,\n      );\n      columns.push(...parsedColumns);\n      continue;\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBodyCompound)) {\n      const bodyProps = child.props;\n      const bodyChildren = Children.toArray(bodyProps.children);\n\n      for (const rowChild of bodyChildren) {\n        if (!isValidElement(rowChild)) continue;\n\n        if (isComponentType(rowChild, TableRowCompound)) {\n          const rowProps = rowChild.props;\n          const cells = parseCells(rowProps.children, columns);\n\n          rows.push({\n            key: rowChild.key ?? rowProps.key ?? String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n            dataTestId: rowProps[\"data-testid\"],\n          });\n        } else {\n          rows.push(rowChild);\n        }\n      }\n    }\n  }\n\n  return {\n    columns,\n    rows,\n  };\n};\n"],"names":["isComponentType","element","componentType","parseColumns","headerChildren","isHeaderHidden","columns","childrenArray","Children","columnChild","isValidElement","TableColumnCompound","columnProps","parseCells","rowChildren","cells","cellIndex","cellChild","TableCellCompound","cellProps","columnKey","_a","parseTableChildren","children","rows","child","TableHeaderCompound","headerProps","parsedColumns","TableBodyCompound","bodyProps","bodyChildren","rowChild","TableRowCompound","rowProps"],"mappings":";;AAsBA,MAAMA,IAAkB,CACtBC,GACAC,MACYD,EAAQ,SAASC,GAKzBC,IAAe,CACnBC,GACAC,MACsB;AACtB,QAAMC,IAA6B,CAAA,GAC7BC,IAAgBC,EAAS,QAAQJ,CAAc;AAErD,aAAWK,KAAeF;AACxB,QACEG,EAAeD,CAAW,KAC1BT,EAAgBS,GAAaE,CAAmB,GAChD;AACA,YAAMC,IAAcH,EAAY;AAChC,MAAAH,EAAQ,KAAK;AAAA,QACX,KAAKM,EAAY;AAAA,QACjB,QAAQA,EAAY;AAAA,QACpB,UAAUP;AAAA,QACV,UAAUO,EAAY,WAAW;AAAA,MAAA,CAClC;AAAA,IACH;AAGK,SAAAN;AACT,GAKMO,IAAa,CACjBC,GACAR,MACoB;;AACpB,QAAMS,IAAyB,CAAA,GACzBR,IAAgBC,EAAS,QAAQM,CAAW;AAClD,MAAIE,IAAY;AAEhB,aAAWC,KAAaV;AACtB,QACEG,EAAeO,CAAS,KACxBjB,EAAgBiB,GAAWC,CAAiB,GAC5C;AACA,YAAMC,IAAYF,EAAU,OACtBG,IAAYD,EAAU,eAAaE,IAAAf,EAAQU,CAAS,MAAjB,gBAAAK,EAAoB;AAE7D,MAAID,KACFL,EAAM,KAAK;AAAA,QACT,WAAAK;AAAA,QACA,OAAOD,EAAU;AAAA,QACjB,SAASA,EAAU;AAAA,QACnB,YAAYA,EAAU,aAAa;AAAA,MAAA,CACpC,GAEHH;AAAA,IACF;AAGK,SAAAD;AACT,GAQaO,IAAqB,CAACC,MAAmC;AACpE,QAAMjB,IAA6B,CAAA,GAC7BkB,IAAwC,CAAA,GACxCjB,IAAgBC,EAAS,QAAQe,CAAQ;AAE/C,aAAWE,KAASlB;AACd,QAACG,EAAee,CAAK,GAGrB;AAAA,UAAAzB,EAAgByB,GAAOC,CAAmB,GAAG;AAC/C,cAAMC,IAAcF,EAAM,OACpBG,IAAgBzB;AAAA,UACpBwB,EAAY;AAAA,UACZA,EAAY,YAAY;AAAA,QAAA;AAElB,QAAArB,EAAA,KAAK,GAAGsB,CAAa;AAC7B;AAAA,MACF;AAGI,UAAA5B,EAAgByB,GAAOI,CAAiB,GAAG;AAC7C,cAAMC,IAAYL,EAAM,OAClBM,IAAevB,EAAS,QAAQsB,EAAU,QAAQ;AAExD,mBAAWE,KAAYD;AACjB,cAACrB,EAAesB,CAAQ;AAExB,gBAAAhC,EAAgBgC,GAAUC,CAAgB,GAAG;AAC/C,oBAAMC,IAAWF,EAAS,OACpBjB,IAAQF,EAAWqB,EAAS,UAAU5B,CAAO;AAEnD,cAAAkB,EAAK,KAAK;AAAA,gBACR,KAAKQ,EAAS,OAAOE,EAAS,OAAO,OAAOV,EAAK,MAAM;AAAA,gBACvD,OAAAT;AAAA,gBACA,SAASmB,EAAS;AAAA,gBAClB,YAAYA,EAAS,aAAa;AAAA,cAAA,CACnC;AAAA,YAAA;AAED,cAAAV,EAAK,KAAKQ,CAAQ;AAAA,MAGxB;AAAA;AAGK,SAAA;AAAA,IACL,SAAA1B;AAAA,IACA,MAAAkB;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"collectionParser.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nconst isComponentType = (\n  element: ReactElement,\n  componentType: ComponentType<any>,\n): boolean => element.type === componentType;\n\n/**\n * Parses columns from Table.Header children\n */\nconst parseColumns = (\n  headerChildren: ReactNode,\n  isHeaderHidden: boolean,\n): TableColumnData[] => {\n  const columns: TableColumnData[] = [];\n  const childrenArray = Children.toArray(headerChildren);\n\n  for (const columnChild of childrenArray) {\n    if (\n      isValidElement(columnChild) &&\n      isComponentType(columnChild, TableColumnCompound)\n    ) {\n      const columnProps = columnChild.props;\n      columns.push({\n        key: columnProps.id,\n        header: columnProps.children,\n        isHidden: isHeaderHidden,\n        ariaSort: columnProps[\"aria-sort\"],\n      });\n    }\n  }\n\n  return columns;\n};\n\n/**\n * Parses cells from Table.Row children\n */\nconst parseCells = (\n  rowChildren: ReactNode,\n  columns: TableColumnData[],\n): TableCellData[] => {\n  const cells: TableCellData[] = [];\n  const childrenArray = Children.toArray(rowChildren);\n  let cellIndex = 0;\n\n  for (const cellChild of childrenArray) {\n    if (\n      isValidElement(cellChild) &&\n      isComponentType(cellChild, TableCellCompound)\n    ) {\n      const cellProps = cellChild.props;\n      const columnKey = cellProps.columnKey ?? columns[cellIndex]?.key;\n\n      if (columnKey) {\n        cells.push({\n          columnKey,\n          value: cellProps.children,\n          colSpan: cellProps.colSpan,\n          dataTestId: cellProps[\"data-testid\"],\n          textAlign: cellProps.textAlign,\n        });\n      }\n      cellIndex++;\n    }\n  }\n\n  return cells;\n};\n\n/**\n * Parses JSX table structure into collection data format.\n *\n * @returns parsed table data\n * @see {@link TableData} for the parsed table data structure\n */\nexport const parseTableChildren = (children: ReactNode): TableData => {\n  const columns: TableColumnData[] = [];\n  const rows: (TableRowData | ReactElement)[] = [];\n  const childrenArray = Children.toArray(children);\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeaderCompound)) {\n      const headerProps = child.props;\n      const parsedColumns = parseColumns(\n        headerProps.children,\n        headerProps.isHidden || false,\n      );\n      columns.push(...parsedColumns);\n      continue;\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBodyCompound)) {\n      const bodyProps = child.props;\n      const bodyChildren = Children.toArray(bodyProps.children);\n\n      for (const rowChild of bodyChildren) {\n        if (!isValidElement(rowChild)) continue;\n\n        if (isComponentType(rowChild, TableRowCompound)) {\n          const rowProps = rowChild.props;\n          const cells = parseCells(rowProps.children, columns);\n\n          rows.push({\n            key: rowChild.key ?? rowProps.key ?? String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n            dataTestId: rowProps[\"data-testid\"],\n          });\n        } else {\n          rows.push(rowChild);\n        }\n      }\n    }\n  }\n\n  return {\n    columns,\n    rows,\n  };\n};\n"],"names":["isComponentType","element","componentType","parseColumns","headerChildren","isHeaderHidden","columns","childrenArray","Children","columnChild","isValidElement","TableColumnCompound","columnProps","parseCells","rowChildren","cells","cellIndex","cellChild","TableCellCompound","cellProps","columnKey","_a","parseTableChildren","children","rows","child","TableHeaderCompound","headerProps","parsedColumns","TableBodyCompound","bodyProps","bodyChildren","rowChild","TableRowCompound","rowProps"],"mappings":";;AAsBA,MAAMA,IAAkB,CACtBC,GACAC,MACYD,EAAQ,SAASC,GAKzBC,IAAe,CACnBC,GACAC,MACsB;AACtB,QAAMC,IAA6B,CAAA,GAC7BC,IAAgBC,EAAS,QAAQJ,CAAc;AAErD,aAAWK,KAAeF;AACxB,QACEG,EAAeD,CAAW,KAC1BT,EAAgBS,GAAaE,CAAmB,GAChD;AACA,YAAMC,IAAcH,EAAY;AAChC,MAAAH,EAAQ,KAAK;AAAA,QACX,KAAKM,EAAY;AAAA,QACjB,QAAQA,EAAY;AAAA,QACpB,UAAUP;AAAA,QACV,UAAUO,EAAY,WAAW;AAAA,MAAA,CAClC;AAAA,IACH;AAGK,SAAAN;AACT,GAKMO,IAAa,CACjBC,GACAR,MACoB;;AACpB,QAAMS,IAAyB,CAAA,GACzBR,IAAgBC,EAAS,QAAQM,CAAW;AAClD,MAAIE,IAAY;AAEhB,aAAWC,KAAaV;AACtB,QACEG,EAAeO,CAAS,KACxBjB,EAAgBiB,GAAWC,CAAiB,GAC5C;AACA,YAAMC,IAAYF,EAAU,OACtBG,IAAYD,EAAU,eAAaE,IAAAf,EAAQU,CAAS,MAAjB,gBAAAK,EAAoB;AAE7D,MAAID,KACFL,EAAM,KAAK;AAAA,QACT,WAAAK;AAAA,QACA,OAAOD,EAAU;AAAA,QACjB,SAASA,EAAU;AAAA,QACnB,YAAYA,EAAU,aAAa;AAAA,QACnC,WAAWA,EAAU;AAAA,MAAA,CACtB,GAEHH;AAAA,IACF;AAGK,SAAAD;AACT,GAQaO,IAAqB,CAACC,MAAmC;AACpE,QAAMjB,IAA6B,CAAA,GAC7BkB,IAAwC,CAAA,GACxCjB,IAAgBC,EAAS,QAAQe,CAAQ;AAE/C,aAAWE,KAASlB;AACd,QAACG,EAAee,CAAK,GAGrB;AAAA,UAAAzB,EAAgByB,GAAOC,CAAmB,GAAG;AAC/C,cAAMC,IAAcF,EAAM,OACpBG,IAAgBzB;AAAA,UACpBwB,EAAY;AAAA,UACZA,EAAY,YAAY;AAAA,QAAA;AAElB,QAAArB,EAAA,KAAK,GAAGsB,CAAa;AAC7B;AAAA,MACF;AAGI,UAAA5B,EAAgByB,GAAOI,CAAiB,GAAG;AAC7C,cAAMC,IAAYL,EAAM,OAClBM,IAAevB,EAAS,QAAQsB,EAAU,QAAQ;AAExD,mBAAWE,KAAYD;AACjB,cAACrB,EAAesB,CAAQ;AAExB,gBAAAhC,EAAgBgC,GAAUC,CAAgB,GAAG;AAC/C,oBAAMC,IAAWF,EAAS,OACpBjB,IAAQF,EAAWqB,EAAS,UAAU5B,CAAO;AAEnD,cAAAkB,EAAK,KAAK;AAAA,gBACR,KAAKQ,EAAS,OAAOE,EAAS,OAAO,OAAOV,EAAK,MAAM;AAAA,gBACvD,OAAAT;AAAA,gBACA,SAASmB,EAAS;AAAA,gBAClB,YAAYA,EAAS,aAAa;AAAA,cAAA,CACnC;AAAA,YAAA;AAED,cAAAV,EAAK,KAAKQ,CAAQ;AAAA,MAGxB;AAAA;AAGK,SAAA;AAAA,IACL,SAAA1B;AAAA,IACA,MAAAkB;AAAA,EAAA;AAEJ;"}

package/dist/components/Table/BaseTable/Table.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js"),m=require("react"),x=require("./Collection/collectionParser.cjs.js"),r=require("./Collection/CompoundComponents.cjs.js"),C=require("./Collection/useTableCollection.cjs.js"),p=require("./elements/TableRoot.cjs.js"),R=require("./elements/TableHeader.cjs.js"),j=require("./elements/TableHeaderRow.cjs.js"),q=require("./elements/TableHeaderCell.cjs.js"),y=require("./elements/TableBody.cjs.js"),H=require("./elements/TableRow.cjs.js"),I=require("./elements/TableCell.cjs.js");;/* empty css               */const i=({children:d,name:u})=>{const c=x.parseTableChildren(d),e=C.useTableCollection(c);return t.jsxRuntimeExports.jsxs(p.TableRoot,{name:u,rowCount:e.getTotalRowCount,colCount:e.columns.length,children:[t.jsxRuntimeExports.jsx(R.TableHeader,{isHidden:e.isHeaderHidden,children:t.jsxRuntimeExports.jsx(j.TableHeaderRow,{children:e.columns.map((n,l)=>t.jsxRuntimeExports.jsx(q.TableHeaderCell,{colIndex:e.getColumnAriaIndex(l),ariaSort:n.ariaSort,children:n.header},n.key))})}),t.jsxRuntimeExports.jsx(y.TableBody,{children:e.rows.map((n,l)=>{if(m.isValidElement(n))return n;const a=n;return t.jsxRuntimeExports.jsx(H.TableRow,{ariaRowIndex:e.getRowAriaIndex(l),onClick:a.onClick,dataTestId:a.dataTestId,children:e.columns.map((s,T)=>{const o=a.cells.find(b=>b.columnKey===s.key);return t.jsxRuntimeExports.jsx(I.TableCell,{columnIndex:e.getColumnAriaIndex(T),columnSpan:o==null?void 0:o.colSpan,dataTestId:o==null?void 0:o.dataTestId,children:(o==null?void 0:o.value)??""},s.key)})},a.key)})})]})};i.displayName="ProtonUITable";const h=Object.assign(i,{Header:r.TableHeaderCompound,Column:r.TableColumnCompound,Body:r.TableBodyCompound,Row:r.TableRowCompound,Cell:r.TableCellCompound});exports.Table=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js"),x=require("react"),m=require("./Collection/collectionParser.cjs.js"),r=require("./Collection/CompoundComponents.cjs.js"),C=require("./Collection/useTableCollection.cjs.js"),p=require("./elements/TableRoot.cjs.js"),R=require("./elements/TableHeader.cjs.js"),j=require("./elements/TableHeaderRow.cjs.js"),q=require("./elements/TableHeaderCell.cjs.js"),y=require("./elements/TableBody.cjs.js"),g=require("./elements/TableRow.cjs.js"),H=require("./elements/TableCell.cjs.js");;/* empty css               */const i=({children:d,name:u})=>{const c=m.parseTableChildren(d),o=C.useTableCollection(c);return t.jsxRuntimeExports.jsxs(p.TableRoot,{name:u,rowCount:o.getTotalRowCount,colCount:o.columns.length,children:[t.jsxRuntimeExports.jsx(R.TableHeader,{isHidden:o.isHeaderHidden,children:t.jsxRuntimeExports.jsx(j.TableHeaderRow,{children:o.columns.map((n,l)=>t.jsxRuntimeExports.jsx(q.TableHeaderCell,{colIndex:o.getColumnAriaIndex(l),ariaSort:n.ariaSort,children:n.header},n.key))})}),t.jsxRuntimeExports.jsx(y.TableBody,{children:o.rows.map((n,l)=>{if(x.isValidElement(n))return n;const a=n;return t.jsxRuntimeExports.jsx(g.TableRow,{ariaRowIndex:o.getRowAriaIndex(l),onClick:a.onClick,dataTestId:a.dataTestId,children:o.columns.map((s,T)=>{const e=a.cells.find(b=>b.columnKey===s.key);return t.jsxRuntimeExports.jsx(H.TableCell,{columnIndex:o.getColumnAriaIndex(T),columnSpan:e==null?void 0:e.colSpan,dataTestId:e==null?void 0:e.dataTestId,textAlign:e==null?void 0:e.textAlign,children:(e==null?void 0:e.value)??""},s.key)})},a.key)})})]})};i.displayName="ProtonUITable";const I=Object.assign(i,{Header:r.TableHeaderCompound,Column:r.TableColumnCompound,Body:r.TableBodyCompound,Row:r.TableRowCompound,Cell:r.TableCellCompound});exports.Table=I;
 //# sourceMappingURL=Table.cjs.js.map

package/dist/components/Table/BaseTable/Table.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\nexport type {\n  CompoundHeaderProps as TableHeaderProps,\n  CompoundColumnProps as TableColumnProps,\n  CompoundBodyProps as TableBodyProps,\n  CompoundRowProps as TableRowProps,\n  CompoundCellProps as TableCellProps,\n};\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"woBAyCA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAuB,CACnD,MAAAC,EAAuBC,qBAAmBH,CAAQ,EAClDI,EAAaC,qBAAmBH,CAAS,EAG7C,OAAAI,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,KAAAN,EACA,SAAUG,EAAW,iBACrB,SAAUA,EAAW,QAAQ,OAG7B,SAAA,CAACI,EAAA,kBAAA,IAAAC,EAAA,YAAA,CAAY,SAAUL,EAAW,eAChC,SAAAI,EAAA,kBAAA,IAACE,EACE,eAAA,CAAA,SAAAN,EAAW,QAAQ,IAAI,CAACO,EAAQC,IAC/BJ,EAAA,kBAAA,IAACK,EAAA,gBAAA,CAEC,SAAUT,EAAW,mBAAmBQ,CAAK,EAC7C,SAAUD,EAAO,SAEhB,SAAOA,EAAA,MAAA,EAJHA,EAAO,GAAA,CAMf,EACH,CACF,CAAA,0BAGCG,EAAAA,UACE,CAAA,SAAAV,EAAW,KAAK,IAAI,CAACW,EAAKC,IAAa,CAClC,GAAAC,iBAAeF,CAAG,EAAU,OAAAA,EAEhC,MAAMG,EAAWH,EAGf,OAAAP,EAAA,kBAAA,IAACW,EAAA,SAAA,CAEC,aAAcf,EAAW,gBAAgBY,CAAQ,EACjD,QAASE,EAAS,QAClB,WAAYA,EAAS,WAEpB,SAAWd,EAAA,QAAQ,IAAI,CAACO,EAAQS,IAAa,CACtC,MAAAC,EAAOH,EAAS,MAAM,KACzBI,GAAMA,EAAE,YAAcX,EAAO,GAAA,EAI9B,OAAAH,EAAA,kBAAA,IAACe,EAAA,UAAA,CAEC,YAAanB,EAAW,mBAAmBgB,CAAQ,EACnD,WAAYC,GAAA,YAAAA,EAAM,QAClB,WAAYA,GAAA,YAAAA,EAAM,WAEjB,2BAAM,QAAS,EAAA,EALXV,EAAO,GAAA,CAMd,CAEH,CAAA,EApBIO,EAAS,GAAA,CAuBnB,CAAA,EACH,CAAA,CAAA,CAAA,CAGN,EAEAnB,EAAe,YAAc,gBAwFvB,MAAAyB,EAAQ,OAAO,OAAOzB,EAAgB,CAE1C,OAAQ0B,EAAA,oBAER,OAAQC,EAAA,oBAER,KAAMC,EAAA,kBAEN,IAAKC,EAAA,iBAEL,KAAMC,EAAA,iBACR,CAAC"}
+{"version":3,"file":"Table.cjs.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"woBAyCA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAuB,CACnD,MAAAC,EAAuBC,qBAAmBH,CAAQ,EAClDI,EAAaC,qBAAmBH,CAAS,EAG7C,OAAAI,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,KAAAN,EACA,SAAUG,EAAW,iBACrB,SAAUA,EAAW,QAAQ,OAG7B,SAAA,CAACI,EAAA,kBAAA,IAAAC,EAAA,YAAA,CAAY,SAAUL,EAAW,eAChC,SAAAI,EAAA,kBAAA,IAACE,EACE,eAAA,CAAA,SAAAN,EAAW,QAAQ,IAAI,CAACO,EAAQC,IAC/BJ,EAAA,kBAAA,IAACK,EAAA,gBAAA,CAEC,SAAUT,EAAW,mBAAmBQ,CAAK,EAC7C,SAAUD,EAAO,SAEhB,SAAOA,EAAA,MAAA,EAJHA,EAAO,GAAA,CAMf,EACH,CACF,CAAA,0BAGCG,EAAAA,UACE,CAAA,SAAAV,EAAW,KAAK,IAAI,CAACW,EAAKC,IAAa,CAClC,GAAAC,iBAAeF,CAAG,EAAU,OAAAA,EAEhC,MAAMG,EAAWH,EAGf,OAAAP,EAAA,kBAAA,IAACW,EAAA,SAAA,CAEC,aAAcf,EAAW,gBAAgBY,CAAQ,EACjD,QAASE,EAAS,QAClB,WAAYA,EAAS,WAEpB,SAAWd,EAAA,QAAQ,IAAI,CAACO,EAAQS,IAAa,CACtC,MAAAC,EAAOH,EAAS,MAAM,KACzBI,GAAMA,EAAE,YAAcX,EAAO,GAAA,EAI9B,OAAAH,EAAA,kBAAA,IAACe,EAAA,UAAA,CAEC,YAAanB,EAAW,mBAAmBgB,CAAQ,EACnD,WAAYC,GAAA,YAAAA,EAAM,QAClB,WAAYA,GAAA,YAAAA,EAAM,WAClB,UAAWA,GAAA,YAAAA,EAAM,UAEhB,2BAAM,QAAS,EAAA,EANXV,EAAO,GAAA,CAOd,CAEH,CAAA,EArBIO,EAAS,GAAA,CAwBnB,CAAA,EACH,CAAA,CAAA,CAAA,CAGN,EAEAnB,EAAe,YAAc,gBAwFvB,MAAAyB,EAAQ,OAAO,OAAOzB,EAAgB,CAE1C,OAAQ0B,EAAA,oBAER,OAAQC,EAAA,oBAER,KAAMC,EAAA,kBAEN,IAAKC,EAAA,iBAEL,KAAMC,EAAA,iBACR,CAAC"}

package/dist/components/Table/BaseTable/Table.es.js

@@ -1,60 +1,61 @@
-import { j as a } from "../../../node_modules/react/jsx-runtime.es.js";
+import { j as t } from "../../../node_modules/react/jsx-runtime.es.js";
 import { isValidElement as T } from "react";
-import { parseTableChildren as c } from "./Collection/collectionParser.es.js";
-import { TableHeaderCompound as C, TableColumnCompound as b, TableBodyCompound as x, TableRowCompound as f, TableCellCompound as I } from "./Collection/CompoundComponents.es.js";
+import { parseTableChildren as C } from "./Collection/collectionParser.es.js";
+import { TableHeaderCompound as b, TableColumnCompound as c, TableBodyCompound as x, TableRowCompound as f, TableCellCompound as I } from "./Collection/CompoundComponents.es.js";
 import { useTableCollection as h } from "./Collection/useTableCollection.es.js";
 import { TableRoot as j } from "./elements/TableRoot.es.js";
 import { TableHeader as R } from "./elements/TableHeader.es.js";
 import { TableHeaderRow as y } from "./elements/TableHeaderRow.es.js";
-import { TableHeaderCell as w } from "./elements/TableHeaderCell.es.js";
-import { TableBody as H } from "./elements/TableBody.es.js";
-import { TableRow as g } from "./elements/TableRow.es.js";
+import { TableHeaderCell as g } from "./elements/TableHeaderCell.es.js";
+import { TableBody as w } from "./elements/TableBody.es.js";
+import { TableRow as H } from "./elements/TableRow.es.js";
 import { TableCell as k } from "./elements/TableCell.es.js";
 /* empty css             */
-const d = ({ children: m, name: i }) => {
-  const s = c(m), o = h(s);
-  return /* @__PURE__ */ a.jsxs(
+const d = ({ children: i, name: m }) => {
+  const s = C(i), e = h(s);
+  return /* @__PURE__ */ t.jsxs(
     j,
     {
-      name: i,
-      rowCount: o.getTotalRowCount,
-      colCount: o.columns.length,
+      name: m,
+      rowCount: e.getTotalRowCount,
+      colCount: e.columns.length,
       children: [
-        /* @__PURE__ */ a.jsx(R, { isHidden: o.isHeaderHidden, children: /* @__PURE__ */ a.jsx(y, { children: o.columns.map((r, t) => /* @__PURE__ */ a.jsx(
-          w,
+        /* @__PURE__ */ t.jsx(R, { isHidden: e.isHeaderHidden, children: /* @__PURE__ */ t.jsx(y, { children: e.columns.map((r, n) => /* @__PURE__ */ t.jsx(
+          g,
           {
-            colIndex: o.getColumnAriaIndex(t),
+            colIndex: e.getColumnAriaIndex(n),
             ariaSort: r.ariaSort,
             children: r.header
           },
           r.key
         )) }) }),
-        /* @__PURE__ */ a.jsx(H, { children: o.rows.map((r, t) => {
+        /* @__PURE__ */ t.jsx(w, { children: e.rows.map((r, n) => {
           if (T(r)) return r;
-          const n = r;
-          return /* @__PURE__ */ a.jsx(
-            g,
+          const a = r;
+          return /* @__PURE__ */ t.jsx(
+            H,
             {
-              ariaRowIndex: o.getRowAriaIndex(t),
-              onClick: n.onClick,
-              dataTestId: n.dataTestId,
-              children: o.columns.map((l, p) => {
-                const e = n.cells.find(
+              ariaRowIndex: e.getRowAriaIndex(n),
+              onClick: a.onClick,
+              dataTestId: a.dataTestId,
+              children: e.columns.map((l, p) => {
+                const o = a.cells.find(
                   (u) => u.columnKey === l.key
                 );
-                return /* @__PURE__ */ a.jsx(
+                return /* @__PURE__ */ t.jsx(
                   k,
                   {
-                    columnIndex: o.getColumnAriaIndex(p),
-                    columnSpan: e == null ? void 0 : e.colSpan,
-                    dataTestId: e == null ? void 0 : e.dataTestId,
-                    children: (e == null ? void 0 : e.value) ?? ""
+                    columnIndex: e.getColumnAriaIndex(p),
+                    columnSpan: o == null ? void 0 : o.colSpan,
+                    dataTestId: o == null ? void 0 : o.dataTestId,
+                    textAlign: o == null ? void 0 : o.textAlign,
+                    children: (o == null ? void 0 : o.value) ?? ""
                   },
                   l.key
                 );
               })
             },
-            n.key
+            a.key
           );
         }) })
       ]
@@ -64,9 +65,9 @@ const d = ({ children: m, name: i }) => {
 d.displayName = "ProtonUITable";
 const z = Object.assign(d, {
   /** Table header: {@link CompoundHeaderProps} */
-  Header: C,
+  Header: b,
   /** Table column: {@link CompoundColumnProps} */
-  Column: b,
+  Column: c,
   /** Table body: {@link CompoundBodyProps} */
   Body: x,
   /** Table row: {@link CompoundRowProps} */

package/dist/components/Table/BaseTable/Table.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.es.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\nexport type {\n  CompoundHeaderProps as TableHeaderProps,\n  CompoundColumnProps as TableColumnProps,\n  CompoundBodyProps as TableBodyProps,\n  CompoundRowProps as TableRowProps,\n  CompoundCellProps as TableCellProps,\n};\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":";;;;;;;;;;;;;AAyCA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAuB;AACnD,QAAAC,IAAuBC,EAAmBH,CAAQ,GAClDI,IAAaC,EAAmBH,CAAS;AAG7C,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,UAAUG,EAAW;AAAA,MACrB,UAAUA,EAAW,QAAQ;AAAA,MAG7B,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAAC,GAAA,EAAY,UAAUL,EAAW,gBAChC,UAAAI,gBAAAA,EAAA,IAACE,GACE,EAAA,UAAAN,EAAW,QAAQ,IAAI,CAACO,GAAQC,MAC/BJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,UAAUT,EAAW,mBAAmBQ,CAAK;AAAA,YAC7C,UAAUD,EAAO;AAAA,YAEhB,UAAOA,EAAA;AAAA,UAAA;AAAA,UAJHA,EAAO;AAAA,QAAA,CAMf,GACH,EACF,CAAA;AAAA,8BAGCG,GACE,EAAA,UAAAV,EAAW,KAAK,IAAI,CAACW,GAAKC,MAAa;AAClC,cAAAC,EAAeF,CAAG,EAAU,QAAAA;AAEhC,gBAAMG,IAAWH;AAGf,iBAAAP,gBAAAA,EAAA;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,cAAcf,EAAW,gBAAgBY,CAAQ;AAAA,cACjD,SAASE,EAAS;AAAA,cAClB,YAAYA,EAAS;AAAA,cAEpB,UAAWd,EAAA,QAAQ,IAAI,CAACO,GAAQS,MAAa;AACtC,sBAAAC,IAAOH,EAAS,MAAM;AAAA,kBAC1B,CAACI,MAAMA,EAAE,cAAcX,EAAO;AAAA,gBAAA;AAI9B,uBAAAH,gBAAAA,EAAA;AAAA,kBAACe;AAAA,kBAAA;AAAA,oBAEC,aAAanB,EAAW,mBAAmBgB,CAAQ;AAAA,oBACnD,YAAYC,KAAA,gBAAAA,EAAM;AAAA,oBAClB,YAAYA,KAAA,gBAAAA,EAAM;AAAA,oBAEjB,kCAAM,UAAS;AAAA,kBAAA;AAAA,kBALXV,EAAO;AAAA,gBAAA;AAAA,cAMd,CAEH;AAAA,YAAA;AAAA,YApBIO,EAAS;AAAA,UAAA;AAAA,QAuBnB,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAnB,EAAe,cAAc;AAwFvB,MAAAyB,IAAQ,OAAO,OAAOzB,GAAgB;AAAA;AAAA,EAE1C,QAAQ0B;AAAA;AAAA,EAER,QAAQC;AAAA;AAAA,EAER,MAAMC;AAAA;AAAA,EAEN,KAAKC;AAAA;AAAA,EAEL,MAAMC;AACR,CAAC;"}
+{"version":3,"file":"Table.es.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":";;;;;;;;;;;;;AAyCA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAuB;AACnD,QAAAC,IAAuBC,EAAmBH,CAAQ,GAClDI,IAAaC,EAAmBH,CAAS;AAG7C,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,UAAUG,EAAW;AAAA,MACrB,UAAUA,EAAW,QAAQ;AAAA,MAG7B,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAAC,GAAA,EAAY,UAAUL,EAAW,gBAChC,UAAAI,gBAAAA,EAAA,IAACE,GACE,EAAA,UAAAN,EAAW,QAAQ,IAAI,CAACO,GAAQC,MAC/BJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,UAAUT,EAAW,mBAAmBQ,CAAK;AAAA,YAC7C,UAAUD,EAAO;AAAA,YAEhB,UAAOA,EAAA;AAAA,UAAA;AAAA,UAJHA,EAAO;AAAA,QAAA,CAMf,GACH,EACF,CAAA;AAAA,8BAGCG,GACE,EAAA,UAAAV,EAAW,KAAK,IAAI,CAACW,GAAKC,MAAa;AAClC,cAAAC,EAAeF,CAAG,EAAU,QAAAA;AAEhC,gBAAMG,IAAWH;AAGf,iBAAAP,gBAAAA,EAAA;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,cAAcf,EAAW,gBAAgBY,CAAQ;AAAA,cACjD,SAASE,EAAS;AAAA,cAClB,YAAYA,EAAS;AAAA,cAEpB,UAAWd,EAAA,QAAQ,IAAI,CAACO,GAAQS,MAAa;AACtC,sBAAAC,IAAOH,EAAS,MAAM;AAAA,kBAC1B,CAACI,MAAMA,EAAE,cAAcX,EAAO;AAAA,gBAAA;AAI9B,uBAAAH,gBAAAA,EAAA;AAAA,kBAACe;AAAA,kBAAA;AAAA,oBAEC,aAAanB,EAAW,mBAAmBgB,CAAQ;AAAA,oBACnD,YAAYC,KAAA,gBAAAA,EAAM;AAAA,oBAClB,YAAYA,KAAA,gBAAAA,EAAM;AAAA,oBAClB,WAAWA,KAAA,gBAAAA,EAAM;AAAA,oBAEhB,kCAAM,UAAS;AAAA,kBAAA;AAAA,kBANXV,EAAO;AAAA,gBAAA;AAAA,cAOd,CAEH;AAAA,YAAA;AAAA,YArBIO,EAAS;AAAA,UAAA;AAAA,QAwBnB,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAnB,EAAe,cAAc;AAwFvB,MAAAyB,IAAQ,OAAO,OAAOzB,GAAgB;AAAA;AAAA,EAE1C,QAAQ0B;AAAA;AAAA,EAER,QAAQC;AAAA;AAAA,EAER,MAAMC;AAAA;AAAA,EAEN,KAAKC;AAAA;AAAA,EAEL,MAAMC;AACR,CAAC;"}

package/dist/components/Table/BaseTable/elements/TableCell.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../node_modules/react/jsx-runtime.cjs.js"),e=({columnIndex:l,children:t,columnSpan:a,dataTestId:o})=>r.jsxRuntimeExports.jsx("td",{className:"proton-Table__cell",role:"cell","aria-colindex":l,colSpan:a,"data-testid":o,children:t});e.displayName="ProtonUITableCell";exports.TableCell=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../node_modules/react/jsx-runtime.cjs.js"),n=require("../../../../utils/string.cjs.js"),l=({columnIndex:t,children:o,columnSpan:r,dataTestId:a,textAlign:e})=>s.jsxRuntimeExports.jsx("td",{className:n.csx("proton-Table__cell",e&&`proton-Table__cell--${e}`),role:"cell","aria-colindex":t,colSpan:r,"data-testid":a,children:o});l.displayName="ProtonUITableCell";exports.TableCell=l;
 //# sourceMappingURL=TableCell.cjs.js.map

package/dist/components/Table/BaseTable/elements/TableCell.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n}: TableCellProps) => {\n  return (\n    <td\n      className=\"proton-Table__cell\"\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","jsx"],"mappings":"qJAkBaA,EAAY,CAAC,CACxB,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,CACF,IAEIC,EAAA,kBAAA,IAAC,KAAA,CACC,UAAU,qBACV,KAAK,OACL,gBAAeJ,EACf,QAASE,EACT,cAAaC,EAEZ,SAAAF,CAAA,CAAA,EAKPF,EAAU,YAAc"}
+{"version":3,"file":"TableCell.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":"kMAqBaA,EAAY,CAAC,CACxB,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,IAAC,KAAA,CACC,UAAWC,EAAA,IACT,qBACAF,GAAa,uBAAuBA,CAAS,EAC/C,EACA,KAAK,OACL,gBAAeJ,EACf,QAASE,EACT,cAAaC,EAEZ,SAAAF,CAAA,CAAA,EAKPF,EAAU,YAAc"}

package/dist/components/Table/BaseTable/elements/TableCell.es.js

@@ -1,22 +1,27 @@
 import { j as t } from "../../../../node_modules/react/jsx-runtime.es.js";
-const r = ({
-  columnIndex: l,
-  children: e,
+import { csx as s } from "../../../../utils/string.es.js";
+const c = ({
+  columnIndex: e,
+  children: o,
   columnSpan: a,
-  dataTestId: o
+  dataTestId: r,
+  textAlign: l
 }) => /* @__PURE__ */ t.jsx(
   "td",
   {
-    className: "proton-Table__cell",
+    className: s(
+      "proton-Table__cell",
+      l && `proton-Table__cell--${l}`
+    ),
     role: "cell",
-    "aria-colindex": l,
+    "aria-colindex": e,
     colSpan: a,
-    "data-testid": o,
-    children: e
+    "data-testid": r,
+    children: o
   }
 );
-r.displayName = "ProtonUITableCell";
+c.displayName = "ProtonUITableCell";
 export {
-  r as TableCell
+  c as TableCell
 };
 //# sourceMappingURL=TableCell.es.js.map

package/dist/components/Table/BaseTable/elements/TableCell.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n}: TableCellProps) => {\n  return (\n    <td\n      className=\"proton-Table__cell\"\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","jsx"],"mappings":";AAkBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,iBAAeJ;AAAA,IACf,SAASE;AAAA,IACT,eAAaC;AAAA,IAEZ,UAAAF;AAAA,EAAA;AAAA;AAKPF,EAAU,cAAc;"}
+{"version":3,"file":"TableCell.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":";;AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF,KAAa,uBAAuBA,CAAS;AAAA,IAC/C;AAAA,IACA,MAAK;AAAA,IACL,iBAAeJ;AAAA,IACf,SAASE;AAAA,IACT,eAAaC;AAAA,IAEZ,UAAAF;AAAA,EAAA;AAAA;AAKPF,EAAU,cAAc;"}

package/dist/index.d.ts

@@ -1842,7 +1842,7 @@ declare interface TableBodyProps_2 {
  * @see {@link TableCellProps}
  */
 export declare const TableCell: {
-    ({ columnIndex, children, columnSpan, dataTestId, }: TableCellProps_2): JSX_2.Element;
+    ({ columnIndex, children, columnSpan, dataTestId, textAlign, }: TableCellProps_2): JSX_2.Element;
     displayName: string;
 };
 
@@ -1855,6 +1855,7 @@ declare interface TableCellProps {
     children?: ReactNode;
     colSpan?: number;
     "data-testid"?: string;
+    textAlign?: "left" | "center" | "right";
 }
 
 declare interface TableCellProps_2 {
@@ -1866,6 +1867,8 @@ declare interface TableCellProps_2 {
     columnSpan?: number;
     /** Test ID for testing purposes */
     dataTestId?: string;
+    /** Text alignment */
+    textAlign?: "left" | "center" | "right";
 }
 
 declare const TableColumnCompound: (_: TableColumnProps) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protonradio/proton-ui",
-  "version": "0.11.30-beta.2",
+  "version": "0.11.30-beta.3",
   "description": "",
   "main": "./dist/proton-ui.umd.js",
   "module": "./dist/proton-ui.es.js",