acinguiux-ds-react-framework 0.0.6 → 0.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"ExpanderButton.js","sources":["../../../../../../src/components/Table/components/TableElements/ExpanderButton.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'react';\r\n\r\nimport { Sizes, Variants, TABLE_EXPANDER_BUTTON_CLASS, ButtonConsts } from 'acinguiux-ds-react-base';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { ITableExpander } from '../../Table.types';\r\nimport Button from '../../../Button/Button';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport { ChevronDown, ChevronRight } from '../../../Icon/components';\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.icons[size],\r\n      height: ButtonConsts.consts.icons[size],\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\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":";;;;;;;;;AAUO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAAyBC,MAAyC;AAChF,UAAM,EAAE,MAAAC,IAAOC,EAAM,WAAWC,EAAS,GAEnCC,IAAY;AAAA,MAChB,OAAOC,EAAoB,MAAMJ,CAAI;AAAA,MACrC,QAAQI,EAAoB,MAAMJ,CAAI;AAAA,IAAA;AAItC,WAAA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,cAAW;AAAA,QACX,MAAMC,EAAQR,CAAI;AAAA,QAClB,SAASS,EAAS;AAAA,QAClB,MACEZ,IACG,gBAAAQ,EAAAK,GAAA,EAAY,eAAY,qBAAqB,GAAGP,EAAW,CAAA,IAE3D,gBAAAE,EAAAM,GAAA,EAAa,eAAY,sBAAsB,GAAGR,GAAW;AAAA,QAGlE,UAAQ;AAAA,QACR,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"version":3,"file":"ExpanderButton.js","sources":["../../../../../../src/components/Table/components/TableElements/ExpanderButton.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'react';\n\nimport { Sizes, Variants, TABLE_EXPANDER_BUTTON_CLASS, ButtonConsts } from 'acinguiux-ds-react-base';\n\nimport { useTable } from '../../hooks/useTable';\nimport { ITableExpander } from '../../Table.types';\nimport Button from '../../../Button/Button';\nimport { getSize } from '../../utils/tableUtils';\nimport { ChevronDown, ChevronRight } from '../../../Icon/components';\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.icons[size],\n      height: ButtonConsts.consts.icons[size],\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\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":";;;;;;;;;AAUO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAAyBC,MAAyC;AAChF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAS,GAEnCC,IAAY;AAAA,MAChB,OAAOC,EAAoB,MAAMJ,CAAI;AAAA,MACrC,QAAQI,EAAoB,MAAMJ,CAAI;AAAA,IACxC;AAGE,WAAA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,cAAW;AAAA,QACX,MAAMC,EAAQR,CAAI;AAAA,QAClB,SAASS,EAAS;AAAA,QAClB,MACEZ,IACG,gBAAAQ,EAAAK,GAAA,EAAY,eAAY,qBAAqB,GAAGP,EAAW,CAAA,IAE3D,gBAAAE,EAAAM,GAAA,EAAa,eAAY,sBAAsB,GAAGR,GAAW;AAAA,QAGlE,UAAQ;AAAA,QACR,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../src/components/Table/components/TableElements/Filter.tsx"],"sourcesContent":["import { IFilterProps } from './TableElements.types';\r\nimport { FilterButton } from './FilterButton';\r\nimport { Popover, PopoverContent } from '../../../Popover/Popover';\r\n\r\nexport const Filter = ({ filters }: IFilterProps) => (<Popover>\r\n  <PopoverContent>{filters}</PopoverContent>\r\n  <FilterButton />\r\n</Popover>);\r\n"],"names":["Filter","filters","Popover","jsx","PopoverContent","FilterButton"],"mappings":";;;AAIO,MAAMA,IAAS,CAAC,EAAE,SAAAC,EAAQ,wBAAsBC,GACrD,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAgB,UAAQH,EAAA,CAAA;AAAA,oBACxBI,GAAa,EAAA;AAAA,EAChB,CAAA;"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../src/components/Table/components/TableElements/Filter.tsx"],"sourcesContent":["import { IFilterProps } from './TableElements.types';\nimport { FilterButton } from './FilterButton';\nimport { Popover, PopoverContent } from '../../../Popover/Popover';\n\nexport const Filter = ({ filters }: IFilterProps) => (<Popover>\n  <PopoverContent>{filters}</PopoverContent>\n  <FilterButton />\n</Popover>);\n"],"names":["Filter","filters","Popover","jsx","PopoverContent","FilterButton"],"mappings":";;;AAIO,MAAMA,IAAS,CAAC,EAAE,SAAAC,EAAQ,wBAAsBC,GACrD,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAgB,UAAQH,EAAA,CAAA;AAAA,oBACxBI,GAAa,CAAA,CAAA;AAAA,EAChB,CAAA;"}

package/build/esm/components/Table/components/TableElements/FilterButton.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-export declare const FilterButton: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const FilterButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=FilterButton.d.ts.map

package/build/esm/components/Table/components/TableElements/FilterButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/FilterButton.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,0NAgBxB,CAAC"}
+{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/FilterButton.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY;;6DAiBxB,CAAC"}

package/build/esm/components/Table/components/TableElements/FilterButton.js

@@ -1,26 +1,26 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { useTable as i } from "../../hooks/useTable.js";
-import m from "../../../Icon/components/Filter.js";
+import { useTable as m } from "../../hooks/useTable.js";
+import a from "../../../Icon/components/Filter.js";
 import { getSize as n } from "../../utils/tableUtils.js";
-import { PopoverTrigger as a } from "../../../Popover/Popover.js";
-import { Sizes as s, TABLE_FILTER_BUTTON_CLASS as p, Variants as f } from "../../../../react-base/src/consts.js";
-const S = e(
-  (...o) => {
-    const { size: t = s.Medium } = i();
-    return /* @__PURE__ */ r(a, { buttonProps: {
+import { PopoverTrigger as s } from "../../../Popover/Popover.js";
+import { Sizes as p, TABLE_FILTER_BUTTON_CLASS as f, Variants as l } from "../../../../react-base/src/consts.js";
+const g = e(
+  ({ ...o }, t) => {
+    const { size: i = p.Medium } = m();
+    return /* @__PURE__ */ r(s, { buttonProps: {
       "aria-label": "Filter button",
-      className: p,
-      icon: /* @__PURE__ */ r(m, {}),
+      className: f,
+      icon: /* @__PURE__ */ r(a, {}),
       iconOnly: !0,
-      size: n(t),
-      variant: f.Transparent,
-      ref: null,
+      size: n(i),
+      variant: l.Transparent,
+      ref: t,
       ...o
     } });
   }
 );
 export {
-  S as FilterButton
+  g as FilterButton
 };
 //# sourceMappingURL=FilterButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/FilterButton.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithoutRef, ForwardedRef } from 'react';\r\n\r\nimport { Variants, Sizes, TABLE_FILTER_BUTTON_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { Filter as FilterIcon } from '../../../Icon/components';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport { PopoverTrigger } from '../../../Popover/Popover';\r\n\r\nexport const FilterButton = forwardRef<HTMLButtonElement, ComponentPropsWithoutRef<'button'>>((...rest: any) => {\r\n    const { size = Sizes.Medium } = useTable();\r\n\r\n    return (\r\n      <PopoverTrigger 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: null,\r\n          ...rest,\r\n      }} />\r\n    );\r\n  },\r\n);\r\n"],"names":["FilterButton","forwardRef","rest","size","Sizes","useTable","jsx","PopoverTrigger","TABLE_FILTER_BUTTON_CLASS","FilterIcon","getSize","Variants"],"mappings":";;;;;;;AASO,MAAMA,IAAeC;AAAA,EAAkE,IAAIC,MAAc;AAC5G,UAAM,EAAE,MAAAC,IAAOC,EAAM,WAAWC,EAAS;AAGvC,WAAA,gBAAAC,EAACC,KAAe,aAAa;AAAA,MAC3B,cAAc;AAAA,MACd,WAAWC;AAAA,MACX,wBAAOC,GAAW,EAAA;AAAA,MAClB,UAAU;AAAA,MACV,MAAMC,EAAQP,CAAI;AAAA,MAClB,SAASQ,EAAS;AAAA,MAChB,KAAK;AAAA,MACL,GAAGT;AAAA,IACJ,EAAA,CAAA;AAAA,EAEP;AACF;"}
+{"version":3,"file":"FilterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/FilterButton.tsx"],"sourcesContent":["import { forwardRef, ComponentPropsWithRef, ForwardedRef } from 'react';\n\nimport { Variants, Sizes, TABLE_FILTER_BUTTON_CLASS } from 'acinguiux-ds-react-base';\n\nimport { useTable } from '../../hooks/useTable';\nimport { Filter as FilterIcon } from '../../../Icon/components';\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 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"],"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,KAAyCC,MAAyC;AACtF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAS;AAGvC,WAAA,gBAAAC,EAACC,KAAe,aAAa;AAAA,MAC3B,cAAc;AAAA,MACd,WAAWC;AAAA,MACX,wBAAOC,GAAW,EAAA;AAAA,MAClB,UAAU;AAAA,MACV,MAAMC,EAAQP,CAAI;AAAA,MAClB,SAASQ,EAAS;AAAA,MAClB,KAAAT;AAAA,MACA,GAAGD;AAAA,IAAA,GACF;AAAA,EAAA;AAGT;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCell.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\r\n\r\nimport { flexRender } from '@tanstack/react-table';\r\nimport { Sizes, TABLE_MENU_BUTTON_CLASS, TABLE_PIN_BUTTON_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { EllipsisVertical, Pin } from '../../../Icon/components';\r\nimport { IHeaderCellProps } from '../BaseTable/BaseTable.types';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { SorterButton } from './SorterButton';\r\nimport { Resizer } from './Resizer';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { getHeaderCellGap } from '../../utils/tableUtils';\r\nimport { SelectionCheckbox } from './SelectionCheckbox';\r\nimport { DraggableButton } from './DraggableButton';\r\nimport { HeaderCellMenu, useHeaderCellMenuItems, useHeaderCellMenuKind } from './HeaderCellMenu';\r\n\r\nconst MaybeDraggableButton = ({ isDraggable, children }: PropsWithChildren<{ isDraggable?: boolean }>) => isDraggable ? <DraggableButton>{children}</DraggableButton> : children;\r\n\r\nexport const HeaderCell = <T,>({ header, table, options }: IHeaderCellProps<T>) => {\r\n  const { size = Sizes.Medium } = useTable();\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\r\n  const headerText = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());\r\n\r\n  return (<Flexbox gap={getHeaderCellGap(size)} alignItems=\"center\" flexGrow={1}>\r\n    {header.getLeafHeaders().length === 1 && table?.options.enableRowSelection && header.column.getIndex() === 0 && !!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    {showSortingOptions ? (\r\n      <SorterButton\r\n        sortDirection={header.column.getIsSorted() || undefined}\r\n        onClick={header.column.getToggleSortingHandler()}\r\n      >\r\n        {headerText}\r\n      </SorterButton>\r\n    ) : <MaybeDraggableButton isDraggable={options?.dragAndDrop}>{headerText}</MaybeDraggableButton>}\r\n    {headerCellMenuItems.length > 0 && (\r\n      <Flexbox gap={getHeaderCellGap(size)} flexGrow={1} alignItems=\"flex-end\">\r\n        <HeaderCellMenu triggerOptions={headerKind === 'pin-only' ? { icon: <Pin />, className: TABLE_PIN_BUTTON_CLASS } : { icon: <EllipsisVertical />, className: TABLE_MENU_BUTTON_CLASS }} menuItems={headerCellMenuItems} />\r\n      </Flexbox>\r\n    )}\r\n    <Resizer {...(showColumnResizingOptions ? { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() } : {})} />\r\n  </Flexbox>);\r\n};\r\n"],"names":["MaybeDraggableButton","isDraggable","children","jsx","DraggableButton","HeaderCell","header","table","options","size","Sizes","useTable","showColumnResizingOptions","showSortingOptions","headerCellMenuItems","useHeaderCellMenuItems","headerKind","useHeaderCellMenuKind","headerText","flexRender","jsxs","Flexbox","getHeaderCellGap","SelectionCheckbox","Fragment","SorterButton","HeaderCellMenu","Pin","TABLE_PIN_BUTTON_CLASS","EllipsisVertical","TABLE_MENU_BUTTON_CLASS","Resizer"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAAuB,CAAC,EAAE,aAAAC,GAAa,UAAAC,QAA6DD,IAAc,gBAAAE,EAACC,GAAiB,EAAA,UAAAF,EAAS,CAAA,IAAqBA,GAE3JG,IAAa,CAAK,EAAE,QAAAC,GAAQ,OAAAC,GAAO,SAAAC,QAAmC;AACjF,QAAM,EAAE,MAAAC,IAAOC,EAAM,WAAWC,EAAS,GACnCC,KAA4BJ,KAAA,gBAAAA,EAAS,mBAAkB,CAACF,EAAO,iBAAiBA,EAAO,OAAO,gBAC9FO,KAAqBL,KAAA,gBAAAA,EAAS,YAAWF,EAAO,OAAO,cACvDQ,IAAsBC,EAAuBT,GAAQE,CAAO,GAC5DQ,IAAaC,EAAsBX,GAAQE,CAAO,GAElDU,IAAaZ,EAAO,gBAAgB,OAAOa,EAAWb,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAY,CAAA;AAEvG,SAAA,gBAAAc,EAACC,KAAQ,KAAKC,EAAiBb,CAAI,GAAG,YAAW,UAAS,UAAU,GACzE,UAAA;AAAA,IAAAH,EAAO,eAAe,EAAE,WAAW,MAAKC,KAAA,QAAAA,EAAO,QAAQ,uBAAsBD,EAAO,OAAO,SAAS,MAAM,KAAOC,IAChH,gBAAAJ;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,SAAShB,EAAM,qBAAqB;AAAA,QACpC,eAAeA,EAAM,sBAAsB;AAAA,QAC3C,UAAUA,EAAM,gCAAgC;AAAA,MAAA;AAAA,IAAA,IAC3C,gBAAAJ,EAAAqB,GAAA,EAAA;AAAA,IAERX,IACC,gBAAAV;AAAA,MAACsB;AAAA,MAAA;AAAA,QACC,eAAenB,EAAO,OAAO,YAAA,KAAiB;AAAA,QAC9C,SAASA,EAAO,OAAO,wBAAwB;AAAA,QAE9C,UAAAY;AAAA,MAAA;AAAA,IAAA,IAEA,gBAAAf,EAAAH,GAAA,EAAqB,aAAaQ,KAAA,gBAAAA,EAAS,aAAc,UAAWU,GAAA;AAAA,IACxEJ,EAAoB,SAAS,KAC3B,gBAAAX,EAAAkB,GAAA,EAAQ,KAAKC,EAAiBb,CAAI,GAAG,UAAU,GAAG,YAAW,YAC5D,UAAC,gBAAAN,EAAAuB,GAAA,EAAe,gBAAgBV,MAAe,aAAa,EAAE,wBAAOW,GAAI,CAAA,CAAA,GAAI,WAAWC,MAA2B,EAAE,MAAO,gBAAAzB,EAAA0B,GAAA,CAAA,CAAiB,GAAI,WAAWC,EAA2B,GAAA,WAAWhB,EAAqB,CAAA,GACzN;AAAA,IAED,gBAAAX,EAAA4B,GAAA,EAAS,GAAInB,IAA4B,EAAE,aAAaN,EAAO,iBAAiB,GAAG,cAAcA,EAAO,iBAAA,EAAmB,IAAI,CAAK,EAAA,CAAA;AAAA,EACvI,EAAA,CAAA;AACF;"}
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCell.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport { flexRender } from '@tanstack/react-table';\nimport { Sizes, TABLE_MENU_BUTTON_CLASS, TABLE_PIN_BUTTON_CLASS } from 'acinguiux-ds-react-base';\n\nimport { EllipsisVertical, Pin } from '../../../Icon/components';\nimport { IHeaderCellProps } from '../BaseTable/BaseTable.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { SorterButton } from './SorterButton';\nimport { Resizer } from './Resizer';\nimport { useTable } from '../../hooks/useTable';\nimport { getHeaderCellGap } from '../../utils/tableUtils';\nimport { SelectionCheckbox } from './SelectionCheckbox';\nimport { DraggableButton } from './DraggableButton';\nimport { HeaderCellMenu, useHeaderCellMenuItems, useHeaderCellMenuKind } from './HeaderCellMenu';\n\nconst MaybeDraggableButton = ({ isDraggable, children }: PropsWithChildren<{ isDraggable?: boolean }>) => isDraggable ? <DraggableButton>{children}</DraggableButton> : children;\n\nexport const HeaderCell = <T,>({ header, table, options }: IHeaderCellProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\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\n  const headerText = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());\n\n  return (<Flexbox gap={getHeaderCellGap(size)} alignItems=\"center\" flexGrow={1}>\n    {header.getLeafHeaders().length === 1 && table?.options.enableRowSelection && header.column.getIndex() === 0 && !!table ?\n      <SelectionCheckbox\n        checked={table.getIsAllRowsSelected()}\n        indeterminate={table.getIsSomeRowsSelected()}\n        onChange={table.getToggleAllRowsSelectedHandler()}\n      /> : <></>\n    }\n    {showSortingOptions ? (\n      <SorterButton\n        sortDirection={header.column.getIsSorted() || undefined}\n        onClick={header.column.getToggleSortingHandler()}\n      >\n        {headerText}\n      </SorterButton>\n    ) : <MaybeDraggableButton isDraggable={options?.dragAndDrop}>{headerText}</MaybeDraggableButton>}\n    {headerCellMenuItems.length > 0 && (\n      <Flexbox gap={getHeaderCellGap(size)} flexGrow={1} alignItems=\"flex-end\">\n        <HeaderCellMenu triggerOptions={headerKind === 'pin-only' ? { icon: <Pin />, className: TABLE_PIN_BUTTON_CLASS } : { icon: <EllipsisVertical />, className: TABLE_MENU_BUTTON_CLASS }} menuItems={headerCellMenuItems} />\n      </Flexbox>\n    )}\n    <Resizer {...(showColumnResizingOptions ? { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() } : {})} />\n  </Flexbox>);\n};\n"],"names":["MaybeDraggableButton","isDraggable","children","jsx","DraggableButton","HeaderCell","header","table","options","size","Sizes","useTable","showColumnResizingOptions","showSortingOptions","headerCellMenuItems","useHeaderCellMenuItems","headerKind","useHeaderCellMenuKind","headerText","flexRender","jsxs","Flexbox","getHeaderCellGap","SelectionCheckbox","Fragment","SorterButton","HeaderCellMenu","Pin","TABLE_PIN_BUTTON_CLASS","EllipsisVertical","TABLE_MENU_BUTTON_CLASS","Resizer"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAAuB,CAAC,EAAE,aAAAC,GAAa,UAAAC,QAA6DD,IAAc,gBAAAE,EAACC,GAAiB,EAAA,UAAAF,EAAS,CAAA,IAAqBA,GAE3JG,IAAa,CAAK,EAAE,QAAAC,GAAQ,OAAAC,GAAO,SAAAC,QAAmC;AACjF,QAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAS,GACnCC,KAA4BJ,KAAA,gBAAAA,EAAS,mBAAkB,CAACF,EAAO,iBAAiBA,EAAO,OAAO,aAAa,GAC3GO,KAAqBL,KAAA,gBAAAA,EAAS,YAAWF,EAAO,OAAO,WAAW,GAClEQ,IAAsBC,EAAuBT,GAAQE,CAAO,GAC5DQ,IAAaC,EAAsBX,GAAQE,CAAO,GAElDU,IAAaZ,EAAO,gBAAgB,OAAOa,EAAWb,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY;AAEvG,SAAA,gBAAAc,EAACC,KAAQ,KAAKC,EAAiBb,CAAI,GAAG,YAAW,UAAS,UAAU,GACzE,UAAA;AAAA,IAAAH,EAAO,eAAe,EAAE,WAAW,MAAKC,KAAA,QAAAA,EAAO,QAAQ,uBAAsBD,EAAO,OAAO,SAAS,MAAM,KAAOC,IAChH,gBAAAJ;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,SAAShB,EAAM,qBAAqB;AAAA,QACpC,eAAeA,EAAM,sBAAsB;AAAA,QAC3C,UAAUA,EAAM,gCAAgC;AAAA,MAAA;AAAA,IAAA,IAC3C,gBAAAJ,EAAAqB,GAAA,EAAA;AAAA,IAERX,IACC,gBAAAV;AAAA,MAACsB;AAAA,MAAA;AAAA,QACC,eAAenB,EAAO,OAAO,YAAA,KAAiB;AAAA,QAC9C,SAASA,EAAO,OAAO,wBAAwB;AAAA,QAE9C,UAAAY;AAAA,MAAA;AAAA,IAAA,IAEA,gBAAAf,EAAAH,GAAA,EAAqB,aAAaQ,KAAA,gBAAAA,EAAS,aAAc,UAAWU,GAAA;AAAA,IACxEJ,EAAoB,SAAS,KAC3B,gBAAAX,EAAAkB,GAAA,EAAQ,KAAKC,EAAiBb,CAAI,GAAG,UAAU,GAAG,YAAW,YAC5D,UAAC,gBAAAN,EAAAuB,GAAA,EAAe,gBAAgBV,MAAe,aAAa,EAAE,wBAAOW,GAAI,CAAA,CAAA,GAAI,WAAWC,MAA2B,EAAE,MAAO,gBAAAzB,EAAA0B,GAAA,CAAA,CAAiB,GAAI,WAAWC,EAA2B,GAAA,WAAWhB,EAAqB,CAAA,GACzN;AAAA,IAED,gBAAAX,EAAA4B,GAAA,EAAS,GAAInB,IAA4B,EAAE,aAAaN,EAAO,iBAAiB,GAAG,cAAcA,EAAO,iBAAmB,EAAA,IAAI,CAAA,EAAK,CAAA;AAAA,EAAA,GACvI;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCellMenu.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCellMenu.tsx"],"sourcesContent":["import { ReactNode, useCallback, useMemo, useState } from 'react';\r\n\r\nimport { Positions, Sizes, Variants } from 'acinguiux-ds-react-base';\r\nimport { Header } from '@tanstack/react-table';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport Button from '../../../Button/Button';\r\nimport { getHeaderCellGap, 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 { ItemType } from '../../../Menu/Menu.types';\r\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ChevronUpDown, EllipsisVertical, Pin, PinRemove } from '../../../Icon/components';\r\nimport { IHeaderCellProps } from '../BaseTable/BaseTable.types';\r\n\r\nexport const HeaderCellMenu = ({ triggerOptions, menuItems }: { triggerOptions: { icon: ReactNode, className?: string }, menuItems: ItemType[] }) => {\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 (<Flexbox gap={getHeaderCellGap(size)} alignItems=\"center\" flexGrow=\"1\" justifyContent=\"flex-end\">\r\n      <Popover open={popupOpen} onOpenChange={setPopupOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            variant={Variants.Transparent}\r\n            icon={triggerOptions.icon}\r\n            iconOnly\r\n            className={triggerOptions.className}\r\n            aria-label=\"Menu button\"\r\n            size={getSize(size)}\r\n          >\r\n            Options\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent>\r\n          <Menu items={menuItems} onSelect={closePopup}  />\r\n        </PopoverContent>\r\n      </Popover>\r\n    </Flexbox>);\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\n\r\nexport const useHeaderCellMenuItems = <T,>(header: Header<T, unknown>, options: IHeaderCellProps<T>['options']): ItemType[] => useMemo(() => ([\r\n    ...(options?.columnPinning && options?.pinningOptions && !header.isPlaceholder && header.column.getCanPin() ? [\r\n      ...(header.column.getIsPinned() !== false ? [unpin(header)] : []),\r\n      ...(header.column.getIsPinned() !== Positions.Left ? [pinLeft(header)] : []),\r\n      ...(header.column.getIsPinned() !== Positions.Right ? [pinRight(header)] : []),\r\n      { type: 'divider' as const },\r\n    ] : []),\r\n    ...(header.column.getCanSort() && options?.sorting ? [\r\n      ...(header.column.getIsSorted() !== 'asc' ? [sortAsc(header)] : []),\r\n      ...(header.column.getIsSorted() !== 'desc' ? [sortDesc(header)] : []),\r\n      ...(header.column.getIsSorted() !== false ? [unsort(header)] : []),\r\n      { type: 'divider' as const },\r\n    ] : []),\r\n    ...(options?.headerCellMenuItems?.(header) ?? []),\r\n  ]), [options, header]);\r\n\r\nexport const useHeaderCellMenuKind = <T,>(header: Header<T, unknown>, options: IHeaderCellProps<T>['options']): ReactNode => {\r\n  const isPinnable = useMemo(() => options?.columnPinning && options?.pinningOptions && !header.isPlaceholder && header.column.getCanPin(), [options, header]);\r\n  const showSortingOptions = useMemo(() => options?.sorting && header.column.getCanSort(), [options, header]);\r\n  const headerWithMenuItems = useMemo(() => (options?.headerCellMenuItems?.(header).length ?? 0) > 0, [options]);\r\n\r\n  return useMemo(() => isPinnable && !showSortingOptions && !headerWithMenuItems ? 'pin-only' : 'any', [isPinnable, showSortingOptions, headerWithMenuItems]);\r\n};\r\n\r\nexport const useHeaderCellMenuIcon = <T,>(header: Header<T, unknown>, options: IHeaderCellProps<T>['options']): ReactNode => {\r\n  const isPinnable = useMemo(() => options?.columnPinning && options?.pinningOptions && !header.isPlaceholder && header.column.getCanPin(), [options, header]);\r\n  const showSortingOptions = useMemo(() => options?.sorting && header.column.getCanSort(), [options, header]);\r\n  const headerWithMenuItems = useMemo(() => (options?.headerCellMenuItems?.(header).length ?? 0) > 0, [options]);\r\n\r\n  return useMemo(() => isPinnable && !showSortingOptions && !headerWithMenuItems ? <Pin /> : <EllipsisVertical />, [isPinnable, showSortingOptions, headerWithMenuItems]);\r\n};\r\n"],"names":["HeaderCellMenu","triggerOptions","menuItems","size","Sizes","useTable","popupOpen","setPopupOpen","useState","closePopup","useCallback","Flexbox","getHeaderCellGap","jsxs","Popover","jsx","PopoverTrigger","Button","Variants","getSize","PopoverContent","Menu","pinLeft","header","ArrowLeft","Positions","pinRight","ArrowRight","unpin","PinRemove","sortAsc","ArrowUp","sortDesc","ArrowDown","unsort","ChevronUpDown","useHeaderCellMenuItems","options","useMemo","_a","useHeaderCellMenuKind","isPinnable","showSortingOptions","headerWithMenuItems"],"mappings":"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"}
+{"version":3,"file":"HeaderCellMenu.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCellMenu.tsx"],"sourcesContent":["import { ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { Positions, Sizes, Variants } from 'acinguiux-ds-react-base';\nimport { Header } from '@tanstack/react-table';\n\nimport { useTable } from '../../hooks/useTable';\nimport Button from '../../../Button/Button';\nimport { getHeaderCellGap, getSize } from '../../utils/tableUtils';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\nimport Menu from '../../../Menu/Menu';\nimport { ItemType } from '../../../Menu/Menu.types';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ChevronUpDown, EllipsisVertical, Pin, PinRemove } from '../../../Icon/components';\nimport { IHeaderCellProps } from '../BaseTable/BaseTable.types';\n\nexport const HeaderCellMenu = ({ triggerOptions, menuItems }: { triggerOptions: { icon: ReactNode, className?: string }, menuItems: ItemType[] }) => {\n  const { size = Sizes.Medium } = useTable();\n  const [popupOpen, setPopupOpen] = useState(false);\n\n  const closePopup = useCallback(() => setPopupOpen(false), []);\n\n    return (<Flexbox gap={getHeaderCellGap(size)} alignItems=\"center\" flexGrow=\"1\" justifyContent=\"flex-end\">\n      <Popover open={popupOpen} onOpenChange={setPopupOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant={Variants.Transparent}\n            icon={triggerOptions.icon}\n            iconOnly\n            className={triggerOptions.className}\n            aria-label=\"Menu button\"\n            size={getSize(size)}\n          >\n            Options\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent>\n          <Menu items={menuItems} onSelect={closePopup}  />\n        </PopoverContent>\n      </Popover>\n    </Flexbox>);\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\n\nexport const useHeaderCellMenuItems = <T,>(header: Header<T, unknown>, options: IHeaderCellProps<T>['options']): ItemType[] => useMemo(() => ([\n    ...(options?.columnPinning && options?.pinningOptions && !header.isPlaceholder && header.column.getCanPin() ? [\n      ...(header.column.getIsPinned() !== false ? [unpin(header)] : []),\n      ...(header.column.getIsPinned() !== Positions.Left ? [pinLeft(header)] : []),\n      ...(header.column.getIsPinned() !== Positions.Right ? [pinRight(header)] : []),\n      { type: 'divider' as const },\n    ] : []),\n    ...(header.column.getCanSort() && options?.sorting ? [\n      ...(header.column.getIsSorted() !== 'asc' ? [sortAsc(header)] : []),\n      ...(header.column.getIsSorted() !== 'desc' ? [sortDesc(header)] : []),\n      ...(header.column.getIsSorted() !== false ? [unsort(header)] : []),\n      { type: 'divider' as const },\n    ] : []),\n    ...(options?.headerCellMenuItems?.(header) ?? []),\n  ]), [options, header]);\n\nexport const useHeaderCellMenuKind = <T,>(header: Header<T, unknown>, options: IHeaderCellProps<T>['options']): ReactNode => {\n  const isPinnable = useMemo(() => options?.columnPinning && options?.pinningOptions && !header.isPlaceholder && header.column.getCanPin(), [options, header]);\n  const showSortingOptions = useMemo(() => options?.sorting && header.column.getCanSort(), [options, header]);\n  const headerWithMenuItems = useMemo(() => (options?.headerCellMenuItems?.(header).length ?? 0) > 0, [options]);\n\n  return useMemo(() => isPinnable && !showSortingOptions && !headerWithMenuItems ? 'pin-only' : 'any', [isPinnable, showSortingOptions, headerWithMenuItems]);\n};\n\nexport const useHeaderCellMenuIcon = <T,>(header: Header<T, unknown>, options: IHeaderCellProps<T>['options']): ReactNode => {\n  const isPinnable = useMemo(() => options?.columnPinning && options?.pinningOptions && !header.isPlaceholder && header.column.getCanPin(), [options, header]);\n  const showSortingOptions = useMemo(() => options?.sorting && header.column.getCanSort(), [options, header]);\n  const headerWithMenuItems = useMemo(() => (options?.headerCellMenuItems?.(header).length ?? 0) > 0, [options]);\n\n  return useMemo(() => isPinnable && !showSortingOptions && !headerWithMenuItems ? <Pin /> : <EllipsisVertical />, [isPinnable, showSortingOptions, headerWithMenuItems]);\n};\n"],"names":["HeaderCellMenu","triggerOptions","menuItems","size","Sizes","useTable","popupOpen","setPopupOpen","useState","closePopup","useCallback","Flexbox","getHeaderCellGap","jsxs","Popover","jsx","PopoverTrigger","Button","Variants","getSize","PopoverContent","Menu","pinLeft","header","ArrowLeft","Positions","pinRight","ArrowRight","unpin","PinRemove","sortAsc","ArrowUp","sortDesc","ArrowDown","unsort","ChevronUpDown","useHeaderCellMenuItems","options","useMemo","_a","useHeaderCellMenuKind","isPinnable","showSortingOptions","headerWithMenuItems"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PinButton.js","sources":["../../../../../../src/components/Table/components/TableElements/PinButton.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'react';\r\n\r\nimport { Sizes, Positions, Variants, TABLE_PIN_BUTTON_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { ITablePin } from '../../Table.types';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport Button from '../../../Button/Button';\r\nimport { ArrowLeft, ArrowRight, Cross } from '../../../Icon/components';\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\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":";;;;;;;;;AAeO,MAAMA,IAAYC;AAAA,EACvB,CAAC,EAAE,kBAAAC,GAAkB,GAAGC,EAAA,GAAoBC,MAAyC;AACnF,UAAM,EAAE,MAAAC,IAAOC,EAAM,WAAWC,EAAS,GAEnCC,IAAsB,MAAM;AAChC,cAAQN,GAAkB;AAAA,QACxB,KAAKO,EAAU;AACN,iBAAA,gBAAAC,EAACC,GAAU,EAAA,eAAY,iBAAiB,CAAA;AAAA,QACjD,KAAKF,EAAU;AACN,iBAAA,gBAAAC,EAACE,GAAW,EAAA,eAAY,kBAAkB,CAAA;AAAA,QACnD;AACS,iBAAA,gBAAAF,EAACG,GAAM,EAAA,eAAY,YAAY,CAAA;AAAA,MAC1C;AAAA,IAAA;AAIA,WAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,cAAW;AAAA,QACX,MAAMC,EAAQX,CAAI;AAAA,QAClB,SAASY,EAAS;AAAA,QAClB,UAAQ;AAAA,QACR,MAAMT,EAAoB;AAAA,QAC1B,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"version":3,"file":"PinButton.js","sources":["../../../../../../src/components/Table/components/TableElements/PinButton.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'react';\n\nimport { Sizes, Positions, Variants, TABLE_PIN_BUTTON_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ITablePin } from '../../Table.types';\nimport { useTable } from '../../hooks/useTable';\nimport Button from '../../../Button/Button';\nimport { ArrowLeft, ArrowRight, Cross } from '../../../Icon/components';\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\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":";;;;;;;;;AAeO,MAAMA,IAAYC;AAAA,EACvB,CAAC,EAAE,kBAAAC,GAAkB,GAAGC,EAAA,GAAoBC,MAAyC;AACnF,UAAM,EAAE,MAAAC,IAAOC,EAAM,OAAA,IAAWC,EAAS,GAEnCC,IAAsB,MAAM;AAChC,cAAQN,GAAkB;AAAA,QACxB,KAAKO,EAAU;AACN,iBAAA,gBAAAC,EAACC,GAAU,EAAA,eAAY,iBAAiB,CAAA;AAAA,QACjD,KAAKF,EAAU;AACN,iBAAA,gBAAAC,EAACE,GAAW,EAAA,eAAY,kBAAkB,CAAA;AAAA,QACnD;AACS,iBAAA,gBAAAF,EAACG,GAAM,EAAA,eAAY,YAAY,CAAA;AAAA,MAAA;AAAA,IAE5C;AAGE,WAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,cAAW;AAAA,QACX,MAAMC,EAAQX,CAAI;AAAA,QAClB,SAASY,EAAS;AAAA,QAClB,UAAQ;AAAA,QACR,MAAMT,EAAoB;AAAA,QAC1B,KAAAJ;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}

package/build/esm/components/Table/components/TableElements/Resizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/Resizer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAGhD,OAAO,EAA2C,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI9F,eAAO,MAAM,aAAa;UAAsB,WAAW,IAAI;SAsB9D,CAAC;AAEF,eAAO,MAAM,OAAO,2CAA4C,eAAe,cAAc,CAAC,4CAU7F,CAAC"}
+{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableElements/Resizer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAGhD,OAAO,EAA2C,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI9F,eAAO,MAAM,aAAa;UAAsB,WAAW,IAAI;SAuB9D,CAAC;AAEF,eAAO,MAAM,OAAO,2CAA4C,eAAe,cAAc,CAAC,4CAkB7F,CAAC"}

package/build/esm/components/Table/components/TableElements/Resizer.js

@@ -1,19 +1,19 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as s, Fragment as l } from "react/jsx-runtime";
 import { useMemo as a } from "react";
-import p, { css as s } from "styled-components";
-import { useTable as m } from "../../hooks/useTable.js";
-import { Sizes as d, TABLE_RESIZER_CLASS as c } from "../../../../react-base/src/consts.js";
-import { consts as n } from "../../../../react-base/src/components/Table/Table.consts.js";
-const b = p.div(
-  ({ theme: e, size: r, onMouseDown: o }) => s`
-    width: 8px;
-    position: absolute;
-    ${!!o && s`
+import m, { css as o } from "styled-components";
+import { useTable as n } from "../../hooks/useTable.js";
+import { Sizes as p, TABLE_RESIZER_CLASS as d } from "../../../../react-base/src/consts.js";
+import { consts as c } from "../../../../react-base/src/components/Table/Table.consts.js";
+const b = m.div(
+  ({ theme: e, size: r, onMouseDown: i }) => o`
+    ${!!i && o`
       cursor: ew-resize;
     `};
-    user-select: none;
+    width: 8px;
     height: 16px;
-    right: -${n[r].headerCell.padding.right}px;
+    user-select: none;
+    position: absolute;
+    right: -${c[r].headerCell.padding.right}px;
 
     &:before {
       content: '';
@@ -26,17 +26,22 @@ const b = p.div(
       background-color: ${e.onSurface.surface.default.border.subtle};
     }
   `
-), R = ({ onMouseDown: e, onTouchStart: r, ...o }) => {
-  const { size: i = d.Medium } = m(), t = a(() => !!e || !!r, [e, r]);
-  return /* @__PURE__ */ l(b, { ...t ? {
-    onMouseDown: e,
-    onTouchStart: r,
-    className: c,
-    ariaLabel: "Resizer"
-  } : {}, size: i, ...o });
+), E = ({ onMouseDown: e, onTouchStart: r, ...i }) => {
+  const { size: t = p.Medium } = n();
+  return a(() => !!e || !!r, [e, r]) ? /* @__PURE__ */ s(
+    b,
+    {
+      onMouseDown: e,
+      onTouchStart: r,
+      "aria-label": "Resizer",
+      className: d,
+      size: t,
+      ...i
+    }
+  ) : /* @__PURE__ */ s(l, {});
 };
 export {
-  R as Resizer,
+  E as Resizer,
   b as StyledResizer
 };
 //# sourceMappingURL=Resizer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Resizer.js","sources":["../../../../../../src/components/Table/components/TableElements/Resizer.tsx"],"sourcesContent":["import { HTMLAttributes, useMemo } from 'react';\r\n\r\nimport styled, { css } from 'styled-components';\r\nimport { Sizes, TABLE_RESIZER_CLASS, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\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    width: 8px;\r\n    position: absolute;\r\n    ${Boolean(onMouseDown) && css`\r\n      cursor: ew-resize;\r\n    `};\r\n    user-select: none;\r\n    height: 16px;\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.onSurface.surface.default.border.subtle};\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  return (<StyledResizer {...(isEnableResizer ? {\r\n    onMouseDown,\r\n    onTouchStart,\r\n    className: TABLE_RESIZER_CLASS,\r\n    ariaLabel: 'Resizer',\r\n  } : {})} size={size} {...rest} />);\r\n};\r\n"],"names":["StyledResizer","styled","theme","size","onMouseDown","css","TableConsts.consts","Resizer","onTouchStart","rest","Sizes","useTable","isEnableResizer","useMemo","jsx","TABLE_RESIZER_CLASS"],"mappings":";;;;;;AAOO,MAAMA,IAAgBC,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,QAAkBC;AAAA;AAAA;AAAA,MAG9B,EAAQD,KAAgBC;AAAA;AAAA,KAEzB;AAAA;AAAA;AAAA,cAGSC,EAAmBH,CAAI,EAAE,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUrCD,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAGvE,GAEaK,IAAU,CAAC,EAAE,aAAAH,GAAa,cAAAI,GAAc,GAAGC,QAA2C;AACjG,QAAM,EAAE,MAAAN,IAAOO,EAAM,WAAWC,EAAS,GACnCC,IAAkBC,EAAQ,MAAM,EAAQT,KAAgB,EAAQI,GAAe,CAACJ,GAAaI,CAAY,CAAC;AAExG,SAAA,gBAAAM,EAACd,GAAe,EAAA,GAAIY,IAAkB;AAAA,IAC5C,aAAAR;AAAA,IACA,cAAAI;AAAA,IACA,WAAWO;AAAA,IACX,WAAW;AAAA,EACT,IAAA,IAAK,MAAAZ,GAAa,GAAGM,EAAM,CAAA;AACjC;"}
+{"version":3,"file":"Resizer.js","sources":["../../../../../../src/components/Table/components/TableElements/Resizer.tsx"],"sourcesContent":["import { HTMLAttributes, useMemo } from 'react';\n\nimport styled, { css } from 'styled-components';\nimport { Sizes, TABLE_RESIZER_CLASS, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\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.onSurface.surface.default.border.subtle};\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 <></>;\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","Resizer","onTouchStart","rest","Sizes","useTable","useMemo","jsx","TABLE_RESIZER_CLASS","Fragment"],"mappings":";;;;;;AAOO,MAAMA,IAAgBC,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,EAAkB,MAAAC;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,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAGvE,GAEaK,IAAU,CAAC,EAAE,aAAAH,GAAa,cAAAI,GAAc,GAAGC,QAA2C;AACjG,QAAM,EAAE,MAAAN,IAAOO,EAAM,OAAA,IAAWC,EAAS;AAGzC,SAFwBC,EAAQ,MAAM,EAAQR,KAAgB,EAAQI,GAAe,CAACJ,GAAaI,CAAY,CAAC,IAO9G,gBAAAK;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,aAAAI;AAAA,MACA,cAAAI;AAAA,MACA,cAAW;AAAA,MACX,WAAWM;AAAA,MACX,MAAAX;AAAA,MACC,GAAGM;AAAA,IAAA;AAAA,EACN,IAXS,gBAAAI,EAAAE,GAAA,EAAA;AAab;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionCheckbox.js","sources":["../../../../../../src/components/Table/components/TableElements/SelectionCheckbox.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'react';\r\n\r\nimport { Sizes, TABLE_CHECKBOX_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { useTable } from '../../hooks/useTable';\r\nimport Checkbox from '../../../Checkbox/Checkbox';\r\nimport { getSize } from '../../utils/tableUtils';\r\nimport { 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,WAAWC,EAAS;AAEzC,SACG,gBAAAC,EAAAC,GAAA,EAAS,WAAWC,GAAsB,cAAW,kBAAiB,MAAMC,EAAQN,CAAI,GAAG,KAAAD,GAAW,GAAGD,EAAM,CAAA;AAEpH,CAAC;"}
+{"version":3,"file":"SelectionCheckbox.js","sources":["../../../../../../src/components/Table/components/TableElements/SelectionCheckbox.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'react';\n\nimport { Sizes, TABLE_CHECKBOX_CLASS } from 'acinguiux-ds-react-base';\n\nimport { useTable } from '../../hooks/useTable';\nimport Checkbox from '../../../Checkbox/Checkbox';\nimport { getSize } from '../../utils/tableUtils';\nimport { 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,EAAS;AAEzC,SACG,gBAAAC,EAAAC,GAAA,EAAS,WAAWC,GAAsB,cAAW,kBAAiB,MAAMC,EAAQN,CAAI,GAAG,KAAAD,GAAW,GAAGD,EAAM,CAAA;AAEpH,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SorterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/SorterButton.tsx"],"sourcesContent":["import { forwardRef, 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  ButtonConsts,\r\n} from 'acinguiux-ds-react-base';\r\nimport styled from 'styled-components';\r\n\r\nimport { ITableSorterProps } from '../../Table.types';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { ArrowUp, ArrowDown } from '../../../Icon/components';\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.padding[getSize(size)].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 = Sizes.Medium } = 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={getSize(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":";;;;;;;;;;AAmBA,MAAMA,IAAqBC,EAAOC,CAAM;AAAA,eACzB,CAAC,EAAE,MAAAC,IAAOC,EAAM,OAAO,MAAMC,EAAoB,QAAQC,EAAQH,CAAI,CAAC,EAAE,WAAW;AAAA;AAAA;AAAA,GAKrFI,IAAeC;AAAA,EAC1B,CAAC,EAAE,eAAAC,GAAe,GAAGC,EAAA,GAA2BC,MAAyC;AACvF,UAAM,EAAE,MAAAR,IAAOC,EAAM,WAAWQ,EAAS;AAGvC,WAAA,gBAAAC;AAAA,MAACb;AAAA,MAAA;AAAA,QACC,WAAWc;AAAA,QACX,cAAW;AAAA,QACX,MAAMR,EAAQH,CAAI;AAAA,QAClB,SAASY,EAAS;AAAA,QAClB,cAAcC,EAAU;AAAA,QACxB,MAEK,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAAT,MAAkB,SAAS,gBAAAI,EAACM,GAAQ,EAAA,WAAWC,GAAsB;AAAA,UACrEX,MAAkB,UAAW,gBAAAI,EAAAQ,GAAA,EAAU,WAAWC,GAAuB;AAAA,QAAA,GAC5E;AAAA,QAEF,KAAAX;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"version":3,"file":"SorterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/SorterButton.tsx"],"sourcesContent":["import { forwardRef, 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  ButtonConsts,\n} from 'acinguiux-ds-react-base';\nimport styled from 'styled-components';\n\nimport { ITableSorterProps } from '../../Table.types';\nimport { useTable } from '../../hooks/useTable';\nimport { ArrowUp, ArrowDown } from '../../../Icon/components';\nimport Button from '../../../Button/Button';\nimport { getSize } from '../../utils/tableUtils';\n\nconst StyledSorterButton = styled(Button)`\n  margin: 0 -${({ size = Sizes.Medium }) => ButtonConsts.consts.padding[getSize(size)].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 = Sizes.Medium } = useTable();\n\n    return (\n      <StyledSorterButton\n        className={TABLE_SORTER_BUTTON_CLASS}\n        aria-label=\"Sorter button\"\n        size={getSize(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":";;;;;;;;;;AAmBA,MAAMA,IAAqBC,EAAOC,CAAM;AAAA,eACzB,CAAC,EAAE,MAAAC,IAAOC,EAAM,OAAO,MAAMC,EAAoB,QAAQC,EAAQH,CAAI,CAAC,EAAE,WAAW;AAAA;AAAA;AAAA,GAKrFI,IAAeC;AAAA,EAC1B,CAAC,EAAE,eAAAC,GAAe,GAAGC,EAAA,GAA2BC,MAAyC;AACvF,UAAM,EAAE,MAAAR,IAAOC,EAAM,OAAA,IAAWQ,EAAS;AAGvC,WAAA,gBAAAC;AAAA,MAACb;AAAA,MAAA;AAAA,QACC,WAAWc;AAAA,QACX,cAAW;AAAA,QACX,MAAMR,EAAQH,CAAI;AAAA,QAClB,SAASY,EAAS;AAAA,QAClB,cAAcC,EAAU;AAAA,QACxB,MAEK,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAAT,MAAkB,SAAS,gBAAAI,EAACM,GAAQ,EAAA,WAAWC,GAAsB;AAAA,UACrEX,MAAkB,UAAW,gBAAAI,EAAAQ,GAAA,EAAU,WAAWC,EAAuB,CAAA;AAAA,QAAA,GAC5E;AAAA,QAEF,KAAAX;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Sizes, Positions, TableConsts, PAGINATION_CLASS, BUTTON_CLASS, EMPTY_STATE_CLASS, TableTypes, TABLE_CLASS_BASE_TABLE_HEADER, TABLE_PIN_BUTTON_CLASS, TABLE_MENU_BUTTON_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { ITableRowProps, ITableCellProps, StickyTypeCell } from './TableElements.types';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { Select } from '../../../Select/Select.styles';\r\nimport { StyledExpander } from './Expander';\r\n\r\nconst sharedCellStyles = css<ITableCellProps>`\r\n  ${({ width, theme }) => css`\r\n    width: ${width}px;\r\n    min-width: ${width}px;\r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n    box-sizing: border-box;\r\n    overflow-wrap: break-word;\r\n  `};\r\n`;\r\n\r\nconst stickyCellShadowStyles = css<ITableCellProps>`\r\n  ${({\r\n    sticky,\r\n    stickyType,\r\n    stickyPosition = Positions.Left,\r\n    isLastLeftPinnedColumn,\r\n    isFirstRightPinnedColumn,\r\n    startingPoint,\r\n  }) => css`\r\n    ${sticky &&\r\n    stickyType === StickyTypeCell.Column &&\r\n    css`\r\n      ${stickyPosition === Positions.Left &&\r\n      typeof startingPoint === 'number' &&\r\n      css`\r\n        ${isLastLeftPinnedColumn &&\r\n        css`\r\n          &::after {\r\n            content: '';\r\n            pointer-events: none;\r\n            width: 40px;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\r\n            position: absolute;\r\n            right: -40px;\r\n            top: 0;\r\n          }\r\n        `}\r\n      `}\r\n\r\n      ${stickyPosition === Positions.Right &&\r\n      typeof startingPoint === 'number' &&\r\n      css`\r\n        ${isFirstRightPinnedColumn &&\r\n        css`\r\n          &::after {\r\n            content: '';\r\n            width: 30px;\r\n            pointer-events: none;\r\n            height: 100%;\r\n            background: linear-gradient(-90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\r\n            position: absolute;\r\n            left: -30px;\r\n            top: 0;\r\n          }\r\n        `}\r\n      `}\r\n    `};\r\n  `}\r\n`;\r\n\r\nconst sharedStickyCellStyles = css<ITableCellProps>`\r\n  ${({\r\n    sticky,\r\n    stickyType,\r\n    stickyPosition = Positions.Left,\r\n    isLastLeftPinnedColumn,\r\n    isFirstRightPinnedColumn,\r\n    startingPoint,\r\n    theme,\r\n  }) => css`\r\n    ${sticky &&\r\n    stickyType === StickyTypeCell.Column &&\r\n    css`\r\n      position: sticky;\r\n      z-index: 1;\r\n      background-color: ${theme.onSurface.surface.default.background};\r\n\r\n      ${stickyPosition === Positions.Left &&\r\n      typeof startingPoint === 'number' &&\r\n      css`\r\n        left: ${startingPoint}px;\r\n\r\n        ${isLastLeftPinnedColumn &&\r\n        css`\r\n          border-right: 1px solid ${theme.onSurface.surface.default.border.medium};\r\n        `}\r\n      `}\r\n\r\n      ${stickyPosition === Positions.Right &&\r\n      typeof startingPoint === 'number' &&\r\n      css`\r\n        right: ${startingPoint}px;\r\n\r\n        ${isFirstRightPinnedColumn &&\r\n        css`\r\n          border-left: 1px solid ${theme.onSurface.surface.default.border.medium};\r\n        `}\r\n      `}\r\n    `};\r\n  `}\r\n`;\r\n\r\n/** Table elements */\r\n\r\nexport const TH = styled.th<ITableCellProps>(\r\n  ({ colSpan }) => css`\r\n    > ${Flexbox} {\r\n      position: relative;\r\n    }\r\n    ${sharedCellStyles};\r\n    ${sharedStickyCellStyles};\r\n\r\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\r\n    white-space: nowrap;\r\n  `,\r\n);\r\n\r\nexport const TD = styled.td<ITableCellProps>`\r\n  position: relative;\r\n  ${sharedCellStyles};\r\n  ${sharedStickyCellStyles};\r\n  ${stickyCellShadowStyles};\r\n\r\n  > ${Flexbox} {\r\n    position: relative;\r\n  }\r\n\r\n  ${({ noPadding }) => css`\r\n    ${noPadding &&\r\n    css`\r\n      padding: unset !important;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const TR = styled.tr<ITableRowProps>(\r\n  ({\r\n    size = Sizes.Medium,\r\n    sticky,\r\n    stickyType,\r\n    depth,\r\n    isSelected,\r\n    sentiment,\r\n    sentimentIndicatorPosition = Positions.Left,\r\n    $disableRowHover = false,\r\n    theme,\r\n  }) => css`\r\n    transition: background-color .1s, height 0.1s, opacity 0.1s;\r\n\r\n    ${TD} {\r\n      ${size === Sizes.XSmall && theme.paragraph.small.normal};\r\n      ${size === Sizes.Small && theme.paragraph.small.normal};\r\n      ${size === Sizes.Medium && theme.paragraph.small.normal};\r\n      ${size === Sizes.Large && theme.paragraph.medium.normal};\r\n\r\n      height: ${TableConsts.consts[size].cell.height}px;\r\n      padding: ${TableConsts.consts[size].cell.padding.top ?? 0}px ${TableConsts.consts[size].cell.padding.left ?? 0}px ${TableConsts.consts[size].cell.padding.bottom ?? 0}px ${TableConsts.consts[size].cell.padding.right ?? 0}px;\r\n    }\r\n\r\n    ${TD}:has( > ${Select}),\r\n    ${TD}:has( > .${EMPTY_STATE_CLASS}),\r\n    ${TD}:has( > ${StyledExpander}) {\r\n      padding-top: 0px;\r\n      padding-bottom: 0px;\r\n    }\r\n\r\n\r\n    /** handle header height depending on what it contains (title, meta, description) */\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}),\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}) + & {\r\n      --height-header-title: 0px;\r\n      --height-header-meta: 0px;\r\n      --height-header-description: 0px;\r\n    }\r\n\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-title=\"true\"]),\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-title=\"true\"]) + & {\r\n      --height-header-title: ${TableConsts.consts[size].header.height.title}px;\r\n    }\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-meta=\"true\"]),\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-meta=\"true\"]) + & {\r\n      --height-header-meta: ${TableConsts.consts[size].header.height.meta}px;\r\n    }\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-description=\"true\"]),\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-description=\"true\"]) + & {\r\n      --height-header-description: ${TableConsts.consts[size].header.height.description}px;\r\n    }\r\n\r\n    & {\r\n      --height-header: calc(var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) + ${TableConsts.consts[size].header.padding.top ?? 0}px + ${TableConsts.consts[size].header.padding.bottom ?? 0}px);\r\n    }\r\n\r\n    ${TH} {\r\n\r\n      &, &:has(.${BUTTON_CLASS}) * {\r\n        ${size === Sizes.XSmall && theme.label.small.bold};\r\n        ${size === Sizes.Small && theme.label.medium.bold};\r\n        ${size === Sizes.Medium && theme.label.medium.bold};\r\n        ${size === Sizes.Large && theme.label.large.bold};\r\n      }\r\n\r\n      & .${TABLE_MENU_BUTTON_CLASS}:not([aria-expanded=\"true\"]),\r\n      & .${TABLE_PIN_BUTTON_CLASS}:not([aria-expanded=\"true\"]) {\r\n        opacity: 0;\r\n      }\r\n\r\n      &:hover .${BUTTON_CLASS} {\r\n        opacity: 1;\r\n      }\r\n\r\n      height: ${TableConsts.consts[size].headerCell.height}px;\r\n      ${sticky &&\r\n      stickyType === StickyTypeCell.Footer && css`\r\n        height: ${TableConsts.consts[size].cell.height}px;\r\n      `};\r\n\r\n      padding: ${TableConsts.consts[size].headerCell.padding.top ?? 0}px ${TableConsts.consts[size].headerCell.padding.left ?? 0}px ${TableConsts.consts[size].headerCell.padding.bottom ?? 0}px ${TableConsts.consts[size].headerCell.padding.right ?? 0}px;\r\n\r\n      &:has( .${TABLE_CLASS_BASE_TABLE_HEADER}) {\r\n        padding: ${TableConsts.consts[size].header.padding.top ?? 0}px ${TableConsts.consts[size].header.padding.left ?? 0}px ${TableConsts.consts[size].header.padding.bottom ?? 0}px ${TableConsts.consts[size].header.padding.right ?? 0}px;\r\n        & {\r\n          height: var(--height-header);\r\n        }\r\n      }\r\n\r\n      &:has( .${PAGINATION_CLASS}-presence) {\r\n        height: ${TableConsts.consts[size].paginationCell.height}px;\r\n        padding: ${TableConsts.consts[size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[size].paginationCell.padding.right ?? 0}px;\r\n      }\r\n    }\r\n\r\n    ${sticky &&\r\n    css`\r\n      position: sticky;\r\n      z-index: 2;\r\n      background-color: ${theme.onSurface.surface.default.background};\r\n    `};\r\n\r\n    ${sticky &&\r\n    stickyType === StickyTypeCell.Header &&\r\n    css`\r\n      top: ${(depth ?? 0) * TableConsts.consts[size].headerCell.height}px;\r\n      &:has( .${TABLE_CLASS_BASE_TABLE_HEADER}) + & {\r\n        top: calc(${(depth ?? 0) * TableConsts.consts[size].headerCell.height}px + var(--height-header));\r\n      }\r\n\r\n      &:last-of-type {\r\n        /* NOTE: clip path will display box-shadow only on the bottom */\r\n        clip-path: inset(0 0 -9999px 0);\r\n        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(0, 0, 0, 0.1);\r\n      }\r\n    `};\r\n\r\n    ${sticky &&\r\n    stickyType === StickyTypeCell.Footer &&\r\n    css`\r\n      bottom: ${(depth ?? 0) * TableConsts.consts[size].cell.height}px;\r\n      &:has(~ & .${PAGINATION_CLASS}-presence) {\r\n        bottom: ${(depth ?? 0) * TableConsts.consts[size].cell.height + TableConsts.consts[size].paginationCell.height}px;\r\n      }\r\n\r\n      &:first-of-type {\r\n        /* NOTE: clip path will display box-shadow only on the bottom */\r\n        clip-path: inset(-9999px 0 0 0);\r\n        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(0, 0, 0, 0.1);\r\n      }\r\n    `};\r\n\r\n    ${!$disableRowHover &&\r\n    css`\r\n      &:hover {\r\n        background-color: ${theme.onSurface.surface.hover.background};\r\n      }\r\n    `}\r\n\r\n    ${isSelected &&\r\n    css`\r\n      background-color: ${theme.onSentiment.default.subtle.selected.default.background};\r\n      \r\n      &:hover {\r\n        background-color: ${theme.onSentiment.default.subtle.selected.hover.background};\r\n      }\r\n    `}\r\n\r\n    ${sentiment &&\r\n    css`\r\n      background-color: ${theme.onSentiment.default.subtle[sentiment].default.background};\r\n\r\n      &:hover {\r\n        background-color: ${theme.onSentiment.default.subtle[sentiment].hover.background};\r\n      }\r\n\r\n      ${TH}, ${TD} {\r\n        ${sentimentIndicatorPosition === Positions.Left && css`\r\n          &:first-of-type:before {\r\n            position: absolute;\r\n            content: '';\r\n            display: block;\r\n            top: 0;\r\n            left: 0;\r\n            bottom: 0;\r\n            background-color: ${theme.onSentiment.default.strong[sentiment].default.background};\r\n            width: 4px;\r\n          }\r\n        `};\r\n        ${sentimentIndicatorPosition === Positions.Right && css`\r\n          &:last-of-type:before {\r\n            position: absolute;\r\n            content: '';\r\n            display: block;\r\n            top: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-color: ${theme.onSentiment.default.strong[sentiment].default.background};\r\n            width: 4px;\r\n          }\r\n        `};\r\n      }\r\n    `}\r\n  `,\r\n);\r\n\r\nexport const THead = styled.thead(\r\n  ({ theme }) => css`\r\n    ${TH} {\r\n      background-color: ${theme.onSurface.surface.default.background};\r\n    }\r\n\r\n    ${TR}:not(:last-of-type) > ${TH} {\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n\r\n    ${TR}:last-of-type > ${TH} {\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.medium};\r\n    }\r\n  `,\r\n);\r\n\r\nexport const TBody = styled.tbody(\r\n  ({ theme }) => css`\r\n    ${TR}:not(:last-of-type) > ${TD} {\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n  `,\r\n);\r\n\r\nexport const TFoot = styled.tfoot(\r\n  ({ theme }) => css`\r\n    ${TH} {\r\n      background-color: ${theme.onSurface.surface.default.background};\r\n    }\r\n\r\n    ${TR}:not(:first-of-type) > ${TH} {\r\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n\r\n    ${TR}:first-of-type > ${TH} {\r\n      border-top: 1px solid ${theme.onSurface.surface.default.border.medium};\r\n    }\r\n  `,\r\n);\r\n\r\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\r\n  [Sizes.XSmall]: 4,\r\n  [Sizes.Small]: 6,\r\n  [Sizes.Medium]: 8,\r\n  [Sizes.Large]: 10,\r\n} as const;\r\n\r\nexport const SpaceTR = styled(TR)(({ theme, size = Sizes.Medium }) => css`\r\n  background: ${theme.onSurface.surface.hover.background};\r\n  & > ${TD} {\r\n    height:${SpacingTRHeight[size]}px;\r\n    padding: 0;\r\n  }\r\n`);\r\n"],"names":["sharedCellStyles","css","width","theme","stickyCellShadowStyles","sticky","stickyType","stickyPosition","Positions","isLastLeftPinnedColumn","isFirstRightPinnedColumn","startingPoint","StickyTypeCell","sharedStickyCellStyles","TH","styled","colSpan","Flexbox","TD","noPadding","TR","size","Sizes","depth","isSelected","sentiment","sentimentIndicatorPosition","$disableRowHover","TableConsts.consts","Select","EMPTY_STATE_CLASS","StyledExpander","TABLE_CLASS_BASE_TABLE_HEADER","BUTTON_CLASS","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","PAGINATION_CLASS","THead","TBody","TFoot","SpacingTRHeight","SpaceTR"],"mappings":"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"}
+{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes, Positions, TableConsts, PAGINATION_CLASS, BUTTON_CLASS, EMPTY_STATE_CLASS, TableTypes, TABLE_CLASS_BASE_TABLE_HEADER, TABLE_PIN_BUTTON_CLASS, TABLE_MENU_BUTTON_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ITableRowProps, ITableCellProps, StickyTypeCell } from './TableElements.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Select } from '../../../Select/Select.styles';\nimport { StyledExpander } from './Expander';\n\nconst sharedCellStyles = css<ITableCellProps>`\n  ${({ width, theme }) => css`\n    width: ${width}px;\n    min-width: ${width}px;\n    color: ${theme.onSurface.surface.default.text.strong};\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n  `};\n`;\n\nconst stickyCellShadowStyles = css<ITableCellProps>`\n  ${({\n    sticky,\n    stickyType,\n    stickyPosition = Positions.Left,\n    isLastLeftPinnedColumn,\n    isFirstRightPinnedColumn,\n    startingPoint,\n  }) => css`\n    ${sticky &&\n    stickyType === StickyTypeCell.Column &&\n    css`\n      ${stickyPosition === Positions.Left &&\n      typeof startingPoint === 'number' &&\n      css`\n        ${isLastLeftPinnedColumn &&\n        css`\n          &::after {\n            content: '';\n            pointer-events: none;\n            width: 40px;\n            height: 100%;\n            background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\n            position: absolute;\n            right: -40px;\n            top: 0;\n          }\n        `}\n      `}\n\n      ${stickyPosition === Positions.Right &&\n      typeof startingPoint === 'number' &&\n      css`\n        ${isFirstRightPinnedColumn &&\n        css`\n          &::after {\n            content: '';\n            width: 30px;\n            pointer-events: none;\n            height: 100%;\n            background: linear-gradient(-90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\n            position: absolute;\n            left: -30px;\n            top: 0;\n          }\n        `}\n      `}\n    `};\n  `}\n`;\n\nconst sharedStickyCellStyles = css<ITableCellProps>`\n  ${({\n    sticky,\n    stickyType,\n    stickyPosition = Positions.Left,\n    isLastLeftPinnedColumn,\n    isFirstRightPinnedColumn,\n    startingPoint,\n    theme,\n  }) => css`\n    ${sticky &&\n    stickyType === StickyTypeCell.Column &&\n    css`\n      position: sticky;\n      z-index: 1;\n      background-color: ${theme.onSurface.surface.default.background};\n\n      ${stickyPosition === Positions.Left &&\n      typeof startingPoint === 'number' &&\n      css`\n        left: ${startingPoint}px;\n\n        ${isLastLeftPinnedColumn &&\n        css`\n          border-right: 1px solid ${theme.onSurface.surface.default.border.medium};\n        `}\n      `}\n\n      ${stickyPosition === Positions.Right &&\n      typeof startingPoint === 'number' &&\n      css`\n        right: ${startingPoint}px;\n\n        ${isFirstRightPinnedColumn &&\n        css`\n          border-left: 1px solid ${theme.onSurface.surface.default.border.medium};\n        `}\n      `}\n    `};\n  `}\n`;\n\n/** Table elements */\n\nexport const TH = styled.th<ITableCellProps>(\n  ({ colSpan }) => css`\n    > ${Flexbox} {\n      position: relative;\n    }\n    ${sharedCellStyles};\n    ${sharedStickyCellStyles};\n\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\n    white-space: nowrap;\n  `,\n);\n\nexport const TD = styled.td<ITableCellProps>`\n  position: relative;\n  ${sharedCellStyles};\n  ${sharedStickyCellStyles};\n  ${stickyCellShadowStyles};\n\n  > ${Flexbox} {\n    position: relative;\n  }\n\n  ${({ noPadding }) => css`\n    ${noPadding &&\n    css`\n      padding: unset !important;\n    `}\n  `}\n`;\n\nexport const TR = styled.tr<ITableRowProps>(\n  ({\n    size = Sizes.Medium,\n    sticky,\n    stickyType,\n    depth,\n    isSelected,\n    sentiment,\n    sentimentIndicatorPosition = Positions.Left,\n    $disableRowHover = false,\n    theme,\n  }) => css`\n    transition: background-color .1s, height 0.1s, opacity 0.1s;\n\n    ${TD} {\n      ${size === Sizes.XSmall && theme.paragraph.small.normal};\n      ${size === Sizes.Small && theme.paragraph.small.normal};\n      ${size === Sizes.Medium && theme.paragraph.small.normal};\n      ${size === Sizes.Large && theme.paragraph.medium.normal};\n\n      height: ${TableConsts.consts[size].cell.height}px;\n      padding: ${TableConsts.consts[size].cell.padding.top ?? 0}px ${TableConsts.consts[size].cell.padding.left ?? 0}px ${TableConsts.consts[size].cell.padding.bottom ?? 0}px ${TableConsts.consts[size].cell.padding.right ?? 0}px;\n    }\n\n    ${TD}:has( > ${Select}),\n    ${TD}:has( > .${EMPTY_STATE_CLASS}),\n    ${TD}:has( > ${StyledExpander}) {\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n\n\n    /** handle header height depending on what it contains (title, meta, description) */\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}),\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}) + & {\n      --height-header-title: 0px;\n      --height-header-meta: 0px;\n      --height-header-description: 0px;\n    }\n\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-title=\"true\"]),\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-title=\"true\"]) + & {\n      --height-header-title: ${TableConsts.consts[size].header.height.title}px;\n    }\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-meta=\"true\"]),\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-meta=\"true\"]) + & {\n      --height-header-meta: ${TableConsts.consts[size].header.height.meta}px;\n    }\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-description=\"true\"]),\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-description=\"true\"]) + & {\n      --height-header-description: ${TableConsts.consts[size].header.height.description}px;\n    }\n\n    & {\n      --height-header: calc(var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) + ${TableConsts.consts[size].header.padding.top ?? 0}px + ${TableConsts.consts[size].header.padding.bottom ?? 0}px);\n    }\n\n    ${TH} {\n\n      &, &:has(.${BUTTON_CLASS}) * {\n        ${size === Sizes.XSmall && theme.label.small.bold};\n        ${size === Sizes.Small && theme.label.medium.bold};\n        ${size === Sizes.Medium && theme.label.medium.bold};\n        ${size === Sizes.Large && theme.label.large.bold};\n      }\n\n      & .${TABLE_MENU_BUTTON_CLASS}:not([aria-expanded=\"true\"]),\n      & .${TABLE_PIN_BUTTON_CLASS}:not([aria-expanded=\"true\"]) {\n        opacity: 0;\n      }\n\n      &:hover .${BUTTON_CLASS} {\n        opacity: 1;\n      }\n\n      height: ${TableConsts.consts[size].headerCell.height}px;\n      ${sticky &&\n      stickyType === StickyTypeCell.Footer && css`\n        height: ${TableConsts.consts[size].cell.height}px;\n      `};\n\n      padding: ${TableConsts.consts[size].headerCell.padding.top ?? 0}px ${TableConsts.consts[size].headerCell.padding.left ?? 0}px ${TableConsts.consts[size].headerCell.padding.bottom ?? 0}px ${TableConsts.consts[size].headerCell.padding.right ?? 0}px;\n\n      &:has( .${TABLE_CLASS_BASE_TABLE_HEADER}) {\n        padding: ${TableConsts.consts[size].header.padding.top ?? 0}px ${TableConsts.consts[size].header.padding.left ?? 0}px ${TableConsts.consts[size].header.padding.bottom ?? 0}px ${TableConsts.consts[size].header.padding.right ?? 0}px;\n        & {\n          height: var(--height-header);\n        }\n      }\n\n      &:has( .${PAGINATION_CLASS}-presence) {\n        height: ${TableConsts.consts[size].paginationCell.height}px;\n        padding: ${TableConsts.consts[size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[size].paginationCell.padding.right ?? 0}px;\n      }\n    }\n\n    ${sticky &&\n    css`\n      position: sticky;\n      z-index: 2;\n      background-color: ${theme.onSurface.surface.default.background};\n    `};\n\n    ${sticky &&\n    stickyType === StickyTypeCell.Header &&\n    css`\n      top: ${(depth ?? 0) * TableConsts.consts[size].headerCell.height}px;\n      &:has( .${TABLE_CLASS_BASE_TABLE_HEADER}) + & {\n        top: calc(${(depth ?? 0) * TableConsts.consts[size].headerCell.height}px + var(--height-header));\n      }\n\n      &:last-of-type {\n        /* NOTE: clip path will display box-shadow only on the bottom */\n        clip-path: inset(0 0 -9999px 0);\n        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(0, 0, 0, 0.1);\n      }\n    `};\n\n    ${sticky &&\n    stickyType === StickyTypeCell.Footer &&\n    css`\n      bottom: ${(depth ?? 0) * TableConsts.consts[size].cell.height}px;\n      &:has(~ & .${PAGINATION_CLASS}-presence) {\n        bottom: ${(depth ?? 0) * TableConsts.consts[size].cell.height + TableConsts.consts[size].paginationCell.height}px;\n      }\n\n      &:first-of-type {\n        /* NOTE: clip path will display box-shadow only on the bottom */\n        clip-path: inset(-9999px 0 0 0);\n        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(0, 0, 0, 0.1);\n      }\n    `};\n\n    ${!$disableRowHover &&\n    css`\n      &:hover {\n        background-color: ${theme.onSurface.surface.hover.background};\n      }\n    `}\n\n    ${isSelected &&\n    css`\n      background-color: ${theme.onSentiment.default.subtle.selected.default.background};\n      \n      &:hover {\n        background-color: ${theme.onSentiment.default.subtle.selected.hover.background};\n      }\n    `}\n\n    ${sentiment &&\n    css`\n      background-color: ${theme.onSentiment.default.subtle[sentiment].default.background};\n\n      &:hover {\n        background-color: ${theme.onSentiment.default.subtle[sentiment].hover.background};\n      }\n\n      ${TH}, ${TD} {\n        ${sentimentIndicatorPosition === Positions.Left && css`\n          &:first-of-type:before {\n            position: absolute;\n            content: '';\n            display: block;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            background-color: ${theme.onSentiment.default.strong[sentiment].default.background};\n            width: 4px;\n          }\n        `};\n        ${sentimentIndicatorPosition === Positions.Right && css`\n          &:last-of-type:before {\n            position: absolute;\n            content: '';\n            display: block;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            background-color: ${theme.onSentiment.default.strong[sentiment].default.background};\n            width: 4px;\n          }\n        `};\n      }\n    `}\n  `,\n);\n\nexport const THead = styled.thead(\n  ({ theme }) => css`\n    ${TH} {\n      background-color: ${theme.onSurface.surface.default.background};\n    }\n\n    ${TR}:not(:last-of-type) > ${TH} {\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n\n    ${TR}:last-of-type > ${TH} {\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.medium};\n    }\n  `,\n);\n\nexport const TBody = styled.tbody(\n  ({ theme }) => css`\n    ${TR}:not(:last-of-type) > ${TD} {\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n  `,\n);\n\nexport const TFoot = styled.tfoot(\n  ({ theme }) => css`\n    ${TH} {\n      background-color: ${theme.onSurface.surface.default.background};\n    }\n\n    ${TR}:not(:first-of-type) > ${TH} {\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n\n    ${TR}:first-of-type > ${TH} {\n      border-top: 1px solid ${theme.onSurface.surface.default.border.medium};\n    }\n  `,\n);\n\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\n  [Sizes.XSmall]: 4,\n  [Sizes.Small]: 6,\n  [Sizes.Medium]: 8,\n  [Sizes.Large]: 10,\n} as const;\n\nexport const SpaceTR = styled(TR)(({ theme, size = Sizes.Medium }) => css`\n  background: ${theme.onSurface.surface.hover.background};\n  & > ${TD} {\n    height:${SpacingTRHeight[size]}px;\n    padding: 0;\n  }\n`);\n"],"names":["sharedCellStyles","css","width","theme","stickyCellShadowStyles","sticky","stickyType","stickyPosition","Positions","isLastLeftPinnedColumn","isFirstRightPinnedColumn","startingPoint","StickyTypeCell","sharedStickyCellStyles","TH","styled","colSpan","Flexbox","TD","noPadding","TR","size","Sizes","depth","isSelected","sentiment","sentimentIndicatorPosition","$disableRowHover","TableConsts.consts","Select","EMPTY_STATE_CLASS","StyledExpander","TABLE_CLASS_BASE_TABLE_HEADER","BUTTON_CLASS","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","PAGINATION_CLASS","THead","TBody","TFoot","SpacingTRHeight","SpaceTR"],"mappings":"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"}

package/build/esm/components/Table/components/TableElements/TableElements.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableElements.types.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.types.ts"],"sourcesContent":["import { ReactNode, ComponentPropsWithoutRef } from 'react';\r\n\r\nimport { Table, Row, TableState } from '@tanstack/react-table';\r\nimport { ButtonTypes, Positions, TableTypes } from 'acinguiux-ds-react-base';\r\n\r\nexport interface ITableComponentsProps<T> {\r\n  table: Table<T>;\r\n}\r\n\r\nexport interface ITableWrapperProps extends ComponentPropsWithoutRef<'div'> {\r\n  maxHeight?: number;\r\n  maxWidth?: number;\r\n  stickyRows?: boolean;\r\n  virtualized?: boolean;\r\n}\r\n\r\nexport interface ITableRowProps {\r\n  size?: TableTypes.Size;\r\n  isSelected?: boolean;\r\n  sentiment?: TableTypes.Sentiment;\r\n  sentimentIndicatorPosition?: TableTypes.IndicatorPosition;\r\n  sticky?: boolean;\r\n  stickyType?: StickyTypeCell;\r\n  depth?: number;\r\n  $disableRowHover?: boolean;\r\n}\r\n\r\nexport interface IDraggableRowProps<T> {\r\n  row: Row<T>;\r\n  getState: () => TableState;\r\n  finishReorder: () => void;\r\n  reorderRow: (draggedRowIndex: number, targetRowIndex: number) => void;\r\n}\r\n\r\nexport interface IExpanderProps<T> {\r\n  row: Row<T>;\r\n  children?: ReactNode | ReactNode[];\r\n}\r\n\r\nexport interface ITableCellExpanderContainerProps {\r\n  size?: ButtonTypes.Size;\r\n  depth: number;\r\n  lastChild?: boolean;\r\n}\r\n\r\nexport interface IFilterProps {\r\n  filters?: ReactNode;\r\n}\r\n\r\nexport enum StickyTypeCell {\r\n  Header = 'header',\r\n  Footer = 'footer',\r\n  Column = 'column',\r\n}\r\n\r\nexport interface ITableCellProps extends ComponentPropsWithoutRef<'td'> {\r\n  size?: TableTypes.Size;\r\n  colSpan?: number;\r\n  sticky?: boolean;\r\n  stickyType?: StickyTypeCell;\r\n  stickyPosition?: Positions.Left | Positions.Right;\r\n  startingPoint?: number;\r\n  isLastLeftPinnedColumn?: boolean;\r\n  isFirstRightPinnedColumn?: boolean;\r\n  selected?: boolean;\r\n  expanded?: boolean;\r\n  noPadding?: boolean;\r\n}\r\n"],"names":["StickyTypeCell"],"mappings":"AAiDY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"TableElements.types.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.types.ts"],"sourcesContent":["import { ReactNode, ComponentPropsWithoutRef } from 'react';\n\nimport { Table, Row, TableState } from '@tanstack/react-table';\nimport { ButtonTypes, Positions, TableTypes } from 'acinguiux-ds-react-base';\n\nexport interface ITableComponentsProps<T> {\n  table: Table<T>;\n}\n\nexport interface ITableWrapperProps extends ComponentPropsWithoutRef<'div'> {\n  maxHeight?: number;\n  maxWidth?: number;\n  stickyRows?: boolean;\n  virtualized?: boolean;\n}\n\nexport interface ITableRowProps {\n  size?: TableTypes.Size;\n  isSelected?: boolean;\n  sentiment?: TableTypes.Sentiment;\n  sentimentIndicatorPosition?: TableTypes.IndicatorPosition;\n  sticky?: boolean;\n  stickyType?: StickyTypeCell;\n  depth?: number;\n  $disableRowHover?: boolean;\n}\n\nexport interface IDraggableRowProps<T> {\n  row: Row<T>;\n  getState: () => TableState;\n  finishReorder: () => void;\n  reorderRow: (draggedRowIndex: number, targetRowIndex: number) => void;\n}\n\nexport interface IExpanderProps<T> {\n  row: Row<T>;\n  children?: ReactNode | ReactNode[];\n}\n\nexport interface ITableCellExpanderContainerProps {\n  size?: ButtonTypes.Size;\n  depth: number;\n  lastChild?: boolean;\n}\n\nexport interface IFilterProps {\n  filters?: ReactNode;\n}\n\nexport enum StickyTypeCell {\n  Header = 'header',\n  Footer = 'footer',\n  Column = 'column',\n}\n\nexport interface ITableCellProps extends ComponentPropsWithoutRef<'td'> {\n  size?: TableTypes.Size;\n  colSpan?: number;\n  sticky?: boolean;\n  stickyType?: StickyTypeCell;\n  stickyPosition?: Positions.Left | Positions.Right;\n  startingPoint?: number;\n  isLastLeftPinnedColumn?: boolean;\n  isFirstRightPinnedColumn?: boolean;\n  selected?: boolean;\n  expanded?: boolean;\n  noPadding?: boolean;\n}\n"],"names":["StickyTypeCell"],"mappings":"AAiDY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { forwardRef, RefObject } from 'react';\r\n\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { Table } from '../../Table.styles';\r\nimport { ITableWrapperProps } from './TableElements.types';\r\nimport { TR } from './TableElements';\r\n\r\nconst StyledTableWrapper = styled.div<ITableWrapperProps>`\r\n  ${({ maxWidth, maxHeight, stickyRows, virtualized }) => css`\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: auto;\r\n    clip-path: inset(0 0 0 0 round 8px);\r\n    border-radius: 8px;\r\n    border: 1px solid ${({ theme }) => theme.onSurface.surface.default.border.subtle};\r\n\r\n    ${Table} > :first-child > ${TR}:first-of-type > :first-child {\r\n      border-top-left-radius: unset;\r\n    }\r\n\r\n    ${Table} > :first-child > ${TR}:first-of-type > * {\r\n      border-top: unset;\r\n    }\r\n\r\n    ${Table} > * > ${TR} > :first-child {\r\n      border-left: unset;\r\n    }\r\n\r\n    ${Table} > * > ${TR} > :last-child {\r\n      border-right: unset;\r\n    }\r\n\r\n    ${Table} > :last-child > ${TR}:last-of-type > * {\r\n      border-bottom: unset;\r\n    }\r\n\r\n    ${Table} > :first-child > ${TR}:first-of-type > :last-child {\r\n      border-top-right-radius: unset;\r\n    }\r\n\r\n    ${Table} > :last-child > ${TR}:last-of-type > :first-child {\r\n      border-bottom-left-radius: unset;\r\n    }\r\n\r\n    ${Table} > :last-child > ${TR}:last-of-type > :last-child {\r\n      border-bottom-right-radius: unset;\r\n    }\r\n\r\n    ${maxWidth &&\r\n    css`\r\n      max-width: ${maxWidth}px;\r\n      overflow-x: auto;\r\n    `}\r\n\r\n    ${maxHeight &&\r\n    css`\r\n      max-height: ${maxHeight}px;\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${stickyRows &&\r\n    css`\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${virtualized &&\r\n    css`\r\n      overflow: auto;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const TableWrapper = forwardRef(\r\n  (\r\n    { children, ...rest }: ITableWrapperProps,\r\n    ref: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined,\r\n  ) => (\r\n    <StyledTableWrapper ref={ref} {...rest}>\r\n      {children}\r\n    </StyledTableWrapper>\r\n  ),\r\n);\r\n"],"names":["StyledTableWrapper","styled","maxWidth","maxHeight","stickyRows","virtualized","css","theme","Table","TR","TableWrapper","forwardRef","children","rest","ref","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAO;AAAA,IAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,aAAAC,EAAkB,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMlC,CAAC,EAAE,OAAAC,EAAM,MAAMA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA,MAE9EC,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,UAAUC,CAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,CAAK,UAAUC,CAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BP,KACFI;AAAA,mBACeJ,CAAQ;AAAA;AAAA,KAEtB;AAAA;AAAA,MAECC,KACFG;AAAA,oBACgBH,CAAS;AAAA;AAAA,KAExB;AAAA;AAAA,MAECC,KACFE;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,KACFC;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUI,IAAeC;AAAA,EAC1B,CACE,EAAE,UAAAC,GAAU,GAAGC,EAAK,GACpBC,MAEA,gBAAAC,EAACf,GAAmB,EAAA,KAAAc,GAAW,GAAGD,GAC/B,UAAAD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { forwardRef, RefObject } from 'react';\n\nimport styled, { css } from 'styled-components';\n\nimport { Table } from '../../Table.styles';\nimport { ITableWrapperProps } from './TableElements.types';\nimport { TR } from './TableElements';\n\nconst StyledTableWrapper = styled.div<ITableWrapperProps>`\n  ${({ maxWidth, maxHeight, stickyRows, virtualized }) => css`\n    position: relative;\n    width: 100%;\n    overflow: auto;\n    clip-path: inset(0 0 0 0 round 8px);\n    border-radius: 8px;\n    border: 1px solid ${({ theme }) => theme.onSurface.surface.default.border.subtle};\n\n    ${Table} > :first-child > ${TR}:first-of-type > :first-child {\n      border-top-left-radius: unset;\n    }\n\n    ${Table} > :first-child > ${TR}:first-of-type > * {\n      border-top: unset;\n    }\n\n    ${Table} > * > ${TR} > :first-child {\n      border-left: unset;\n    }\n\n    ${Table} > * > ${TR} > :last-child {\n      border-right: unset;\n    }\n\n    ${Table} > :last-child > ${TR}:last-of-type > * {\n      border-bottom: unset;\n    }\n\n    ${Table} > :first-child > ${TR}:first-of-type > :last-child {\n      border-top-right-radius: unset;\n    }\n\n    ${Table} > :last-child > ${TR}:last-of-type > :first-child {\n      border-bottom-left-radius: unset;\n    }\n\n    ${Table} > :last-child > ${TR}:last-of-type > :last-child {\n      border-bottom-right-radius: unset;\n    }\n\n    ${maxWidth &&\n    css`\n      max-width: ${maxWidth}px;\n      overflow-x: auto;\n    `}\n\n    ${maxHeight &&\n    css`\n      max-height: ${maxHeight}px;\n      overflow-y: auto;\n    `}\n\n    ${stickyRows &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${virtualized &&\n    css`\n      overflow: auto;\n    `}\n  `}\n`;\n\nexport const TableWrapper = forwardRef(\n  (\n    { children, ...rest }: ITableWrapperProps,\n    ref: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined,\n  ) => (\n    <StyledTableWrapper ref={ref} {...rest}>\n      {children}\n    </StyledTableWrapper>\n  ),\n);\n"],"names":["StyledTableWrapper","styled","maxWidth","maxHeight","stickyRows","virtualized","css","theme","Table","TR","TableWrapper","forwardRef","children","rest","ref","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAO;AAAA,IAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,aAAAC,EAAkB,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMlC,CAAC,EAAE,OAAAC,EAAM,MAAMA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA,MAE9EC,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,UAAUC,CAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,CAAK,UAAUC,CAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BP,KACFI;AAAA,mBACeJ,CAAQ;AAAA;AAAA,KAEtB;AAAA;AAAA,MAECC,KACFG;AAAA,oBACgBH,CAAS;AAAA;AAAA,KAExB;AAAA;AAAA,MAECC,KACFE;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,KACFC;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUI,IAAeC;AAAA,EAC1B,CACE,EAAE,UAAAC,GAAU,GAAGC,EAAK,GACpBC,MAEA,gBAAAC,EAACf,GAAmB,EAAA,KAAAc,GAAW,GAAGD,GAC/B,UAAAD,EACH,CAAA;AAEJ;"}

package/build/esm/components/Table/hooks/useDraggableColumnHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggableColumnHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAgBrF,eAAO,MAAM,wBAAwB,cAAgB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,MAAM,UAAU,uBAAuB,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI;;;;;CAyC7J,CAAC"}
+{"version":3,"file":"useDraggableColumnHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAgBrF,eAAO,MAAM,wBAAwB,cAAgB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,MAAM,UAAU,uBAAuB,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI;;;;;CA0C7J,CAAC"}

package/build/esm/components/Table/hooks/useDraggableColumnHeader.js

@@ -1,40 +1,41 @@
-import { useRef as w } from "react";
-import { useDrop as x, useDrag as g } from "react-dnd";
-const b = (c, o, s) => {
-  const e = [...s];
+import { useRef as g } from "react";
+import { useDrop as w, useDrag as x } from "react-dnd";
+const I = (i, o, c) => {
+  const e = [...c];
   return e.splice(
     e.indexOf(o),
     0,
-    e.splice(e.indexOf(c), 1)[0]
+    e.splice(e.indexOf(i), 1)[0]
   ), e;
-}, a = 100, U = (c, o, s) => {
-  const e = w(Date.now() - a), { column: r } = c, [{ isDragging: p }, u] = x({
+}, a = 100, U = (i, o, c) => {
+  const e = g(Date.now() - a), { column: n } = i, [{ isDragging: l }, u] = w({
     accept: "column",
-    collect: (n) => {
+    collect: (r) => {
       var t;
       return {
-        isDragging: ((t = n.getItem()) == null ? void 0 : t.id) === r.id
+        isDragging: ((t = r.getItem()) == null ? void 0 : t.id) === n.id
       };
     },
-    hover: (n, t) => {
-      const { columnOrder: i } = o(), m = i.indexOf(r.id), d = b(n.id, r.id, i), O = d.indexOf(r.id), D = m !== O && n.isUpdateable();
-      !t.isOver() && D && n.updateOrder(d);
+    hover: (r, t) => {
+      const { columnOrder: s } = o(), m = s.indexOf(n.id), d = I(r.id, n.id, s), O = d.indexOf(n.id), D = m !== O && r.isUpdateable();
+      !t.isOver() && D && r.updateOrder(d);
     }
-  }, [o, r]), [, l, f] = g({
+  }, [o, n]), [, p, f] = x({
     item: {
-      ...r,
-      updateOrder: (n) => {
-        e.current = Date.now(), s(n);
+      ...n,
+      updateOrder: (r) => {
+        e.current = Date.now(), c(r);
       },
       isUpdateable: () => e.current + a < Date.now()
     },
+    canDrag: () => o().columnSizingInfo.isResizingColumn === !1,
     type: "column"
-  }, [r]);
+  }, [n]);
   return {
     dropRef: u,
-    dragRef: l,
+    dragRef: p,
     previewRef: f,
-    isDragging: p
+    isDragging: l
   };
 };
 export {

package/build/esm/components/Table/hooks/useDraggableColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggableColumnHeader.js","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"sourcesContent":["import { useRef } from 'react';\r\n\r\nimport { useDrop, useDrag, DropTargetMonitor } from 'react-dnd';\r\nimport { Column, Header, ColumnOrderState, TableState } from '@tanstack/react-table';\r\n\r\nconst reorderColumn = (draggedColumnId: string, targetColumnId: string, columnOrder: string[]): ColumnOrderState => {\r\n  const newOrder = [...columnOrder];\r\n\r\n  newOrder.splice(\r\n    newOrder.indexOf(targetColumnId),\r\n    0,\r\n    newOrder.splice(newOrder.indexOf(draggedColumnId), 1)[0],\r\n  );\r\n\r\n  return newOrder;\r\n};\r\n\r\nconst TIME_TO_UPDATE = 100;\r\n\r\nexport const useDraggableColumnHeader = <T,>(header: Header<T, unknown>, getState: () => TableState, onColumnOrderChange: (newOrder: ColumnOrderState) => void) => {\r\n  const lastUpdate = useRef<number>(Date.now() - TIME_TO_UPDATE);\r\n  const { column } = header;\r\n\r\n  const [{ isDragging }, dropRef] = useDrop({\r\n    accept: 'column',\r\n    collect: (monitor) => ({\r\n      isDragging: Boolean(monitor.getItem()?.id === column.id),\r\n    }),\r\n    hover: (draggedColumn: Column<T> & { updateOrder: (order: ColumnOrderState) => void, isUpdateable: () => boolean; }, monitor: DropTargetMonitor<Column<T, unknown>>) => {\r\n      const { columnOrder } = getState();\r\n      const currentColumnIdx = columnOrder.indexOf(column.id);\r\n      const newOrder = reorderColumn(draggedColumn.id, column.id, columnOrder);\r\n      const newIdx = newOrder.indexOf(column.id);\r\n\r\n      const droppable = currentColumnIdx !== newIdx && draggedColumn.isUpdateable();\r\n\r\n      if (!monitor.isOver() && droppable) {\r\n        draggedColumn.updateOrder(newOrder);\r\n      }\r\n    },\r\n  }, [getState, column]);\r\n\r\n  const [, dragRef, previewRef] = useDrag({\r\n    item: ({\r\n      ...column,\r\n      updateOrder: (order: ColumnOrderState) => {\r\n        lastUpdate.current = Date.now();\r\n        onColumnOrderChange(order);\r\n      },\r\n      isUpdateable: () => lastUpdate.current + TIME_TO_UPDATE < Date.now(),\r\n    }),\r\n    type: 'column',\r\n  }, [column]);\r\n\r\n  return {\r\n    dropRef,\r\n    dragRef,\r\n    previewRef,\r\n    isDragging,\r\n  };\r\n};\r\n"],"names":["reorderColumn","draggedColumnId","targetColumnId","columnOrder","newOrder","TIME_TO_UPDATE","useDraggableColumnHeader","header","getState","onColumnOrderChange","lastUpdate","useRef","column","isDragging","dropRef","useDrop","monitor","_a","draggedColumn","currentColumnIdx","newIdx","droppable","dragRef","previewRef","useDrag","order"],"mappings":";;AAKA,MAAMA,IAAgB,CAACC,GAAyBC,GAAwBC,MAA4C;AAC5G,QAAAC,IAAW,CAAC,GAAGD,CAAW;AAEvB,SAAAC,EAAA;AAAA,IACPA,EAAS,QAAQF,CAAc;AAAA,IAC/B;AAAA,IACAE,EAAS,OAAOA,EAAS,QAAQH,CAAe,GAAG,CAAC,EAAE,CAAC;AAAA,EAAA,GAGlDG;AACT,GAEMC,IAAiB,KAEVC,IAA2B,CAAKC,GAA4BC,GAA4BC,MAA8D;AACjK,QAAMC,IAAaC,EAAe,KAAK,QAAQN,CAAc,GACvD,EAAE,QAAAO,EAAW,IAAAL,GAEb,CAAC,EAAE,YAAAM,EAAA,GAAcC,CAAO,IAAIC,EAAQ;AAAA,IACxC,QAAQ;AAAA,IACR,SAAS,CAACC,MAAa;;AAAA;AAAA,QACrB,cAAoBC,IAAAD,EAAQ,QAAW,MAAnB,gBAAAC,EAAmB,QAAOL,EAAO;AAAA,MAAE;AAAA;AAAA,IAEzD,OAAO,CAACM,GAA6GF,MAAmD;AAChK,YAAA,EAAE,aAAAb,MAAgBK,KAClBW,IAAmBhB,EAAY,QAAQS,EAAO,EAAE,GAChDR,IAAWJ,EAAckB,EAAc,IAAIN,EAAO,IAAIT,CAAW,GACjEiB,IAAShB,EAAS,QAAQQ,EAAO,EAAE,GAEnCS,IAAYF,MAAqBC,KAAUF,EAAc,aAAa;AAE5E,MAAI,CAACF,EAAQ,OAAO,KAAKK,KACvBH,EAAc,YAAYd,CAAQ;AAAA,IAEtC;AAAA,EAAA,GACC,CAACI,GAAUI,CAAM,CAAC,GAEf,GAAGU,GAASC,CAAU,IAAIC,EAAQ;AAAA,IACtC,MAAO;AAAA,MACL,GAAGZ;AAAA,MACH,aAAa,CAACa,MAA4B;AAC7B,QAAAf,EAAA,UAAU,KAAK,OAC1BD,EAAoBgB,CAAK;AAAA,MAC3B;AAAA,MACA,cAAc,MAAMf,EAAW,UAAUL,IAAiB,KAAK,IAAI;AAAA,IACrE;AAAA,IACA,MAAM;AAAA,EAAA,GACL,CAACO,CAAM,CAAC;AAEJ,SAAA;AAAA,IACL,SAAAE;AAAA,IACA,SAAAQ;AAAA,IACA,YAAAC;AAAA,IACA,YAAAV;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useDraggableColumnHeader.js","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useDrop, useDrag, DropTargetMonitor } from 'react-dnd';\nimport { Column, Header, ColumnOrderState, TableState } from '@tanstack/react-table';\n\nconst reorderColumn = (draggedColumnId: string, targetColumnId: string, columnOrder: string[]): ColumnOrderState => {\n  const newOrder = [...columnOrder];\n\n  newOrder.splice(\n    newOrder.indexOf(targetColumnId),\n    0,\n    newOrder.splice(newOrder.indexOf(draggedColumnId), 1)[0],\n  );\n\n  return newOrder;\n};\n\nconst TIME_TO_UPDATE = 100;\n\nexport const useDraggableColumnHeader = <T,>(header: Header<T, unknown>, getState: () => TableState, onColumnOrderChange: (newOrder: ColumnOrderState) => void) => {\n  const lastUpdate = useRef<number>(Date.now() - TIME_TO_UPDATE);\n  const { column } = header;\n\n  const [{ isDragging }, dropRef] = useDrop({\n    accept: 'column',\n    collect: (monitor) => ({\n      isDragging: Boolean(monitor.getItem()?.id === column.id),\n    }),\n    hover: (draggedColumn: Column<T> & { updateOrder: (order: ColumnOrderState) => void, isUpdateable: () => boolean; }, monitor: DropTargetMonitor<Column<T, unknown>>) => {\n      const { columnOrder } = getState();\n      const currentColumnIdx = columnOrder.indexOf(column.id);\n      const newOrder = reorderColumn(draggedColumn.id, column.id, columnOrder);\n      const newIdx = newOrder.indexOf(column.id);\n\n      const droppable = currentColumnIdx !== newIdx && draggedColumn.isUpdateable();\n\n      if (!monitor.isOver() && droppable) {\n        draggedColumn.updateOrder(newOrder);\n      }\n    },\n  }, [getState, column]);\n\n  const [, dragRef, previewRef] = useDrag({\n    item: ({\n      ...column,\n      updateOrder: (order: ColumnOrderState) => {\n        lastUpdate.current = Date.now();\n        onColumnOrderChange(order);\n      },\n      isUpdateable: () => lastUpdate.current + TIME_TO_UPDATE < Date.now(),\n    }),\n    canDrag: () => getState().columnSizingInfo.isResizingColumn === false,\n    type: 'column',\n  }, [column]);\n\n  return {\n    dropRef,\n    dragRef,\n    previewRef,\n    isDragging,\n  };\n};\n"],"names":["reorderColumn","draggedColumnId","targetColumnId","columnOrder","newOrder","TIME_TO_UPDATE","useDraggableColumnHeader","header","getState","onColumnOrderChange","lastUpdate","useRef","column","isDragging","dropRef","useDrop","monitor","_a","draggedColumn","currentColumnIdx","newIdx","droppable","dragRef","previewRef","useDrag","order"],"mappings":";;AAKA,MAAMA,IAAgB,CAACC,GAAyBC,GAAwBC,MAA4C;AAC5G,QAAAC,IAAW,CAAC,GAAGD,CAAW;AAEvB,SAAAC,EAAA;AAAA,IACPA,EAAS,QAAQF,CAAc;AAAA,IAC/B;AAAA,IACAE,EAAS,OAAOA,EAAS,QAAQH,CAAe,GAAG,CAAC,EAAE,CAAC;AAAA,EACzD,GAEOG;AACT,GAEMC,IAAiB,KAEVC,IAA2B,CAAKC,GAA4BC,GAA4BC,MAA8D;AACjK,QAAMC,IAAaC,EAAe,KAAK,IAAA,IAAQN,CAAc,GACvD,EAAE,QAAAO,MAAWL,GAEb,CAAC,EAAE,YAAAM,EAAA,GAAcC,CAAO,IAAIC,EAAQ;AAAA,IACxC,QAAQ;AAAA,IACR,SAAS,CAACC,MAAa;;AAAA;AAAA,QACrB,cAAoBC,IAAAD,EAAQ,cAAR,gBAAAC,EAAmB,QAAOL,EAAO;AAAA,MAAE;AAAA;AAAA,IAEzD,OAAO,CAACM,GAA6GF,MAAmD;AAChK,YAAA,EAAE,aAAAb,EAAY,IAAIK,EAAS,GAC3BW,IAAmBhB,EAAY,QAAQS,EAAO,EAAE,GAChDR,IAAWJ,EAAckB,EAAc,IAAIN,EAAO,IAAIT,CAAW,GACjEiB,IAAShB,EAAS,QAAQQ,EAAO,EAAE,GAEnCS,IAAYF,MAAqBC,KAAUF,EAAc,aAAa;AAE5E,MAAI,CAACF,EAAQ,OAAO,KAAKK,KACvBH,EAAc,YAAYd,CAAQ;AAAA,IACpC;AAAA,EACF,GACC,CAACI,GAAUI,CAAM,CAAC,GAEf,GAAGU,GAASC,CAAU,IAAIC,EAAQ;AAAA,IACtC,MAAO;AAAA,MACL,GAAGZ;AAAA,MACH,aAAa,CAACa,MAA4B;AAC7B,QAAAf,EAAA,UAAU,KAAK,IAAI,GAC9BD,EAAoBgB,CAAK;AAAA,MAC3B;AAAA,MACA,cAAc,MAAMf,EAAW,UAAUL,IAAiB,KAAK,IAAI;AAAA,IACrE;AAAA,IACA,SAAS,MAAMG,EAAS,EAAE,iBAAiB,qBAAqB;AAAA,IAChE,MAAM;AAAA,EAAA,GACL,CAACI,CAAM,CAAC;AAEJ,SAAA;AAAA,IACL,SAAAE;AAAA,IACA,SAAAQ;AAAA,IACA,YAAAC;AAAA,IACA,YAAAV;AAAA,EACF;AACF;"}

package/build/esm/components/Table/hooks/useReorderRowsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReorderRowsTable.js","sources":["../../../../../src/components/Table/hooks/useReorderRowsTable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\r\n\r\nimport { useReactTable, getCoreRowModel, ColumnDef } from '@tanstack/react-table';\r\n\r\nexport const useReorderRowsTable = <T extends { id: string }>(data: T[], columns: ColumnDef<T, unknown>[]) => {\r\n  const [newData, setNewData] = useState([...data]);\r\n  const [baseData, setBaseData] = useState([...newData]);\r\n\r\n  const reorderRow = useCallback((draggedRowIndex: number, targetRowIndex: number) => {\r\n    const baseDataSet = [...baseData];\r\n    if (draggedRowIndex === targetRowIndex) {\r\n      setNewData(baseDataSet);\r\n\r\n      return;\r\n    };\r\n    baseDataSet.splice(targetRowIndex, 0, baseDataSet.splice(draggedRowIndex, 1)[0]);\r\n\r\n    setNewData(baseDataSet);\r\n  }, [baseData]);\r\n\r\n  const finishReorder = useCallback(() => {\r\n    setBaseData([...newData]);\r\n  }, [newData]);\r\n\r\n  const table = useReactTable({\r\n    data: newData,\r\n    columns,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getRowId: (row) => row.id!,\r\n  });\r\n\r\n  return {\r\n    table,\r\n    finishReorder,\r\n    reorderRow,\r\n  };\r\n};\r\n"],"names":["useReorderRowsTable","data","columns","newData","setNewData","useState","baseData","setBaseData","reorderRow","useCallback","draggedRowIndex","targetRowIndex","baseDataSet","finishReorder","useReactTable","getCoreRowModel","row"],"mappings":";;AAIa,MAAAA,IAAsB,CAA2BC,GAAWC,MAAqC;AACtG,QAAA,CAACC,GAASC,CAAU,IAAIC,EAAS,CAAC,GAAGJ,CAAI,CAAC,GAC1C,CAACK,GAAUC,CAAW,IAAIF,EAAS,CAAC,GAAGF,CAAO,CAAC,GAE/CK,IAAaC,EAAY,CAACC,GAAyBC,MAA2B;AAC5E,UAAAC,IAAc,CAAC,GAAGN,CAAQ;AAChC,QAAII,MAAoBC,GAAgB;AACtC,MAAAP,EAAWQ,CAAW;AAEtB;AAAA,IACF;AACY,IAAAA,EAAA,OAAOD,GAAgB,GAAGC,EAAY,OAAOF,GAAiB,CAAC,EAAE,CAAC,CAAC,GAE/EN,EAAWQ,CAAW;AAAA,EAAA,GACrB,CAACN,CAAQ,CAAC,GAEPO,IAAgBJ,EAAY,MAAM;AAC1B,IAAAF,EAAA,CAAC,GAAGJ,CAAO,CAAC;AAAA,EAAA,GACvB,CAACA,CAAO,CAAC;AASL,SAAA;AAAA,IACL,OARYW,EAAc;AAAA,MAC1B,MAAMX;AAAA,MACN,SAAAD;AAAA,MACA,iBAAiBa,EAAgB;AAAA,MACjC,UAAU,CAACC,MAAQA,EAAI;AAAA,IAAA,CACxB;AAAA,IAIC,eAAAH;AAAA,IACA,YAAAL;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useReorderRowsTable.js","sources":["../../../../../src/components/Table/hooks/useReorderRowsTable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, ColumnDef } from '@tanstack/react-table';\n\nexport const useReorderRowsTable = <T extends { id: string }>(data: T[], columns: ColumnDef<T, unknown>[]) => {\n  const [newData, setNewData] = useState([...data]);\n  const [baseData, setBaseData] = useState([...newData]);\n\n  const reorderRow = useCallback((draggedRowIndex: number, targetRowIndex: number) => {\n    const baseDataSet = [...baseData];\n    if (draggedRowIndex === targetRowIndex) {\n      setNewData(baseDataSet);\n\n      return;\n    };\n    baseDataSet.splice(targetRowIndex, 0, baseDataSet.splice(draggedRowIndex, 1)[0]);\n\n    setNewData(baseDataSet);\n  }, [baseData]);\n\n  const finishReorder = useCallback(() => {\n    setBaseData([...newData]);\n  }, [newData]);\n\n  const table = useReactTable({\n    data: newData,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row) => row.id!,\n  });\n\n  return {\n    table,\n    finishReorder,\n    reorderRow,\n  };\n};\n"],"names":["useReorderRowsTable","data","columns","newData","setNewData","useState","baseData","setBaseData","reorderRow","useCallback","draggedRowIndex","targetRowIndex","baseDataSet","finishReorder","useReactTable","getCoreRowModel","row"],"mappings":";;AAIa,MAAAA,IAAsB,CAA2BC,GAAWC,MAAqC;AACtG,QAAA,CAACC,GAASC,CAAU,IAAIC,EAAS,CAAC,GAAGJ,CAAI,CAAC,GAC1C,CAACK,GAAUC,CAAW,IAAIF,EAAS,CAAC,GAAGF,CAAO,CAAC,GAE/CK,IAAaC,EAAY,CAACC,GAAyBC,MAA2B;AAC5E,UAAAC,IAAc,CAAC,GAAGN,CAAQ;AAChC,QAAII,MAAoBC,GAAgB;AACtC,MAAAP,EAAWQ,CAAW;AAEtB;AAAA,IAAA;AAEU,IAAAA,EAAA,OAAOD,GAAgB,GAAGC,EAAY,OAAOF,GAAiB,CAAC,EAAE,CAAC,CAAC,GAE/EN,EAAWQ,CAAW;AAAA,EAAA,GACrB,CAACN,CAAQ,CAAC,GAEPO,IAAgBJ,EAAY,MAAM;AAC1B,IAAAF,EAAA,CAAC,GAAGJ,CAAO,CAAC;AAAA,EAAA,GACvB,CAACA,CAAO,CAAC;AASL,SAAA;AAAA,IACL,OARYW,EAAc;AAAA,MAC1B,MAAMX;AAAA,MACN,SAAAD;AAAA,MACA,iBAAiBa,EAAgB;AAAA,MACjC,UAAU,CAACC,MAAQA,EAAI;AAAA,IAAA,CACxB;AAAA,IAIC,eAAAH;AAAA,IACA,YAAAL;AAAA,EACF;AACF;"}

package/build/esm/components/Table/hooks/useVirtualized.js

@@ -0,0 +1,23 @@
+import { jsx as e, Fragment as h } from "react/jsx-runtime";
+import { useRef as p } from "react";
+import { useVirtual as g } from "react-virtual";
+const x = (s) => {
+  var r, i;
+  const n = p(null), { rows: o } = s.getRowModel(), a = g({
+    parentRef: n,
+    size: o.length,
+    overscan: 10
+  }), { virtualItems: t, totalSize: d } = a, c = t.length > 0 && ((r = t == null ? void 0 : t[0]) == null ? void 0 : r.start) || 0, m = t.length > 0 ? d - (((i = t == null ? void 0 : t[t.length - 1]) == null ? void 0 : i.end) || 0) : 0;
+  return {
+    virtualRows: t,
+    rows: o,
+    tableContainerRef: n,
+    paddingTop: c,
+    paddingBottom: m,
+    EmptyRow: ({ padding: l }) => /* @__PURE__ */ e(h, { children: l > 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { style: { height: `${l}px` }, "aria-label": "hidden row", "aria-hidden": !0 }) }) })
+  };
+};
+export {
+  x as useVirtualized
+};
+//# sourceMappingURL=useVirtualized.js.map