npm - acinguiux-ds-react-framework - Versions diffs - 0.1.25 → 0.1.27 - Mend

acinguiux-ds-react-framework 0.1.25 → 0.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4355) hide show

package/build/esm/components/Table/components/BaseTable/BaseTableVirtualised.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTableVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableVirtualised.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport TableHeader from './TableHeader';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\nimport { SizedFeature } from '../../features/sized';\nimport { useVirtualized } from '../../hooks/useVirtualized';\nimport TableBodyVirtualised from './TableBodyVirtualised';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableVirtualised = <TData extends RowData, TValue = unknown>({\n data = defaultData,\n columns,\n tableOptions,\n emptyStateProps,\n size = Sizes.Medium,\n ...props\n}: IBaseTableProps<TData, TValue>) => {\n const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n const [columnOrder, setColumnOrder] = useState<string[]>(\n () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n );\n const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n const onColumnOrderChangeHandler = useCallback(\n (newColumnOrder: Updater<ColumnOrderState>) => {\n setColumnOrder(newColumnOrder);\n tableOptions?.onColumnOrderChange?.(newColumnOrder);\n },\n [tableOptions],\n );\n\n const onSizeChangeHandler = useCallback(\n (newSize: Updater<TableTypes.Size>) => {\n setTableSize(newSize);\n tableOptions?.onSizeChange?.(newSize);\n },\n [tableOptions],\n );\n\n const table = useReactTable({\n _features: [SizedFeature],\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n defaultColumn: {\n minSize: 50,\n },\n // tanstack enables rows selection by default\n enableRowSelection: false,\n ...tableOptions,\n state: {\n ...tableOptions?.state,\n columnOrder,\n size: tableSize,\n },\n onColumnOrderChange: onColumnOrderChangeHandler,\n onSizeChange: onSizeChangeHandler,\n });\n\n const { tableContainerRef, virtualRows, rows, paddingTop, paddingBottom } = useVirtualized(table);\n\n const options = {\n noHeader: tableOptions?.noHeader,\n noFooter: tableOptions?.noFooter,\n maxWidth: tableOptions?.maxWidth,\n maxHeight: tableOptions?.maxHeight,\n columnSized: tableOptions?.columnSized \|\| tableOptions?.useColumnsSizing,\n stickyHeader: tableOptions?.stickyHeader,\n stickyFooter: tableOptions?.stickyFooter,\n numericTypes: tableOptions?.numericTypes,\n highlight: tableOptions?.highlight,\n paginationKind: tableOptions?.paginationKind,\n pinningOptions: tableOptions?.pinningOptions,\n disableRowHover: tableOptions?.disableRowHover,\n columnPinning: tableOptions?.enableColumnPinning,\n pagination: !!tableOptions?.getPaginationRowModel,\n columnResizing: tableOptions?.enableColumnResizing,\n columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n };\n\n const DraggableCtx = useDraggable(table, data);\n\n const emptyStateProperties = emptyStateProps ?? {\n pictogram: <BarChartTypeColourTint />,\n title: 'Title here',\n description: 'This should be a clear and concise description.',\n };\n\n const columnSizeVars = useMemo(() => {\n const headers = table.getFlatHeaders();\n const colSizes: { [key: string]: number } = {};\n headers.forEach((header) => {\n colSizes[`--header-${header.id}-size`] = header.getSize();\n colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n });\n\n return colSizes;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n const wrapperProps = {\n ...(options.maxHeight && { maxHeight: options.maxHeight }),\n ...(options.maxWidth && { maxWidth: options.maxWidth }),\n ...((options.stickyHeader \|\| options.stickyFooter) && {\n stickyRows: options.stickyHeader \|\| options.stickyFooter,\n }),\n };\n\n const isEmpty = table.getRowCount() === 0;\n\n return (\n <>\n {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps} ref={tableContainerRef}>\n <DraggableCtx.Components.Provider>\n <Table\n {...rest}\n empty={isEmpty}\n size={size}\n style={{ width: tableOptions?.columnSized ? table.getTotalSize() : '100%', ...columnSizeVars }}\n >\n <TableHeader\n {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n table={table}\n options={options}\n />\n <TableBodyVirtualised\n paddingTop={paddingTop}\n paddingBottom={paddingBottom}\n virtualRows={virtualRows}\n rows={rows}\n {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n table={table}\n options={options}\n emptyStateProps={emptyStateProperties}\n />\n <TableFooter table={table} options={options} />\n </Table>\n </DraggableCtx.Components.Provider>\n <BaseTablePagination table={table} options={options} />\n </TableWrapper>\n </>\n );\n};\n\nexport default BaseTableVirtualised;\n"],"names":["defaultData","BaseTableVirtualised","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","tableContainerRef","virtualRows","rows","paddingTop","paddingBottom","useVirtualized","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBodyVirtualised","isRowDraggable","TableFooter","BaseTablePagination"],"mappings":"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"}
1	+ {"version":3,"file":"BaseTableVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableVirtualised.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\r\n\r\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\r\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\n\r\nimport Table from '../../Table';\r\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\r\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\r\nimport TableHeader from './TableHeader';\r\nimport TableFooter from './TableFooter';\r\nimport { TableWrapper } from '../TableElements/TableWrapper';\r\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\r\nimport BaseTablePagination from './BaseTablePagination';\r\nimport { SizedFeature } from '../../features/sized';\r\nimport { useVirtualized } from '../../hooks/useVirtualized';\r\nimport TableBodyVirtualised from './TableBodyVirtualised';\r\nimport { NO_DRAG } from '../../consts/drag';\r\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\r\n\r\nconst defaultData = [] as never[];\r\n\r\nconst BaseTableVirtualised = <TData extends RowData, TValue = unknown>({\r\n data = defaultData,\r\n columns,\r\n tableOptions,\r\n emptyStateProps,\r\n size = Sizes.Medium,\r\n ...props\r\n}: IBaseTableProps<TData, TValue>) => {\r\n const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\r\n const [columnOrder, setColumnOrder] = useState<string[]>(\r\n () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\r\n );\r\n const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\r\n\r\n const onColumnOrderChangeHandler = useCallback(\r\n (newColumnOrder: Updater<ColumnOrderState>) => {\r\n setColumnOrder(newColumnOrder);\r\n tableOptions?.onColumnOrderChange?.(newColumnOrder);\r\n },\r\n [tableOptions],\r\n );\r\n\r\n const onSizeChangeHandler = useCallback(\r\n (newSize: Updater<TableTypes.Size>) => {\r\n setTableSize(newSize);\r\n tableOptions?.onSizeChange?.(newSize);\r\n },\r\n [tableOptions],\r\n );\r\n\r\n const table = useReactTable({\r\n _features: [SizedFeature],\r\n data,\r\n columns,\r\n getCoreRowModel: getCoreRowModel(),\r\n defaultColumn: {\r\n minSize: 50,\r\n },\r\n // tanstack enables rows selection by default\r\n enableRowSelection: false,\r\n ...tableOptions,\r\n state: {\r\n ...tableOptions?.state,\r\n columnOrder,\r\n size: tableSize,\r\n },\r\n onColumnOrderChange: onColumnOrderChangeHandler,\r\n onSizeChange: onSizeChangeHandler,\r\n });\r\n\r\n const { tableContainerRef, virtualRows, rows, paddingTop, paddingBottom } = useVirtualized(table);\r\n\r\n const options = {\r\n noHeader: tableOptions?.noHeader,\r\n noFooter: tableOptions?.noFooter,\r\n maxWidth: tableOptions?.maxWidth,\r\n maxHeight: tableOptions?.maxHeight,\r\n columnSized: tableOptions?.columnSized \|\| tableOptions?.useColumnsSizing,\r\n stickyHeader: tableOptions?.stickyHeader,\r\n stickyFooter: tableOptions?.stickyFooter,\r\n numericTypes: tableOptions?.numericTypes,\r\n highlight: tableOptions?.highlight,\r\n paginationKind: tableOptions?.paginationKind,\r\n pinningOptions: tableOptions?.pinningOptions,\r\n disableRowHover: tableOptions?.disableRowHover,\r\n columnPinning: tableOptions?.enableColumnPinning,\r\n pagination: !!tableOptions?.getPaginationRowModel,\r\n columnResizing: tableOptions?.enableColumnResizing,\r\n columnVisibility: !!tableOptions?.onColumnVisibilityChange,\r\n columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\r\n sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\r\n };\r\n\r\n const DraggableCtx = useDraggable(table, data);\r\n\r\n const emptyStateProperties = emptyStateProps ?? {\r\n pictogram: <BarChartTypeColourTint />,\r\n title: 'Title here',\r\n description: 'This should be a clear and concise description.',\r\n };\r\n\r\n const columnSizeVars = useMemo(() => {\r\n const headers = table.getFlatHeaders();\r\n const colSizes: { [key: string]: number } = {};\r\n headers.forEach((header) => {\r\n colSizes[`--header-${header.id}-size`] = header.getSize();\r\n colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\r\n });\r\n\r\n return colSizes;\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\r\n\r\n const wrapperProps = {\r\n ...(options.maxHeight && { maxHeight: options.maxHeight }),\r\n ...(options.maxWidth && { maxWidth: options.maxWidth }),\r\n ...((options.stickyHeader \|\| options.stickyFooter) && {\r\n stickyRows: options.stickyHeader \|\| options.stickyFooter,\r\n }),\r\n };\r\n\r\n const isEmpty = table.getRowCount() === 0;\r\n\r\n return (\r\n <>\r\n {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\r\n <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps} ref={tableContainerRef}>\r\n <DraggableCtx.Components.Provider>\r\n <Table\r\n {...rest}\r\n empty={isEmpty}\r\n size={size}\r\n style={{ width: tableOptions?.columnSized ? table.getTotalSize() : '100%', ...columnSizeVars }}\r\n >\r\n <TableHeader\r\n {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\r\n table={table}\r\n options={options}\r\n />\r\n <TableBodyVirtualised\r\n paddingTop={paddingTop}\r\n paddingBottom={paddingBottom}\r\n virtualRows={virtualRows}\r\n rows={rows}\r\n {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\r\n table={table}\r\n options={options}\r\n emptyStateProps={emptyStateProperties}\r\n />\r\n <TableFooter table={table} options={options} />\r\n </Table>\r\n </DraggableCtx.Components.Provider>\r\n <BaseTablePagination table={table} options={options} />\r\n </TableWrapper>\r\n </>\r\n );\r\n};\r\n\r\nexport default BaseTableVirtualised;\r\n"],"names":["defaultData","BaseTableVirtualised","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","tableContainerRef","virtualRows","rows","paddingTop","paddingBottom","useVirtualized","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBodyVirtualised","isRowDraggable","TableFooter","BaseTablePagination"],"mappings":"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"}

package/build/esm/components/Table/components/BaseTable/Cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/BaseTable/Cell.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender, type RowData } from '@tanstack/react-table';\n\nimport type { FlexboxJustifyContent } from 'components/Flexbox/Flexbox.types';\n\nimport type { ICellElementProps } from './BaseTable.types';\nimport { Td } from '../TableElements/TableElements';\nimport { bodyCellProps } from '../../utils/baseTableUtils';\nimport { NumericCell } from '../TableElements/NumericCell';\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Expander } from '../TableElements/Expander';\n\nexport const Cell = <TData extends RowData, TValue = unknown>({\n cell,\n options,\n row,\n table,\n prefix,\n}: ICellElementProps<TData, TValue> & {\n prefix?: React.ReactNode;\n}) => {\n const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\n const { alignment } = cell.column.columnDef;\n\n const isAnyRowsExpandable = useMemo(() => table.getCanSomeRowsExpand(), [table]);\n\n return (\n <Td {...bodyCellProps(cell)}>\n <Flexbox alignItems=\"center\" flexGrow={1}>\n {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 && (\n <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} />\n )}\n {prefix}\n <Expander expandable={Boolean(cell.column.getIndex() === 0) && isAnyRowsExpandable} row={row}>\n <Flexbox\n flexGrow={1}\n alignItems=\"center\"\n justifyContent={(alignment as FlexboxJustifyContent) ?? 'space-between'}\n >\n {options.numericTypes?.includes(cell?.column.id as keyof TData) ? (\n <NumericCell>{cellContent}</NumericCell>\n ) : (\n cellContent\n )}\n </Flexbox>\n </Expander>\n </Flexbox>\n </Td>\n );\n};\n"],"names":["Cell","cell","options","row","table","prefix","cellContent","flexRender","alignment","isAnyRowsExpandable","useMemo","jsx","Td","bodyCellProps","jsxs","Flexbox","SelectionCheckbox","Expander","NumericCell"],"mappings":";;;;;;;;;AAcO,MAAMA,IAAO,CAA0C;AAAA,EAC5D,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF,MAEM;AACJ,QAAMC,IAAcC,EAAWN,EAAK,OAAO,UAAU,MAAMA,EAAK,YAAY,GACtE,EAAE,WAAAO,EAAA,IAAcP,EAAK,OAAO,WAE5BQ,IAAsBC,EAAQ,MAAMN,EAAM,wBAAwB,CAACA,CAAK,CAAC;AAE/E,SACE,gBAAAO,EAACC,GAAA,EAAI,GAAGC,EAAcZ,CAAI,GACxB,UAAA,gBAAAa,EAACC,GAAA,EAAQ,YAAW,UAAS,UAAU,GACpC,UAAA;AAAA,IAAAX,EAAM,QAAQ,uBAAuB,MAAQD,EAAI,kBAAkBF,EAAK,OAAO,SAAA,MAAe,KAC7F,gBAAAU,EAACK,GAAA,EAAkB,SAASb,EAAI,cAAA,GAAiB,UAAUA,EAAI,4BAA4B;AAAA,IAE5FE;AAAA,IACD,gBAAAM,EAACM,GAAA,EAAS,YAAoBhB,EAAK,OAAO,SAAA,MAAe,KAAMQ,GAAqB,KAAAN,GAClF,UAAA,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAiBP,KAAuC;AAAA,QAEvD,UAAAN,EAAQ,cAAc,SAASD,GAAM,OAAO,EAAiB,IAC5D,gBAAAU,EAACO,GAAA,EAAa,UAAAZ,EAAA,CAAY,IAE1BA;AAAA,MAAA;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/BaseTable/Cell.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\n\r\nimport { flexRender, type RowData } from '@tanstack/react-table';\r\n\r\nimport type { FlexboxJustifyContent } from 'components/Flexbox/Flexbox.types';\r\n\r\nimport type { ICellElementProps } from './BaseTable.types';\r\nimport { Td } from '../TableElements/TableElements';\r\nimport { bodyCellProps } from '../../utils/baseTableUtils';\r\nimport { NumericCell } from '../TableElements/NumericCell';\r\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { Expander } from '../TableElements/Expander';\r\n\r\nexport const Cell = <TData extends RowData, TValue = unknown>({\r\n cell,\r\n options,\r\n row,\r\n table,\r\n prefix,\r\n}: ICellElementProps<TData, TValue> & {\r\n prefix?: React.ReactNode;\r\n}) => {\r\n const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\r\n const { alignment } = cell.column.columnDef;\r\n\r\n const isAnyRowsExpandable = useMemo(() => table.getCanSomeRowsExpand(), [table]);\r\n\r\n return (\r\n <Td {...bodyCellProps(cell)}>\r\n <Flexbox alignItems=\"center\" flexGrow={1}>\r\n {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 && (\r\n <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} />\r\n )}\r\n {prefix}\r\n <Expander expandable={Boolean(cell.column.getIndex() === 0) && isAnyRowsExpandable} row={row}>\r\n <Flexbox\r\n flexGrow={1}\r\n alignItems=\"center\"\r\n justifyContent={(alignment as FlexboxJustifyContent) ?? 'space-between'}\r\n >\r\n {options.numericTypes?.includes(cell?.column.id as keyof TData) ? (\r\n <NumericCell>{cellContent}</NumericCell>\r\n ) : (\r\n cellContent\r\n )}\r\n </Flexbox>\r\n </Expander>\r\n </Flexbox>\r\n </Td>\r\n );\r\n};\r\n"],"names":["Cell","cell","options","row","table","prefix","cellContent","flexRender","alignment","isAnyRowsExpandable","useMemo","jsx","Td","bodyCellProps","jsxs","Flexbox","SelectionCheckbox","Expander","NumericCell"],"mappings":";;;;;;;;;AAcO,MAAMA,IAAO,CAA0C;AAAA,EAC5D,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF,MAEM;AACJ,QAAMC,IAAcC,EAAWN,EAAK,OAAO,UAAU,MAAMA,EAAK,YAAY,GACtE,EAAE,WAAAO,EAAA,IAAcP,EAAK,OAAO,WAE5BQ,IAAsBC,EAAQ,MAAMN,EAAM,wBAAwB,CAACA,CAAK,CAAC;AAE/E,SACE,gBAAAO,EAACC,GAAA,EAAI,GAAGC,EAAcZ,CAAI,GACxB,UAAA,gBAAAa,EAACC,GAAA,EAAQ,YAAW,UAAS,UAAU,GACpC,UAAA;AAAA,IAAAX,EAAM,QAAQ,uBAAuB,MAAQD,EAAI,kBAAkBF,EAAK,OAAO,SAAA,MAAe,KAC7F,gBAAAU,EAACK,GAAA,EAAkB,SAASb,EAAI,cAAA,GAAiB,UAAUA,EAAI,4BAA4B;AAAA,IAE5FE;AAAA,IACD,gBAAAM,EAACM,GAAA,EAAS,YAAoBhB,EAAK,OAAO,SAAA,MAAe,KAAMQ,GAAqB,KAAAN,GAClF,UAAA,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,YAAW;AAAA,QACX,gBAAiBP,KAAuC;AAAA,QAEvD,UAAAN,EAAQ,cAAc,SAASD,GAAM,OAAO,EAAiB,IAC5D,gBAAAU,EAACO,GAAA,EAAa,UAAAZ,EAAA,CAAY,IAE1BA;AAAA,MAAA;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/build/esm/components/Table/components/BaseTable/Row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Row.js","sources":["../../../../../../src/components/Table/components/BaseTable/Row.tsx"],"sourcesContent":["import { type Row as RowType, type RowData } from '@tanstack/react-table';\n\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { Tr } from '../TableElements/TableElements';\nimport { Cell } from './Cell';\nimport { getRowHighlight } from '../../utils/rowHighlight';\n\nexport const Row = <TData extends RowData>({\n row,\n table,\n options,\n}: IBaseTableElementProps<TData> & {\n row: RowType<TData>;\n}) => {\n const { highlight, disableRowHover } = options;\n\n return (\n <Tr\n key={row.id}\n highlight={getRowHighlight(row, highlight)}\n disableRowHover={disableRowHover \|\| row.getIsGrouped()}\n >\n {row.getVisibleCells().map((cell) => (\n <Cell key={`${row.id}-${cell.column.id}-${cell.id}`} cell={cell} row={row} table={table} options={options} />\n ))}\n </Tr>\n );\n};\n"],"names":["Row","row","table","options","highlight","disableRowHover","jsx","Tr","getRowHighlight","cell","Cell"],"mappings":";;;;AAOO,MAAMA,IAAM,CAAwB;AAAA,EACzC,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAEM;AACJ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBF;AAEvC,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,WAAWC,EAAgBP,GAAKG,CAAS;AAAA,MACzC,iBAAiBC,KAAmBJ,EAAI,aAAA;AAAA,MAEvC,UAAAA,EAAI,kBAAkB,IAAI,CAACQ,MAC1B,gBAAAH,EAACI,GAAA,EAAoD,MAAAD,GAAY,KAAAR,GAAU,OAAAC,GAAc,SAAAC,KAA9E,GAAGF,EAAI,EAAE,IAAIQ,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAA0D,CAC5G;AAAA,IAAA;AAAA,IANIR,EAAI;AAAA,EAAA;AASf;"}
1	+ {"version":3,"file":"Row.js","sources":["../../../../../../src/components/Table/components/BaseTable/Row.tsx"],"sourcesContent":["import { type Row as RowType, type RowData } from '@tanstack/react-table';\r\n\r\nimport type { IBaseTableElementProps } from './BaseTable.types';\r\nimport { Tr } from '../TableElements/TableElements';\r\nimport { Cell } from './Cell';\r\nimport { getRowHighlight } from '../../utils/rowHighlight';\r\n\r\nexport const Row = <TData extends RowData>({\r\n row,\r\n table,\r\n options,\r\n}: IBaseTableElementProps<TData> & {\r\n row: RowType<TData>;\r\n}) => {\r\n const { highlight, disableRowHover } = options;\r\n\r\n return (\r\n <Tr\r\n key={row.id}\r\n highlight={getRowHighlight(row, highlight)}\r\n disableRowHover={disableRowHover \|\| row.getIsGrouped()}\r\n >\r\n {row.getVisibleCells().map((cell) => (\r\n <Cell key={`${row.id}-${cell.column.id}-${cell.id}`} cell={cell} row={row} table={table} options={options} />\r\n ))}\r\n </Tr>\r\n );\r\n};\r\n"],"names":["Row","row","table","options","highlight","disableRowHover","jsx","Tr","getRowHighlight","cell","Cell"],"mappings":";;;;AAOO,MAAMA,IAAM,CAAwB;AAAA,EACzC,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAEM;AACJ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBF;AAEvC,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,WAAWC,EAAgBP,GAAKG,CAAS;AAAA,MACzC,iBAAiBC,KAAmBJ,EAAI,aAAA;AAAA,MAEvC,UAAAA,EAAI,kBAAkB,IAAI,CAACQ,MAC1B,gBAAAH,EAACI,GAAA,EAAoD,MAAAD,GAAY,KAAAR,GAAU,OAAAC,GAAc,SAAAC,KAA9E,GAAGF,EAAI,EAAE,IAAIQ,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAA0D,CAC5G;AAAA,IAAA;AAAA,IANIR,EAAI;AAAA,EAAA;AASf;"}

package/build/esm/components/Table/components/BaseTable/TableBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"sourcesContent":["import { Fragment, type PropsWithChildren } from 'react';\n\nimport { type RowData } from '@tanstack/react-table';\nimport { NOOP_COMPONENT, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { IBaseTableElementProps, IRowElementProps } from './BaseTable.types';\nimport { Tr, Td, TBody, SpaceTR } from '../TableElements/TableElements';\nimport EmptyState from '../../../EmptyState/EmptyState';\nimport { useTable } from '../../hooks/useTable';\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\nimport { Row as DefaultRow } from './Row';\n\nconst Body = <TData extends RowData>({\n table,\n RowProvider = NOOP_COMPONENT,\n Row = DefaultRow,\n options,\n emptyStateProps,\n}: IBaseTableElementProps<TData> & {\n RowProvider?: React.ComponentType<PropsWithChildren>;\n Row?: React.ComponentType<IRowElementProps<TData>>;\n emptyStateProps: IEmptyStateProps;\n}) => {\n const { size = Sizes.Medium, empty } = useTable();\n\n if (empty) {\n return (\n <TBody>\n <Tr disableRowHover={true}>\n <Td colSpan={table.getVisibleLeafColumns().length}>\n <EmptyState size={size} {...emptyStateProps} />\n </Td>\n </Tr>\n </TBody>\n );\n }\n\n return (\n <TBody>\n <RowProvider>\n {table.getRowModel().rows.map((row) => {\n return (\n <Fragment key={`${row.id}-fragment`}>\n {row.getIsGrouped() && row.index > 0 && (\n <SpaceTR key={`${row.id}-spacer`} disableRowHover={true}>\n <Td colSpan={table.getAllLeafColumns().length} />\n </SpaceTR>\n )}\n <Row key={row.id} table={table} options={options} row={row} />\n </Fragment>\n );\n })}\n </RowProvider>\n </TBody>\n );\n};\n\nexport default Body;\n"],"names":["Body","table","RowProvider","NOOP_COMPONENT","Row","DefaultRow","options","emptyStateProps","size","Sizes","empty","useTable","jsx","TBody","Tr","Td","EmptyState","row","Fragment","SpaceTR"],"mappings":";;;;;;;AAYA,MAAMA,IAAO,CAAwB;AAAA,EACnC,OAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EAAA,KACdC,IAAMC;AAAAA,EACN,SAAAC;AAAA,EACA,iBAAAC;AACF,MAIM;AACJ,QAAM,EAAE,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,EAAA,IAAUC,EAAA;AAEvC,SAAID,IAEA,gBAAAE,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAG,iBAAiB,IACnB,UAAA,gBAAAF,EAACG,KAAG,SAASd,EAAM,wBAAwB,QACzC,4BAACe,GAAA,EAAW,MAAAR,GAAa,GAAGD,EAAA,CAAiB,GAC/C,GACF,EAAA,CACF,IAKF,gBAAAK,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACV,GAAA,EACE,UAAAD,EAAM,cAAc,KAAK,IAAI,CAACgB,wBAE1BC,GAAA,EACE,UAAA;AAAA,IAAAD,EAAI,aAAA,KAAkBA,EAAI,QAAQ,KACjC,gBAAAL,EAACO,GAAA,EAAiC,iBAAiB,IACjD,UAAA,gBAAAP,EAACG,KAAG,SAASd,EAAM,oBAAoB,OAAA,CAAQ,KADnC,GAAGgB,EAAI,EAAE,SAEvB;AAAA,sBAEDb,GAAA,EAAiB,OAAAH,GAAc,SAAAK,GAAkB,KAAAW,EAAA,GAAxCA,EAAI,EAA8C;AAAA,EAAA,EAAA,GAN/C,GAAGA,EAAI,EAAE,WAOxB,CAEH,GACH,GACF;AAEJ;"}
1	+ {"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"sourcesContent":["import { Fragment, type PropsWithChildren } from 'react';\r\n\r\nimport { type RowData } from '@tanstack/react-table';\r\nimport { NOOP_COMPONENT, Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { IBaseTableElementProps, IRowElementProps } from './BaseTable.types';\r\nimport { Tr, Td, TBody, SpaceTR } from '../TableElements/TableElements';\r\nimport EmptyState from '../../../EmptyState/EmptyState';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\r\nimport { Row as DefaultRow } from './Row';\r\n\r\nconst Body = <TData extends RowData>({\r\n table,\r\n RowProvider = NOOP_COMPONENT,\r\n Row = DefaultRow,\r\n options,\r\n emptyStateProps,\r\n}: IBaseTableElementProps<TData> & {\r\n RowProvider?: React.ComponentType<PropsWithChildren>;\r\n Row?: React.ComponentType<IRowElementProps<TData>>;\r\n emptyStateProps: IEmptyStateProps;\r\n}) => {\r\n const { size = Sizes.Medium, empty } = useTable();\r\n\r\n if (empty) {\r\n return (\r\n <TBody>\r\n <Tr disableRowHover={true}>\r\n <Td colSpan={table.getVisibleLeafColumns().length}>\r\n <EmptyState size={size} {...emptyStateProps} />\r\n </Td>\r\n </Tr>\r\n </TBody>\r\n );\r\n }\r\n\r\n return (\r\n <TBody>\r\n <RowProvider>\r\n {table.getRowModel().rows.map((row) => {\r\n return (\r\n <Fragment key={`${row.id}-fragment`}>\r\n {row.getIsGrouped() && row.index > 0 && (\r\n <SpaceTR key={`${row.id}-spacer`} disableRowHover={true}>\r\n <Td colSpan={table.getAllLeafColumns().length} />\r\n </SpaceTR>\r\n )}\r\n <Row key={row.id} table={table} options={options} row={row} />\r\n </Fragment>\r\n );\r\n })}\r\n </RowProvider>\r\n </TBody>\r\n );\r\n};\r\n\r\nexport default Body;\r\n"],"names":["Body","table","RowProvider","NOOP_COMPONENT","Row","DefaultRow","options","emptyStateProps","size","Sizes","empty","useTable","jsx","TBody","Tr","Td","EmptyState","row","Fragment","SpaceTR"],"mappings":";;;;;;;AAYA,MAAMA,IAAO,CAAwB;AAAA,EACnC,OAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EAAA,KACdC,IAAMC;AAAAA,EACN,SAAAC;AAAA,EACA,iBAAAC;AACF,MAIM;AACJ,QAAM,EAAE,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,EAAA,IAAUC,EAAA;AAEvC,SAAID,IAEA,gBAAAE,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAG,iBAAiB,IACnB,UAAA,gBAAAF,EAACG,KAAG,SAASd,EAAM,wBAAwB,QACzC,4BAACe,GAAA,EAAW,MAAAR,GAAa,GAAGD,EAAA,CAAiB,GAC/C,GACF,EAAA,CACF,IAKF,gBAAAK,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACV,GAAA,EACE,UAAAD,EAAM,cAAc,KAAK,IAAI,CAACgB,wBAE1BC,GAAA,EACE,UAAA;AAAA,IAAAD,EAAI,aAAA,KAAkBA,EAAI,QAAQ,KACjC,gBAAAL,EAACO,GAAA,EAAiC,iBAAiB,IACjD,UAAA,gBAAAP,EAACG,KAAG,SAASd,EAAM,oBAAoB,OAAA,CAAQ,KADnC,GAAGgB,EAAI,EAAE,SAEvB;AAAA,sBAEDb,GAAA,EAAiB,OAAAH,GAAc,SAAAK,GAAkB,KAAAW,EAAA,GAAxCA,EAAI,EAA8C;AAAA,EAAA,EAAA,GAN/C,GAAGA,EAAI,EAAE,WAOxB,CAEH,GACH,GACF;AAEJ;"}

package/build/esm/components/Table/components/BaseTable/TableBodyVirtualised.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableBodyVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBodyVirtualised.tsx"],"sourcesContent":["import { Fragment, PropsWithChildren } from 'react';\n\nimport type { Row as RowType, RowData } from '@tanstack/react-table';\nimport { NOOP_COMPONENT, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { VirtualItem } from '@tanstack/react-virtual';\n\nimport type { IBaseTableElementProps, IRowElementProps } from './BaseTable.types';\nimport { Tr, Td, TBody, SpaceTR } from '../TableElements/TableElements';\nimport EmptyState from '../../../EmptyState/EmptyState';\nimport { useTable } from '../../hooks/useTable';\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\nimport { EmptyRow } from '../../hooks/useVirtualized';\nimport { Row as DefaultRow } from './Row';\n\nconst defaultOptions = {};\n\nconst BodyVirtualised = <TData extends RowData>({\n table,\n RowProvider = NOOP_COMPONENT,\n Row = DefaultRow,\n virtualRows,\n rows,\n paddingTop,\n paddingBottom,\n options = defaultOptions,\n emptyStateProps,\n}: IBaseTableElementProps<TData> & {\n virtualRows: VirtualItem[];\n rows: RowType<TData>[];\n paddingTop: number;\n paddingBottom: number;\n RowProvider?: React.ComponentType<PropsWithChildren>;\n Row?: React.ComponentType<IRowElementProps<TData>>;\n emptyStateProps: IEmptyStateProps;\n}) => {\n const { size = Sizes.Medium, empty } = useTable();\n\n if (empty) {\n return (\n <TBody>\n <Tr disableRowHover={true}>\n <Td colSpan={table.getVisibleLeafColumns().length}>\n <EmptyState size={size} {...emptyStateProps} />\n </Td>\n </Tr>\n </TBody>\n );\n }\n\n return (\n <TBody>\n <EmptyRow padding={paddingTop} />\n <RowProvider>\n {virtualRows.map((virtualRow) => {\n const row = rows[virtualRow.index];\n\n return (\n <Fragment key={`${row.id}-fragment`}>\n {row.getIsGrouped() && row.index > 0 && (\n <SpaceTR key={`${row.id}-spacer`} disableRowHover={true}>\n <Td colSpan={table.getAllLeafColumns().length} />\n </SpaceTR>\n )}\n <Row key={virtualRow.key} table={table} options={options} row={row} />\n </Fragment>\n );\n })}\n </RowProvider>\n <EmptyRow padding={paddingBottom} />\n </TBody>\n );\n};\n\nexport default BodyVirtualised;\n"],"names":["defaultOptions","BodyVirtualised","table","RowProvider","NOOP_COMPONENT","Row","DefaultRow","virtualRows","rows","paddingTop","paddingBottom","options","emptyStateProps","size","Sizes","empty","useTable","jsx","TBody","Tr","Td","EmptyState","EmptyRow","virtualRow","row","Fragment","SpaceTR"],"mappings":";;;;;;;;AAcA,MAAMA,IAAiB,CAAA,GAEjBC,IAAkB,CAAwB;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EAAA,KACdC,IAAMC;AAAAA,EACN,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,IAAUX;AAAA,EACV,iBAAAY;AACF,MAQM;AACJ,QAAM,EAAE,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,EAAA,IAAUC,EAAA;AAEvC,SAAID,IAEA,gBAAAE,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAG,iBAAiB,IACnB,UAAA,gBAAAF,EAACG,KAAG,SAASlB,EAAM,wBAAwB,QACzC,4BAACmB,GAAA,EAAW,MAAAR,GAAa,GAAGD,EAAA,CAAiB,GAC/C,GACF,EAAA,CACF,sBAKDM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACK,GAAA,EAAS,SAASb,EAAA,CAAY;AAAA,IAC/B,gBAAAQ,EAACd,GAAA,EACE,UAAAI,EAAY,IAAI,CAACgB,MAAe;AAC/B,YAAMC,IAAMhB,EAAKe,EAAW,KAAK;AAEjC,+BACGE,GAAA,EACE,UAAA;AAAA,QAAAD,EAAI,aAAA,KAAkBA,EAAI,QAAQ,KACjC,gBAAAP,EAACS,GAAA,EAAiC,iBAAiB,IACjD,UAAA,gBAAAT,EAACG,KAAG,SAASlB,EAAM,oBAAoB,OAAA,CAAQ,KADnC,GAAGsB,EAAI,EAAE,SAEvB;AAAA,0BAEDnB,GAAA,EAAyB,OAAAH,GAAc,SAAAS,GAAkB,KAAAa,EAAA,GAAhDD,EAAW,GAA+C;AAAA,MAAA,EAAA,GANvD,GAAGC,EAAI,EAAE,WAOxB;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACA,gBAAAP,EAACK,GAAA,EAAS,SAASZ,EAAA,CAAe;AAAA,EAAA,GACpC;AAEJ;"}
1	+ {"version":3,"file":"TableBodyVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBodyVirtualised.tsx"],"sourcesContent":["import { Fragment, PropsWithChildren } from 'react';\r\n\r\nimport type { Row as RowType, RowData } from '@tanstack/react-table';\r\nimport { NOOP_COMPONENT, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { VirtualItem } from '@tanstack/react-virtual';\r\n\r\nimport type { IBaseTableElementProps, IRowElementProps } from './BaseTable.types';\r\nimport { Tr, Td, TBody, SpaceTR } from '../TableElements/TableElements';\r\nimport EmptyState from '../../../EmptyState/EmptyState';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\r\nimport { EmptyRow } from '../../hooks/useVirtualized';\r\nimport { Row as DefaultRow } from './Row';\r\n\r\nconst defaultOptions = {};\r\n\r\nconst BodyVirtualised = <TData extends RowData>({\r\n table,\r\n RowProvider = NOOP_COMPONENT,\r\n Row = DefaultRow,\r\n virtualRows,\r\n rows,\r\n paddingTop,\r\n paddingBottom,\r\n options = defaultOptions,\r\n emptyStateProps,\r\n}: IBaseTableElementProps<TData> & {\r\n virtualRows: VirtualItem[];\r\n rows: RowType<TData>[];\r\n paddingTop: number;\r\n paddingBottom: number;\r\n RowProvider?: React.ComponentType<PropsWithChildren>;\r\n Row?: React.ComponentType<IRowElementProps<TData>>;\r\n emptyStateProps: IEmptyStateProps;\r\n}) => {\r\n const { size = Sizes.Medium, empty } = useTable();\r\n\r\n if (empty) {\r\n return (\r\n <TBody>\r\n <Tr disableRowHover={true}>\r\n <Td colSpan={table.getVisibleLeafColumns().length}>\r\n <EmptyState size={size} {...emptyStateProps} />\r\n </Td>\r\n </Tr>\r\n </TBody>\r\n );\r\n }\r\n\r\n return (\r\n <TBody>\r\n <EmptyRow padding={paddingTop} />\r\n <RowProvider>\r\n {virtualRows.map((virtualRow) => {\r\n const row = rows[virtualRow.index];\r\n\r\n return (\r\n <Fragment key={`${row.id}-fragment`}>\r\n {row.getIsGrouped() && row.index > 0 && (\r\n <SpaceTR key={`${row.id}-spacer`} disableRowHover={true}>\r\n <Td colSpan={table.getAllLeafColumns().length} />\r\n </SpaceTR>\r\n )}\r\n <Row key={virtualRow.key} table={table} options={options} row={row} />\r\n </Fragment>\r\n );\r\n })}\r\n </RowProvider>\r\n <EmptyRow padding={paddingBottom} />\r\n </TBody>\r\n );\r\n};\r\n\r\nexport default BodyVirtualised;\r\n"],"names":["defaultOptions","BodyVirtualised","table","RowProvider","NOOP_COMPONENT","Row","DefaultRow","virtualRows","rows","paddingTop","paddingBottom","options","emptyStateProps","size","Sizes","empty","useTable","jsx","TBody","Tr","Td","EmptyState","EmptyRow","virtualRow","row","Fragment","SpaceTR"],"mappings":";;;;;;;;AAcA,MAAMA,IAAiB,CAAA,GAEjBC,IAAkB,CAAwB;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EAAA,KACdC,IAAMC;AAAAA,EACN,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,IAAUX;AAAA,EACV,iBAAAY;AACF,MAQM;AACJ,QAAM,EAAE,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,EAAA,IAAUC,EAAA;AAEvC,SAAID,IAEA,gBAAAE,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAG,iBAAiB,IACnB,UAAA,gBAAAF,EAACG,KAAG,SAASlB,EAAM,wBAAwB,QACzC,4BAACmB,GAAA,EAAW,MAAAR,GAAa,GAAGD,EAAA,CAAiB,GAC/C,GACF,EAAA,CACF,sBAKDM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACK,GAAA,EAAS,SAASb,EAAA,CAAY;AAAA,IAC/B,gBAAAQ,EAACd,GAAA,EACE,UAAAI,EAAY,IAAI,CAACgB,MAAe;AAC/B,YAAMC,IAAMhB,EAAKe,EAAW,KAAK;AAEjC,+BACGE,GAAA,EACE,UAAA;AAAA,QAAAD,EAAI,aAAA,KAAkBA,EAAI,QAAQ,KACjC,gBAAAP,EAACS,GAAA,EAAiC,iBAAiB,IACjD,UAAA,gBAAAT,EAACG,KAAG,SAASlB,EAAM,oBAAoB,OAAA,CAAQ,KADnC,GAAGsB,EAAI,EAAE,SAEvB;AAAA,0BAEDnB,GAAA,EAAyB,OAAAH,GAAc,SAAAS,GAAkB,KAAAa,EAAA,GAAhDD,EAAW,GAA+C;AAAA,MAAA,EAAA,GANvD,GAAGC,EAAI,EAAE,WAOxB;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACA,gBAAAP,EAACK,GAAA,EAAS,SAASZ,EAAA,CAAe;AAAA,EAAA,GACpC;AAEJ;"}

package/build/esm/components/Table/components/BaseTable/TableFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableFooter.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableFooter.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender, RowData } from '@tanstack/react-table';\n\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { Tr, Th, TFoot } from '../TableElements/TableElements';\nimport { useTable } from '../../hooks/useTable';\nimport { hasFooter, headerCellProps } from '../../utils/baseTableUtils';\n\nconst Footer = <TData extends RowData>({ table, options }: IBaseTableElementProps<TData>) => {\n const { empty } = useTable();\n const withTableFooter = useMemo(() => hasFooter(table, options), [table, options]);\n const withPagination = useMemo(() => options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\n\n if (empty \|\| (!withTableFooter && !withPagination)) {\n return null;\n }\n\n return (\n <TFoot data-sticky={options?.stickyFooter}>\n {table\n .getFooterGroups()\n .filter((footerGroup) => footerGroup.headers.some((header) => Boolean(header.column.columnDef.footer)))\n .map((footerGroup) => (\n <Tr key={footerGroup.id} depth={footerGroup.depth} disableRowHover={true}>\n {footerGroup?.headers.map((header) => (\n <Th key={header.id} {...headerCellProps(header)}>\n {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\n </Th>\n ))}\n </Tr>\n ))}\n </TFoot>\n );\n};\n\nexport default Footer;\n"],"names":["Footer","table","options","empty","useTable","withTableFooter","useMemo","hasFooter","withPagination","jsx","TFoot","footerGroup","header","Tr","Th","headerCellProps","flexRender"],"mappings":";;;;;;AASA,MAAMA,IAAS,CAAwB,EAAE,OAAAC,GAAO,SAAAC,QAA6C;AAC3F,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZC,IAAkBC,EAAQ,MAAMC,EAAUN,GAAOC,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC,GAC3EM,IAAiBF,EAAQ,MAAMJ,GAAS,cAAcD,EAAM,2BAA2B,CAACA,GAAOC,CAAO,CAAC;AAE7G,SAAIC,KAAU,CAACE,KAAmB,CAACG,IAC1B,OAIP,gBAAAC,EAACC,GAAA,EAAM,eAAaR,GAAS,cAC1B,UAAAD,EACE,gBAAA,EACA,OAAO,CAACU,MAAgBA,EAAY,QAAQ,KAAK,CAACC,MAAW,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EACrG,IAAI,CAACD,MACJ,gBAAAF,EAACI,GAAA,EAAwB,OAAOF,EAAY,OAAO,iBAAiB,IACjE,UAAAA,GAAa,QAAQ,IAAI,CAACC,MACzB,gBAAAH,EAACK,GAAA,EAAoB,GAAGC,EAAgBH,CAAM,GAC3C,UAAAA,EAAO,gBAAgB,OAAOI,EAAWJ,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GADtFA,EAAO,EAEhB,CACD,EAAA,GALMD,EAAY,EAMrB,CACD,GACL;AAEJ;"}
1	+ {"version":3,"file":"TableFooter.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableFooter.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\n\r\nimport { flexRender, RowData } from '@tanstack/react-table';\r\n\r\nimport type { IBaseTableElementProps } from './BaseTable.types';\r\nimport { Tr, Th, TFoot } from '../TableElements/TableElements';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { hasFooter, headerCellProps } from '../../utils/baseTableUtils';\r\n\r\nconst Footer = <TData extends RowData>({ table, options }: IBaseTableElementProps<TData>) => {\r\n const { empty } = useTable();\r\n const withTableFooter = useMemo(() => hasFooter(table, options), [table, options]);\r\n const withPagination = useMemo(() => options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\r\n\r\n if (empty \|\| (!withTableFooter && !withPagination)) {\r\n return null;\r\n }\r\n\r\n return (\r\n <TFoot data-sticky={options?.stickyFooter}>\r\n {table\r\n .getFooterGroups()\r\n .filter((footerGroup) => footerGroup.headers.some((header) => Boolean(header.column.columnDef.footer)))\r\n .map((footerGroup) => (\r\n <Tr key={footerGroup.id} depth={footerGroup.depth} disableRowHover={true}>\r\n {footerGroup?.headers.map((header) => (\r\n <Th key={header.id} {...headerCellProps(header)}>\r\n {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\r\n </Th>\r\n ))}\r\n </Tr>\r\n ))}\r\n </TFoot>\r\n );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["Footer","table","options","empty","useTable","withTableFooter","useMemo","hasFooter","withPagination","jsx","TFoot","footerGroup","header","Tr","Th","headerCellProps","flexRender"],"mappings":";;;;;;AASA,MAAMA,IAAS,CAAwB,EAAE,OAAAC,GAAO,SAAAC,QAA6C;AAC3F,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZC,IAAkBC,EAAQ,MAAMC,EAAUN,GAAOC,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC,GAC3EM,IAAiBF,EAAQ,MAAMJ,GAAS,cAAcD,EAAM,2BAA2B,CAACA,GAAOC,CAAO,CAAC;AAE7G,SAAIC,KAAU,CAACE,KAAmB,CAACG,IAC1B,OAIP,gBAAAC,EAACC,GAAA,EAAM,eAAaR,GAAS,cAC1B,UAAAD,EACE,gBAAA,EACA,OAAO,CAACU,MAAgBA,EAAY,QAAQ,KAAK,CAACC,MAAW,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EACrG,IAAI,CAACD,MACJ,gBAAAF,EAACI,GAAA,EAAwB,OAAOF,EAAY,OAAO,iBAAiB,IACjE,UAAAA,GAAa,QAAQ,IAAI,CAACC,MACzB,gBAAAH,EAACK,GAAA,EAAoB,GAAGC,EAAgBH,CAAM,GAC3C,UAAAA,EAAO,gBAAgB,OAAOI,EAAWJ,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GADtFA,EAAO,EAEhB,CACD,EAAA,GALMD,EAAY,EAMrB,CACD,GACL;AAEJ;"}

package/build/esm/components/Table/components/BaseTable/TableHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableHeader.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react';\n\nimport { type RowData, type Header as HeaderType } from '@tanstack/react-table';\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\n\nimport { Tr, Th, THead } from '../TableElements/TableElements';\nimport type { IBaseTableElementProps, IHeaderCellProps } from './BaseTable.types';\nimport { hasHeader, headerCellProps } from '../../utils/baseTableUtils';\nimport { useTable } from '../../hooks/useTable';\nimport { HeaderCell } from '../TableElements/HeaderCell';\n\nconst DefaultHeader = <TData extends RowData, TValue = unknown>({\n header,\n table,\n options,\n}: IHeaderCellProps<TData, TValue>) => (\n <Th {...headerCellProps(header)}>\n <HeaderCell options={options} table={table} header={header} />\n </Th>\n);\n\nconst Header = <TData extends RowData, TValue = unknown>({\n table,\n options,\n HeaderProvider = NOOP_COMPONENT,\n Header: HeaderComponent = DefaultHeader,\n}: IBaseTableElementProps<TData> & {\n HeaderProvider?: React.ComponentType<PropsWithChildren>;\n Header?: React.ComponentType<IHeaderCellProps<TData, TValue>>;\n}) => {\n const { empty } = useTable();\n const withTableHeader = useMemo(() => hasHeader(table, options), [table, options]);\n\n if (empty \|\| !withTableHeader) {\n return null;\n }\n\n return (\n <THead data-sticky={options?.stickyHeader}>\n {!!withTableHeader &&\n table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id} depth={headerGroup.depth} disableRowHover={true}>\n <HeaderProvider>\n {headerGroup.headers.map((hgHeader) => (\n <HeaderComponent\n key={hgHeader.id}\n header={hgHeader as HeaderType<TData, TValue>}\n table={table}\n options={options}\n />\n ))}\n </HeaderProvider>\n </Tr>\n ))}\n </THead>\n );\n};\n\nexport default Header;\n"],"names":["DefaultHeader","header","table","options","jsx","Th","headerCellProps","HeaderCell","Header","HeaderProvider","NOOP_COMPONENT","HeaderComponent","empty","useTable","withTableHeader","useMemo","hasHeader","THead","headerGroup","Tr","hgHeader"],"mappings":";;;;;;;AAWA,MAAMA,IAAgB,CAA0C;AAAA,EAC9D,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MACE,gBAAAC,EAACC,GAAA,EAAI,GAAGC,EAAgBL,CAAM,GAC5B,UAAA,gBAAAG,EAACG,GAAA,EAAW,SAAAJ,GAAkB,OAAAD,GAAc,QAAAD,EAAA,CAAgB,EAAA,CAC9D,GAGIO,IAAS,CAA0C;AAAA,EACvD,OAAAN;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAM,IAAiBC;AAAA,EACjB,QAAQC,IAAkBX;AAC5B,MAGM;AACJ,QAAM,EAAE,OAAAY,EAAA,IAAUC,EAAA,GACZC,IAAkBC,EAAQ,MAAMC,EAAUd,GAAOC,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC;AAEjF,SAAIS,KAAS,CAACE,IACL,OAIP,gBAAAV,EAACa,GAAA,EAAM,eAAad,GAAS,cAC1B,UAAA,CAAC,CAACW,KACDZ,EAAM,gBAAA,EAAkB,IAAI,CAACgB,MAC3B,gBAAAd,EAACe,GAAA,EAAwB,OAAOD,EAAY,OAAO,iBAAiB,IAClE,UAAA,gBAAAd,EAACK,GAAA,EACE,UAAAS,EAAY,QAAQ,IAAI,CAACE,MACxB,gBAAAhB;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,QAAQS;AAAA,MACR,OAAAlB;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,IAHKiB,EAAS;AAAA,EAAA,CAKjB,EAAA,CACH,EAAA,GAVOF,EAAY,EAWrB,CACD,EAAA,CACL;AAEJ;"}
1	+ {"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableHeader.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react';\r\n\r\nimport { type RowData, type Header as HeaderType } from '@tanstack/react-table';\r\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport { Tr, Th, THead } from '../TableElements/TableElements';\r\nimport type { IBaseTableElementProps, IHeaderCellProps } from './BaseTable.types';\r\nimport { hasHeader, headerCellProps } from '../../utils/baseTableUtils';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { HeaderCell } from '../TableElements/HeaderCell';\r\n\r\nconst DefaultHeader = <TData extends RowData, TValue = unknown>({\r\n header,\r\n table,\r\n options,\r\n}: IHeaderCellProps<TData, TValue>) => (\r\n <Th {...headerCellProps(header)}>\r\n <HeaderCell options={options} table={table} header={header} />\r\n </Th>\r\n);\r\n\r\nconst Header = <TData extends RowData, TValue = unknown>({\r\n table,\r\n options,\r\n HeaderProvider = NOOP_COMPONENT,\r\n Header: HeaderComponent = DefaultHeader,\r\n}: IBaseTableElementProps<TData> & {\r\n HeaderProvider?: React.ComponentType<PropsWithChildren>;\r\n Header?: React.ComponentType<IHeaderCellProps<TData, TValue>>;\r\n}) => {\r\n const { empty } = useTable();\r\n const withTableHeader = useMemo(() => hasHeader(table, options), [table, options]);\r\n\r\n if (empty \|\| !withTableHeader) {\r\n return null;\r\n }\r\n\r\n return (\r\n <THead data-sticky={options?.stickyHeader}>\r\n {!!withTableHeader &&\r\n table.getHeaderGroups().map((headerGroup) => (\r\n <Tr key={headerGroup.id} depth={headerGroup.depth} disableRowHover={true}>\r\n <HeaderProvider>\r\n {headerGroup.headers.map((hgHeader) => (\r\n <HeaderComponent\r\n key={hgHeader.id}\r\n header={hgHeader as HeaderType<TData, TValue>}\r\n table={table}\r\n options={options}\r\n />\r\n ))}\r\n </HeaderProvider>\r\n </Tr>\r\n ))}\r\n </THead>\r\n );\r\n};\r\n\r\nexport default Header;\r\n"],"names":["DefaultHeader","header","table","options","jsx","Th","headerCellProps","HeaderCell","Header","HeaderProvider","NOOP_COMPONENT","HeaderComponent","empty","useTable","withTableHeader","useMemo","hasHeader","THead","headerGroup","Tr","hgHeader"],"mappings":";;;;;;;AAWA,MAAMA,IAAgB,CAA0C;AAAA,EAC9D,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MACE,gBAAAC,EAACC,GAAA,EAAI,GAAGC,EAAgBL,CAAM,GAC5B,UAAA,gBAAAG,EAACG,GAAA,EAAW,SAAAJ,GAAkB,OAAAD,GAAc,QAAAD,EAAA,CAAgB,EAAA,CAC9D,GAGIO,IAAS,CAA0C;AAAA,EACvD,OAAAN;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAM,IAAiBC;AAAA,EACjB,QAAQC,IAAkBX;AAC5B,MAGM;AACJ,QAAM,EAAE,OAAAY,EAAA,IAAUC,EAAA,GACZC,IAAkBC,EAAQ,MAAMC,EAAUd,GAAOC,CAAO,GAAG,CAACD,GAAOC,CAAO,CAAC;AAEjF,SAAIS,KAAS,CAACE,IACL,OAIP,gBAAAV,EAACa,GAAA,EAAM,eAAad,GAAS,cAC1B,UAAA,CAAC,CAACW,KACDZ,EAAM,gBAAA,EAAkB,IAAI,CAACgB,MAC3B,gBAAAd,EAACe,GAAA,EAAwB,OAAOD,EAAY,OAAO,iBAAiB,IAClE,UAAA,gBAAAd,EAACK,GAAA,EACE,UAAAS,EAAY,QAAQ,IAAI,CAACE,MACxB,gBAAAhB;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,QAAQS;AAAA,MACR,OAAAlB;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,IAHKiB,EAAS;AAAA,EAAA,CAKjB,EAAA,CACH,EAAA,GAVOF,EAAY,EAWrB,CACD,EAAA,CACL;AAEJ;"}

package/build/esm/components/Table/components/Draggable/Cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/Draggable/Cell.tsx"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\nimport type { DraggableAttributes } from '@dnd-kit/core';\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';\n\nimport DragIos from '../../../Icon/components/DragIos';\nimport type { ICellElementProps } from '../BaseTable/BaseTable.types';\nimport { DraggableButton } from '../TableElements/DraggableButton';\nimport { Cell } from '../BaseTable/Cell';\n\nexport const DraggableCell = <TData extends RowData, TValue = unknown>({\n cell,\n rowDragAttributes,\n rowDragListeners,\n options,\n setNodeRef,\n row,\n table,\n}: ICellElementProps<TData, TValue> & {\n rowDragAttributes?: DraggableAttributes;\n rowDragListeners?: SyntheticListenerMap;\n setNodeRef?: (node: HTMLElement \| null) => void;\n}) => (\n <Cell\n cell={cell}\n row={row}\n table={table}\n options={options}\n prefix={\n cell.column.getIndex() === 0 &&\n table.getState().sorting.length === 0 && (\n <DraggableButton\n ref={setNodeRef}\n {...rowDragAttributes}\n {...rowDragListeners}\n icon={<DragIos />}\n iconOnly={true}\n />\n )\n }\n />\n);\n"],"names":["DraggableCell","cell","rowDragAttributes","rowDragListeners","options","setNodeRef","row","table","jsx","Cell","DraggableButton","DragIos"],"mappings":";;;;AASO,MAAMA,IAAgB,CAA0C;AAAA,EACrE,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AACF,MAKE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAR;AAAA,IACA,KAAAK;AAAA,IACA,OAAAC;AAAA,IACA,SAAAH;AAAA,IACA,QACEH,EAAK,OAAO,SAAA,MAAe,KAC3BM,EAAM,WAAW,QAAQ,WAAW,KAClC,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKL;AAAA,QACJ,GAAGH;AAAA,QACH,GAAGC;AAAA,QACJ,wBAAOQ,GAAA,EAAQ;AAAA,QACf,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AAGN;"}
1	+ {"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/Draggable/Cell.tsx"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\r\nimport type { DraggableAttributes } from '@dnd-kit/core';\r\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';\r\n\r\nimport DragIos from '../../../Icon/components/DragIos';\r\nimport type { ICellElementProps } from '../BaseTable/BaseTable.types';\r\nimport { DraggableButton } from '../TableElements/DraggableButton';\r\nimport { Cell } from '../BaseTable/Cell';\r\n\r\nexport const DraggableCell = <TData extends RowData, TValue = unknown>({\r\n cell,\r\n rowDragAttributes,\r\n rowDragListeners,\r\n options,\r\n setNodeRef,\r\n row,\r\n table,\r\n}: ICellElementProps<TData, TValue> & {\r\n rowDragAttributes?: DraggableAttributes;\r\n rowDragListeners?: SyntheticListenerMap;\r\n setNodeRef?: (node: HTMLElement \| null) => void;\r\n}) => (\r\n <Cell\r\n cell={cell}\r\n row={row}\r\n table={table}\r\n options={options}\r\n prefix={\r\n cell.column.getIndex() === 0 &&\r\n table.getState().sorting.length === 0 && (\r\n <DraggableButton\r\n ref={setNodeRef}\r\n {...rowDragAttributes}\r\n {...rowDragListeners}\r\n icon={<DragIos />}\r\n iconOnly={true}\r\n />\r\n )\r\n }\r\n />\r\n);\r\n"],"names":["DraggableCell","cell","rowDragAttributes","rowDragListeners","options","setNodeRef","row","table","jsx","Cell","DraggableButton","DragIos"],"mappings":";;;;AASO,MAAMA,IAAgB,CAA0C;AAAA,EACrE,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AACF,MAKE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAR;AAAA,IACA,KAAAK;AAAA,IACA,OAAAC;AAAA,IACA,SAAAH;AAAA,IACA,QACEH,EAAK,OAAO,SAAA,MAAe,KAC3BM,EAAM,WAAW,QAAQ,WAAW,KAClC,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKL;AAAA,QACJ,GAAGH;AAAA,QACH,GAAGC;AAAA,QACJ,wBAAOQ,GAAA,EAAQ;AAAA,QACf,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AAGN;"}

package/build/esm/components/Table/components/Draggable/DragHandle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragHandle.js","sources":["../../../../../../src/components/Table/components/Draggable/DragHandle.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport { defaultDropAnimation, DragOverlay, DropAnimation } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport ArrowDirection from '../../../Icon/components/ArrowDirection';\nimport Label from '../../../Text/components/Label/Label';\n\nconst TRANSFORM_FINAL_OFFSET = 5;\n\nconst dropAnimationConfig: DropAnimation = {\n keyframes({ transform }) {\n return [\n { opacity: 1, transform: CSS.Transform.toString(transform.initial) },\n {\n opacity: 0,\n transform: CSS.Transform.toString({\n ...transform.final,\n x: transform.final.x + TRANSFORM_FINAL_OFFSET,\n y: transform.final.y + TRANSFORM_FINAL_OFFSET,\n }),\n },\n ];\n },\n easing: 'ease-out',\n sideEffects({ active }) {\n active.node.animate([{ opacity: 0 }, { opacity: 1 }], {\n duration: defaultDropAnimation.duration,\n easing: defaultDropAnimation.easing,\n });\n },\n};\n\nconst DragHandleContainer = styled(Flexbox)(\n ({ theme }) => `\n display: flex;\n align-items: center;\n width: fit-content;\n position: relative;\n white-space: nowrap;\n gap: 4px;\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n filter: ${theme.dropShadows.low3};\n border-radius: 4px;\n padding: 6px 12px 6px 8px;\n`,\n);\n\nconst DragHandle = ({ show, children }: PropsWithChildren<{ show: boolean }>) => {\n return (\n <DragOverlay dropAnimation={dropAnimationConfig}>\n {show && (\n <DragHandleContainer>\n <ArrowDirection />\n <Label size=\"small\" bold={true}>\n {children}\n </Label>\n </DragHandleContainer>\n )}\n </DragOverlay>\n );\n};\n\nexport default DragHandle;\n"],"names":["TRANSFORM_FINAL_OFFSET","dropAnimationConfig","transform","CSS","active","defaultDropAnimation","DragHandleContainer","styled","Flexbox","theme","Variables","DragHandle","show","children","DragOverlay","jsx","ArrowDirection","Label"],"mappings":";;;;;;;;AAWA,MAAMA,IAAyB,GAEzBC,IAAqC;AAAA,EACzC,UAAU,EAAE,WAAAC,KAAa;AACvB,WAAO;AAAA,MACL,EAAE,SAAS,GAAG,WAAWC,EAAI,UAAU,SAASD,EAAU,OAAO,EAAA;AAAA,MACjE;AAAA,QACE,SAAS;AAAA,QACT,WAAWC,EAAI,UAAU,SAAS;AAAA,UAChC,GAAGD,EAAU;AAAA,UACb,GAAGA,EAAU,MAAM,IAAIF;AAAA,UACvB,GAAGE,EAAU,MAAM,IAAIF;AAAA,QAAA,CACxB;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ;AAAA,EACA,QAAQ;AAAA,EACR,YAAY,EAAE,QAAAI,KAAU;AACtB,IAAAA,EAAO,KAAK,QAAQ,CAAC,EAAE,SAAS,EAAA,GAAK,EAAE,SAAS,EAAA,CAAG,GAAG;AAAA,MACpD,UAAUC,EAAqB;AAAA,MAC/B,QAAQA,EAAqB;AAAA,IAAA,CAC9B;AAAA,EACH;AACF,GAEMC,IAAsBC,EAAOC,CAAO;AAAA,EACxC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOKA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEC,EAAU,oBAAoB,CAAC;AAAA,YAChFD,EAAM,YAAY,IAAI;AAAA;AAAA;AAAA;AAIlC,GAEME,IAAa,CAAC,EAAE,MAAAC,GAAM,UAAAC,0BAEvBC,GAAA,EAAY,eAAeb,GACzB,UAAAW,uBACEN,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAS,EAACC,GAAA,EAAe;AAAA,oBACfC,GAAA,EAAM,MAAK,SAAQ,MAAM,IACvB,UAAAJ,EAAA,CACH;AAAA,EAAA,CACF,EAAA,CAEJ;"}
1	+ {"version":3,"file":"DragHandle.js","sources":["../../../../../../src/components/Table/components/Draggable/DragHandle.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\r\n\r\nimport { defaultDropAnimation, DragOverlay, DropAnimation } from '@dnd-kit/core';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { styled } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport ArrowDirection from '../../../Icon/components/ArrowDirection';\r\nimport Label from '../../../Text/components/Label/Label';\r\n\r\nconst TRANSFORM_FINAL_OFFSET = 5;\r\n\r\nconst dropAnimationConfig: DropAnimation = {\r\n keyframes({ transform }) {\r\n return [\r\n { opacity: 1, transform: CSS.Transform.toString(transform.initial) },\r\n {\r\n opacity: 0,\r\n transform: CSS.Transform.toString({\r\n ...transform.final,\r\n x: transform.final.x + TRANSFORM_FINAL_OFFSET,\r\n y: transform.final.y + TRANSFORM_FINAL_OFFSET,\r\n }),\r\n },\r\n ];\r\n },\r\n easing: 'ease-out',\r\n sideEffects({ active }) {\r\n active.node.animate([{ opacity: 0 }, { opacity: 1 }], {\r\n duration: defaultDropAnimation.duration,\r\n easing: defaultDropAnimation.easing,\r\n });\r\n },\r\n};\r\n\r\nconst DragHandleContainer = styled(Flexbox)(\r\n ({ theme }) => `\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n position: relative;\r\n white-space: nowrap;\r\n gap: 4px;\r\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n filter: ${theme.dropShadows.low3};\r\n border-radius: 4px;\r\n padding: 6px 12px 6px 8px;\r\n`,\r\n);\r\n\r\nconst DragHandle = ({ show, children }: PropsWithChildren<{ show: boolean }>) => {\r\n return (\r\n <DragOverlay dropAnimation={dropAnimationConfig}>\r\n {show && (\r\n <DragHandleContainer>\r\n <ArrowDirection />\r\n <Label size=\"small\" bold={true}>\r\n {children}\r\n </Label>\r\n </DragHandleContainer>\r\n )}\r\n </DragOverlay>\r\n );\r\n};\r\n\r\nexport default DragHandle;\r\n"],"names":["TRANSFORM_FINAL_OFFSET","dropAnimationConfig","transform","CSS","active","defaultDropAnimation","DragHandleContainer","styled","Flexbox","theme","Variables","DragHandle","show","children","DragOverlay","jsx","ArrowDirection","Label"],"mappings":";;;;;;;;AAWA,MAAMA,IAAyB,GAEzBC,IAAqC;AAAA,EACzC,UAAU,EAAE,WAAAC,KAAa;AACvB,WAAO;AAAA,MACL,EAAE,SAAS,GAAG,WAAWC,EAAI,UAAU,SAASD,EAAU,OAAO,EAAA;AAAA,MACjE;AAAA,QACE,SAAS;AAAA,QACT,WAAWC,EAAI,UAAU,SAAS;AAAA,UAChC,GAAGD,EAAU;AAAA,UACb,GAAGA,EAAU,MAAM,IAAIF;AAAA,UACvB,GAAGE,EAAU,MAAM,IAAIF;AAAA,QAAA,CACxB;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ;AAAA,EACA,QAAQ;AAAA,EACR,YAAY,EAAE,QAAAI,KAAU;AACtB,IAAAA,EAAO,KAAK,QAAQ,CAAC,EAAE,SAAS,EAAA,GAAK,EAAE,SAAS,EAAA,CAAG,GAAG;AAAA,MACpD,UAAUC,EAAqB;AAAA,MAC/B,QAAQA,EAAqB;AAAA,IAAA,CAC9B;AAAA,EACH;AACF,GAEMC,IAAsBC,EAAOC,CAAO;AAAA,EACxC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOKA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEC,EAAU,oBAAoB,CAAC;AAAA,YAChFD,EAAM,YAAY,IAAI;AAAA;AAAA;AAAA;AAIlC,GAEME,IAAa,CAAC,EAAE,MAAAC,GAAM,UAAAC,0BAEvBC,GAAA,EAAY,eAAeb,GACzB,UAAAW,uBACEN,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAS,EAACC,GAAA,EAAe;AAAA,oBACfC,GAAA,EAAM,MAAK,SAAQ,MAAM,IACvB,UAAAJ,EAAA,CACH;AAAA,EAAA,CACF,EAAA,CAEJ;"}

package/build/esm/components/Table/components/Draggable/Header.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;AAaA,MAAMA,IAAmB,MAEZC,IAAkB,CAA0C;AAAA,EACvE,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAAuC;AACrC,QAAMC,IAAWH,EAAO,OAAO,YAAA,MAAkB,IAE3C;AAAA,IACJ,WAAAI;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAY;AAAA,IACd,IAAIb,EAAO,OAAO;AAAA,IAClB,UAAUA,EAAO,iBAAiBG;AAAA,IAClC,MAAM;AAAA,MACJ,MAAM;AAAA,IAAA;AAAA,EACR,CACD,GAEKW,IAAuB;AAAA,IAC3B,WAAWC,EAAI,UAAU,SAASX,CAAS;AAAA;AAAA,IAC3C,YAAAI;AAAA,IACA,OAAON,EAAQ,cAAcF,EAAO,OAAO,YAAY;AAAA,IACvD,SAASO,IAAaT,IAAmB;AAAA,EAAA;AAG3C,SACE,gBAAAkB,EAACC,KAAG,KAAKX,GAAsB,GAAGY,EAAgBlB,CAAM,GAAG,OAAAc,GACxD,UAAA;AAAA,IAAAK;AAAA,MACC,gBAAAC,EAACC,GAAA,EAAW,MAAMT,MAAUD,GACzB,UAAAW,EAAWtB,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,GACjE;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,IAEX,gBAAAoB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAArB;AAAA,QACA,OAAAD;AAAA,QACA,QAAAD;AAAA,QACA,YAAAK;AAAA,QACA,sBAAsBI;AAAA,QACtB,qBAAqBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACvB,GACF;AAEJ;"}
1	+ {"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":";;;;;;;;;AAaA,MAAMA,IAAmB,MAEZC,IAAkB,CAA0C;AAAA,EACvE,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAAuC;AACrC,QAAMC,IAAWH,EAAO,OAAO,YAAA,MAAkB,IAE3C;AAAA,IACJ,WAAAI;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAY;AAAA,IACd,IAAIb,EAAO,OAAO;AAAA,IAClB,UAAUA,EAAO,iBAAiBG;AAAA,IAClC,MAAM;AAAA,MACJ,MAAM;AAAA,IAAA;AAAA,EACR,CACD,GAEKW,IAAuB;AAAA,IAC3B,WAAWC,EAAI,UAAU,SAASX,CAAS;AAAA;AAAA,IAC3C,YAAAI;AAAA,IACA,OAAON,EAAQ,cAAcF,EAAO,OAAO,YAAY;AAAA,IACvD,SAASO,IAAaT,IAAmB;AAAA,EAAA;AAG3C,SACE,gBAAAkB,EAACC,KAAG,KAAKX,GAAsB,GAAGY,EAAgBlB,CAAM,GAAG,OAAAc,GACxD,UAAA;AAAA,IAAAK;AAAA,MACC,gBAAAC,EAACC,GAAA,EAAW,MAAMT,MAAUD,GACzB,UAAAW,EAAWtB,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,GACjE;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,IAEX,gBAAAoB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAArB;AAAA,QACA,OAAAD;AAAA,QACA,QAAAD;AAAA,QACA,YAAAK;AAAA,QACA,sBAAsBI;AAAA,QACtB,qBAAqBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACvB,GACF;AAEJ;"}

package/build/esm/components/Table/components/Draggable/HeaderCell.js.map CHANGED Viewed

	@@ -1 +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":";;;;AASO,MAAMA,IAAsB,CAA0C;AAAA,EAC3E,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AACF,MAMI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAAP;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QACEF,EAAO,OAAO,YAAA,MAAkB,MAC9B,gBAAAM;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKH;AAAA,QACJ,GAAGF;AAAA,QACH,GAAGC;AAAA,QACJ,wBAAOK,GAAA,EAAY;AAAA,QACnB,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AAAA;"}
1	+ {"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":";;;;AASO,MAAMA,IAAsB,CAA0C;AAAA,EAC3E,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AACF,MAMI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAAP;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QACEF,EAAO,OAAO,YAAA,MAAkB,MAC9B,gBAAAM;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKH;AAAA,QACJ,GAAGF;AAAA,QACH,GAAGC;AAAA,QACJ,wBAAOK,GAAA,EAAY;AAAA,QACnB,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AAAA;"}

package/build/esm/components/Table/components/Draggable/Row.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;AAaA,MAAMA,IAAmB,MAEZC,IAAe,CAAwB;AAAA,EAClD,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAEM;AACJ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBF,GACjC;AAAA,IACJ,WAAAG;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAY;AAAA,IACd,IAAId,EAAI;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,IAAA;AAAA,EACR,CACD,GAEKe,IAAuB;AAAA,IAC3B,WAAWC,EAAI,UAAU,SAASX,CAAS;AAAA;AAAA,IAC3C,YAAAC;AAAA,IACA,SAASG,IAAaX,IAAmB;AAAA,IACzC,UAAU;AAAA,EAAA;AAGZ,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,KAAKX;AAAA,MACL,OAAAQ;AAAA,MACA,WAAWI,EAAgBnB,GAAKG,CAAS;AAAA,MACzC,iBAAiBC,KAAmBJ,EAAI,aAAA;AAAA,MAEvC,UAAAA,EAAI,kBAAkB,IAAI,CAACoB,GAAMC,wBAC/BC,GAAA,EACE,UAAA;AAAA,QAAAD,MAAY,KACXE;AAAA,UACE,gBAAAN,EAACO,GAAA,EAAW,MAAMX,MAAUD,GACzB,UAAAa,EAAWL,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAA,CAAY,GAC3D;AAAA,UACA,SAAS;AAAA,QAAA;AAAA,QAEb,gBAAAH;AAAA,UAACS;AAAA,UAAA;AAAA,YAEC,MAAAN;AAAA,YACA,KAAApB;AAAA,YACA,OAAAC;AAAA,YACA,SAAAC;AAAA,YACC,GAAImB,MAAY,IACb,EAAE,YAAYb,GAAqB,mBAAmBE,GAAY,kBAAkBC,MACpF,CAAA;AAAA,UAAC;AAAA,UAPA,GAAGX,EAAI,EAAE,IAAIoB,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE;AAAA,QAAA;AAAA,MAQ7C,EAAA,GAjBa,GAAGpB,EAAI,EAAE,IAAIoB,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAkBrD,CACD;AAAA,IAAA;AAAA,IA1BIpB,EAAI;AAAA,EAAA;AA6Bf;"}
1	+ {"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":";;;;;;;;;;AAaA,MAAMA,IAAmB,MAEZC,IAAe,CAAwB;AAAA,EAClD,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAEM;AACJ,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBF,GACjC;AAAA,IACJ,WAAAG;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAY;AAAA,IACd,IAAId,EAAI;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,IAAA;AAAA,EACR,CACD,GAEKe,IAAuB;AAAA,IAC3B,WAAWC,EAAI,UAAU,SAASX,CAAS;AAAA;AAAA,IAC3C,YAAAC;AAAA,IACA,SAASG,IAAaX,IAAmB;AAAA,IACzC,UAAU;AAAA,EAAA;AAGZ,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,KAAKX;AAAA,MACL,OAAAQ;AAAA,MACA,WAAWI,EAAgBnB,GAAKG,CAAS;AAAA,MACzC,iBAAiBC,KAAmBJ,EAAI,aAAA;AAAA,MAEvC,UAAAA,EAAI,kBAAkB,IAAI,CAACoB,GAAMC,wBAC/BC,GAAA,EACE,UAAA;AAAA,QAAAD,MAAY,KACXE;AAAA,UACE,gBAAAN,EAACO,GAAA,EAAW,MAAMX,MAAUD,GACzB,UAAAa,EAAWL,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAA,CAAY,GAC3D;AAAA,UACA,SAAS;AAAA,QAAA;AAAA,QAEb,gBAAAH;AAAA,UAACS;AAAA,UAAA;AAAA,YAEC,MAAAN;AAAA,YACA,KAAApB;AAAA,YACA,OAAAC;AAAA,YACA,SAAAC;AAAA,YACC,GAAImB,MAAY,IACb,EAAE,YAAYb,GAAqB,mBAAmBE,GAAY,kBAAkBC,MACpF,CAAA;AAAA,UAAC;AAAA,UAPA,GAAGX,EAAI,EAAE,IAAIoB,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE;AAAA,QAAA;AAAA,MAQ7C,EAAA,GAjBa,GAAGpB,EAAI,EAAE,IAAIoB,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAkBrD,CACD;AAAA,IAAA;AAAA,IA1BIpB,EAAI;AAAA,EAAA;AA6Bf;"}

package/build/esm/components/Table/components/TableElements/ColumnVisibilityFilters.js.map CHANGED Viewed

	@@ -1 +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":";;;;;AAOO,MAAMA,IAA0B,CAAK,EAAE,OAAAC,EAAA,MAC5C,gBAAAC,EAACC,GAAA,EAAQ,KAAI,OAAM,UAAS,QAAO,OAAO,EAAE,cAAc,UACxD,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC,EAAM;AAAA,MACZ,QAAQL,EAAM,uBAAA;AAAA,MACd,SAASA,EAAM,qCAAA;AAAA,MAChB,UAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGAA,EAAM,kBAAA,EAAoB,IAAI,CAACM,MAC9B,gBAAAH;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,MAAMC,EAAM;AAAA,MACZ,QAAQC,EAAO,aAAA;AAAA,MACf,SAASA,EAAO,2BAAA;AAAA,MAEf,UAAAC,EAAwBD,EAAO,EAAE;AAAA,IAAA;AAAA,IAL7BA,EAAO;AAAA,EAAA,CAOf;AAAA,EAAA,CACH;"}
1	+ {"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":";;;;;AAOO,MAAMA,IAA0B,CAAK,EAAE,OAAAC,EAAA,MAC5C,gBAAAC,EAACC,GAAA,EAAQ,KAAI,OAAM,UAAS,QAAO,OAAO,EAAE,cAAc,UACxD,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC,EAAM;AAAA,MACZ,QAAQL,EAAM,uBAAA;AAAA,MACd,SAASA,EAAM,qCAAA;AAAA,MAChB,UAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGAA,EAAM,kBAAA,EAAoB,IAAI,CAACM,MAC9B,gBAAAH;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,MAAMC,EAAM;AAAA,MACZ,QAAQC,EAAO,aAAA;AAAA,MACf,SAASA,EAAO,2BAAA;AAAA,MAEf,UAAAC,EAAwBD,EAAO,EAAE;AAAA,IAAA;AAAA,IAL7BA,EAAO;AAAA,EAAA,CAOf;AAAA,EAAA,CACH;"}

package/build/esm/components/Table/components/TableElements/DraggableButton.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;AAUA,MAAMA,IAAwBC,EAAOC,CAAM;AAAA,eAC5B,CAAC,EAAE,MAAAC,IAAO,GAAGC,EAAM,MAAM,SAASC,EAAoBC,EAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA,GAM1FI,IAAkBC;AAAA,EAC7B,CAAC,EAAE,GAAGC,EAAA,GAAsEC,MAAyC;AACnH,UAAM,EAAE,MAAAP,EAAA,IAASQ,EAAA;AAEjB,WACE,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,WAAWa;AAAA,QACX,cAAW;AAAA,QACX,MAAAV;AAAA,QACA,SAASW,EAAS;AAAA,QAClB,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
1	+ {"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":";;;;;;;;;AAUA,MAAMA,IAAwBC,EAAOC,CAAM;AAAA,eAC5B,CAAC,EAAE,MAAAC,IAAO,GAAGC,EAAM,MAAM,SAASC,EAAoBC,EAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA,GAM1FI,IAAkBC;AAAA,EAC7B,CAAC,EAAE,GAAGC,EAAA,GAAsEC,MAAyC;AACnH,UAAM,EAAE,MAAAP,EAAA,IAASQ,EAAA;AAEjB,WACE,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,WAAWa;AAAA,QACX,cAAW;AAAA,QACX,MAAAV;AAAA,QACA,SAASW,EAAS;AAAA,QAClB,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/build/esm/components/Table/components/TableElements/Expander.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;AAUA,MAAMA,IAAgB,IAETC,IAAiBC,EAAO;AAAA,EACnC,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,QAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKjBF,IAASJ,CAAa;AAAA;AAAA,MAEpCK,KACFC;AAAA,2BACuBF,IAASJ,CAAa,QAAQO,EAAoBC,EAAuBL,CAAK,CAAC,EAAE,MAAM;AAAA,KAC7G;AAAA;AAEL,GAEaM,IAAW,CAAK,EAAE,KAAAC,GAAK,YAAAC,GAAY,UAAAC,QAAkC;AAChF,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,SAAOJ,MAAe,KACpBC,IAEA,gBAAAI,EAACf,KAAe,OAAOY,GAAM,QAAQH,EAAI,OAAO,YAAY,CAACA,EAAI,gBAC9D,UAAA;AAAA,IAAAA,EAAI,kBACH,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUR,EAAI,cAAA;AAAA,QAEZ,SAASA,EAAI,yBAAA;AAAA,MACf;AAAA,IAAA;AAAA,IAGHE;AAAA,EAAA,GACH;AAEJ;"}
1	+ {"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":";;;;;;;AAUA,MAAMA,IAAgB,IAETC,IAAiBC,EAAO;AAAA,EACnC,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,QAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKjBF,IAASJ,CAAa;AAAA;AAAA,MAEpCK,KACFC;AAAA,2BACuBF,IAASJ,CAAa,QAAQO,EAAoBC,EAAuBL,CAAK,CAAC,EAAE,MAAM;AAAA,KAC7G;AAAA;AAEL,GAEaM,IAAW,CAAK,EAAE,KAAAC,GAAK,YAAAC,GAAY,UAAAC,QAAkC;AAChF,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,SAAOJ,MAAe,KACpBC,IAEA,gBAAAI,EAACf,KAAe,OAAOY,GAAM,QAAQH,EAAI,OAAO,YAAY,CAACA,EAAI,gBAC9D,UAAA;AAAA,IAAAA,EAAI,kBACH,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUR,EAAI,cAAA;AAAA,QAEZ,SAASA,EAAI,yBAAA;AAAA,MACf;AAAA,IAAA;AAAA,IAGHE;AAAA,EAAA,GACH;AAEJ;"}

package/build/esm/components/Table/components/TableElements/ExpanderButton.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;AAYO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAAyBC,MAAyC;AAChF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA,GAE1BC,IAAY;AAAA,MAChB,OAAOC,EAAoBJ,CAAI,EAAE;AAAA,MACjC,QAAQI,EAAoBJ,CAAI,EAAE;AAAA,IAAA;AAGpC,WACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,cAAW;AAAA,QACX,MAAMC,EAAQR,CAAI;AAAA,QAClB,SAASS,EAAS;AAAA,QAClB,MACEZ,IACE,gBAAAQ,EAACK,GAAA,EAAY,eAAY,qBAAqB,GAAGP,EAAA,CAAW,IAE5D,gBAAAE,EAACM,GAAA,EAAa,eAAY,sBAAsB,GAAGR,GAAW;AAAA,QAGlE,UAAU;AAAA,QACV,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
1	+ {"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":";;;;;;;;;;AAYO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAAyBC,MAAyC;AAChF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA,GAE1BC,IAAY;AAAA,MAChB,OAAOC,EAAoBJ,CAAI,EAAE;AAAA,MACjC,QAAQI,EAAoBJ,CAAI,EAAE;AAAA,IAAA;AAGpC,WACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,cAAW;AAAA,QACX,MAAMC,EAAQR,CAAI;AAAA,QAClB,SAASS,EAAS;AAAA,QAClB,MACEZ,IACE,gBAAAQ,EAACK,GAAA,EAAY,eAAY,qBAAqB,GAAGP,EAAA,CAAW,IAE5D,gBAAAE,EAACM,GAAA,EAAa,eAAY,sBAAsB,GAAGR,GAAW;AAAA,QAGlE,UAAU;AAAA,QACV,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/build/esm/components/Table/components/TableElements/Filter.js.map CHANGED Viewed

	@@ -1 +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":";;;AAIO,MAAMA,IAAS,CAAC,EAAE,SAAAC,EAAA,wBACtBC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAgB,UAAAH,EAAA,CAAQ;AAAA,oBACxBI,GAAA,CAAA,CAAa;AAAA,EAAA,CAChB;"}
1	+ {"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":";;;AAIO,MAAMA,IAAS,CAAC,EAAE,SAAAC,EAAA,wBACtBC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAgB,UAAAH,EAAA,CAAQ;AAAA,oBACxBI,GAAA,CAAA,CAAa;AAAA,EAAA,CAChB;"}

package/build/esm/components/Table/components/TableElements/FilterButton.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;AASO,MAAMA,IAAeC;AAAA,EAC1B,CAAC,EAAE,GAAGC,EAAA,GAAyCC,MAAyC;AACtF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,UACX,cAAc;AAAA,UACd,WAAWC;AAAA,UACX,wBAAOC,GAAA,EAAW;AAAA,UAClB,UAAU;AAAA,UACV,MAAMC,EAAQP,CAAI;AAAA,UAClB,SAASQ,EAAS;AAAA,UAClB,KAAAT;AAAA,UACA,GAAGD;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGN;AACF;"}
1	+ {"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":";;;;;;;;AASO,MAAMA,IAAeC;AAAA,EAC1B,CAAC,EAAE,GAAGC,EAAA,GAAyCC,MAAyC;AACtF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,UACX,cAAc;AAAA,UACd,WAAWC;AAAA,UACX,wBAAOC,GAAA,EAAW;AAAA,UAClB,UAAU;AAAA,UACV,MAAMC,EAAQP,CAAI;AAAA,UAClB,SAASQ,EAAS;AAAA,UAClB,KAAAT;AAAA,UACA,GAAGD;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/build/esm/components/Table/components/TableElements/HeaderCell.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;AAqBA,MAAMA,IAAgB,CAA0C;AAAA,EAC9D,YAAAC;AAAA,EACA,QAAAC;AACF,MAGM;AACJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYF,EAAO,OAAO;AAExC,2BACGG,GAAA,EAAQ,WAAWC,GAAiC,YAAW,UAAS,gBAAe,cACrF,UAAA;AAAA,IAAAH;AAAA,sBACAE,GAAA,EAAQ,eAAc,UAAS,YAAW,cAAa,KAAI,OACzD,UAAA;AAAA,MAAAJ;AAAA,MACAG,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAWC,GAA0C,YAAWJ,GAASF,EAAO,WAAA,CAAY,EAAA,CAAE;AAAA,IAAA,EAAA,CAExG;AAAA,EAAA,GACF;AAEJ,GAEaO,IAAa,CAA0C;AAAA,EAClE,QAAAP;AAAA,EACA,OAAAQ;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAgE;AAC9D,QAAMC,IAA4BF,GAAS,kBAAkB,CAACT,EAAO,iBAAiBA,EAAO,OAAO,aAAA,GAC9FY,IAAqBH,GAAS,WAAWT,EAAO,OAAO,WAAA,GACvDa,IAAsBC,EAAuBd,GAAQS,CAAO,GAC5DM,IAAaC,EAAsBhB,GAAQS,CAAO,GAClD,EAAE,WAAAQ,EAAA,IAAcC,EAAgBlB,CAAM,GAEtCD,IAAaC,EAAO,gBAAgB,OAAOmB,EAAWnB,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY;AAE/G,SACE,gBAAAoB,EAACjB,GAAA,EAAQ,YAAW,UAAS,UAAU,GACpC,UAAA;AAAA,IAAAH,EAAO,eAAA,EAAiB,WAAW,KAClCQ,GAAO,QAAQ,sBACfR,EAAO,OAAO,SAAA,MAAe,KAC7B,CAAC,CAACQ,KACA,gBAAAH;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,SAASb,EAAM,qBAAA;AAAA,QACf,eAAeA,EAAM,sBAAA;AAAA,QACrB,UAAUA,EAAM,gCAAA;AAAA,MAAgC;AAAA,IAAA;AAAA,sBAGrDL,GAAA,EAAQ,YAAW,UAAS,UAAU,GAAG,gBAAgBc,GACvD,UAAA;AAAA,MAAAP;AAAA,MACAE,IACC,gBAAAP;AAAA,QAACiB;AAAA,QAAA;AAAA,UACC,eAAetB,EAAO,OAAO,YAAA,KAAiB;AAAA,UAC9C,SAASA,EAAO,OAAO,wBAAA;AAAA,UAEtB,WAAC,CAACD,KAAc,gBAAAM,EAACP,GAAA,EAAc,YAAAC,GAAwB,QAAAC,EAAA,CAAgB;AAAA,QAAA;AAAA,MAAA,IAG1E,CAAC,CAACD,KAAc,gBAAAM,EAACP,GAAA,EAAc,YAAAC,GAAwB,QAAAC,EAAA,CAAgB;AAAA,IAAA,GAE3E;AAAA,IACCa,EAAoB,SAAS,KAC5B,gBAAAR,EAACF,GAAA,EAAQ,YAAW,YAClB,UAAA,gBAAAE;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,gBACER,MAAe,aACX,EAAE,wBAAOS,GAAA,CAAA,CAAI,GAAI,WAAWC,EAAA,IAC5B,EAAE,wBAAOC,GAAA,EAAiB,GAAI,WAAWC,EAAA;AAAA,QAE/C,WAAWd;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEF,gBAAAR;AAAA,MAACuB;AAAA,MAAA;AAAA,QACE,GAAIjB,IACD,EAAE,aAAaX,EAAO,iBAAA,GAAoB,cAAcA,EAAO,iBAAA,MAC/D,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
1	+ {"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":";;;;;;;;;;;AAqBA,MAAMA,IAAgB,CAA0C;AAAA,EAC9D,YAAAC;AAAA,EACA,QAAAC;AACF,MAGM;AACJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYF,EAAO,OAAO;AAExC,2BACGG,GAAA,EAAQ,WAAWC,GAAiC,YAAW,UAAS,gBAAe,cACrF,UAAA;AAAA,IAAAH;AAAA,sBACAE,GAAA,EAAQ,eAAc,UAAS,YAAW,cAAa,KAAI,OACzD,UAAA;AAAA,MAAAJ;AAAA,MACAG,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAWC,GAA0C,YAAWJ,GAASF,EAAO,WAAA,CAAY,EAAA,CAAE;AAAA,IAAA,EAAA,CAExG;AAAA,EAAA,GACF;AAEJ,GAEaO,IAAa,CAA0C;AAAA,EAClE,QAAAP;AAAA,EACA,OAAAQ;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAgE;AAC9D,QAAMC,IAA4BF,GAAS,kBAAkB,CAACT,EAAO,iBAAiBA,EAAO,OAAO,aAAA,GAC9FY,IAAqBH,GAAS,WAAWT,EAAO,OAAO,WAAA,GACvDa,IAAsBC,EAAuBd,GAAQS,CAAO,GAC5DM,IAAaC,EAAsBhB,GAAQS,CAAO,GAClD,EAAE,WAAAQ,EAAA,IAAcC,EAAgBlB,CAAM,GAEtCD,IAAaC,EAAO,gBAAgB,OAAOmB,EAAWnB,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY;AAE/G,SACE,gBAAAoB,EAACjB,GAAA,EAAQ,YAAW,UAAS,UAAU,GACpC,UAAA;AAAA,IAAAH,EAAO,eAAA,EAAiB,WAAW,KAClCQ,GAAO,QAAQ,sBACfR,EAAO,OAAO,SAAA,MAAe,KAC7B,CAAC,CAACQ,KACA,gBAAAH;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,SAASb,EAAM,qBAAA;AAAA,QACf,eAAeA,EAAM,sBAAA;AAAA,QACrB,UAAUA,EAAM,gCAAA;AAAA,MAAgC;AAAA,IAAA;AAAA,sBAGrDL,GAAA,EAAQ,YAAW,UAAS,UAAU,GAAG,gBAAgBc,GACvD,UAAA;AAAA,MAAAP;AAAA,MACAE,IACC,gBAAAP;AAAA,QAACiB;AAAA,QAAA;AAAA,UACC,eAAetB,EAAO,OAAO,YAAA,KAAiB;AAAA,UAC9C,SAASA,EAAO,OAAO,wBAAA;AAAA,UAEtB,WAAC,CAACD,KAAc,gBAAAM,EAACP,GAAA,EAAc,YAAAC,GAAwB,QAAAC,EAAA,CAAgB;AAAA,QAAA;AAAA,MAAA,IAG1E,CAAC,CAACD,KAAc,gBAAAM,EAACP,GAAA,EAAc,YAAAC,GAAwB,QAAAC,EAAA,CAAgB;AAAA,IAAA,GAE3E;AAAA,IACCa,EAAoB,SAAS,KAC5B,gBAAAR,EAACF,GAAA,EAAQ,YAAW,YAClB,UAAA,gBAAAE;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,gBACER,MAAe,aACX,EAAE,wBAAOS,GAAA,CAAA,CAAI,GAAI,WAAWC,EAAA,IAC5B,EAAE,wBAAOC,GAAA,EAAiB,GAAI,WAAWC,EAAA;AAAA,QAE/C,WAAWd;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEF,gBAAAR;AAAA,MAACuB;AAAA,MAAA;AAAA,QACE,GAAIjB,IACD,EAAE,aAAaX,EAAO,iBAAA,GAAoB,cAAcA,EAAO,iBAAA,MAC/D,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/build/esm/components/Table/components/TableElements/HeaderCellMenu.js.map CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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/esm/components/Table/components/TableElements/NumericCell.js.map CHANGED Viewed

	@@ -1 +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":";;AAEO,MAAMA,IAAoBC,EAAO;AAAA;AAAA,GAI3BC,IAAc,CAAC,EAAE,GAAGC,QAAW,gBAAAC,EAACJ,GAAA,EAAmB,GAAGG,EAAA,CAAM;"}
1	+ {"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":";;AAEO,MAAMA,IAAoBC,EAAO;AAAA;AAAA,GAI3BC,IAAc,CAAC,EAAE,GAAGC,QAAW,gBAAAC,EAACJ,GAAA,EAAmB,GAAGG,EAAA,CAAM;"}

package/build/esm/components/Table/components/TableElements/PinButton.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;AAiBO,MAAMA,IAAYC;AAAA,EACvB,CAAC,EAAE,kBAAAC,GAAkB,GAAGC,EAAA,GAAoBC,MAAyC;AACnF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA,GAE1BC,IAAsB,MAAM;AAChC,cAAQN,GAAA;AAAA,QACN,KAAKO,EAAU;AACb,iBAAO,gBAAAC,EAACC,GAAA,EAAU,eAAY,iBAAA,CAAiB;AAAA,QACjD,KAAKF,EAAU;AACb,iBAAO,gBAAAC,EAACE,GAAA,EAAW,eAAY,kBAAA,CAAkB;AAAA,QACnD;AACE,iBAAO,gBAAAF,EAACG,GAAA,EAAM,eAAY,YAAA,CAAY;AAAA,MAAA;AAAA,IAE5C;AAEA,WACE,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,cAAW;AAAA,QACX,MAAMC,EAAQX,CAAI;AAAA,QAClB,SAASY,EAAS;AAAA,QAClB,UAAU;AAAA,QACV,MAAMT,EAAA;AAAA,QACN,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
1	+ {"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":";;;;;;;;;;AAiBO,MAAMA,IAAYC;AAAA,EACvB,CAAC,EAAE,kBAAAC,GAAkB,GAAGC,EAAA,GAAoBC,MAAyC;AACnF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA,GAE1BC,IAAsB,MAAM;AAChC,cAAQN,GAAA;AAAA,QACN,KAAKO,EAAU;AACb,iBAAO,gBAAAC,EAACC,GAAA,EAAU,eAAY,iBAAA,CAAiB;AAAA,QACjD,KAAKF,EAAU;AACb,iBAAO,gBAAAC,EAACE,GAAA,EAAW,eAAY,kBAAA,CAAkB;AAAA,QACnD;AACE,iBAAO,gBAAAF,EAACG,GAAA,EAAM,eAAY,YAAA,CAAY;AAAA,MAAA;AAAA,IAE5C;AAEA,WACE,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,cAAW;AAAA,QACX,MAAMC,EAAQX,CAAI;AAAA,QAClB,SAASY,EAAS;AAAA,QAClB,UAAU;AAAA,QACV,MAAMT,EAAA;AAAA,QACN,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/build/esm/components/Table/components/TableElements/Resizer.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;AASO,MAAMA,IAAgBC,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,QAAkBC;AAAA,MAC9B,EAAQD,KACVC;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKSC,EAAmBH,CAAI,EAAE,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUrCD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEK,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAGpG,GAEaC,IAAU,CAAC,EAAE,aAAAJ,GAAa,cAAAK,GAAc,GAAGC,QAA2C;AACjG,QAAM,EAAE,MAAAP,IAAOQ,EAAM,OAAA,IAAWC,EAAA;AAGhC,SAFwBC,EAAQ,MAAM,EAAQT,KAAgB,EAAQK,GAAe,CAACL,GAAaK,CAAY,CAAC,IAO9G,gBAAAK;AAAA,IAACd;AAAA,IAAA;AAAA,MACC,aAAAI;AAAA,MACA,cAAAK;AAAA,MACA,cAAW;AAAA,MACX,WAAWM;AAAA,MACX,MAAAZ;AAAA,MACC,GAAGO;AAAA,IAAA;AAAA,EAAA,IAVC;AAaX;"}
1	+ {"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":";;;;;;;;AASO,MAAMA,IAAgBC,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,QAAkBC;AAAA,MAC9B,EAAQD,KACVC;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKSC,EAAmBH,CAAI,EAAE,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUrCD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEK,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAGpG,GAEaC,IAAU,CAAC,EAAE,aAAAJ,GAAa,cAAAK,GAAc,GAAGC,QAA2C;AACjG,QAAM,EAAE,MAAAP,IAAOQ,EAAM,OAAA,IAAWC,EAAA;AAGhC,SAFwBC,EAAQ,MAAM,EAAQT,KAAgB,EAAQK,GAAe,CAACL,GAAaK,CAAY,CAAC,IAO9G,gBAAAK;AAAA,IAACd;AAAA,IAAA;AAAA,MACC,aAAAI;AAAA,MACA,cAAAK;AAAA,MACA,cAAW;AAAA,MACX,WAAWM;AAAA,MACX,MAAAZ;AAAA,MACC,GAAGO;AAAA,IAAA;AAAA,EAAA,IAVC;AAaX;"}

package/build/esm/components/Table/components/TableElements/SelectionCheckbox.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;AASO,MAAMA,IAAoBC,EAAW,CAAC,EAAE,GAAGC,EAAA,GAAwBC,MAAwC;AAChH,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,SACE,gBAAAC,EAACC,GAAA,EAAS,WAAWC,GAAsB,cAAW,kBAAiB,MAAMC,EAAQN,CAAI,GAAG,KAAAD,GAAW,GAAGD,EAAA,CAAM;AAEpH,CAAC;"}
1	+ {"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":";;;;;;;AASO,MAAMA,IAAoBC,EAAW,CAAC,EAAE,GAAGC,EAAA,GAAwBC,MAAwC;AAChH,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAA;AAEhC,SACE,gBAAAC,EAACC,GAAA,EAAS,WAAWC,GAAsB,cAAW,kBAAiB,MAAMC,EAAQN,CAAI,GAAG,KAAAD,GAAW,GAAGD,EAAA,CAAM;AAEpH,CAAC;"}

package/build/esm/components/Table/components/TableElements/SorterButton.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;AAoBA,MAAMA,IAAqBC,EAAOC,CAAM;AAAA,eACzB,CAAC,EAAE,MAAAC,IAAO,GAAGC,EAAM,MAAM,SAASC,EAAoBC,EAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA,GAK1FI,IAAeC;AAAA,EAC1B,CAAC,EAAE,eAAAC,GAAe,GAAGC,EAAA,GAA2BC,MAAyC;AACvF,UAAM,EAAE,MAAAR,EAAA,IAASS,EAAA;AAEjB,WACE,gBAAAC;AAAA,MAACb;AAAA,MAAA;AAAA,QACC,WAAWc;AAAA,QACX,cAAW;AAAA,QACX,MAAAX;AAAA,QACA,SAASY,EAAS;AAAA,QAClB,cAAcC,EAAU;AAAA,QACxB,MACE,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAT,MAAkB,SAAS,gBAAAI,EAACM,GAAA,EAAQ,WAAWC,GAAsB;AAAA,UACrEX,MAAkB,UAAU,gBAAAI,EAACQ,GAAA,EAAU,WAAWC,EAAA,CAAuB;AAAA,QAAA,GAC5E;AAAA,QAEF,KAAAX;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
1	+ {"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":";;;;;;;;;;;AAoBA,MAAMA,IAAqBC,EAAOC,CAAM;AAAA,eACzB,CAAC,EAAE,MAAAC,IAAO,GAAGC,EAAM,MAAM,SAASC,EAAoBC,EAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA,GAK1FI,IAAeC;AAAA,EAC1B,CAAC,EAAE,eAAAC,GAAe,GAAGC,EAAA,GAA2BC,MAAyC;AACvF,UAAM,EAAE,MAAAR,EAAA,IAASS,EAAA;AAEjB,WACE,gBAAAC;AAAA,MAACb;AAAA,MAAA;AAAA,QACC,WAAWc;AAAA,QACX,cAAW;AAAA,QACX,MAAAX;AAAA,QACA,SAASY,EAAS;AAAA,QAClB,cAAcC,EAAU;AAAA,QACxB,MACE,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAT,MAAkB,SAAS,gBAAAI,EAACM,GAAA,EAAQ,WAAWC,GAAsB;AAAA,UACrEX,MAAkB,UAAU,gBAAAI,EAACQ,GAAA,EAAU,WAAWC,EAAA,CAAuB;AAAA,QAAA,GAC5E;AAAA,QAEF,KAAAX;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}