acinguiux-ds-react-framework 0.1.26 → 0.1.27

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentPropsWithRef } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport {\n  Positions,\n  BUTTON_CLASS,\n  EMPTY_STATE_CLASS,\n  TABLE_PIN_BUTTON_CLASS,\n  TABLE_MENU_BUTTON_CLASS,\n  SELECT_CLASS,\n  TABLE_HEADER_HEAD_CONTENT_CLASS,\n  TABLE_CHECKBOX_CLASS,\n} from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { PickTransient, TransientAll } from 'acinguiux-ds-react-base/types';\n\nimport { type ITableRowProps, type ITableCellProps } from './TableElements.types';\nimport { Flexbox } from '../../../Flexbox/Flexbox.styles';\nimport { StyledExpander } from './Expander';\n\ntype StyledCellPropKeys = 'alignment' | 'highlight' | 'noPadding' | 'width' | 'pinAnchorOffset' | 'isPinned';\nexport type StyledCellProps = PickTransient<ITableCellProps, StyledCellPropKeys>;\nexport type StyledHighlightCellProps = PickTransient<ITableCellProps, 'highlight'>;\n\nexport type StyledStickyProps = PickTransient<ITableCellProps, 'pinAnchorOffset'>;\n\nconst sharedCellStyles = css<PickTransient<ITableCellProps, 'width'>>`\n  ${({ $width, theme }) => css`\n    width: ${$width ?? 'auto'}px;\n    min-width: ${$width ?? 'auto'}px;\n    color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n  `};\n`;\n\nconst sharedStickyCellStyles = css<StyledStickyProps>`\n  ${({ $pinAnchorOffset }) => css`\n    &[data-sticky] {\n      position: sticky;\n      z-index: 1;\n\n      &[data-sticky='left'] {\n        left: ${$pinAnchorOffset ?? 0}px;\n      }\n\n      &[data-sticky='right'] {\n        right: ${$pinAnchorOffset ?? 0}px;\n      }\n    }\n  `}\n`;\n\nconst sharedHighlightedCellStyles = css<StyledHighlightCellProps>`\n  ${({ $highlight, theme }) =>\n    $highlight &&\n    css`\n      --bg-color: ${theme.layer({\n        sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\n\n      --bg-hover-color: ${theme.layer({\n        sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n        state: FabricsVariables.States.Hover,\n      })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\n\n      ${$highlight.indicator &&\n      css`\n        &:before {\n          position: absolute;\n          content: '';\n          display: block;\n          top: 0;\n          bottom: 0;\n          background-color: ${theme.layer({\n            sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n          })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\n          width: 0;\n        }\n\n        ${$highlight.indicator === Positions.Left &&\n        css`\n          &:is(td):before {\n            left: 0;\n            width: 4px;\n          }\n        `}\n\n        ${$highlight.indicator === Positions.Right &&\n        css`\n          &:is(td):before {\n            right: 0;\n            width: 4px;\n          }\n        `}\n      `};\n    `}\n`;\n\n/** Table elements */\n\nexport const StyledTh = styled.th<StyledCellProps & StyledStickyProps>`\n  ${sharedCellStyles};\n  ${sharedStickyCellStyles};\n  ${sharedHighlightedCellStyles};\n\n  ${({ colSpan, $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\n    position: relative;\n    > ${Flexbox}, .${TABLE_HEADER_HEAD_CONTENT_CLASS} {\n      position: relative;\n      gap: var(--table-header-cell-gap);\n      justify-content: ${$alignment};\n    }\n\n    .${TABLE_CHECKBOX_CLASS} {\n      order: 0;\n      ${$alignment === 'right' &&\n      css`\n        margin-right: auto;\n      `}\n    }\n\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\n    white-space: nowrap;\n\n    ${$noPadding &&\n    css`\n      padding: unset !important;\n    `}\n  `}\n`;\n\nexport const Th = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'th'>>(\n  ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\n    return (\n      <StyledTh\n        ref={ref}\n        $alignment={alignment}\n        $highlight={highlight}\n        $noPadding={noPadding}\n        style={{ width }}\n        data-sticky={isPinned}\n        $pinAnchorOffset={pinAnchorOffset}\n        {...rest}\n      />\n    );\n  },\n);\n\n/**\n * @deprecated use Th instead\n */\nexport const TH = Th;\n\nexport const StyledTd = styled.td<StyledCellProps & StyledStickyProps>`\n  ${sharedCellStyles};\n  ${sharedStickyCellStyles};\n  ${sharedHighlightedCellStyles};\n\n  ${({ $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\n    position: relative;\n    > ${Flexbox} {\n      position: relative;\n      gap: var(--table-cell-gap);\n      justify-content: ${$alignment};\n    }\n\n    .${TABLE_CHECKBOX_CLASS} {\n      margin-right: auto;\n    }\n\n    ${$noPadding &&\n    css`\n      padding: unset !important;\n    `}\n  `}\n`;\n\nexport const Td = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'td'>>(\n  ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\n    return (\n      <StyledTd\n        ref={ref}\n        $alignment={alignment}\n        $highlight={highlight}\n        $noPadding={noPadding}\n        style={{\n          width,\n        }}\n        data-sticky={isPinned}\n        $pinAnchorOffset={pinAnchorOffset}\n        {...rest}\n      />\n    );\n  },\n);\n\n/**\n * @deprecated use Td instead\n */\nexport const TD = Td;\n\nconst stickyCellShadowStyles = css`\n  & > ${StyledTh}, & > ${StyledTd} {\n    &:is([data-sticky='left']):not(:has(~ [data-sticky='left'])) {\n      &::after {\n        content: '';\n        pointer-events: none;\n        width: 40px;\n        height: 100%;\n        background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\n        position: absolute;\n        right: -40px;\n        top: 0;\n      }\n    }\n  }\n\n  & > ${StyledTh}, & > ${StyledTd} {\n    &:not([data-sticky='right']) + [data-sticky='right'] {\n      &::after {\n        content: '';\n        width: 30px;\n        pointer-events: none;\n        height: 100%;\n        background: linear-gradient(-90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\n        position: absolute;\n        left: -30px;\n        top: 0;\n      }\n    }\n  }\n`;\n\nexport const StyledTr = styled.tr<TransientAll<ITableRowProps>>(\n  ({ theme, $depth, $highlight, $disableRowHover = false }) => {\n    const layer = theme.layer({\n      foundation: 'surface',\n      sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\n    });\n    const subtleLayer = theme.layer({\n      foundation: 'surface',\n      sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\n      sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n    });\n\n    return css`\n      transition:\n        background-color 0.1s,\n        height 0.1s,\n        opacity 0.1s;\n\n      --bg-color: ${layer[Variables.BackgroundFoundation]};\n      --table-row-depth: ${$depth ?? 0};\n\n      & {\n        ${stickyCellShadowStyles};\n      }\n\n      ${StyledTd} {\n        height: var(--table-cell-height);\n        padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\n          var(--table-cell-padding-right);\n      }\n\n      ${StyledTd}:has(.${BUTTON_CLASS}),\n      ${StyledTd}:has(.${SELECT_CLASS}),\n      ${StyledTd}:has(.${EMPTY_STATE_CLASS}),\n      ${StyledTd}:has(${StyledExpander}) {\n        padding-top: 0px;\n        padding-bottom: 0px;\n      }\n\n      ${StyledTh} {\n        & .${TABLE_MENU_BUTTON_CLASS}:not([aria-expanded=\"true\"]),\n        & .${TABLE_PIN_BUTTON_CLASS}:not([aria-expanded=\"true\"]) {\n          opacity: 0;\n        }\n\n        &:hover .${BUTTON_CLASS}, & .${BUTTON_CLASS}:focus-visible {\n          opacity: 1;\n        }\n      }\n\n      ${!$disableRowHover &&\n      css`\n        &:hover {\n          --bg-hover-color: ${theme.layer({ foundation: 'surface', state: FabricsVariables.States.Hover })[\n            Variables.BackgroundFoundation\n          ]};\n        }\n      `}\n\n      & > ${StyledTd}, & > ${StyledTh} {\n        background-color: var(--bg-color, inherit);\n      }\n      &:hover > ${StyledTd}, &:hover > ${StyledTh} {\n        background-color: var(--bg-hover-color, inherit);\n      }\n\n      ${$highlight &&\n      css`\n        --bg-color: ${subtleLayer[\n          $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\n        ]};\n\n        ${!$disableRowHover &&\n        css`\n          &:hover {\n            --bg-hover-color: ${theme.layer({\n              selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n              sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n              sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n              state: FabricsVariables.States.Hover,\n            })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\n          }\n        `};\n\n        ${$highlight.indicator &&\n        css`\n          ${StyledTh}, ${StyledTd} {\n            &:before {\n              position: absolute;\n              content: '';\n              display: block;\n              top: 0;\n              bottom: 0;\n              background-color: ${layer[\n                $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\n              ]};\n              width: 0;\n            }\n          }\n\n          ${$highlight.indicator === Positions.Left &&\n          css`\n            ${StyledTh}:first-of-type:before,\n            ${StyledTd}:first-of-type:before {\n              left: 0;\n              width: 4px;\n            }\n          `}\n\n          ${$highlight.indicator === Positions.Right &&\n          css`\n            ${StyledTh}:last-of-type:before,\n            ${StyledTd}:last-of-type:before {\n              right: 0;\n              width: 4px;\n            }\n          `}\n        `};\n      `}\n    `;\n  },\n);\n\nexport const Tr = forwardRef<HTMLTableRowElement, ITableRowProps & ComponentPropsWithRef<'tr'>>(\n  ({ highlight, depth, disableRowHover, ...rest }, ref) => (\n    <StyledTr ref={ref} $highlight={highlight} $depth={depth} $disableRowHover={disableRowHover} {...rest} />\n  ),\n);\n\n/**\n * @deprecated use Tr instead\n */\nexport const TR = Tr;\n\nexport const THead = styled.thead(({ theme }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return css`\n    position: relative;\n    ${StyledTh} {\n      height: var(--table-header-cell-height);\n      padding: var(--table-header-cell-padding-top) var(--table-header-cell-padding-left)\n        var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-right);\n    }\n    &[data-sticky='true'] {\n      ${StyledTr} {\n        position: sticky;\n        z-index: 2;\n        background-color: ${layer[Variables.BackgroundFoundation]};\n        top: calc(var(--table-row-depth, 0) * var(--table-header-cell-height, 0px));\n\n        &:last-of-type {\n          will-change: filter;\n          /* NOTE: clip path will display the drop shadow only at the bottom */\n          clip-path: inset(0 0 -9999px 0);\n          filter: ${theme.dropShadows.low4};\n        }\n      }\n    }\n\n    ${StyledTr}:not(:last-of-type) > ${StyledTh} {\n      border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n    }\n\n    ${StyledTr}:last-of-type > ${StyledTh} {\n      border-bottom: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\n    }\n  `;\n});\n\nexport const TBody = styled.tbody(\n  ({ theme }) => css`\n    ${StyledTr}:not(:last-of-type) > ${StyledTd} {\n      border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n    }\n  `,\n);\n\nexport const TFoot = styled.tfoot(({ theme }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return css`\n    ${StyledTh} {\n      height: var(--table-cell-height);\n      padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\n        var(--table-cell-padding-right);\n    }\n\n    &[data-sticky='true'] {\n      ${StyledTr} {\n        position: sticky;\n        z-index: 2;\n        background-color: ${layer[Variables.BackgroundFoundation]};\n        bottom: calc(var(--table-row-depth, 0) * var(--table-cell-height, 0px));\n\n        &:first-of-type {\n          will-change: filter;\n          /* NOTE: clip path will display the drop shadow only at the top */\n          clip-path: inset(-9999px 0 0 0);\n          filter: ${theme.dropShadows.low4};\n        }\n      }\n    }\n\n    ${StyledTr}:not(:first-of-type) > ${StyledTh} {\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n    }\n\n    ${StyledTr}:first-of-type > ${StyledTh} {\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\n    }\n  `;\n});\n\nexport const SpaceTR = styled(Tr)(\n  ({ theme }) => css`\n    background: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n    & > ${StyledTd} {\n      height: var(--table-row-group-spacing-height);\n      padding: 0;\n    }\n  `,\n);\n"],"names":["sharedCellStyles","css","$width","theme","Variables","sharedStickyCellStyles","$pinAnchorOffset","sharedHighlightedCellStyles","$highlight","FabricsVariables","Positions","StyledTh","styled","colSpan","$noPadding","$alignment","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_CHECKBOX_CLASS","Th","forwardRef","highlight","alignment","noPadding","width","pinAnchorOffset","isPinned","rest","ref","jsx","TH","StyledTd","Td","TD","stickyCellShadowStyles","StyledTr","$depth","$disableRowHover","layer","subtleLayer","BUTTON_CLASS","SELECT_CLASS","EMPTY_STATE_CLASS","StyledExpander","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","Tr","depth","disableRowHover","TR","THead","TBody","TFoot","SpaceTR"],"mappings":"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"}
+{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentPropsWithRef } from 'react';\r\n\r\nimport { styled, css } from 'styled-components';\r\nimport {\r\n  Positions,\r\n  BUTTON_CLASS,\r\n  EMPTY_STATE_CLASS,\r\n  TABLE_PIN_BUTTON_CLASS,\r\n  TABLE_MENU_BUTTON_CLASS,\r\n  SELECT_CLASS,\r\n  TABLE_HEADER_HEAD_CONTENT_CLASS,\r\n  TABLE_CHECKBOX_CLASS,\r\n} from 'acinguiux-ds-react-base/consts';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { PickTransient, TransientAll } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { type ITableRowProps, type ITableCellProps } from './TableElements.types';\r\nimport { Flexbox } from '../../../Flexbox/Flexbox.styles';\r\nimport { StyledExpander } from './Expander';\r\n\r\ntype StyledCellPropKeys = 'alignment' | 'highlight' | 'noPadding' | 'width' | 'pinAnchorOffset' | 'isPinned';\r\nexport type StyledCellProps = PickTransient<ITableCellProps, StyledCellPropKeys>;\r\nexport type StyledHighlightCellProps = PickTransient<ITableCellProps, 'highlight'>;\r\n\r\nexport type StyledStickyProps = PickTransient<ITableCellProps, 'pinAnchorOffset'>;\r\n\r\nconst sharedCellStyles = css<PickTransient<ITableCellProps, 'width'>>`\r\n  ${({ $width, theme }) => css`\r\n    width: ${$width ?? 'auto'}px;\r\n    min-width: ${$width ?? 'auto'}px;\r\n    color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\r\n    box-sizing: border-box;\r\n    overflow-wrap: break-word;\r\n  `};\r\n`;\r\n\r\nconst sharedStickyCellStyles = css<StyledStickyProps>`\r\n  ${({ $pinAnchorOffset }) => css`\r\n    &[data-sticky] {\r\n      position: sticky;\r\n      z-index: 1;\r\n\r\n      &[data-sticky='left'] {\r\n        left: ${$pinAnchorOffset ?? 0}px;\r\n      }\r\n\r\n      &[data-sticky='right'] {\r\n        right: ${$pinAnchorOffset ?? 0}px;\r\n      }\r\n    }\r\n  `}\r\n`;\r\n\r\nconst sharedHighlightedCellStyles = css<StyledHighlightCellProps>`\r\n  ${({ $highlight, theme }) =>\r\n    $highlight &&\r\n    css`\r\n      --bg-color: ${theme.layer({\r\n        sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\r\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\r\n      })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\r\n\r\n      --bg-hover-color: ${theme.layer({\r\n        sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\r\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\r\n        state: FabricsVariables.States.Hover,\r\n      })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\r\n\r\n      ${$highlight.indicator &&\r\n      css`\r\n        &:before {\r\n          position: absolute;\r\n          content: '';\r\n          display: block;\r\n          top: 0;\r\n          bottom: 0;\r\n          background-color: ${theme.layer({\r\n            sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n          })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\r\n          width: 0;\r\n        }\r\n\r\n        ${$highlight.indicator === Positions.Left &&\r\n        css`\r\n          &:is(td):before {\r\n            left: 0;\r\n            width: 4px;\r\n          }\r\n        `}\r\n\r\n        ${$highlight.indicator === Positions.Right &&\r\n        css`\r\n          &:is(td):before {\r\n            right: 0;\r\n            width: 4px;\r\n          }\r\n        `}\r\n      `};\r\n    `}\r\n`;\r\n\r\n/** Table elements */\r\n\r\nexport const StyledTh = styled.th<StyledCellProps & StyledStickyProps>`\r\n  ${sharedCellStyles};\r\n  ${sharedStickyCellStyles};\r\n  ${sharedHighlightedCellStyles};\r\n\r\n  ${({ colSpan, $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\r\n    position: relative;\r\n    > ${Flexbox}, .${TABLE_HEADER_HEAD_CONTENT_CLASS} {\r\n      position: relative;\r\n      gap: var(--table-header-cell-gap);\r\n      justify-content: ${$alignment};\r\n    }\r\n\r\n    .${TABLE_CHECKBOX_CLASS} {\r\n      order: 0;\r\n      ${$alignment === 'right' &&\r\n      css`\r\n        margin-right: auto;\r\n      `}\r\n    }\r\n\r\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\r\n    white-space: nowrap;\r\n\r\n    ${$noPadding &&\r\n    css`\r\n      padding: unset !important;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const Th = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'th'>>(\r\n  ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\r\n    return (\r\n      <StyledTh\r\n        ref={ref}\r\n        $alignment={alignment}\r\n        $highlight={highlight}\r\n        $noPadding={noPadding}\r\n        style={{ width }}\r\n        data-sticky={isPinned}\r\n        $pinAnchorOffset={pinAnchorOffset}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * @deprecated use Th instead\r\n */\r\nexport const TH = Th;\r\n\r\nexport const StyledTd = styled.td<StyledCellProps & StyledStickyProps>`\r\n  ${sharedCellStyles};\r\n  ${sharedStickyCellStyles};\r\n  ${sharedHighlightedCellStyles};\r\n\r\n  ${({ $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\r\n    position: relative;\r\n    > ${Flexbox} {\r\n      position: relative;\r\n      gap: var(--table-cell-gap);\r\n      justify-content: ${$alignment};\r\n    }\r\n\r\n    .${TABLE_CHECKBOX_CLASS} {\r\n      margin-right: auto;\r\n    }\r\n\r\n    ${$noPadding &&\r\n    css`\r\n      padding: unset !important;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const Td = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'td'>>(\r\n  ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\r\n    return (\r\n      <StyledTd\r\n        ref={ref}\r\n        $alignment={alignment}\r\n        $highlight={highlight}\r\n        $noPadding={noPadding}\r\n        style={{\r\n          width,\r\n        }}\r\n        data-sticky={isPinned}\r\n        $pinAnchorOffset={pinAnchorOffset}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * @deprecated use Td instead\r\n */\r\nexport const TD = Td;\r\n\r\nconst stickyCellShadowStyles = css`\r\n  & > ${StyledTh}, & > ${StyledTd} {\r\n    &:is([data-sticky='left']):not(:has(~ [data-sticky='left'])) {\r\n      &::after {\r\n        content: '';\r\n        pointer-events: none;\r\n        width: 40px;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\r\n        position: absolute;\r\n        right: -40px;\r\n        top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  & > ${StyledTh}, & > ${StyledTd} {\r\n    &:not([data-sticky='right']) + [data-sticky='right'] {\r\n      &::after {\r\n        content: '';\r\n        width: 30px;\r\n        pointer-events: none;\r\n        height: 100%;\r\n        background: linear-gradient(-90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\r\n        position: absolute;\r\n        left: -30px;\r\n        top: 0;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const StyledTr = styled.tr<TransientAll<ITableRowProps>>(\r\n  ({ theme, $depth, $highlight, $disableRowHover = false }) => {\r\n    const layer = theme.layer({\r\n      foundation: 'surface',\r\n      sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n    });\r\n    const subtleLayer = theme.layer({\r\n      foundation: 'surface',\r\n      sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n      sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\r\n      selectedProminence: FabricsVariables.SelectedProminences.Subtle,\r\n    });\r\n\r\n    return css`\r\n      transition:\r\n        background-color 0.1s,\r\n        height 0.1s,\r\n        opacity 0.1s;\r\n\r\n      --bg-color: ${layer[Variables.BackgroundFoundation]};\r\n      --table-row-depth: ${$depth ?? 0};\r\n\r\n      & {\r\n        ${stickyCellShadowStyles};\r\n      }\r\n\r\n      ${StyledTd} {\r\n        height: var(--table-cell-height);\r\n        padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\r\n          var(--table-cell-padding-right);\r\n      }\r\n\r\n      ${StyledTd}:has(.${BUTTON_CLASS}),\r\n      ${StyledTd}:has(.${SELECT_CLASS}),\r\n      ${StyledTd}:has(.${EMPTY_STATE_CLASS}),\r\n      ${StyledTd}:has(${StyledExpander}) {\r\n        padding-top: 0px;\r\n        padding-bottom: 0px;\r\n      }\r\n\r\n      ${StyledTh} {\r\n        & .${TABLE_MENU_BUTTON_CLASS}:not([aria-expanded=\"true\"]),\r\n        & .${TABLE_PIN_BUTTON_CLASS}:not([aria-expanded=\"true\"]) {\r\n          opacity: 0;\r\n        }\r\n\r\n        &:hover .${BUTTON_CLASS}, & .${BUTTON_CLASS}:focus-visible {\r\n          opacity: 1;\r\n        }\r\n      }\r\n\r\n      ${!$disableRowHover &&\r\n      css`\r\n        &:hover {\r\n          --bg-hover-color: ${theme.layer({ foundation: 'surface', state: FabricsVariables.States.Hover })[\r\n            Variables.BackgroundFoundation\r\n          ]};\r\n        }\r\n      `}\r\n\r\n      & > ${StyledTd}, & > ${StyledTh} {\r\n        background-color: var(--bg-color, inherit);\r\n      }\r\n      &:hover > ${StyledTd}, &:hover > ${StyledTh} {\r\n        background-color: var(--bg-hover-color, inherit);\r\n      }\r\n\r\n      ${$highlight &&\r\n      css`\r\n        --bg-color: ${subtleLayer[\r\n          $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\r\n        ]};\r\n\r\n        ${!$disableRowHover &&\r\n        css`\r\n          &:hover {\r\n            --bg-hover-color: ${theme.layer({\r\n              selectedProminence: FabricsVariables.SelectedProminences.Subtle,\r\n              sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\r\n              sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\r\n              state: FabricsVariables.States.Hover,\r\n            })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\r\n          }\r\n        `};\r\n\r\n        ${$highlight.indicator &&\r\n        css`\r\n          ${StyledTh}, ${StyledTd} {\r\n            &:before {\r\n              position: absolute;\r\n              content: '';\r\n              display: block;\r\n              top: 0;\r\n              bottom: 0;\r\n              background-color: ${layer[\r\n                $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\r\n              ]};\r\n              width: 0;\r\n            }\r\n          }\r\n\r\n          ${$highlight.indicator === Positions.Left &&\r\n          css`\r\n            ${StyledTh}:first-of-type:before,\r\n            ${StyledTd}:first-of-type:before {\r\n              left: 0;\r\n              width: 4px;\r\n            }\r\n          `}\r\n\r\n          ${$highlight.indicator === Positions.Right &&\r\n          css`\r\n            ${StyledTh}:last-of-type:before,\r\n            ${StyledTd}:last-of-type:before {\r\n              right: 0;\r\n              width: 4px;\r\n            }\r\n          `}\r\n        `};\r\n      `}\r\n    `;\r\n  },\r\n);\r\n\r\nexport const Tr = forwardRef<HTMLTableRowElement, ITableRowProps & ComponentPropsWithRef<'tr'>>(\r\n  ({ highlight, depth, disableRowHover, ...rest }, ref) => (\r\n    <StyledTr ref={ref} $highlight={highlight} $depth={depth} $disableRowHover={disableRowHover} {...rest} />\r\n  ),\r\n);\r\n\r\n/**\r\n * @deprecated use Tr instead\r\n */\r\nexport const TR = Tr;\r\n\r\nexport const THead = styled.thead(({ theme }) => {\r\n  const layer = theme.layer({ foundation: 'surface' });\r\n\r\n  return css`\r\n    position: relative;\r\n    ${StyledTh} {\r\n      height: var(--table-header-cell-height);\r\n      padding: var(--table-header-cell-padding-top) var(--table-header-cell-padding-left)\r\n        var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-right);\r\n    }\r\n    &[data-sticky='true'] {\r\n      ${StyledTr} {\r\n        position: sticky;\r\n        z-index: 2;\r\n        background-color: ${layer[Variables.BackgroundFoundation]};\r\n        top: calc(var(--table-row-depth, 0) * var(--table-header-cell-height, 0px));\r\n\r\n        &:last-of-type {\r\n          will-change: filter;\r\n          /* NOTE: clip path will display the drop shadow only at the bottom */\r\n          clip-path: inset(0 0 -9999px 0);\r\n          filter: ${theme.dropShadows.low4};\r\n        }\r\n      }\r\n    }\r\n\r\n    ${StyledTr}:not(:last-of-type) > ${StyledTh} {\r\n      border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\r\n    }\r\n\r\n    ${StyledTr}:last-of-type > ${StyledTh} {\r\n      border-bottom: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\r\n    }\r\n  `;\r\n});\r\n\r\nexport const TBody = styled.tbody(\r\n  ({ theme }) => css`\r\n    ${StyledTr}:not(:last-of-type) > ${StyledTd} {\r\n      border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\r\n    }\r\n  `,\r\n);\r\n\r\nexport const TFoot = styled.tfoot(({ theme }) => {\r\n  const layer = theme.layer({ foundation: 'surface' });\r\n\r\n  return css`\r\n    ${StyledTh} {\r\n      height: var(--table-cell-height);\r\n      padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\r\n        var(--table-cell-padding-right);\r\n    }\r\n\r\n    &[data-sticky='true'] {\r\n      ${StyledTr} {\r\n        position: sticky;\r\n        z-index: 2;\r\n        background-color: ${layer[Variables.BackgroundFoundation]};\r\n        bottom: calc(var(--table-row-depth, 0) * var(--table-cell-height, 0px));\r\n\r\n        &:first-of-type {\r\n          will-change: filter;\r\n          /* NOTE: clip path will display the drop shadow only at the top */\r\n          clip-path: inset(-9999px 0 0 0);\r\n          filter: ${theme.dropShadows.low4};\r\n        }\r\n      }\r\n    }\r\n\r\n    ${StyledTr}:not(:first-of-type) > ${StyledTh} {\r\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\r\n    }\r\n\r\n    ${StyledTr}:first-of-type > ${StyledTh} {\r\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\r\n    }\r\n  `;\r\n});\r\n\r\nexport const SpaceTR = styled(Tr)(\r\n  ({ theme }) => css`\r\n    background: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n    & > ${StyledTd} {\r\n      height: var(--table-row-group-spacing-height);\r\n      padding: 0;\r\n    }\r\n  `,\r\n);\r\n"],"names":["sharedCellStyles","css","$width","theme","Variables","sharedStickyCellStyles","$pinAnchorOffset","sharedHighlightedCellStyles","$highlight","FabricsVariables","Positions","StyledTh","styled","colSpan","$noPadding","$alignment","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_CHECKBOX_CLASS","Th","forwardRef","highlight","alignment","noPadding","width","pinAnchorOffset","isPinned","rest","ref","jsx","TH","StyledTd","Td","TD","stickyCellShadowStyles","StyledTr","$depth","$disableRowHover","layer","subtleLayer","BUTTON_CLASS","SELECT_CLASS","EMPTY_STATE_CLASS","StyledExpander","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","Tr","depth","disableRowHover","TR","THead","TBody","TFoot","SpaceTR"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport type { RowData, Table } from '@tanstack/react-table';\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\nimport { DraggableHeader } from '../components/Draggable/Header';\nimport { DraggableRow } from '../components/Draggable/Row';\n\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\n  dragAndDrop: 'row' | 'column' | 'both',\n  { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\n) => {\n  return {\n    useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\n      const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\n      const tableState = table.getState();\n      const tableRowsById = table.getRowModel().rowsById;\n\n      const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\n      const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\n\n      const handleDragEnd = useCallback(\n        (event: DragEndEvent) => {\n          const { active, over } = event;\n          // must account for columns as well as rows\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\n            const oldIndex = columnsOrder.indexOf(active.id as string);\n            const newIndex = columnsOrder.indexOf(over.id as string);\n            table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\n            return;\n          }\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\n            const oldIndex = tableRowsById[`${active.id}`].index;\n            const newIndex = tableRowsById[`${over.id}`].index;\n            onDataMove?.(arrayMove(data, oldIndex, newIndex));\n          }\n        },\n        [columnsOrder, table, tableRowsById, data],\n      );\n\n      return useMemo(\n        (): DragAndDropHookResult<TData, TValue> => ({\n          draggable: dragAndDrop,\n          Components: {\n            Provider: ({ children }: PropsWithChildren) => (\n              <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\n                {children}\n              </DndContext>\n            ),\n            Row: DraggableRow,\n            RowProvider: ({ children }: PropsWithChildren) => (\n              <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\n                {children}\n              </SortableContext>\n            ),\n            Header: DraggableHeader,\n            HeaderProvider: ({ children }: PropsWithChildren) => (\n              <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\n                {children}\n              </SortableContext>\n            ),\n          },\n        }),\n        [handleDragEnd, sensors, tableDataIds, columnsOrder],\n      );\n    },\n  };\n};\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","oldIndex","newIndex","arrayMove","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":"yTAwBaA,EAAkB,CAC7BC,EACA,CAAE,WAAAC,CAAA,EAAyD,CAAA,KAEpD,CACL,aAAc,CAACC,EAAqBC,IAAwD,CAC1F,MAAMC,EAAUC,EAAAA,WAAWC,YAAUC,EAAAA,YAAa,CAAA,CAAE,EAAGD,YAAUE,EAAAA,YAAa,CAAA,CAAE,EAAGF,EAAAA,UAAUG,EAAAA,eAAgB,CAAA,CAAE,CAAC,EAC1GC,EAAaR,EAAM,SAAA,EACnBS,EAAgBT,EAAM,YAAA,EAAc,SAEpCU,EAAeC,EAAAA,QAAQ,IAAM,OAAO,KAAKF,CAAa,EAAG,CAACA,CAAa,CAAC,EACxEG,EAAeD,EAAAA,QAAQ,IAAMH,EAAW,YAAa,CAACA,CAAU,CAAC,EAEjEK,EAAgBC,EAAAA,YACnBC,GAAwB,CACvB,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIC,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,SAAU,CACrF,MAAME,EAAWN,EAAa,QAAQI,EAAO,EAAY,EACnDG,EAAWP,EAAa,QAAQK,EAAK,EAAY,EACvDjB,EAAM,eAAeoB,EAAAA,UAAUR,EAAcM,EAAUC,CAAQ,CAAC,EAChE,MACF,CACA,GAAIH,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,MAAO,CAClF,MAAME,EAAWT,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,MACzCG,EAAWV,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE,MAC7ClB,IAAaqB,EAAAA,UAAUnB,EAAMiB,EAAUC,CAAQ,CAAC,CAClD,CACF,EACA,CAACP,EAAcZ,EAAOS,EAAeR,CAAI,CAAA,EAG3C,OAAOU,EAAAA,QACL,KAA6C,CAC3C,UAAWb,EACX,WAAY,CACV,SAAU,CAAC,CAAE,SAAAuB,KACXC,EAAAA,IAACC,EAAAA,WAAA,CAAW,mBAAoBC,EAAAA,cAAe,UAAWX,EAAe,QAAAX,EACtE,SAAAmB,CAAA,CACH,EAEF,IAAKI,EAAAA,aACL,YAAa,CAAC,CAAE,SAAAJ,CAAA,IACdC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,MAAOhB,EAAc,SAAUiB,EAAAA,4BAC7C,SAAAN,CAAA,CACH,EAEF,OAAQO,EAAAA,gBACR,eAAgB,CAAC,CAAE,SAAAP,KACjBC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,GAAG,UAAU,MAAOd,EAAc,SAAUiB,EAAAA,8BAC1D,SAAAR,CAAA,CACH,CAAA,CAEJ,GAEF,CAACR,EAAeX,EAASQ,EAAcE,CAAY,CAAA,CAEvD,CAAA"}
+{"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\r\n\r\nimport type { RowData, Table } from '@tanstack/react-table';\r\nimport {\r\n  closestCenter,\r\n  DndContext,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  type DragEndEvent,\r\n} from '@dnd-kit/core';\r\nimport {\r\n  arrayMove,\r\n  horizontalListSortingStrategy,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable';\r\n\r\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\r\nimport { DraggableHeader } from '../components/Draggable/Header';\r\nimport { DraggableRow } from '../components/Draggable/Row';\r\n\r\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\r\n  dragAndDrop: 'row' | 'column' | 'both',\r\n  { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\r\n) => {\r\n  return {\r\n    useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\r\n      const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\r\n      const tableState = table.getState();\r\n      const tableRowsById = table.getRowModel().rowsById;\r\n\r\n      const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\r\n      const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\r\n\r\n      const handleDragEnd = useCallback(\r\n        (event: DragEndEvent) => {\r\n          const { active, over } = event;\r\n          // must account for columns as well as rows\r\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\r\n            const oldIndex = columnsOrder.indexOf(active.id as string);\r\n            const newIndex = columnsOrder.indexOf(over.id as string);\r\n            table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\r\n            return;\r\n          }\r\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\r\n            const oldIndex = tableRowsById[`${active.id}`].index;\r\n            const newIndex = tableRowsById[`${over.id}`].index;\r\n            onDataMove?.(arrayMove(data, oldIndex, newIndex));\r\n          }\r\n        },\r\n        [columnsOrder, table, tableRowsById, data],\r\n      );\r\n\r\n      return useMemo(\r\n        (): DragAndDropHookResult<TData, TValue> => ({\r\n          draggable: dragAndDrop,\r\n          Components: {\r\n            Provider: ({ children }: PropsWithChildren) => (\r\n              <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\r\n                {children}\r\n              </DndContext>\r\n            ),\r\n            Row: DraggableRow,\r\n            RowProvider: ({ children }: PropsWithChildren) => (\r\n              <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\r\n                {children}\r\n              </SortableContext>\r\n            ),\r\n            Header: DraggableHeader,\r\n            HeaderProvider: ({ children }: PropsWithChildren) => (\r\n              <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\r\n                {children}\r\n              </SortableContext>\r\n            ),\r\n          },\r\n        }),\r\n        [handleDragEnd, sensors, tableDataIds, columnsOrder],\r\n      );\r\n    },\r\n  };\r\n};\r\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","oldIndex","newIndex","arrayMove","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":"yTAwBaA,EAAkB,CAC7BC,EACA,CAAE,WAAAC,CAAA,EAAyD,CAAA,KAEpD,CACL,aAAc,CAACC,EAAqBC,IAAwD,CAC1F,MAAMC,EAAUC,EAAAA,WAAWC,YAAUC,EAAAA,YAAa,CAAA,CAAE,EAAGD,YAAUE,EAAAA,YAAa,CAAA,CAAE,EAAGF,EAAAA,UAAUG,EAAAA,eAAgB,CAAA,CAAE,CAAC,EAC1GC,EAAaR,EAAM,SAAA,EACnBS,EAAgBT,EAAM,YAAA,EAAc,SAEpCU,EAAeC,EAAAA,QAAQ,IAAM,OAAO,KAAKF,CAAa,EAAG,CAACA,CAAa,CAAC,EACxEG,EAAeD,EAAAA,QAAQ,IAAMH,EAAW,YAAa,CAACA,CAAU,CAAC,EAEjEK,EAAgBC,EAAAA,YACnBC,GAAwB,CACvB,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIC,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,SAAU,CACrF,MAAME,EAAWN,EAAa,QAAQI,EAAO,EAAY,EACnDG,EAAWP,EAAa,QAAQK,EAAK,EAAY,EACvDjB,EAAM,eAAeoB,EAAAA,UAAUR,EAAcM,EAAUC,CAAQ,CAAC,EAChE,MACF,CACA,GAAIH,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,MAAO,CAClF,MAAME,EAAWT,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,MACzCG,EAAWV,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE,MAC7ClB,IAAaqB,EAAAA,UAAUnB,EAAMiB,EAAUC,CAAQ,CAAC,CAClD,CACF,EACA,CAACP,EAAcZ,EAAOS,EAAeR,CAAI,CAAA,EAG3C,OAAOU,EAAAA,QACL,KAA6C,CAC3C,UAAWb,EACX,WAAY,CACV,SAAU,CAAC,CAAE,SAAAuB,KACXC,EAAAA,IAACC,EAAAA,WAAA,CAAW,mBAAoBC,EAAAA,cAAe,UAAWX,EAAe,QAAAX,EACtE,SAAAmB,CAAA,CACH,EAEF,IAAKI,EAAAA,aACL,YAAa,CAAC,CAAE,SAAAJ,CAAA,IACdC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,MAAOhB,EAAc,SAAUiB,EAAAA,4BAC7C,SAAAN,CAAA,CACH,EAEF,OAAQO,EAAAA,gBACR,eAAgB,CAAC,CAAE,SAAAP,KACjBC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,GAAG,UAAU,MAAOd,EAAc,SAAUiB,EAAAA,8BAC1D,SAAAR,CAAA,CACH,CAAA,CAEJ,GAEF,CAACR,EAAeX,EAASQ,EAAcE,CAAY,CAAA,CAEvD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"isDraggable.js","sources":["../../../../../src/components/Table/utils/isDraggable.ts"],"sourcesContent":["import { DragAndDrop } from '../components/BaseTable/BaseTable.types';\n\nexport const isRowDraggable = (draggable: DragAndDrop): draggable is 'row' | 'both' => {\n  return draggable === 'row' || draggable === 'both';\n};\n\nexport const isColumnDraggable = (draggable: DragAndDrop): draggable is 'column' | 'both' => {\n  return draggable === 'column' || draggable === 'both';\n};\n"],"names":["isRowDraggable","draggable","isColumnDraggable"],"mappings":"4GAEO,MAAMA,EAAkBC,GACtBA,IAAc,OAASA,IAAc,OAGjCC,EAAqBD,GACzBA,IAAc,UAAYA,IAAc"}
+{"version":3,"file":"isDraggable.js","sources":["../../../../../src/components/Table/utils/isDraggable.ts"],"sourcesContent":["import { DragAndDrop } from '../components/BaseTable/BaseTable.types';\r\n\r\nexport const isRowDraggable = (draggable: DragAndDrop): draggable is 'row' | 'both' => {\r\n  return draggable === 'row' || draggable === 'both';\r\n};\r\n\r\nexport const isColumnDraggable = (draggable: DragAndDrop): draggable is 'column' | 'both' => {\r\n  return draggable === 'column' || draggable === 'both';\r\n};\r\n"],"names":["isRowDraggable","draggable","isColumnDraggable"],"mappings":"4GAEO,MAAMA,EAAkBC,GACtBA,IAAc,OAASA,IAAc,OAGjCC,EAAqBD,GACzBA,IAAc,UAAYA,IAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport type { Row, RowData } from '@tanstack/react-table';\n\nexport const getRowHighlight = <TData extends RowData>(\n  row: Row<TData>,\n  highlight?: (r: Row<TData>) => TableTypes.Highlight | null,\n) => {\n  const highlightValue = highlight?.(row);\n  const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\n\n  return highlightValue ?? selectedValue;\n};\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"4GAGO,MAAMA,EAAkB,CAC7BC,EACAC,IACG,CACH,MAAMC,EAAiBD,IAAYD,CAAG,EAChCG,EAAgBH,EAAI,gBAAkB,CAAE,KAAM,WAAqB,UAAW,MAAA,EAAoB,KAExG,OAAOE,GAAkBC,CAC3B"}
+{"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\nimport type { Row, RowData } from '@tanstack/react-table';\r\n\r\nexport const getRowHighlight = <TData extends RowData>(\r\n  row: Row<TData>,\r\n  highlight?: (r: Row<TData>) => TableTypes.Highlight | null,\r\n) => {\r\n  const highlightValue = highlight?.(row);\r\n  const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\r\n\r\n  return highlightValue ?? selectedValue;\r\n};\r\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"4GAGO,MAAMA,EAAkB,CAC7BC,EACAC,IACG,CACH,MAAMC,EAAiBD,IAAYD,CAAG,EAChCG,EAAgBH,EAAI,gBAAkB,CAAE,KAAM,WAAqB,UAAW,MAAA,EAAoB,KAExG,OAAOE,GAAkBC,CAC3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nexport const getSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.Medium:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Medium;\n    default:\n      return Sizes.XSmall;\n  }\n};\n\nexport const getInfoBarSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Small:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Large;\n    case Sizes.Medium:\n    default:\n      return Sizes.Medium;\n  }\n};\n\nexport const getExpanderPaddingSize = (size: TableTypes.Size) => {\n  if (size === Sizes.XSmall) {\n    return Sizes.Small;\n  }\n  return size;\n};\n"],"names":["getSize","size","Sizes","getExpanderPaddingSize"],"mappings":"uKAGaA,EAAWC,GAA0B,CAChD,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,QACE,OAAOA,EAAAA,MAAM,MAAA,CAEnB,EAeaC,EAA0BF,GACjCA,IAASC,EAAAA,MAAM,OACVA,EAAAA,MAAM,MAERD"}
+{"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { type TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\n\r\nexport const getSize = (size: TableTypes.Size) => {\r\n  switch (size) {\r\n    case Sizes.Medium:\r\n      return Sizes.Small;\r\n    case Sizes.Large:\r\n      return Sizes.Medium;\r\n    default:\r\n      return Sizes.XSmall;\r\n  }\r\n};\r\n\r\nexport const getInfoBarSize = (size: TableTypes.Size) => {\r\n  switch (size) {\r\n    case Sizes.XSmall:\r\n    case Sizes.Small:\r\n      return Sizes.Small;\r\n    case Sizes.Large:\r\n      return Sizes.Large;\r\n    case Sizes.Medium:\r\n    default:\r\n      return Sizes.Medium;\r\n  }\r\n};\r\n\r\nexport const getExpanderPaddingSize = (size: TableTypes.Size) => {\r\n  if (size === Sizes.XSmall) {\r\n    return Sizes.Small;\r\n  }\r\n  return size;\r\n};\r\n"],"names":["getSize","size","Sizes","getExpanderPaddingSize"],"mappings":"uKAGaA,EAAWC,GAA0B,CAChD,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,QACE,OAAOA,EAAAA,MAAM,MAAA,CAEnB,EAeaC,EAA0BF,GACjCA,IAASC,EAAAA,MAAM,OACVA,EAAAA,MAAM,MAERD"}

package/build/cjs/components/Tabs/Tabs.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.hooks.js","sources":["../../../../src/components/Tabs/Tabs.hooks.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { TABS_CLASS } from 'acinguiux-ds-react-base/consts';\n\nexport const useAccessibilitySetup = () => {\n  useEffect(() => {\n    const tabListElements = document.querySelectorAll(`.${TABS_CLASS}-nav`);\n\n    tabListElements.forEach((tabListElement) => {\n      const tabsElementNavWrap = tabListElement.querySelector(`.${TABS_CLASS}-nav-wrap`);\n      const tabsElementNavList = tabListElement.querySelector(`.${TABS_CLASS}-nav-list`);\n\n      if (tabsElementNavWrap) {\n        tabsElementNavWrap.setAttribute('role', 'presentation');\n      }\n      if (tabsElementNavList) {\n        tabsElementNavList.setAttribute('role', 'presentation');\n        const tabElements = tabsElementNavList.querySelectorAll(`.${TABS_CLASS}-tab`);\n        tabElements.forEach((tabElement) => {\n          tabElement.setAttribute('role', 'presentation');\n        });\n      }\n    });\n  }, []);\n};\n"],"names":["useAccessibilitySetup","useEffect","TABS_CLASS","tabListElement","tabsElementNavWrap","tabsElementNavList","tabElement"],"mappings":"yLAIaA,EAAwB,IAAM,CACzCC,EAAAA,UAAU,IAAM,CACU,SAAS,iBAAiB,IAAIC,EAAAA,UAAU,MAAM,EAEtD,QAASC,GAAmB,CAC1C,MAAMC,EAAqBD,EAAe,cAAc,IAAID,EAAAA,UAAU,WAAW,EAC3EG,EAAqBF,EAAe,cAAc,IAAID,EAAAA,UAAU,WAAW,EAE7EE,GACFA,EAAmB,aAAa,OAAQ,cAAc,EAEpDC,IACFA,EAAmB,aAAa,OAAQ,cAAc,EAClCA,EAAmB,iBAAiB,IAAIH,EAAAA,UAAU,MAAM,EAChE,QAASI,GAAe,CAClCA,EAAW,aAAa,OAAQ,cAAc,CAChD,CAAC,EAEL,CAAC,CACH,EAAG,CAAA,CAAE,CACP"}
+{"version":3,"file":"Tabs.hooks.js","sources":["../../../../src/components/Tabs/Tabs.hooks.ts"],"sourcesContent":["import { useEffect } from 'react';\r\n\r\nimport { TABS_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nexport const useAccessibilitySetup = () => {\r\n  useEffect(() => {\r\n    const tabListElements = document.querySelectorAll(`.${TABS_CLASS}-nav`);\r\n\r\n    tabListElements.forEach((tabListElement) => {\r\n      const tabsElementNavWrap = tabListElement.querySelector(`.${TABS_CLASS}-nav-wrap`);\r\n      const tabsElementNavList = tabListElement.querySelector(`.${TABS_CLASS}-nav-list`);\r\n\r\n      if (tabsElementNavWrap) {\r\n        tabsElementNavWrap.setAttribute('role', 'presentation');\r\n      }\r\n      if (tabsElementNavList) {\r\n        tabsElementNavList.setAttribute('role', 'presentation');\r\n        const tabElements = tabsElementNavList.querySelectorAll(`.${TABS_CLASS}-tab`);\r\n        tabElements.forEach((tabElement) => {\r\n          tabElement.setAttribute('role', 'presentation');\r\n        });\r\n      }\r\n    });\r\n  }, []);\r\n};\r\n"],"names":["useAccessibilitySetup","useEffect","TABS_CLASS","tabListElement","tabsElementNavWrap","tabsElementNavList","tabElement"],"mappings":"yLAIaA,EAAwB,IAAM,CACzCC,EAAAA,UAAU,IAAM,CACU,SAAS,iBAAiB,IAAIC,EAAAA,UAAU,MAAM,EAEtD,QAASC,GAAmB,CAC1C,MAAMC,EAAqBD,EAAe,cAAc,IAAID,EAAAA,UAAU,WAAW,EAC3EG,EAAqBF,EAAe,cAAc,IAAID,EAAAA,UAAU,WAAW,EAE7EE,GACFA,EAAmB,aAAa,OAAQ,cAAc,EAEpDC,IACFA,EAAmB,aAAa,OAAQ,cAAc,EAClCA,EAAmB,iBAAiB,IAAIH,EAAAA,UAAU,MAAM,EAChE,QAASI,GAAe,CAClCA,EAAW,aAAa,OAAQ,cAAc,CAChD,CAAC,EAEL,CAAC,CACH,EAAG,CAAA,CAAE,CACP"}

package/build/cjs/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { Sizes, Positions } from 'acinguiux-ds-react-base/consts';\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\n\nimport * as Styled from './Tabs.styles';\nimport type { ITabsProps } from './Tabs.types';\nimport Badge from '../Badge/Badge';\nimport { useAccessibilitySetup } from './Tabs.hooks';\n\nconst TabsLabel = ({\n  size,\n  label,\n  icon,\n  badge,\n  iconPosition,\n}: {\n  size: TabsTypes.Size;\n  label: ReactNode;\n  icon?: ReactNode;\n  badge?: BadgeTypes.IProps;\n  iconPosition?: TabsTypes.IconPosition;\n}) => (\n  <Styled.TabsLabel $size={size} $iconPosition={iconPosition} $icon={icon}>\n    <Styled.TabsLabelTextContainer>\n      {icon}\n      <span>{label}</span>\n    </Styled.TabsLabelTextContainer>\n    {!!badge && <Badge size={size} {...badge} />}\n  </Styled.TabsLabel>\n);\n\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\n  (\n    { className, size = `${Sizes.Medium}`, indicatorPosition, placement = `${Positions.Top}`, items, ...rest },\n    ref,\n  ): ReactElement => {\n    const itemsWithBadges = items?.map((item) => ({\n      ...item,\n      icon: null,\n      label: (\n        <TabsLabel\n          size={size}\n          label={item.label}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n          badge={item.badge}\n        />\n      ),\n    }));\n\n    useAccessibilitySetup();\n\n    return (\n      <Styled.Tabs\n        className={className}\n        $size={size}\n        tabPosition={placement}\n        $indicatorPosition={indicatorPosition}\n        ref={ref}\n        items={itemsWithBadges}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default Tabs;\n"],"names":["TabsLabel","size","label","icon","badge","iconPosition","jsxs","Styled.TabsLabel","Styled.TabsLabelTextContainer","jsx","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","placement","Positions","items","rest","ref","itemsWithBadges","item","useAccessibilitySetup","Styled.Tabs"],"mappings":"iNAWMA,EAAY,CAAC,CACjB,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,CACF,IAOEC,EAAAA,KAACC,YAAA,CAAiB,MAAON,EAAM,cAAeI,EAAc,MAAOF,EACjE,SAAA,CAAAG,OAACE,EAAAA,uBAAA,CACE,SAAA,CAAAL,EACDM,EAAAA,IAAC,QAAM,SAAAP,CAAA,CAAM,CAAA,EACf,EACC,CAAC,CAACE,SAAUM,EAAA,CAAM,KAAAT,EAAa,GAAGG,CAAA,CAAO,CAAA,EAC5C,EAGIO,EAAOC,EAAAA,WACX,CACE,CAAE,UAAAC,EAAW,KAAAZ,EAAO,GAAGa,EAAAA,MAAM,MAAM,GAAI,kBAAAC,EAAmB,UAAAC,EAAY,GAAGC,EAAAA,UAAU,GAAG,GAAI,MAAAC,EAAO,GAAGC,CAAA,EACpGC,IACiB,CACjB,MAAMC,EAAkBH,GAAO,IAAKI,IAAU,CAC5C,GAAGA,EACH,KAAM,KACN,MACEb,EAAAA,IAACT,EAAA,CACC,KAAAC,EACA,MAAOqB,EAAK,MACZ,KAAMA,EAAK,KACX,aAAcA,EAAK,aACnB,MAAOA,EAAK,KAAA,CAAA,CACd,EAEF,EAEFC,OAAAA,wBAAA,EAGEd,EAAAA,IAACe,EAAAA,KAAA,CACC,UAAAX,EACA,MAAOZ,EACP,YAAae,EACb,mBAAoBD,EACpB,IAAAK,EACA,MAAOC,EACN,GAAGF,CAAA,CAAA,CAGV,CACF"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\r\n\r\nimport { Sizes, Positions } from 'acinguiux-ds-react-base/consts';\r\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\r\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\r\n\r\nimport * as Styled from './Tabs.styles';\r\nimport type { ITabsProps } from './Tabs.types';\r\nimport Badge from '../Badge/Badge';\r\nimport { useAccessibilitySetup } from './Tabs.hooks';\r\n\r\nconst TabsLabel = ({\r\n  size,\r\n  label,\r\n  icon,\r\n  badge,\r\n  iconPosition,\r\n}: {\r\n  size: TabsTypes.Size;\r\n  label: ReactNode;\r\n  icon?: ReactNode;\r\n  badge?: BadgeTypes.IProps;\r\n  iconPosition?: TabsTypes.IconPosition;\r\n}) => (\r\n  <Styled.TabsLabel $size={size} $iconPosition={iconPosition} $icon={icon}>\r\n    <Styled.TabsLabelTextContainer>\r\n      {icon}\r\n      <span>{label}</span>\r\n    </Styled.TabsLabelTextContainer>\r\n    {!!badge && <Badge size={size} {...badge} />}\r\n  </Styled.TabsLabel>\r\n);\r\n\r\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\r\n  (\r\n    { className, size = `${Sizes.Medium}`, indicatorPosition, placement = `${Positions.Top}`, items, ...rest },\r\n    ref,\r\n  ): ReactElement => {\r\n    const itemsWithBadges = items?.map((item) => ({\r\n      ...item,\r\n      icon: null,\r\n      label: (\r\n        <TabsLabel\r\n          size={size}\r\n          label={item.label}\r\n          icon={item.icon}\r\n          iconPosition={item.iconPosition}\r\n          badge={item.badge}\r\n        />\r\n      ),\r\n    }));\r\n\r\n    useAccessibilitySetup();\r\n\r\n    return (\r\n      <Styled.Tabs\r\n        className={className}\r\n        $size={size}\r\n        tabPosition={placement}\r\n        $indicatorPosition={indicatorPosition}\r\n        ref={ref}\r\n        items={itemsWithBadges}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nexport default Tabs;\r\n"],"names":["TabsLabel","size","label","icon","badge","iconPosition","jsxs","Styled.TabsLabel","Styled.TabsLabelTextContainer","jsx","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","placement","Positions","items","rest","ref","itemsWithBadges","item","useAccessibilitySetup","Styled.Tabs"],"mappings":"iNAWMA,EAAY,CAAC,CACjB,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,CACF,IAOEC,EAAAA,KAACC,YAAA,CAAiB,MAAON,EAAM,cAAeI,EAAc,MAAOF,EACjE,SAAA,CAAAG,OAACE,EAAAA,uBAAA,CACE,SAAA,CAAAL,EACDM,EAAAA,IAAC,QAAM,SAAAP,CAAA,CAAM,CAAA,EACf,EACC,CAAC,CAACE,SAAUM,EAAA,CAAM,KAAAT,EAAa,GAAGG,CAAA,CAAO,CAAA,EAC5C,EAGIO,EAAOC,EAAAA,WACX,CACE,CAAE,UAAAC,EAAW,KAAAZ,EAAO,GAAGa,EAAAA,MAAM,MAAM,GAAI,kBAAAC,EAAmB,UAAAC,EAAY,GAAGC,EAAAA,UAAU,GAAG,GAAI,MAAAC,EAAO,GAAGC,CAAA,EACpGC,IACiB,CACjB,MAAMC,EAAkBH,GAAO,IAAKI,IAAU,CAC5C,GAAGA,EACH,KAAM,KACN,MACEb,EAAAA,IAACT,EAAA,CACC,KAAAC,EACA,MAAOqB,EAAK,MACZ,KAAMA,EAAK,KACX,aAAcA,EAAK,aACnB,MAAOA,EAAK,KAAA,CAAA,CACd,EAEF,EAEFC,OAAAA,wBAAA,EAGEd,EAAAA,IAACe,EAAAA,KAAA,CACC,UAAAX,EACA,MAAOZ,EACP,YAAae,EACb,mBAAoBD,EACpB,IAAAK,EACA,MAAOC,EACN,GAAGF,CAAA,CAAA,CAGV,CACF"}

package/build/cjs/components/Tabs/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import TabsRC from 'rc-tabs';\nimport { styled, css } from 'styled-components';\nimport { Positions, TABS_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { TabsConsts, type TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst TabsLabelTextContainer = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })``;\n\nconst TabsLabel = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })<\n  Required<PickTransient<TabsTypes.IProps, 'size'>> &\n    PickTransient<TabsTypes.ItemType, 'iconPosition' | 'icon' | 'iconOnly'>\n>(\n  ({ $size, $iconPosition, $icon, $iconOnly }) => `\n  &, & > ${TabsLabelTextContainer} {\n    gap: ${TabsConsts.consts[$size].gap}px;\n    flex-direction: row;\n  }\n  & > ${TabsLabelTextContainer} {\n    ${\n      $iconPosition === Positions.Right &&\n      css`\n        flex-direction: row-reverse;\n      `\n    };\n\n    ${\n      $iconOnly &&\n      $icon &&\n      css`\n        & > span {\n          visibility: hidden;\n          display: none;\n        }\n      `\n    };\n\n    ${\n      $iconPosition === Positions.Top &&\n      css`\n        flex-direction: column;\n      `\n    };\n  }\n`,\n);\n\nconst Tabs = styled(TabsRC).attrs({ prefixCls: TABS_CLASS })<\n  Required<PickTransient<TabsTypes.IProps, 'size'>> & PickTransient<TabsTypes.IProps, 'indicatorPosition'>\n>(({ prefixCls, tabPosition, $size, $indicatorPosition, theme }) => {\n  const modes: ModesType = { foundation: 'surface' };\n  const layer = theme.layer(modes);\n  const disabledLayer = theme.layer({ ...modes, disabled: true });\n\n  return css`\n    &.${prefixCls} {\n      ${theme.typography('paragraph')};\n\n      position: relative;\n      display: flex;\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      & .${prefixCls}-nav {\n        display: flex;\n        flex: none;\n        position: relative;\n\n        &-measure,\n        &-wrap {\n          position: relative;\n          display: flex;\n          transform: translate(0);\n          white-space: nowrap;\n        }\n\n        &-list {\n          position: relative;\n          display: flex;\n          transition: transform 0.3s;\n        }\n\n        &-operations {\n          display: none;\n\n          &-hidden {\n            position: absolute;\n            visibility: hidden;\n            display: none;\n            pointer-events: none;\n          }\n        }\n      }\n\n      & .${prefixCls}-tab {\n        position: relative;\n        display: flex;\n        align-items: center;\n        border: 0;\n        outline: none;\n        cursor: pointer;\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n        transition: 0.3s;\n\n        &-btn {\n          ${theme.typography('label', getLabelTypographySize($size))};\n\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          height: ${TabsConsts.consts[$size].height}px;\n          position: relative;\n          padding-block: ${TabsConsts.consts[$size].paddingBlock}px;\n          padding-inline: ${TabsConsts.consts[$size].paddingInline}px;\n\n          &::after {\n            content: '';\n            position: absolute;\n            background: ${layer[Variables.BorderOnFoundationMedium]};\n            transition: all 0.2s;\n          }\n\n          &:focus-visible {\n            ${getFocusStyles(theme)};\n          }\n\n          & svg {\n            width: ${TabsConsts.consts[$size].icon}px;\n            height: ${TabsConsts.consts[$size].icon}px;\n          }\n        }\n\n        &-active {\n          color: ${layer[Variables.TextOnFoundationStrong]};\n          transition: all 0.1s;\n        }\n\n        &-disabled {\n          background: transparent;\n          color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n          cursor: default;\n\n          .${prefixCls}-tab-btn::after {\n            display: none;\n          }\n\n          .${prefixCls}-tab-btn:hover {\n            background: transparent;\n            cursor: not-allowed;\n          }\n        }\n      }\n\n      & .${prefixCls}-ink-bar {\n        position: absolute;\n        background: ${layer[Variables.BackgroundBrand]};\n        pointer-events: none;\n\n        &-animated {\n          transition: all 0.15s;\n        }\n\n        ${$indicatorPosition === Positions.Left &&\n        tabPosition === Positions.Left &&\n        css`\n          left: 0;\n          right: unset;\n        `}\n\n        ${$indicatorPosition === Positions.Right &&\n        tabPosition === Positions.Right &&\n        css`\n          left: unset;\n          right: 0;\n        `}\n      }\n\n      & .${prefixCls}-extra-content {\n        flex: none;\n      }\n\n      .${prefixCls}-content {\n        display: flex;\n        width: 100%;\n        height: 100%;\n\n        &-holder {\n          flex: auto;\n        }\n\n        &-animated {\n          transition: margin 0.3s;\n        }\n      }\n\n      .${prefixCls}-tabpane {\n        width: 100%;\n        height: 100%;\n        flex: none;\n\n        &-hidden {\n          display: none;\n        }\n      }\n\n      &-top,\n      &-bottom {\n        flex-direction: column;\n\n        .${prefixCls}-tab-btn {\n          &::after {\n            left: 50%;\n            right: 50%;\n          }\n\n          &:not([aria-selected='true']):hover::after {\n            left: ${TabsConsts.consts[$size].paddingInline}px;\n            right: ${TabsConsts.consts[$size].paddingInline}px;\n          }\n\n          &[aria-selected='true']::after,\n          &:active::after {\n            left: 0;\n            right: 0;\n          }\n        }\n      }\n\n      &-top .${prefixCls}-ink-bar, &-top .${prefixCls}-tab-btn::after {\n        border-top-left-radius: 3px;\n        border-top-right-radius: 3px;\n        bottom: 0;\n      }\n\n      &-top\n        .${prefixCls}-ink-bar,\n        &-bottom\n        .${prefixCls}-ink-bar,\n        &-top\n        .${prefixCls}-tab-btn::after,\n        &-bottom\n        .${prefixCls}-tab-btn::after {\n        height: 3px;\n      }\n\n      &-bottom .${prefixCls}-nav {\n        order: 1;\n      }\n\n      &-bottom .${prefixCls}-content {\n        order: 0;\n      }\n\n      &-bottom .${prefixCls}-ink-bar, &-bottom .${prefixCls}-tab-btn::after {\n        border-bottom-left-radius: 3px;\n        border-bottom-right-radius: 3px;\n        top: 0;\n      }\n\n      &-left .${prefixCls}-nav-wrap, &-right .${prefixCls}-nav-wrap {\n        flex-direction: column;\n        width: 100%;\n      }\n\n      &-left,\n      &-right {\n        .${prefixCls}-tab-btn {\n          &::after {\n            top: 50%;\n            bottom: 50%;\n          }\n\n          &:hover::after {\n            top: ${TabsConsts.consts[$size].paddingBlock}px;\n            bottom: ${TabsConsts.consts[$size].paddingBlock}px;\n          }\n\n          &[aria-selected='true']::after,\n          &:active::after {\n            top: 0;\n            bottom: 0;\n          }\n        }\n      }\n\n      &-left\n        .${prefixCls}-ink-bar,\n        &-right\n        .${prefixCls}-ink-bar,\n        &-left\n        .${prefixCls}-tab-btn::after,\n        &-right\n        .${prefixCls}-tab-btn::after {\n        width: 3px;\n      }\n\n      &-left .${prefixCls}-nav, &-right .${prefixCls}-nav {\n        flex-direction: column;\n        min-width: 50px;\n      }\n\n      &-left .${prefixCls}-nav-list, &-right .${prefixCls}-nav-list {\n        flex: 1 0 auto;\n        flex-direction: column;\n      }\n\n      &-left .${prefixCls}-ink-bar, &-left .${prefixCls}-tab-btn::after {\n        border-top-left-radius: 3px;\n        border-bottom-left-radius: 3px;\n        right: 0;\n      }\n\n      &-right .${prefixCls}-nav {\n        order: 1;\n      }\n\n      &-right .${prefixCls}-content {\n        order: 0;\n      }\n\n      &-right .${prefixCls}-ink-bar, &-right .${prefixCls}-tab-btn::after {\n        border-top-right-radius: 3px;\n        border-bottom-right-radius: 3px;\n        left: 0;\n      }\n\n      &-right .${prefixCls}-tab, &-left .${prefixCls}-tab {\n        .${prefixCls}-tab-btn {\n          justify-content: flex-start;\n          width: 100%;\n        }\n      }\n    }\n  `;\n});\n\nexport { Tabs, TabsLabel, TabsLabelTextContainer };\n"],"names":["TabsLabelTextContainer","styled","Flexbox","TabsLabel","$size","$iconPosition","$icon","$iconOnly","TabsConsts.consts","Positions","css","Tabs","TabsRC","TABS_CLASS","prefixCls","tabPosition","$indicatorPosition","theme","modes","layer","disabledLayer","Variables","getLabelTypographySize","getFocusStyles"],"mappings":"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"}
+{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import TabsRC from 'rc-tabs';\r\nimport { styled, css } from 'styled-components';\r\nimport { Positions, TABS_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { TabsConsts, type TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport Flexbox from '../Flexbox/Flexbox';\r\n\r\nconst TabsLabelTextContainer = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })``;\r\n\r\nconst TabsLabel = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })<\r\n  Required<PickTransient<TabsTypes.IProps, 'size'>> &\r\n    PickTransient<TabsTypes.ItemType, 'iconPosition' | 'icon' | 'iconOnly'>\r\n>(\r\n  ({ $size, $iconPosition, $icon, $iconOnly }) => `\r\n  &, & > ${TabsLabelTextContainer} {\r\n    gap: ${TabsConsts.consts[$size].gap}px;\r\n    flex-direction: row;\r\n  }\r\n  & > ${TabsLabelTextContainer} {\r\n    ${\r\n      $iconPosition === Positions.Right &&\r\n      css`\r\n        flex-direction: row-reverse;\r\n      `\r\n    };\r\n\r\n    ${\r\n      $iconOnly &&\r\n      $icon &&\r\n      css`\r\n        & > span {\r\n          visibility: hidden;\r\n          display: none;\r\n        }\r\n      `\r\n    };\r\n\r\n    ${\r\n      $iconPosition === Positions.Top &&\r\n      css`\r\n        flex-direction: column;\r\n      `\r\n    };\r\n  }\r\n`,\r\n);\r\n\r\nconst Tabs = styled(TabsRC).attrs({ prefixCls: TABS_CLASS })<\r\n  Required<PickTransient<TabsTypes.IProps, 'size'>> & PickTransient<TabsTypes.IProps, 'indicatorPosition'>\r\n>(({ prefixCls, tabPosition, $size, $indicatorPosition, theme }) => {\r\n  const modes: ModesType = { foundation: 'surface' };\r\n  const layer = theme.layer(modes);\r\n  const disabledLayer = theme.layer({ ...modes, disabled: true });\r\n\r\n  return css`\r\n    &.${prefixCls} {\r\n      ${theme.typography('paragraph')};\r\n\r\n      position: relative;\r\n      display: flex;\r\n      color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n      & .${prefixCls}-nav {\r\n        display: flex;\r\n        flex: none;\r\n        position: relative;\r\n\r\n        &-measure,\r\n        &-wrap {\r\n          position: relative;\r\n          display: flex;\r\n          transform: translate(0);\r\n          white-space: nowrap;\r\n        }\r\n\r\n        &-list {\r\n          position: relative;\r\n          display: flex;\r\n          transition: transform 0.3s;\r\n        }\r\n\r\n        &-operations {\r\n          display: none;\r\n\r\n          &-hidden {\r\n            position: absolute;\r\n            visibility: hidden;\r\n            display: none;\r\n            pointer-events: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      & .${prefixCls}-tab {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        border: 0;\r\n        outline: none;\r\n        cursor: pointer;\r\n        color: ${layer[Variables.TextOnFoundationSubtle]};\r\n        transition: 0.3s;\r\n\r\n        &-btn {\r\n          ${theme.typography('label', getLabelTypographySize($size))};\r\n\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          height: ${TabsConsts.consts[$size].height}px;\r\n          position: relative;\r\n          padding-block: ${TabsConsts.consts[$size].paddingBlock}px;\r\n          padding-inline: ${TabsConsts.consts[$size].paddingInline}px;\r\n\r\n          &::after {\r\n            content: '';\r\n            position: absolute;\r\n            background: ${layer[Variables.BorderOnFoundationMedium]};\r\n            transition: all 0.2s;\r\n          }\r\n\r\n          &:focus-visible {\r\n            ${getFocusStyles(theme)};\r\n          }\r\n\r\n          & svg {\r\n            width: ${TabsConsts.consts[$size].icon}px;\r\n            height: ${TabsConsts.consts[$size].icon}px;\r\n          }\r\n        }\r\n\r\n        &-active {\r\n          color: ${layer[Variables.TextOnFoundationStrong]};\r\n          transition: all 0.1s;\r\n        }\r\n\r\n        &-disabled {\r\n          background: transparent;\r\n          color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\r\n          cursor: default;\r\n\r\n          .${prefixCls}-tab-btn::after {\r\n            display: none;\r\n          }\r\n\r\n          .${prefixCls}-tab-btn:hover {\r\n            background: transparent;\r\n            cursor: not-allowed;\r\n          }\r\n        }\r\n      }\r\n\r\n      & .${prefixCls}-ink-bar {\r\n        position: absolute;\r\n        background: ${layer[Variables.BackgroundBrand]};\r\n        pointer-events: none;\r\n\r\n        &-animated {\r\n          transition: all 0.15s;\r\n        }\r\n\r\n        ${$indicatorPosition === Positions.Left &&\r\n        tabPosition === Positions.Left &&\r\n        css`\r\n          left: 0;\r\n          right: unset;\r\n        `}\r\n\r\n        ${$indicatorPosition === Positions.Right &&\r\n        tabPosition === Positions.Right &&\r\n        css`\r\n          left: unset;\r\n          right: 0;\r\n        `}\r\n      }\r\n\r\n      & .${prefixCls}-extra-content {\r\n        flex: none;\r\n      }\r\n\r\n      .${prefixCls}-content {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        &-holder {\r\n          flex: auto;\r\n        }\r\n\r\n        &-animated {\r\n          transition: margin 0.3s;\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-tabpane {\r\n        width: 100%;\r\n        height: 100%;\r\n        flex: none;\r\n\r\n        &-hidden {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      &-top,\r\n      &-bottom {\r\n        flex-direction: column;\r\n\r\n        .${prefixCls}-tab-btn {\r\n          &::after {\r\n            left: 50%;\r\n            right: 50%;\r\n          }\r\n\r\n          &:not([aria-selected='true']):hover::after {\r\n            left: ${TabsConsts.consts[$size].paddingInline}px;\r\n            right: ${TabsConsts.consts[$size].paddingInline}px;\r\n          }\r\n\r\n          &[aria-selected='true']::after,\r\n          &:active::after {\r\n            left: 0;\r\n            right: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      &-top .${prefixCls}-ink-bar, &-top .${prefixCls}-tab-btn::after {\r\n        border-top-left-radius: 3px;\r\n        border-top-right-radius: 3px;\r\n        bottom: 0;\r\n      }\r\n\r\n      &-top\r\n        .${prefixCls}-ink-bar,\r\n        &-bottom\r\n        .${prefixCls}-ink-bar,\r\n        &-top\r\n        .${prefixCls}-tab-btn::after,\r\n        &-bottom\r\n        .${prefixCls}-tab-btn::after {\r\n        height: 3px;\r\n      }\r\n\r\n      &-bottom .${prefixCls}-nav {\r\n        order: 1;\r\n      }\r\n\r\n      &-bottom .${prefixCls}-content {\r\n        order: 0;\r\n      }\r\n\r\n      &-bottom .${prefixCls}-ink-bar, &-bottom .${prefixCls}-tab-btn::after {\r\n        border-bottom-left-radius: 3px;\r\n        border-bottom-right-radius: 3px;\r\n        top: 0;\r\n      }\r\n\r\n      &-left .${prefixCls}-nav-wrap, &-right .${prefixCls}-nav-wrap {\r\n        flex-direction: column;\r\n        width: 100%;\r\n      }\r\n\r\n      &-left,\r\n      &-right {\r\n        .${prefixCls}-tab-btn {\r\n          &::after {\r\n            top: 50%;\r\n            bottom: 50%;\r\n          }\r\n\r\n          &:hover::after {\r\n            top: ${TabsConsts.consts[$size].paddingBlock}px;\r\n            bottom: ${TabsConsts.consts[$size].paddingBlock}px;\r\n          }\r\n\r\n          &[aria-selected='true']::after,\r\n          &:active::after {\r\n            top: 0;\r\n            bottom: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      &-left\r\n        .${prefixCls}-ink-bar,\r\n        &-right\r\n        .${prefixCls}-ink-bar,\r\n        &-left\r\n        .${prefixCls}-tab-btn::after,\r\n        &-right\r\n        .${prefixCls}-tab-btn::after {\r\n        width: 3px;\r\n      }\r\n\r\n      &-left .${prefixCls}-nav, &-right .${prefixCls}-nav {\r\n        flex-direction: column;\r\n        min-width: 50px;\r\n      }\r\n\r\n      &-left .${prefixCls}-nav-list, &-right .${prefixCls}-nav-list {\r\n        flex: 1 0 auto;\r\n        flex-direction: column;\r\n      }\r\n\r\n      &-left .${prefixCls}-ink-bar, &-left .${prefixCls}-tab-btn::after {\r\n        border-top-left-radius: 3px;\r\n        border-bottom-left-radius: 3px;\r\n        right: 0;\r\n      }\r\n\r\n      &-right .${prefixCls}-nav {\r\n        order: 1;\r\n      }\r\n\r\n      &-right .${prefixCls}-content {\r\n        order: 0;\r\n      }\r\n\r\n      &-right .${prefixCls}-ink-bar, &-right .${prefixCls}-tab-btn::after {\r\n        border-top-right-radius: 3px;\r\n        border-bottom-right-radius: 3px;\r\n        left: 0;\r\n      }\r\n\r\n      &-right .${prefixCls}-tab, &-left .${prefixCls}-tab {\r\n        .${prefixCls}-tab-btn {\r\n          justify-content: flex-start;\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  `;\r\n});\r\n\r\nexport { Tabs, TabsLabel, TabsLabelTextContainer };\r\n"],"names":["TabsLabelTextContainer","styled","Flexbox","TabsLabel","$size","$iconPosition","$icon","$iconOnly","TabsConsts.consts","Positions","css","Tabs","TabsRC","TABS_CLASS","prefixCls","tabPosition","$indicatorPosition","theme","modes","layer","disabledLayer","Variables","getLabelTypographySize","getFocusStyles"],"mappings":"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"}