acinguiux-ds-react-framework 0.1.16 → 0.1.19

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

@@ -1,62 +1,62 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { flexRender as g } from "@tanstack/react-table";
-import { TABLE_PIN_BUTTON_CLASS as d, TABLE_MENU_BUTTON_CLASS as a, TABLE_HEADER_HEAD_CONTENT_CLASS as x, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS as H } from "../../../../react-base/src/consts/classes.js";
-import T from "../../../Icon/components/EllipsisVertical.js";
-import A from "../../../Icon/components/Pin.js";
+import { TABLE_PIN_BUTTON_CLASS as S, TABLE_MENU_BUTTON_CLASS as d, TABLE_HEADER_HEAD_CONTENT_CLASS as p, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS as x } from "../../../../react-base/src/consts/classes.js";
+import H from "../../../Icon/components/EllipsisVertical.js";
+import T from "../../../Icon/components/Pin.js";
 import l from "../../../Flexbox/Flexbox.js";
-import { SorterButton as E } from "./SorterButton.js";
-import { Resizer as _ } from "./Resizer.js";
-import { SelectionCheckbox as I } from "./SelectionCheckbox.js";
-import { useHeaderCellMenuItems as R, useHeaderCellMenuKind as N, HeaderCellMenu as p } from "./HeaderCellMenu.js";
+import { SorterButton as A } from "./SorterButton.js";
+import { Resizer as E } from "./Resizer.js";
+import { SelectionCheckbox as _ } from "./SelectionCheckbox.js";
+import { useHeaderCellMenuItems as I, useHeaderCellMenuKind as R, HeaderCellMenu as N } from "./HeaderCellMenu.js";
 import { headerCellProps as D } from "../../utils/baseTableUtils.js";
 const m = ({
   headerText: e,
-  header: n
+  header: o
 }) => {
-  const { icon: t, subHead: r } = n.column.columnDef;
-  return /* @__PURE__ */ c(l, { className: x, alignItems: "center", justifyContent: "flex-start", children: [
+  const { icon: t, subHead: i } = o.column.columnDef;
+  return /* @__PURE__ */ r(l, { className: p, alignItems: "center", justifyContent: "flex-start", children: [
     t,
-    /* @__PURE__ */ c(l, { flexDirection: "column", alignItems: "flex-start", gap: "0px", children: [
+    /* @__PURE__ */ r(l, { flexDirection: "column", alignItems: "flex-start", gap: "0px", children: [
       e,
-      r && /* @__PURE__ */ o("span", { className: H, children: g(r, n.getContext()) })
+      i && /* @__PURE__ */ n("span", { className: x, children: g(i, o.getContext()) })
     ] })
   ] });
 }, y = ({
   header: e,
-  table: n,
+  table: o,
   options: t,
-  prefix: r
+  prefix: i
 }) => {
-  const u = (t == null ? void 0 : t.columnResizing) && !e.isPlaceholder && e.column.getCanResize(), f = (t == null ? void 0 : t.sorting) && e.column.getCanSort(), s = R(e, t), C = N(e, t), { alignment: S } = D(e), i = e.isPlaceholder ? null : g(e.column.columnDef.header, e.getContext());
-  return /* @__PURE__ */ c(l, { alignItems: "center", flexGrow: 1, children: [
-    e.getLeafHeaders().length === 1 && (n == null ? void 0 : n.options.enableRowSelection) && e.column.getIndex() === 0 && !!n && /* @__PURE__ */ o(
-      I,
+  const u = t?.columnResizing && !e.isPlaceholder && e.column.getCanResize(), a = t?.sorting && e.column.getCanSort(), c = I(e, t), f = R(e, t), { alignment: C } = D(e), s = e.isPlaceholder ? null : g(e.column.columnDef.header, e.getContext());
+  return /* @__PURE__ */ r(l, { alignItems: "center", flexGrow: 1, children: [
+    e.getLeafHeaders().length === 1 && o?.options.enableRowSelection && e.column.getIndex() === 0 && !!o && /* @__PURE__ */ n(
+      _,
       {
-        checked: n.getIsAllRowsSelected(),
-        indeterminate: n.getIsSomeRowsSelected(),
-        onChange: n.getToggleAllRowsSelectedHandler()
+        checked: o.getIsAllRowsSelected(),
+        indeterminate: o.getIsSomeRowsSelected(),
+        onChange: o.getToggleAllRowsSelectedHandler()
       }
     ),
-    /* @__PURE__ */ c(l, { alignItems: "center", flexGrow: 1, justifyContent: S, children: [
-      r,
-      f ? /* @__PURE__ */ o(
-        E,
+    /* @__PURE__ */ r(l, { alignItems: "center", flexGrow: 1, justifyContent: C, children: [
+      i,
+      a ? /* @__PURE__ */ n(
+        A,
         {
           sortDirection: e.column.getIsSorted() || void 0,
           onClick: e.column.getToggleSortingHandler(),
-          children: !!i && /* @__PURE__ */ o(m, { headerText: i, header: e })
+          children: !!s && /* @__PURE__ */ n(m, { headerText: s, header: e })
         }
-      ) : !!i && /* @__PURE__ */ o(m, { headerText: i, header: e })
+      ) : !!s && /* @__PURE__ */ n(m, { headerText: s, header: e })
     ] }),
-    s.length > 0 && /* @__PURE__ */ o(l, { alignItems: "flex-end", children: /* @__PURE__ */ o(
-      p,
+    c.length > 0 && /* @__PURE__ */ n(l, { alignItems: "flex-end", children: /* @__PURE__ */ n(
+      N,
       {
-        triggerOptions: C === "pin-only" ? { icon: /* @__PURE__ */ o(A, {}), className: d } : { icon: /* @__PURE__ */ o(T, {}), className: a },
-        menuItems: s
+        triggerOptions: f === "pin-only" ? { icon: /* @__PURE__ */ n(T, {}), className: S } : { icon: /* @__PURE__ */ n(H, {}), className: d },
+        menuItems: c
       }
     ) }),
-    /* @__PURE__ */ o(
-      _,
+    /* @__PURE__ */ n(
+      E,
       {
         ...u ? { onMouseDown: e.getResizeHandler(), onTouchStart: e.getResizeHandler() } : {}
       }

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { flexRender, type Header, type RowData } from '@tanstack/react-table';\nimport {\n  TABLE_HEADER_HEAD_CONTENT_CLASS,\n  TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS,\n  TABLE_MENU_BUTTON_CLASS,\n  TABLE_PIN_BUTTON_CLASS,\n} from 'acinguiux-ds-react-base/consts';\n\nimport type { FlexboxJustifyContent } from '../../../Flexbox/Flexbox.types';\nimport EllipsisVertical from '../../../Icon/components/EllipsisVertical';\nimport Pin from '../../../Icon/components/Pin';\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { SorterButton } from './SorterButton';\nimport { Resizer } from './Resizer';\nimport { SelectionCheckbox } from './SelectionCheckbox';\nimport { HeaderCellMenu, useHeaderCellMenuItems, useHeaderCellMenuKind } from './HeaderCellMenu';\nimport { headerCellProps } from '../../utils/baseTableUtils';\n\nconst HeaderContent = <TData extends RowData, TValue = unknown>({\n  headerText,\n  header,\n}: {\n  headerText: ReactNode;\n  header: Header<TData, TValue>;\n}) => {\n  const { icon, subHead } = header.column.columnDef;\n\n  return (\n    <Flexbox className={TABLE_HEADER_HEAD_CONTENT_CLASS} alignItems=\"center\" justifyContent=\"flex-start\">\n      {icon}\n      <Flexbox flexDirection=\"column\" alignItems=\"flex-start\" gap=\"0px\">\n        {headerText}\n        {subHead && (\n          <span className={TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS}>{flexRender(subHead, header.getContext())}</span>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nexport const HeaderCell = <TData extends RowData, TValue = unknown>({\n  header,\n  table,\n  options,\n  prefix,\n}: IHeaderCellProps<TData, TValue> & { prefix?: ReactNode }) => {\n  const showColumnResizingOptions = options?.columnResizing && !header.isPlaceholder && header.column.getCanResize();\n  const showSortingOptions = options?.sorting && header.column.getCanSort();\n  const headerCellMenuItems = useHeaderCellMenuItems(header, options);\n  const headerKind = useHeaderCellMenuKind(header, options);\n  const { alignment } = headerCellProps(header);\n\n  const headerText = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());\n\n  return (\n    <Flexbox alignItems=\"center\" flexGrow={1}>\n      {header.getLeafHeaders().length === 1 &&\n        table?.options.enableRowSelection &&\n        header.column.getIndex() === 0 &&\n        !!table && (\n          <SelectionCheckbox\n            checked={table.getIsAllRowsSelected()}\n            indeterminate={table.getIsSomeRowsSelected()}\n            onChange={table.getToggleAllRowsSelectedHandler()}\n          />\n        )}\n      <Flexbox alignItems=\"center\" flexGrow={1} justifyContent={alignment as FlexboxJustifyContent}>\n        {prefix}\n        {showSortingOptions ? (\n          <SorterButton\n            sortDirection={header.column.getIsSorted() || undefined}\n            onClick={header.column.getToggleSortingHandler()}\n          >\n            {!!headerText && <HeaderContent headerText={headerText} header={header} />}\n          </SorterButton>\n        ) : (\n          !!headerText && <HeaderContent headerText={headerText} header={header} />\n        )}\n      </Flexbox>\n      {headerCellMenuItems.length > 0 && (\n        <Flexbox alignItems=\"flex-end\">\n          <HeaderCellMenu\n            triggerOptions={\n              headerKind === 'pin-only'\n                ? { icon: <Pin />, className: TABLE_PIN_BUTTON_CLASS }\n                : { icon: <EllipsisVertical />, className: TABLE_MENU_BUTTON_CLASS }\n            }\n            menuItems={headerCellMenuItems}\n          />\n        </Flexbox>\n      )}\n      <Resizer\n        {...(showColumnResizingOptions\n          ? { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() }\n          : {})}\n      />\n    </Flexbox>\n  );\n};\n"],"names":["HeaderContent","headerText","header","icon","subHead","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","jsx","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","HeaderCell","table","options","prefix","showColumnResizingOptions","showSortingOptions","headerCellMenuItems","useHeaderCellMenuItems","headerKind","useHeaderCellMenuKind","alignment","headerCellProps","flexRender","jsxs","SelectionCheckbox","SorterButton","HeaderCellMenu","Pin","TABLE_PIN_BUTTON_CLASS","EllipsisVertical","TABLE_MENU_BUTTON_CLASS","Resizer"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAgB,CAA0C;AAAA,EAC9D,YAAAC;AAAA,EACA,QAAAC;AACF,MAGM;AACJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYF,EAAO,OAAO;AAExC,2BACGG,GAAA,EAAQ,WAAWC,GAAiC,YAAW,UAAS,gBAAe,cACrF,UAAA;AAAA,IAAAH;AAAA,sBACAE,GAAA,EAAQ,eAAc,UAAS,YAAW,cAAa,KAAI,OACzD,UAAA;AAAA,MAAAJ;AAAA,MACAG,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAWC,GAA0C,YAAWJ,GAASF,EAAO,WAAA,CAAY,EAAA,CAAE;AAAA,IAAA,EAAA,CAExG;AAAA,EAAA,GACF;AAEJ,GAEaO,IAAa,CAA0C;AAAA,EAClE,QAAAP;AAAA,EACA,OAAAQ;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAgE;AAC9D,QAAMC,KAA4BF,KAAA,gBAAAA,EAAS,mBAAkB,CAACT,EAAO,iBAAiBA,EAAO,OAAO,aAAA,GAC9FY,KAAqBH,KAAA,gBAAAA,EAAS,YAAWT,EAAO,OAAO,WAAA,GACvDa,IAAsBC,EAAuBd,GAAQS,CAAO,GAC5DM,IAAaC,EAAsBhB,GAAQS,CAAO,GAClD,EAAE,WAAAQ,EAAA,IAAcC,EAAgBlB,CAAM,GAEtCD,IAAaC,EAAO,gBAAgB,OAAOmB,EAAWnB,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY;AAE/G,SACE,gBAAAoB,EAACjB,GAAA,EAAQ,YAAW,UAAS,UAAU,GACpC,UAAA;AAAA,IAAAH,EAAO,eAAA,EAAiB,WAAW,MAClCQ,KAAA,gBAAAA,EAAO,QAAQ,uBACfR,EAAO,OAAO,SAAA,MAAe,KAC7B,CAAC,CAACQ,KACA,gBAAAH;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,SAASb,EAAM,qBAAA;AAAA,QACf,eAAeA,EAAM,sBAAA;AAAA,QACrB,UAAUA,EAAM,gCAAA;AAAA,MAAgC;AAAA,IAAA;AAAA,sBAGrDL,GAAA,EAAQ,YAAW,UAAS,UAAU,GAAG,gBAAgBc,GACvD,UAAA;AAAA,MAAAP;AAAA,MACAE,IACC,gBAAAP;AAAA,QAACiB;AAAA,QAAA;AAAA,UACC,eAAetB,EAAO,OAAO,YAAA,KAAiB;AAAA,UAC9C,SAASA,EAAO,OAAO,wBAAA;AAAA,UAEtB,WAAC,CAACD,KAAc,gBAAAM,EAACP,GAAA,EAAc,YAAAC,GAAwB,QAAAC,EAAA,CAAgB;AAAA,QAAA;AAAA,MAAA,IAG1E,CAAC,CAACD,KAAc,gBAAAM,EAACP,GAAA,EAAc,YAAAC,GAAwB,QAAAC,EAAA,CAAgB;AAAA,IAAA,GAE3E;AAAA,IACCa,EAAoB,SAAS,KAC5B,gBAAAR,EAACF,GAAA,EAAQ,YAAW,YAClB,UAAA,gBAAAE;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,gBACER,MAAe,aACX,EAAE,wBAAOS,GAAA,CAAA,CAAI,GAAI,WAAWC,EAAA,IAC5B,EAAE,wBAAOC,GAAA,EAAiB,GAAI,WAAWC,EAAA;AAAA,QAE/C,WAAWd;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEF,gBAAAR;AAAA,MAACuB;AAAA,MAAA;AAAA,QACE,GAAIjB,IACD,EAAE,aAAaX,EAAO,iBAAA,GAAoB,cAAcA,EAAO,iBAAA,MAC/D,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { flexRender, type Header, type RowData } from '@tanstack/react-table';\nimport {\n  TABLE_HEADER_HEAD_CONTENT_CLASS,\n  TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS,\n  TABLE_MENU_BUTTON_CLASS,\n  TABLE_PIN_BUTTON_CLASS,\n} from 'acinguiux-ds-react-base/consts';\n\nimport type { FlexboxJustifyContent } from '../../../Flexbox/Flexbox.types';\nimport EllipsisVertical from '../../../Icon/components/EllipsisVertical';\nimport Pin from '../../../Icon/components/Pin';\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { SorterButton } from './SorterButton';\nimport { Resizer } from './Resizer';\nimport { SelectionCheckbox } from './SelectionCheckbox';\nimport { HeaderCellMenu, useHeaderCellMenuItems, useHeaderCellMenuKind } from './HeaderCellMenu';\nimport { headerCellProps } from '../../utils/baseTableUtils';\n\nconst HeaderContent = <TData extends RowData, TValue = unknown>({\n  headerText,\n  header,\n}: {\n  headerText: ReactNode;\n  header: Header<TData, TValue>;\n}) => {\n  const { icon, subHead } = header.column.columnDef;\n\n  return (\n    <Flexbox className={TABLE_HEADER_HEAD_CONTENT_CLASS} alignItems=\"center\" justifyContent=\"flex-start\">\n      {icon}\n      <Flexbox flexDirection=\"column\" alignItems=\"flex-start\" gap=\"0px\">\n        {headerText}\n        {subHead && (\n          <span className={TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS}>{flexRender(subHead, header.getContext())}</span>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nexport const HeaderCell = <TData extends RowData, TValue = unknown>({\n  header,\n  table,\n  options,\n  prefix,\n}: IHeaderCellProps<TData, TValue> & { prefix?: ReactNode }) => {\n  const showColumnResizingOptions = options?.columnResizing && !header.isPlaceholder && header.column.getCanResize();\n  const showSortingOptions = options?.sorting && header.column.getCanSort();\n  const headerCellMenuItems = useHeaderCellMenuItems(header, options);\n  const headerKind = useHeaderCellMenuKind(header, options);\n  const { alignment } = headerCellProps(header);\n\n  const headerText = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());\n\n  return (\n    <Flexbox alignItems=\"center\" flexGrow={1}>\n      {header.getLeafHeaders().length === 1 &&\n        table?.options.enableRowSelection &&\n        header.column.getIndex() === 0 &&\n        !!table && (\n          <SelectionCheckbox\n            checked={table.getIsAllRowsSelected()}\n            indeterminate={table.getIsSomeRowsSelected()}\n            onChange={table.getToggleAllRowsSelectedHandler()}\n          />\n        )}\n      <Flexbox alignItems=\"center\" flexGrow={1} justifyContent={alignment as FlexboxJustifyContent}>\n        {prefix}\n        {showSortingOptions ? (\n          <SorterButton\n            sortDirection={header.column.getIsSorted() || undefined}\n            onClick={header.column.getToggleSortingHandler()}\n          >\n            {!!headerText && <HeaderContent headerText={headerText} header={header} />}\n          </SorterButton>\n        ) : (\n          !!headerText && <HeaderContent headerText={headerText} header={header} />\n        )}\n      </Flexbox>\n      {headerCellMenuItems.length > 0 && (\n        <Flexbox alignItems=\"flex-end\">\n          <HeaderCellMenu\n            triggerOptions={\n              headerKind === 'pin-only'\n                ? { icon: <Pin />, className: TABLE_PIN_BUTTON_CLASS }\n                : { icon: <EllipsisVertical />, className: TABLE_MENU_BUTTON_CLASS }\n            }\n            menuItems={headerCellMenuItems}\n          />\n        </Flexbox>\n      )}\n      <Resizer\n        {...(showColumnResizingOptions\n          ? { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() }\n          : {})}\n      />\n    </Flexbox>\n  );\n};\n"],"names":["HeaderContent","headerText","header","icon","subHead","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","jsx","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","HeaderCell","table","options","prefix","showColumnResizingOptions","showSortingOptions","headerCellMenuItems","useHeaderCellMenuItems","headerKind","useHeaderCellMenuKind","alignment","headerCellProps","flexRender","jsxs","SelectionCheckbox","SorterButton","HeaderCellMenu","Pin","TABLE_PIN_BUTTON_CLASS","EllipsisVertical","TABLE_MENU_BUTTON_CLASS","Resizer"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAgB,CAA0C;AAAA,EAC9D,YAAAC;AAAA,EACA,QAAAC;AACF,MAGM;AACJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYF,EAAO,OAAO;AAExC,2BACGG,GAAA,EAAQ,WAAWC,GAAiC,YAAW,UAAS,gBAAe,cACrF,UAAA;AAAA,IAAAH;AAAA,sBACAE,GAAA,EAAQ,eAAc,UAAS,YAAW,cAAa,KAAI,OACzD,UAAA;AAAA,MAAAJ;AAAA,MACAG,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAWC,GAA0C,YAAWJ,GAASF,EAAO,WAAA,CAAY,EAAA,CAAE;AAAA,IAAA,EAAA,CAExG;AAAA,EAAA,GACF;AAEJ,GAEaO,IAAa,CAA0C;AAAA,EAClE,QAAAP;AAAA,EACA,OAAAQ;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAgE;AAC9D,QAAMC,IAA4BF,GAAS,kBAAkB,CAACT,EAAO,iBAAiBA,EAAO,OAAO,aAAA,GAC9FY,IAAqBH,GAAS,WAAWT,EAAO,OAAO,WAAA,GACvDa,IAAsBC,EAAuBd,GAAQS,CAAO,GAC5DM,IAAaC,EAAsBhB,GAAQS,CAAO,GAClD,EAAE,WAAAQ,EAAA,IAAcC,EAAgBlB,CAAM,GAEtCD,IAAaC,EAAO,gBAAgB,OAAOmB,EAAWnB,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY;AAE/G,SACE,gBAAAoB,EAACjB,GAAA,EAAQ,YAAW,UAAS,UAAU,GACpC,UAAA;AAAA,IAAAH,EAAO,eAAA,EAAiB,WAAW,KAClCQ,GAAO,QAAQ,sBACfR,EAAO,OAAO,SAAA,MAAe,KAC7B,CAAC,CAACQ,KACA,gBAAAH;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,SAASb,EAAM,qBAAA;AAAA,QACf,eAAeA,EAAM,sBAAA;AAAA,QACrB,UAAUA,EAAM,gCAAA;AAAA,MAAgC;AAAA,IAAA;AAAA,sBAGrDL,GAAA,EAAQ,YAAW,UAAS,UAAU,GAAG,gBAAgBc,GACvD,UAAA;AAAA,MAAAP;AAAA,MACAE,IACC,gBAAAP;AAAA,QAACiB;AAAA,QAAA;AAAA,UACC,eAAetB,EAAO,OAAO,YAAA,KAAiB;AAAA,UAC9C,SAASA,EAAO,OAAO,wBAAA;AAAA,UAEtB,WAAC,CAACD,KAAc,gBAAAM,EAACP,GAAA,EAAc,YAAAC,GAAwB,QAAAC,EAAA,CAAgB;AAAA,QAAA;AAAA,MAAA,IAG1E,CAAC,CAACD,KAAc,gBAAAM,EAACP,GAAA,EAAc,YAAAC,GAAwB,QAAAC,EAAA,CAAgB;AAAA,IAAA,GAE3E;AAAA,IACCa,EAAoB,SAAS,KAC5B,gBAAAR,EAACF,GAAA,EAAQ,YAAW,YAClB,UAAA,gBAAAE;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,gBACER,MAAe,aACX,EAAE,wBAAOS,GAAA,CAAA,CAAI,GAAI,WAAWC,EAAA,IAC5B,EAAE,wBAAOC,GAAA,EAAiB,GAAI,WAAWC,EAAA;AAAA,QAE/C,WAAWd;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEF,gBAAAR;AAAA,MAACuB;AAAA,MAAA;AAAA,QACE,GAAIjB,IACD,EAAE,aAAaX,EAAO,iBAAA,GAAoB,cAAcA,EAAO,iBAAA,MAC/D,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

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

@@ -1,95 +1,95 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { useMemo as r, useState as S, useCallback as k } from "react";
-import { Positions as m, Sizes as I, Variants as b } from "../../../../react-base/src/consts/index.js";
+import { jsx as t, jsxs as I } from "react/jsx-runtime";
+import { useMemo as s, useState as y, useCallback as S } from "react";
+import { Positions as m, Sizes as k, Variants as b } from "../../../../react-base/src/consts/index.js";
 import { useTable as d } from "../../hooks/useTable.js";
 import { getSize as v } from "../../utils/tableUtils.js";
 import w from "../../../Flexbox/Flexbox.js";
-import { Popover as O, PopoverTrigger as x, PopoverContent as M } from "../../../Popover/Popover.js";
-import A from "../../../Menu/Menu.js";
-import D from "../../../Icon/components/ArrowDown.js";
-import R from "../../../Icon/components/ArrowLeft.js";
-import z from "../../../Icon/components/ArrowRight.js";
-import H from "../../../Icon/components/ArrowUp.js";
-import L from "../../../Icon/components/ChevronUpDown.js";
-import U from "../../../Icon/components/PinRemove.js";
+import { Popover as M, PopoverTrigger as O, PopoverContent as x } from "../../../Popover/Popover.js";
+import h from "../../../Menu/Menu.js";
+import A from "../../../Icon/components/ArrowDown.js";
+import D from "../../../Icon/components/ArrowLeft.js";
+import R from "../../../Icon/components/ArrowRight.js";
+import z from "../../../Icon/components/ArrowUp.js";
+import H from "../../../Icon/components/ChevronUpDown.js";
+import L from "../../../Icon/components/PinRemove.js";
 const on = ({
   triggerOptions: n,
   menuItems: o
 }) => {
-  const { size: e = I.Medium } = d(), [i, s] = S(!1), c = k(() => s(!1), []);
-  return /* @__PURE__ */ t(w, { alignItems: "center", flexGrow: "1", justifyContent: "flex-end", children: /* @__PURE__ */ y(O, { open: i, onOpenChange: s, children: [
+  const { size: e = k.Medium } = d(), [r, i] = y(!1), l = S(() => i(!1), []);
+  return /* @__PURE__ */ t(w, { alignItems: "center", flexGrow: "1", justifyContent: "flex-end", children: /* @__PURE__ */ I(M, { open: r, onOpenChange: i, children: [
     /* @__PURE__ */ t(
-      x,
+      O,
       {
         buttonProps: { ...n, iconOnly: !0, variant: b.Transparent, size: v(e) },
         children: "Options"
       }
     ),
-    /* @__PURE__ */ t(M, { padding: !1, children: /* @__PURE__ */ t(A, { items: o, onSelect: c }) })
+    /* @__PURE__ */ t(x, { padding: !1, children: /* @__PURE__ */ t(h, { items: o, onSelect: l }) })
   ] }) });
-}, h = (n) => ({
+}, U = (n) => ({
   label: "Pin left",
   key: "pin-left",
-  itemIcon: /* @__PURE__ */ t(R, {}),
+  itemIcon: /* @__PURE__ */ t(D, {}),
   onClick: () => n.column.pin(m.Left)
 }), j = (n) => ({
   label: "Pin right",
   key: "pin-right",
-  itemIcon: /* @__PURE__ */ t(z, {}),
+  itemIcon: /* @__PURE__ */ t(R, {}),
   onClick: () => n.column.pin(m.Right)
 }), T = (n) => ({
   label: "Unpin",
   key: "unpin",
-  itemIcon: /* @__PURE__ */ t(U, {}),
+  itemIcon: /* @__PURE__ */ t(L, {}),
   onClick: () => n.column.pin(!1)
 }), F = (n) => ({
   label: "Sort ascending",
   key: "sort-asc",
-  itemIcon: /* @__PURE__ */ t(H, {}),
+  itemIcon: /* @__PURE__ */ t(z, {}),
   onClick: () => n.column.toggleSorting(!1)
 }), G = (n) => ({
   label: "Sort descending",
   key: "sort-desc",
-  itemIcon: /* @__PURE__ */ t(D, {}),
+  itemIcon: /* @__PURE__ */ t(A, {}),
   onClick: () => n.column.toggleSorting(!0)
 }), K = (n) => ({
   label: "Unsort",
   key: "unsort",
-  itemIcon: /* @__PURE__ */ t(L, {}),
+  itemIcon: /* @__PURE__ */ t(H, {}),
   onClick: () => n.column.clearSorting()
 }), tn = (n, o = {}) => (
   // eslint-disable-next-line sonarjs/cognitive-complexity
-  r(() => {
-    const { sorting: e, columnPinning: i, pinningOptions: s = !0 } = o, {
-      isPlaceholder: c,
-      column: { getCanPin: l, getCanSort: C, getIsPinned: p, getIsSorted: u }
-    } = n, { menuItems: g } = n.column.columnDef, f = typeof g == "function" ? g(n) : g, a = i && s && !c && l(), P = e && C();
+  s(() => {
+    const { sorting: e, columnPinning: r, pinningOptions: i = !0 } = o, {
+      isPlaceholder: l,
+      column: { getCanPin: c, getCanSort: P, getIsPinned: p, getIsSorted: u }
+    } = n, { menuItems: g } = n.column.columnDef, f = typeof g == "function" ? g(n) : g, a = r && i && !l && c(), C = e && P();
     return [
       ...a ? [
         ...p() !== !1 ? [T(n)] : [],
-        ...p() !== m.Left ? [h(n)] : [],
+        ...p() !== m.Left ? [U(n)] : [],
         ...p() !== m.Right ? [j(n)] : []
       ] : [],
-      ...P ? [
+      ...C ? [
         ...a ? [{ type: "divider" }] : [],
         ...u() !== "asc" ? [F(n)] : [],
         ...u() !== "desc" ? [G(n)] : [],
         ...u() !== !1 ? [K(n)] : []
       ] : [],
-      ...f && f.length > 0 ? [...a || P ? [{ type: "divider" }] : [], ...f] : []
+      ...f && f.length > 0 ? [...a || C ? [{ type: "divider" }] : [], ...f] : []
     ];
   }, [o, n])
 ), en = (n, o = {}) => {
-  const e = r(() => n.column.columnDef.menuItems, [n]), i = r(
+  const e = s(() => n.column.columnDef.menuItems, [n]), r = s(
     () => typeof e == "function" ? e(n) : e,
     [e, n]
-  ), s = r(
+  ), i = s(
     () => o.columnPinning && o.pinningOptions && !n.isPlaceholder && n.column.getCanPin(),
     [o, n]
-  ), c = r(() => o.sorting && n.column.getCanSort(), [o, n]), l = r(() => ((i == null ? void 0 : i.length) ?? 0) > 0, [i]);
-  return r(
-    () => s && !c && !l ? "pin-only" : "any",
-    [s, c, l]
+  ), l = s(() => o.sorting && n.column.getCanSort(), [o, n]), c = s(() => (r?.length ?? 0) > 0, [r]);
+  return s(
+    () => i && !l && !c ? "pin-only" : "any",
+    [i, l, c]
   );
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCellMenu.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCellMenu.tsx"],"sourcesContent":["import { 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';\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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"}