acinguiux-ds-react-framework 0.1.25 → 0.1.27

package/build/cjs/components/Table/components/Draggable/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Table/components/Draggable/Header.tsx"],"sourcesContent":["import { type CSSProperties } from 'react';\n\nimport { flexRender, RowData } from '@tanstack/react-table';\nimport { createPortal } from 'react-dom';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useSortable } from '@dnd-kit/sortable';\n\nimport { IHeaderCellProps } from '../BaseTable/BaseTable.types';\nimport { headerCellProps } from '../../utils/baseTableUtils';\nimport DragHandle from './DragHandle';\nimport { Th } from '../TableElements/TableElements';\nimport { DraggableHeaderCell } from './HeaderCell';\n\nconst DRAGGING_OPACITY = 0.75;\n\nexport const DraggableHeader = <TData extends RowData, TValue = unknown>({\n  header,\n  table,\n  options,\n}: IHeaderCellProps<TData, TValue>) => {\n  const isPinned = header.column.getIsPinned() !== false;\n\n  const {\n    transform,\n    setNodeRef,\n    setDroppableNodeRef,\n    isDragging,\n    transition,\n    attributes,\n    listeners,\n    activeIndex,\n    index,\n  } = useSortable({\n    id: header.column.id,\n    disabled: header.isPlaceholder || isPinned,\n    data: {\n      kind: 'column',\n    },\n  });\n\n  const style: CSSProperties = {\n    transform: CSS.Transform.toString(transform), //let dnd-kit do its thing\n    transition,\n    width: options.columnSized ? header.column.getSize() : undefined,\n    opacity: isDragging ? DRAGGING_OPACITY : 1,\n  };\n\n  return (\n    <Th ref={setDroppableNodeRef} {...headerCellProps(header)} style={style}>\n      {createPortal(\n        <DragHandle show={index === activeIndex}>\n          {flexRender(header.column.columnDef.header, header.getContext())}\n        </DragHandle>,\n        document.body,\n      )}\n      <DraggableHeaderCell\n        options={options}\n        table={table}\n        header={header}\n        setNodeRef={setNodeRef}\n        headerDragAttributes={attributes}\n        headerDragListeners={listeners}\n      />\n    </Th>\n  );\n};\n"],"names":["DRAGGING_OPACITY","DraggableHeader","header","table","options","isPinned","transform","setNodeRef","setDroppableNodeRef","isDragging","transition","attributes","listeners","activeIndex","index","useSortable","style","CSS","jsxs","Th","headerCellProps","createPortal","jsx","DragHandle","flexRender","DraggableHeaderCell"],"mappings":"8ZAaMA,EAAmB,IAEZC,EAAkB,CAA0C,CACvE,OAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAAuC,CACrC,MAAMC,EAAWH,EAAO,OAAO,YAAA,IAAkB,GAE3C,CACJ,UAAAI,EACA,WAAAC,EACA,oBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,EACA,YAAAC,EACA,MAAAC,CAAA,EACEC,cAAY,CACd,GAAIb,EAAO,OAAO,GAClB,SAAUA,EAAO,eAAiBG,EAClC,KAAM,CACJ,KAAM,QAAA,CACR,CACD,EAEKW,EAAuB,CAC3B,UAAWC,EAAAA,IAAI,UAAU,SAASX,CAAS,EAC3C,WAAAI,EACA,MAAON,EAAQ,YAAcF,EAAO,OAAO,UAAY,OACvD,QAASO,EAAaT,EAAmB,CAAA,EAG3C,OACEkB,EAAAA,KAACC,MAAG,IAAKX,EAAsB,GAAGY,EAAAA,gBAAgBlB,CAAM,EAAG,MAAAc,EACxD,SAAA,CAAAK,EAAAA,aACCC,EAAAA,IAACC,EAAA,CAAW,KAAMT,IAAUD,EACzB,SAAAW,EAAAA,WAAWtB,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EACjE,EACA,SAAS,IAAA,EAEXoB,EAAAA,IAACG,EAAAA,oBAAA,CACC,QAAArB,EACA,MAAAD,EACA,OAAAD,EACA,WAAAK,EACA,qBAAsBI,EACtB,oBAAqBC,CAAA,CAAA,CACvB,EACF,CAEJ"}
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Table/components/Draggable/Header.tsx"],"sourcesContent":["import { type CSSProperties } from 'react';\r\n\r\nimport { flexRender, RowData } from '@tanstack/react-table';\r\nimport { createPortal } from 'react-dom';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useSortable } from '@dnd-kit/sortable';\r\n\r\nimport { IHeaderCellProps } from '../BaseTable/BaseTable.types';\r\nimport { headerCellProps } from '../../utils/baseTableUtils';\r\nimport DragHandle from './DragHandle';\r\nimport { Th } from '../TableElements/TableElements';\r\nimport { DraggableHeaderCell } from './HeaderCell';\r\n\r\nconst DRAGGING_OPACITY = 0.75;\r\n\r\nexport const DraggableHeader = <TData extends RowData, TValue = unknown>({\r\n  header,\r\n  table,\r\n  options,\r\n}: IHeaderCellProps<TData, TValue>) => {\r\n  const isPinned = header.column.getIsPinned() !== false;\r\n\r\n  const {\r\n    transform,\r\n    setNodeRef,\r\n    setDroppableNodeRef,\r\n    isDragging,\r\n    transition,\r\n    attributes,\r\n    listeners,\r\n    activeIndex,\r\n    index,\r\n  } = useSortable({\r\n    id: header.column.id,\r\n    disabled: header.isPlaceholder || isPinned,\r\n    data: {\r\n      kind: 'column',\r\n    },\r\n  });\r\n\r\n  const style: CSSProperties = {\r\n    transform: CSS.Transform.toString(transform), //let dnd-kit do its thing\r\n    transition,\r\n    width: options.columnSized ? header.column.getSize() : undefined,\r\n    opacity: isDragging ? DRAGGING_OPACITY : 1,\r\n  };\r\n\r\n  return (\r\n    <Th ref={setDroppableNodeRef} {...headerCellProps(header)} style={style}>\r\n      {createPortal(\r\n        <DragHandle show={index === activeIndex}>\r\n          {flexRender(header.column.columnDef.header, header.getContext())}\r\n        </DragHandle>,\r\n        document.body,\r\n      )}\r\n      <DraggableHeaderCell\r\n        options={options}\r\n        table={table}\r\n        header={header}\r\n        setNodeRef={setNodeRef}\r\n        headerDragAttributes={attributes}\r\n        headerDragListeners={listeners}\r\n      />\r\n    </Th>\r\n  );\r\n};\r\n"],"names":["DRAGGING_OPACITY","DraggableHeader","header","table","options","isPinned","transform","setNodeRef","setDroppableNodeRef","isDragging","transition","attributes","listeners","activeIndex","index","useSortable","style","CSS","jsxs","Th","headerCellProps","createPortal","jsx","DragHandle","flexRender","DraggableHeaderCell"],"mappings":"8ZAaMA,EAAmB,IAEZC,EAAkB,CAA0C,CACvE,OAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAAuC,CACrC,MAAMC,EAAWH,EAAO,OAAO,YAAA,IAAkB,GAE3C,CACJ,UAAAI,EACA,WAAAC,EACA,oBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,EACA,YAAAC,EACA,MAAAC,CAAA,EACEC,cAAY,CACd,GAAIb,EAAO,OAAO,GAClB,SAAUA,EAAO,eAAiBG,EAClC,KAAM,CACJ,KAAM,QAAA,CACR,CACD,EAEKW,EAAuB,CAC3B,UAAWC,EAAAA,IAAI,UAAU,SAASX,CAAS,EAC3C,WAAAI,EACA,MAAON,EAAQ,YAAcF,EAAO,OAAO,UAAY,OACvD,QAASO,EAAaT,EAAmB,CAAA,EAG3C,OACEkB,EAAAA,KAACC,MAAG,IAAKX,EAAsB,GAAGY,EAAAA,gBAAgBlB,CAAM,EAAG,MAAAc,EACxD,SAAA,CAAAK,EAAAA,aACCC,EAAAA,IAACC,EAAA,CAAW,KAAMT,IAAUD,EACzB,SAAAW,EAAAA,WAAWtB,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EACjE,EACA,SAAS,IAAA,EAEXoB,EAAAA,IAACG,EAAAA,oBAAA,CACC,QAAArB,EACA,MAAAD,EACA,OAAAD,EACA,WAAAK,EACA,qBAAsBI,EACtB,oBAAqBC,CAAA,CAAA,CACvB,EACF,CAEJ"}

package/build/cjs/components/Table/components/Draggable/HeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/Draggable/HeaderCell.tsx"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\nimport { DraggableAttributes } from '@dnd-kit/core';\nimport { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';\n\nimport DragAndroid from '../../../Icon/components/DragAndroid';\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\nimport { DraggableButton } from '../TableElements/DraggableButton';\nimport { HeaderCell } from '../TableElements/HeaderCell';\n\nexport const DraggableHeaderCell = <TData extends RowData, TValue = unknown>({\n  header,\n  table,\n  options,\n  headerDragAttributes,\n  headerDragListeners,\n  setNodeRef,\n}: IHeaderCellProps<TData, TValue> & {\n  headerDragAttributes?: DraggableAttributes;\n  headerDragListeners?: SyntheticListenerMap;\n  setNodeRef?: (node: HTMLElement | null) => void;\n}) => {\n  return (\n    <HeaderCell\n      header={header}\n      table={table}\n      options={options}\n      prefix={\n        header.column.getIsPinned() === false && (\n          <DraggableButton\n            ref={setNodeRef}\n            {...headerDragAttributes}\n            {...headerDragListeners}\n            icon={<DragAndroid />}\n            iconOnly={true}\n          />\n        )\n      }\n    />\n  );\n};\n"],"names":["DraggableHeaderCell","header","table","options","headerDragAttributes","headerDragListeners","setNodeRef","jsx","HeaderCell","DraggableButton","DragAndroid"],"mappings":"mSASaA,EAAsB,CAA0C,CAC3E,OAAAC,EACA,MAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,WAAAC,CACF,IAMIC,EAAAA,IAACC,EAAAA,WAAA,CACC,OAAAP,EACA,MAAAC,EACA,QAAAC,EACA,OACEF,EAAO,OAAO,YAAA,IAAkB,IAC9BM,EAAAA,IAACE,EAAAA,gBAAA,CACC,IAAKH,EACJ,GAAGF,EACH,GAAGC,EACJ,WAAOK,EAAA,EAAY,EACnB,SAAU,EAAA,CAAA,CACZ,CAAA"}
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/Draggable/HeaderCell.tsx"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\r\nimport { DraggableAttributes } from '@dnd-kit/core';\r\nimport { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';\r\n\r\nimport DragAndroid from '../../../Icon/components/DragAndroid';\r\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\r\nimport { DraggableButton } from '../TableElements/DraggableButton';\r\nimport { HeaderCell } from '../TableElements/HeaderCell';\r\n\r\nexport const DraggableHeaderCell = <TData extends RowData, TValue = unknown>({\r\n  header,\r\n  table,\r\n  options,\r\n  headerDragAttributes,\r\n  headerDragListeners,\r\n  setNodeRef,\r\n}: IHeaderCellProps<TData, TValue> & {\r\n  headerDragAttributes?: DraggableAttributes;\r\n  headerDragListeners?: SyntheticListenerMap;\r\n  setNodeRef?: (node: HTMLElement | null) => void;\r\n}) => {\r\n  return (\r\n    <HeaderCell\r\n      header={header}\r\n      table={table}\r\n      options={options}\r\n      prefix={\r\n        header.column.getIsPinned() === false && (\r\n          <DraggableButton\r\n            ref={setNodeRef}\r\n            {...headerDragAttributes}\r\n            {...headerDragListeners}\r\n            icon={<DragAndroid />}\r\n            iconOnly={true}\r\n          />\r\n        )\r\n      }\r\n    />\r\n  );\r\n};\r\n"],"names":["DraggableHeaderCell","header","table","options","headerDragAttributes","headerDragListeners","setNodeRef","jsx","HeaderCell","DraggableButton","DragAndroid"],"mappings":"mSASaA,EAAsB,CAA0C,CAC3E,OAAAC,EACA,MAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,WAAAC,CACF,IAMIC,EAAAA,IAACC,EAAAA,WAAA,CACC,OAAAP,EACA,MAAAC,EACA,QAAAC,EACA,OACEF,EAAO,OAAO,YAAA,IAAkB,IAC9BM,EAAAA,IAACE,EAAAA,gBAAA,CACC,IAAKH,EACJ,GAAGF,EACH,GAAGC,EACJ,WAAOK,EAAA,EAAY,EACnB,SAAU,EAAA,CAAA,CACZ,CAAA"}

package/build/cjs/components/Table/components/Draggable/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../src/components/Table/components/Draggable/Row.tsx"],"sourcesContent":["import { type CSSProperties, Fragment } from 'react';\n\nimport { type Row, type RowData, flexRender } from '@tanstack/react-table';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { createPortal } from 'react-dom';\n\nimport type { IBaseTableElementProps } from '../BaseTable/BaseTable.types';\nimport { Tr } from '../TableElements/TableElements';\nimport { DraggableCell } from './Cell';\nimport DragHandle from './DragHandle';\nimport { getRowHighlight } from '../../utils/rowHighlight';\n\nconst DRAGGING_OPACITY = 0.75;\n\nexport const DraggableRow = <TData extends RowData>({\n  row,\n  table,\n  options,\n}: IBaseTableElementProps<TData> & {\n  row: Row<TData>;\n}) => {\n  const { highlight, disableRowHover } = options;\n  const {\n    transform,\n    transition,\n    setNodeRef,\n    setActivatorNodeRef,\n    isDragging,\n    attributes,\n    listeners,\n    activeIndex,\n    index,\n  } = useSortable({\n    id: row.id,\n    data: {\n      kind: 'row',\n    },\n  });\n\n  const style: CSSProperties = {\n    transform: CSS.Transform.toString(transform), //let dnd-kit do its thing\n    transition,\n    opacity: isDragging ? DRAGGING_OPACITY : 1,\n    position: 'relative',\n  };\n\n  return (\n    <Tr\n      key={row.id}\n      ref={setNodeRef}\n      style={style}\n      highlight={getRowHighlight(row, highlight)}\n      disableRowHover={disableRowHover || row.getIsGrouped()}\n    >\n      {row.getVisibleCells().map((cell, cellIdx) => (\n        <Fragment key={`${row.id}-${cell.column.id}-${cell.id}`}>\n          {cellIdx === 0 &&\n            createPortal(\n              <DragHandle show={index === activeIndex}>\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n              </DragHandle>,\n              document.body,\n            )}\n          <DraggableCell\n            key={`${row.id}-${cell.column.id}-${cell.id}`}\n            cell={cell}\n            row={row}\n            table={table}\n            options={options}\n            {...(cellIdx === 0\n              ? { setNodeRef: setActivatorNodeRef, rowDragAttributes: attributes, rowDragListeners: listeners }\n              : {})}\n          />\n        </Fragment>\n      ))}\n    </Tr>\n  );\n};\n"],"names":["DRAGGING_OPACITY","DraggableRow","row","table","options","highlight","disableRowHover","transform","transition","setNodeRef","setActivatorNodeRef","isDragging","attributes","listeners","activeIndex","index","useSortable","style","CSS","jsx","Tr","getRowHighlight","cell","cellIdx","Fragment","createPortal","DragHandle","flexRender","DraggableCell"],"mappings":"yaAaMA,EAAmB,IAEZC,EAAe,CAAwB,CAClD,IAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAEM,CACJ,KAAM,CAAE,UAAAC,EAAW,gBAAAC,CAAA,EAAoBF,EACjC,CACJ,UAAAG,EACA,WAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,EACA,YAAAC,EACA,MAAAC,CAAA,EACEC,cAAY,CACd,GAAId,EAAI,GACR,KAAM,CACJ,KAAM,KAAA,CACR,CACD,EAEKe,EAAuB,CAC3B,UAAWC,EAAAA,IAAI,UAAU,SAASX,CAAS,EAC3C,WAAAC,EACA,QAASG,EAAaX,EAAmB,EACzC,SAAU,UAAA,EAGZ,OACEmB,EAAAA,IAACC,EAAAA,GAAA,CAEC,IAAKX,EACL,MAAAQ,EACA,UAAWI,EAAAA,gBAAgBnB,EAAKG,CAAS,EACzC,gBAAiBC,GAAmBJ,EAAI,aAAA,EAEvC,SAAAA,EAAI,kBAAkB,IAAI,CAACoB,EAAMC,WAC/BC,WAAA,CACE,SAAA,CAAAD,IAAY,GACXE,EAAAA,aACEN,EAAAA,IAACO,EAAA,CAAW,KAAMX,IAAUD,EACzB,SAAAa,EAAAA,WAAWL,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,EAC3D,EACA,SAAS,IAAA,EAEbH,EAAAA,IAACS,EAAAA,cAAA,CAEC,KAAAN,EACA,IAAApB,EACA,MAAAC,EACA,QAAAC,EACC,GAAImB,IAAY,EACb,CAAE,WAAYb,EAAqB,kBAAmBE,EAAY,iBAAkBC,GACpF,CAAA,CAAC,EAPA,GAAGX,EAAI,EAAE,IAAIoB,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAAA,CAQ7C,CAAA,EAjBa,GAAGpB,EAAI,EAAE,IAAIoB,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAkBrD,CACD,CAAA,EA1BIpB,EAAI,EAAA,CA6Bf"}
+{"version":3,"file":"Row.js","sources":["../../../../../../src/components/Table/components/Draggable/Row.tsx"],"sourcesContent":["import { type CSSProperties, Fragment } from 'react';\r\n\r\nimport { type Row, type RowData, flexRender } from '@tanstack/react-table';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useSortable } from '@dnd-kit/sortable';\r\nimport { createPortal } from 'react-dom';\r\n\r\nimport type { IBaseTableElementProps } from '../BaseTable/BaseTable.types';\r\nimport { Tr } from '../TableElements/TableElements';\r\nimport { DraggableCell } from './Cell';\r\nimport DragHandle from './DragHandle';\r\nimport { getRowHighlight } from '../../utils/rowHighlight';\r\n\r\nconst DRAGGING_OPACITY = 0.75;\r\n\r\nexport const DraggableRow = <TData extends RowData>({\r\n  row,\r\n  table,\r\n  options,\r\n}: IBaseTableElementProps<TData> & {\r\n  row: Row<TData>;\r\n}) => {\r\n  const { highlight, disableRowHover } = options;\r\n  const {\r\n    transform,\r\n    transition,\r\n    setNodeRef,\r\n    setActivatorNodeRef,\r\n    isDragging,\r\n    attributes,\r\n    listeners,\r\n    activeIndex,\r\n    index,\r\n  } = useSortable({\r\n    id: row.id,\r\n    data: {\r\n      kind: 'row',\r\n    },\r\n  });\r\n\r\n  const style: CSSProperties = {\r\n    transform: CSS.Transform.toString(transform), //let dnd-kit do its thing\r\n    transition,\r\n    opacity: isDragging ? DRAGGING_OPACITY : 1,\r\n    position: 'relative',\r\n  };\r\n\r\n  return (\r\n    <Tr\r\n      key={row.id}\r\n      ref={setNodeRef}\r\n      style={style}\r\n      highlight={getRowHighlight(row, highlight)}\r\n      disableRowHover={disableRowHover || row.getIsGrouped()}\r\n    >\r\n      {row.getVisibleCells().map((cell, cellIdx) => (\r\n        <Fragment key={`${row.id}-${cell.column.id}-${cell.id}`}>\r\n          {cellIdx === 0 &&\r\n            createPortal(\r\n              <DragHandle show={index === activeIndex}>\r\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n              </DragHandle>,\r\n              document.body,\r\n            )}\r\n          <DraggableCell\r\n            key={`${row.id}-${cell.column.id}-${cell.id}`}\r\n            cell={cell}\r\n            row={row}\r\n            table={table}\r\n            options={options}\r\n            {...(cellIdx === 0\r\n              ? { setNodeRef: setActivatorNodeRef, rowDragAttributes: attributes, rowDragListeners: listeners }\r\n              : {})}\r\n          />\r\n        </Fragment>\r\n      ))}\r\n    </Tr>\r\n  );\r\n};\r\n"],"names":["DRAGGING_OPACITY","DraggableRow","row","table","options","highlight","disableRowHover","transform","transition","setNodeRef","setActivatorNodeRef","isDragging","attributes","listeners","activeIndex","index","useSortable","style","CSS","jsx","Tr","getRowHighlight","cell","cellIdx","Fragment","createPortal","DragHandle","flexRender","DraggableCell"],"mappings":"yaAaMA,EAAmB,IAEZC,EAAe,CAAwB,CAClD,IAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAEM,CACJ,KAAM,CAAE,UAAAC,EAAW,gBAAAC,CAAA,EAAoBF,EACjC,CACJ,UAAAG,EACA,WAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,EACA,YAAAC,EACA,MAAAC,CAAA,EACEC,cAAY,CACd,GAAId,EAAI,GACR,KAAM,CACJ,KAAM,KAAA,CACR,CACD,EAEKe,EAAuB,CAC3B,UAAWC,EAAAA,IAAI,UAAU,SAASX,CAAS,EAC3C,WAAAC,EACA,QAASG,EAAaX,EAAmB,EACzC,SAAU,UAAA,EAGZ,OACEmB,EAAAA,IAACC,EAAAA,GAAA,CAEC,IAAKX,EACL,MAAAQ,EACA,UAAWI,EAAAA,gBAAgBnB,EAAKG,CAAS,EACzC,gBAAiBC,GAAmBJ,EAAI,aAAA,EAEvC,SAAAA,EAAI,kBAAkB,IAAI,CAACoB,EAAMC,WAC/BC,WAAA,CACE,SAAA,CAAAD,IAAY,GACXE,EAAAA,aACEN,EAAAA,IAACO,EAAA,CAAW,KAAMX,IAAUD,EACzB,SAAAa,EAAAA,WAAWL,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,EAC3D,EACA,SAAS,IAAA,EAEbH,EAAAA,IAACS,EAAAA,cAAA,CAEC,KAAAN,EACA,IAAApB,EACA,MAAAC,EACA,QAAAC,EACC,GAAImB,IAAY,EACb,CAAE,WAAYb,EAAqB,kBAAmBE,EAAY,iBAAkBC,GACpF,CAAA,CAAC,EAPA,GAAGX,EAAI,EAAE,IAAIoB,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAAA,CAQ7C,CAAA,EAjBa,GAAGpB,EAAI,EAAE,IAAIoB,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAkBrD,CACD,CAAA,EA1BIpB,EAAI,EAAA,CA6Bf"}

package/build/cjs/components/Table/components/TableElements/ColumnVisibilityFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnVisibilityFilters.js","sources":["../../../../../../src/components/Table/components/TableElements/ColumnVisibilityFilters.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport type { ITableComponentsProps } from './TableElements.types';\nimport ToggleButton from '../../../ToggleButton/ToggleButton';\nimport { convertCamelCaseToWords } from '../../../../utils/textUtils';\n\nexport const ColumnVisibilityFilters = <T,>({ table }: ITableComponentsProps<T>) => (\n  <Flexbox gap=\"8px\" flexWrap=\"wrap\" style={{ marginBottom: '20px' }}>\n    <ToggleButton\n      size={Sizes.Small}\n      active={table.getIsAllColumnsVisible()}\n      onClick={table.getToggleAllColumnsVisibilityHandler()}\n    >\n      Toggle All\n    </ToggleButton>\n    {table.getAllLeafColumns().map((column) => (\n      <ToggleButton\n        key={column.id}\n        size={Sizes.Small}\n        active={column.getIsVisible()}\n        onClick={column.getToggleVisibilityHandler()}\n      >\n        {convertCamelCaseToWords(column.id)}\n      </ToggleButton>\n    ))}\n  </Flexbox>\n);\n"],"names":["ColumnVisibilityFilters","table","jsxs","Flexbox","jsx","ToggleButton","Sizes","column","convertCamelCaseToWords"],"mappings":"iVAOaA,EAA0B,CAAK,CAAE,MAAAC,CAAA,IAC5CC,EAAAA,KAACC,EAAA,CAAQ,IAAI,MAAM,SAAS,OAAO,MAAO,CAAE,aAAc,QACxD,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACC,KAAMC,EAAAA,MAAM,MACZ,OAAQL,EAAM,uBAAA,EACd,QAASA,EAAM,qCAAA,EAChB,SAAA,YAAA,CAAA,EAGAA,EAAM,kBAAA,EAAoB,IAAKM,GAC9BH,EAAAA,IAACC,EAAA,CAEC,KAAMC,EAAAA,MAAM,MACZ,OAAQC,EAAO,aAAA,EACf,QAASA,EAAO,2BAAA,EAEf,SAAAC,EAAAA,wBAAwBD,EAAO,EAAE,CAAA,EAL7BA,EAAO,EAAA,CAOf,CAAA,CAAA,CACH"}
+{"version":3,"file":"ColumnVisibilityFilters.js","sources":["../../../../../../src/components/Table/components/TableElements/ColumnVisibilityFilters.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport type { ITableComponentsProps } from './TableElements.types';\r\nimport ToggleButton from '../../../ToggleButton/ToggleButton';\r\nimport { convertCamelCaseToWords } from '../../../../utils/textUtils';\r\n\r\nexport const ColumnVisibilityFilters = <T,>({ table }: ITableComponentsProps<T>) => (\r\n  <Flexbox gap=\"8px\" flexWrap=\"wrap\" style={{ marginBottom: '20px' }}>\r\n    <ToggleButton\r\n      size={Sizes.Small}\r\n      active={table.getIsAllColumnsVisible()}\r\n      onClick={table.getToggleAllColumnsVisibilityHandler()}\r\n    >\r\n      Toggle All\r\n    </ToggleButton>\r\n    {table.getAllLeafColumns().map((column) => (\r\n      <ToggleButton\r\n        key={column.id}\r\n        size={Sizes.Small}\r\n        active={column.getIsVisible()}\r\n        onClick={column.getToggleVisibilityHandler()}\r\n      >\r\n        {convertCamelCaseToWords(column.id)}\r\n      </ToggleButton>\r\n    ))}\r\n  </Flexbox>\r\n);\r\n"],"names":["ColumnVisibilityFilters","table","jsxs","Flexbox","jsx","ToggleButton","Sizes","column","convertCamelCaseToWords"],"mappings":"iVAOaA,EAA0B,CAAK,CAAE,MAAAC,CAAA,IAC5CC,EAAAA,KAACC,EAAA,CAAQ,IAAI,MAAM,SAAS,OAAO,MAAO,CAAE,aAAc,QACxD,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACC,KAAMC,EAAAA,MAAM,MACZ,OAAQL,EAAM,uBAAA,EACd,QAASA,EAAM,qCAAA,EAChB,SAAA,YAAA,CAAA,EAGAA,EAAM,kBAAA,EAAoB,IAAKM,GAC9BH,EAAAA,IAACC,EAAA,CAEC,KAAMC,EAAAA,MAAM,MACZ,OAAQC,EAAO,aAAA,EACf,QAASA,EAAO,2BAAA,EAEf,SAAAC,EAAAA,wBAAwBD,EAAO,EAAE,CAAA,EAL7BA,EAAO,EAAA,CAOf,CAAA,CAAA,CACH"}

package/build/cjs/components/Table/components/TableElements/DraggableButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableButton.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableButton.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithRef, type ForwardedRef } from 'react';\n\nimport { styled } from 'styled-components';\nimport { Sizes, Variants, TABLE_DRAGGABLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonConsts, type ButtonTypes } from 'acinguiux-ds-react-base/components/Button';\n\nimport { useTable } from '../../hooks/useTable';\nimport { getSize } from '../../utils/tableUtils';\nimport Button from '../../../Button/Button';\n\nconst StyledDraggableButton = styled(Button)`\n  margin: 0 -${({ size = `${Sizes.Medium}` }) => ButtonConsts.consts[getSize(size)].padding.transparent};\n  text-align: left;\n  cursor: move;\n  min-width: 0;\n`;\n\nexport const DraggableButton = forwardRef(\n  ({ ...props }: ComponentPropsWithRef<'button'> & ButtonTypes.IDefaultProps, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size } = useTable();\n\n    return (\n      <StyledDraggableButton\n        className={TABLE_DRAGGABLE_BUTTON_CLASS}\n        aria-label=\"Draggable button\"\n        size={size}\n        variant={Variants.Transparent}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["StyledDraggableButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","DraggableButton","forwardRef","props","ref","useTable","jsx","TABLE_DRAGGABLE_BUTTON_CLASS","Variants"],"mappings":"mfAUMA,EAAwBC,EAAAA,OAAOC,CAAM;AAAA,eAC5B,CAAC,CAAE,KAAAC,EAAO,GAAGC,EAAAA,MAAM,MAAM,MAASC,EAAAA,OAAoBC,EAAAA,QAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA,EAM1FI,EAAkBC,EAAAA,WAC7B,CAAC,CAAE,GAAGC,CAAA,EAAsEC,IAAyC,CACnH,KAAM,CAAE,KAAAP,CAAA,EAASQ,WAAA,EAEjB,OACEC,EAAAA,IAACZ,EAAA,CACC,UAAWa,EAAAA,6BACX,aAAW,mBACX,KAAAV,EACA,QAASW,EAAAA,SAAS,YAClB,IAAAJ,EACC,GAAGD,CAAA,CAAA,CAGV,CACF"}
+{"version":3,"file":"DraggableButton.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableButton.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithRef, type ForwardedRef } from 'react';\r\n\r\nimport { styled } from 'styled-components';\r\nimport { Sizes, Variants, TABLE_DRAGGABLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { ButtonConsts, type ButtonTypes } from 'acinguiux-ds-react-base/components/Button';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport Button from '../../../Button/Button';\r\n\r\nconst StyledDraggableButton = styled(Button)`\r\n  margin: 0 -${({ size = `${Sizes.Medium}` }) => ButtonConsts.consts[getSize(size)].padding.transparent};\r\n  text-align: left;\r\n  cursor: move;\r\n  min-width: 0;\r\n`;\r\n\r\nexport const DraggableButton = forwardRef(\r\n  ({ ...props }: ComponentPropsWithRef<'button'> & ButtonTypes.IDefaultProps, ref: ForwardedRef<HTMLButtonElement>) => {\r\n    const { size } = useTable();\r\n\r\n    return (\r\n      <StyledDraggableButton\r\n        className={TABLE_DRAGGABLE_BUTTON_CLASS}\r\n        aria-label=\"Draggable button\"\r\n        size={size}\r\n        variant={Variants.Transparent}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n"],"names":["StyledDraggableButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","DraggableButton","forwardRef","props","ref","useTable","jsx","TABLE_DRAGGABLE_BUTTON_CLASS","Variants"],"mappings":"mfAUMA,EAAwBC,EAAAA,OAAOC,CAAM;AAAA,eAC5B,CAAC,CAAE,KAAAC,EAAO,GAAGC,EAAAA,MAAM,MAAM,MAASC,EAAAA,OAAoBC,EAAAA,QAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA,EAM1FI,EAAkBC,EAAAA,WAC7B,CAAC,CAAE,GAAGC,CAAA,EAAsEC,IAAyC,CACnH,KAAM,CAAE,KAAAP,CAAA,EAASQ,WAAA,EAEjB,OACEC,EAAAA,IAACZ,EAAA,CACC,UAAWa,EAAAA,6BACX,aAAW,mBACX,KAAAV,EACA,QAASW,EAAAA,SAAS,YAClB,IAAAJ,EACC,GAAGD,CAAA,CAAA,CAGV,CACF"}

package/build/cjs/components/Table/components/TableElements/Expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sources":["../../../../../../src/components/Table/components/TableElements/Expander.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\nimport { TransientAll } from 'acinguiux-ds-react-base/types';\n\nimport { useTable } from '../../hooks/useTable';\nimport type { ITableCellExpanderContainerProps, IExpanderProps } from './TableElements.types';\nimport { ExpanderButton } from './ExpanderButton';\nimport { getExpanderPaddingSize } from '../../utils/tableUtils';\n\nconst EXPAND_OFFSET = 40;\n\nexport const StyledExpander = styled.div<Required<TransientAll<ITableCellExpanderContainerProps>>>(\n  ({ $size, $depth, $lastChild }) => css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-left: ${$depth * EXPAND_OFFSET}px;\n\n    ${$lastChild &&\n    css`\n      padding-left: calc(${$depth * EXPAND_OFFSET}px + ${ButtonConsts.consts[getExpanderPaddingSize($size)].height});\n    `}\n  `,\n);\n\nexport const Expander = <T,>({ row, expandable, children }: IExpanderProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n\n  return expandable === false ? (\n    children\n  ) : (\n    <StyledExpander $size={size} $depth={row.depth} $lastChild={!row.getCanExpand()}>\n      {row.getCanExpand() && (\n        <ExpanderButton\n          expanded={row.getIsExpanded()}\n          {...{\n            onClick: row.getToggleExpandedHandler(),\n          }}\n        />\n      )}\n      {children}\n    </StyledExpander>\n  );\n};\n"],"names":["EXPAND_OFFSET","StyledExpander","styled","$size","$depth","$lastChild","css","ButtonConsts.consts","getExpanderPaddingSize","Expander","row","expandable","children","size","Sizes","useTable","jsxs","jsx","ExpanderButton"],"mappings":"gaAUMA,EAAgB,GAETC,EAAiBC,EAAAA,OAAO,IACnC,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,WAAAC,KAAiBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBAKjBF,EAASJ,CAAa;AAAA;AAAA,MAEpCK,GACFC,EAAAA;AAAAA,2BACuBF,EAASJ,CAAa,QAAQO,EAAAA,OAAoBC,EAAAA,uBAAuBL,CAAK,CAAC,EAAE,MAAM;AAAA,KAC7G;AAAA,GAEL,EAEaM,EAAW,CAAK,CAAE,IAAAC,EAAK,WAAAC,EAAY,SAAAC,KAAkC,CAChF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAEhC,OAAOJ,IAAe,GACpBC,EAEAI,EAAAA,KAACf,GAAe,MAAOY,EAAM,OAAQH,EAAI,MAAO,WAAY,CAACA,EAAI,eAC9D,SAAA,CAAAA,EAAI,gBACHO,EAAAA,IAACC,EAAAA,eAAA,CACC,SAAUR,EAAI,cAAA,EAEZ,QAASA,EAAI,yBAAA,CACf,CAAA,EAGHE,CAAA,EACH,CAEJ"}
+{"version":3,"file":"Expander.js","sources":["../../../../../../src/components/Table/components/TableElements/Expander.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\r\nimport { TransientAll } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport type { ITableCellExpanderContainerProps, IExpanderProps } from './TableElements.types';\r\nimport { ExpanderButton } from './ExpanderButton';\r\nimport { getExpanderPaddingSize } from '../../utils/tableUtils';\r\n\r\nconst EXPAND_OFFSET = 40;\r\n\r\nexport const StyledExpander = styled.div<Required<TransientAll<ITableCellExpanderContainerProps>>>(\r\n  ({ $size, $depth, $lastChild }) => css`\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding-left: ${$depth * EXPAND_OFFSET}px;\r\n\r\n    ${$lastChild &&\r\n    css`\r\n      padding-left: calc(${$depth * EXPAND_OFFSET}px + ${ButtonConsts.consts[getExpanderPaddingSize($size)].height});\r\n    `}\r\n  `,\r\n);\r\n\r\nexport const Expander = <T,>({ row, expandable, children }: IExpanderProps<T>) => {\r\n  const { size = Sizes.Medium } = useTable();\r\n\r\n  return expandable === false ? (\r\n    children\r\n  ) : (\r\n    <StyledExpander $size={size} $depth={row.depth} $lastChild={!row.getCanExpand()}>\r\n      {row.getCanExpand() && (\r\n        <ExpanderButton\r\n          expanded={row.getIsExpanded()}\r\n          {...{\r\n            onClick: row.getToggleExpandedHandler(),\r\n          }}\r\n        />\r\n      )}\r\n      {children}\r\n    </StyledExpander>\r\n  );\r\n};\r\n"],"names":["EXPAND_OFFSET","StyledExpander","styled","$size","$depth","$lastChild","css","ButtonConsts.consts","getExpanderPaddingSize","Expander","row","expandable","children","size","Sizes","useTable","jsxs","jsx","ExpanderButton"],"mappings":"gaAUMA,EAAgB,GAETC,EAAiBC,EAAAA,OAAO,IACnC,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,WAAAC,KAAiBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBAKjBF,EAASJ,CAAa;AAAA;AAAA,MAEpCK,GACFC,EAAAA;AAAAA,2BACuBF,EAASJ,CAAa,QAAQO,EAAAA,OAAoBC,EAAAA,uBAAuBL,CAAK,CAAC,EAAE,MAAM;AAAA,KAC7G;AAAA,GAEL,EAEaM,EAAW,CAAK,CAAE,IAAAC,EAAK,WAAAC,EAAY,SAAAC,KAAkC,CAChF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAEhC,OAAOJ,IAAe,GACpBC,EAEAI,EAAAA,KAACf,GAAe,MAAOY,EAAM,OAAQH,EAAI,MAAO,WAAY,CAACA,EAAI,eAC9D,SAAA,CAAAA,EAAI,gBACHO,EAAAA,IAACC,EAAAA,eAAA,CACC,SAAUR,EAAI,cAAA,EAEZ,QAASA,EAAI,yBAAA,CACf,CAAA,EAGHE,CAAA,EACH,CAEJ"}

package/build/cjs/components/Table/components/TableElements/ExpanderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpanderButton.js","sources":["../../../../../../src/components/Table/components/TableElements/ExpanderButton.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\n\nimport { Sizes, Variants, TABLE_EXPANDER_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\n\nimport { useTable } from '../../hooks/useTable';\nimport type { ITableExpander } from '../../Table.types';\nimport Button from '../../../Button/Button';\nimport { getSize } from '../../utils/tableUtils';\nimport ChevronDown from '../../../Icon/components/ChevronDown';\nimport ChevronRight from '../../../Icon/components/ChevronRight';\n\nexport const ExpanderButton = forwardRef(\n  ({ expanded, ...props }: ITableExpander, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    const iconProps = {\n      width: ButtonConsts.consts[size].iconSize,\n      height: ButtonConsts.consts[size].iconSize,\n    };\n\n    return (\n      <Button\n        className={TABLE_EXPANDER_BUTTON_CLASS}\n        aria-label=\"Expander button\"\n        size={getSize(size)}\n        variant={Variants.Transparent}\n        icon={\n          expanded ? (\n            <ChevronDown data-testid=\"expander-expanded\" {...iconProps} />\n          ) : (\n            <ChevronRight data-testid=\"expander-collapsed\" {...iconProps} />\n          )\n        }\n        iconOnly={true}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["ExpanderButton","forwardRef","expanded","props","ref","size","Sizes","useTable","iconProps","ButtonConsts.consts","jsx","Button","TABLE_EXPANDER_BUTTON_CLASS","getSize","Variants","ChevronDown","ChevronRight"],"mappings":"+jBAYaA,EAAiBC,EAAAA,WAC5B,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAyBC,IAAyC,CAChF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAE1BC,EAAY,CAChB,MAAOC,EAAAA,OAAoBJ,CAAI,EAAE,SACjC,OAAQI,EAAAA,OAAoBJ,CAAI,EAAE,QAAA,EAGpC,OACEK,EAAAA,IAACC,EAAA,CACC,UAAWC,EAAAA,4BACX,aAAW,kBACX,KAAMC,EAAAA,QAAQR,CAAI,EAClB,QAASS,EAAAA,SAAS,YAClB,KACEZ,EACEQ,EAAAA,IAACK,EAAA,CAAY,cAAY,oBAAqB,GAAGP,CAAA,CAAW,EAE5DE,EAAAA,IAACM,EAAA,CAAa,cAAY,qBAAsB,GAAGR,EAAW,EAGlE,SAAU,GACV,IAAAJ,EACC,GAAGD,CAAA,CAAA,CAGV,CACF"}
+{"version":3,"file":"ExpanderButton.js","sources":["../../../../../../src/components/Table/components/TableElements/ExpanderButton.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\r\n\r\nimport { Sizes, Variants, TABLE_EXPANDER_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport type { ITableExpander } from '../../Table.types';\r\nimport Button from '../../../Button/Button';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport ChevronDown from '../../../Icon/components/ChevronDown';\r\nimport ChevronRight from '../../../Icon/components/ChevronRight';\r\n\r\nexport const ExpanderButton = forwardRef(\r\n  ({ expanded, ...props }: ITableExpander, ref: ForwardedRef<HTMLButtonElement>) => {\r\n    const { size = Sizes.Medium } = useTable();\r\n\r\n    const iconProps = {\r\n      width: ButtonConsts.consts[size].iconSize,\r\n      height: ButtonConsts.consts[size].iconSize,\r\n    };\r\n\r\n    return (\r\n      <Button\r\n        className={TABLE_EXPANDER_BUTTON_CLASS}\r\n        aria-label=\"Expander button\"\r\n        size={getSize(size)}\r\n        variant={Variants.Transparent}\r\n        icon={\r\n          expanded ? (\r\n            <ChevronDown data-testid=\"expander-expanded\" {...iconProps} />\r\n          ) : (\r\n            <ChevronRight data-testid=\"expander-collapsed\" {...iconProps} />\r\n          )\r\n        }\r\n        iconOnly={true}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n"],"names":["ExpanderButton","forwardRef","expanded","props","ref","size","Sizes","useTable","iconProps","ButtonConsts.consts","jsx","Button","TABLE_EXPANDER_BUTTON_CLASS","getSize","Variants","ChevronDown","ChevronRight"],"mappings":"+jBAYaA,EAAiBC,EAAAA,WAC5B,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAyBC,IAAyC,CAChF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAE1BC,EAAY,CAChB,MAAOC,EAAAA,OAAoBJ,CAAI,EAAE,SACjC,OAAQI,EAAAA,OAAoBJ,CAAI,EAAE,QAAA,EAGpC,OACEK,EAAAA,IAACC,EAAA,CACC,UAAWC,EAAAA,4BACX,aAAW,kBACX,KAAMC,EAAAA,QAAQR,CAAI,EAClB,QAASS,EAAAA,SAAS,YAClB,KACEZ,EACEQ,EAAAA,IAACK,EAAA,CAAY,cAAY,oBAAqB,GAAGP,CAAA,CAAW,EAE5DE,EAAAA,IAACM,EAAA,CAAa,cAAY,qBAAsB,GAAGR,EAAW,EAGlE,SAAU,GACV,IAAAJ,EACC,GAAGD,CAAA,CAAA,CAGV,CACF"}

package/build/cjs/components/Table/components/TableElements/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../src/components/Table/components/TableElements/Filter.tsx"],"sourcesContent":["import type { IFilterProps } from './TableElements.types';\nimport { FilterButton } from './FilterButton';\nimport { Popover, PopoverContent } from '../../../Popover/Popover';\n\nexport const Filter = ({ filters }: IFilterProps) => (\n  <Popover>\n    <PopoverContent>{filters}</PopoverContent>\n    <FilterButton />\n  </Popover>\n);\n"],"names":["Filter","filters","Popover","jsx","PopoverContent","FilterButton"],"mappings":"yNAIaA,EAAS,CAAC,CAAE,QAAAC,CAAA,WACtBC,EAAAA,QAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAgB,SAAAH,CAAA,CAAQ,QACxBI,EAAAA,aAAA,CAAA,CAAa,CAAA,CAAA,CAChB"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../src/components/Table/components/TableElements/Filter.tsx"],"sourcesContent":["import type { IFilterProps } from './TableElements.types';\r\nimport { FilterButton } from './FilterButton';\r\nimport { Popover, PopoverContent } from '../../../Popover/Popover';\r\n\r\nexport const Filter = ({ filters }: IFilterProps) => (\r\n  <Popover>\r\n    <PopoverContent>{filters}</PopoverContent>\r\n    <FilterButton />\r\n  </Popover>\r\n);\r\n"],"names":["Filter","filters","Popover","jsx","PopoverContent","FilterButton"],"mappings":"yNAIaA,EAAS,CAAC,CAAE,QAAAC,CAAA,WACtBC,EAAAA,QAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAgB,SAAAH,CAAA,CAAQ,QACxBI,EAAAA,aAAA,CAAA,CAAa,CAAA,CAAA,CAChB"}

package/build/cjs/components/Table/components/TableElements/FilterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/FilterButton.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithRef, type ForwardedRef } from 'react';\n\nimport { Variants, Sizes, TABLE_FILTER_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport { useTable } from '../../hooks/useTable';\nimport FilterIcon from '../../../Icon/components/Filter';\nimport { getSize } from '../../utils/tableUtils';\nimport { PopoverTrigger } from '../../../Popover/Popover';\n\nexport const FilterButton = forwardRef(\n  ({ ...rest }: ComponentPropsWithRef<'button'>, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    return (\n      <PopoverTrigger\n        buttonProps={{\n          'aria-label': 'Filter button',\n          className: TABLE_FILTER_BUTTON_CLASS,\n          icon: <FilterIcon />,\n          iconOnly: true,\n          size: getSize(size),\n          variant: Variants.Transparent,\n          ref,\n          ...rest,\n        }}\n      />\n    );\n  },\n);\n"],"names":["FilterButton","forwardRef","rest","ref","size","Sizes","useTable","jsx","PopoverTrigger","TABLE_FILTER_BUTTON_CLASS","FilterIcon","getSize","Variants"],"mappings":"2bASaA,EAAeC,EAAAA,WAC1B,CAAC,CAAE,GAAGC,CAAA,EAAyCC,IAAyC,CACtF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAEhC,OACEC,EAAAA,IAACC,EAAAA,eAAA,CACC,YAAa,CACX,aAAc,gBACd,UAAWC,EAAAA,0BACX,WAAOC,EAAA,EAAW,EAClB,SAAU,GACV,KAAMC,EAAAA,QAAQP,CAAI,EAClB,QAASQ,EAAAA,SAAS,YAClB,IAAAT,EACA,GAAGD,CAAA,CACL,CAAA,CAGN,CACF"}
+{"version":3,"file":"FilterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/FilterButton.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithRef, type ForwardedRef } from 'react';\r\n\r\nimport { Variants, Sizes, TABLE_FILTER_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport FilterIcon from '../../../Icon/components/Filter';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport { PopoverTrigger } from '../../../Popover/Popover';\r\n\r\nexport const FilterButton = forwardRef(\r\n  ({ ...rest }: ComponentPropsWithRef<'button'>, ref: ForwardedRef<HTMLButtonElement>) => {\r\n    const { size = Sizes.Medium } = useTable();\r\n\r\n    return (\r\n      <PopoverTrigger\r\n        buttonProps={{\r\n          'aria-label': 'Filter button',\r\n          className: TABLE_FILTER_BUTTON_CLASS,\r\n          icon: <FilterIcon />,\r\n          iconOnly: true,\r\n          size: getSize(size),\r\n          variant: Variants.Transparent,\r\n          ref,\r\n          ...rest,\r\n        }}\r\n      />\r\n    );\r\n  },\r\n);\r\n"],"names":["FilterButton","forwardRef","rest","ref","size","Sizes","useTable","jsx","PopoverTrigger","TABLE_FILTER_BUTTON_CLASS","FilterIcon","getSize","Variants"],"mappings":"2bASaA,EAAeC,EAAAA,WAC1B,CAAC,CAAE,GAAGC,CAAA,EAAyCC,IAAyC,CACtF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAEhC,OACEC,EAAAA,IAACC,EAAAA,eAAA,CACC,YAAa,CACX,aAAc,gBACd,UAAWC,EAAAA,0BACX,WAAOC,EAAA,EAAW,EAClB,SAAU,GACV,KAAMC,EAAAA,QAAQP,CAAI,EAClB,QAASQ,EAAAA,SAAS,YAClB,IAAAT,EACA,GAAGD,CAAA,CACL,CAAA,CAGN,CACF"}

package/build/cjs/components/Table/components/TableElements/HeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { flexRender, type Header, type RowData } from '@tanstack/react-table';\nimport {\n  TABLE_HEADER_HEAD_CONTENT_CLASS,\n  TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS,\n  TABLE_MENU_BUTTON_CLASS,\n  TABLE_PIN_BUTTON_CLASS,\n} from 'acinguiux-ds-react-base/consts';\n\nimport type { FlexboxJustifyContent } from '../../../Flexbox/Flexbox.types';\nimport EllipsisVertical from '../../../Icon/components/EllipsisVertical';\nimport Pin from '../../../Icon/components/Pin';\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { SorterButton } from './SorterButton';\nimport { Resizer } from './Resizer';\nimport { SelectionCheckbox } from './SelectionCheckbox';\nimport { HeaderCellMenu, useHeaderCellMenuItems, useHeaderCellMenuKind } from './HeaderCellMenu';\nimport { headerCellProps } from '../../utils/baseTableUtils';\n\nconst HeaderContent = <TData extends RowData, TValue = unknown>({\n  headerText,\n  header,\n}: {\n  headerText: ReactNode;\n  header: Header<TData, TValue>;\n}) => {\n  const { icon, subHead } = header.column.columnDef;\n\n  return (\n    <Flexbox className={TABLE_HEADER_HEAD_CONTENT_CLASS} alignItems=\"center\" justifyContent=\"flex-start\">\n      {icon}\n      <Flexbox flexDirection=\"column\" alignItems=\"flex-start\" gap=\"0px\">\n        {headerText}\n        {subHead && (\n          <span className={TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS}>{flexRender(subHead, header.getContext())}</span>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nexport const HeaderCell = <TData extends RowData, TValue = unknown>({\n  header,\n  table,\n  options,\n  prefix,\n}: IHeaderCellProps<TData, TValue> & { prefix?: ReactNode }) => {\n  const showColumnResizingOptions = options?.columnResizing && !header.isPlaceholder && header.column.getCanResize();\n  const showSortingOptions = options?.sorting && header.column.getCanSort();\n  const headerCellMenuItems = useHeaderCellMenuItems(header, options);\n  const headerKind = useHeaderCellMenuKind(header, options);\n  const { alignment } = headerCellProps(header);\n\n  const headerText = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());\n\n  return (\n    <Flexbox alignItems=\"center\" flexGrow={1}>\n      {header.getLeafHeaders().length === 1 &&\n        table?.options.enableRowSelection &&\n        header.column.getIndex() === 0 &&\n        !!table && (\n          <SelectionCheckbox\n            checked={table.getIsAllRowsSelected()}\n            indeterminate={table.getIsSomeRowsSelected()}\n            onChange={table.getToggleAllRowsSelectedHandler()}\n          />\n        )}\n      <Flexbox alignItems=\"center\" flexGrow={1} justifyContent={alignment as FlexboxJustifyContent}>\n        {prefix}\n        {showSortingOptions ? (\n          <SorterButton\n            sortDirection={header.column.getIsSorted() || undefined}\n            onClick={header.column.getToggleSortingHandler()}\n          >\n            {!!headerText && <HeaderContent headerText={headerText} header={header} />}\n          </SorterButton>\n        ) : (\n          !!headerText && <HeaderContent headerText={headerText} header={header} />\n        )}\n      </Flexbox>\n      {headerCellMenuItems.length > 0 && (\n        <Flexbox alignItems=\"flex-end\">\n          <HeaderCellMenu\n            triggerOptions={\n              headerKind === 'pin-only'\n                ? { icon: <Pin />, className: TABLE_PIN_BUTTON_CLASS }\n                : { icon: <EllipsisVertical />, className: TABLE_MENU_BUTTON_CLASS }\n            }\n            menuItems={headerCellMenuItems}\n          />\n        </Flexbox>\n      )}\n      <Resizer\n        {...(showColumnResizingOptions\n          ? { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() }\n          : {})}\n      />\n    </Flexbox>\n  );\n};\n"],"names":["HeaderContent","headerText","header","icon","subHead","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","jsx","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","HeaderCell","table","options","prefix","showColumnResizingOptions","showSortingOptions","headerCellMenuItems","useHeaderCellMenuItems","headerKind","useHeaderCellMenuKind","alignment","headerCellProps","flexRender","jsxs","SelectionCheckbox","SorterButton","HeaderCellMenu","Pin","TABLE_PIN_BUTTON_CLASS","EllipsisVertical","TABLE_MENU_BUTTON_CLASS","Resizer"],"mappings":"uiBAqBMA,EAAgB,CAA0C,CAC9D,WAAAC,EACA,OAAAC,CACF,IAGM,CACJ,KAAM,CAAE,KAAAC,EAAM,QAAAC,CAAA,EAAYF,EAAO,OAAO,UAExC,cACGG,EAAA,CAAQ,UAAWC,EAAAA,gCAAiC,WAAW,SAAS,eAAe,aACrF,SAAA,CAAAH,SACAE,EAAA,CAAQ,cAAc,SAAS,WAAW,aAAa,IAAI,MACzD,SAAA,CAAAJ,EACAG,GACCG,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,wCAA0C,sBAAWJ,EAASF,EAAO,WAAA,CAAY,CAAA,CAAE,CAAA,CAAA,CAExG,CAAA,EACF,CAEJ,EAEaO,EAAa,CAA0C,CAClE,OAAAP,EACA,MAAAQ,EACA,QAAAC,EACA,OAAAC,CACF,IAAgE,CAC9D,MAAMC,EAA4BF,GAAS,gBAAkB,CAACT,EAAO,eAAiBA,EAAO,OAAO,aAAA,EAC9FY,EAAqBH,GAAS,SAAWT,EAAO,OAAO,WAAA,EACvDa,EAAsBC,EAAAA,uBAAuBd,EAAQS,CAAO,EAC5DM,EAAaC,EAAAA,sBAAsBhB,EAAQS,CAAO,EAClD,CAAE,UAAAQ,CAAA,EAAcC,EAAAA,gBAAgBlB,CAAM,EAEtCD,EAAaC,EAAO,cAAgB,KAAOmB,EAAAA,WAAWnB,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EAE/G,OACEoB,EAAAA,KAACjB,EAAA,CAAQ,WAAW,SAAS,SAAU,EACpC,SAAA,CAAAH,EAAO,eAAA,EAAiB,SAAW,GAClCQ,GAAO,QAAQ,oBACfR,EAAO,OAAO,SAAA,IAAe,GAC7B,CAAC,CAACQ,GACAH,EAAAA,IAACgB,EAAAA,kBAAA,CACC,QAASb,EAAM,qBAAA,EACf,cAAeA,EAAM,sBAAA,EACrB,SAAUA,EAAM,gCAAA,CAAgC,CAAA,SAGrDL,EAAA,CAAQ,WAAW,SAAS,SAAU,EAAG,eAAgBc,EACvD,SAAA,CAAAP,EACAE,EACCP,EAAAA,IAACiB,EAAAA,aAAA,CACC,cAAetB,EAAO,OAAO,YAAA,GAAiB,OAC9C,QAASA,EAAO,OAAO,wBAAA,EAEtB,UAAC,CAACD,GAAcM,EAAAA,IAACP,EAAA,CAAc,WAAAC,EAAwB,OAAAC,CAAA,CAAgB,CAAA,CAAA,EAG1E,CAAC,CAACD,GAAcM,EAAAA,IAACP,EAAA,CAAc,WAAAC,EAAwB,OAAAC,CAAA,CAAgB,CAAA,EAE3E,EACCa,EAAoB,OAAS,GAC5BR,EAAAA,IAACF,EAAA,CAAQ,WAAW,WAClB,SAAAE,EAAAA,IAACkB,EAAAA,eAAA,CACC,eACER,IAAe,WACX,CAAE,WAAOS,EAAA,CAAA,CAAI,EAAI,UAAWC,EAAAA,sBAAA,EAC5B,CAAE,WAAOC,EAAA,EAAiB,EAAI,UAAWC,yBAAA,EAE/C,UAAWd,CAAA,CAAA,EAEf,EAEFR,EAAAA,IAACuB,EAAAA,QAAA,CACE,GAAIjB,EACD,CAAE,YAAaX,EAAO,iBAAA,EAAoB,aAAcA,EAAO,iBAAA,GAC/D,CAAA,CAAC,CAAA,CACP,EACF,CAEJ"}
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\r\n\r\nimport { flexRender, type Header, type RowData } from '@tanstack/react-table';\r\nimport {\r\n  TABLE_HEADER_HEAD_CONTENT_CLASS,\r\n  TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS,\r\n  TABLE_MENU_BUTTON_CLASS,\r\n  TABLE_PIN_BUTTON_CLASS,\r\n} from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { FlexboxJustifyContent } from '../../../Flexbox/Flexbox.types';\r\nimport EllipsisVertical from '../../../Icon/components/EllipsisVertical';\r\nimport Pin from '../../../Icon/components/Pin';\r\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { SorterButton } from './SorterButton';\r\nimport { Resizer } from './Resizer';\r\nimport { SelectionCheckbox } from './SelectionCheckbox';\r\nimport { HeaderCellMenu, useHeaderCellMenuItems, useHeaderCellMenuKind } from './HeaderCellMenu';\r\nimport { headerCellProps } from '../../utils/baseTableUtils';\r\n\r\nconst HeaderContent = <TData extends RowData, TValue = unknown>({\r\n  headerText,\r\n  header,\r\n}: {\r\n  headerText: ReactNode;\r\n  header: Header<TData, TValue>;\r\n}) => {\r\n  const { icon, subHead } = header.column.columnDef;\r\n\r\n  return (\r\n    <Flexbox className={TABLE_HEADER_HEAD_CONTENT_CLASS} alignItems=\"center\" justifyContent=\"flex-start\">\r\n      {icon}\r\n      <Flexbox flexDirection=\"column\" alignItems=\"flex-start\" gap=\"0px\">\r\n        {headerText}\r\n        {subHead && (\r\n          <span className={TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS}>{flexRender(subHead, header.getContext())}</span>\r\n        )}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nexport const HeaderCell = <TData extends RowData, TValue = unknown>({\r\n  header,\r\n  table,\r\n  options,\r\n  prefix,\r\n}: IHeaderCellProps<TData, TValue> & { prefix?: ReactNode }) => {\r\n  const showColumnResizingOptions = options?.columnResizing && !header.isPlaceholder && header.column.getCanResize();\r\n  const showSortingOptions = options?.sorting && header.column.getCanSort();\r\n  const headerCellMenuItems = useHeaderCellMenuItems(header, options);\r\n  const headerKind = useHeaderCellMenuKind(header, options);\r\n  const { alignment } = headerCellProps(header);\r\n\r\n  const headerText = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());\r\n\r\n  return (\r\n    <Flexbox alignItems=\"center\" flexGrow={1}>\r\n      {header.getLeafHeaders().length === 1 &&\r\n        table?.options.enableRowSelection &&\r\n        header.column.getIndex() === 0 &&\r\n        !!table && (\r\n          <SelectionCheckbox\r\n            checked={table.getIsAllRowsSelected()}\r\n            indeterminate={table.getIsSomeRowsSelected()}\r\n            onChange={table.getToggleAllRowsSelectedHandler()}\r\n          />\r\n        )}\r\n      <Flexbox alignItems=\"center\" flexGrow={1} justifyContent={alignment as FlexboxJustifyContent}>\r\n        {prefix}\r\n        {showSortingOptions ? (\r\n          <SorterButton\r\n            sortDirection={header.column.getIsSorted() || undefined}\r\n            onClick={header.column.getToggleSortingHandler()}\r\n          >\r\n            {!!headerText && <HeaderContent headerText={headerText} header={header} />}\r\n          </SorterButton>\r\n        ) : (\r\n          !!headerText && <HeaderContent headerText={headerText} header={header} />\r\n        )}\r\n      </Flexbox>\r\n      {headerCellMenuItems.length > 0 && (\r\n        <Flexbox alignItems=\"flex-end\">\r\n          <HeaderCellMenu\r\n            triggerOptions={\r\n              headerKind === 'pin-only'\r\n                ? { icon: <Pin />, className: TABLE_PIN_BUTTON_CLASS }\r\n                : { icon: <EllipsisVertical />, className: TABLE_MENU_BUTTON_CLASS }\r\n            }\r\n            menuItems={headerCellMenuItems}\r\n          />\r\n        </Flexbox>\r\n      )}\r\n      <Resizer\r\n        {...(showColumnResizingOptions\r\n          ? { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() }\r\n          : {})}\r\n      />\r\n    </Flexbox>\r\n  );\r\n};\r\n"],"names":["HeaderContent","headerText","header","icon","subHead","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","jsx","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","HeaderCell","table","options","prefix","showColumnResizingOptions","showSortingOptions","headerCellMenuItems","useHeaderCellMenuItems","headerKind","useHeaderCellMenuKind","alignment","headerCellProps","flexRender","jsxs","SelectionCheckbox","SorterButton","HeaderCellMenu","Pin","TABLE_PIN_BUTTON_CLASS","EllipsisVertical","TABLE_MENU_BUTTON_CLASS","Resizer"],"mappings":"uiBAqBMA,EAAgB,CAA0C,CAC9D,WAAAC,EACA,OAAAC,CACF,IAGM,CACJ,KAAM,CAAE,KAAAC,EAAM,QAAAC,CAAA,EAAYF,EAAO,OAAO,UAExC,cACGG,EAAA,CAAQ,UAAWC,EAAAA,gCAAiC,WAAW,SAAS,eAAe,aACrF,SAAA,CAAAH,SACAE,EAAA,CAAQ,cAAc,SAAS,WAAW,aAAa,IAAI,MACzD,SAAA,CAAAJ,EACAG,GACCG,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,wCAA0C,sBAAWJ,EAASF,EAAO,WAAA,CAAY,CAAA,CAAE,CAAA,CAAA,CAExG,CAAA,EACF,CAEJ,EAEaO,EAAa,CAA0C,CAClE,OAAAP,EACA,MAAAQ,EACA,QAAAC,EACA,OAAAC,CACF,IAAgE,CAC9D,MAAMC,EAA4BF,GAAS,gBAAkB,CAACT,EAAO,eAAiBA,EAAO,OAAO,aAAA,EAC9FY,EAAqBH,GAAS,SAAWT,EAAO,OAAO,WAAA,EACvDa,EAAsBC,EAAAA,uBAAuBd,EAAQS,CAAO,EAC5DM,EAAaC,EAAAA,sBAAsBhB,EAAQS,CAAO,EAClD,CAAE,UAAAQ,CAAA,EAAcC,EAAAA,gBAAgBlB,CAAM,EAEtCD,EAAaC,EAAO,cAAgB,KAAOmB,EAAAA,WAAWnB,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EAE/G,OACEoB,EAAAA,KAACjB,EAAA,CAAQ,WAAW,SAAS,SAAU,EACpC,SAAA,CAAAH,EAAO,eAAA,EAAiB,SAAW,GAClCQ,GAAO,QAAQ,oBACfR,EAAO,OAAO,SAAA,IAAe,GAC7B,CAAC,CAACQ,GACAH,EAAAA,IAACgB,EAAAA,kBAAA,CACC,QAASb,EAAM,qBAAA,EACf,cAAeA,EAAM,sBAAA,EACrB,SAAUA,EAAM,gCAAA,CAAgC,CAAA,SAGrDL,EAAA,CAAQ,WAAW,SAAS,SAAU,EAAG,eAAgBc,EACvD,SAAA,CAAAP,EACAE,EACCP,EAAAA,IAACiB,EAAAA,aAAA,CACC,cAAetB,EAAO,OAAO,YAAA,GAAiB,OAC9C,QAASA,EAAO,OAAO,wBAAA,EAEtB,UAAC,CAACD,GAAcM,EAAAA,IAACP,EAAA,CAAc,WAAAC,EAAwB,OAAAC,CAAA,CAAgB,CAAA,CAAA,EAG1E,CAAC,CAACD,GAAcM,EAAAA,IAACP,EAAA,CAAc,WAAAC,EAAwB,OAAAC,CAAA,CAAgB,CAAA,EAE3E,EACCa,EAAoB,OAAS,GAC5BR,EAAAA,IAACF,EAAA,CAAQ,WAAW,WAClB,SAAAE,EAAAA,IAACkB,EAAAA,eAAA,CACC,eACER,IAAe,WACX,CAAE,WAAOS,EAAA,CAAA,CAAI,EAAI,UAAWC,EAAAA,sBAAA,EAC5B,CAAE,WAAOC,EAAA,EAAiB,EAAI,UAAWC,yBAAA,EAE/C,UAAWd,CAAA,CAAA,EAEf,EAEFR,EAAAA,IAACuB,EAAAA,QAAA,CACE,GAAIjB,EACD,CAAE,YAAaX,EAAO,iBAAA,EAAoB,aAAcA,EAAO,iBAAA,GAC/D,CAAA,CAAC,CAAA,CACP,EACF,CAEJ"}

package/build/cjs/components/Table/components/TableElements/HeaderCellMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCellMenu.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCellMenu.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { Positions, Sizes, Variants } from 'acinguiux-ds-react-base/consts';\nimport type { Header, RowData } from '@tanstack/react-table';\n\nimport { useTable } from '../../hooks/useTable';\nimport { getSize } from '../../utils/tableUtils';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\nimport Menu from '../../../Menu/Menu';\nimport type { ItemType } from '../../../Menu/Menu.types';\nimport ArrowDown from '../../../Icon/components/ArrowDown';\nimport ArrowLeft from '../../../Icon/components/ArrowLeft';\nimport ArrowRight from '../../../Icon/components/ArrowRight';\nimport ArrowUp from '../../../Icon/components/ArrowUp';\nimport ChevronUpDown from '../../../Icon/components/ChevronUpDown';\nimport PinRemove from '../../../Icon/components/PinRemove';\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\n\nexport const HeaderCellMenu = ({\n  triggerOptions,\n  menuItems,\n}: {\n  triggerOptions: { icon: ReactNode; className?: string };\n  menuItems: ItemType[];\n}) => {\n  const { size = Sizes.Medium } = useTable();\n  const [popupOpen, setPopupOpen] = useState(false);\n\n  const closePopup = useCallback(() => setPopupOpen(false), []);\n\n  return (\n    <Flexbox alignItems=\"center\" flexGrow=\"1\" justifyContent=\"flex-end\">\n      <Popover open={popupOpen} onOpenChange={setPopupOpen}>\n        <PopoverTrigger\n          buttonProps={{ ...triggerOptions, iconOnly: true, variant: Variants.Transparent, size: getSize(size) }}\n        >\n          Options\n        </PopoverTrigger>\n        <PopoverContent padding={false}>\n          <Menu items={menuItems} onSelect={closePopup} />\n        </PopoverContent>\n      </Popover>\n    </Flexbox>\n  );\n};\n\nconst pinLeft = <T,>(header: Header<T, unknown>) => ({\n  label: 'Pin left',\n  key: 'pin-left',\n  itemIcon: <ArrowLeft />,\n  onClick: () => header.column.pin(Positions.Left),\n});\n\nconst pinRight = <T,>(header: Header<T, unknown>) => ({\n  label: 'Pin right',\n  key: 'pin-right',\n  itemIcon: <ArrowRight />,\n  onClick: () => header.column.pin(Positions.Right),\n});\n\nconst unpin = <T,>(header: Header<T, unknown>) => ({\n  label: 'Unpin',\n  key: 'unpin',\n  itemIcon: <PinRemove />,\n  onClick: () => header.column.pin(false),\n});\n\nconst sortAsc = <T,>(header: Header<T, unknown>) => ({\n  label: 'Sort ascending',\n  key: 'sort-asc',\n  itemIcon: <ArrowUp />,\n  onClick: () => header.column.toggleSorting(false),\n});\n\nconst sortDesc = <T,>(header: Header<T, unknown>) => ({\n  label: 'Sort descending',\n  key: 'sort-desc',\n  itemIcon: <ArrowDown />,\n  onClick: () => header.column.toggleSorting(true),\n});\n\nconst unsort = <T,>(header: Header<T, unknown>) => ({\n  label: 'Unsort',\n  key: 'unsort',\n  itemIcon: <ChevronUpDown />,\n  onClick: () => header.column.clearSorting(),\n});\n\nexport const useHeaderCellMenuItems = <TData extends RowData, TValue = unknown>(\n  header: Header<TData, TValue>,\n  options: IHeaderCellProps<TData, TValue>['options'] = {},\n): ItemType[] =>\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n  useMemo(() => {\n    const { sorting, columnPinning, pinningOptions = true } = options;\n    const {\n      isPlaceholder,\n      column: { getCanPin, getCanSort, getIsPinned, getIsSorted },\n    } = header;\n    const { menuItems } = header.column.columnDef;\n    const customHeaders = typeof menuItems === 'function' ? menuItems(header) : menuItems;\n\n    const hasPinning = columnPinning && pinningOptions && !isPlaceholder && getCanPin();\n    const hasSorting = sorting && getCanSort();\n\n    return [\n      ...(hasPinning\n        ? [\n            ...(getIsPinned() !== false ? [unpin(header)] : []),\n            ...(getIsPinned() !== Positions.Left ? [pinLeft(header)] : []),\n            ...(getIsPinned() !== Positions.Right ? [pinRight(header)] : []),\n          ]\n        : []),\n      ...(hasSorting\n        ? [\n            ...(hasPinning ? [{ type: 'divider' as const }] : []),\n            ...(getIsSorted() !== 'asc' ? [sortAsc(header)] : []),\n            ...(getIsSorted() !== 'desc' ? [sortDesc(header)] : []),\n            ...(getIsSorted() !== false ? [unsort(header)] : []),\n          ]\n        : []),\n      ...(customHeaders && customHeaders.length > 0\n        ? [...(hasPinning || hasSorting ? [{ type: 'divider' as const }] : []), ...customHeaders]\n        : []),\n    ];\n  }, [options, header]);\n\nexport const useHeaderCellMenuKind = <TData extends RowData, TValue = unknown>(\n  header: Header<TData, TValue>,\n  options: IHeaderCellProps<TData, TValue>['options'] = {},\n): ReactNode => {\n  const menuItems = useMemo(() => header.column.columnDef.menuItems, [header]);\n  const headerCellMenuItems = useMemo(\n    () => (typeof menuItems === 'function' ? menuItems(header) : menuItems),\n    [menuItems, header],\n  );\n\n  const isPinnable = useMemo(\n    () => options.columnPinning && options.pinningOptions && !header.isPlaceholder && header.column.getCanPin(),\n    [options, header],\n  );\n\n  const showSortingOptions = useMemo(() => options.sorting && header.column.getCanSort(), [options, header]);\n\n  const headerWithMenuItems = useMemo(() => (headerCellMenuItems?.length ?? 0) > 0, [headerCellMenuItems]);\n\n  return useMemo(\n    () => (isPinnable && !showSortingOptions && !headerWithMenuItems ? 'pin-only' : 'any'),\n    [isPinnable, showSortingOptions, headerWithMenuItems],\n  );\n};\n"],"names":["HeaderCellMenu","triggerOptions","menuItems","size","Sizes","useTable","popupOpen","setPopupOpen","useState","closePopup","useCallback","jsx","Flexbox","jsxs","Popover","PopoverTrigger","Variants","getSize","PopoverContent","Menu","pinLeft","header","ArrowLeft","Positions","pinRight","ArrowRight","unpin","PinRemove","sortAsc","ArrowUp","sortDesc","ArrowDown","unsort","ChevronUpDown","useHeaderCellMenuItems","options","useMemo","sorting","columnPinning","pinningOptions","isPlaceholder","getCanPin","getCanSort","getIsPinned","getIsSorted","customHeaders","hasPinning","hasSorting","useHeaderCellMenuKind","headerCellMenuItems","isPinnable","showSortingOptions","headerWithMenuItems"],"mappings":"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"}
+{"version":3,"file":"HeaderCellMenu.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCellMenu.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useMemo, useState } from 'react';\r\n\r\nimport { Positions, Sizes, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport type { Header, RowData } from '@tanstack/react-table';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\r\nimport Menu from '../../../Menu/Menu';\r\nimport type { ItemType } from '../../../Menu/Menu.types';\r\nimport ArrowDown from '../../../Icon/components/ArrowDown';\r\nimport ArrowLeft from '../../../Icon/components/ArrowLeft';\r\nimport ArrowRight from '../../../Icon/components/ArrowRight';\r\nimport ArrowUp from '../../../Icon/components/ArrowUp';\r\nimport ChevronUpDown from '../../../Icon/components/ChevronUpDown';\r\nimport PinRemove from '../../../Icon/components/PinRemove';\r\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\r\n\r\nexport const HeaderCellMenu = ({\r\n  triggerOptions,\r\n  menuItems,\r\n}: {\r\n  triggerOptions: { icon: ReactNode; className?: string };\r\n  menuItems: ItemType[];\r\n}) => {\r\n  const { size = Sizes.Medium } = useTable();\r\n  const [popupOpen, setPopupOpen] = useState(false);\r\n\r\n  const closePopup = useCallback(() => setPopupOpen(false), []);\r\n\r\n  return (\r\n    <Flexbox alignItems=\"center\" flexGrow=\"1\" justifyContent=\"flex-end\">\r\n      <Popover open={popupOpen} onOpenChange={setPopupOpen}>\r\n        <PopoverTrigger\r\n          buttonProps={{ ...triggerOptions, iconOnly: true, variant: Variants.Transparent, size: getSize(size) }}\r\n        >\r\n          Options\r\n        </PopoverTrigger>\r\n        <PopoverContent padding={false}>\r\n          <Menu items={menuItems} onSelect={closePopup} />\r\n        </PopoverContent>\r\n      </Popover>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nconst pinLeft = <T,>(header: Header<T, unknown>) => ({\r\n  label: 'Pin left',\r\n  key: 'pin-left',\r\n  itemIcon: <ArrowLeft />,\r\n  onClick: () => header.column.pin(Positions.Left),\r\n});\r\n\r\nconst pinRight = <T,>(header: Header<T, unknown>) => ({\r\n  label: 'Pin right',\r\n  key: 'pin-right',\r\n  itemIcon: <ArrowRight />,\r\n  onClick: () => header.column.pin(Positions.Right),\r\n});\r\n\r\nconst unpin = <T,>(header: Header<T, unknown>) => ({\r\n  label: 'Unpin',\r\n  key: 'unpin',\r\n  itemIcon: <PinRemove />,\r\n  onClick: () => header.column.pin(false),\r\n});\r\n\r\nconst sortAsc = <T,>(header: Header<T, unknown>) => ({\r\n  label: 'Sort ascending',\r\n  key: 'sort-asc',\r\n  itemIcon: <ArrowUp />,\r\n  onClick: () => header.column.toggleSorting(false),\r\n});\r\n\r\nconst sortDesc = <T,>(header: Header<T, unknown>) => ({\r\n  label: 'Sort descending',\r\n  key: 'sort-desc',\r\n  itemIcon: <ArrowDown />,\r\n  onClick: () => header.column.toggleSorting(true),\r\n});\r\n\r\nconst unsort = <T,>(header: Header<T, unknown>) => ({\r\n  label: 'Unsort',\r\n  key: 'unsort',\r\n  itemIcon: <ChevronUpDown />,\r\n  onClick: () => header.column.clearSorting(),\r\n});\r\n\r\nexport const useHeaderCellMenuItems = <TData extends RowData, TValue = unknown>(\r\n  header: Header<TData, TValue>,\r\n  options: IHeaderCellProps<TData, TValue>['options'] = {},\r\n): ItemType[] =>\r\n  // eslint-disable-next-line sonarjs/cognitive-complexity\r\n  useMemo(() => {\r\n    const { sorting, columnPinning, pinningOptions = true } = options;\r\n    const {\r\n      isPlaceholder,\r\n      column: { getCanPin, getCanSort, getIsPinned, getIsSorted },\r\n    } = header;\r\n    const { menuItems } = header.column.columnDef;\r\n    const customHeaders = typeof menuItems === 'function' ? menuItems(header) : menuItems;\r\n\r\n    const hasPinning = columnPinning && pinningOptions && !isPlaceholder && getCanPin();\r\n    const hasSorting = sorting && getCanSort();\r\n\r\n    return [\r\n      ...(hasPinning\r\n        ? [\r\n            ...(getIsPinned() !== false ? [unpin(header)] : []),\r\n            ...(getIsPinned() !== Positions.Left ? [pinLeft(header)] : []),\r\n            ...(getIsPinned() !== Positions.Right ? [pinRight(header)] : []),\r\n          ]\r\n        : []),\r\n      ...(hasSorting\r\n        ? [\r\n            ...(hasPinning ? [{ type: 'divider' as const }] : []),\r\n            ...(getIsSorted() !== 'asc' ? [sortAsc(header)] : []),\r\n            ...(getIsSorted() !== 'desc' ? [sortDesc(header)] : []),\r\n            ...(getIsSorted() !== false ? [unsort(header)] : []),\r\n          ]\r\n        : []),\r\n      ...(customHeaders && customHeaders.length > 0\r\n        ? [...(hasPinning || hasSorting ? [{ type: 'divider' as const }] : []), ...customHeaders]\r\n        : []),\r\n    ];\r\n  }, [options, header]);\r\n\r\nexport const useHeaderCellMenuKind = <TData extends RowData, TValue = unknown>(\r\n  header: Header<TData, TValue>,\r\n  options: IHeaderCellProps<TData, TValue>['options'] = {},\r\n): ReactNode => {\r\n  const menuItems = useMemo(() => header.column.columnDef.menuItems, [header]);\r\n  const headerCellMenuItems = useMemo(\r\n    () => (typeof menuItems === 'function' ? menuItems(header) : menuItems),\r\n    [menuItems, header],\r\n  );\r\n\r\n  const isPinnable = useMemo(\r\n    () => options.columnPinning && options.pinningOptions && !header.isPlaceholder && header.column.getCanPin(),\r\n    [options, header],\r\n  );\r\n\r\n  const showSortingOptions = useMemo(() => options.sorting && header.column.getCanSort(), [options, header]);\r\n\r\n  const headerWithMenuItems = useMemo(() => (headerCellMenuItems?.length ?? 0) > 0, [headerCellMenuItems]);\r\n\r\n  return useMemo(\r\n    () => (isPinnable && !showSortingOptions && !headerWithMenuItems ? 'pin-only' : 'any'),\r\n    [isPinnable, showSortingOptions, headerWithMenuItems],\r\n  );\r\n};\r\n"],"names":["HeaderCellMenu","triggerOptions","menuItems","size","Sizes","useTable","popupOpen","setPopupOpen","useState","closePopup","useCallback","jsx","Flexbox","jsxs","Popover","PopoverTrigger","Variants","getSize","PopoverContent","Menu","pinLeft","header","ArrowLeft","Positions","pinRight","ArrowRight","unpin","PinRemove","sortAsc","ArrowUp","sortDesc","ArrowDown","unsort","ChevronUpDown","useHeaderCellMenuItems","options","useMemo","sorting","columnPinning","pinningOptions","isPlaceholder","getCanPin","getCanSort","getIsPinned","getIsSorted","customHeaders","hasPinning","hasSorting","useHeaderCellMenuKind","headerCellMenuItems","isPinnable","showSortingOptions","headerWithMenuItems"],"mappings":"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"}

package/build/cjs/components/Table/components/TableElements/NumericCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumericCell.js","sources":["../../../../../../src/components/Table/components/TableElements/NumericCell.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nexport const StyledNumericCell = styled.div`\n  font-variant-numeric: tabular-nums slashed-zero;\n`;\n\nexport const NumericCell = ({ ...rest }) => <StyledNumericCell {...rest} />;\n"],"names":["StyledNumericCell","styled","NumericCell","rest","jsx"],"mappings":"gLAEaA,EAAoBC,EAAAA,OAAO;AAAA;AAAA,EAI3BC,EAAc,CAAC,CAAE,GAAGC,KAAWC,EAAAA,IAACJ,EAAA,CAAmB,GAAGG,CAAA,CAAM"}
+{"version":3,"file":"NumericCell.js","sources":["../../../../../../src/components/Table/components/TableElements/NumericCell.tsx"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nexport const StyledNumericCell = styled.div`\r\n  font-variant-numeric: tabular-nums slashed-zero;\r\n`;\r\n\r\nexport const NumericCell = ({ ...rest }) => <StyledNumericCell {...rest} />;\r\n"],"names":["StyledNumericCell","styled","NumericCell","rest","jsx"],"mappings":"gLAEaA,EAAoBC,EAAAA,OAAO;AAAA;AAAA,EAI3BC,EAAc,CAAC,CAAE,GAAGC,KAAWC,EAAAA,IAACJ,EAAA,CAAmB,GAAGG,CAAA,CAAM"}

package/build/cjs/components/Table/components/TableElements/PinButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinButton.js","sources":["../../../../../../src/components/Table/components/TableElements/PinButton.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\n\nimport { Sizes, Positions, Variants, TABLE_PIN_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { ITablePin } from '../../Table.types';\nimport { useTable } from '../../hooks/useTable';\nimport Button from '../../../Button/Button';\nimport ArrowLeft from '../../../Icon/components/ArrowLeft';\nimport ArrowRight from '../../../Icon/components/ArrowRight';\nimport Cross from '../../../Icon/components/Cross';\nimport { getSize } from '../../utils/tableUtils';\n\n/**\n * Pin button component\n *\n * @deprecated Pinning properties are handled within the HeaderCellMenu now\n */\nexport const PinButton = forwardRef(\n  ({ pinIconDirection, ...props }: ITablePin, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    const getPinIconDirection = () => {\n      switch (pinIconDirection) {\n        case Positions.Left:\n          return <ArrowLeft data-testid=\"pin-arrow-left\" />;\n        case Positions.Right:\n          return <ArrowRight data-testid=\"pin-arrow-right\" />;\n        default:\n          return <Cross data-testid=\"pin-cross\" />;\n      }\n    };\n\n    return (\n      <Button\n        className={TABLE_PIN_BUTTON_CLASS}\n        aria-label=\"Pin button\"\n        size={getSize(size)}\n        variant={Variants.Transparent}\n        iconOnly={true}\n        icon={getPinIconDirection()}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["PinButton","forwardRef","pinIconDirection","props","ref","size","Sizes","useTable","getPinIconDirection","Positions","jsx","ArrowLeft","ArrowRight","Cross","Button","TABLE_PIN_BUTTON_CLASS","getSize","Variants"],"mappings":"+hBAiBaA,EAAYC,EAAAA,WACvB,CAAC,CAAE,iBAAAC,EAAkB,GAAGC,CAAA,EAAoBC,IAAyC,CACnF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAE1BC,EAAsB,IAAM,CAChC,OAAQN,EAAA,CACN,KAAKO,EAAAA,UAAU,KACb,OAAOC,EAAAA,IAACC,EAAA,CAAU,cAAY,gBAAA,CAAiB,EACjD,KAAKF,EAAAA,UAAU,MACb,OAAOC,EAAAA,IAACE,EAAA,CAAW,cAAY,iBAAA,CAAkB,EACnD,QACE,OAAOF,EAAAA,IAACG,EAAA,CAAM,cAAY,WAAA,CAAY,CAAA,CAE5C,EAEA,OACEH,EAAAA,IAACI,EAAA,CACC,UAAWC,EAAAA,uBACX,aAAW,aACX,KAAMC,EAAAA,QAAQX,CAAI,EAClB,QAASY,EAAAA,SAAS,YAClB,SAAU,GACV,KAAMT,EAAA,EACN,IAAAJ,EACC,GAAGD,CAAA,CAAA,CAGV,CACF"}
+{"version":3,"file":"PinButton.js","sources":["../../../../../../src/components/Table/components/TableElements/PinButton.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\r\n\r\nimport { Sizes, Positions, Variants, TABLE_PIN_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { ITablePin } from '../../Table.types';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport Button from '../../../Button/Button';\r\nimport ArrowLeft from '../../../Icon/components/ArrowLeft';\r\nimport ArrowRight from '../../../Icon/components/ArrowRight';\r\nimport Cross from '../../../Icon/components/Cross';\r\nimport { getSize } from '../../utils/tableUtils';\r\n\r\n/**\r\n * Pin button component\r\n *\r\n * @deprecated Pinning properties are handled within the HeaderCellMenu now\r\n */\r\nexport const PinButton = forwardRef(\r\n  ({ pinIconDirection, ...props }: ITablePin, ref: ForwardedRef<HTMLButtonElement>) => {\r\n    const { size = Sizes.Medium } = useTable();\r\n\r\n    const getPinIconDirection = () => {\r\n      switch (pinIconDirection) {\r\n        case Positions.Left:\r\n          return <ArrowLeft data-testid=\"pin-arrow-left\" />;\r\n        case Positions.Right:\r\n          return <ArrowRight data-testid=\"pin-arrow-right\" />;\r\n        default:\r\n          return <Cross data-testid=\"pin-cross\" />;\r\n      }\r\n    };\r\n\r\n    return (\r\n      <Button\r\n        className={TABLE_PIN_BUTTON_CLASS}\r\n        aria-label=\"Pin button\"\r\n        size={getSize(size)}\r\n        variant={Variants.Transparent}\r\n        iconOnly={true}\r\n        icon={getPinIconDirection()}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n"],"names":["PinButton","forwardRef","pinIconDirection","props","ref","size","Sizes","useTable","getPinIconDirection","Positions","jsx","ArrowLeft","ArrowRight","Cross","Button","TABLE_PIN_BUTTON_CLASS","getSize","Variants"],"mappings":"+hBAiBaA,EAAYC,EAAAA,WACvB,CAAC,CAAE,iBAAAC,EAAkB,GAAGC,CAAA,EAAoBC,IAAyC,CACnF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAE1BC,EAAsB,IAAM,CAChC,OAAQN,EAAA,CACN,KAAKO,EAAAA,UAAU,KACb,OAAOC,EAAAA,IAACC,EAAA,CAAU,cAAY,gBAAA,CAAiB,EACjD,KAAKF,EAAAA,UAAU,MACb,OAAOC,EAAAA,IAACE,EAAA,CAAW,cAAY,iBAAA,CAAkB,EACnD,QACE,OAAOF,EAAAA,IAACG,EAAA,CAAM,cAAY,WAAA,CAAY,CAAA,CAE5C,EAEA,OACEH,EAAAA,IAACI,EAAA,CACC,UAAWC,EAAAA,uBACX,aAAW,aACX,KAAMC,EAAAA,QAAQX,CAAI,EAClB,QAASY,EAAAA,SAAS,YAClB,SAAU,GACV,KAAMT,EAAA,EACN,IAAAJ,EACC,GAAGD,CAAA,CAAA,CAGV,CACF"}

package/build/cjs/components/Table/components/TableElements/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.js","sources":["../../../../../../src/components/Table/components/TableElements/Resizer.tsx"],"sourcesContent":["import { type HTMLAttributes, useMemo } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport { Sizes, TABLE_RESIZER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport { useTable } from '../../hooks/useTable';\n\nexport const StyledResizer = styled.div<{ size: TableTypes.Size }>(\n  ({ theme, size, onMouseDown }) => css`\n    ${Boolean(onMouseDown) &&\n    css`\n      cursor: ew-resize;\n    `};\n    width: 8px;\n    height: 16px;\n    user-select: none;\n    position: absolute;\n    right: -${TableConsts.consts[size].headerCell.padding.right}px;\n\n    &:before {\n      content: '';\n      display: block;\n      position: absolute;\n      left: 6px;\n      right: 0;\n      border-radius: 1px;\n      height: 100%;\n      background-color: ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n    }\n  `,\n);\n\nexport const Resizer = ({ onMouseDown, onTouchStart, ...rest }: HTMLAttributes<HTMLDivElement>) => {\n  const { size = Sizes.Medium } = useTable();\n  const isEnableResizer = useMemo(() => Boolean(onMouseDown) || Boolean(onTouchStart), [onMouseDown, onTouchStart]);\n\n  if (!isEnableResizer) {\n    return null;\n  }\n\n  return (\n    <StyledResizer\n      onMouseDown={onMouseDown}\n      onTouchStart={onTouchStart}\n      aria-label=\"Resizer\"\n      className={TABLE_RESIZER_CLASS}\n      size={size}\n      {...rest}\n    />\n  );\n};\n"],"names":["StyledResizer","styled","theme","size","onMouseDown","css","TableConsts.consts","Variables","Resizer","onTouchStart","rest","Sizes","useTable","useMemo","jsx","TABLE_RESIZER_CLASS"],"mappings":"geASaA,EAAgBC,EAAAA,OAAO,IAClC,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,YAAAC,KAAkBC,EAAAA;AAAAA,MAC9B,EAAQD,GACVC,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKSC,EAAAA,OAAmBH,CAAI,EAAE,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUrCD,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEK,EAAAA,UAAU,wBAAwB,CAAC;AAAA;AAAA,GAGpG,EAEaC,EAAU,CAAC,CAAE,YAAAJ,EAAa,aAAAK,EAAc,GAAGC,KAA2C,CACjG,KAAM,CAAE,KAAAP,EAAOQ,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAGhC,OAFwBC,EAAAA,QAAQ,IAAM,EAAQT,GAAgB,EAAQK,EAAe,CAACL,EAAaK,CAAY,CAAC,EAO9GK,EAAAA,IAACd,EAAA,CACC,YAAAI,EACA,aAAAK,EACA,aAAW,UACX,UAAWM,EAAAA,oBACX,KAAAZ,EACC,GAAGO,CAAA,CAAA,EAVC,IAaX"}
+{"version":3,"file":"Resizer.js","sources":["../../../../../../src/components/Table/components/TableElements/Resizer.tsx"],"sourcesContent":["import { type HTMLAttributes, useMemo } from 'react';\r\n\r\nimport { styled, css } from 'styled-components';\r\nimport { Sizes, TABLE_RESIZER_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\n\r\nexport const StyledResizer = styled.div<{ size: TableTypes.Size }>(\r\n  ({ theme, size, onMouseDown }) => css`\r\n    ${Boolean(onMouseDown) &&\r\n    css`\r\n      cursor: ew-resize;\r\n    `};\r\n    width: 8px;\r\n    height: 16px;\r\n    user-select: none;\r\n    position: absolute;\r\n    right: -${TableConsts.consts[size].headerCell.padding.right}px;\r\n\r\n    &:before {\r\n      content: '';\r\n      display: block;\r\n      position: absolute;\r\n      left: 6px;\r\n      right: 0;\r\n      border-radius: 1px;\r\n      height: 100%;\r\n      background-color: ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\r\n    }\r\n  `,\r\n);\r\n\r\nexport const Resizer = ({ onMouseDown, onTouchStart, ...rest }: HTMLAttributes<HTMLDivElement>) => {\r\n  const { size = Sizes.Medium } = useTable();\r\n  const isEnableResizer = useMemo(() => Boolean(onMouseDown) || Boolean(onTouchStart), [onMouseDown, onTouchStart]);\r\n\r\n  if (!isEnableResizer) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <StyledResizer\r\n      onMouseDown={onMouseDown}\r\n      onTouchStart={onTouchStart}\r\n      aria-label=\"Resizer\"\r\n      className={TABLE_RESIZER_CLASS}\r\n      size={size}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n"],"names":["StyledResizer","styled","theme","size","onMouseDown","css","TableConsts.consts","Variables","Resizer","onTouchStart","rest","Sizes","useTable","useMemo","jsx","TABLE_RESIZER_CLASS"],"mappings":"geASaA,EAAgBC,EAAAA,OAAO,IAClC,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,YAAAC,KAAkBC,EAAAA;AAAAA,MAC9B,EAAQD,GACVC,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKSC,EAAAA,OAAmBH,CAAI,EAAE,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUrCD,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEK,EAAAA,UAAU,wBAAwB,CAAC;AAAA;AAAA,GAGpG,EAEaC,EAAU,CAAC,CAAE,YAAAJ,EAAa,aAAAK,EAAc,GAAGC,KAA2C,CACjG,KAAM,CAAE,KAAAP,EAAOQ,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAGhC,OAFwBC,EAAAA,QAAQ,IAAM,EAAQT,GAAgB,EAAQK,EAAe,CAACL,EAAaK,CAAY,CAAC,EAO9GK,EAAAA,IAACd,EAAA,CACC,YAAAI,EACA,aAAAK,EACA,aAAW,UACX,UAAWM,EAAAA,oBACX,KAAAZ,EACC,GAAGO,CAAA,CAAA,EAVC,IAaX"}

package/build/cjs/components/Table/components/TableElements/SelectionCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionCheckbox.js","sources":["../../../../../../src/components/Table/components/TableElements/SelectionCheckbox.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\n\nimport { Sizes, TABLE_CHECKBOX_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport { useTable } from '../../hooks/useTable';\nimport Checkbox from '../../../Checkbox/Checkbox';\nimport { getSize } from '../../utils/tableUtils';\nimport type { ICheckboxProps } from '../../../Checkbox/Checkbox.types';\n\nexport const SelectionCheckbox = forwardRef(({ ...rest }: ICheckboxProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const { size = Sizes.Medium } = useTable();\n\n  return (\n    <Checkbox className={TABLE_CHECKBOX_CLASS} aria-label=\"Table checkbox\" size={getSize(size)} ref={ref} {...rest} />\n  );\n});\n"],"names":["SelectionCheckbox","forwardRef","rest","ref","size","Sizes","useTable","jsx","Checkbox","TABLE_CHECKBOX_CLASS","getSize"],"mappings":"6YASaA,EAAoBC,EAAAA,WAAW,CAAC,CAAE,GAAGC,CAAA,EAAwBC,IAAwC,CAChH,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAEhC,OACEC,EAAAA,IAACC,EAAA,CAAS,UAAWC,EAAAA,qBAAsB,aAAW,iBAAiB,KAAMC,EAAAA,QAAQN,CAAI,EAAG,IAAAD,EAAW,GAAGD,CAAA,CAAM,CAEpH,CAAC"}
+{"version":3,"file":"SelectionCheckbox.js","sources":["../../../../../../src/components/Table/components/TableElements/SelectionCheckbox.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\r\n\r\nimport { Sizes, TABLE_CHECKBOX_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport Checkbox from '../../../Checkbox/Checkbox';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport type { ICheckboxProps } from '../../../Checkbox/Checkbox.types';\r\n\r\nexport const SelectionCheckbox = forwardRef(({ ...rest }: ICheckboxProps, ref: ForwardedRef<HTMLInputElement>) => {\r\n  const { size = Sizes.Medium } = useTable();\r\n\r\n  return (\r\n    <Checkbox className={TABLE_CHECKBOX_CLASS} aria-label=\"Table checkbox\" size={getSize(size)} ref={ref} {...rest} />\r\n  );\r\n});\r\n"],"names":["SelectionCheckbox","forwardRef","rest","ref","size","Sizes","useTable","jsx","Checkbox","TABLE_CHECKBOX_CLASS","getSize"],"mappings":"6YASaA,EAAoBC,EAAAA,WAAW,CAAC,CAAE,GAAGC,CAAA,EAAwBC,IAAwC,CAChH,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAA,EAEhC,OACEC,EAAAA,IAACC,EAAA,CAAS,UAAWC,EAAAA,qBAAsB,aAAW,iBAAiB,KAAMC,EAAAA,QAAQN,CAAI,EAAG,IAAAD,EAAW,GAAGD,CAAA,CAAM,CAEpH,CAAC"}

package/build/cjs/components/Table/components/TableElements/SorterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SorterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/SorterButton.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\n\nimport {\n  Sizes,\n  Variants,\n  TABLE_SORTER_BUTTON_CLASS,\n  TABLE_ASC_ICON_CLASS,\n  TABLE_DESC_ICON_CLASS,\n  Positions,\n} from 'acinguiux-ds-react-base/consts';\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\nimport { styled } from 'styled-components';\n\nimport type { ITableSorterProps } from '../../Table.types';\nimport { useTable } from '../../hooks/useTable';\nimport ArrowUp from '../../../Icon/components/ArrowUp';\nimport ArrowDown from '../../../Icon/components/ArrowDown';\nimport Button from '../../../Button/Button';\nimport { getSize } from '../../utils/tableUtils';\n\nconst StyledSorterButton = styled(Button)`\n  margin: 0 -${({ size = `${Sizes.Medium}` }) => ButtonConsts.consts[getSize(size)].padding.transparent};\n  text-align: left;\n  min-width: 0;\n`;\n\nexport const SorterButton = forwardRef(\n  ({ sortDirection, ...rest }: ITableSorterProps, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size } = useTable();\n\n    return (\n      <StyledSorterButton\n        className={TABLE_SORTER_BUTTON_CLASS}\n        aria-label=\"Sorter button\"\n        size={size}\n        variant={Variants.Transparent}\n        iconPosition={Positions.Right}\n        icon={\n          <>\n            {sortDirection === 'asc' && <ArrowUp className={TABLE_ASC_ICON_CLASS} />}\n            {sortDirection === 'desc' && <ArrowDown className={TABLE_DESC_ICON_CLASS} />}\n          </>\n        }\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["StyledSorterButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","SorterButton","forwardRef","sortDirection","rest","ref","useTable","jsx","TABLE_SORTER_BUTTON_CLASS","Variants","Positions","jsxs","Fragment","ArrowUp","TABLE_ASC_ICON_CLASS","ArrowDown","TABLE_DESC_ICON_CLASS"],"mappings":"ulBAoBMA,EAAqBC,EAAAA,OAAOC,CAAM;AAAA,eACzB,CAAC,CAAE,KAAAC,EAAO,GAAGC,EAAAA,MAAM,MAAM,MAASC,EAAAA,OAAoBC,EAAAA,QAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA,EAK1FI,EAAeC,EAAAA,WAC1B,CAAC,CAAE,cAAAC,EAAe,GAAGC,CAAA,EAA2BC,IAAyC,CACvF,KAAM,CAAE,KAAAR,CAAA,EAASS,WAAA,EAEjB,OACEC,EAAAA,IAACb,EAAA,CACC,UAAWc,EAAAA,0BACX,aAAW,gBACX,KAAAX,EACA,QAASY,EAAAA,SAAS,YAClB,aAAcC,EAAAA,UAAU,MACxB,KACEC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAT,IAAkB,OAASI,EAAAA,IAACM,EAAA,CAAQ,UAAWC,EAAAA,qBAAsB,EACrEX,IAAkB,QAAUI,EAAAA,IAACQ,EAAA,CAAU,UAAWC,EAAAA,qBAAA,CAAuB,CAAA,EAC5E,EAEF,IAAAX,EACC,GAAGD,CAAA,CAAA,CAGV,CACF"}
+{"version":3,"file":"SorterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/SorterButton.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\r\n\r\nimport {\r\n  Sizes,\r\n  Variants,\r\n  TABLE_SORTER_BUTTON_CLASS,\r\n  TABLE_ASC_ICON_CLASS,\r\n  TABLE_DESC_ICON_CLASS,\r\n  Positions,\r\n} from 'acinguiux-ds-react-base/consts';\r\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\r\nimport { styled } from 'styled-components';\r\n\r\nimport type { ITableSorterProps } from '../../Table.types';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport ArrowUp from '../../../Icon/components/ArrowUp';\r\nimport ArrowDown from '../../../Icon/components/ArrowDown';\r\nimport Button from '../../../Button/Button';\r\nimport { getSize } from '../../utils/tableUtils';\r\n\r\nconst StyledSorterButton = styled(Button)`\r\n  margin: 0 -${({ size = `${Sizes.Medium}` }) => ButtonConsts.consts[getSize(size)].padding.transparent};\r\n  text-align: left;\r\n  min-width: 0;\r\n`;\r\n\r\nexport const SorterButton = forwardRef(\r\n  ({ sortDirection, ...rest }: ITableSorterProps, ref: ForwardedRef<HTMLButtonElement>) => {\r\n    const { size } = useTable();\r\n\r\n    return (\r\n      <StyledSorterButton\r\n        className={TABLE_SORTER_BUTTON_CLASS}\r\n        aria-label=\"Sorter button\"\r\n        size={size}\r\n        variant={Variants.Transparent}\r\n        iconPosition={Positions.Right}\r\n        icon={\r\n          <>\r\n            {sortDirection === 'asc' && <ArrowUp className={TABLE_ASC_ICON_CLASS} />}\r\n            {sortDirection === 'desc' && <ArrowDown className={TABLE_DESC_ICON_CLASS} />}\r\n          </>\r\n        }\r\n        ref={ref}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n"],"names":["StyledSorterButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","SorterButton","forwardRef","sortDirection","rest","ref","useTable","jsx","TABLE_SORTER_BUTTON_CLASS","Variants","Positions","jsxs","Fragment","ArrowUp","TABLE_ASC_ICON_CLASS","ArrowDown","TABLE_DESC_ICON_CLASS"],"mappings":"ulBAoBMA,EAAqBC,EAAAA,OAAOC,CAAM;AAAA,eACzB,CAAC,CAAE,KAAAC,EAAO,GAAGC,EAAAA,MAAM,MAAM,MAASC,EAAAA,OAAoBC,EAAAA,QAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA,EAK1FI,EAAeC,EAAAA,WAC1B,CAAC,CAAE,cAAAC,EAAe,GAAGC,CAAA,EAA2BC,IAAyC,CACvF,KAAM,CAAE,KAAAR,CAAA,EAASS,WAAA,EAEjB,OACEC,EAAAA,IAACb,EAAA,CACC,UAAWc,EAAAA,0BACX,aAAW,gBACX,KAAAX,EACA,QAASY,EAAAA,SAAS,YAClB,aAAcC,EAAAA,UAAU,MACxB,KACEC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAT,IAAkB,OAASI,EAAAA,IAACM,EAAA,CAAQ,UAAWC,EAAAA,qBAAsB,EACrEX,IAAkB,QAAUI,EAAAA,IAACQ,EAAA,CAAU,UAAWC,EAAAA,qBAAA,CAAuB,CAAA,EAC5E,EAEF,IAAAX,EACC,GAAGD,CAAA,CAAA,CAGV,CACF"}

package/build/cjs/components/Table/components/TableElements/TableElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentPropsWithRef } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport {\n  Positions,\n  BUTTON_CLASS,\n  EMPTY_STATE_CLASS,\n  TABLE_PIN_BUTTON_CLASS,\n  TABLE_MENU_BUTTON_CLASS,\n  SELECT_CLASS,\n  TABLE_HEADER_HEAD_CONTENT_CLASS,\n  TABLE_CHECKBOX_CLASS,\n} from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { PickTransient, TransientAll } from 'acinguiux-ds-react-base/types';\n\nimport { type ITableRowProps, type ITableCellProps } from './TableElements.types';\nimport { Flexbox } from '../../../Flexbox/Flexbox.styles';\nimport { StyledExpander } from './Expander';\n\ntype StyledCellPropKeys = 'alignment' | 'highlight' | 'noPadding' | 'width' | 'pinAnchorOffset' | 'isPinned';\nexport type StyledCellProps = PickTransient<ITableCellProps, StyledCellPropKeys>;\nexport type StyledHighlightCellProps = PickTransient<ITableCellProps, 'highlight'>;\n\nexport type StyledStickyProps = PickTransient<ITableCellProps, 'pinAnchorOffset'>;\n\nconst sharedCellStyles = css<PickTransient<ITableCellProps, 'width'>>`\n  ${({ $width, theme }) => css`\n    width: ${$width ?? 'auto'}px;\n    min-width: ${$width ?? 'auto'}px;\n    color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n  `};\n`;\n\nconst sharedStickyCellStyles = css<StyledStickyProps>`\n  ${({ $pinAnchorOffset }) => css`\n    &[data-sticky] {\n      position: sticky;\n      z-index: 1;\n\n      &[data-sticky='left'] {\n        left: ${$pinAnchorOffset ?? 0}px;\n      }\n\n      &[data-sticky='right'] {\n        right: ${$pinAnchorOffset ?? 0}px;\n      }\n    }\n  `}\n`;\n\nconst sharedHighlightedCellStyles = css<StyledHighlightCellProps>`\n  ${({ $highlight, theme }) =>\n    $highlight &&\n    css`\n      --bg-color: ${theme.layer({\n        sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\n\n      --bg-hover-color: ${theme.layer({\n        sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n        state: FabricsVariables.States.Hover,\n      })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\n\n      ${$highlight.indicator &&\n      css`\n        &:before {\n          position: absolute;\n          content: '';\n          display: block;\n          top: 0;\n          bottom: 0;\n          background-color: ${theme.layer({\n            sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n          })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\n          width: 0;\n        }\n\n        ${$highlight.indicator === Positions.Left &&\n        css`\n          &:is(td):before {\n            left: 0;\n            width: 4px;\n          }\n        `}\n\n        ${$highlight.indicator === Positions.Right &&\n        css`\n          &:is(td):before {\n            right: 0;\n            width: 4px;\n          }\n        `}\n      `};\n    `}\n`;\n\n/** Table elements */\n\nexport const StyledTh = styled.th<StyledCellProps & StyledStickyProps>`\n  ${sharedCellStyles};\n  ${sharedStickyCellStyles};\n  ${sharedHighlightedCellStyles};\n\n  ${({ colSpan, $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\n    position: relative;\n    > ${Flexbox}, .${TABLE_HEADER_HEAD_CONTENT_CLASS} {\n      position: relative;\n      gap: var(--table-header-cell-gap);\n      justify-content: ${$alignment};\n    }\n\n    .${TABLE_CHECKBOX_CLASS} {\n      order: 0;\n      ${$alignment === 'right' &&\n      css`\n        margin-right: auto;\n      `}\n    }\n\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\n    white-space: nowrap;\n\n    ${$noPadding &&\n    css`\n      padding: unset !important;\n    `}\n  `}\n`;\n\nexport const Th = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'th'>>(\n  ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\n    return (\n      <StyledTh\n        ref={ref}\n        $alignment={alignment}\n        $highlight={highlight}\n        $noPadding={noPadding}\n        style={{ width }}\n        data-sticky={isPinned}\n        $pinAnchorOffset={pinAnchorOffset}\n        {...rest}\n      />\n    );\n  },\n);\n\n/**\n * @deprecated use Th instead\n */\nexport const TH = Th;\n\nexport const StyledTd = styled.td<StyledCellProps & StyledStickyProps>`\n  ${sharedCellStyles};\n  ${sharedStickyCellStyles};\n  ${sharedHighlightedCellStyles};\n\n  ${({ $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\n    position: relative;\n    > ${Flexbox} {\n      position: relative;\n      gap: var(--table-cell-gap);\n      justify-content: ${$alignment};\n    }\n\n    .${TABLE_CHECKBOX_CLASS} {\n      margin-right: auto;\n    }\n\n    ${$noPadding &&\n    css`\n      padding: unset !important;\n    `}\n  `}\n`;\n\nexport const Td = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'td'>>(\n  ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\n    return (\n      <StyledTd\n        ref={ref}\n        $alignment={alignment}\n        $highlight={highlight}\n        $noPadding={noPadding}\n        style={{\n          width,\n        }}\n        data-sticky={isPinned}\n        $pinAnchorOffset={pinAnchorOffset}\n        {...rest}\n      />\n    );\n  },\n);\n\n/**\n * @deprecated use Td instead\n */\nexport const TD = Td;\n\nconst stickyCellShadowStyles = css`\n  & > ${StyledTh}, & > ${StyledTd} {\n    &:is([data-sticky='left']):not(:has(~ [data-sticky='left'])) {\n      &::after {\n        content: '';\n        pointer-events: none;\n        width: 40px;\n        height: 100%;\n        background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\n        position: absolute;\n        right: -40px;\n        top: 0;\n      }\n    }\n  }\n\n  & > ${StyledTh}, & > ${StyledTd} {\n    &:not([data-sticky='right']) + [data-sticky='right'] {\n      &::after {\n        content: '';\n        width: 30px;\n        pointer-events: none;\n        height: 100%;\n        background: linear-gradient(-90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\n        position: absolute;\n        left: -30px;\n        top: 0;\n      }\n    }\n  }\n`;\n\nexport const StyledTr = styled.tr<TransientAll<ITableRowProps>>(\n  ({ theme, $depth, $highlight, $disableRowHover = false }) => {\n    const layer = theme.layer({\n      foundation: 'surface',\n      sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\n    });\n    const subtleLayer = theme.layer({\n      foundation: 'surface',\n      sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\n      sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n    });\n\n    return css`\n      transition:\n        background-color 0.1s,\n        height 0.1s,\n        opacity 0.1s;\n\n      --bg-color: ${layer[Variables.BackgroundFoundation]};\n      --table-row-depth: ${$depth ?? 0};\n\n      & {\n        ${stickyCellShadowStyles};\n      }\n\n      ${StyledTd} {\n        height: var(--table-cell-height);\n        padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\n          var(--table-cell-padding-right);\n      }\n\n      ${StyledTd}:has(.${BUTTON_CLASS}),\n      ${StyledTd}:has(.${SELECT_CLASS}),\n      ${StyledTd}:has(.${EMPTY_STATE_CLASS}),\n      ${StyledTd}:has(${StyledExpander}) {\n        padding-top: 0px;\n        padding-bottom: 0px;\n      }\n\n      ${StyledTh} {\n        & .${TABLE_MENU_BUTTON_CLASS}:not([aria-expanded=\"true\"]),\n        & .${TABLE_PIN_BUTTON_CLASS}:not([aria-expanded=\"true\"]) {\n          opacity: 0;\n        }\n\n        &:hover .${BUTTON_CLASS}, & .${BUTTON_CLASS}:focus-visible {\n          opacity: 1;\n        }\n      }\n\n      ${!$disableRowHover &&\n      css`\n        &:hover {\n          --bg-hover-color: ${theme.layer({ foundation: 'surface', state: FabricsVariables.States.Hover })[\n            Variables.BackgroundFoundation\n          ]};\n        }\n      `}\n\n      & > ${StyledTd}, & > ${StyledTh} {\n        background-color: var(--bg-color, inherit);\n      }\n      &:hover > ${StyledTd}, &:hover > ${StyledTh} {\n        background-color: var(--bg-hover-color, inherit);\n      }\n\n      ${$highlight &&\n      css`\n        --bg-color: ${subtleLayer[\n          $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\n        ]};\n\n        ${!$disableRowHover &&\n        css`\n          &:hover {\n            --bg-hover-color: ${theme.layer({\n              selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n              sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n              sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n              state: FabricsVariables.States.Hover,\n            })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\n          }\n        `};\n\n        ${$highlight.indicator &&\n        css`\n          ${StyledTh}, ${StyledTd} {\n            &:before {\n              position: absolute;\n              content: '';\n              display: block;\n              top: 0;\n              bottom: 0;\n              background-color: ${layer[\n                $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\n              ]};\n              width: 0;\n            }\n          }\n\n          ${$highlight.indicator === Positions.Left &&\n          css`\n            ${StyledTh}:first-of-type:before,\n            ${StyledTd}:first-of-type:before {\n              left: 0;\n              width: 4px;\n            }\n          `}\n\n          ${$highlight.indicator === Positions.Right &&\n          css`\n            ${StyledTh}:last-of-type:before,\n            ${StyledTd}:last-of-type:before {\n              right: 0;\n              width: 4px;\n            }\n          `}\n        `};\n      `}\n    `;\n  },\n);\n\nexport const Tr = forwardRef<HTMLTableRowElement, ITableRowProps & ComponentPropsWithRef<'tr'>>(\n  ({ highlight, depth, disableRowHover, ...rest }, ref) => (\n    <StyledTr ref={ref} $highlight={highlight} $depth={depth} $disableRowHover={disableRowHover} {...rest} />\n  ),\n);\n\n/**\n * @deprecated use Tr instead\n */\nexport const TR = Tr;\n\nexport const THead = styled.thead(({ theme }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return css`\n    position: relative;\n    ${StyledTh} {\n      height: var(--table-header-cell-height);\n      padding: var(--table-header-cell-padding-top) var(--table-header-cell-padding-left)\n        var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-right);\n    }\n    &[data-sticky='true'] {\n      ${StyledTr} {\n        position: sticky;\n        z-index: 2;\n        background-color: ${layer[Variables.BackgroundFoundation]};\n        top: calc(var(--table-row-depth, 0) * var(--table-header-cell-height, 0px));\n\n        &:last-of-type {\n          will-change: filter;\n          /* NOTE: clip path will display the drop shadow only at the bottom */\n          clip-path: inset(0 0 -9999px 0);\n          filter: ${theme.dropShadows.low4};\n        }\n      }\n    }\n\n    ${StyledTr}:not(:last-of-type) > ${StyledTh} {\n      border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n    }\n\n    ${StyledTr}:last-of-type > ${StyledTh} {\n      border-bottom: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\n    }\n  `;\n});\n\nexport const TBody = styled.tbody(\n  ({ theme }) => css`\n    ${StyledTr}:not(:last-of-type) > ${StyledTd} {\n      border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n    }\n  `,\n);\n\nexport const TFoot = styled.tfoot(({ theme }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return css`\n    ${StyledTh} {\n      height: var(--table-cell-height);\n      padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\n        var(--table-cell-padding-right);\n    }\n\n    &[data-sticky='true'] {\n      ${StyledTr} {\n        position: sticky;\n        z-index: 2;\n        background-color: ${layer[Variables.BackgroundFoundation]};\n        bottom: calc(var(--table-row-depth, 0) * var(--table-cell-height, 0px));\n\n        &:first-of-type {\n          will-change: filter;\n          /* NOTE: clip path will display the drop shadow only at the top */\n          clip-path: inset(-9999px 0 0 0);\n          filter: ${theme.dropShadows.low4};\n        }\n      }\n    }\n\n    ${StyledTr}:not(:first-of-type) > ${StyledTh} {\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n    }\n\n    ${StyledTr}:first-of-type > ${StyledTh} {\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\n    }\n  `;\n});\n\nexport const SpaceTR = styled(Tr)(\n  ({ theme }) => css`\n    background: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n    & > ${StyledTd} {\n      height: var(--table-row-group-spacing-height);\n      padding: 0;\n    }\n  `,\n);\n"],"names":["sharedCellStyles","css","$width","theme","Variables","sharedStickyCellStyles","$pinAnchorOffset","sharedHighlightedCellStyles","$highlight","FabricsVariables","Positions","StyledTh","styled","colSpan","$noPadding","$alignment","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_CHECKBOX_CLASS","Th","forwardRef","highlight","alignment","noPadding","width","pinAnchorOffset","isPinned","rest","ref","jsx","TH","StyledTd","Td","TD","stickyCellShadowStyles","StyledTr","$depth","$disableRowHover","layer","subtleLayer","BUTTON_CLASS","SELECT_CLASS","EMPTY_STATE_CLASS","StyledExpander","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","Tr","depth","disableRowHover","TR","THead","TBody","TFoot","SpaceTR"],"mappings":"+dA2BMA,EAAmBC,EAAAA;AAAAA,IACrB,CAAC,CAAE,OAAAC,EAAQ,MAAAC,CAAA,IAAYF,EAAAA;AAAAA,aACdC,GAAU,MAAM;AAAA,iBACZA,GAAU,MAAM;AAAA,aACpBC,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEC,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,GAGlF;AAAA,EAGGC,EAAyBJ,EAAAA;AAAAA,IAC3B,CAAC,CAAE,iBAAAK,CAAA,IAAuBL,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,gBAMdK,GAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,iBAIpBA,GAAoB,CAAC;AAAA;AAAA;AAAA,GAGnC;AAAA,EAGGC,EAA8BN,EAAAA;AAAAA,IAChC,CAAC,CAAE,WAAAO,EAAY,MAAAL,CAAA,IACfK,GACAP,EAAAA;AAAAA,oBACgBE,EAAM,MAAM,CACxB,UAAWK,EAAW,OAAS,YAAcA,EAAW,UAAY,OACpE,mBAAoBC,EAAAA,iBAAiB,oBAAoB,OACzD,oBAAqBA,EAAAA,iBAAiB,qBAAqB,MAC7D,CAAC,EAAED,EAAW,OAAS,YAAcJ,EAAAA,UAAU,oBAAsBA,EAAAA,UAAU,kBAAkB,CAAC;AAAA;AAAA,0BAE9ED,EAAM,MAAM,CAC9B,UAAWK,EAAW,OAAS,YAAcA,EAAW,UAAY,OACpE,mBAAoBC,EAAAA,iBAAiB,oBAAoB,OACzD,oBAAqBA,EAAAA,iBAAiB,qBAAqB,OAC3D,MAAOA,EAAAA,iBAAiB,OAAO,KACjC,CAAC,EAAED,EAAW,OAAS,YAAcJ,EAAAA,UAAU,oBAAsBA,EAAAA,UAAU,kBAAkB,CAAC;AAAA;AAAA,QAEhGI,EAAW,WACbP,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,8BAOwBE,EAAM,MAAM,CAC9B,UAAWK,EAAW,OAAS,YAAcA,EAAW,UAAY,MACtE,CAAC,EAAEA,EAAW,OAAS,WAAaJ,EAAAA,UAAU,mBAAqBA,EAAAA,UAAU,mBAAmB,CAAC;AAAA;AAAA;AAAA;AAAA,UAIjGI,EAAW,YAAcE,EAAAA,UAAU,MACrCT,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,SAKC;AAAA;AAAA,UAECO,EAAW,YAAcE,EAAAA,UAAU,OACrCT,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,SAKC;AAAA,OACF;AAAA,KACF;AAAA,EAKQU,EAAWC,EAAAA,OAAO;AAAA,IAC3BZ,CAAgB;AAAA,IAChBK,CAAsB;AAAA,IACtBE,CAA2B;AAAA;AAAA,IAE3B,CAAC,CAAE,QAAAM,EAAS,WAAAC,EAAY,WAAAC,KAAiBd,EAAAA;AAAAA;AAAAA,QAErCe,EAAAA,OAAO,MAAMC,iCAA+B;AAAA;AAAA;AAAA,yBAG3BF,CAAU;AAAA;AAAA;AAAA,OAG5BG,sBAAoB;AAAA;AAAA,QAEnBH,IAAe,SACjBd,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA,mBAGYY,GAAW,GAAK,EAAI,SAAW,MAAM;AAAA;AAAA;AAAA,MAGlDC,GACFb,EAAAA;AAAAA;AAAAA,KAEC;AAAA,GACF;AAAA,EAGUkB,EAAKC,EAAAA,WAChB,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,SAAAC,EAAU,GAAGC,CAAA,EAAQC,IAE7EC,EAAAA,IAAClB,EAAA,CACC,IAAAiB,EACA,WAAYN,EACZ,WAAYD,EACZ,WAAYE,EACZ,MAAO,CAAE,MAAAC,CAAA,EACT,cAAaE,EACb,iBAAkBD,EACjB,GAAGE,CAAA,CAAA,CAIZ,EAKaG,EAAKX,EAELY,EAAWnB,EAAAA,OAAO;AAAA,IAC3BZ,CAAgB;AAAA,IAChBK,CAAsB;AAAA,IACtBE,CAA2B;AAAA;AAAA,IAE3B,CAAC,CAAE,WAAAO,EAAY,WAAAC,CAAA,IAAiBd,EAAAA;AAAAA;AAAAA,QAE5Be,SAAO;AAAA;AAAA;AAAA,yBAGUD,CAAU;AAAA;AAAA;AAAA,OAG5BG,sBAAoB;AAAA;AAAA;AAAA;AAAA,MAIrBJ,GACFb,EAAAA;AAAAA;AAAAA,KAEC;AAAA,GACF;AAAA,EAGU+B,EAAKZ,EAAAA,WAChB,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,SAAAC,EAAU,GAAGC,CAAA,EAAQC,IAE7EC,EAAAA,IAACE,EAAA,CACC,IAAAH,EACA,WAAYN,EACZ,WAAYD,EACZ,WAAYE,EACZ,MAAO,CACL,MAAAC,CAAA,EAEF,cAAaE,EACb,iBAAkBD,EACjB,GAAGE,CAAA,CAAA,CAIZ,EAKaM,EAAKD,EAEZE,EAAyBjC,EAAAA;AAAAA,QACvBU,CAAQ,SAASoB,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAezBpB,CAAQ,SAASoB,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBpBI,EAAWvB,EAAAA,OAAO,GAC7B,CAAC,CAAE,MAAAT,EAAO,OAAAiC,EAAQ,WAAA5B,EAAY,iBAAA6B,EAAmB,MAAY,CAC3D,MAAMC,EAAQnC,EAAM,MAAM,CACxB,WAAY,UACZ,UAAWK,GAAY,OAAS,YAAcA,EAAW,UAAY,MAAA,CACtE,EACK+B,EAAcpC,EAAM,MAAM,CAC9B,WAAY,UACZ,UAAWK,GAAY,OAAS,YAAcA,EAAW,UAAY,OACrE,oBAAqBC,EAAAA,iBAAiB,qBAAqB,OAC3D,mBAAoBA,EAAAA,iBAAiB,oBAAoB,MAAA,CAC1D,EAED,OAAOR,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBAMSqC,EAAMlC,YAAU,oBAAoB,CAAC;AAAA,2BAC9BgC,GAAU,CAAC;AAAA;AAAA;AAAA,UAG5BF,CAAsB;AAAA;AAAA;AAAA,QAGxBH,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMRA,CAAQ,SAASS,cAAY;AAAA,QAC7BT,CAAQ,SAASU,cAAY;AAAA,QAC7BV,CAAQ,SAASW,mBAAiB;AAAA,QAClCX,CAAQ,QAAQY,gBAAc;AAAA;AAAA;AAAA;AAAA;AAAA,QAK9BhC,CAAQ;AAAA,aACHiC,yBAAuB;AAAA,aACvBC,wBAAsB;AAAA;AAAA;AAAA;AAAA,mBAIhBL,EAAAA,YAAY,QAAQA,cAAY;AAAA;AAAA;AAAA;AAAA;AAAA,QAK3C,CAACH,GACHpC,EAAAA;AAAAA;AAAAA,8BAEwBE,EAAM,MAAM,CAAE,WAAY,UAAW,MAAOM,mBAAiB,OAAO,KAAA,CAAO,EAC7FL,EAAAA,UAAU,oBACZ,CAAC;AAAA;AAAA,OAEJ;AAAA;AAAA,YAEK2B,CAAQ,SAASpB,CAAQ;AAAA;AAAA;AAAA,kBAGnBoB,CAAQ,eAAepB,CAAQ;AAAA;AAAA;AAAA;AAAA,QAIzCH,GACFP,EAAAA;AAAAA,sBACgBsC,EACZ/B,EAAW,OAAS,WAAaJ,EAAAA,UAAU,mBAAqBA,YAAU,mBAC5E,CAAC;AAAA;AAAA,UAEC,CAACiC,GACHpC,EAAAA;AAAAA;AAAAA,gCAEwBE,EAAM,MAAM,CAC9B,mBAAoBM,EAAAA,iBAAiB,oBAAoB,OACzD,oBAAqBA,EAAAA,iBAAiB,qBAAqB,OAC3D,UAAWD,EAAW,OAAS,YAAcA,EAAW,UAAY,OACpE,MAAOC,EAAAA,iBAAiB,OAAO,KAAA,CAChC,EAAED,EAAW,OAAS,WAAaJ,EAAAA,UAAU,mBAAqBA,EAAAA,UAAU,mBAAmB,CAAC;AAAA;AAAA,SAEpG;AAAA;AAAA,UAECI,EAAW,WACbP,EAAAA;AAAAA,YACIU,CAAQ,KAAKoB,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAOCO,EAClB9B,EAAW,OAAS,WAAaJ,EAAAA,UAAU,mBAAqBA,YAAU,mBAC5E,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKHI,EAAW,YAAcE,EAAAA,UAAU,MACrCT,EAAAA;AAAAA,cACIU,CAAQ;AAAA,cACRoB,CAAQ;AAAA;AAAA;AAAA;AAAA,WAIX;AAAA;AAAA,YAECvB,EAAW,YAAcE,EAAAA,UAAU,OACrCT,EAAAA;AAAAA,cACIU,CAAQ;AAAA,cACRoB,CAAQ;AAAA;AAAA;AAAA;AAAA,WAIX;AAAA,SACF;AAAA,OACF;AAAA,KAEL,CACF,EAEae,EAAK1B,EAAAA,WAChB,CAAC,CAAE,UAAAC,EAAW,MAAA0B,EAAO,gBAAAC,EAAiB,GAAGrB,GAAQC,UAC9CO,EAAA,CAAS,IAAAP,EAAU,WAAYP,EAAW,OAAQ0B,EAAO,iBAAkBC,EAAkB,GAAGrB,CAAA,CAAM,CAE3G,EAKasB,EAAKH,EAELI,EAAQtC,EAAAA,OAAO,MAAM,CAAC,CAAE,MAAAT,KAAY,CAC/C,MAAMmC,EAAQnC,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAOF,EAAAA;AAAAA;AAAAA,MAEHU,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMNwB,CAAQ;AAAA;AAAA;AAAA,4BAGYG,EAAMlC,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAO7CD,EAAM,YAAY,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,MAKpCgC,CAAQ,yBAAyBxB,CAAQ;AAAA,iCACd2B,EAAMlC,YAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA,MAGpE+B,CAAQ,mBAAmBxB,CAAQ;AAAA,iCACR2B,EAAMlC,YAAU,wBAAwB,CAAC;AAAA;AAAA,GAG1E,CAAC,EAEY+C,EAAQvC,EAAAA,OAAO,MAC1B,CAAC,CAAE,MAAAT,CAAA,IAAYF,EAAAA;AAAAA,MACXkC,CAAQ,yBAAyBJ,CAAQ;AAAA,iCACd5B,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEC,EAAAA,UAAU,wBAAwB,CAAC;AAAA;AAAA,GAG3G,EAEagD,EAAQxC,EAAAA,OAAO,MAAM,CAAC,CAAE,MAAAT,KAAY,CAC/C,MAAMmC,EAAQnC,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAOF,EAAAA;AAAAA,MACHU,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAONwB,CAAQ;AAAA;AAAA;AAAA,4BAGYG,EAAMlC,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAO7CD,EAAM,YAAY,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,MAKpCgC,CAAQ,0BAA0BxB,CAAQ;AAAA,8BAClB2B,EAAMlC,YAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA,MAGjE+B,CAAQ,oBAAoBxB,CAAQ;AAAA,8BACZ2B,EAAMlC,YAAU,wBAAwB,CAAC;AAAA;AAAA,GAGvE,CAAC,EAEYiD,EAAUzC,EAAAA,OAAOkC,CAAE,EAC9B,CAAC,CAAE,MAAA3C,CAAA,IAAYF,EAAAA;AAAAA,kBACCE,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEC,EAAAA,UAAU,oBAAoB,CAAC;AAAA,UAC9E2B,CAAQ;AAAA;AAAA;AAAA;AAAA,GAKlB"}
+{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentPropsWithRef } from 'react';\r\n\r\nimport { styled, css } from 'styled-components';\r\nimport {\r\n  Positions,\r\n  BUTTON_CLASS,\r\n  EMPTY_STATE_CLASS,\r\n  TABLE_PIN_BUTTON_CLASS,\r\n  TABLE_MENU_BUTTON_CLASS,\r\n  SELECT_CLASS,\r\n  TABLE_HEADER_HEAD_CONTENT_CLASS,\r\n  TABLE_CHECKBOX_CLASS,\r\n} from 'acinguiux-ds-react-base/consts';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { PickTransient, TransientAll } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { type ITableRowProps, type ITableCellProps } from './TableElements.types';\r\nimport { Flexbox } from '../../../Flexbox/Flexbox.styles';\r\nimport { StyledExpander } from './Expander';\r\n\r\ntype StyledCellPropKeys = 'alignment' | 'highlight' | 'noPadding' | 'width' | 'pinAnchorOffset' | 'isPinned';\r\nexport type StyledCellProps = PickTransient<ITableCellProps, StyledCellPropKeys>;\r\nexport type StyledHighlightCellProps = PickTransient<ITableCellProps, 'highlight'>;\r\n\r\nexport type StyledStickyProps = PickTransient<ITableCellProps, 'pinAnchorOffset'>;\r\n\r\nconst sharedCellStyles = css<PickTransient<ITableCellProps, 'width'>>`\r\n  ${({ $width, theme }) => css`\r\n    width: ${$width ?? 'auto'}px;\r\n    min-width: ${$width ?? 'auto'}px;\r\n    color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\r\n    box-sizing: border-box;\r\n    overflow-wrap: break-word;\r\n  `};\r\n`;\r\n\r\nconst sharedStickyCellStyles = css<StyledStickyProps>`\r\n  ${({ $pinAnchorOffset }) => css`\r\n    &[data-sticky] {\r\n      position: sticky;\r\n      z-index: 1;\r\n\r\n      &[data-sticky='left'] {\r\n        left: ${$pinAnchorOffset ?? 0}px;\r\n      }\r\n\r\n      &[data-sticky='right'] {\r\n        right: ${$pinAnchorOffset ?? 0}px;\r\n      }\r\n    }\r\n  `}\r\n`;\r\n\r\nconst sharedHighlightedCellStyles = css<StyledHighlightCellProps>`\r\n  ${({ $highlight, theme }) =>\r\n    $highlight &&\r\n    css`\r\n      --bg-color: ${theme.layer({\r\n        sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\r\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\r\n      })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\r\n\r\n      --bg-hover-color: ${theme.layer({\r\n        sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\r\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\r\n        state: FabricsVariables.States.Hover,\r\n      })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\r\n\r\n      ${$highlight.indicator &&\r\n      css`\r\n        &:before {\r\n          position: absolute;\r\n          content: '';\r\n          display: block;\r\n          top: 0;\r\n          bottom: 0;\r\n          background-color: ${theme.layer({\r\n            sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n          })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\r\n          width: 0;\r\n        }\r\n\r\n        ${$highlight.indicator === Positions.Left &&\r\n        css`\r\n          &:is(td):before {\r\n            left: 0;\r\n            width: 4px;\r\n          }\r\n        `}\r\n\r\n        ${$highlight.indicator === Positions.Right &&\r\n        css`\r\n          &:is(td):before {\r\n            right: 0;\r\n            width: 4px;\r\n          }\r\n        `}\r\n      `};\r\n    `}\r\n`;\r\n\r\n/** Table elements */\r\n\r\nexport const StyledTh = styled.th<StyledCellProps & StyledStickyProps>`\r\n  ${sharedCellStyles};\r\n  ${sharedStickyCellStyles};\r\n  ${sharedHighlightedCellStyles};\r\n\r\n  ${({ colSpan, $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\r\n    position: relative;\r\n    > ${Flexbox}, .${TABLE_HEADER_HEAD_CONTENT_CLASS} {\r\n      position: relative;\r\n      gap: var(--table-header-cell-gap);\r\n      justify-content: ${$alignment};\r\n    }\r\n\r\n    .${TABLE_CHECKBOX_CLASS} {\r\n      order: 0;\r\n      ${$alignment === 'right' &&\r\n      css`\r\n        margin-right: auto;\r\n      `}\r\n    }\r\n\r\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\r\n    white-space: nowrap;\r\n\r\n    ${$noPadding &&\r\n    css`\r\n      padding: unset !important;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const Th = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'th'>>(\r\n  ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\r\n    return (\r\n      <StyledTh\r\n        ref={ref}\r\n        $alignment={alignment}\r\n        $highlight={highlight}\r\n        $noPadding={noPadding}\r\n        style={{ width }}\r\n        data-sticky={isPinned}\r\n        $pinAnchorOffset={pinAnchorOffset}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * @deprecated use Th instead\r\n */\r\nexport const TH = Th;\r\n\r\nexport const StyledTd = styled.td<StyledCellProps & StyledStickyProps>`\r\n  ${sharedCellStyles};\r\n  ${sharedStickyCellStyles};\r\n  ${sharedHighlightedCellStyles};\r\n\r\n  ${({ $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\r\n    position: relative;\r\n    > ${Flexbox} {\r\n      position: relative;\r\n      gap: var(--table-cell-gap);\r\n      justify-content: ${$alignment};\r\n    }\r\n\r\n    .${TABLE_CHECKBOX_CLASS} {\r\n      margin-right: auto;\r\n    }\r\n\r\n    ${$noPadding &&\r\n    css`\r\n      padding: unset !important;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const Td = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'td'>>(\r\n  ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\r\n    return (\r\n      <StyledTd\r\n        ref={ref}\r\n        $alignment={alignment}\r\n        $highlight={highlight}\r\n        $noPadding={noPadding}\r\n        style={{\r\n          width,\r\n        }}\r\n        data-sticky={isPinned}\r\n        $pinAnchorOffset={pinAnchorOffset}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * @deprecated use Td instead\r\n */\r\nexport const TD = Td;\r\n\r\nconst stickyCellShadowStyles = css`\r\n  & > ${StyledTh}, & > ${StyledTd} {\r\n    &:is([data-sticky='left']):not(:has(~ [data-sticky='left'])) {\r\n      &::after {\r\n        content: '';\r\n        pointer-events: none;\r\n        width: 40px;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\r\n        position: absolute;\r\n        right: -40px;\r\n        top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  & > ${StyledTh}, & > ${StyledTd} {\r\n    &:not([data-sticky='right']) + [data-sticky='right'] {\r\n      &::after {\r\n        content: '';\r\n        width: 30px;\r\n        pointer-events: none;\r\n        height: 100%;\r\n        background: linear-gradient(-90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\r\n        position: absolute;\r\n        left: -30px;\r\n        top: 0;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const StyledTr = styled.tr<TransientAll<ITableRowProps>>(\r\n  ({ theme, $depth, $highlight, $disableRowHover = false }) => {\r\n    const layer = theme.layer({\r\n      foundation: 'surface',\r\n      sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n    });\r\n    const subtleLayer = theme.layer({\r\n      foundation: 'surface',\r\n      sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n      sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\r\n      selectedProminence: FabricsVariables.SelectedProminences.Subtle,\r\n    });\r\n\r\n    return css`\r\n      transition:\r\n        background-color 0.1s,\r\n        height 0.1s,\r\n        opacity 0.1s;\r\n\r\n      --bg-color: ${layer[Variables.BackgroundFoundation]};\r\n      --table-row-depth: ${$depth ?? 0};\r\n\r\n      & {\r\n        ${stickyCellShadowStyles};\r\n      }\r\n\r\n      ${StyledTd} {\r\n        height: var(--table-cell-height);\r\n        padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\r\n          var(--table-cell-padding-right);\r\n      }\r\n\r\n      ${StyledTd}:has(.${BUTTON_CLASS}),\r\n      ${StyledTd}:has(.${SELECT_CLASS}),\r\n      ${StyledTd}:has(.${EMPTY_STATE_CLASS}),\r\n      ${StyledTd}:has(${StyledExpander}) {\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n      }\r\n\r\n      ${StyledTh} {\r\n        & .${TABLE_MENU_BUTTON_CLASS}:not([aria-expanded=\"true\"]),\r\n        & .${TABLE_PIN_BUTTON_CLASS}:not([aria-expanded=\"true\"]) {\r\n          opacity: 0;\r\n        }\r\n\r\n        &:hover .${BUTTON_CLASS}, & .${BUTTON_CLASS}:focus-visible {\r\n          opacity: 1;\r\n        }\r\n      }\r\n\r\n      ${!$disableRowHover &&\r\n      css`\r\n        &:hover {\r\n          --bg-hover-color: ${theme.layer({ foundation: 'surface', state: FabricsVariables.States.Hover })[\r\n            Variables.BackgroundFoundation\r\n          ]};\r\n        }\r\n      `}\r\n\r\n      & > ${StyledTd}, & > ${StyledTh} {\r\n        background-color: var(--bg-color, inherit);\r\n      }\r\n      &:hover > ${StyledTd}, &:hover > ${StyledTh} {\r\n        background-color: var(--bg-hover-color, inherit);\r\n      }\r\n\r\n      ${$highlight &&\r\n      css`\r\n        --bg-color: ${subtleLayer[\r\n          $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\r\n        ]};\r\n\r\n        ${!$disableRowHover &&\r\n        css`\r\n          &:hover {\r\n            --bg-hover-color: ${theme.layer({\r\n              selectedProminence: FabricsVariables.SelectedProminences.Subtle,\r\n              sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\r\n              sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n              state: FabricsVariables.States.Hover,\r\n            })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\r\n          }\r\n        `};\r\n\r\n        ${$highlight.indicator &&\r\n        css`\r\n          ${StyledTh}, ${StyledTd} {\r\n            &:before {\r\n              position: absolute;\r\n              content: '';\r\n              display: block;\r\n              top: 0;\r\n              bottom: 0;\r\n              background-color: ${layer[\r\n                $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\r\n              ]};\r\n              width: 0;\r\n            }\r\n          }\r\n\r\n          ${$highlight.indicator === Positions.Left &&\r\n          css`\r\n            ${StyledTh}:first-of-type:before,\r\n            ${StyledTd}:first-of-type:before {\r\n              left: 0;\r\n              width: 4px;\r\n            }\r\n          `}\r\n\r\n          ${$highlight.indicator === Positions.Right &&\r\n          css`\r\n            ${StyledTh}:last-of-type:before,\r\n            ${StyledTd}:last-of-type:before {\r\n              right: 0;\r\n              width: 4px;\r\n            }\r\n          `}\r\n        `};\r\n      `}\r\n    `;\r\n  },\r\n);\r\n\r\nexport const Tr = forwardRef<HTMLTableRowElement, ITableRowProps & ComponentPropsWithRef<'tr'>>(\r\n  ({ highlight, depth, disableRowHover, ...rest }, ref) => (\r\n    <StyledTr ref={ref} $highlight={highlight} $depth={depth} $disableRowHover={disableRowHover} {...rest} />\r\n  ),\r\n);\r\n\r\n/**\r\n * @deprecated use Tr instead\r\n */\r\nexport const TR = Tr;\r\n\r\nexport const THead = styled.thead(({ theme }) => {\r\n  const layer = theme.layer({ foundation: 'surface' });\r\n\r\n  return css`\r\n    position: relative;\r\n    ${StyledTh} {\r\n      height: var(--table-header-cell-height);\r\n      padding: var(--table-header-cell-padding-top) var(--table-header-cell-padding-left)\r\n        var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-right);\r\n    }\r\n    &[data-sticky='true'] {\r\n      ${StyledTr} {\r\n        position: sticky;\r\n        z-index: 2;\r\n        background-color: ${layer[Variables.BackgroundFoundation]};\r\n        top: calc(var(--table-row-depth, 0) * var(--table-header-cell-height, 0px));\r\n\r\n        &:last-of-type {\r\n          will-change: filter;\r\n          /* NOTE: clip path will display the drop shadow only at the bottom */\r\n          clip-path: inset(0 0 -9999px 0);\r\n          filter: ${theme.dropShadows.low4};\r\n        }\r\n      }\r\n    }\r\n\r\n    ${StyledTr}:not(:last-of-type) > ${StyledTh} {\r\n      border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\r\n    }\r\n\r\n    ${StyledTr}:last-of-type > ${StyledTh} {\r\n      border-bottom: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\r\n    }\r\n  `;\r\n});\r\n\r\nexport const TBody = styled.tbody(\r\n  ({ theme }) => css`\r\n    ${StyledTr}:not(:last-of-type) > ${StyledTd} {\r\n      border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\r\n    }\r\n  `,\r\n);\r\n\r\nexport const TFoot = styled.tfoot(({ theme }) => {\r\n  const layer = theme.layer({ foundation: 'surface' });\r\n\r\n  return css`\r\n    ${StyledTh} {\r\n      height: var(--table-cell-height);\r\n      padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\r\n        var(--table-cell-padding-right);\r\n    }\r\n\r\n    &[data-sticky='true'] {\r\n      ${StyledTr} {\r\n        position: sticky;\r\n        z-index: 2;\r\n        background-color: ${layer[Variables.BackgroundFoundation]};\r\n        bottom: calc(var(--table-row-depth, 0) * var(--table-cell-height, 0px));\r\n\r\n        &:first-of-type {\r\n          will-change: filter;\r\n          /* NOTE: clip path will display the drop shadow only at the top */\r\n          clip-path: inset(-9999px 0 0 0);\r\n          filter: ${theme.dropShadows.low4};\r\n        }\r\n      }\r\n    }\r\n\r\n    ${StyledTr}:not(:first-of-type) > ${StyledTh} {\r\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\r\n    }\r\n\r\n    ${StyledTr}:first-of-type > ${StyledTh} {\r\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\r\n    }\r\n  `;\r\n});\r\n\r\nexport const SpaceTR = styled(Tr)(\r\n  ({ theme }) => css`\r\n    background: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n    & > ${StyledTd} {\r\n      height: var(--table-row-group-spacing-height);\r\n      padding: 0;\r\n    }\r\n  `,\r\n);\r\n"],"names":["sharedCellStyles","css","$width","theme","Variables","sharedStickyCellStyles","$pinAnchorOffset","sharedHighlightedCellStyles","$highlight","FabricsVariables","Positions","StyledTh","styled","colSpan","$noPadding","$alignment","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_CHECKBOX_CLASS","Th","forwardRef","highlight","alignment","noPadding","width","pinAnchorOffset","isPinned","rest","ref","jsx","TH","StyledTd","Td","TD","stickyCellShadowStyles","StyledTr","$depth","$disableRowHover","layer","subtleLayer","BUTTON_CLASS","SELECT_CLASS","EMPTY_STATE_CLASS","StyledExpander","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","Tr","depth","disableRowHover","TR","THead","TBody","TFoot","SpaceTR"],"mappings":"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"}

package/build/cjs/components/Table/components/TableElements/TableWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef, type RefObject } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme/types/layer';\n\nimport type { ITableWrapperProps } from './TableElements.types';\n\nconst StyledTableWrapper = styled.div<TransientAll<ITableWrapperProps>>`\n  ${({ $maxWidth, $maxHeight, $stickyRows, $virtualized, theme }) => css`\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    width: 100%;\n    max-width: 100%;\n    overflow: auto;\n    background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n\n    ${$maxWidth &&\n    css`\n      max-width: ${$maxWidth}px;\n      overflow-x: auto;\n    `}\n\n    ${$maxHeight &&\n    css`\n      max-height: ${$maxHeight}px;\n      overflow-y: auto;\n    `}\n\n    ${$stickyRows &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${$virtualized &&\n    css`\n      overflow: auto;\n    `}\n  `}\n`;\n\nexport const TableWrapper = forwardRef(\n  (\n    {\n      children,\n      maxHeight,\n      maxWidth,\n      stickyRows,\n      virtualized,\n      ...rest\n    }: ITableWrapperProps & ComponentPropsWithoutRef<'div'>,\n    ref: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined,\n  ) => (\n    <StyledTableWrapper\n      ref={ref}\n      $maxHeight={maxHeight}\n      $maxWidth={maxWidth}\n      $stickyRows={stickyRows}\n      $virtualized={virtualized}\n      {...rest}\n    >\n      {children}\n    </StyledTableWrapper>\n  ),\n);\n"],"names":["StyledTableWrapper","styled","$maxWidth","$maxHeight","$stickyRows","$virtualized","theme","css","Variables","TableWrapper","forwardRef","children","maxHeight","maxWidth","stickyRows","virtualized","rest","ref","jsx"],"mappings":"gQAQMA,EAAqBC,EAAAA,OAAO;AAAA,IAC9B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAY,YAAAC,EAAa,aAAAC,EAAc,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,wBAO7CD,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA,MAExFN,GACFK,EAAAA;AAAAA,mBACeL,CAAS;AAAA;AAAA,KAEvB;AAAA;AAAA,MAECC,GACFI,EAAAA;AAAAA,oBACgBJ,CAAU;AAAA;AAAA,KAEzB;AAAA;AAAA,MAECC,GACFG,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA,MAECF,GACFE,EAAAA;AAAAA;AAAAA,KAEC;AAAA,GACF;AAAA,EAGUE,EAAeC,EAAAA,WAC1B,CACE,CACE,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,GAAGC,CAAA,EAELC,IAEAC,EAAAA,IAAClB,EAAA,CACC,IAAAiB,EACA,WAAYL,EACZ,UAAWC,EACX,YAAaC,EACb,aAAcC,EACb,GAAGC,EAEH,SAAAL,CAAA,CAAA,CAGP"}
+{"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef, type RefObject } from 'react';\r\n\r\nimport { styled, css } from 'styled-components';\r\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme/types/layer';\r\n\r\nimport type { ITableWrapperProps } from './TableElements.types';\r\n\r\nconst StyledTableWrapper = styled.div<TransientAll<ITableWrapperProps>>`\r\n  ${({ $maxWidth, $maxHeight, $stickyRows, $virtualized, theme }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: auto;\r\n    background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n\r\n    ${$maxWidth &&\r\n    css`\r\n      max-width: ${$maxWidth}px;\r\n      overflow-x: auto;\r\n    `}\r\n\r\n    ${$maxHeight &&\r\n    css`\r\n      max-height: ${$maxHeight}px;\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${$stickyRows &&\r\n    css`\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${$virtualized &&\r\n    css`\r\n      overflow: auto;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const TableWrapper = forwardRef(\r\n  (\r\n    {\r\n      children,\r\n      maxHeight,\r\n      maxWidth,\r\n      stickyRows,\r\n      virtualized,\r\n      ...rest\r\n    }: ITableWrapperProps & ComponentPropsWithoutRef<'div'>,\r\n    ref: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined,\r\n  ) => (\r\n    <StyledTableWrapper\r\n      ref={ref}\r\n      $maxHeight={maxHeight}\r\n      $maxWidth={maxWidth}\r\n      $stickyRows={stickyRows}\r\n      $virtualized={virtualized}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </StyledTableWrapper>\r\n  ),\r\n);\r\n"],"names":["StyledTableWrapper","styled","$maxWidth","$maxHeight","$stickyRows","$virtualized","theme","css","Variables","TableWrapper","forwardRef","children","maxHeight","maxWidth","stickyRows","virtualized","rest","ref","jsx"],"mappings":"gQAQMA,EAAqBC,EAAAA,OAAO;AAAA,IAC9B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAY,YAAAC,EAAa,aAAAC,EAAc,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,wBAO7CD,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA,MAExFN,GACFK,EAAAA;AAAAA,mBACeL,CAAS;AAAA;AAAA,KAEvB;AAAA;AAAA,MAECC,GACFI,EAAAA;AAAAA,oBACgBJ,CAAU;AAAA;AAAA,KAEzB;AAAA;AAAA,MAECC,GACFG,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA,MAECF,GACFE,EAAAA;AAAAA;AAAAA,KAEC;AAAA,GACF;AAAA,EAGUE,EAAeC,EAAAA,WAC1B,CACE,CACE,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,GAAGC,CAAA,EAELC,IAEAC,EAAAA,IAAClB,EAAA,CACC,IAAAiB,EACA,WAAYL,EACZ,UAAWC,EACX,YAAaC,EACb,aAAcC,EACb,GAAGC,EAEH,SAAAL,CAAA,CAAA,CAGP"}

package/build/cjs/components/Table/consts/drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag.js","sources":["../../../../../src/components/Table/consts/drag.ts"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\n\nexport const NO_DRAG = <TData extends RowData, TValue = unknown>(): DragAndDropHookResult<TData, TValue> => ({\n  draggable: false,\n  Components: {\n    Provider: NOOP_COMPONENT,\n  },\n});\n"],"names":["NO_DRAG","NOOP_COMPONENT"],"mappings":"uKAKaA,EAAU,KAAsF,CAC3G,UAAW,GACX,WAAY,CACV,SAAUC,EAAAA,cAAA,CAEd"}
+{"version":3,"file":"drag.js","sources":["../../../../../src/components/Table/consts/drag.ts"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\r\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\r\n\r\nexport const NO_DRAG = <TData extends RowData, TValue = unknown>(): DragAndDropHookResult<TData, TValue> => ({\r\n  draggable: false,\r\n  Components: {\r\n    Provider: NOOP_COMPONENT,\r\n  },\r\n});\r\n"],"names":["NO_DRAG","NOOP_COMPONENT"],"mappings":"uKAKaA,EAAU,KAAsF,CAC3G,UAAW,GACX,WAAY,CACV,SAAUC,EAAAA,cAAA,CAEd"}

package/build/cjs/components/Table/features/sized.js.map

@@ -1 +1 @@
-{"version":3,"file":"sized.js","sources":["../../../../../src/components/Table/features/sized.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type, @typescript-eslint/no-unused-vars */\n// TypeScript setup for our new feature with all of the same type-safety as stock TanStack Table features\n// Expanded from the original code from https://tanstack.com/table/latest/docs/framework/react/examples/custom-features\n\nimport { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport {\n  functionalUpdate,\n  makeStateUpdater,\n  OnChangeFn,\n  RowData,\n  Table,\n  TableFeature,\n  Updater,\n} from '@tanstack/react-table';\n\n// define types for our new feature's custom state\nexport interface SizedTableState {\n  size: TableTypes.Size;\n}\n\n// define types for our new feature's table options\nexport interface SizeOptions {\n  onSizeChange?: OnChangeFn<TableTypes.Size>;\n}\n\n// Define types for our new feature's table APIs\nexport interface SizeInstance {\n  setSize: (updater: Updater<TableTypes.Size>) => void;\n}\n\n// Use declaration merging to add our new feature APIs and state types to TanStack Table's existing types.\ndeclare module '@tanstack/react-table' {\n  //merge our new feature's state with the existing table state\n  interface TableState extends SizedTableState {}\n  //merge our new feature's options with the existing table options\n  interface TableOptionsResolved<TData extends RowData> extends SizeOptions {}\n  //merge our new feature's instance APIs with the existing table instance APIs\n  interface Table<TData extends RowData> extends SizeInstance {}\n}\n\n// end of TS setup!\n\n// Here is all of the actual javascript code for our new feature\nexport const SizedFeature: TableFeature<{}> = {\n  // define the new feature's initial state\n  getInitialState: (state): SizedTableState => {\n    return {\n      size: 'medium',\n      ...state,\n    };\n  },\n\n  // define the new feature's default options\n  getDefaultOptions: <TData extends RowData>(table: Table<TData>): SizeOptions => {\n    return {\n      onSizeChange: makeStateUpdater('size', table),\n    };\n  },\n\n  createTable: <TData extends RowData>(table: Table<TData>): void => {\n    table.setSize = (updater) => {\n      const safeUpdater: Updater<TableTypes.Size> = (old) => functionalUpdate(updater, old);\n\n      return table.options.onSizeChange?.(safeUpdater);\n    };\n  },\n};\n"],"names":["SizedFeature","state","table","makeStateUpdater","updater","safeUpdater","old","functionalUpdate"],"mappings":"qJA2CaA,EAAiC,CAE5C,gBAAkBC,IACT,CACL,KAAM,SACN,GAAGA,CAAA,GAKP,kBAA2CC,IAClC,CACL,aAAcC,EAAAA,iBAAiB,OAAQD,CAAK,CAAA,GAIhD,YAAqCA,GAA8B,CACjEA,EAAM,QAAWE,GAAY,CAC3B,MAAMC,EAAyCC,GAAQC,EAAAA,iBAAiBH,EAASE,CAAG,EAEpF,OAAOJ,EAAM,QAAQ,eAAeG,CAAW,CACjD,CACF,CACF"}
+{"version":3,"file":"sized.js","sources":["../../../../../src/components/Table/features/sized.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type, @typescript-eslint/no-unused-vars */\r\n// TypeScript setup for our new feature with all of the same type-safety as stock TanStack Table features\r\n// Expanded from the original code from https://tanstack.com/table/latest/docs/framework/react/examples/custom-features\r\n\r\nimport { TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\nimport {\r\n  functionalUpdate,\r\n  makeStateUpdater,\r\n  OnChangeFn,\r\n  RowData,\r\n  Table,\r\n  TableFeature,\r\n  Updater,\r\n} from '@tanstack/react-table';\r\n\r\n// define types for our new feature's custom state\r\nexport interface SizedTableState {\r\n  size: TableTypes.Size;\r\n}\r\n\r\n// define types for our new feature's table options\r\nexport interface SizeOptions {\r\n  onSizeChange?: OnChangeFn<TableTypes.Size>;\r\n}\r\n\r\n// Define types for our new feature's table APIs\r\nexport interface SizeInstance {\r\n  setSize: (updater: Updater<TableTypes.Size>) => void;\r\n}\r\n\r\n// Use declaration merging to add our new feature APIs and state types to TanStack Table's existing types.\r\ndeclare module '@tanstack/react-table' {\r\n  //merge our new feature's state with the existing table state\r\n  interface TableState extends SizedTableState {}\r\n  //merge our new feature's options with the existing table options\r\n  interface TableOptionsResolved<TData extends RowData> extends SizeOptions {}\r\n  //merge our new feature's instance APIs with the existing table instance APIs\r\n  interface Table<TData extends RowData> extends SizeInstance {}\r\n}\r\n\r\n// end of TS setup!\r\n\r\n// Here is all of the actual javascript code for our new feature\r\nexport const SizedFeature: TableFeature<{}> = {\r\n  // define the new feature's initial state\r\n  getInitialState: (state): SizedTableState => {\r\n    return {\r\n      size: 'medium',\r\n      ...state,\r\n    };\r\n  },\r\n\r\n  // define the new feature's default options\r\n  getDefaultOptions: <TData extends RowData>(table: Table<TData>): SizeOptions => {\r\n    return {\r\n      onSizeChange: makeStateUpdater('size', table),\r\n    };\r\n  },\r\n\r\n  createTable: <TData extends RowData>(table: Table<TData>): void => {\r\n    table.setSize = (updater) => {\r\n      const safeUpdater: Updater<TableTypes.Size> = (old) => functionalUpdate(updater, old);\r\n\r\n      return table.options.onSizeChange?.(safeUpdater);\r\n    };\r\n  },\r\n};\r\n"],"names":["SizedFeature","state","table","makeStateUpdater","updater","safeUpdater","old","functionalUpdate"],"mappings":"qJA2CaA,EAAiC,CAE5C,gBAAkBC,IACT,CACL,KAAM,SACN,GAAGA,CAAA,GAKP,kBAA2CC,IAClC,CACL,aAAcC,EAAAA,iBAAiB,OAAQD,CAAK,CAAA,GAIhD,YAAqCA,GAA8B,CACjEA,EAAM,QAAWE,GAAY,CAC3B,MAAMC,EAAyCC,GAAQC,EAAAA,iBAAiBH,EAASE,CAAG,EAEpF,OAAOJ,EAAM,QAAQ,eAAeG,CAAW,CACjD,CACF,CACF"}

package/build/cjs/components/Table/hooks/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ITableProps } from '../Table.types';\n\nexport const TableContext = createContext<ITableProps | null>(null);\n\nexport const useTable = () => {\n  const tabData = useContext(TableContext);\n\n  if (tabData === null) {\n    throw Error('A table must have a Table parent');\n  }\n\n  return tabData;\n};\n"],"names":["TableContext","createContext","useTable","tabData","useContext"],"mappings":"qIAIaA,EAAeC,EAAAA,cAAkC,IAAI,EAErDC,EAAW,IAAM,CAC5B,MAAMC,EAAUC,EAAAA,WAAWJ,CAAY,EAEvC,GAAIG,IAAY,KACd,MAAM,MAAM,kCAAkC,EAGhD,OAAOA,CACT"}
+{"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nimport type { ITableProps } from '../Table.types';\r\n\r\nexport const TableContext = createContext<ITableProps | null>(null);\r\n\r\nexport const useTable = () => {\r\n  const tabData = useContext(TableContext);\r\n\r\n  if (tabData === null) {\r\n    throw Error('A table must have a Table parent');\r\n  }\r\n\r\n  return tabData;\r\n};\r\n"],"names":["TableContext","createContext","useTable","tabData","useContext"],"mappings":"qIAIaA,EAAeC,EAAAA,cAAkC,IAAI,EAErDC,EAAW,IAAM,CAC5B,MAAMC,EAAUC,EAAAA,WAAWJ,CAAY,EAEvC,GAAIG,IAAY,KACd,MAAM,MAAM,kCAAkC,EAGhD,OAAOA,CACT"}

package/build/cjs/components/Table/hooks/useVirtualized.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualized.js","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Table } from '@tanstack/react-table';\nimport { TableConsts } from 'acinguiux-ds-react-base/components/Table';\n\nexport const EmptyRow = ({ padding }: { padding: number }) =>\n  padding > 0 && (\n    <tr>\n      <td style={{ height: `${padding}px` }} aria-label=\"hidden row\" aria-hidden={true} />\n    </tr>\n  );\n\nconst DEFAULT_ROW_HEIGHT = 30;\n\nexport const useVirtualized = <T,>(table: Table<T>) => {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n  const { rows } = table.getRowModel();\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => tableContainerRef.current,\n    estimateSize: () =>\n      table.getState().size ? TableConsts.consts[table.getState().size].cell.height : DEFAULT_ROW_HEIGHT,\n    overscan: 10,\n  });\n\n  const { getVirtualItems, getTotalSize } = rowVirtualizer;\n  const virtualRows = getVirtualItems();\n  const totalSize = getTotalSize();\n\n  const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;\n  const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0) : 0;\n\n  return {\n    virtualRows,\n    rows,\n    tableContainerRef,\n    paddingTop,\n    paddingBottom,\n    EmptyRow,\n  };\n};\n"],"names":["EmptyRow","padding","jsx","DEFAULT_ROW_HEIGHT","useVirtualized","table","tableContainerRef","useRef","rows","rowVirtualizer","useVirtualizer","TableConsts.consts","getVirtualItems","getTotalSize","virtualRows","totalSize","paddingTop","paddingBottom"],"mappings":"+QAMaA,EAAW,CAAC,CAAE,QAAAC,CAAA,IACzBA,EAAU,GACRC,EAAAA,IAAC,KAAA,CACC,SAAAA,EAAAA,IAAC,KAAA,CAAG,MAAO,CAAE,OAAQ,GAAGD,CAAO,MAAQ,aAAW,aAAa,cAAa,EAAA,CAAM,CAAA,CACpF,EAGEE,EAAqB,GAEdC,EAAsBC,GAAoB,CACrD,MAAMC,EAAoBC,EAAAA,OAAuB,IAAI,EAC/C,CAAE,KAAAC,CAAA,EAASH,EAAM,YAAA,EACjBI,EAAiBC,EAAAA,eAAe,CACpC,MAAOF,EAAK,OACZ,iBAAkB,IAAMF,EAAkB,QAC1C,aAAc,IACZD,EAAM,SAAA,EAAW,KAAOM,EAAAA,OAAmBN,EAAM,SAAA,EAAW,IAAI,EAAE,KAAK,OAASF,EAClF,SAAU,EAAA,CACX,EAEK,CAAE,gBAAAS,EAAiB,aAAAC,CAAA,EAAiBJ,EACpCK,EAAcF,EAAA,EACdG,EAAYF,EAAA,EAEZG,EAAaF,EAAY,OAAS,GAAIA,IAAc,CAAC,GAAG,OAAS,EACjEG,EAAgBH,EAAY,OAAS,EAAIC,GAAaD,IAAcA,EAAY,OAAS,CAAC,GAAG,KAAO,GAAK,EAE/G,MAAO,CACL,YAAAA,EACA,KAAAN,EACA,kBAAAF,EACA,WAAAU,EACA,cAAAC,EACA,SAAAjB,CAAA,CAEJ"}
+{"version":3,"file":"useVirtualized.js","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"sourcesContent":["import { useRef } from 'react';\r\n\r\nimport { useVirtualizer } from '@tanstack/react-virtual';\r\nimport type { Table } from '@tanstack/react-table';\r\nimport { TableConsts } from 'acinguiux-ds-react-base/components/Table';\r\n\r\nexport const EmptyRow = ({ padding }: { padding: number }) =>\r\n  padding > 0 && (\r\n    <tr>\r\n      <td style={{ height: `${padding}px` }} aria-label=\"hidden row\" aria-hidden={true} />\r\n    </tr>\r\n  );\r\n\r\nconst DEFAULT_ROW_HEIGHT = 30;\r\n\r\nexport const useVirtualized = <T,>(table: Table<T>) => {\r\n  const tableContainerRef = useRef<HTMLDivElement>(null);\r\n  const { rows } = table.getRowModel();\r\n  const rowVirtualizer = useVirtualizer({\r\n    count: rows.length,\r\n    getScrollElement: () => tableContainerRef.current,\r\n    estimateSize: () =>\r\n      table.getState().size ? TableConsts.consts[table.getState().size].cell.height : DEFAULT_ROW_HEIGHT,\r\n    overscan: 10,\r\n  });\r\n\r\n  const { getVirtualItems, getTotalSize } = rowVirtualizer;\r\n  const virtualRows = getVirtualItems();\r\n  const totalSize = getTotalSize();\r\n\r\n  const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;\r\n  const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0) : 0;\r\n\r\n  return {\r\n    virtualRows,\r\n    rows,\r\n    tableContainerRef,\r\n    paddingTop,\r\n    paddingBottom,\r\n    EmptyRow,\r\n  };\r\n};\r\n"],"names":["EmptyRow","padding","jsx","DEFAULT_ROW_HEIGHT","useVirtualized","table","tableContainerRef","useRef","rows","rowVirtualizer","useVirtualizer","TableConsts.consts","getVirtualItems","getTotalSize","virtualRows","totalSize","paddingTop","paddingBottom"],"mappings":"+QAMaA,EAAW,CAAC,CAAE,QAAAC,CAAA,IACzBA,EAAU,GACRC,EAAAA,IAAC,KAAA,CACC,SAAAA,EAAAA,IAAC,KAAA,CAAG,MAAO,CAAE,OAAQ,GAAGD,CAAO,MAAQ,aAAW,aAAa,cAAa,EAAA,CAAM,CAAA,CACpF,EAGEE,EAAqB,GAEdC,EAAsBC,GAAoB,CACrD,MAAMC,EAAoBC,EAAAA,OAAuB,IAAI,EAC/C,CAAE,KAAAC,CAAA,EAASH,EAAM,YAAA,EACjBI,EAAiBC,EAAAA,eAAe,CACpC,MAAOF,EAAK,OACZ,iBAAkB,IAAMF,EAAkB,QAC1C,aAAc,IACZD,EAAM,SAAA,EAAW,KAAOM,EAAAA,OAAmBN,EAAM,SAAA,EAAW,IAAI,EAAE,KAAK,OAASF,EAClF,SAAU,EAAA,CACX,EAEK,CAAE,gBAAAS,EAAiB,aAAAC,CAAA,EAAiBJ,EACpCK,EAAcF,EAAA,EACdG,EAAYF,EAAA,EAEZG,EAAaF,EAAY,OAAS,GAAIA,IAAc,CAAC,GAAG,OAAS,EACjEG,EAAgBH,EAAY,OAAS,EAAIC,GAAaD,IAAcA,EAAY,OAAS,CAAC,GAAG,KAAO,GAAK,EAE/G,MAAO,CACL,YAAAA,EACA,KAAAN,EACA,kBAAAF,EACA,WAAAU,EACA,cAAAC,EACA,SAAAjB,CAAA,CAEJ"}

package/build/cjs/components/Table/utils/baseTableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseTableUtils.js","sources":["../../../../../src/components/Table/utils/baseTableUtils.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport type { Table, Header, Cell, Column, RowData } from '@tanstack/react-table';\n\nimport type { BaseTableOptions } from '../components/BaseTable/BaseTable.types';\nimport { type ITableHeaderProps, type ITableCellProps } from '../components/TableElements/TableElements.types';\n\nexport const hasHeader = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\n  table\n    .getHeaderGroups()\n    .map((headerGroup) => headerGroup.headers.filter((headerItem) => headerItem.column.columnDef.header))[0] &&\n  !options?.noHeader;\n\nexport const hasFooter = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\n  table\n    .getFooterGroups()\n    .map((footerGroup) => footerGroup?.headers?.filter(({ column }) => column?.columnDef?.footer))[0]?.length > 0 &&\n  !options?.noFooter;\n\nexport const cellPinningProps = <TData extends RowData, TValue = unknown>(\n  column?: Column<TData, TValue>,\n): Pick<ITableCellProps, 'isPinned' | 'width' | 'pinAnchorOffset'> => {\n  const isPinned = column?.getIsPinned();\n\n  return {\n    ...(column &&\n      isPinned && {\n        isPinned,\n        width: `calc(var(--col-${column?.id}-size) * 1px)`,\n        pinAnchorOffset: isPinned === 'left' ? column.getStart(isPinned) : column.getAfter(isPinned),\n      }),\n  };\n};\n\nconst cellHighlightProps = <TData extends RowData, TValue = unknown>(\n  cell: Cell<TData, TValue>,\n  highlight?: ITableHeaderProps<TData, TValue>['highlight'],\n): Pick<ITableCellProps, 'highlight'> => {\n  const highlightValue = typeof highlight === 'function' ? highlight(cell.getContext()) : highlight;\n\n  if (highlightValue) {\n    return { highlight: highlightValue };\n  }\n\n  return {};\n};\n\nexport const headerCellProps = <TData extends RowData, TValue = unknown>(\n  header: Header<TData, TValue>,\n): Pick<ITableCellProps, 'highlight' | 'isPinned' | 'pinAnchorOffset' | 'alignment'> &\n  ComponentPropsWithoutRef<'th'> => {\n  const { column, colSpan } = header;\n  const { alignment } = header.column.columnDef;\n\n  return {\n    alignment,\n    colSpan,\n    width: `calc(var(--header-${header.id}-size) * 1px)`,\n    ...cellPinningProps(column),\n  };\n};\n\nexport const bodyCellProps = <TData extends RowData, TValue = unknown>(\n  cell: Cell<TData, TValue>,\n): Pick<ITableCellProps, 'highlight' | 'isPinned' | 'pinAnchorOffset' | 'alignment'> => {\n  const { column } = cell;\n  const { highlight, alignment } = column.columnDef;\n\n  return {\n    alignment,\n    width: `calc(var(--col-${column?.id}-size) * 1px)`,\n    ...cellHighlightProps(cell, highlight),\n    ...cellPinningProps(column),\n  };\n};\n"],"names":["hasHeader","table","options","headerGroup","headerItem","hasFooter","footerGroup","column","cellPinningProps","isPinned","cellHighlightProps","cell","highlight","highlightValue","headerCellProps","header","colSpan","alignment","bodyCellProps"],"mappings":"4GAOO,MAAMA,EAAY,CAAwBC,EAAqBC,IACpED,EACG,kBACA,IAAKE,GAAgBA,EAAY,QAAQ,OAAQC,GAAeA,EAAW,OAAO,UAAU,MAAM,CAAC,EAAE,CAAC,GACzG,CAACF,GAAS,SAECG,EAAY,CAAwBJ,EAAqBC,IACpED,EACG,kBACA,IAAKK,GAAgBA,GAAa,SAAS,OAAO,CAAC,CAAE,OAAAC,CAAA,IAAaA,GAAQ,WAAW,MAAM,CAAC,EAAE,CAAC,GAAG,OAAS,GAC9G,CAACL,GAAS,SAECM,EACXD,GACoE,CACpE,MAAME,EAAWF,GAAQ,YAAA,EAEzB,MAAO,CACL,GAAIA,GACFE,GAAY,CACV,SAAAA,EACA,MAAO,kBAAkBF,GAAQ,EAAE,gBACnC,gBAAiBE,IAAa,OAASF,EAAO,SAASE,CAAQ,EAAIF,EAAO,SAASE,CAAQ,CAAA,CAC7F,CAEN,EAEMC,EAAqB,CACzBC,EACAC,IACuC,CACvC,MAAMC,EAAiB,OAAOD,GAAc,WAAaA,EAAUD,EAAK,WAAA,CAAY,EAAIC,EAExF,OAAIC,EACK,CAAE,UAAWA,CAAA,EAGf,CAAA,CACT,EAEaC,EACXC,GAEkC,CAClC,KAAM,CAAE,OAAAR,EAAQ,QAAAS,CAAA,EAAYD,EACtB,CAAE,UAAAE,CAAA,EAAcF,EAAO,OAAO,UAEpC,MAAO,CACL,UAAAE,EACA,QAAAD,EACA,MAAO,qBAAqBD,EAAO,EAAE,gBACrC,GAAGP,EAAiBD,CAAM,CAAA,CAE9B,EAEaW,EACXP,GACsF,CACtF,KAAM,CAAE,OAAAJ,GAAWI,EACb,CAAE,UAAAC,EAAW,UAAAK,CAAA,EAAcV,EAAO,UAExC,MAAO,CACL,UAAAU,EACA,MAAO,kBAAkBV,GAAQ,EAAE,gBACnC,GAAGG,EAAmBC,EAAMC,CAAS,EACrC,GAAGJ,EAAiBD,CAAM,CAAA,CAE9B"}
+{"version":3,"file":"baseTableUtils.js","sources":["../../../../../src/components/Table/utils/baseTableUtils.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\r\n\r\nimport type { Table, Header, Cell, Column, RowData } from '@tanstack/react-table';\r\n\r\nimport type { BaseTableOptions } from '../components/BaseTable/BaseTable.types';\r\nimport { type ITableHeaderProps, type ITableCellProps } from '../components/TableElements/TableElements.types';\r\n\r\nexport const hasHeader = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\r\n  table\r\n    .getHeaderGroups()\r\n    .map((headerGroup) => headerGroup.headers.filter((headerItem) => headerItem.column.columnDef.header))[0] &&\r\n  !options?.noHeader;\r\n\r\nexport const hasFooter = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\r\n  table\r\n    .getFooterGroups()\r\n    .map((footerGroup) => footerGroup?.headers?.filter(({ column }) => column?.columnDef?.footer))[0]?.length > 0 &&\r\n  !options?.noFooter;\r\n\r\nexport const cellPinningProps = <TData extends RowData, TValue = unknown>(\r\n  column?: Column<TData, TValue>,\r\n): Pick<ITableCellProps, 'isPinned' | 'width' | 'pinAnchorOffset'> => {\r\n  const isPinned = column?.getIsPinned();\r\n\r\n  return {\r\n    ...(column &&\r\n      isPinned && {\r\n        isPinned,\r\n        width: `calc(var(--col-${column?.id}-size) * 1px)`,\r\n        pinAnchorOffset: isPinned === 'left' ? column.getStart(isPinned) : column.getAfter(isPinned),\r\n      }),\r\n  };\r\n};\r\n\r\nconst cellHighlightProps = <TData extends RowData, TValue = unknown>(\r\n  cell: Cell<TData, TValue>,\r\n  highlight?: ITableHeaderProps<TData, TValue>['highlight'],\r\n): Pick<ITableCellProps, 'highlight'> => {\r\n  const highlightValue = typeof highlight === 'function' ? highlight(cell.getContext()) : highlight;\r\n\r\n  if (highlightValue) {\r\n    return { highlight: highlightValue };\r\n  }\r\n\r\n  return {};\r\n};\r\n\r\nexport const headerCellProps = <TData extends RowData, TValue = unknown>(\r\n  header: Header<TData, TValue>,\r\n): Pick<ITableCellProps, 'highlight' | 'isPinned' | 'pinAnchorOffset' | 'alignment'> &\r\n  ComponentPropsWithoutRef<'th'> => {\r\n  const { column, colSpan } = header;\r\n  const { alignment } = header.column.columnDef;\r\n\r\n  return {\r\n    alignment,\r\n    colSpan,\r\n    width: `calc(var(--header-${header.id}-size) * 1px)`,\r\n    ...cellPinningProps(column),\r\n  };\r\n};\r\n\r\nexport const bodyCellProps = <TData extends RowData, TValue = unknown>(\r\n  cell: Cell<TData, TValue>,\r\n): Pick<ITableCellProps, 'highlight' | 'isPinned' | 'pinAnchorOffset' | 'alignment'> => {\r\n  const { column } = cell;\r\n  const { highlight, alignment } = column.columnDef;\r\n\r\n  return {\r\n    alignment,\r\n    width: `calc(var(--col-${column?.id}-size) * 1px)`,\r\n    ...cellHighlightProps(cell, highlight),\r\n    ...cellPinningProps(column),\r\n  };\r\n};\r\n"],"names":["hasHeader","table","options","headerGroup","headerItem","hasFooter","footerGroup","column","cellPinningProps","isPinned","cellHighlightProps","cell","highlight","highlightValue","headerCellProps","header","colSpan","alignment","bodyCellProps"],"mappings":"4GAOO,MAAMA,EAAY,CAAwBC,EAAqBC,IACpED,EACG,kBACA,IAAKE,GAAgBA,EAAY,QAAQ,OAAQC,GAAeA,EAAW,OAAO,UAAU,MAAM,CAAC,EAAE,CAAC,GACzG,CAACF,GAAS,SAECG,EAAY,CAAwBJ,EAAqBC,IACpED,EACG,kBACA,IAAKK,GAAgBA,GAAa,SAAS,OAAO,CAAC,CAAE,OAAAC,CAAA,IAAaA,GAAQ,WAAW,MAAM,CAAC,EAAE,CAAC,GAAG,OAAS,GAC9G,CAACL,GAAS,SAECM,EACXD,GACoE,CACpE,MAAME,EAAWF,GAAQ,YAAA,EAEzB,MAAO,CACL,GAAIA,GACFE,GAAY,CACV,SAAAA,EACA,MAAO,kBAAkBF,GAAQ,EAAE,gBACnC,gBAAiBE,IAAa,OAASF,EAAO,SAASE,CAAQ,EAAIF,EAAO,SAASE,CAAQ,CAAA,CAC7F,CAEN,EAEMC,EAAqB,CACzBC,EACAC,IACuC,CACvC,MAAMC,EAAiB,OAAOD,GAAc,WAAaA,EAAUD,EAAK,WAAA,CAAY,EAAIC,EAExF,OAAIC,EACK,CAAE,UAAWA,CAAA,EAGf,CAAA,CACT,EAEaC,EACXC,GAEkC,CAClC,KAAM,CAAE,OAAAR,EAAQ,QAAAS,CAAA,EAAYD,EACtB,CAAE,UAAAE,CAAA,EAAcF,EAAO,OAAO,UAEpC,MAAO,CACL,UAAAE,EACA,QAAAD,EACA,MAAO,qBAAqBD,EAAO,EAAE,gBACrC,GAAGP,EAAiBD,CAAM,CAAA,CAE9B,EAEaW,EACXP,GACsF,CACtF,KAAM,CAAE,OAAAJ,GAAWI,EACb,CAAE,UAAAC,EAAW,UAAAK,CAAA,EAAcV,EAAO,UAExC,MAAO,CACL,UAAAU,EACA,MAAO,kBAAkBV,GAAQ,EAAE,gBACnC,GAAGG,EAAmBC,EAAMC,CAAS,EACrC,GAAGJ,EAAiBD,CAAM,CAAA,CAE9B"}