acinguiux-ds-react-framework 0.0.8 → 0.1.0

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

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

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

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),r=require("styled-components"),e=r.div`
+  font-variant-numeric: tabular-nums;
+`,u=({...t})=>l.jsx(e,{...t});exports.NumericCell=u;exports.StyledNumericCell=e;
+//# sourceMappingURL=NumericCell.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("react"),e=require("../../../../react-base/src/consts/index.js"),u=require("../../hooks/useTable.js"),c=require("../../../Button/Button.js"),l=require("../../../Icon/components/ArrowLeft.js"),d=require("../../../Icon/components/ArrowRight.js"),q=require("../../../Icon/components/Cross.js"),P=require("../../utils/tableUtils.js"),b=a.forwardRef(({pinIconDirection:r,...i},s)=>{const{size:n=e.Sizes.Medium}=u.useTable(),o=()=>{switch(r){case e.Positions.Left:return t.jsx(l,{"data-testid":"pin-arrow-left"});case e.Positions.Right:return t.jsx(d,{"data-testid":"pin-arrow-right"});default:return t.jsx(q,{"data-testid":"pin-cross"})}};return t.jsx(c,{className:e.TABLE_PIN_BUTTON_CLASS,"aria-label":"Pin button",size:P.getSize(n),variant:e.Variants.Transparent,iconOnly:!0,icon:o(),ref:s,...i})});exports.PinButton=b;
+//# sourceMappingURL=PinButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinButton.js","sources":["../../../../../../src/components/Table/components/TableElements/PinButton.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\n\nimport { Sizes, Positions, Variants, TABLE_PIN_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { ITablePin } from '../../Table.types';\nimport { useTable } from '../../hooks/useTable';\nimport Button from '../../../Button/Button';\nimport ArrowLeft from '../../../Icon/components/ArrowLeft';\nimport ArrowRight from '../../../Icon/components/ArrowRight';\nimport Cross from '../../../Icon/components/Cross';\nimport { getSize } from '../../utils/tableUtils';\n\n/**\n * Pin button component\n *\n * @deprecated Pinning properties are handled within the HeaderCellMenu now\n */\nexport const PinButton = forwardRef(\n  ({ pinIconDirection, ...props }: ITablePin, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    const getPinIconDirection = () => {\n      switch (pinIconDirection) {\n        case Positions.Left:\n          return <ArrowLeft data-testid=\"pin-arrow-left\" />;\n        case Positions.Right:\n          return <ArrowRight data-testid=\"pin-arrow-right\" />;\n        default:\n          return <Cross data-testid=\"pin-cross\" />;\n      }\n    };\n\n    return (\n      <Button\n        className={TABLE_PIN_BUTTON_CLASS}\n        aria-label=\"Pin button\"\n        size={getSize(size)}\n        variant={Variants.Transparent}\n        iconOnly\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":"qeAiBaA,EAAYC,EAAA,WACvB,CAAC,CAAE,iBAAAC,EAAkB,GAAGC,CAAA,EAAoBC,IAAyC,CACnF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAS,EAEnCC,EAAsB,IAAM,CAChC,OAAQN,EAAkB,CACxB,KAAKO,EAAU,UAAA,KACN,OAAAC,EAAA,IAACC,EAAU,CAAA,cAAY,gBAAiB,CAAA,EACjD,KAAKF,EAAU,UAAA,MACN,OAAAC,EAAA,IAACE,EAAW,CAAA,cAAY,iBAAkB,CAAA,EACnD,QACS,OAAAF,EAAA,IAACG,EAAM,CAAA,cAAY,WAAY,CAAA,CAAA,CAE5C,EAGE,OAAAH,EAAA,IAACI,EAAA,CACC,UAAWC,EAAA,uBACX,aAAW,aACX,KAAMC,UAAQX,CAAI,EAClB,QAASY,EAAS,SAAA,YAClB,SAAQ,GACR,KAAMT,EAAoB,EAC1B,IAAAJ,EACC,GAAGD,CAAA,CACN,CAAA,CAGN"}

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

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),o=require("../../../../react-base/src/consts/index.js"),u=require("../../../../react-base/src/components/Table/Table.consts.js"),c=require("../../../../react-base/src/theme/variableTheme.js"),d=require("../../hooks/useTable.js"),a=t.div(({theme:e,size:s,onMouseDown:r})=>t.css`
+    ${!!r&&t.css`
+      cursor: ew-resize;
+    `};
+    width: 8px;
+    height: 16px;
+    user-select: none;
+    position: absolute;
+    right: -${u.consts[s].headerCell.padding.right}px;
+
+    &:before {
+      content: '';
+      display: block;
+      position: absolute;
+      left: 6px;
+      right: 0;
+      border-radius: 1px;
+      height: 100%;
+      background-color: ${e.getVariablesLayer({foundation:"surface"})[c.VariablesNames.BorderOnFoundationSubtle]};
+    }
+  `),b=({onMouseDown:e,onTouchStart:s,...r})=>{const{size:l=o.Sizes.Medium}=d.useTable();return n.useMemo(()=>!!e||!!s,[e,s])?i.jsx(a,{onMouseDown:e,onTouchStart:s,"aria-label":"Resizer",className:o.TABLE_RESIZER_CLASS,size:l,...r}):i.jsx(i.Fragment,{})};exports.Resizer=b;exports.StyledResizer=a;
+//# sourceMappingURL=Resizer.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),o=require("react"),e=require("../../../../react-base/src/consts/index.js"),c=require("../../hooks/useTable.js"),u=require("../../../Checkbox/Checkbox.js"),l=require("../../utils/tableUtils.js"),n=o.forwardRef(({...r},t)=>{const{size:s=e.Sizes.Medium}=c.useTable();return i.jsx(u,{className:e.TABLE_CHECKBOX_CLASS,"aria-label":"Table checkbox",size:l.getSize(s),ref:t,...r})});exports.SelectionCheckbox=n;
+//# sourceMappingURL=SelectionCheckbox.js.map

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

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

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

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),e=require("../../../../react-base/src/consts/index.js"),a=require("../../../../react-base/src/components/Button/Button.consts.js"),u=require("styled-components"),c=require("../../hooks/useTable.js"),l=require("../../../Icon/components/ArrowUp.js"),S=require("../../../Icon/components/ArrowDown.js"),d=require("../../../Button/Button.js"),_=require("../../utils/tableUtils.js"),q=u(d)`
+  margin: 0 -${({size:r=`${e.Sizes.Medium}`})=>a.consts[_.getSize(r)].padding.transparent};
+  text-align: left;
+  min-width: 0;
+`,T=i.forwardRef(({sortDirection:r,...s},n)=>{const{size:o}=c.useTable();return t.jsx(q,{className:e.TABLE_SORTER_BUTTON_CLASS,"aria-label":"Sorter button",size:o,variant:e.Variants.Transparent,iconPosition:e.Positions.Right,icon:t.jsxs(t.Fragment,{children:[r==="asc"&&t.jsx(l,{className:e.TABLE_ASC_ICON_CLASS}),r==="desc"&&t.jsx(S,{className:e.TABLE_DESC_ICON_CLASS})]}),ref:n,...s})});exports.SorterButton=T;
+//# sourceMappingURL=SorterButton.js.map

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

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

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

@@ -0,0 +1,301 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),o=require("../../../../react-base/src/consts/index.js"),a=require("../../../../react-base/src/components/Table/Table.consts.js"),i=require("../../../../react-base/src/theme/variableTheme.js"),g=require("acinguiux-ds-fabrics"),m=require("../../../../react-base/src/utils/sizesUtils.js"),$=require("./TableElements.types.js"),y=require("../../../Flexbox/Flexbox.js"),f=require("../../../Select/Select.styles.js"),_=require("./Expander.js"),A=e.css`
+  ${({width:s,theme:n})=>e.css`
+    width: ${s}px;
+    min-width: ${s}px;
+    color: ${n.getVariablesLayer({foundation:"surface"})[i.VariablesNames.TextOnFoundationStrong]};
+    box-sizing: border-box;
+    overflow-wrap: break-word;
+  `};
+`,T=e.css`
+  ${({sticky:s,stickyType:n,stickyPosition:r=o.Positions.Left,isLastLeftPinnedColumn:d,isFirstRightPinnedColumn:l,startingPoint:b})=>e.css`
+    ${s&&n===$.StickyTypeCell.Column&&e.css`
+      ${r===o.Positions.Left&&typeof b=="number"&&e.css`
+        ${d&&e.css`
+          &::after {
+            content: '';
+            pointer-events: none;
+            width: 40px;
+            height: 100%;
+            background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);
+            position: absolute;
+            right: -40px;
+            top: 0;
+          }
+        `}
+      `}
+
+      ${r===o.Positions.Right&&typeof b=="number"&&e.css`
+        ${l&&e.css`
+          &::after {
+            content: '';
+            width: 30px;
+            pointer-events: none;
+            height: 100%;
+            background: linear-gradient(
+              -90deg,
+              rgba(0, 0, 0, 0.08) 0%,
+              rgba(0, 0, 0, 0.025) 30%,
+              rgba(0, 0, 0, 0) 100%
+            );
+            position: absolute;
+            left: -30px;
+            top: 0;
+          }
+        `}
+      `}
+    `};
+  `}
+`,L=e.css`
+  ${({sticky:s,stickyType:n,stickyPosition:r=o.Positions.Left,startingPoint:d,theme:l})=>e.css`
+    ${s&&n===$.StickyTypeCell.Column&&e.css`
+      position: sticky;
+      z-index: 1;
+      background-color: ${l.getVariablesLayer({foundation:"surface"})[i.VariablesNames.BackgroundFoundation]};
+
+      ${r===o.Positions.Left&&typeof d=="number"&&e.css`
+        left: ${d}px;
+      `}
+
+      ${r===o.Positions.Right&&typeof d=="number"&&e.css`
+        right: ${d}px;
+      `}
+    `};
+  `}
+`,p=e.th(({colSpan:s,sentiment:n,theme:r})=>e.css`
+    > ${y} {
+      position: relative;
+    }
+    ${A};
+    ${L};
+    ${T};
+
+    text-align: ${(s??0)>1?"center":"left"};
+    white-space: nowrap;
+
+    ${n&&e.css`
+      background-color: ${r.getVariablesLayer({sentiment:n,sentimentProminence:g.FabricsVariables.SentimentProminences.Subtle})[i.VariablesNames.BackgroundSentiment]};
+    `}
+  `),c=e.td(({theme:s,noPadding:n,sentiment:r})=>e.css`
+    position: relative;
+    > ${y} {
+      position: relative;
+    }
+    ${A};
+    ${L};
+    ${T};
+
+    ${n&&e.css`
+      padding: unset !important;
+    `}
+
+    ${r&&e.css`
+      background-color: ${s.getVariablesLayer({sentiment:r,sentimentProminence:g.FabricsVariables.SentimentProminences.Subtle})[i.VariablesNames.BackgroundSentiment]};
+    `}
+  `),h=e.tr(({theme:s,depth:n,sticky:r,sentiment:d,stickyType:l,isSelected:b,size:t=`${o.Sizes.Medium}`,sentimentIndicatorPosition:S=o.Positions.Left,$disableRowHover:E=!1})=>{const u=s.getVariablesLayer({foundation:"surface",sentiment:d}),x=s.getVariablesLayer({foundation:"surface",sentiment:d,sentimentProminence:g.FabricsVariables.SentimentProminences.Subtle,selectedProminence:g.FabricsVariables.SelectedProminences.Subtle});return e.css`
+      transition:
+        background-color 0.1s,
+        height 0.1s,
+        opacity 0.1s;
+
+      ${c} {
+        ${s.getTypography("body",m.getBodyTypographySize(t))};
+
+        height: ${a.consts[t].cell.height}px;
+        padding: ${a.consts[t].cell.padding.top??0}px
+          ${a.consts[t].cell.padding.left??0}px ${a.consts[t].cell.padding.bottom??0}px
+          ${a.consts[t].cell.padding.right??0}px;
+      }
+
+      ${c}:has( > ${f.Select}),
+      ${c}:has( > .${o.EMPTY_STATE_CLASS}),
+      ${c}:has( > ${_.StyledExpander}) {
+        padding-top: 0px;
+        padding-bottom: 0px;
+      }
+
+      /** handle header height depending on what it contains (title, meta, description) */
+      &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}),
+      &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}) + & {
+        --height-header-title: 0px;
+        --height-header-meta: 0px;
+        --height-header-description: 0px;
+      }
+
+      &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}[data-title="true"]),
+      &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}[data-title="true"]) + & {
+        --height-header-title: ${a.consts[t].header.height.title}px;
+      }
+      &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}[data-meta="true"]),
+      &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}[data-meta="true"]) + & {
+        --height-header-meta: ${a.consts[t].header.height.meta}px;
+      }
+      &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}[data-description="true"]),
+      &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}[data-description="true"]) + & {
+        --height-header-description: ${a.consts[t].header.height.description}px;
+      }
+
+      & {
+        --height-header: calc(
+          var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) +
+            ${a.consts[t].header.padding.top??0}px +
+            ${a.consts[t].header.padding.bottom??0}px
+        );
+      }
+
+      ${p} {
+        &,
+        &:has(.${o.BUTTON_CLASS}) * {
+          ${s.getTypography("labelStrong",m.getLabelTypographySize(t))};
+        }
+
+        & .${o.TABLE_MENU_BUTTON_CLASS}:not([aria-expanded="true"]),
+        & .${o.TABLE_PIN_BUTTON_CLASS}:not([aria-expanded="true"]) {
+          opacity: 0;
+        }
+
+        &:hover .${o.BUTTON_CLASS} {
+          opacity: 1;
+        }
+
+        height: ${a.consts[t].headerCell.height}px;
+        ${r&&l===$.StickyTypeCell.Footer&&e.css`
+          height: ${a.consts[t].cell.height}px;
+        `};
+
+        padding: ${a.consts[t].headerCell.padding.top??0}px
+          ${a.consts[t].headerCell.padding.left??0}px
+          ${a.consts[t].headerCell.padding.bottom??0}px
+          ${a.consts[t].headerCell.padding.right??0}px;
+
+        &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}) {
+          padding: ${a.consts[t].header.padding.top??0}px
+            ${a.consts[t].header.padding.left??0}px
+            ${a.consts[t].header.padding.bottom??0}px
+            ${a.consts[t].header.padding.right??0}px;
+          & {
+            height: var(--height-header);
+          }
+        }
+
+        &:has(.${o.PAGINATION_CLASS}-presence) {
+          height: ${a.consts[t].paginationCell.height}px;
+          padding: ${a.consts[t].paginationCell.padding.top??0}px
+            ${a.consts[t].paginationCell.padding.left??0}px
+            ${a.consts[t].paginationCell.padding.bottom??0}px
+            ${a.consts[t].paginationCell.padding.right??0}px;
+        }
+      }
+
+      ${r&&e.css`
+        position: sticky;
+        z-index: 2;
+        background-color: ${u[i.VariablesNames.BackgroundFoundation]};
+      `};
+
+      ${r&&l===$.StickyTypeCell.Header&&e.css`
+        top: ${(n??0)*a.consts[t].headerCell.height}px;
+        &:has(.${o.TABLE_CLASS_BASE_TABLE_HEADER}) + & {
+          top: calc(${(n??0)*a.consts[t].headerCell.height}px + var(--height-header));
+        }
+
+        &:last-of-type {
+          /* NOTE: clip path will display box-shadow only on the bottom */
+          clip-path: inset(0 0 -9999px 0);
+          box-shadow:
+            0 0 40px rgba(0, 0, 0, 0.08),
+            0 0 12px rgba(0, 0, 0, 0.1);
+        }
+      `};
+
+      ${r&&l===$.StickyTypeCell.Footer&&e.css`
+        bottom: ${(n??0)*a.consts[t].cell.height}px;
+        &:has(~ & .${o.PAGINATION_CLASS}-presence) {
+          bottom: ${(n??0)*a.consts[t].cell.height+a.consts[t].paginationCell.height}px;
+        }
+
+        &:first-of-type {
+          /* NOTE: clip path will display box-shadow only on the bottom */
+          clip-path: inset(-9999px 0 0 0);
+          box-shadow:
+            0 0 40px rgba(0, 0, 0, 0.08),
+            0 0 12px rgba(0, 0, 0, 0.1);
+        }
+      `};
+
+      ${!E&&e.css`
+        &:hover {
+          background-color: ${s.getStyledLayers("Background/Foundation/Hover",{foundation:"surface"})};
+        }
+      `}
+
+      ${b&&e.css`
+        background-color: ${x[i.VariablesNames.BackgroundSelected]};
+
+        &:hover {
+          background-color: ${s.getStyledLayers("Background/Selected/Hover",{selectedProminence:g.FabricsVariables.SelectedProminences.Subtle})};
+        }
+      `}
+
+      ${d&&e.css`
+        background-color: ${x[i.VariablesNames.BackgroundSentiment]};
+
+        &:hover {
+          background-color: ${s.getStyledLayers("Background/Sentiment/Hover",{sentiment:d,sentimentProminence:g.FabricsVariables.SentimentProminences.Subtle})};
+        }
+
+        ${p}, ${c} {
+          ${S===o.Positions.Left&&e.css`
+            &:first-of-type:before {
+              position: absolute;
+              content: '';
+              display: block;
+              top: 0;
+              left: 0;
+              bottom: 0;
+              background-color: ${u[i.VariablesNames.BackgroundSentiment]};
+              width: 4px;
+            }
+          `};
+          ${S===o.Positions.Right&&e.css`
+            &:last-of-type:before {
+              position: absolute;
+              content: '';
+              display: block;
+              top: 0;
+              right: 0;
+              bottom: 0;
+              background-color: ${u[i.VariablesNames.BackgroundSentiment]};
+              width: 4px;
+            }
+          `};
+        }
+      `}
+    `}),B=e.thead(({theme:s})=>{const n=s.getVariablesLayer({foundation:"surface"});return e.css`
+    ${h}:not(:last-of-type) > ${p} {
+      border-bottom: 1px solid ${n[i.VariablesNames.BorderOnFoundationSubtle]};
+    }
+
+    ${h}:last-of-type > ${p} {
+      border-bottom: 1px solid ${n[i.VariablesNames.BorderOnFoundationMedium]};
+    }
+  `}),C=e.tbody(({theme:s})=>e.css`
+    ${h}:not(:last-of-type) > ${c} {
+      border-bottom: 1px solid
+        ${s.getVariablesLayer({foundation:"surface"})[i.VariablesNames.BorderOnFoundationSubtle]};
+    }
+  `),k=e.tfoot(({theme:s})=>{const n=s.getVariablesLayer({foundation:"surface"});return e.css`
+    ${h}:not(:first-of-type) > ${p} {
+      border-top: 1px solid ${n[i.VariablesNames.BorderOnFoundationSubtle]};
+    }
+
+    ${h}:first-of-type > ${p} {
+      border-top: 1px solid ${n[i.VariablesNames.BorderOnFoundationMedium]};
+    }
+  `}),V={[o.Sizes.XSmall]:4,[o.Sizes.Small]:6,[o.Sizes.Medium]:8,[o.Sizes.Large]:10},N=e(h)(({theme:s,size:n=`${o.Sizes.Medium}`})=>e.css`
+    background: ${s.getVariablesLayer({foundation:"surface"})[i.VariablesNames.BackgroundFoundation]};
+    & > ${c} {
+      height: ${V[n]}px;
+      padding: 0;
+    }
+  `);exports.SpaceTR=N;exports.TBody=C;exports.TD=c;exports.TFoot=k;exports.TH=p;exports.THead=B;exports.TR=h;
+//# sourceMappingURL=TableElements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport {\n  Sizes,\n  Positions,\n  PAGINATION_CLASS,\n  BUTTON_CLASS,\n  EMPTY_STATE_CLASS,\n  TABLE_CLASS_BASE_TABLE_HEADER,\n  TABLE_PIN_BUTTON_CLASS,\n  TABLE_MENU_BUTTON_CLASS,\n} from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getBodyTypographySize, getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { type ITableRowProps, type 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.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationStrong]};\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(\n              -90deg,\n              rgba(0, 0, 0, 0.08) 0%,\n              rgba(0, 0, 0, 0.025) 30%,\n              rgba(0, 0, 0, 0) 100%\n            );\n            position: absolute;\n            left: -30px;\n            top: 0;\n          }\n        `}\n      `}\n    `};\n  `}\n`;\n\nconst sharedStickyCellStyles = css<ITableCellProps>`\n  ${({ sticky, stickyType, stickyPosition = Positions.Left, startingPoint, theme }) => css`\n    ${sticky &&\n    stickyType === StickyTypeCell.Column &&\n    css`\n      position: sticky;\n      z-index: 1;\n      background-color: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.BackgroundFoundation]};\n\n      ${stickyPosition === Positions.Left &&\n      typeof startingPoint === 'number' &&\n      css`\n        left: ${startingPoint}px;\n      `}\n\n      ${stickyPosition === Positions.Right &&\n      typeof startingPoint === 'number' &&\n      css`\n        right: ${startingPoint}px;\n      `}\n    `};\n  `}\n`;\n\n/** Table elements */\n\nexport const TH = styled.th<ITableCellProps>(\n  ({ colSpan, sentiment, theme }) => css`\n    > ${Flexbox} {\n      position: relative;\n    }\n    ${sharedCellStyles};\n    ${sharedStickyCellStyles};\n    ${stickyCellShadowStyles};\n\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\n    white-space: nowrap;\n\n    ${sentiment &&\n    css`\n      background-color: ${theme.getVariablesLayer({\n        sentiment,\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      })[VariablesNames.BackgroundSentiment]};\n    `}\n  `,\n);\n\nexport const TD = styled.td<ITableCellProps>(\n  ({ theme, noPadding, sentiment }) => css`\n    position: relative;\n    > ${Flexbox} {\n      position: relative;\n    }\n    ${sharedCellStyles};\n    ${sharedStickyCellStyles};\n    ${stickyCellShadowStyles};\n\n    ${noPadding &&\n    css`\n      padding: unset !important;\n    `}\n\n    ${sentiment &&\n    css`\n      background-color: ${theme.getVariablesLayer({\n        sentiment,\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      })[VariablesNames.BackgroundSentiment]};\n    `}\n  `,\n);\n\nexport const TR = styled.tr<ITableRowProps>(\n  ({\n    theme,\n    depth,\n    sticky,\n    sentiment,\n    stickyType,\n    isSelected,\n    size = `${Sizes.Medium}`,\n    sentimentIndicatorPosition = Positions.Left,\n    $disableRowHover = false,\n  }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'surface', sentiment });\n    const subtleLayer = theme.getVariablesLayer({\n      foundation: 'surface',\n      sentiment,\n      sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n    });\n\n    return css`\n      transition:\n        background-color 0.1s,\n        height 0.1s,\n        opacity 0.1s;\n\n      ${TD} {\n        ${theme.getTypography('body', getBodyTypographySize(size))};\n\n        height: ${TableConsts.consts[size].cell.height}px;\n        padding: ${TableConsts.consts[size].cell.padding.top ?? 0}px\n          ${TableConsts.consts[size].cell.padding.left ?? 0}px ${TableConsts.consts[size].cell.padding.bottom ?? 0}px\n          ${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      /** 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(\n          var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) +\n            ${TableConsts.consts[size].header.padding.top ?? 0}px +\n            ${TableConsts.consts[size].header.padding.bottom ?? 0}px\n        );\n      }\n\n      ${TH} {\n        &,\n        &:has(.${BUTTON_CLASS}) * {\n          ${theme.getTypography('labelStrong', getLabelTypographySize(size))};\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 &&\n        css`\n          height: ${TableConsts.consts[size].cell.height}px;\n        `};\n\n        padding: ${TableConsts.consts[size].headerCell.padding.top ?? 0}px\n          ${TableConsts.consts[size].headerCell.padding.left ?? 0}px\n          ${TableConsts.consts[size].headerCell.padding.bottom ?? 0}px\n          ${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\n            ${TableConsts.consts[size].header.padding.left ?? 0}px\n            ${TableConsts.consts[size].header.padding.bottom ?? 0}px\n            ${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\n            ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px\n            ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px\n            ${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: ${layer[VariablesNames.BackgroundFoundation]};\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:\n            0 0 40px rgba(0, 0, 0, 0.08),\n            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 +\n          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:\n            0 0 40px rgba(0, 0, 0, 0.08),\n            0 0 12px rgba(0, 0, 0, 0.1);\n        }\n      `};\n\n      ${!$disableRowHover &&\n      css`\n        &:hover {\n          background-color: ${theme.getStyledLayers('Background/Foundation/Hover', { foundation: 'surface' })};\n        }\n      `}\n\n      ${isSelected &&\n      css`\n        background-color: ${subtleLayer[VariablesNames.BackgroundSelected]};\n\n        &:hover {\n          background-color: ${theme.getStyledLayers('Background/Selected/Hover', {\n            selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n          })};\n        }\n      `}\n\n      ${sentiment &&\n      css`\n        background-color: ${subtleLayer[VariablesNames.BackgroundSentiment]};\n\n        &:hover {\n          background-color: ${theme.getStyledLayers('Background/Sentiment/Hover', {\n            sentiment,\n            sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n          })};\n        }\n\n        ${TH}, ${TD} {\n          ${sentimentIndicatorPosition === Positions.Left &&\n          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: ${layer[VariablesNames.BackgroundSentiment]};\n              width: 4px;\n            }\n          `};\n          ${sentimentIndicatorPosition === Positions.Right &&\n          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: ${layer[VariablesNames.BackgroundSentiment]};\n              width: 4px;\n            }\n          `};\n        }\n      `}\n    `;\n  },\n);\n\nexport const THead = styled.thead(({ theme }) => {\n  const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n  return css`\n    ${TR}:not(:last-of-type) > ${TH} {\n      border-bottom: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n    }\n\n    ${TR}:last-of-type > ${TH} {\n      border-bottom: 1px solid ${layer[VariablesNames.BorderOnFoundationMedium]};\n    }\n  `;\n});\n\nexport const TBody = styled.tbody(\n  ({ theme }) => css`\n    ${TR}:not(:last-of-type) > ${TD} {\n      border-bottom: 1px solid\n        ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.BorderOnFoundationSubtle]};\n    }\n  `,\n);\n\nexport const TFoot = styled.tfoot(({ theme }) => {\n  const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n  return css`\n    ${TR}:not(:first-of-type) > ${TH} {\n      border-top: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n    }\n\n    ${TR}:first-of-type > ${TH} {\n      border-top: 1px solid ${layer[VariablesNames.BorderOnFoundationMedium]};\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)(\n  ({ theme, size = `${Sizes.Medium}` }) => css`\n    background: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.BackgroundFoundation]};\n    & > ${TD} {\n      height: ${SpacingTRHeight[size]}px;\n      padding: 0;\n    }\n  `,\n);\n"],"names":["sharedCellStyles","css","width","theme","VariablesNames","stickyCellShadowStyles","sticky","stickyType","stickyPosition","Positions","isLastLeftPinnedColumn","isFirstRightPinnedColumn","startingPoint","StickyTypeCell","sharedStickyCellStyles","TH","styled","colSpan","sentiment","Flexbox","FabricsVariables","TD","noPadding","TR","depth","isSelected","size","Sizes","sentimentIndicatorPosition","$disableRowHover","layer","subtleLayer","getBodyTypographySize","TableConsts.consts","Select","EMPTY_STATE_CLASS","StyledExpander","TABLE_CLASS_BASE_TABLE_HEADER","BUTTON_CLASS","getLabelTypographySize","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","PAGINATION_CLASS","THead","TBody","TFoot","SpacingTRHeight","SpaceTR"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var r=(e=>(e.Header="header",e.Footer="footer",e.Column="column",e))(r||{});exports.StickyTypeCell=r;
+//# sourceMappingURL=TableElements.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableElements.types.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.types.ts"],"sourcesContent":["import type { ReactNode, ComponentPropsWithoutRef } from 'react';\n\nimport type { Table, Row, TableState } from '@tanstack/react-table';\nimport { Positions } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport type { ButtonTypes } from 'acinguiux-ds-react-base/components/Button';\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  sentiment?: TableTypes.Sentiment;\n}\n"],"names":["StickyTypeCell"],"mappings":"4GAmDY,IAAAA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,OAAS,SAHCA,IAAAA,GAAA,CAAA,CAAA"}

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

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),d=require("react"),r=require("styled-components"),e=require("../../Table.styles.js"),t=require("./TableElements.js"),u=r.div`
+  ${({maxWidth:s,maxHeight:o,stickyRows:l,virtualized:i})=>r.css`
+    position: relative;
+    width: 100%;
+    overflow: auto;
+    clip-path: inset(0 0 0 0 round 8px);
+
+    ${e.Table} > :first-child > ${t.TR}:first-of-type > :first-child {
+      border-top-left-radius: unset;
+    }
+
+    ${e.Table} > :first-child > ${t.TR}:first-of-type > * {
+      border-top: unset;
+    }
+
+    ${e.Table} > * > ${t.TR} > :first-child {
+      border-left: unset;
+    }
+
+    ${e.Table} > * > ${t.TR} > :last-child {
+      border-right: unset;
+    }
+
+    ${e.Table} > :last-child > ${t.TR}:last-of-type > * {
+      border-bottom: unset;
+    }
+
+    ${e.Table} > :first-child > ${t.TR}:first-of-type > :last-child {
+      border-top-right-radius: unset;
+    }
+
+    ${e.Table} > :last-child > ${t.TR}:last-of-type > :first-child {
+      border-bottom-left-radius: unset;
+    }
+
+    ${e.Table} > :last-child > ${t.TR}:last-of-type > :last-child {
+      border-bottom-right-radius: unset;
+    }
+
+    ${s&&r.css`
+      max-width: ${s}px;
+      overflow-x: auto;
+    `}
+
+    ${o&&r.css`
+      max-height: ${o}px;
+      overflow-y: auto;
+    `}
+
+    ${l&&r.css`
+      overflow-y: auto;
+    `}
+
+    ${i&&r.css`
+      overflow: auto;
+    `}
+  `}
+`,c=d.forwardRef(({children:s,...o},l)=>a.jsx(u,{ref:l,...o,children:s}));exports.TableWrapper=c;
+//# sourceMappingURL=TableWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { forwardRef, type RefObject } from 'react';\n\nimport styled, { css } from 'styled-components';\n\nimport { Table } from '../../Table.styles';\nimport type { 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\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","Table","TR","TableWrapper","forwardRef","children","rest","ref","jsx"],"mappings":"sQAQMA,EAAqBC,EAAO;AAAA,IAC9B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,WAAAC,EAAY,YAAAC,CAAkB,IAAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMpDC,EAAK,KAAA,qBAAqBC,IAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,EAAK,KAAA,qBAAqBC,IAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,EAAK,KAAA,UAAUC,IAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,EAAK,KAAA,UAAUC,IAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,EAAK,KAAA,oBAAoBC,IAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,EAAK,KAAA,qBAAqBC,IAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,EAAK,KAAA,oBAAoBC,IAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,EAAK,KAAA,oBAAoBC,IAAE;AAAA;AAAA;AAAA;AAAA,MAI3BN,GACFI,EAAA;AAAA,mBACeJ,CAAQ;AAAA;AAAA,KAEtB;AAAA;AAAA,MAECC,GACFG,EAAA;AAAA,oBACgBH,CAAS;AAAA;AAAA,KAExB;AAAA;AAAA,MAECC,GACFE,EAAA;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,GACFC,EAAA;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,EAGUG,EAAeC,EAAA,WAC1B,CACE,CAAE,SAAAC,EAAU,GAAGC,CAAK,EACpBC,IAEAC,MAACd,EAAmB,CAAA,IAAAa,EAAW,GAAGD,EAC/B,SAAAD,CACH,CAAA,CAEJ"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),d=require("react-dnd"),w=(s,o,c)=>{const e=[...c];return e.splice(e.indexOf(o),0,e.splice(e.indexOf(s),1)[0]),e},u=100,x=(s,o,c)=>{const e=b.useRef(Date.now()-u),{column:n}=s,[{isDragging:l},p]=d.useDrop({accept:"column",collect:r=>{var t;return{isDragging:((t=r.getItem())==null?void 0:t.id)===n.id}},hover:(r,t)=>{const{columnOrder:i}=o(),D=i.indexOf(n.id),a=w(r.id,n.id,i),O=a.indexOf(n.id),m=D!==O&&r.isUpdateable();!t.isOver()&&m&&r.updateOrder(a)}},[o,n]),[,f,g]=d.useDrag({item:{...n,updateOrder:r=>{e.current=Date.now(),c(r)},isUpdateable:()=>e.current+u<Date.now()},canDrag:()=>o().columnSizingInfo.isResizingColumn===!1,type:"column"},[n]);return{dropRef:p,dragRef:f,previewRef:g,isDragging:l}};exports.useDraggableColumnHeader=x;
+//# sourceMappingURL=useDraggableColumnHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggableColumnHeader.js","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useDrop, useDrag, type DropTargetMonitor } from 'react-dnd';\nimport type { 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(newOrder.indexOf(targetColumnId), 0, newOrder.splice(newOrder.indexOf(draggedColumnId), 1)[0]);\n\n  return newOrder;\n};\n\nconst TIME_TO_UPDATE = 100;\n\nexport const useDraggableColumnHeader = <T>(\n  header: Header<T, unknown>,\n  getState: () => TableState,\n  onColumnOrderChange: (newOrder: ColumnOrderState) => void,\n) => {\n  const lastUpdate = useRef<number>(Date.now() - TIME_TO_UPDATE);\n  const { column } = header;\n\n  const [{ isDragging }, dropRef] = useDrop(\n    {\n      accept: 'column',\n      collect: (monitor) => ({\n        isDragging: Boolean(monitor.getItem()?.id === column.id),\n      }),\n      hover: (\n        draggedColumn: Column<T> & { updateOrder: (order: ColumnOrderState) => void; isUpdateable: () => boolean },\n        monitor: DropTargetMonitor<Column<T, unknown>>,\n      ) => {\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    },\n    [getState, column],\n  );\n\n  const [, dragRef, previewRef] = useDrag(\n    {\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    },\n    [column],\n  );\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":"4JAKMA,EAAgB,CAACC,EAAyBC,EAAwBC,IAA4C,CAC5G,MAAAC,EAAW,CAAC,GAAGD,CAAW,EAEhC,OAAAC,EAAS,OAAOA,EAAS,QAAQF,CAAc,EAAG,EAAGE,EAAS,OAAOA,EAAS,QAAQH,CAAe,EAAG,CAAC,EAAE,CAAC,CAAC,EAEtGG,CACT,EAEMC,EAAiB,IAEVC,EAA2B,CACtCC,EACAC,EACAC,IACG,CACH,MAAMC,EAAaC,EAAA,OAAe,KAAK,IAAA,EAAQN,CAAc,EACvD,CAAE,OAAAO,GAAWL,EAEb,CAAC,CAAE,WAAAM,GAAcC,CAAO,EAAIC,EAAA,QAChC,CACE,OAAQ,SACR,QAAUC,GAAa,OAAA,OACrB,aAAoBC,EAAAD,EAAQ,YAAR,YAAAC,EAAmB,MAAOL,EAAO,EAAE,GAEzD,MAAO,CACLM,EACAF,IACG,CACG,KAAA,CAAE,YAAAb,CAAY,EAAIK,EAAS,EAC3BW,EAAmBhB,EAAY,QAAQS,EAAO,EAAE,EAChDR,EAAWJ,EAAckB,EAAc,GAAIN,EAAO,GAAIT,CAAW,EACjEiB,EAAShB,EAAS,QAAQQ,EAAO,EAAE,EAEnCS,EAAYF,IAAqBC,GAAUF,EAAc,aAAa,EAExE,CAACF,EAAQ,OAAO,GAAKK,GACvBH,EAAc,YAAYd,CAAQ,CACpC,CAEJ,EACA,CAACI,EAAUI,CAAM,CACnB,EAEM,CAAG,CAAAU,EAASC,CAAU,EAAIC,EAAA,QAC9B,CACE,KAAM,CACJ,GAAGZ,EACH,YAAca,GAA4B,CAC7Bf,EAAA,QAAU,KAAK,IAAI,EAC9BD,EAAoBgB,CAAK,CAC3B,EACA,aAAc,IAAMf,EAAW,QAAUL,EAAiB,KAAK,IAAI,CACrE,EACA,QAAS,IAAMG,EAAS,EAAE,iBAAiB,mBAAqB,GAChE,KAAM,QACR,EACA,CAACI,CAAM,CACT,EAEO,MAAA,CACL,QAAAE,EACA,QAAAQ,EACA,WAAAC,EACA,WAAAV,CACF,CACF"}

package/build/cjs/components/Table/hooks/useReorderRowsTable.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),c=require("@tanstack/react-table"),R=(u,n)=>{const[e,o]=s.useState([...u]),[r,b]=s.useState([...e]),i=s.useCallback((t,l)=>{const a=[...r];if(t===l){o(a);return}a.splice(l,0,a.splice(t,1)[0]),o(a)},[r]),d=s.useCallback(()=>{b([...e])},[e]);return{table:c.useReactTable({data:e,columns:n,getCoreRowModel:c.getCoreRowModel(),getRowId:t=>t.id}),finishReorder:d,reorderRow:i}};exports.useReorderRowsTable=R;
+//# sourceMappingURL=useReorderRowsTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderRowsTable.js","sources":["../../../../../src/components/Table/hooks/useReorderRowsTable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, type 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(\n    (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    },\n    [baseData],\n  );\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":"wKAIaA,EAAsB,CAA2BC,EAAWC,IAAqC,CACtG,KAAA,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,CAAC,GAAGJ,CAAI,CAAC,EAC1C,CAACK,EAAUC,CAAW,EAAIF,EAAAA,SAAS,CAAC,GAAGF,CAAO,CAAC,EAE/CK,EAAaC,EAAA,YACjB,CAACC,EAAyBC,IAA2B,CAC7C,MAAAC,EAAc,CAAC,GAAGN,CAAQ,EAChC,GAAII,IAAoBC,EAAgB,CACtCP,EAAWQ,CAAW,EAEtB,MAAA,CAEUA,EAAA,OAAOD,EAAgB,EAAGC,EAAY,OAAOF,EAAiB,CAAC,EAAE,CAAC,CAAC,EAE/EN,EAAWQ,CAAW,CACxB,EACA,CAACN,CAAQ,CACX,EAEMO,EAAgBJ,EAAAA,YAAY,IAAM,CAC1BF,EAAA,CAAC,GAAGJ,CAAO,CAAC,CAAA,EACvB,CAACA,CAAO,CAAC,EASL,MAAA,CACL,MARYW,EAAAA,cAAc,CAC1B,KAAMX,EACN,QAAAD,EACA,gBAAiBa,EAAAA,gBAAgB,EACjC,SAAWC,GAAQA,EAAI,EAAA,CACxB,EAIC,cAAAH,EACA,WAAAL,CACF,CACF"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),a=t.createContext(null),r=()=>{const e=t.useContext(a);if(e===null)throw Error("A table must have a Table parent");return e};exports.TableContext=a;exports.useTable=r;
+//# sourceMappingURL=useTable.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),h=require("react"),m=require("@tanstack/react-virtual"),z=({padding:t})=>r.jsx(r.Fragment,{children:t>0&&r.jsx("tr",{children:r.jsx("td",{style:{height:`${t}px`},"aria-label":"hidden row","aria-hidden":!0})})}),S=t=>{var i,s;const n=h.useRef(null),{rows:o}=t.getRowModel(),l=m.useVirtualizer({count:o.length,getScrollElement:()=>n.current,estimateSize:()=>30,overscan:10}),{getVirtualItems:c,getTotalSize:a}=l,e=c(),u=a(),d=e.length>0&&((i=e==null?void 0:e[0])==null?void 0:i.start)||0,g=e.length>0?u-(((s=e==null?void 0:e[e.length-1])==null?void 0:s.end)||0):0;return{virtualRows:e,rows:o,tableContainerRef:n,paddingTop:d,paddingBottom:g,EmptyRow:z}};exports.useVirtualized=S;
+//# sourceMappingURL=useVirtualized.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualized.js","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Table } from '@tanstack/react-table';\n\nconst EmptyRow = ({ padding }: { padding: number }) => (\n  <>\n    {padding > 0 && (\n      <tr>\n        <td style={{ height: `${padding}px` }} aria-label=\"hidden row\" aria-hidden />\n      </tr>\n    )}\n  </>\n);\n\nexport const useVirtualized = <T,>(table: Table<T>) => {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n  const { rows } = table.getRowModel();\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => tableContainerRef.current,\n    estimateSize: () => 30,\n    overscan: 10,\n  });\n\n  const { getVirtualItems, getTotalSize } = rowVirtualizer;\n  const virtualRows = getVirtualItems();\n  const totalSize = getTotalSize();\n\n  const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;\n  const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0) : 0;\n\n  return {\n    virtualRows,\n    rows,\n    tableContainerRef,\n    paddingTop,\n    paddingBottom,\n    EmptyRow,\n  };\n};\n"],"names":["EmptyRow","padding","jsx","useVirtualized","table","tableContainerRef","useRef","rows","rowVirtualizer","useVirtualizer","getVirtualItems","getTotalSize","virtualRows","totalSize","paddingTop","_a","paddingBottom","_b"],"mappings":"yMAKMA,EAAW,CAAC,CAAE,QAAAC,uBAEf,SAAUA,EAAA,GACRC,EAAAA,IAAA,KAAA,CACC,SAACA,EAAA,IAAA,KAAA,CAAG,MAAO,CAAE,OAAQ,GAAGD,CAAO,IAAK,EAAG,aAAW,aAAa,cAAW,EAAC,CAAA,CAAA,CAC7E,CAEJ,CAAA,EAGWE,EAAsBC,GAAoB,SAC/C,MAAAC,EAAoBC,SAAuB,IAAI,EAC/C,CAAE,KAAAC,CAAA,EAASH,EAAM,YAAY,EAC7BI,EAAiBC,EAAAA,eAAe,CACpC,MAAOF,EAAK,OACZ,iBAAkB,IAAMF,EAAkB,QAC1C,aAAc,IAAM,GACpB,SAAU,EAAA,CACX,EAEK,CAAE,gBAAAK,EAAiB,aAAAC,CAAA,EAAiBH,EACpCI,EAAcF,EAAgB,EAC9BG,EAAYF,EAAa,EAEzBG,EAAaF,EAAY,OAAS,KAAIG,EAAAH,GAAA,YAAAA,EAAc,KAAd,YAAAG,EAAkB,QAAS,EACjEC,EAAgBJ,EAAY,OAAS,EAAIC,KAAaI,EAAAL,GAAA,YAAAA,EAAcA,EAAY,OAAS,KAAnC,YAAAK,EAAuC,MAAO,GAAK,EAExG,MAAA,CACL,YAAAL,EACA,KAAAL,EACA,kBAAAF,EACA,WAAAS,EACA,cAAAE,EACA,SAAAhB,CACF,CACF"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../../react-base/src/consts/index.js"),l=require("../components/TableElements/TableElements.types.js"),u=(t,e)=>t.getHeaderGroups().map(s=>s.headers.filter(n=>n.column.columnDef.header))[0]&&!(e!=null&&e.noHeader),h=(t,e)=>{var s;return((s=t.getFooterGroups().map(n=>{var i;return(i=n==null?void 0:n.headers)==null?void 0:i.filter(({column:r})=>{var d;return(d=r==null?void 0:r.columnDef)==null?void 0:d.footer})})[0])==null?void 0:s.length)>0&&!(e!=null&&e.noFooter)},f=(t,e,s)=>({key:e.id,depth:e.depth,...(s==null?void 0:s.stickyHeader)&&t==="header"&&{sticky:!0,stickyType:l.StickyTypeCell.Header},...(s==null?void 0:s.stickyFooter)&&t==="footer"&&{sticky:!0,stickyType:l.StickyTypeCell.Footer}}),o=t=>{const e=t.getIsPinned(),s=e===c.Positions.Left,n=e===c.Positions.Right,i=s&&t.getIsLastColumn(c.Positions.Left),r=n&&t.getIsFirstColumn(c.Positions.Right);return{...e&&{width:t.getSize()||"auto",sticky:!0,stickyType:l.StickyTypeCell.Column},...s&&{startingPoint:t.getStart(c.Positions.Left),stickyPosition:c.Positions.Left,isLastLeftPinnedColumn:i},...n&&{startingPoint:t.getAfter(c.Positions.Right),stickyPosition:c.Positions.Right,isFirstRightPinnedColumn:r}}},a=t=>{const e=t.getIsSelected();return{...e&&{selected:e}}},P=t=>{const e=t.getIsExpanded()||!!t.getParentRow();return{...e&&{expanded:e}}},k=(t,e)=>{const{column:s,colSpan:n}=t,{sentiment:i}=s.columnDef,r=s.getIsPinned(),d=(e==null?void 0:e.columnResizing)&&s.getCanResize(),g=e==null?void 0:e.columnSized,y=typeof i=="function"?void 0:i;return{colSpan:n,...(g||r||d)&&{width:t.getSize()||"auto"},...o(s),sentiment:y}},m=t=>{const{column:e,row:s,id:n}=t,{sentiment:i}=e.columnDef,r=typeof i=="function"?i(t.getContext()):i;return{key:n,sentiment:r,...o(e),...a(s),...P(s)}};exports.bodyCellProps=m;exports.cellExpandedProps=P;exports.cellPinningProps=o;exports.cellSelectedProps=a;exports.hasFooter=h;exports.hasHeader=u;exports.headerCellProps=k;exports.headerRowProps=f;
+//# sourceMappingURL=baseTableUtils.js.map