@lax-wp/design-system 0.13.33-beta.7 → 0.13.34

package/dist/components/data-display/infinite-table/constants.d.ts

@@ -10,6 +10,12 @@ export declare const TOOLBAR_FIRST_BREAKPOINT = 700;
 export declare const TOOLBAR_SECOND_BREAKPOINT = 430;
 /** Default page size for pagination when the consumer doesn't pass `pageSize`. */
 export declare const DEFAULT_PAGE_SIZE = 10;
+/**
+ * Extra px added to the measured `h-row` content height to get a full row slot.
+ * Accounts for the 1px `border-t` on each `<tr>`. The row content height itself
+ * is a viewport clamp (`h-row`), measured at runtime via `useRowHeight`.
+ */
+export declare const ROW_SLOT_BORDER_PX = 1;
 export declare const DEFAULT_COLUMN_MIN_WIDTH = 100;
 export declare const DEFAULT_COLUMN_WIDTH = 200;
 export declare const DEFAULT_COLUMN_MAX_WIDTH = 999999;

package/dist/components/data-display/infinite-table/constants.es.js

@@ -1,26 +1,27 @@
-const _ = 700, T = 430, O = 10, L = 100, A = 200, I = 999999, E = 5, D = "cubic-bezier(0.18, 0.67, 0.6, 1.22)", N = 20, o = 200, t = 200, c = 40, n = 28, s = ".os-viewport", C = "data-row-id", R = "data-column-key", F = 16, S = "0px", p = "-8px 0px 8px 0px rgba(255, 255, 255, 0.01)", x = "-8px 0px 8px 0px rgba(0, 0, 0, 0.02)", M = "28px", U = "-160px", P = "4px";
+const _ = 700, T = 430, O = 10, L = 1, A = 100, I = 200, E = 999999, D = 5, N = "cubic-bezier(0.18, 0.67, 0.6, 1.22)", o = 20, t = 200, c = 200, R = 40, n = 28, s = ".os-viewport", C = "data-row-id", S = "data-column-key", F = 16, p = "0px", x = "-8px 0px 8px 0px rgba(255, 255, 255, 0.01)", M = "-8px 0px 8px 0px rgba(0, 0, 0, 0.02)", P = "28px", U = "-160px", W = "4px";
 export {
-  S as CELL_DEFAULT_RIGHT_OFFSET,
+  p as CELL_DEFAULT_RIGHT_OFFSET,
   F as CELL_INDENT_PER_LEVEL_PX,
-  p as CELL_STICKY_SHADOW_DARK,
-  x as CELL_STICKY_SHADOW_LIGHT,
-  M as CHECKBOX_PENDING_EDITS_LEFT_OFFSET,
-  R as DATA_COLUMN_KEY_ATTR,
+  x as CELL_STICKY_SHADOW_DARK,
+  M as CELL_STICKY_SHADOW_LIGHT,
+  P as CHECKBOX_PENDING_EDITS_LEFT_OFFSET,
+  S as DATA_COLUMN_KEY_ATTR,
   C as DATA_ROW_ID_ATTR,
-  I as DEFAULT_COLUMN_MAX_WIDTH,
-  L as DEFAULT_COLUMN_MIN_WIDTH,
-  A as DEFAULT_COLUMN_WIDTH,
+  E as DEFAULT_COLUMN_MAX_WIDTH,
+  A as DEFAULT_COLUMN_MIN_WIDTH,
+  I as DEFAULT_COLUMN_WIDTH,
   O as DEFAULT_PAGE_SIZE,
-  E as DND_ACTIVATION_DISTANCE,
-  N as DROP_ANIMATION_DURATION,
-  D as DROP_ANIMATION_EASING,
-  P as FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM,
+  D as DND_ACTIVATION_DISTANCE,
+  o as DROP_ANIMATION_DURATION,
+  N as DROP_ANIMATION_EASING,
+  W as FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM,
   U as FLOATING_BAR_TOOLTIP_MARGIN_LEFT,
   s as OS_VIEWPORT_SELECTOR,
-  c as ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH,
+  R as ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH,
   n as ROW_OPTIONS_COLUMN_WIDTH,
-  o as SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK,
-  t as SCROLL_TO_CELL_LEFT_OFFSET,
+  L as ROW_SLOT_BORDER_PX,
+  t as SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK,
+  c as SCROLL_TO_CELL_LEFT_OFFSET,
   _ as TOOLBAR_FIRST_BREAKPOINT,
   T as TOOLBAR_SECOND_BREAKPOINT
 };

package/dist/components/data-display/infinite-table/constants.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.es.js","sources":["../../../../src/components/data-display/infinite-table/constants.ts"],"sourcesContent":["/**\n * Shared static values for the InfiniteTable and every component under it.\n *\n * Rule for this subtree: magic numbers, timings, sizes, and meaningful string\n * literals (DOM selectors, data-attributes, CSS values used in inline styles)\n * live here with a descriptive name. Tailwind `className` strings are NOT\n * extracted — they stay inline so JIT can see them and JSX stays readable.\n */\n\n// ---------------------------------------------------------------------------\n// Responsive toolbar breakpoints (header layout collapse thresholds, in px)\n// ---------------------------------------------------------------------------\nexport const TOOLBAR_FIRST_BREAKPOINT = 700;\nexport const TOOLBAR_SECOND_BREAKPOINT = 430;\n\n// ---------------------------------------------------------------------------\n// Table defaults\n// ---------------------------------------------------------------------------\n/** Default page size for pagination when the consumer doesn't pass `pageSize`. */\nexport const DEFAULT_PAGE_SIZE = 10;\n\n// ---------------------------------------------------------------------------\n// Column sizing defaults (react-table `defaultColumn`, in px)\n// ---------------------------------------------------------------------------\nexport const DEFAULT_COLUMN_MIN_WIDTH = 100;\nexport const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MAX_WIDTH = 999999;\n\n// ---------------------------------------------------------------------------\n// Drag & drop (dnd-kit)\n// ---------------------------------------------------------------------------\n/** Pointer travel (px) before a drag starts, for both mouse and touch sensors. */\nexport const DND_ACTIVATION_DISTANCE = 5;\nexport const DROP_ANIMATION_EASING = 'cubic-bezier(0.18, 0.67, 0.6, 1.22)';\nexport const DROP_ANIMATION_DURATION = 20;\n\n// ---------------------------------------------------------------------------\n// scrollToCell — horizontal auto-scroll to a target inline-edit cell\n// ---------------------------------------------------------------------------\n/** Assumed column width (px) when a header has no explicit width, used to sum offset. */\nexport const SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK = 200;\n/** Left padding (px) kept before the target cell so it isn't flush to the edge. */\nexport const SCROLL_TO_CELL_LEFT_OFFSET = 200;\n\n// ---------------------------------------------------------------------------\n// Trailing action-column widths (px) used when summing sticky offsets\n// ---------------------------------------------------------------------------\n/** Fallback width for the row-additional-actions column when none is provided. */\nexport const ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH = 40;\n/** Width reserved for the row-options (three-dot) column. */\nexport const ROW_OPTIONS_COLUMN_WIDTH = 28;\n\n// ---------------------------------------------------------------------------\n// DOM selectors / data-attributes used to locate cells & the scroll viewport\n// ---------------------------------------------------------------------------\nexport const OS_VIEWPORT_SELECTOR = '.os-viewport';\nexport const DATA_ROW_ID_ATTR = 'data-row-id';\nexport const DATA_COLUMN_KEY_ATTR = 'data-column-key';\n\n// ---------------------------------------------------------------------------\n// DataCell — sizing / layout\n// ---------------------------------------------------------------------------\n/** Left indent (px) added per cascading nesting level. */\nexport const CELL_INDENT_PER_LEVEL_PX = 16;\n/** Fallback `right` offset for non-sticky cells. */\nexport const CELL_DEFAULT_RIGHT_OFFSET = '0px';\n\n// ---------------------------------------------------------------------------\n// DataCell — sticky first-cell drop shadow (theme-specific)\n// ---------------------------------------------------------------------------\nexport const CELL_STICKY_SHADOW_DARK = '-8px 0px 8px 0px rgba(255, 255, 255, 0.01)';\nexport const CELL_STICKY_SHADOW_LIGHT = '-8px 0px 8px 0px rgba(0, 0, 0, 0.02)';\n\n// ---------------------------------------------------------------------------\n// Inline-style pixel offsets (used in style={{…}}, not classNames)\n// ---------------------------------------------------------------------------\n/** Left offset for the checkbox cell when the pending-edits column is present. */\nexport const CHECKBOX_PENDING_EDITS_LEFT_OFFSET = '28px';\n/** Half the floating-bar tooltip width — negative margin to center it. */\nexport const FLOATING_BAR_TOOLTIP_MARGIN_LEFT = '-160px';\nexport const FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM = '4px';\n"],"names":["TOOLBAR_FIRST_BREAKPOINT","TOOLBAR_SECOND_BREAKPOINT","DEFAULT_PAGE_SIZE","DEFAULT_COLUMN_MIN_WIDTH","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MAX_WIDTH","DND_ACTIVATION_DISTANCE","DROP_ANIMATION_EASING","DROP_ANIMATION_DURATION","SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK","SCROLL_TO_CELL_LEFT_OFFSET","ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH","ROW_OPTIONS_COLUMN_WIDTH","OS_VIEWPORT_SELECTOR","DATA_ROW_ID_ATTR","DATA_COLUMN_KEY_ATTR","CELL_INDENT_PER_LEVEL_PX","CELL_DEFAULT_RIGHT_OFFSET","CELL_STICKY_SHADOW_DARK","CELL_STICKY_SHADOW_LIGHT","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","FLOATING_BAR_TOOLTIP_MARGIN_LEFT","FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM"],"mappings":"AAYO,MAAMA,IAA2B,KAC3BC,IAA4B,KAM5BC,IAAoB,IAKpBC,IAA2B,KAC3BC,IAAuB,KACvBC,IAA2B,QAM3BC,IAA0B,GAC1BC,IAAwB,uCACxBC,IAA0B,IAM1BC,IAAuC,KAEvCC,IAA6B,KAM7BC,IAAuC,IAEvCC,IAA2B,IAK3BC,IAAuB,gBACvBC,IAAmB,eACnBC,IAAuB,mBAMvBC,IAA2B,IAE3BC,IAA4B,OAK5BC,IAA0B,8CAC1BC,IAA2B,wCAM3BC,IAAqC,QAErCC,IAAmC,UACnCC,IAAqC;"}
+{"version":3,"file":"constants.es.js","sources":["../../../../src/components/data-display/infinite-table/constants.ts"],"sourcesContent":["/**\n * Shared static values for the InfiniteTable and every component under it.\n *\n * Rule for this subtree: magic numbers, timings, sizes, and meaningful string\n * literals (DOM selectors, data-attributes, CSS values used in inline styles)\n * live here with a descriptive name. Tailwind `className` strings are NOT\n * extracted — they stay inline so JIT can see them and JSX stays readable.\n */\n\n// ---------------------------------------------------------------------------\n// Responsive toolbar breakpoints (header layout collapse thresholds, in px)\n// ---------------------------------------------------------------------------\nexport const TOOLBAR_FIRST_BREAKPOINT = 700;\nexport const TOOLBAR_SECOND_BREAKPOINT = 430;\n\n// ---------------------------------------------------------------------------\n// Table defaults\n// ---------------------------------------------------------------------------\n/** Default page size for pagination when the consumer doesn't pass `pageSize`. */\nexport const DEFAULT_PAGE_SIZE = 10;\n\n// ---------------------------------------------------------------------------\n// Row sizing — virtualization & layout math\n// ---------------------------------------------------------------------------\n/**\n * Extra px added to the measured `h-row` content height to get a full row slot.\n * Accounts for the 1px `border-t` on each `<tr>`. The row content height itself\n * is a viewport clamp (`h-row`), measured at runtime via `useRowHeight`.\n */\nexport const ROW_SLOT_BORDER_PX = 1;\n\n// ---------------------------------------------------------------------------\n// Column sizing defaults (react-table `defaultColumn`, in px)\n// ---------------------------------------------------------------------------\nexport const DEFAULT_COLUMN_MIN_WIDTH = 100;\nexport const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MAX_WIDTH = 999999;\n\n// ---------------------------------------------------------------------------\n// Drag & drop (dnd-kit)\n// ---------------------------------------------------------------------------\n/** Pointer travel (px) before a drag starts, for both mouse and touch sensors. */\nexport const DND_ACTIVATION_DISTANCE = 5;\nexport const DROP_ANIMATION_EASING = 'cubic-bezier(0.18, 0.67, 0.6, 1.22)';\nexport const DROP_ANIMATION_DURATION = 20;\n\n// ---------------------------------------------------------------------------\n// scrollToCell — horizontal auto-scroll to a target inline-edit cell\n// ---------------------------------------------------------------------------\n/** Assumed column width (px) when a header has no explicit width, used to sum offset. */\nexport const SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK = 200;\n/** Left padding (px) kept before the target cell so it isn't flush to the edge. */\nexport const SCROLL_TO_CELL_LEFT_OFFSET = 200;\n\n// ---------------------------------------------------------------------------\n// Trailing action-column widths (px) used when summing sticky offsets\n// ---------------------------------------------------------------------------\n/** Fallback width for the row-additional-actions column when none is provided. */\nexport const ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH = 40;\n/** Width reserved for the row-options (three-dot) column. */\nexport const ROW_OPTIONS_COLUMN_WIDTH = 28;\n\n// ---------------------------------------------------------------------------\n// DOM selectors / data-attributes used to locate cells & the scroll viewport\n// ---------------------------------------------------------------------------\nexport const OS_VIEWPORT_SELECTOR = '.os-viewport';\nexport const DATA_ROW_ID_ATTR = 'data-row-id';\nexport const DATA_COLUMN_KEY_ATTR = 'data-column-key';\n\n// ---------------------------------------------------------------------------\n// DataCell — sizing / layout\n// ---------------------------------------------------------------------------\n/** Left indent (px) added per cascading nesting level. */\nexport const CELL_INDENT_PER_LEVEL_PX = 16;\n/** Fallback `right` offset for non-sticky cells. */\nexport const CELL_DEFAULT_RIGHT_OFFSET = '0px';\n\n// ---------------------------------------------------------------------------\n// DataCell — sticky first-cell drop shadow (theme-specific)\n// ---------------------------------------------------------------------------\nexport const CELL_STICKY_SHADOW_DARK = '-8px 0px 8px 0px rgba(255, 255, 255, 0.01)';\nexport const CELL_STICKY_SHADOW_LIGHT = '-8px 0px 8px 0px rgba(0, 0, 0, 0.02)';\n\n// ---------------------------------------------------------------------------\n// Inline-style pixel offsets (used in style={{…}}, not classNames)\n// ---------------------------------------------------------------------------\n/** Left offset for the checkbox cell when the pending-edits column is present. */\nexport const CHECKBOX_PENDING_EDITS_LEFT_OFFSET = '28px';\n/** Half the floating-bar tooltip width — negative margin to center it. */\nexport const FLOATING_BAR_TOOLTIP_MARGIN_LEFT = '-160px';\nexport const FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM = '4px';\n"],"names":["TOOLBAR_FIRST_BREAKPOINT","TOOLBAR_SECOND_BREAKPOINT","DEFAULT_PAGE_SIZE","ROW_SLOT_BORDER_PX","DEFAULT_COLUMN_MIN_WIDTH","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MAX_WIDTH","DND_ACTIVATION_DISTANCE","DROP_ANIMATION_EASING","DROP_ANIMATION_DURATION","SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK","SCROLL_TO_CELL_LEFT_OFFSET","ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH","ROW_OPTIONS_COLUMN_WIDTH","OS_VIEWPORT_SELECTOR","DATA_ROW_ID_ATTR","DATA_COLUMN_KEY_ATTR","CELL_INDENT_PER_LEVEL_PX","CELL_DEFAULT_RIGHT_OFFSET","CELL_STICKY_SHADOW_DARK","CELL_STICKY_SHADOW_LIGHT","CHECKBOX_PENDING_EDITS_LEFT_OFFSET","FLOATING_BAR_TOOLTIP_MARGIN_LEFT","FLOATING_BAR_TOOLTIP_MARGIN_BOTTOM"],"mappings":"AAYO,MAAMA,IAA2B,KAC3BC,IAA4B,KAM5BC,IAAoB,IAUpBC,IAAqB,GAKrBC,IAA2B,KAC3BC,IAAuB,KACvBC,IAA2B,QAM3BC,IAA0B,GAC1BC,IAAwB,uCACxBC,IAA0B,IAM1BC,IAAuC,KAEvCC,IAA6B,KAM7BC,IAAuC,IAEvCC,IAA2B,IAK3BC,IAAuB,gBACvBC,IAAmB,eACnBC,IAAuB,mBAMvBC,IAA2B,IAE3BC,IAA4B,OAK5BC,IAA0B,8CAC1BC,IAA2B,wCAM3BC,IAAqC,QAErCC,IAAmC,UACnCC,IAAqC;"}

package/dist/components/data-display/infinite-table/head/CheckAll.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react-keyshorts"),n=({checkboxConfig:e,isAllChecked:t,isDisabled:l})=>(c.useKeyboardShortcut({key:"a",callback:()=>{if(e.onAllItemsCheck){const r={target:{checked:!t}};e.onAllItemsCheck(r)}},altKey:!0,ctrlKey:!0,metaKey:!0}),a.jsx("div",{className:"absolute left-0 px-2.5 w-full h-10 z-20 flex items-center bg-neutral-50 dark:bg-black-700",children:e.onAllItemsCheck&&a.jsx("input",{id:"checkbox-all-search",type:"checkbox",className:"w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer",onChange:e.onAllItemsCheck,checked:t,ref:r=>{r&&(r.indeterminate=e.checkedIds.length>0&&!t)},disabled:l})}));exports.CheckAll=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react-keyshorts"),n=({checkboxConfig:e,isAllChecked:t,isDisabled:l})=>(c.useKeyboardShortcut({key:"a",callback:()=>{if(e.onAllItemsCheck){const r={target:{checked:!t}};e.onAllItemsCheck(r)}},altKey:!0,ctrlKey:!0,metaKey:!0}),a.jsx("div",{className:"absolute left-0 px-2.5 w-full h-row z-20 flex items-center bg-neutral-50 dark:bg-black-700",children:e.onAllItemsCheck&&a.jsx("input",{id:"checkbox-all-search",type:"checkbox",className:"w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer",onChange:e.onAllItemsCheck,checked:t,ref:r=>{r&&(r.indeterminate=e.checkedIds.length>0&&!t)},disabled:l})}));exports.CheckAll=n;
 //# sourceMappingURL=CheckAll.cjs.js.map

package/dist/components/data-display/infinite-table/head/CheckAll.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckAll.cjs.js","sources":["../../../../../src/components/data-display/infinite-table/head/CheckAll.tsx"],"sourcesContent":["import { useKeyboardShortcut } from 'react-keyshorts';\n\ninterface CheckAllProps {\n  checkboxConfig: {\n    onAllItemsCheck?: (event: { target: { checked: boolean } }) => void;\n    checkedIds: string[];\n  };\n  isAllChecked: boolean;\n  isDisabled?: boolean;\n}\n\nexport const CheckAll = ({ checkboxConfig, isAllChecked, isDisabled }: CheckAllProps) => {\n  useKeyboardShortcut({\n    key: 'a',\n    callback: () => {\n      if (checkboxConfig.onAllItemsCheck) {\n        const syntheticEvent = {\n          target: {\n            checked: !isAllChecked,\n          },\n        };\n        checkboxConfig.onAllItemsCheck(syntheticEvent);\n      }\n    },\n    altKey: true,\n    ctrlKey: true,\n    metaKey: true,\n  });\n\n  return (\n    <div className='absolute left-0 px-2.5 w-full h-10 z-20 flex items-center bg-neutral-50 dark:bg-black-700'>\n      {checkboxConfig.onAllItemsCheck && (\n        <input\n          id='checkbox-all-search'\n          type='checkbox'\n          className='w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer'\n          onChange={checkboxConfig.onAllItemsCheck}\n          checked={isAllChecked}\n          ref={(input) => {\n            if (input) {\n              input.indeterminate = checkboxConfig.checkedIds.length > 0 && !isAllChecked;\n            }\n          }}\n          disabled={isDisabled}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CheckAll","checkboxConfig","isAllChecked","isDisabled","useKeyboardShortcut","syntheticEvent","jsx","input"],"mappings":"kJAWaA,EAAW,CAAC,CAAE,eAAAC,EAAgB,aAAAC,EAAc,WAAAC,MACvDC,sBAAoB,CAClB,IAAK,IACL,SAAU,IAAM,CACd,GAAIH,EAAe,gBAAiB,CAClC,MAAMI,EAAiB,CACrB,OAAQ,CACN,QAAS,CAACH,CAAA,CACZ,EAEFD,EAAe,gBAAgBI,CAAc,CAC/C,CACF,EACA,OAAQ,GACR,QAAS,GACT,QAAS,EAAA,CACV,EAGCC,EAAAA,IAAC,MAAA,CAAI,UAAU,4FACZ,WAAe,iBACdA,EAAAA,IAAC,QAAA,CACC,GAAG,sBACH,KAAK,WACL,UAAU,wNACV,SAAUL,EAAe,gBACzB,QAASC,EACT,IAAMK,GAAU,CACVA,IACFA,EAAM,cAAgBN,EAAe,WAAW,OAAS,GAAK,CAACC,EAEnE,EACA,SAAUC,CAAA,CAAA,EAGhB"}
+{"version":3,"file":"CheckAll.cjs.js","sources":["../../../../../src/components/data-display/infinite-table/head/CheckAll.tsx"],"sourcesContent":["import { useKeyboardShortcut } from 'react-keyshorts';\n\ninterface CheckAllProps {\n  checkboxConfig: {\n    onAllItemsCheck?: (event: { target: { checked: boolean } }) => void;\n    checkedIds: string[];\n  };\n  isAllChecked: boolean;\n  isDisabled?: boolean;\n}\n\nexport const CheckAll = ({ checkboxConfig, isAllChecked, isDisabled }: CheckAllProps) => {\n  useKeyboardShortcut({\n    key: 'a',\n    callback: () => {\n      if (checkboxConfig.onAllItemsCheck) {\n        const syntheticEvent = {\n          target: {\n            checked: !isAllChecked,\n          },\n        };\n        checkboxConfig.onAllItemsCheck(syntheticEvent);\n      }\n    },\n    altKey: true,\n    ctrlKey: true,\n    metaKey: true,\n  });\n\n  return (\n    <div className='absolute left-0 px-2.5 w-full h-row z-20 flex items-center bg-neutral-50 dark:bg-black-700'>\n      {checkboxConfig.onAllItemsCheck && (\n        <input\n          id='checkbox-all-search'\n          type='checkbox'\n          className='w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer'\n          onChange={checkboxConfig.onAllItemsCheck}\n          checked={isAllChecked}\n          ref={(input) => {\n            if (input) {\n              input.indeterminate = checkboxConfig.checkedIds.length > 0 && !isAllChecked;\n            }\n          }}\n          disabled={isDisabled}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CheckAll","checkboxConfig","isAllChecked","isDisabled","useKeyboardShortcut","syntheticEvent","jsx","input"],"mappings":"kJAWaA,EAAW,CAAC,CAAE,eAAAC,EAAgB,aAAAC,EAAc,WAAAC,MACvDC,sBAAoB,CAClB,IAAK,IACL,SAAU,IAAM,CACd,GAAIH,EAAe,gBAAiB,CAClC,MAAMI,EAAiB,CACrB,OAAQ,CACN,QAAS,CAACH,CAAA,CACZ,EAEFD,EAAe,gBAAgBI,CAAc,CAC/C,CACF,EACA,OAAQ,GACR,QAAS,GACT,QAAS,EAAA,CACV,EAGCC,EAAAA,IAAC,MAAA,CAAI,UAAU,6FACZ,WAAe,iBACdA,EAAAA,IAAC,QAAA,CACC,GAAG,sBACH,KAAK,WACL,UAAU,wNACV,SAAUL,EAAe,gBACzB,QAASC,EACT,IAAMK,GAAU,CACVA,IACFA,EAAM,cAAgBN,EAAe,WAAW,OAAS,GAAK,CAACC,EAEnE,EACA,SAAUC,CAAA,CAAA,EAGhB"}

package/dist/components/data-display/infinite-table/head/CheckAll.es.js

@@ -15,7 +15,7 @@ const s = ({ checkboxConfig: e, isAllChecked: t, isDisabled: l }) => (c({
   altKey: !0,
   ctrlKey: !0,
   metaKey: !0
-}), /* @__PURE__ */ a("div", { className: "absolute left-0 px-2.5 w-full h-10 z-20 flex items-center bg-neutral-50 dark:bg-black-700", children: e.onAllItemsCheck && /* @__PURE__ */ a(
+}), /* @__PURE__ */ a("div", { className: "absolute left-0 px-2.5 w-full h-row z-20 flex items-center bg-neutral-50 dark:bg-black-700", children: e.onAllItemsCheck && /* @__PURE__ */ a(
   "input",
   {
     id: "checkbox-all-search",

package/dist/components/data-display/infinite-table/head/CheckAll.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckAll.es.js","sources":["../../../../../src/components/data-display/infinite-table/head/CheckAll.tsx"],"sourcesContent":["import { useKeyboardShortcut } from 'react-keyshorts';\n\ninterface CheckAllProps {\n  checkboxConfig: {\n    onAllItemsCheck?: (event: { target: { checked: boolean } }) => void;\n    checkedIds: string[];\n  };\n  isAllChecked: boolean;\n  isDisabled?: boolean;\n}\n\nexport const CheckAll = ({ checkboxConfig, isAllChecked, isDisabled }: CheckAllProps) => {\n  useKeyboardShortcut({\n    key: 'a',\n    callback: () => {\n      if (checkboxConfig.onAllItemsCheck) {\n        const syntheticEvent = {\n          target: {\n            checked: !isAllChecked,\n          },\n        };\n        checkboxConfig.onAllItemsCheck(syntheticEvent);\n      }\n    },\n    altKey: true,\n    ctrlKey: true,\n    metaKey: true,\n  });\n\n  return (\n    <div className='absolute left-0 px-2.5 w-full h-10 z-20 flex items-center bg-neutral-50 dark:bg-black-700'>\n      {checkboxConfig.onAllItemsCheck && (\n        <input\n          id='checkbox-all-search'\n          type='checkbox'\n          className='w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer'\n          onChange={checkboxConfig.onAllItemsCheck}\n          checked={isAllChecked}\n          ref={(input) => {\n            if (input) {\n              input.indeterminate = checkboxConfig.checkedIds.length > 0 && !isAllChecked;\n            }\n          }}\n          disabled={isDisabled}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CheckAll","checkboxConfig","isAllChecked","isDisabled","useKeyboardShortcut","syntheticEvent","jsx","input"],"mappings":";;AAWO,MAAMA,IAAW,CAAC,EAAE,gBAAAC,GAAgB,cAAAC,GAAc,YAAAC,SACvDC,EAAoB;AAAA,EAClB,KAAK;AAAA,EACL,UAAU,MAAM;AACd,QAAIH,EAAe,iBAAiB;AAClC,YAAMI,IAAiB;AAAA,QACrB,QAAQ;AAAA,UACN,SAAS,CAACH;AAAA,QAAA;AAAA,MACZ;AAEF,MAAAD,EAAe,gBAAgBI,CAAc;AAAA,IAC/C;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,CACV,GAGC,gBAAAC,EAAC,OAAA,EAAI,WAAU,6FACZ,YAAe,mBACd,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,MAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAUL,EAAe;AAAA,IACzB,SAASC;AAAA,IACT,KAAK,CAACK,MAAU;AACd,MAAIA,MACFA,EAAM,gBAAgBN,EAAe,WAAW,SAAS,KAAK,CAACC;AAAA,IAEnE;AAAA,IACA,UAAUC;AAAA,EAAA;AAAA,GAGhB;"}
+{"version":3,"file":"CheckAll.es.js","sources":["../../../../../src/components/data-display/infinite-table/head/CheckAll.tsx"],"sourcesContent":["import { useKeyboardShortcut } from 'react-keyshorts';\n\ninterface CheckAllProps {\n  checkboxConfig: {\n    onAllItemsCheck?: (event: { target: { checked: boolean } }) => void;\n    checkedIds: string[];\n  };\n  isAllChecked: boolean;\n  isDisabled?: boolean;\n}\n\nexport const CheckAll = ({ checkboxConfig, isAllChecked, isDisabled }: CheckAllProps) => {\n  useKeyboardShortcut({\n    key: 'a',\n    callback: () => {\n      if (checkboxConfig.onAllItemsCheck) {\n        const syntheticEvent = {\n          target: {\n            checked: !isAllChecked,\n          },\n        };\n        checkboxConfig.onAllItemsCheck(syntheticEvent);\n      }\n    },\n    altKey: true,\n    ctrlKey: true,\n    metaKey: true,\n  });\n\n  return (\n    <div className='absolute left-0 px-2.5 w-full h-row z-20 flex items-center bg-neutral-50 dark:bg-black-700'>\n      {checkboxConfig.onAllItemsCheck && (\n        <input\n          id='checkbox-all-search'\n          type='checkbox'\n          className='w-4 h-4 text-blue-600 appearance-none dark:bg-black-700 border border-gray-400 dark:border-neutral-400 rounded-[4px] checked:appearance-auto focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2 cursor-pointer'\n          onChange={checkboxConfig.onAllItemsCheck}\n          checked={isAllChecked}\n          ref={(input) => {\n            if (input) {\n              input.indeterminate = checkboxConfig.checkedIds.length > 0 && !isAllChecked;\n            }\n          }}\n          disabled={isDisabled}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CheckAll","checkboxConfig","isAllChecked","isDisabled","useKeyboardShortcut","syntheticEvent","jsx","input"],"mappings":";;AAWO,MAAMA,IAAW,CAAC,EAAE,gBAAAC,GAAgB,cAAAC,GAAc,YAAAC,SACvDC,EAAoB;AAAA,EAClB,KAAK;AAAA,EACL,UAAU,MAAM;AACd,QAAIH,EAAe,iBAAiB;AAClC,YAAMI,IAAiB;AAAA,QACrB,QAAQ;AAAA,UACN,SAAS,CAACH;AAAA,QAAA;AAAA,MACZ;AAEF,MAAAD,EAAe,gBAAgBI,CAAc;AAAA,IAC/C;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,CACV,GAGC,gBAAAC,EAAC,OAAA,EAAI,WAAU,8FACZ,YAAe,mBACd,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,MAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAUL,EAAe;AAAA,IACzB,SAASC;AAAA,IACT,KAAK,CAACK,MAAU;AACd,MAAIA,MACFA,EAAM,gBAAgBN,EAAe,WAAW,SAAS,KAAK,CAACC;AAAA,IAEnE;AAAA,IACA,UAAUC;AAAA,EAAA;AAAA,GAGhB;"}

package/dist/components/data-display/infinite-table/head/cell/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("../../../../../providers/design-system-provider/hooks.cjs.js"),L=require("../../../datatype-icon/DataTypeIcon.cjs.js"),l=require("../../../../tooltip/Tooltip.cjs.js"),n=require("@mui/icons-material"),y=require("../../../../../_virtual/index.cjs.js"),u=require("react"),W=require("../../context.cjs.js"),_=require("./Options.cjs.js"),B=require("./Prefix.cjs.js"),E=require("./Resizer.cjs.js"),V=require("../../constants.cjs.js"),H=({headerGroup:f,headerIndex:a,showHeaderOptions:d,column:e,isShowSortArrowAsc:k,isShowSortArrowDesc:C,onSort:c,onFilter:g,toggleHeaderOption:x,setIsShowSortArrowAsc:m,setIsShowSortArrowDesc:j,setShowHeaderOptions:v,toggleDataFilterModal:w,isColumnConfigurable:N,onAddColumnClick:S,onEditColumnClick:K,onDeleteColumnClick:T,isResizable:q})=>{const t=A.useTableConfig(),p=t?.getPrimaryColor?.()||{},{lastNonStickyColumnIndex:I,setShowHeaderContextOptions:o,showHeaderContextOptions:P,getSumOfNextVisibleColumnWidth:z,handleUpdateColumnWidth:O,multiSelectConfig:b,headerContextOptions:h,showDataTypeIcon:R}=u.useContext(W.TableContext),D=e?.sticky?z?.(a):0,F=I?.(),{selectedColumnIds:i=[]}=b||{},$=y({"border border-primary-600 dark:border-blue-800":i?.includes(e.id),"border-b border-b-primary-300":e?.isPrimaryKey,"border-b border-b-purple-300":e?.isCompositeKey});return r.jsx(u.Fragment,{children:r.jsxs("th",{className:y("bg-white dark:bg-black-700",`${e?.sticky?"sticky left-0 bg-neutral-50 dark:bg-black-700 right-0":"relative"} h-10 whitespace-normal max-w-lg ${F===a?"w-full":""} h-full gap-1 cursor-pointer`,!e.static&&!i?.includes(e.id)&&"hover:bg-neutral-200 dark:hover:bg-black-700",{"bg-primary-100 dark:bg-primary-900":i?.includes(e.id)},$),style:{minWidth:`${e.width}px`,maxWidth:`${e.width}px`,right:` ${e?.sticky?`${D}px`:V.CELL_DEFAULT_RIGHT_OFFSET}`},role:"cell",onClick:s=>b?.onTableColumnClick?.(s.nativeEvent,e.id),onContextMenu:s=>{i?.includes(e.id)&&(s.preventDefault(),o?.(e.key))},children:[r.jsxs("div",{className:"flex w-full px-4 gap-2 h-10 justify-between items-center",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(B.Prefix,{column:e,isShowSortArrowAsc:k,isShowSortArrowDesc:C}),e?.isCompositeKey?t?.renderKeyIcons?t.renderKeyIcons("composite"):r.jsx(l,{title:"Composite Key",children:r.jsx("span",{className:"flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1",children:r.jsx(n.VpnKeyRounded,{sx:{fontSize:14,color:"#BB5DFF"}})})}):e?.isPrimaryKey?t?.renderKeyIcons?t.renderKeyIcons("primary",p?.[400]):r.jsx(l,{title:"Primary Key",children:r.jsx("span",{className:"flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1",children:r.jsx(n.VpnKeyRounded,{sx:{fontSize:14,color:p?.[400]||"var(--color-primary-400)"}})})}):null,r.jsx("span",{className:"text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap",children:e.render("Header")}),e.isSAP&&t?.renderSapLabel?.(),e.is_live_field&&r.jsx(l,{title:"Live Field",children:r.jsx("span",{className:"flex items-center",children:r.jsx(n.BoltOutlined,{sx:{fontSize:14,color:"var(--color-primary-600)"}})})}),!e.static&&e?.sortable&&c&&r.jsx("button",{className:"flex items-center justify-center h-full",children:r.jsx(n.KeyboardArrowDown,{sx:{fontSize:18,color:"#98A2B3",transform:d===e.key?"rotate(180deg)":"none",transition:"transform 0.2s"},onClick:s=>{s.stopPropagation(),e.static||x(e.key)}})})]}),!e.static&&d===e.key&&r.jsx(_.Options,{headerIndex:a,headerGroup:f,column:e,onSort:c,toggleHeaderOption:x,setIsShowSortArrowAsc:m,setIsShowSortArrowDesc:j,setShowHeaderOptions:v,toggleDataFilterModal:w,isColumnConfigurable:N,onAddColumnClick:S,onEditColumnClick:K,onDeleteColumnClick:T,onFilter:g}),P===e.key?t?.renderColumnContextOptions?.({onClose:()=>o?.(null),children:h})||r.jsxs("div",{className:"absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]",children:[r.jsx("div",{className:"flex justify-end p-1 border-b border-neutral-100 dark:border-black-600",children:r.jsx("button",{type:"button",className:"text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1",onClick:()=>o?.(null),children:"Close"})}),r.jsx("div",{className:"p-1",children:h})]}):null,R&&r.jsx(L.DataTypeIcon,{dataType:e?.dataType||"string"})]}),q?r.jsx(E.Resizer,{column:e,onResizeComplete:O}):null]})})};exports.Cell=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("../../../../../providers/design-system-provider/hooks.cjs.js"),L=require("../../../datatype-icon/DataTypeIcon.cjs.js"),l=require("../../../../tooltip/Tooltip.cjs.js"),n=require("@mui/icons-material"),y=require("../../../../../_virtual/index.cjs.js"),u=require("react"),W=require("../../context.cjs.js"),_=require("./Options.cjs.js"),B=require("./Prefix.cjs.js"),E=require("./Resizer.cjs.js"),V=require("../../constants.cjs.js"),H=({headerGroup:f,headerIndex:o,showHeaderOptions:d,column:e,isShowSortArrowAsc:k,isShowSortArrowDesc:C,onSort:c,onFilter:g,toggleHeaderOption:x,setIsShowSortArrowAsc:m,setIsShowSortArrowDesc:j,setShowHeaderOptions:v,toggleDataFilterModal:w,isColumnConfigurable:N,onAddColumnClick:S,onEditColumnClick:K,onDeleteColumnClick:T,isResizable:q})=>{const t=A.useTableConfig(),p=t?.getPrimaryColor?.()||{},{lastNonStickyColumnIndex:I,setShowHeaderContextOptions:a,showHeaderContextOptions:P,getSumOfNextVisibleColumnWidth:z,handleUpdateColumnWidth:O,multiSelectConfig:b,headerContextOptions:h,showDataTypeIcon:R}=u.useContext(W.TableContext),D=e?.sticky?z?.(o):0,F=I?.(),{selectedColumnIds:i=[]}=b||{},$=y({"border border-primary-600 dark:border-blue-800":i?.includes(e.id),"border-b border-b-primary-300":e?.isPrimaryKey,"border-b border-b-purple-300":e?.isCompositeKey});return r.jsx(u.Fragment,{children:r.jsxs("th",{className:y("bg-white dark:bg-black-700",`${e?.sticky?"sticky left-0 bg-neutral-50 dark:bg-black-700 right-0":"relative"} h-row whitespace-normal max-w-lg ${F===o?"w-full":""} h-full gap-1 cursor-pointer`,!e.static&&!i?.includes(e.id)&&"hover:bg-neutral-200 dark:hover:bg-black-700",{"bg-primary-100 dark:bg-primary-900":i?.includes(e.id)},$),style:{minWidth:`${e.width}px`,maxWidth:`${e.width}px`,right:` ${e?.sticky?`${D}px`:V.CELL_DEFAULT_RIGHT_OFFSET}`},role:"cell",onClick:s=>b?.onTableColumnClick?.(s.nativeEvent,e.id),onContextMenu:s=>{i?.includes(e.id)&&(s.preventDefault(),a?.(e.key))},children:[r.jsxs("div",{className:"flex w-full px-4 gap-2 h-row justify-between items-center",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(B.Prefix,{column:e,isShowSortArrowAsc:k,isShowSortArrowDesc:C}),e?.isCompositeKey?t?.renderKeyIcons?t.renderKeyIcons("composite"):r.jsx(l,{title:"Composite Key",children:r.jsx("span",{className:"flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1",children:r.jsx(n.VpnKeyRounded,{sx:{fontSize:14,color:"#BB5DFF"}})})}):e?.isPrimaryKey?t?.renderKeyIcons?t.renderKeyIcons("primary",p?.[400]):r.jsx(l,{title:"Primary Key",children:r.jsx("span",{className:"flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1",children:r.jsx(n.VpnKeyRounded,{sx:{fontSize:14,color:p?.[400]||"var(--color-primary-400)"}})})}):null,r.jsx("span",{className:"text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap",children:e.render("Header")}),e.isSAP&&t?.renderSapLabel?.(),e.is_live_field&&r.jsx(l,{title:"Live Field",children:r.jsx("span",{className:"flex items-center",children:r.jsx(n.BoltOutlined,{sx:{fontSize:14,color:"var(--color-primary-600)"}})})}),!e.static&&e?.sortable&&c&&r.jsx("button",{className:"flex items-center justify-center h-full",children:r.jsx(n.KeyboardArrowDown,{sx:{fontSize:18,color:"#98A2B3",transform:d===e.key?"rotate(180deg)":"none",transition:"transform 0.2s"},onClick:s=>{s.stopPropagation(),e.static||x(e.key)}})})]}),!e.static&&d===e.key&&r.jsx(_.Options,{headerIndex:o,headerGroup:f,column:e,onSort:c,toggleHeaderOption:x,setIsShowSortArrowAsc:m,setIsShowSortArrowDesc:j,setShowHeaderOptions:v,toggleDataFilterModal:w,isColumnConfigurable:N,onAddColumnClick:S,onEditColumnClick:K,onDeleteColumnClick:T,onFilter:g}),P===e.key?t?.renderColumnContextOptions?.({onClose:()=>a?.(null),children:h})||r.jsxs("div",{className:"absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]",children:[r.jsx("div",{className:"flex justify-end p-1 border-b border-neutral-100 dark:border-black-600",children:r.jsx("button",{type:"button",className:"text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1",onClick:()=>a?.(null),children:"Close"})}),r.jsx("div",{className:"p-1",children:h})]}):null,R&&r.jsx(L.DataTypeIcon,{dataType:e?.dataType||"string"})]}),q?r.jsx(E.Resizer,{column:e,onResizeComplete:O}):null]})})};exports.Cell=H;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/data-display/infinite-table/head/cell/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../../src/components/data-display/infinite-table/head/cell/index.tsx"],"sourcesContent":["import { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { DataTypeIcon } from '../../../../data-display/datatype-icon/DataTypeIcon';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { BoltOutlined, KeyboardArrowDown, VpnKeyRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { Fragment, useContext } from 'react';\n\nimport { TableContext } from '../../context';\nimport { Options } from './Options';\nimport { Prefix } from './Prefix';\nimport { Resizer } from './Resizer';\nimport { CELL_DEFAULT_RIGHT_OFFSET } from '../../constants';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  sticky?: boolean;\n  static?: boolean;\n  isPrimaryKey?: boolean;\n  isCompositeKey?: boolean;\n  isSAP?: boolean;\n  is_live_field?: boolean;\n  dataType?: string;\n  visible?: boolean;\n  sortable?: boolean\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface CellProps {\n  headerGroup: { getHeaderGroupProps: () => Record<string, unknown>; headers: HeaderColumn[]; [k: string]: unknown };\n  headerIndex: number;\n  showHeaderOptions: string;\n  column: HeaderColumn;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  setShowHeaderOptions: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  isResizable: boolean;\n}\n\nexport const Cell = ({\n  headerGroup,\n  headerIndex,\n  showHeaderOptions,\n  column,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  setShowHeaderOptions,\n  toggleDataFilterModal,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  isResizable,\n}: CellProps) => {\n  const tableConfig = useTableConfig();\n  const primaryColorShades = tableConfig?.getPrimaryColor?.() || {};\n  const {\n    lastNonStickyColumnIndex,\n    setShowHeaderContextOptions,\n    showHeaderContextOptions,\n    getSumOfNextVisibleColumnWidth,\n    handleUpdateColumnWidth,\n    multiSelectConfig,\n    headerContextOptions,\n    showDataTypeIcon,\n  } = useContext(TableContext);\n\n  const nextWidthSum = column?.sticky ? getSumOfNextVisibleColumnWidth?.(headerIndex) : 0;\n  const lastNonStickyColIndex = lastNonStickyColumnIndex?.();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n\n  const borderClass = cn({\n    'border border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(column.id),\n    'border-b border-b-primary-300': column?.isPrimaryKey,\n    'border-b border-b-purple-300': column?.isCompositeKey,\n  });\n\n  return (\n    <Fragment>\n      <th\n        className={cn(\n          'bg-white dark:bg-black-700',\n          `${column?.sticky ? `sticky left-0 bg-neutral-50 dark:bg-black-700 right-0` : `relative`} h-10 whitespace-normal max-w-lg ${lastNonStickyColIndex === headerIndex ? 'w-full' : ''} h-full gap-1 cursor-pointer`,\n          !column.static && !selectedColumnIds?.includes(column.id) && 'hover:bg-neutral-200 dark:hover:bg-black-700',\n          { 'bg-primary-100 dark:bg-primary-900': selectedColumnIds?.includes(column.id) },\n          borderClass,\n        )}\n        style={{\n          minWidth: `${column.width}px`,\n          maxWidth: `${column.width}px`,\n          right: ` ${column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET}`,\n        }}\n        role='cell'\n        onClick={(e) => multiSelectConfig?.onTableColumnClick?.(e.nativeEvent, column.id)}\n        onContextMenu={(e) => {\n          if (selectedColumnIds?.includes(column.id)) {\n            e.preventDefault();\n            setShowHeaderContextOptions?.(column.key);\n          }\n        }}\n      >\n        <div className='flex w-full px-4 gap-2 h-10 justify-between items-center'>\n          <div className='flex items-center gap-2'>\n            <Prefix {...{ column, isShowSortArrowAsc, isShowSortArrowDesc }} />\n\n            {column?.isCompositeKey\n              ? tableConfig?.renderKeyIcons\n                ? tableConfig.renderKeyIcons('composite')\n                : (\n                    <Tooltip title='Composite Key'>\n                      <span className='flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1'>\n                        <VpnKeyRounded sx={{ fontSize: 14, color: '#BB5DFF' }} />\n                      </span>\n                    </Tooltip>\n                  )\n              : column?.isPrimaryKey\n                ? tableConfig?.renderKeyIcons\n                  ? tableConfig.renderKeyIcons('primary', primaryColorShades?.[400])\n                  : (\n                      <Tooltip title='Primary Key'>\n                        <span className='flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1'>\n                          <VpnKeyRounded sx={{ fontSize: 14, color: primaryColorShades?.[400] || 'var(--color-primary-400)' }} />\n                        </span>\n                      </Tooltip>\n                    )\n                : null}\n\n            <span className='text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap'>{column.render('Header')}</span>\n            {column.isSAP && tableConfig?.renderSapLabel?.()}\n            {column.is_live_field && (\n              <Tooltip title='Live Field'>\n                <span className='flex items-center'>\n                  <BoltOutlined sx={{ fontSize: 14, color: 'var(--color-primary-600)' }} />\n                </span>\n              </Tooltip>\n            )}\n            {!column.static && column?.sortable && onSort && (\n              <button className='flex items-center justify-center h-full'>\n                <KeyboardArrowDown\n                  sx={{ fontSize: 18, color: '#98A2B3', transform: showHeaderOptions === column.key ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (!column.static) toggleHeaderOption(column.key);\n                  }}\n                />\n              </button>\n            )}\n          </div>\n          {!column.static && showHeaderOptions === column.key && (\n            <Options\n              headerIndex={headerIndex}\n              headerGroup={headerGroup}\n              column={column}\n              onSort={onSort}\n              toggleHeaderOption={toggleHeaderOption}\n              setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n              setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n              setShowHeaderOptions={setShowHeaderOptions}\n              toggleDataFilterModal={toggleDataFilterModal}\n              isColumnConfigurable={isColumnConfigurable}\n              onAddColumnClick={onAddColumnClick}\n              onEditColumnClick={onEditColumnClick}\n              onDeleteColumnClick={onDeleteColumnClick}\n              onFilter={onFilter}\n            />\n          )}\n          {showHeaderContextOptions === column.key\n            ? tableConfig?.renderColumnContextOptions?.({\n                onClose: () => setShowHeaderContextOptions?.(null),\n                children: headerContextOptions,\n              }) || (\n                <div className='absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]'>\n                  <div className='flex justify-end p-1 border-b border-neutral-100 dark:border-black-600'>\n                    <button\n                      type='button'\n                      className='text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1'\n                      onClick={() => setShowHeaderContextOptions?.(null)}\n                    >\n                      Close\n                    </button>\n                  </div>\n                  <div className='p-1'>{headerContextOptions}</div>\n                </div>\n              )\n            : null}\n          {showDataTypeIcon && <DataTypeIcon dataType={column?.dataType || 'string'} />}\n        </div>\n        {isResizable ? <Resizer column={column} onResizeComplete={handleUpdateColumnWidth!} /> : null}\n      </th>\n    </Fragment>\n  );\n};\n"],"names":["Cell","headerGroup","headerIndex","showHeaderOptions","column","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","setShowHeaderOptions","toggleDataFilterModal","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","isResizable","tableConfig","useTableConfig","primaryColorShades","lastNonStickyColumnIndex","setShowHeaderContextOptions","showHeaderContextOptions","getSumOfNextVisibleColumnWidth","handleUpdateColumnWidth","multiSelectConfig","headerContextOptions","showDataTypeIcon","useContext","TableContext","nextWidthSum","lastNonStickyColIndex","selectedColumnIds","borderClass","cn","Fragment","jsxs","CELL_DEFAULT_RIGHT_OFFSET","e","jsx","Prefix","Tooltip","VpnKeyRounded","BoltOutlined","KeyboardArrowDown","Options","DataTypeIcon","Resizer"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../../../src/components/data-display/infinite-table/head/cell/index.tsx"],"sourcesContent":["import { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { DataTypeIcon } from '../../../../data-display/datatype-icon/DataTypeIcon';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { BoltOutlined, KeyboardArrowDown, VpnKeyRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { Fragment, useContext } from 'react';\n\nimport { TableContext } from '../../context';\nimport { Options } from './Options';\nimport { Prefix } from './Prefix';\nimport { Resizer } from './Resizer';\nimport { CELL_DEFAULT_RIGHT_OFFSET } from '../../constants';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  sticky?: boolean;\n  static?: boolean;\n  isPrimaryKey?: boolean;\n  isCompositeKey?: boolean;\n  isSAP?: boolean;\n  is_live_field?: boolean;\n  dataType?: string;\n  visible?: boolean;\n  sortable?: boolean\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface CellProps {\n  headerGroup: { getHeaderGroupProps: () => Record<string, unknown>; headers: HeaderColumn[]; [k: string]: unknown };\n  headerIndex: number;\n  showHeaderOptions: string;\n  column: HeaderColumn;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  setShowHeaderOptions: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  isResizable: boolean;\n}\n\nexport const Cell = ({\n  headerGroup,\n  headerIndex,\n  showHeaderOptions,\n  column,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  setShowHeaderOptions,\n  toggleDataFilterModal,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  isResizable,\n}: CellProps) => {\n  const tableConfig = useTableConfig();\n  const primaryColorShades = tableConfig?.getPrimaryColor?.() || {};\n  const {\n    lastNonStickyColumnIndex,\n    setShowHeaderContextOptions,\n    showHeaderContextOptions,\n    getSumOfNextVisibleColumnWidth,\n    handleUpdateColumnWidth,\n    multiSelectConfig,\n    headerContextOptions,\n    showDataTypeIcon,\n  } = useContext(TableContext);\n\n  const nextWidthSum = column?.sticky ? getSumOfNextVisibleColumnWidth?.(headerIndex) : 0;\n  const lastNonStickyColIndex = lastNonStickyColumnIndex?.();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n\n  const borderClass = cn({\n    'border border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(column.id),\n    'border-b border-b-primary-300': column?.isPrimaryKey,\n    'border-b border-b-purple-300': column?.isCompositeKey,\n  });\n\n  return (\n    <Fragment>\n      <th\n        className={cn(\n          'bg-white dark:bg-black-700',\n          `${column?.sticky ? `sticky left-0 bg-neutral-50 dark:bg-black-700 right-0` : `relative`} h-row whitespace-normal max-w-lg ${lastNonStickyColIndex === headerIndex ? 'w-full' : ''} h-full gap-1 cursor-pointer`,\n          !column.static && !selectedColumnIds?.includes(column.id) && 'hover:bg-neutral-200 dark:hover:bg-black-700',\n          { 'bg-primary-100 dark:bg-primary-900': selectedColumnIds?.includes(column.id) },\n          borderClass,\n        )}\n        style={{\n          minWidth: `${column.width}px`,\n          maxWidth: `${column.width}px`,\n          right: ` ${column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET}`,\n        }}\n        role='cell'\n        onClick={(e) => multiSelectConfig?.onTableColumnClick?.(e.nativeEvent, column.id)}\n        onContextMenu={(e) => {\n          if (selectedColumnIds?.includes(column.id)) {\n            e.preventDefault();\n            setShowHeaderContextOptions?.(column.key);\n          }\n        }}\n      >\n        <div className='flex w-full px-4 gap-2 h-row justify-between items-center'>\n          <div className='flex items-center gap-2'>\n            <Prefix {...{ column, isShowSortArrowAsc, isShowSortArrowDesc }} />\n\n            {column?.isCompositeKey\n              ? tableConfig?.renderKeyIcons\n                ? tableConfig.renderKeyIcons('composite')\n                : (\n                    <Tooltip title='Composite Key'>\n                      <span className='flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1'>\n                        <VpnKeyRounded sx={{ fontSize: 14, color: '#BB5DFF' }} />\n                      </span>\n                    </Tooltip>\n                  )\n              : column?.isPrimaryKey\n                ? tableConfig?.renderKeyIcons\n                  ? tableConfig.renderKeyIcons('primary', primaryColorShades?.[400])\n                  : (\n                      <Tooltip title='Primary Key'>\n                        <span className='flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1'>\n                          <VpnKeyRounded sx={{ fontSize: 14, color: primaryColorShades?.[400] || 'var(--color-primary-400)' }} />\n                        </span>\n                      </Tooltip>\n                    )\n                : null}\n\n            <span className='text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap'>{column.render('Header')}</span>\n            {column.isSAP && tableConfig?.renderSapLabel?.()}\n            {column.is_live_field && (\n              <Tooltip title='Live Field'>\n                <span className='flex items-center'>\n                  <BoltOutlined sx={{ fontSize: 14, color: 'var(--color-primary-600)' }} />\n                </span>\n              </Tooltip>\n            )}\n            {!column.static && column?.sortable && onSort && (\n              <button className='flex items-center justify-center h-full'>\n                <KeyboardArrowDown\n                  sx={{ fontSize: 18, color: '#98A2B3', transform: showHeaderOptions === column.key ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (!column.static) toggleHeaderOption(column.key);\n                  }}\n                />\n              </button>\n            )}\n          </div>\n          {!column.static && showHeaderOptions === column.key && (\n            <Options\n              headerIndex={headerIndex}\n              headerGroup={headerGroup}\n              column={column}\n              onSort={onSort}\n              toggleHeaderOption={toggleHeaderOption}\n              setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n              setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n              setShowHeaderOptions={setShowHeaderOptions}\n              toggleDataFilterModal={toggleDataFilterModal}\n              isColumnConfigurable={isColumnConfigurable}\n              onAddColumnClick={onAddColumnClick}\n              onEditColumnClick={onEditColumnClick}\n              onDeleteColumnClick={onDeleteColumnClick}\n              onFilter={onFilter}\n            />\n          )}\n          {showHeaderContextOptions === column.key\n            ? tableConfig?.renderColumnContextOptions?.({\n                onClose: () => setShowHeaderContextOptions?.(null),\n                children: headerContextOptions,\n              }) || (\n                <div className='absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]'>\n                  <div className='flex justify-end p-1 border-b border-neutral-100 dark:border-black-600'>\n                    <button\n                      type='button'\n                      className='text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1'\n                      onClick={() => setShowHeaderContextOptions?.(null)}\n                    >\n                      Close\n                    </button>\n                  </div>\n                  <div className='p-1'>{headerContextOptions}</div>\n                </div>\n              )\n            : null}\n          {showDataTypeIcon && <DataTypeIcon dataType={column?.dataType || 'string'} />}\n        </div>\n        {isResizable ? <Resizer column={column} onResizeComplete={handleUpdateColumnWidth!} /> : null}\n      </th>\n    </Fragment>\n  );\n};\n"],"names":["Cell","headerGroup","headerIndex","showHeaderOptions","column","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","setShowHeaderOptions","toggleDataFilterModal","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","isResizable","tableConfig","useTableConfig","primaryColorShades","lastNonStickyColumnIndex","setShowHeaderContextOptions","showHeaderContextOptions","getSumOfNextVisibleColumnWidth","handleUpdateColumnWidth","multiSelectConfig","headerContextOptions","showDataTypeIcon","useContext","TableContext","nextWidthSum","lastNonStickyColIndex","selectedColumnIds","borderClass","cn","Fragment","jsxs","CELL_DEFAULT_RIGHT_OFFSET","e","jsx","Prefix","Tooltip","VpnKeyRounded","BoltOutlined","KeyboardArrowDown","Options","DataTypeIcon","Resizer"],"mappings":"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"}

package/dist/components/data-display/infinite-table/head/cell/index.es.js

@@ -49,7 +49,7 @@ const le = ({
     {
       className: y(
         "bg-white dark:bg-black-700",
-        `${e?.sticky ? "sticky left-0 bg-neutral-50 dark:bg-black-700 right-0" : "relative"} h-10 whitespace-normal max-w-lg ${L === s ? "w-full" : ""} h-full gap-1 cursor-pointer`,
+        `${e?.sticky ? "sticky left-0 bg-neutral-50 dark:bg-black-700 right-0" : "relative"} h-row whitespace-normal max-w-lg ${L === s ? "w-full" : ""} h-full gap-1 cursor-pointer`,
         !e.static && !o?.includes(e.id) && "hover:bg-neutral-200 dark:hover:bg-black-700",
         { "bg-primary-100 dark:bg-primary-900": o?.includes(e.id) },
         W
@@ -65,7 +65,7 @@ const le = ({
         o?.includes(e.id) && (i.preventDefault(), l?.(e.key));
       },
       children: [
-        /* @__PURE__ */ a("div", { className: "flex w-full px-4 gap-2 h-10 justify-between items-center", children: [
+        /* @__PURE__ */ a("div", { className: "flex w-full px-4 gap-2 h-row justify-between items-center", children: [
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ r(G, { column: e, isShowSortArrowAsc: k, isShowSortArrowDesc: C }),
             e?.isCompositeKey ? t?.renderKeyIcons ? t.renderKeyIcons("composite") : /* @__PURE__ */ r(n, { title: "Composite Key", children: /* @__PURE__ */ r("span", { className: "flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1", children: /* @__PURE__ */ r(f, { sx: { fontSize: 14, color: "#BB5DFF" } }) }) }) : e?.isPrimaryKey ? t?.renderKeyIcons ? t.renderKeyIcons("primary", b?.[400]) : /* @__PURE__ */ r(n, { title: "Primary Key", children: /* @__PURE__ */ r("span", { className: "flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1", children: /* @__PURE__ */ r(f, { sx: { fontSize: 14, color: b?.[400] || "var(--color-primary-400)" } }) }) }) : null,

package/dist/components/data-display/infinite-table/head/cell/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/data-display/infinite-table/head/cell/index.tsx"],"sourcesContent":["import { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { DataTypeIcon } from '../../../../data-display/datatype-icon/DataTypeIcon';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { BoltOutlined, KeyboardArrowDown, VpnKeyRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { Fragment, useContext } from 'react';\n\nimport { TableContext } from '../../context';\nimport { Options } from './Options';\nimport { Prefix } from './Prefix';\nimport { Resizer } from './Resizer';\nimport { CELL_DEFAULT_RIGHT_OFFSET } from '../../constants';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  sticky?: boolean;\n  static?: boolean;\n  isPrimaryKey?: boolean;\n  isCompositeKey?: boolean;\n  isSAP?: boolean;\n  is_live_field?: boolean;\n  dataType?: string;\n  visible?: boolean;\n  sortable?: boolean\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface CellProps {\n  headerGroup: { getHeaderGroupProps: () => Record<string, unknown>; headers: HeaderColumn[]; [k: string]: unknown };\n  headerIndex: number;\n  showHeaderOptions: string;\n  column: HeaderColumn;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  setShowHeaderOptions: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  isResizable: boolean;\n}\n\nexport const Cell = ({\n  headerGroup,\n  headerIndex,\n  showHeaderOptions,\n  column,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  setShowHeaderOptions,\n  toggleDataFilterModal,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  isResizable,\n}: CellProps) => {\n  const tableConfig = useTableConfig();\n  const primaryColorShades = tableConfig?.getPrimaryColor?.() || {};\n  const {\n    lastNonStickyColumnIndex,\n    setShowHeaderContextOptions,\n    showHeaderContextOptions,\n    getSumOfNextVisibleColumnWidth,\n    handleUpdateColumnWidth,\n    multiSelectConfig,\n    headerContextOptions,\n    showDataTypeIcon,\n  } = useContext(TableContext);\n\n  const nextWidthSum = column?.sticky ? getSumOfNextVisibleColumnWidth?.(headerIndex) : 0;\n  const lastNonStickyColIndex = lastNonStickyColumnIndex?.();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n\n  const borderClass = cn({\n    'border border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(column.id),\n    'border-b border-b-primary-300': column?.isPrimaryKey,\n    'border-b border-b-purple-300': column?.isCompositeKey,\n  });\n\n  return (\n    <Fragment>\n      <th\n        className={cn(\n          'bg-white dark:bg-black-700',\n          `${column?.sticky ? `sticky left-0 bg-neutral-50 dark:bg-black-700 right-0` : `relative`} h-10 whitespace-normal max-w-lg ${lastNonStickyColIndex === headerIndex ? 'w-full' : ''} h-full gap-1 cursor-pointer`,\n          !column.static && !selectedColumnIds?.includes(column.id) && 'hover:bg-neutral-200 dark:hover:bg-black-700',\n          { 'bg-primary-100 dark:bg-primary-900': selectedColumnIds?.includes(column.id) },\n          borderClass,\n        )}\n        style={{\n          minWidth: `${column.width}px`,\n          maxWidth: `${column.width}px`,\n          right: ` ${column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET}`,\n        }}\n        role='cell'\n        onClick={(e) => multiSelectConfig?.onTableColumnClick?.(e.nativeEvent, column.id)}\n        onContextMenu={(e) => {\n          if (selectedColumnIds?.includes(column.id)) {\n            e.preventDefault();\n            setShowHeaderContextOptions?.(column.key);\n          }\n        }}\n      >\n        <div className='flex w-full px-4 gap-2 h-10 justify-between items-center'>\n          <div className='flex items-center gap-2'>\n            <Prefix {...{ column, isShowSortArrowAsc, isShowSortArrowDesc }} />\n\n            {column?.isCompositeKey\n              ? tableConfig?.renderKeyIcons\n                ? tableConfig.renderKeyIcons('composite')\n                : (\n                    <Tooltip title='Composite Key'>\n                      <span className='flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1'>\n                        <VpnKeyRounded sx={{ fontSize: 14, color: '#BB5DFF' }} />\n                      </span>\n                    </Tooltip>\n                  )\n              : column?.isPrimaryKey\n                ? tableConfig?.renderKeyIcons\n                  ? tableConfig.renderKeyIcons('primary', primaryColorShades?.[400])\n                  : (\n                      <Tooltip title='Primary Key'>\n                        <span className='flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1'>\n                          <VpnKeyRounded sx={{ fontSize: 14, color: primaryColorShades?.[400] || 'var(--color-primary-400)' }} />\n                        </span>\n                      </Tooltip>\n                    )\n                : null}\n\n            <span className='text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap'>{column.render('Header')}</span>\n            {column.isSAP && tableConfig?.renderSapLabel?.()}\n            {column.is_live_field && (\n              <Tooltip title='Live Field'>\n                <span className='flex items-center'>\n                  <BoltOutlined sx={{ fontSize: 14, color: 'var(--color-primary-600)' }} />\n                </span>\n              </Tooltip>\n            )}\n            {!column.static && column?.sortable && onSort && (\n              <button className='flex items-center justify-center h-full'>\n                <KeyboardArrowDown\n                  sx={{ fontSize: 18, color: '#98A2B3', transform: showHeaderOptions === column.key ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (!column.static) toggleHeaderOption(column.key);\n                  }}\n                />\n              </button>\n            )}\n          </div>\n          {!column.static && showHeaderOptions === column.key && (\n            <Options\n              headerIndex={headerIndex}\n              headerGroup={headerGroup}\n              column={column}\n              onSort={onSort}\n              toggleHeaderOption={toggleHeaderOption}\n              setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n              setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n              setShowHeaderOptions={setShowHeaderOptions}\n              toggleDataFilterModal={toggleDataFilterModal}\n              isColumnConfigurable={isColumnConfigurable}\n              onAddColumnClick={onAddColumnClick}\n              onEditColumnClick={onEditColumnClick}\n              onDeleteColumnClick={onDeleteColumnClick}\n              onFilter={onFilter}\n            />\n          )}\n          {showHeaderContextOptions === column.key\n            ? tableConfig?.renderColumnContextOptions?.({\n                onClose: () => setShowHeaderContextOptions?.(null),\n                children: headerContextOptions,\n              }) || (\n                <div className='absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]'>\n                  <div className='flex justify-end p-1 border-b border-neutral-100 dark:border-black-600'>\n                    <button\n                      type='button'\n                      className='text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1'\n                      onClick={() => setShowHeaderContextOptions?.(null)}\n                    >\n                      Close\n                    </button>\n                  </div>\n                  <div className='p-1'>{headerContextOptions}</div>\n                </div>\n              )\n            : null}\n          {showDataTypeIcon && <DataTypeIcon dataType={column?.dataType || 'string'} />}\n        </div>\n        {isResizable ? <Resizer column={column} onResizeComplete={handleUpdateColumnWidth!} /> : null}\n      </th>\n    </Fragment>\n  );\n};\n"],"names":["Cell","headerGroup","headerIndex","showHeaderOptions","column","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","setShowHeaderOptions","toggleDataFilterModal","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","isResizable","tableConfig","useTableConfig","primaryColorShades","lastNonStickyColumnIndex","setShowHeaderContextOptions","showHeaderContextOptions","getSumOfNextVisibleColumnWidth","handleUpdateColumnWidth","multiSelectConfig","headerContextOptions","showDataTypeIcon","useContext","TableContext","nextWidthSum","lastNonStickyColIndex","selectedColumnIds","borderClass","cn","Fragment","jsxs","CELL_DEFAULT_RIGHT_OFFSET","e","jsx","Prefix","Tooltip","VpnKeyRounded","BoltOutlined","KeyboardArrowDown","Options","DataTypeIcon","Resizer"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/data-display/infinite-table/head/cell/index.tsx"],"sourcesContent":["import { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { DataTypeIcon } from '../../../../data-display/datatype-icon/DataTypeIcon';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { BoltOutlined, KeyboardArrowDown, VpnKeyRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { Fragment, useContext } from 'react';\n\nimport { TableContext } from '../../context';\nimport { Options } from './Options';\nimport { Prefix } from './Prefix';\nimport { Resizer } from './Resizer';\nimport { CELL_DEFAULT_RIGHT_OFFSET } from '../../constants';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  sticky?: boolean;\n  static?: boolean;\n  isPrimaryKey?: boolean;\n  isCompositeKey?: boolean;\n  isSAP?: boolean;\n  is_live_field?: boolean;\n  dataType?: string;\n  visible?: boolean;\n  sortable?: boolean\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface CellProps {\n  headerGroup: { getHeaderGroupProps: () => Record<string, unknown>; headers: HeaderColumn[]; [k: string]: unknown };\n  headerIndex: number;\n  showHeaderOptions: string;\n  column: HeaderColumn;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  setShowHeaderOptions: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  isResizable: boolean;\n}\n\nexport const Cell = ({\n  headerGroup,\n  headerIndex,\n  showHeaderOptions,\n  column,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  setShowHeaderOptions,\n  toggleDataFilterModal,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  isResizable,\n}: CellProps) => {\n  const tableConfig = useTableConfig();\n  const primaryColorShades = tableConfig?.getPrimaryColor?.() || {};\n  const {\n    lastNonStickyColumnIndex,\n    setShowHeaderContextOptions,\n    showHeaderContextOptions,\n    getSumOfNextVisibleColumnWidth,\n    handleUpdateColumnWidth,\n    multiSelectConfig,\n    headerContextOptions,\n    showDataTypeIcon,\n  } = useContext(TableContext);\n\n  const nextWidthSum = column?.sticky ? getSumOfNextVisibleColumnWidth?.(headerIndex) : 0;\n  const lastNonStickyColIndex = lastNonStickyColumnIndex?.();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n\n  const borderClass = cn({\n    'border border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(column.id),\n    'border-b border-b-primary-300': column?.isPrimaryKey,\n    'border-b border-b-purple-300': column?.isCompositeKey,\n  });\n\n  return (\n    <Fragment>\n      <th\n        className={cn(\n          'bg-white dark:bg-black-700',\n          `${column?.sticky ? `sticky left-0 bg-neutral-50 dark:bg-black-700 right-0` : `relative`} h-row whitespace-normal max-w-lg ${lastNonStickyColIndex === headerIndex ? 'w-full' : ''} h-full gap-1 cursor-pointer`,\n          !column.static && !selectedColumnIds?.includes(column.id) && 'hover:bg-neutral-200 dark:hover:bg-black-700',\n          { 'bg-primary-100 dark:bg-primary-900': selectedColumnIds?.includes(column.id) },\n          borderClass,\n        )}\n        style={{\n          minWidth: `${column.width}px`,\n          maxWidth: `${column.width}px`,\n          right: ` ${column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET}`,\n        }}\n        role='cell'\n        onClick={(e) => multiSelectConfig?.onTableColumnClick?.(e.nativeEvent, column.id)}\n        onContextMenu={(e) => {\n          if (selectedColumnIds?.includes(column.id)) {\n            e.preventDefault();\n            setShowHeaderContextOptions?.(column.key);\n          }\n        }}\n      >\n        <div className='flex w-full px-4 gap-2 h-row justify-between items-center'>\n          <div className='flex items-center gap-2'>\n            <Prefix {...{ column, isShowSortArrowAsc, isShowSortArrowDesc }} />\n\n            {column?.isCompositeKey\n              ? tableConfig?.renderKeyIcons\n                ? tableConfig.renderKeyIcons('composite')\n                : (\n                    <Tooltip title='Composite Key'>\n                      <span className='flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1'>\n                        <VpnKeyRounded sx={{ fontSize: 14, color: '#BB5DFF' }} />\n                      </span>\n                    </Tooltip>\n                  )\n              : column?.isPrimaryKey\n                ? tableConfig?.renderKeyIcons\n                  ? tableConfig.renderKeyIcons('primary', primaryColorShades?.[400])\n                  : (\n                      <Tooltip title='Primary Key'>\n                        <span className='flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1'>\n                          <VpnKeyRounded sx={{ fontSize: 14, color: primaryColorShades?.[400] || 'var(--color-primary-400)' }} />\n                        </span>\n                      </Tooltip>\n                    )\n                : null}\n\n            <span className='text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap'>{column.render('Header')}</span>\n            {column.isSAP && tableConfig?.renderSapLabel?.()}\n            {column.is_live_field && (\n              <Tooltip title='Live Field'>\n                <span className='flex items-center'>\n                  <BoltOutlined sx={{ fontSize: 14, color: 'var(--color-primary-600)' }} />\n                </span>\n              </Tooltip>\n            )}\n            {!column.static && column?.sortable && onSort && (\n              <button className='flex items-center justify-center h-full'>\n                <KeyboardArrowDown\n                  sx={{ fontSize: 18, color: '#98A2B3', transform: showHeaderOptions === column.key ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (!column.static) toggleHeaderOption(column.key);\n                  }}\n                />\n              </button>\n            )}\n          </div>\n          {!column.static && showHeaderOptions === column.key && (\n            <Options\n              headerIndex={headerIndex}\n              headerGroup={headerGroup}\n              column={column}\n              onSort={onSort}\n              toggleHeaderOption={toggleHeaderOption}\n              setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n              setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n              setShowHeaderOptions={setShowHeaderOptions}\n              toggleDataFilterModal={toggleDataFilterModal}\n              isColumnConfigurable={isColumnConfigurable}\n              onAddColumnClick={onAddColumnClick}\n              onEditColumnClick={onEditColumnClick}\n              onDeleteColumnClick={onDeleteColumnClick}\n              onFilter={onFilter}\n            />\n          )}\n          {showHeaderContextOptions === column.key\n            ? tableConfig?.renderColumnContextOptions?.({\n                onClose: () => setShowHeaderContextOptions?.(null),\n                children: headerContextOptions,\n              }) || (\n                <div className='absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]'>\n                  <div className='flex justify-end p-1 border-b border-neutral-100 dark:border-black-600'>\n                    <button\n                      type='button'\n                      className='text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1'\n                      onClick={() => setShowHeaderContextOptions?.(null)}\n                    >\n                      Close\n                    </button>\n                  </div>\n                  <div className='p-1'>{headerContextOptions}</div>\n                </div>\n              )\n            : null}\n          {showDataTypeIcon && <DataTypeIcon dataType={column?.dataType || 'string'} />}\n        </div>\n        {isResizable ? <Resizer column={column} onResizeComplete={handleUpdateColumnWidth!} /> : null}\n      </th>\n    </Fragment>\n  );\n};\n"],"names":["Cell","headerGroup","headerIndex","showHeaderOptions","column","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","setShowHeaderOptions","toggleDataFilterModal","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","isResizable","tableConfig","useTableConfig","primaryColorShades","lastNonStickyColumnIndex","setShowHeaderContextOptions","showHeaderContextOptions","getSumOfNextVisibleColumnWidth","handleUpdateColumnWidth","multiSelectConfig","headerContextOptions","showDataTypeIcon","useContext","TableContext","nextWidthSum","lastNonStickyColIndex","selectedColumnIds","borderClass","cn","Fragment","jsxs","CELL_DEFAULT_RIGHT_OFFSET","e","jsx","Prefix","Tooltip","VpnKeyRounded","BoltOutlined","KeyboardArrowDown","Options","DataTypeIcon","Resizer"],"mappings":"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"}

package/dist/components/data-display/infinite-table/head/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),R=require("react"),S=require("./CheckAll.cjs.js"),D=require("./cell/index.cjs.js"),M=({headerGroups:c,isCheckbox:r,checkboxConfig:x,isAllChecked:d,showHeaderOptions:h,setShowHeaderOptions:b,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,toggleDataFilterModal:p,rowOptions:v,isColumnConfigurable:N,onAddColumnClick:w,onEditColumnClick:o,onDeleteColumnClick:y,tableActions:t,isResizable:z,isLoading:q,rowAdditionalActions:s,showPendingEditsColumn:i})=>e.jsx("thead",{className:"text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b",children:c.map((a,H)=>R.createElement("tr",{...a.getHeaderGroupProps(),key:H,className:"h-10"},i&&e.jsx("th",{className:"sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]",children:e.jsx("div",{className:"w-full h-10"})}),r&&e.jsx("div",{className:`sticky ${i?"left-[28px]":"left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`,children:e.jsx("th",{className:"px-2.5 min-w-[40px]",children:e.jsx(S.CheckAll,{isDisabled:q,checkboxConfig:x,isAllChecked:d})})}),t&&e.jsxs("th",{className:"px-2.5 relative",children:[e.jsx("div",{className:"absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0"}),e.jsx("div",{children:t()})]}),a.headers.filter(l=>l?.visible!==!1).map((l,C)=>e.jsx(D.Cell,{headerGroup:a,headerIndex:C,showHeaderOptions:h,column:l,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,setShowHeaderOptions:b,toggleDataFilterModal:p,isColumnConfigurable:N,onAddColumnClick:w,onEditColumnClick:o,onDeleteColumnClick:y,isResizable:z},l.id)),(v||s)&&e.jsx("th",{className:"h-10 whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700",children:e.jsxs("div",{className:"flex",children:[s&&e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute w-full h-full top-0 left-0"}),e.jsx("div",{children:s()})]}),e.jsx("div",{className:"w-12"})]})})))});exports.Head=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),R=require("react"),S=require("./CheckAll.cjs.js"),D=require("./cell/index.cjs.js"),M=({headerGroups:r,isCheckbox:c,checkboxConfig:x,isAllChecked:d,showHeaderOptions:h,setShowHeaderOptions:b,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,toggleDataFilterModal:p,rowOptions:w,isColumnConfigurable:o,onAddColumnClick:v,onEditColumnClick:N,onDeleteColumnClick:y,tableActions:t,isResizable:z,isLoading:q,rowAdditionalActions:s,showPendingEditsColumn:i})=>e.jsx("thead",{className:"text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b",children:r.map((a,H)=>R.createElement("tr",{...a.getHeaderGroupProps(),key:H,className:"h-row"},i&&e.jsx("th",{className:"sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]",children:e.jsx("div",{className:"w-full h-row"})}),c&&e.jsx("div",{className:`sticky ${i?"left-[28px]":"left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`,children:e.jsx("th",{className:"px-2.5 min-w-[40px]",children:e.jsx(S.CheckAll,{isDisabled:q,checkboxConfig:x,isAllChecked:d})})}),t&&e.jsxs("th",{className:"px-2.5 relative",children:[e.jsx("div",{className:"absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0"}),e.jsx("div",{children:t()})]}),a.headers.filter(l=>l?.visible!==!1).map((l,C)=>e.jsx(D.Cell,{headerGroup:a,headerIndex:C,showHeaderOptions:h,column:l,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,setShowHeaderOptions:b,toggleDataFilterModal:p,isColumnConfigurable:o,onAddColumnClick:v,onEditColumnClick:N,onDeleteColumnClick:y,isResizable:z},l.id)),(w||s)&&e.jsx("th",{className:"h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700",children:e.jsxs("div",{className:"flex",children:[s&&e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute w-full h-full top-0 left-0"}),e.jsx("div",{children:s()})]}),e.jsx("div",{className:"w-12"})]})})))});exports.Head=M;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/data-display/infinite-table/head/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../src/components/data-display/infinite-table/head/index.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckAll } from './CheckAll';\nimport { Cell } from './cell';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  visible?: boolean;\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface HeaderGroup {\n  getHeaderGroupProps: () => Record<string, unknown>;\n  headers: HeaderColumn[];\n  [key: string]: unknown;\n}\n\ntype TProps = {\n  headerGroups: HeaderGroup[];\n  isCheckbox: boolean;\n  checkboxConfig: Record<string, unknown> | null;\n  isAllChecked: boolean;\n  showHeaderOptions: string;\n  setShowHeaderOptions: (value: string | null) => void;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  rowOptions: unknown[];\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  tableActions: (() => React.ReactNode) | null;\n  isResizable: boolean;\n  isLoading?: boolean;\n  rowAdditionalActions: (() => React.ReactNode) | null;\n  showPendingEditsColumn?: boolean;\n};\n\nexport const Head = ({\n  headerGroups,\n  isCheckbox,\n  checkboxConfig,\n  isAllChecked,\n  showHeaderOptions,\n  setShowHeaderOptions,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  toggleDataFilterModal,\n  rowOptions,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  tableActions,\n  isResizable,\n  isLoading,\n  rowAdditionalActions,\n  showPendingEditsColumn,\n}: TProps) => {\n  return (\n    <thead className='text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b'>\n      {headerGroups.map((headerGroup, index) => (\n        <tr {...headerGroup.getHeaderGroupProps()} key={index} className='h-10'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-10' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='px-2.5 min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-10 whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":"wMA+CaA,EAAO,CAAC,CACnB,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,YAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,uBAAAC,CACF,IAEIC,EAAAA,IAAC,QAAA,CAAM,UAAU,yIACd,SAAAxB,EAAa,IAAI,CAACyB,EAAaC,IAC9BC,EAAAA,cAAC,KAAA,CAAI,GAAGF,EAAY,sBAAuB,IAAKC,EAAO,UAAU,MAAA,EAC9DH,GACCC,EAAAA,IAAC,KAAA,CAAG,UAAU,sEACZ,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,aAAA,CAAc,EAC/B,EAEDvB,GACCuB,EAAAA,IAAC,MAAA,CAAI,UAAW,UAAUD,EAAyB,cAAgB,QAAQ,6DACzE,SAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,sBACZ,eAACI,EAAAA,SAAA,CAAS,WAAYP,EAAW,eAAAnB,EAA4I,aAAAC,CAAA,CAA4B,CAAA,CAC3M,CAAA,CACF,EAEDgB,GACCU,EAAAA,KAAC,KAAA,CAAG,UAAU,kBACZ,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,gEAAA,CAAiE,EAChFA,EAAAA,IAAC,MAAA,CAAK,SAAAL,EAAA,CAAa,CAAE,CAAA,CAAA,CACvB,EAEDM,EAAY,QACV,OAAQK,GAAyBA,GAAQ,UAAY,EAAK,EAC1D,IAAI,CAACC,EAAsBC,IAC1BR,EAAAA,IAACS,EAAAA,KAAA,CAEC,YAAAR,EACA,YAAAO,EACA,kBAAA5B,EACA,OAAA2B,EACA,mBAAAzB,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,qBAAAP,EACA,sBAAAQ,EACA,qBAAAE,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,YAAAE,CAAA,EAlBKW,EAAO,EAAA,CAoBf,GACDjB,GAAcQ,IACdE,EAAAA,IAAC,KAAA,CAAG,UAAU,sFACZ,SAAAK,EAAAA,KAAC,MAAA,CAAI,UAAU,OACZ,SAAA,CAAAP,GACCO,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,EACrDA,EAAAA,IAAC,MAAA,CAAK,SAAAF,EAAA,CAAqB,CAAE,CAAA,EAC/B,EAEFE,EAAAA,IAAC,MAAA,CAAI,UAAU,MAAA,CAAO,CAAA,EACxB,CAAA,CACF,CAEJ,CACD,EACH"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../../src/components/data-display/infinite-table/head/index.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckAll } from './CheckAll';\nimport { Cell } from './cell';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  visible?: boolean;\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface HeaderGroup {\n  getHeaderGroupProps: () => Record<string, unknown>;\n  headers: HeaderColumn[];\n  [key: string]: unknown;\n}\n\ntype TProps = {\n  headerGroups: HeaderGroup[];\n  isCheckbox: boolean;\n  checkboxConfig: Record<string, unknown> | null;\n  isAllChecked: boolean;\n  showHeaderOptions: string;\n  setShowHeaderOptions: (value: string | null) => void;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  rowOptions: unknown[];\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  tableActions: (() => React.ReactNode) | null;\n  isResizable: boolean;\n  isLoading?: boolean;\n  rowAdditionalActions: (() => React.ReactNode) | null;\n  showPendingEditsColumn?: boolean;\n};\n\nexport const Head = ({\n  headerGroups,\n  isCheckbox,\n  checkboxConfig,\n  isAllChecked,\n  showHeaderOptions,\n  setShowHeaderOptions,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  toggleDataFilterModal,\n  rowOptions,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  tableActions,\n  isResizable,\n  isLoading,\n  rowAdditionalActions,\n  showPendingEditsColumn,\n}: TProps) => {\n  return (\n    <thead className='text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b'>\n      {headerGroups.map((headerGroup, index) => (\n        <tr {...headerGroup.getHeaderGroupProps()} key={index} className='h-row'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-row' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='px-2.5 min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":"wMA+CaA,EAAO,CAAC,CACnB,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,YAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,uBAAAC,CACF,IAEIC,EAAAA,IAAC,QAAA,CAAM,UAAU,yIACd,SAAAxB,EAAa,IAAI,CAACyB,EAAaC,IAC9BC,EAAAA,cAAC,KAAA,CAAI,GAAGF,EAAY,sBAAuB,IAAKC,EAAO,UAAU,OAAA,EAC9DH,GACCC,EAAAA,IAAC,KAAA,CAAG,UAAU,sEACZ,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,cAAA,CAAe,EAChC,EAEDvB,GACCuB,EAAAA,IAAC,MAAA,CAAI,UAAW,UAAUD,EAAyB,cAAgB,QAAQ,6DACzE,SAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,sBACZ,eAACI,EAAAA,SAAA,CAAS,WAAYP,EAAW,eAAAnB,EAA4I,aAAAC,CAAA,CAA4B,CAAA,CAC3M,CAAA,CACF,EAEDgB,GACCU,EAAAA,KAAC,KAAA,CAAG,UAAU,kBACZ,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,gEAAA,CAAiE,EAChFA,EAAAA,IAAC,MAAA,CAAK,SAAAL,EAAA,CAAa,CAAE,CAAA,CAAA,CACvB,EAEDM,EAAY,QACV,OAAQK,GAAyBA,GAAQ,UAAY,EAAK,EAC1D,IAAI,CAACC,EAAsBC,IAC1BR,EAAAA,IAACS,EAAAA,KAAA,CAEC,YAAAR,EACA,YAAAO,EACA,kBAAA5B,EACA,OAAA2B,EACA,mBAAAzB,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,qBAAAP,EACA,sBAAAQ,EACA,qBAAAE,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,YAAAE,CAAA,EAlBKW,EAAO,EAAA,CAoBf,GACDjB,GAAcQ,IACdE,EAAAA,IAAC,KAAA,CAAG,UAAU,uFACZ,SAAAK,EAAAA,KAAC,MAAA,CAAI,UAAU,OACZ,SAAA,CAAAP,GACCO,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,EACrDA,EAAAA,IAAC,MAAA,CAAK,SAAAF,EAAA,CAAqB,CAAE,CAAA,EAC/B,EAEFE,EAAAA,IAAC,MAAA,CAAI,UAAU,MAAA,CAAO,CAAA,EACxB,CAAA,CACF,CAEJ,CACD,EACH"}

package/dist/components/data-display/infinite-table/head/index.es.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { createElement as q } from "react";
 import { CheckAll as B } from "./CheckAll.es.js";
 import { Cell as E } from "./cell/index.es.js";
@@ -11,25 +11,25 @@ const L = ({
   setShowHeaderOptions: f,
   isShowSortArrowAsc: k,
   isShowSortArrowDesc: p,
-  onSort: x,
-  onFilter: n,
-  toggleHeaderOption: N,
-  setIsShowSortArrowAsc: g,
-  setIsShowSortArrowDesc: v,
-  toggleDataFilterModal: o,
-  rowOptions: w,
+  onSort: o,
+  onFilter: w,
+  toggleHeaderOption: x,
+  setIsShowSortArrowAsc: n,
+  setIsShowSortArrowDesc: N,
+  toggleDataFilterModal: g,
+  rowOptions: v,
   isColumnConfigurable: u,
   onAddColumnClick: y,
   onEditColumnClick: z,
   onDeleteColumnClick: j,
-  tableActions: s,
+  tableActions: i,
   isResizable: H,
   isLoading: C,
   rowAdditionalActions: a,
-  showPendingEditsColumn: r
-}) => /* @__PURE__ */ e("thead", { className: "text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b", children: c.map((t, D) => /* @__PURE__ */ q("tr", { ...t.getHeaderGroupProps(), key: D, className: "h-10" }, r && /* @__PURE__ */ e("th", { className: "sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]", children: /* @__PURE__ */ e("div", { className: "w-full h-10" }) }), m && /* @__PURE__ */ e("div", { className: `sticky ${r ? "left-[28px]" : "left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`, children: /* @__PURE__ */ e("th", { className: "px-2.5 min-w-[40px]", children: /* @__PURE__ */ e(B, { isDisabled: C, checkboxConfig: h, isAllChecked: d }) }) }), s && /* @__PURE__ */ i("th", { className: "px-2.5 relative", children: [
+  showPendingEditsColumn: s
+}) => /* @__PURE__ */ e("thead", { className: "text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b", children: c.map((t, D) => /* @__PURE__ */ q("tr", { ...t.getHeaderGroupProps(), key: D, className: "h-row" }, s && /* @__PURE__ */ e("th", { className: "sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]", children: /* @__PURE__ */ e("div", { className: "w-full h-row" }) }), m && /* @__PURE__ */ e("div", { className: `sticky ${s ? "left-[28px]" : "left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`, children: /* @__PURE__ */ e("th", { className: "px-2.5 min-w-[40px]", children: /* @__PURE__ */ e(B, { isDisabled: C, checkboxConfig: h, isAllChecked: d }) }) }), i && /* @__PURE__ */ r("th", { className: "px-2.5 relative", children: [
   /* @__PURE__ */ e("div", { className: "absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0" }),
-  /* @__PURE__ */ e("div", { children: s() })
+  /* @__PURE__ */ e("div", { children: i() })
 ] }), t.headers.filter((l) => l?.visible !== !1).map((l, $) => /* @__PURE__ */ e(
   E,
   {
@@ -39,13 +39,13 @@ const L = ({
     column: l,
     isShowSortArrowAsc: k,
     isShowSortArrowDesc: p,
-    onSort: x,
-    onFilter: n,
-    toggleHeaderOption: N,
-    setIsShowSortArrowAsc: g,
-    setIsShowSortArrowDesc: v,
+    onSort: o,
+    onFilter: w,
+    toggleHeaderOption: x,
+    setIsShowSortArrowAsc: n,
+    setIsShowSortArrowDesc: N,
     setShowHeaderOptions: f,
-    toggleDataFilterModal: o,
+    toggleDataFilterModal: g,
     isColumnConfigurable: u,
     onAddColumnClick: y,
     onEditColumnClick: z,
@@ -53,8 +53,8 @@ const L = ({
     isResizable: H
   },
   l.id
-)), (w || a) && /* @__PURE__ */ e("th", { className: "h-10 whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700", children: /* @__PURE__ */ i("div", { className: "flex", children: [
-  a && /* @__PURE__ */ i("div", { className: "relative", children: [
+)), (v || a) && /* @__PURE__ */ e("th", { className: "h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700", children: /* @__PURE__ */ r("div", { className: "flex", children: [
+  a && /* @__PURE__ */ r("div", { className: "relative", children: [
     /* @__PURE__ */ e("div", { className: "absolute w-full h-full top-0 left-0" }),
     /* @__PURE__ */ e("div", { children: a() })
   ] }),

package/dist/components/data-display/infinite-table/head/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/data-display/infinite-table/head/index.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckAll } from './CheckAll';\nimport { Cell } from './cell';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  visible?: boolean;\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface HeaderGroup {\n  getHeaderGroupProps: () => Record<string, unknown>;\n  headers: HeaderColumn[];\n  [key: string]: unknown;\n}\n\ntype TProps = {\n  headerGroups: HeaderGroup[];\n  isCheckbox: boolean;\n  checkboxConfig: Record<string, unknown> | null;\n  isAllChecked: boolean;\n  showHeaderOptions: string;\n  setShowHeaderOptions: (value: string | null) => void;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  rowOptions: unknown[];\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  tableActions: (() => React.ReactNode) | null;\n  isResizable: boolean;\n  isLoading?: boolean;\n  rowAdditionalActions: (() => React.ReactNode) | null;\n  showPendingEditsColumn?: boolean;\n};\n\nexport const Head = ({\n  headerGroups,\n  isCheckbox,\n  checkboxConfig,\n  isAllChecked,\n  showHeaderOptions,\n  setShowHeaderOptions,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  toggleDataFilterModal,\n  rowOptions,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  tableActions,\n  isResizable,\n  isLoading,\n  rowAdditionalActions,\n  showPendingEditsColumn,\n}: TProps) => {\n  return (\n    <thead className='text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b'>\n      {headerGroups.map((headerGroup, index) => (\n        <tr {...headerGroup.getHeaderGroupProps()} key={index} className='h-10'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-10' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='px-2.5 min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-10 whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":";;;;AA+CO,MAAMA,IAAO,CAAC;AAAA,EACnB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,wBAAAC;AACF,MAEI,gBAAAC,EAAC,SAAA,EAAM,WAAU,0IACd,UAAAxB,EAAa,IAAI,CAACyB,GAAaC,MAC9B,gBAAAC,EAAC,MAAA,EAAI,GAAGF,EAAY,uBAAuB,KAAKC,GAAO,WAAU,OAAA,GAC9DH,KACC,gBAAAC,EAAC,MAAA,EAAG,WAAU,uEACZ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,cAAA,CAAc,GAC/B,GAEDvB,KACC,gBAAAuB,EAAC,OAAA,EAAI,WAAW,UAAUD,IAAyB,gBAAgB,QAAQ,8DACzE,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,uBACZ,4BAACI,GAAA,EAAS,YAAYP,GAAW,gBAAAnB,GAA4I,cAAAC,EAAA,CAA4B,EAAA,CAC3M,EAAA,CACF,GAEDgB,KACC,gBAAAU,EAAC,MAAA,EAAG,WAAU,mBACZ,UAAA;AAAA,EAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,EAChF,gBAAAA,EAAC,OAAA,EAAK,UAAAL,EAAA,EAAa,CAAE;AAAA,EAAA,CACvB,GAEDM,EAAY,QACV,OAAO,CAACK,MAAyBA,GAAQ,YAAY,EAAK,EAC1D,IAAI,CAACC,GAAsBC,MAC1B,gBAAAR;AAAA,EAACS;AAAA,EAAA;AAAA,IAEC,aAAAR;AAAA,IACA,aAAAO;AAAA,IACA,mBAAA5B;AAAA,IACA,QAAA2B;AAAA,IACA,oBAAAzB;AAAA,IACA,qBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,sBAAAP;AAAA,IACA,uBAAAQ;AAAA,IACA,sBAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAE;AAAA,EAAA;AAAA,EAlBKW,EAAO;AAAA,CAoBf,IACDjB,KAAcQ,MACd,gBAAAE,EAAC,MAAA,EAAG,WAAU,uFACZ,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,QACZ,UAAA;AAAA,EAAAP,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,IAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IACrD,gBAAAA,EAAC,OAAA,EAAK,UAAAF,EAAA,EAAqB,CAAE;AAAA,EAAA,GAC/B;AAAA,EAEF,gBAAAE,EAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,GACxB,EAAA,CACF,CAEJ,CACD,GACH;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/data-display/infinite-table/head/index.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckAll } from './CheckAll';\nimport { Cell } from './cell';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  visible?: boolean;\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface HeaderGroup {\n  getHeaderGroupProps: () => Record<string, unknown>;\n  headers: HeaderColumn[];\n  [key: string]: unknown;\n}\n\ntype TProps = {\n  headerGroups: HeaderGroup[];\n  isCheckbox: boolean;\n  checkboxConfig: Record<string, unknown> | null;\n  isAllChecked: boolean;\n  showHeaderOptions: string;\n  setShowHeaderOptions: (value: string | null) => void;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  rowOptions: unknown[];\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  tableActions: (() => React.ReactNode) | null;\n  isResizable: boolean;\n  isLoading?: boolean;\n  rowAdditionalActions: (() => React.ReactNode) | null;\n  showPendingEditsColumn?: boolean;\n};\n\nexport const Head = ({\n  headerGroups,\n  isCheckbox,\n  checkboxConfig,\n  isAllChecked,\n  showHeaderOptions,\n  setShowHeaderOptions,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  toggleDataFilterModal,\n  rowOptions,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  tableActions,\n  isResizable,\n  isLoading,\n  rowAdditionalActions,\n  showPendingEditsColumn,\n}: TProps) => {\n  return (\n    <thead className='text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b'>\n      {headerGroups.map((headerGroup, index) => (\n        <tr {...headerGroup.getHeaderGroupProps()} key={index} className='h-row'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-row' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='px-2.5 min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-row whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":";;;;AA+CO,MAAMA,IAAO,CAAC;AAAA,EACnB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,wBAAAC;AACF,MAEI,gBAAAC,EAAC,SAAA,EAAM,WAAU,0IACd,UAAAxB,EAAa,IAAI,CAACyB,GAAaC,MAC9B,gBAAAC,EAAC,MAAA,EAAI,GAAGF,EAAY,uBAAuB,KAAKC,GAAO,WAAU,QAAA,GAC9DH,KACC,gBAAAC,EAAC,MAAA,EAAG,WAAU,uEACZ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,eAAA,CAAe,GAChC,GAEDvB,KACC,gBAAAuB,EAAC,OAAA,EAAI,WAAW,UAAUD,IAAyB,gBAAgB,QAAQ,8DACzE,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,uBACZ,4BAACI,GAAA,EAAS,YAAYP,GAAW,gBAAAnB,GAA4I,cAAAC,EAAA,CAA4B,EAAA,CAC3M,EAAA,CACF,GAEDgB,KACC,gBAAAU,EAAC,MAAA,EAAG,WAAU,mBACZ,UAAA;AAAA,EAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,EAChF,gBAAAA,EAAC,OAAA,EAAK,UAAAL,EAAA,EAAa,CAAE;AAAA,EAAA,CACvB,GAEDM,EAAY,QACV,OAAO,CAACK,MAAyBA,GAAQ,YAAY,EAAK,EAC1D,IAAI,CAACC,GAAsBC,MAC1B,gBAAAR;AAAA,EAACS;AAAA,EAAA;AAAA,IAEC,aAAAR;AAAA,IACA,aAAAO;AAAA,IACA,mBAAA5B;AAAA,IACA,QAAA2B;AAAA,IACA,oBAAAzB;AAAA,IACA,qBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,sBAAAP;AAAA,IACA,uBAAAQ;AAAA,IACA,sBAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAE;AAAA,EAAA;AAAA,EAlBKW,EAAO;AAAA,CAoBf,IACDjB,KAAcQ,MACd,gBAAAE,EAAC,MAAA,EAAG,WAAU,wFACZ,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,QACZ,UAAA;AAAA,EAAAP,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,IAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IACrD,gBAAAA,EAAC,OAAA,EAAK,UAAAF,EAAA,EAAqB,CAAE;AAAA,EAAA,GAC/B;AAAA,EAEF,gBAAAE,EAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,GACxB,EAAA,CACF,CAEJ,CACD,GACH;"}