@lax-wp/design-system 0.13.33 → 0.13.35

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-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"}
+{"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 px-2.5 w-full h-row z-20 flex items-center justify-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,qGACZ,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

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useKeyboardShortcut as c } from "react-keyshorts";
-const s = ({ checkboxConfig: e, isAllChecked: t, isDisabled: l }) => (c({
+import { useKeyboardShortcut as l } from "react-keyshorts";
+const s = ({ checkboxConfig: e, isAllChecked: t, isDisabled: c }) => (l({
   key: "a",
   callback: () => {
     if (e.onAllItemsCheck) {
@@ -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-row z-20 flex items-center bg-neutral-50 dark:bg-black-700", children: e.onAllItemsCheck && /* @__PURE__ */ a(
+}), /* @__PURE__ */ a("div", { className: "absolute px-2.5 w-full h-row z-20 flex items-center justify-center bg-neutral-50 dark:bg-black-700", children: e.onAllItemsCheck && /* @__PURE__ */ a(
   "input",
   {
     id: "checkbox-all-search",
@@ -26,7 +26,7 @@ const s = ({ checkboxConfig: e, isAllChecked: t, isDisabled: l }) => (c({
     ref: (r) => {
       r && (r.indeterminate = e.checkedIds.length > 0 && !t);
     },
-    disabled: l
+    disabled: c
   }
 ) }));
 export {

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-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;"}
+{"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 px-2.5 w-full h-row z-20 flex items-center justify-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,sGACZ,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/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: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;
+"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:d,isAllChecked:h,showHeaderOptions:x,setShowHeaderOptions:b,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,toggleDataFilterModal:w,rowOptions:o,isColumnConfigurable:p,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:"min-w-[40px]",children:e.jsx(S.CheckAll,{isDisabled:q,checkboxConfig:d,isAllChecked:h})})}),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:x,column:l,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,setShowHeaderOptions:b,toggleDataFilterModal:w,isColumnConfigurable:p,onAddColumnClick:v,onEditColumnClick:N,onDeleteColumnClick:y,isResizable:z},l.id)),(o||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-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"}
+{"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='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,eACZ,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

@@ -13,8 +13,8 @@ const L = ({
   isShowSortArrowDesc: p,
   onSort: o,
   onFilter: w,
-  toggleHeaderOption: x,
-  setIsShowSortArrowAsc: n,
+  toggleHeaderOption: n,
+  setIsShowSortArrowAsc: x,
   setIsShowSortArrowDesc: N,
   toggleDataFilterModal: g,
   rowOptions: v,
@@ -27,7 +27,7 @@ const L = ({
   isLoading: C,
   rowAdditionalActions: a,
   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("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: "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: i() })
 ] }), t.headers.filter((l) => l?.visible !== !1).map((l, $) => /* @__PURE__ */ e(
@@ -41,8 +41,8 @@ const L = ({
     isShowSortArrowDesc: p,
     onSort: o,
     onFilter: w,
-    toggleHeaderOption: x,
-    setIsShowSortArrowAsc: n,
+    toggleHeaderOption: n,
+    setIsShowSortArrowAsc: x,
     setIsShowSortArrowDesc: N,
     setShowHeaderOptions: f,
     toggleDataFilterModal: g,

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-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;"}
+{"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='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,gBACZ,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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),xs=require("../../../hooks/useCheckbox.cjs.js"),Ss=require("../../../providers/design-system-provider/hooks.cjs.js"),Nt=require("../../../utils/table.cjs.js"),Rt=require("../../button/Button.cjs.js"),bs=require("../../floating-bar/FloatingBar.cjs.js"),be=require("../typography/Typography.cjs.js"),N=require("@dnd-kit/core"),l=require("react"),ps=require("react-virtualized-auto-sizer"),ws=require("react-dom"),At=require("react-table"),Fs=require("./body/index.cjs.js"),Dt=require("./validateCell.cjs.js"),Ts=require("./body/rows/row.cjs.js"),Os=require("./context.cjs.js"),js=require("./CurrencyDropdownPortal.cjs.js"),ys=require("./head/index.cjs.js"),Es=require("./PendingEditsFloatingBar.cjs.js"),h=require("./constants.cjs.js"),ks=require("../empty-state/NoDataFoundWidgets.cjs.js"),Ns=require("../empty-state/NoDataFound.cjs.js"),Rs=require("../../icon/icons.generated.cjs.js"),As=ps.AutoSizer,_t="Create Column",Ds=(_,T)=>`button-admin-${_.toLowerCase().trim().replace(/\s+/g,"-").replace(/[^a-z0-9-_]/g,"")||T}`,_s=l.memo(({tableKey:_,searchConfig:T={search:"",handleSearch:()=>null,allowAStarSearch:!1},filterConfig:a={columnFilters:[],onFilter:()=>null,onRemoveFilter:()=>null,onClearFilter:()=>null,onResetFilter:()=>Promise.resolve({}),asyncRowOptionsFilter:()=>Promise.resolve({})},sortConfig:m={onSort:()=>null,columnSort:{field:"",order:""},onRemoveSort:()=>null},headerConfig:u={showExportButton:null,showFilters:!0,showSorts:!0,showSearch:!0,showTableView:!0,showTableViewAsModal:!1,content:null,postContent:null,preContent:null,isLoading:!1,showDivider:!1},hoverConfig:Mt=null,columns:j,modelName:J,enableMasterDataEnumSuggestions:G=!1,agreementCategoryId:X,agreementDomainId:Y,agreementId:Z,modificationId:Q,lineItemRowId:K,enumSuggestionsData:ee,data:f=[],onRowClick:Lt,showHeader:pe,tableActions:qe,rowOptions:C,hideRowOptionWidth:We,checkboxUtilities:M,isLoading:te=!1,onScroll:It,onScrolling:gt,isColumnConfigurable:le,onAddColumnClick:se,emptyMessage:$e,noDataWidget:ze,buttons:He,onEditColumnClick:Ue,onDeleteColumnClick:Je,onRowTooltipClick:Bt,tooltiptext:Vt,cascadingTableConfig:Pt,originalsOnly:Ct,disableOptionsForRowIndex:qt,tableHeightClass:re="h-[calc(100vh-220px)]",getFullRowDataOnClick:Wt,selectedRowId:$t=null,onRowEdit:R,onBulkRowEdit:L,inlineEditColumns:zt,isResizable:Ht=!0,paginationConfig:ne,dndSortableUtils:ae,multipleContexts:Ge,withSortable:we,withDraggable:Ut,enableRootDrag:Jt,pageSize:Gt=h.DEFAULT_PAGE_SIZE,onCascadingRowExpand:Xt,totalItems:Xe,showRecordCount:Fe=!1,getInnerRowData:Yt,maxLevel:Zt,expandedRows:Qt={},setExpandedRows:Kt,showNewItem:el,rawData:Ye,dragConfig:tl,isOverlayLoading:ll,style:sl={},floatingBarConfig:Te,rowWrapper:rl,rowLinkConfig:nl,isCellClickDisabled:al,setHeaderOnParent:Oe,optimizeTable:cl=!1,multiSelectConfig:ol,headerContextOptions:il,showHeaderContextOptions:ul,setShowHeaderContextOptions:dl,showDataTypeIcon:hl=!1,rowAdditionalActions:ce,rowAdditionalActionsWidth:je,setVisibleHeaders:ye,cellEditing:ml=null,cellEditingValue:fl=null,allowInlineEdit:vl=!1,onFieldOperationFlow:xl,fieldOperationLoading:I=null,onTableActionsReady:Ee,onPendingEditsChange:Ze,onCancelPendingEdits:g})=>{const o=Ss.useTableConfig(),Sl=!!T?.search,Qe=a?.columnFilters?.length>0,q=Sl||Qe,bl=!!M,O=o?.getTableView?.(_)??null,[w,W]=l.useState(O||null),[ke,Ne]=l.useState(!1),[Re,Ke]=l.useState(!1),[pl,et]=l.useState(null),[S,Ae]=l.useState(j),tt=(f.length===0||!S.length)&&!te,[lt,oe]=l.useState(null),[wl,Fl]=l.useState(!1),[Tl,Ol]=l.useState(null),[jl,yl]=l.useState(!1),[El,ie]=l.useState(null),[kl,ue]=l.useState(null),[Nl,st]=l.useState({}),[$,De]=l.useState(null),[Rl,rt]=l.useState(!1),[y,Al]=l.useState(0),_e=l.useRef(null),Me=l.useRef(null),[nt,Dl]=l.useState({width:0,height:0}),[_l,B]=l.useState(null),[E,at]=l.useState(null),[Ml,ct]=l.useState(null),[ot,it]=l.useState(null),[Le,z]=l.useState({}),Ie=l.useRef(!1),de=l.useRef(!1),ge=l.useRef(w);ge.current=w;const ut=l.useRef(o);ut.current=o;const dt=l.useRef(j);dt.current=j;const he=l.useRef(a);he.current=a;const ht=l.useRef(null),mt=l.useRef(()=>({})),ft=l.useRef(()=>({})),[d,k]=l.useState({}),Be=l.useCallback((e,t,r)=>{k(n=>{const c=n[e]?.[t];let i=r.validationError;if(i===void 0){const b=S.find(v=>v.key===t);if(b){const v=Dt.validateCellValue(r.value,b);i=v.isValid?null:v.error||"Invalid"}else i=c?.validationError??null}return{...n,[e]:{...n[e]||{},[t]:{...r,validationError:i??null}}}})},[S]),vt=l.useCallback(()=>Object.values(d).some(e=>Object.keys(e).length>0),[d]);l.useEffect(()=>{Ee&&Ee({addPendingEdit:Be,hasPendingEdits:vt})},[Ee,Be,vt]);const Ll=l.useCallback((e,t)=>{k(r=>{const n={...r};if(n[e]){const{[t]:c,...i}=n[e];Object.keys(i).length===0?delete n[e]:n[e]=i}return n})},[]),Il=l.useCallback((e,t)=>d[e]?.[t],[d]),gl=l.useCallback((e,t)=>!!d[e]?.[t],[d]),xt=l.useCallback(()=>{I||(g&&Object.keys(d).length>0&&g(d),k({}),z({}),B(null))},[I,g,d]),V=l.useCallback((e,t,r)=>{setTimeout(()=>{o?.dispatchEvent?.("SCROLL_TO_TABLE_ROW",{rowIndex:r});const n=S.findIndex(c=>c.key===t);setTimeout(()=>{const c=document.querySelector(`[${h.DATA_ROW_ID_ATTR}="${e}"] [${h.DATA_COLUMN_KEY_ATTR}="${t}"]`);if(c)c.scrollIntoView({behavior:"smooth",block:"center",inline:"center"});else if(n>0){const i=document.querySelector(h.OS_VIEWPORT_SELECTOR);if(i){let b=0;for(let v=0;v<n;v++){const F=S[v];F?.sticky||(b+=F?.width||h.SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK)}b=Math.max(0,b-h.SCROLL_TO_CELL_LEFT_OFFSET),i.scrollTo({left:b,behavior:"smooth"})}}B({rowId:e,columnKey:t})},350)},100)},[S,o]),H=l.useCallback(e=>{let t=!1,r=null;const n={},c=new Set;return Object.entries(e).forEach(([i,b])=>{n[i]={},Object.entries(b).forEach(([v,F])=>{const D=S.find(p=>p.key===v),x=Dt.validateCellValue(F.value,D);x.isValid?n[i][v]={...F,validationError:null}:(t=!0,x.error&&c.add(x.error),r||(r={rowId:i,columnKey:v}),n[i][v]={...F,validationError:x.error})})}),{hasErrors:t,updatedEdits:n,firstError:r,errorTypes:c}},[S]),me=l.useCallback(e=>{const t=e.has("Field required"),r=e.size>(t?1:0);return t&&r?"Missing required field(s) and invalid format detected. Please review highlighted field(s).":t?"Missing required field(s). Please review highlighted field(s).":"Invalid field value(s). Please review highlighted field(s)."},[]),St=l.useCallback(()=>{const{hasErrors:e,updatedEdits:t,firstError:r,errorTypes:n}=H(d);if(e){if(k(t),o?.showNotification?.("error",me(n)),r){const i=f.findIndex(b=>b.id===r.rowId);V(r.rowId,r.columnKey,i)}return}const c=[];Object.entries(d).forEach(([i,b])=>{const v=f.find(F=>F.id===i);if(v){const F={...v},D={};Object.entries(b).forEach(([x,p])=>{F[x]=p.value,D[x]={value:p.value,meta:p.meta}}),c.push({...F,__editedFields:D})}}),c.length>0&&(L?L(c):R&&R(null,null,null,null,null,{isBulk:!0,rows:c})),k({}),z({}),B(null)},[d,f,R,L,H,me,V,o]),Bl=l.useCallback(e=>{if(I)return;const t=d[e];t&&g&&g({[e]:t}),k(r=>{const n={...r};return delete n[e],n}),z(r=>{const n={...r};return Object.keys(n).forEach(c=>{c.startsWith(`${e}-`)&&delete n[c]}),n}),B(null)},[I,g,d]),Vl=l.useCallback(e=>{const t=d[e];if(!t||Object.keys(t).length===0)return;const{hasErrors:r,updatedEdits:n,firstError:c,errorTypes:i}=H({[e]:t});if(r){if(k(x=>({...x,[e]:n[e]})),o?.showNotification?.("error",me(i)),c){const x=f.findIndex(p=>p.id===c.rowId);V(c.rowId,c.columnKey,x)}return}const b=f.find(x=>x.id===e);if(!b)return;const v={...b},F={};Object.entries(t).forEach(([x,p])=>{v[x]=p.value,F[x]={value:p.value,meta:p.meta}});const D={...v,__editedFields:F};L?L([D]):R&&R(null,null,null,null,null,{isBulk:!0,rows:[D]}),k(x=>{const p={...x};return delete p[e],p}),z(x=>{const p={...x};return Object.keys(p).forEach(kt=>{kt.startsWith(`${e}-`)&&delete p[kt]}),p}),B(null)},[d,f,R,L,H,me,V,o]),P=l.useMemo(()=>Object.values(d).reduce((e,t)=>e+Object.keys(t).length,0),[d]);l.useEffect(()=>{Ze?.(P>0,P)},[P,Ze]);const Pl=l.useMemo(()=>{const e=[];return Object.entries(d).forEach(([t,r])=>{const n=f.findIndex(c=>c.id===t);Object.entries(r).forEach(([c,i])=>{const b=S.find(v=>v.key===c);e.push({rowId:t,columnKey:c,fieldName:b?.Header||b?.display_name||c,value:i.value,originalValue:i.originalValue,meta:i.meta,originalMeta:i.originalMeta,rowIndex:n})})}),e},[d,S,f]),Cl=l.useMemo(()=>{const e=new Map;return Object.entries(d).forEach(([t,r])=>{const n=f.findIndex(c=>c.id===t);e.set(t,{rowId:t,rowIndex:n,editCount:Object.keys(r).length})}),Array.from(e.values()).sort((t,r)=>t.rowIndex-r.rowIndex)},[d,f]),ql=l.useCallback(e=>at(e),[]),fe=l.useCallback(()=>at(null),[]),Wl=l.useCallback((e,t)=>{ct({value:e,reference:t}),E?.onSelected&&E.onSelected(e,t),fe()},[E,fe]),$l=l.useCallback(()=>ct(null),[]),zl=l.useCallback(e=>it(e),[]),bt=l.useCallback(()=>it(null),[]),Hl=l.useCallback((e,t)=>{z(r=>({...r,[e]:t}))},[]),Ul=l.useCallback(e=>Le[e],[Le]),Jl=l.useMemo(()=>{const e=re.match(/h-\[(\d+px)\]/);if(e)return e[1];const t=re.match(/h-\[(calc\(.+\))\]/);if(t)return t[1].replace(/([+-])/g," $1 ").replace(/\s+/g," ")},[re]),Gl={isEmpty:tt,isFilters:q,isColumnConfigurable:le,handleOnClick:se,emptyMessage:$e,buttons:He,noDataWidget:ze},Xl=o?.t?.(_t)??_t,ve=q?"No Results Found":$e||"No Data Found",Yl=typeof ve=="string"?o?.t?.(ve)??ve:ve,pt={__isLoading:!0},Zl=new Array(1).fill(pt),Ql=new Array(Gt).fill(pt),U=l.useMemo(()=>S.filter(e=>!!e?.visible),[S]),Kl=At.useTable({columns:cl?U:S,data:[...f,...te?f?.length?Zl:Ql:[]],defaultColumn:{minWidth:h.DEFAULT_COLUMN_MIN_WIDTH,width:h.DEFAULT_COLUMN_WIDTH,maxWidth:h.DEFAULT_COLUMN_MAX_WIDTH}},At.useResizeColumns),{getTableProps:wt,getTableBodyProps:Ft,headerGroups:xe,prepareRow:Tt,rows:A}=Kl;ht.current=xe;const es=JSON.stringify(xe[0]?.headers?.map(e=>e?.Header));l.useEffect(()=>{if(ye){const e=ht.current;ye?.(e?.[0]?.headers?.map(t=>t?.Header)??[])}},[es,ye]);const{checkboxConfig:Ot}=xs.useCheckbox({rows:A,checkedIds:M?.checkedIds,isCheckAllDisabled:M?.isCheckAllDisabled,selectionDisabledRowIds:M?.selectionDisabledRowIds,rawData:Ye,onAllChecked:yl,setCheckedIds:M?.setCheckedIds,checkboxMetadata:M?.checkboxMetadata}),ts=N.useSensors(N.useSensor(N.MouseSensor,{activationConstraint:{distance:h.DND_ACTIVATION_DISTANCE}}),N.useSensor(N.TouchSensor,{activationConstraint:{distance:h.DND_ACTIVATION_DISTANCE}})),ls={easing:h.DROP_ANIMATION_EASING,duration:h.DROP_ANIMATION_DURATION};function ss(){return!Ge?.length||!we?A:Ge.reduce((e,t)=>(e[t]=A.filter(r=>r.original?.type===t),e),{})}ft.current=ss;const rs=e=>{const{active:t}=e;De(A.find(r=>r.original?.id===t?.id)??null)},ns=e=>{const{active:t,over:r}=e;r&&(ae?.checkDndDragEnd&&ae.checkDndDragEnd(t,r,Nl,n=>{st(n),rt(!0),ae.onDragSuccess?.({draggedId:t.id,droppedId:r.id,draggedType:t.data.current?.type,droppedType:r.data.current?.type,updatedList:n,cb:()=>rt(!1)})}),De(null))},as=()=>De(null),cs=e=>{!m?.onSort&&!a?.onFilter||oe(lt===e?null:e)},os=e=>{Ol(e),Fl(!wl),oe(null)},Ve=l.useCallback(()=>{m?.onRemoveSort?m.onRemoveSort():m?.onSort&&m.onSort("","")},[m]),Se=l.useCallback((e=null)=>{et(e),Ne(t=>e?!0:!t)},[]),Pe=l.useCallback(()=>Ke(e=>!e),[]),is=()=>{const e=xe[0]?.headers?.filter(t=>t?.visible!==!1);for(let t=0;t<e.length;t++)if(e[t].sticky)return t-1;return e.length-1},us=l.useCallback(e=>{let t=0;for(let r=e+1;r<U.length;r++)U[r].visible!==!1&&(t+=U[r].width??0);return ce&&(t+=je||h.ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH),C&&(t+=We?0:h.ROW_OPTIONS_COLUMN_WIDTH),t},[U,je,We,ce,C]),jt=()=>{const e=o?.getUserId?.();return{...w||{},name:w?.name||"Untitled View",created_by:w?.created_by||e,filters:w?.filters||a?.columnFilters,id:w?.id||"untitled-view",table_key:w?.table_key||_,columns:w?.columns||j?.map((t,r)=>({name:t.Header,width:t.width,visible:t.visible,sticky:t.sticky,order:r+1,display_name:t.Header,sequence:r+1,Header:t.Header}))}};mt.current=jt;const ds=(e,t)=>{const r=jt();W({...r,columns:r?.columns?.map(n=>n.name===e?{...n,width:t}:n),unsaved:!0})};l.useEffect(()=>{a?.columnFilters?.length>0&&Ne(!0);const e=ge.current;if(JSON.stringify(e?.filters||[])!==JSON.stringify(a?.columnFilters||[])){const t=(e?.filters?.length??0)>0,r=a?.columnFilters?.length>0;if(!(t&&!r&&!de.current)){const c=mt.current();W({...c,filters:JSON.parse(JSON.stringify(a?.columnFilters||[])),unsaved:!0})}de.current=!1}},[a?.columnFilters]);const hs=l.useCallback(e=>{de.current=!0,a?.onRemoveFilter?.(e)},[a?.onRemoveFilter]),ms=l.useCallback(()=>{de.current=!0,a?.onClearFilter?.()},[a?.onClearFilter]);l.useEffect(()=>{m?.columnSort?.field?(Ke(!0),m.columnSort.order==="asc"?(ie(m.columnSort.field),ue(null)):m.columnSort.order==="desc"&&(ue(m.columnSort.field),ie(null))):(ie(null),ue(null))},[m?.columnSort?.field,m?.columnSort?.order]),l.useEffect(()=>{Ae(Nt.mergeViewColumnsWithTableColumns(ge.current?.columns||[],j))},[j]),l.useEffect(()=>{w?.unsaved&&ut.current?.persistTableView?.(w)},[w]),l.useEffect(()=>{st(ft.current())},[A.length]),l.useEffect(()=>{W(O||null),O?.columns&&Ae(Nt.mergeViewColumnsWithTableColumns(O?.columns||[],dt.current)),O?.filters&&O.filters.length>0&&!Ie.current?(requestAnimationFrame(()=>{he.current?.onFilter?.(O.filters)}),Ie.current=!0):O?.filters&&Ie.current&&JSON.stringify(O.filters)!==JSON.stringify(he.current?.columnFilters)&&he.current?.onFilter?.(O.filters)},[O]),l.useEffect(()=>{if(_e.current){const e=new ResizeObserver(t=>Al(t[0].contentRect.width));return e.observe(_e.current),()=>e.disconnect()}},[]),l.useEffect(()=>{if(!Me.current)return;const e=new ResizeObserver(t=>{const{width:r,height:n}=t[0].contentRect;Dl({width:r,height:n})});return e.observe(Me.current),()=>e.disconnect()},[]);const yt=s.jsx(ys.Head,{isResizable:Ht,headerGroups:xe,isCheckbox:bl,checkboxConfig:Ot,isAllChecked:jl,showHeaderOptions:lt??"",setShowHeaderOptions:oe,isShowSortArrowAsc:El,isShowSortArrowDesc:kl,onSort:m?.onSort,onFilter:a?.onFilter,toggleHeaderOption:cs,setIsShowSortArrowAsc:ie,setIsShowSortArrowDesc:ue,toggleDataFilterModal:Se,rowOptions:Array.isArray(C)?C:[],isColumnConfigurable:le??!1,onAddColumnClick:se,onEditColumnClick:Ue,onDeleteColumnClick:Je,tableActions:qe||null,isLoading:te,rowAdditionalActions:ce??null,showPendingEditsColumn:P>0}),Et=s.jsxs(s.Fragment,{children:[Rl||ll?s.jsx("div",{className:"absolute left-0 top-0 w-full h-full z-40 flex items-center justify-center bg-neutral-100 dark:bg-black-700"}):null,s.jsx("div",{...wt(),className:"w-full text-sm text-left text-neutral-500 dark:text-neutral-200 h-full bg-white dark:bg-black-800",children:tt?s.jsxs("div",{className:"z-10",children:[yt,s.jsx("div",{className:"absolute w-full",children:o?.renderEmpty?o.renderEmpty(Gl):s.jsxs("div",{className:"flex flex-col items-center justify-center w-full h-[12rem] text-neutral-900 dark:text-neutral-200 mt-8",children:[ze&&!q?s.jsx(ks.NoDataFoundWidgets,{widgetType:"TABLE"}):s.jsx(Ns.NoDataFound,{text:Yl}),le&&!q?s.jsx("div",{className:"my-4",children:s.jsxs(Rt,{id:"btn-table-shell-create-column",status:"primary",appearance:"ghost",onClick:se,children:[s.jsx(Rs.Add2Icon,{className:"text-white dark:text-white"})," ",Xl]})}):null,!q&&He?.map((e,t)=>s.jsx(Rt,{status:"secondary",id:Ds(e.label,t),onClick:e.onClick,children:o?.t?.(e.label)??e.label},`${e.label}-${t}`))]})})]}):s.jsx(As,{style:{width:"100%",height:"100%"},renderProp:({width:e,height:t})=>{const r=e>0?e:nt.width,n=t>0?t:nt.height;return r>0&&n>0?s.jsx(Fs.Body,{getTableBodyProps:Ft,rows:A,prepareRow:Tt,isLoading:te,onScroll:It,onScrolling:gt,columns:j,width:r,height:n,withSortable:we,allowAstarSearch:T?.allowAStarSearch||!1}):null}})})]}),fs=l.forwardRef((e,t)=>s.jsxs("div",{className:"h-full w-full",...e,ref:t,children:[yt,s.jsx("div",{className:"relative w-full h-full",children:e?.children})]})),vs=l.forwardRef((e,t)=>s.jsx("div",{className:"h-full w-full",...e,ref:t,children:s.jsx("div",{className:"relative w-full h-full",children:e?.children})})),Ce=l.useMemo(()=>o?.renderTableHeader?o.renderTableHeader({tableKey:_,search:T?.search,handleSearch:T?.handleSearch,toggleShowFilters:Se,toggleShowSorts:Pe,filterCounts:a?.columnFilters?.length,columns:j,columnFilters:a?.columnFilters,setSelectedTableView:W,selectedTableView:w,enableTableView:u?.showTableView,modelName:J,enableMasterDataEnumSuggestions:G,onRemoveFilter:a?.onRemoveFilter,onClearFilter:a?.onClearFilter,onFilter:a?.onFilter,data:ee??f,tableHeaders:S,showTableViewAsModal:u?.showTableViewAsModal,additionalOptions:u?.additionalOptions,inlineActions:u?.inlineActions,showFilters:u?.showFilters,showSorts:u?.showSorts,showSearch:u?.showSearch,isLoading:!!u?.isLoading,setTableHeaders:Ae,allowAStarSearch:!!T?.allowAStarSearch,withContent:!!u?.content,setShowFilters:Ne,sort:m?.columnSort,onSort:m?.onSort,onRemoveSort:Ve,showExportButton:u?.showExportButton,agreementCategoryId:X,agreementDomainId:Y,agreementId:Z,modificationId:Q,lineItemRowId:K}):null,[_,T?.search,T?.handleSearch,Se,Pe,a?.columnFilters,j,W,w,u,J,a?.onRemoveFilter,a?.onClearFilter,a?.onFilter,f,ee,S,m?.columnSort,m?.onSort,Ve,o,T?.allowAStarSearch,G,X,Y,Z,Q,K]);return l.useEffect(()=>{Oe&&Oe(Ce)},[Ce,Oe]),s.jsxs(Os.TableContext.Provider,{value:{tableWrapper:fs,tableBodyWrapper:vs,lastNonStickyColumnIndex:is,search:T?.search,columnFilters:a?.columnFilters,onRowClick:Lt,onSort:m?.onSort,onFilter:a?.onFilter,toggleShowFilters:Se,toggleShowSorts:Pe,onRemoveFilter:a?.onRemoveFilter,onClearFilter:a?.onClearFilter,rowOptions:C,checkboxConfig:Ot,onResetFilter:a?.onResetFilter,isColumnConfigurable:le,onAddColumnClick:se,onEditColumnClick:Ue,onDeleteColumnClick:Je,onRowTooltipClick:Bt,tooltiptext:Vt,cascadingTableConfig:Pt,activeInlineEdit:_l,setActiveInlineEdit:B,originalsOnly:Ct,disableOptionsForRowIndex:qt,getFullRowDataOnClick:Wt,selectedRowId:$t,getSumOfNextVisibleColumnWidth:us,onRowEdit:R,inlineEditColumns:zt,tableActions:qe,dndSortableUtils:ae,withSortable:we,withDraggable:Ut,onCascadingRowExpand:Xt,getInnerRowData:Yt,tableHeaders:S,maxLevel:Zt,expandedRows:Qt,setExpandedRows:Kt,showNewItem:el,rawData:Ye,dragConfig:tl,rowWrapper:rl,rowLinkConfig:nl,isCellClickDisabled:al,asyncRowOptionsFilter:a?.asyncRowOptionsFilter,handleUpdateColumnWidth:ds,multiSelectConfig:ol,headerContextOptions:il,showHeaderContextOptions:ul,setShowHeaderContextOptions:dl,headerDivWidth:y,showDataTypeIcon:hl,rowAdditionalActions:ce,hoverConfig:Mt,rowAdditionalActionsWidth:je,cellEditing:ml,cellEditingValue:fl,openMasterDataModal:ql,closeMasterDataModal:fe,selectedMasterData:Ml,clearSelectedMasterData:$l,allowInlineEdit:vl,openCurrencyDropdown:zl,closeCurrencyDropdown:bt,currencyDropdownConfig:ot,selectedCurrenciesMap:Le,setCurrencyForCell:Hl,getCurrencyForCell:Ul,pendingEdits:d,addPendingEdit:Be,removePendingEdit:Ll,getPendingEdit:Il,hasPendingEdit:gl,clearAllPendingEdits:xt,saveAllPendingEdits:St,clearRowPendingEdits:Bl,saveRowPendingEdits:Vl,pendingEditsCount:P,scrollToCell:V,onFieldOperationFlow:xl,fieldOperationLoading:I,validateAllPendingEdits:H},children:[pe?s.jsxs("div",{ref:_e,className:`mb-2 flex w-full min-w-0 gap-2 dark:bg-black-800 ${y<h.TOOLBAR_FIRST_BREAKPOINT?"flex-col items-stretch":"flex-row items-center"}`,children:[s.jsxs("div",{className:`flex items-center gap-x-2 gap-y-1 ${y<h.TOOLBAR_FIRST_BREAKPOINT?"w-full flex-wrap":""} ${u?.content?"min-w-0 flex-1":"shrink-0"}`,children:[u?.content?s.jsx("div",{className:`min-w-0 ${y<h.TOOLBAR_FIRST_BREAKPOINT?"w-full":"flex-1"}`,children:u.content}):null,Fe?s.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-neutral-500 dark:text-neutral-400 flex-shrink-0","aria-hidden":!0,children:[s.jsx("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3"}),s.jsx("path",{d:"M3 5v4c0 1.66 4.03 3 9 3s9-1.34 9-3V5"}),s.jsx("path",{d:"M3 9v4c0 1.66 4.03 3 9 3s9-1.34 9-3V9"}),s.jsx("path",{d:"M3 13v4c0 1.66 4.03 3 9 3s9-1.34 9-3v-4"})]}),s.jsx(be.Typography,{size:"small",variant:"semibold",appearance:"title",children:(Xe??f.length).toLocaleString()}),s.jsx(be.Typography,{size:"small",variant:"regular",appearance:"subtitle",children:"total records"})]}):u?.preContent?s.jsx("div",{className:"flex min-w-0 shrink-0 justify-start items-center",children:u.preContent}):null]}),s.jsxs("div",{className:`flex min-w-0 items-center justify-end ${y<h.TOOLBAR_FIRST_BREAKPOINT?"w-full":u?.content?"shrink-0":"flex-1"} ${y<h.TOOLBAR_SECOND_BREAKPOINT?"flex-col":"flex-row"} ${u?.postContent?"gap-2":""}`,children:[Fe&&u?.preContent?s.jsx("div",{className:"flex w-full justify-start items-center",children:u.preContent}):null,s.jsx("div",{className:`flex justify-end items-center min-w-0 ${y<h.TOOLBAR_SECOND_BREAKPOINT||y<h.TOOLBAR_FIRST_BREAKPOINT?"w-full":""}`,children:Ce}),u?.postContent?s.jsx("div",{className:`flex justify-end items-center ${y<h.TOOLBAR_SECOND_BREAKPOINT?"w-full":""}`,children:u.postContent}):null]})]}):null,u?.showDivider?s.jsx("div",{className:"border-b pb-2 w-full dark:bg-black-800"}):null,ke||Re?s.jsx("div",{className:"flex justify-between items-center pb-4 dark:bg-black-800",children:s.jsxs("div",{className:"flex gap-2 items-center",children:[Re&&o?.renderSortItem?o.renderSortItem({sort:m?.columnSort,onRemoveSort:Ve,onSort:m?.onSort,tableHeaders:S,data:f}):null,ke&&Re&&m?.columnSort?.field!==""?s.jsx("div",{className:"h-8 w-[1px] flex-shrink-0 bg-neutral-200"}):null,ke?s.jsxs("div",{className:"flex gap-2 items-center",children:[(Qe||a?.onResetFilter)&&o?.renderActiveFilters&&o.renderActiveFilters({filters:a?.columnFilters,onRemoveFilter:hs,onClearFilter:ms,onResetFilter:a?.onResetFilter,onFilter:a?.onFilter,tableHeaders:S,columnFilters:a?.columnFilters,modelName:J,enableMasterDataEnumSuggestions:G,noSpacing:!0,notionStyle:a?.notionStyle,context:a?.context,data:ee??f,agreementCategoryId:X,agreementDomainId:Y,agreementId:Z,modificationId:Q,lineItemRowId:K}),o?.renderFilterButtons&&o.renderFilterButtons({onClearFilter:a?.onClearFilter,onClose:os,modelName:J,enableMasterDataEnumSuggestions:G,defaultFilterColumn:pl,resetDefaultFilterColumn:()=>et(null),column:Tl,onFilter:a?.onFilter,tableHeaders:S,columnFilters:a?.columnFilters,data:ee??f,notionStyle:a?.notionStyle,context:a?.context,agreementCategoryId:X,agreementDomainId:Y,agreementId:Z,modificationId:Q,lineItemRowId:K})]}):null]})}):null,Te&&Object.keys(Te).length?s.jsx(bs.FloatingBar,{...Te}):null,!pe&&Fe?s.jsxs("div",{className:"flex items-center gap-1.5 mb-2",children:[s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-neutral-500 dark:text-neutral-400 flex-shrink-0","aria-hidden":!0,children:[s.jsx("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3"}),s.jsx("path",{d:"M3 5v4c0 1.66 4.03 3 9 3s9-1.34 9-3V5"}),s.jsx("path",{d:"M3 9v4c0 1.66 4.03 3 9 3s9-1.34 9-3V9"}),s.jsx("path",{d:"M3 13v4c0 1.66 4.03 3 9 3s9-1.34 9-3v-4"})]}),s.jsx(be.Typography,{size:"small",variant:"semibold",appearance:"title",children:(Xe??f.length).toLocaleString()}),s.jsx(be.Typography,{size:"small",variant:"regular",appearance:"subtitle",children:"total records"})]}):!pe&&u?.preContent?s.jsx("div",{className:"flex items-center mb-2",children:u.preContent}):null,s.jsx("div",{ref:Me,className:`w-full ${ne?"h-auto":re} rounded-lg relative border overflow-x-hidden`,style:{...ne?{height:f?.length>0?`${(f?.length+1)*41+4}px`:"350px"}:{height:Jl},...sl},children:Jt?Et:s.jsxs(N.DndContext,{sensors:ts,onDragEnd:ns,onDragStart:rs,onDragCancel:as,collisionDetection:N.closestCorners,children:[Et,$?ws.createPortal(s.jsx(N.DragOverlay,{adjustScale:!0,dropAnimation:ls,children:s.jsx("table",{...wt(),className:"w-full text-sm text-left text-neutral-500 dark:text-neutral-200 bg-white dark:bg-black-700 table-auto border-collapse",children:s.jsxs("tbody",{...Ft(),className:"bg-transparent divide-y divide-neutral-200",children:[void Tt($),s.jsx(Ts.Row,{row:$,index:A?.findIndex(e=>e.id===$.original.id)},$.original.id)]})})}),document.getElementById("full-screen-container")||document.body):null]})}),ne&&o?.renderPagination?o.renderPagination(ne):null,o?.renderMasterDataModal&&o.renderMasterDataModal({isVisible:!!E,onSelected:Wl,onClose:fe,masterDataColumnName:E?.masterDataColumnName,masterDataFilters:E?.masterDataFilters,masterDataName:E?.masterDataName,masterDataId:E?.masterDataName,showFilters:!0}),s.jsx(js.CurrencyDropdownPortal,{config:ot,onClose:bt}),s.jsx(Es.PendingEditsFloatingBar,{pendingEditsCount:P,pendingEditsList:Pl,rowsWithPendingEdits:Cl,fieldOperationLoading:I,onClearAll:xt,onSaveAll:St,onScrollToCell:V})]})});exports.InfiniteTable=_s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),bs=require("../../../hooks/useCheckbox.cjs.js"),ws=require("../../../providers/design-system-provider/hooks.cjs.js"),kt=require("../../../utils/table.cjs.js"),Nt=require("../../button/Button.cjs.js"),ps=require("../../floating-bar/FloatingBar.cjs.js"),be=require("../typography/Typography.cjs.js"),k=require("@dnd-kit/core"),l=require("react"),Fs=require("react-virtualized-auto-sizer"),Ts=require("react-dom"),At=require("react-table"),Os=require("./body/index.cjs.js"),Dt=require("./validateCell.cjs.js"),js=require("./body/rows/row.cjs.js"),ys=require("./context.cjs.js"),Es=require("./CurrencyDropdownPortal.cjs.js"),Rs=require("./head/index.cjs.js"),ks=require("./PendingEditsFloatingBar.cjs.js"),h=require("./constants.cjs.js"),_t=require("./useRowHeight.cjs.js"),Ns=require("../empty-state/NoDataFoundWidgets.cjs.js"),As=require("../empty-state/NoDataFound.cjs.js"),Ds=require("../../icon/icons.generated.cjs.js"),_s=Fs.AutoSizer,Mt="Create Column",Ms=(_,T)=>`button-admin-${_.toLowerCase().trim().replace(/\s+/g,"-").replace(/[^a-z0-9-_]/g,"")||T}`,Ls=l.memo(({tableKey:_,searchConfig:T={search:"",handleSearch:()=>null,allowAStarSearch:!1},filterConfig:a={columnFilters:[],onFilter:()=>null,onRemoveFilter:()=>null,onClearFilter:()=>null,onResetFilter:()=>Promise.resolve({}),asyncRowOptionsFilter:()=>Promise.resolve({})},sortConfig:m={onSort:()=>null,columnSort:{field:"",order:""},onRemoveSort:()=>null},headerConfig:u={showExportButton:null,showFilters:!0,showSorts:!0,showSearch:!0,showTableView:!0,showTableViewAsModal:!1,content:null,postContent:null,preContent:null,isLoading:!1,showDivider:!1},hoverConfig:Lt=null,columns:j,modelName:J,enableMasterDataEnumSuggestions:G=!1,agreementCategoryId:X,agreementDomainId:Y,agreementId:Z,modificationId:Q,lineItemRowId:K,enumSuggestionsData:ee,data:f=[],onRowClick:gt,showHeader:we,tableActions:qe,rowOptions:C,hideRowOptionWidth:We,checkboxUtilities:M,isLoading:te=!1,onScroll:It,onScrolling:Bt,isColumnConfigurable:le,onAddColumnClick:se,emptyMessage:He,noDataWidget:$e,buttons:ze,onEditColumnClick:Ue,onDeleteColumnClick:Je,onRowTooltipClick:Vt,tooltiptext:Pt,cascadingTableConfig:Ct,originalsOnly:qt,disableOptionsForRowIndex:Wt,tableHeightClass:re="h-[calc(100vh-220px)]",getFullRowDataOnClick:Ht,selectedRowId:$t=null,onRowEdit:N,onBulkRowEdit:L,inlineEditColumns:zt,isResizable:Ut=!0,paginationConfig:ne,dndSortableUtils:ae,multipleContexts:Ge,withSortable:pe,withDraggable:Jt,enableRootDrag:Gt,pageSize:Xt=h.DEFAULT_PAGE_SIZE,onCascadingRowExpand:Yt,totalItems:Xe,showRecordCount:Fe=!1,getInnerRowData:Zt,maxLevel:Qt,expandedRows:Kt={},setExpandedRows:el,showNewItem:tl,rawData:Ye,dragConfig:ll,isOverlayLoading:sl,style:rl={},floatingBarConfig:Te,rowWrapper:nl,rowLinkConfig:al,isCellClickDisabled:cl,setHeaderOnParent:Oe,optimizeTable:ol=!1,multiSelectConfig:il,headerContextOptions:ul,showHeaderContextOptions:dl,setShowHeaderContextOptions:hl,showDataTypeIcon:ml=!1,rowAdditionalActions:ce,rowAdditionalActionsWidth:je,setVisibleHeaders:ye,cellEditing:fl=null,cellEditingValue:vl=null,allowInlineEdit:xl=!1,onFieldOperationFlow:Sl,fieldOperationLoading:g=null,onTableActionsReady:Ee,onPendingEditsChange:Ze,onCancelPendingEdits:I})=>{const o=ws.useTableConfig(),bl=_t.getRowSlotHeight(_t.useRowHeight()),wl=!!T?.search,Qe=a?.columnFilters?.length>0,q=wl||Qe,pl=!!M,O=o?.getTableView?.(_)??null,[p,W]=l.useState(O||null),[Re,ke]=l.useState(!1),[Ne,Ke]=l.useState(!1),[Fl,et]=l.useState(null),[S,Ae]=l.useState(j),tt=(f.length===0||!S.length)&&!te,[lt,oe]=l.useState(null),[Tl,Ol]=l.useState(!1),[jl,yl]=l.useState(null),[El,Rl]=l.useState(!1),[kl,ie]=l.useState(null),[Nl,ue]=l.useState(null),[Al,st]=l.useState({}),[H,De]=l.useState(null),[Dl,rt]=l.useState(!1),[y,_l]=l.useState(0),_e=l.useRef(null),Me=l.useRef(null),[nt,Ml]=l.useState({width:0,height:0}),[Ll,B]=l.useState(null),[E,at]=l.useState(null),[gl,ct]=l.useState(null),[ot,it]=l.useState(null),[Le,$]=l.useState({}),ge=l.useRef(!1),de=l.useRef(!1),Ie=l.useRef(p);Ie.current=p;const ut=l.useRef(o);ut.current=o;const dt=l.useRef(j);dt.current=j;const he=l.useRef(a);he.current=a;const ht=l.useRef(null),mt=l.useRef(()=>({})),ft=l.useRef(()=>({})),[d,R]=l.useState({}),Be=l.useCallback((e,t,r)=>{R(n=>{const c=n[e]?.[t];let i=r.validationError;if(i===void 0){const b=S.find(v=>v.key===t);if(b){const v=Dt.validateCellValue(r.value,b);i=v.isValid?null:v.error||"Invalid"}else i=c?.validationError??null}return{...n,[e]:{...n[e]||{},[t]:{...r,validationError:i??null}}}})},[S]),vt=l.useCallback(()=>Object.values(d).some(e=>Object.keys(e).length>0),[d]);l.useEffect(()=>{Ee&&Ee({addPendingEdit:Be,hasPendingEdits:vt})},[Ee,Be,vt]);const Il=l.useCallback((e,t)=>{R(r=>{const n={...r};if(n[e]){const{[t]:c,...i}=n[e];Object.keys(i).length===0?delete n[e]:n[e]=i}return n})},[]),Bl=l.useCallback((e,t)=>d[e]?.[t],[d]),Vl=l.useCallback((e,t)=>!!d[e]?.[t],[d]),xt=l.useCallback(()=>{g||(I&&Object.keys(d).length>0&&I(d),R({}),$({}),B(null))},[g,I,d]),V=l.useCallback((e,t,r)=>{setTimeout(()=>{o?.dispatchEvent?.("SCROLL_TO_TABLE_ROW",{rowIndex:r});const n=S.findIndex(c=>c.key===t);setTimeout(()=>{const c=document.querySelector(`[${h.DATA_ROW_ID_ATTR}="${e}"] [${h.DATA_COLUMN_KEY_ATTR}="${t}"]`);if(c)c.scrollIntoView({behavior:"smooth",block:"center",inline:"center"});else if(n>0){const i=document.querySelector(h.OS_VIEWPORT_SELECTOR);if(i){let b=0;for(let v=0;v<n;v++){const F=S[v];F?.sticky||(b+=F?.width||h.SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK)}b=Math.max(0,b-h.SCROLL_TO_CELL_LEFT_OFFSET),i.scrollTo({left:b,behavior:"smooth"})}}B({rowId:e,columnKey:t})},350)},100)},[S,o]),z=l.useCallback(e=>{let t=!1,r=null;const n={},c=new Set;return Object.entries(e).forEach(([i,b])=>{n[i]={},Object.entries(b).forEach(([v,F])=>{const D=S.find(w=>w.key===v),x=Dt.validateCellValue(F.value,D);x.isValid?n[i][v]={...F,validationError:null}:(t=!0,x.error&&c.add(x.error),r||(r={rowId:i,columnKey:v}),n[i][v]={...F,validationError:x.error})})}),{hasErrors:t,updatedEdits:n,firstError:r,errorTypes:c}},[S]),me=l.useCallback(e=>{const t=e.has("Field required"),r=e.size>(t?1:0);return t&&r?"Missing required field(s) and invalid format detected. Please review highlighted field(s).":t?"Missing required field(s). Please review highlighted field(s).":"Invalid field value(s). Please review highlighted field(s)."},[]),St=l.useCallback(()=>{const{hasErrors:e,updatedEdits:t,firstError:r,errorTypes:n}=z(d);if(e){if(R(t),o?.showNotification?.("error",me(n)),r){const i=f.findIndex(b=>b.id===r.rowId);V(r.rowId,r.columnKey,i)}return}const c=[];Object.entries(d).forEach(([i,b])=>{const v=f.find(F=>F.id===i);if(v){const F={...v},D={};Object.entries(b).forEach(([x,w])=>{F[x]=w.value,D[x]={value:w.value,meta:w.meta}}),c.push({...F,__editedFields:D})}}),c.length>0&&(L?L(c):N&&N(null,null,null,null,null,{isBulk:!0,rows:c})),R({}),$({}),B(null)},[d,f,N,L,z,me,V,o]),Pl=l.useCallback(e=>{if(g)return;const t=d[e];t&&I&&I({[e]:t}),R(r=>{const n={...r};return delete n[e],n}),$(r=>{const n={...r};return Object.keys(n).forEach(c=>{c.startsWith(`${e}-`)&&delete n[c]}),n}),B(null)},[g,I,d]),Cl=l.useCallback(e=>{const t=d[e];if(!t||Object.keys(t).length===0)return;const{hasErrors:r,updatedEdits:n,firstError:c,errorTypes:i}=z({[e]:t});if(r){if(R(x=>({...x,[e]:n[e]})),o?.showNotification?.("error",me(i)),c){const x=f.findIndex(w=>w.id===c.rowId);V(c.rowId,c.columnKey,x)}return}const b=f.find(x=>x.id===e);if(!b)return;const v={...b},F={};Object.entries(t).forEach(([x,w])=>{v[x]=w.value,F[x]={value:w.value,meta:w.meta}});const D={...v,__editedFields:F};L?L([D]):N&&N(null,null,null,null,null,{isBulk:!0,rows:[D]}),R(x=>{const w={...x};return delete w[e],w}),$(x=>{const w={...x};return Object.keys(w).forEach(Rt=>{Rt.startsWith(`${e}-`)&&delete w[Rt]}),w}),B(null)},[d,f,N,L,z,me,V,o]),P=l.useMemo(()=>Object.values(d).reduce((e,t)=>e+Object.keys(t).length,0),[d]);l.useEffect(()=>{Ze?.(P>0,P)},[P,Ze]);const ql=l.useMemo(()=>{const e=[];return Object.entries(d).forEach(([t,r])=>{const n=f.findIndex(c=>c.id===t);Object.entries(r).forEach(([c,i])=>{const b=S.find(v=>v.key===c);e.push({rowId:t,columnKey:c,fieldName:b?.Header||b?.display_name||c,value:i.value,originalValue:i.originalValue,meta:i.meta,originalMeta:i.originalMeta,rowIndex:n})})}),e},[d,S,f]),Wl=l.useMemo(()=>{const e=new Map;return Object.entries(d).forEach(([t,r])=>{const n=f.findIndex(c=>c.id===t);e.set(t,{rowId:t,rowIndex:n,editCount:Object.keys(r).length})}),Array.from(e.values()).sort((t,r)=>t.rowIndex-r.rowIndex)},[d,f]),Hl=l.useCallback(e=>at(e),[]),fe=l.useCallback(()=>at(null),[]),$l=l.useCallback((e,t)=>{ct({value:e,reference:t}),E?.onSelected&&E.onSelected(e,t),fe()},[E,fe]),zl=l.useCallback(()=>ct(null),[]),Ul=l.useCallback(e=>it(e),[]),bt=l.useCallback(()=>it(null),[]),Jl=l.useCallback((e,t)=>{$(r=>({...r,[e]:t}))},[]),Gl=l.useCallback(e=>Le[e],[Le]),Xl=l.useMemo(()=>{const e=re.match(/h-\[(\d+px)\]/);if(e)return e[1];const t=re.match(/h-\[(calc\(.+\))\]/);if(t)return t[1].replace(/([+-])/g," $1 ").replace(/\s+/g," ")},[re]),Yl={isEmpty:tt,isFilters:q,isColumnConfigurable:le,handleOnClick:se,emptyMessage:He,buttons:ze,noDataWidget:$e},Zl=o?.t?.(Mt)??Mt,ve=q?"No Results Found":He||"No Data Found",Ql=typeof ve=="string"?o?.t?.(ve)??ve:ve,wt={__isLoading:!0},Kl=new Array(1).fill(wt),es=new Array(Xt).fill(wt),U=l.useMemo(()=>S.filter(e=>!!e?.visible),[S]),ts=At.useTable({columns:ol?U:S,data:[...f,...te?f?.length?Kl:es:[]],defaultColumn:{minWidth:h.DEFAULT_COLUMN_MIN_WIDTH,width:h.DEFAULT_COLUMN_WIDTH,maxWidth:h.DEFAULT_COLUMN_MAX_WIDTH}},At.useResizeColumns),{getTableProps:pt,getTableBodyProps:Ft,headerGroups:xe,prepareRow:Tt,rows:A}=ts;ht.current=xe;const ls=JSON.stringify(xe[0]?.headers?.map(e=>e?.Header));l.useEffect(()=>{if(ye){const e=ht.current;ye?.(e?.[0]?.headers?.map(t=>t?.Header)??[])}},[ls,ye]);const{checkboxConfig:Ot}=bs.useCheckbox({rows:A,checkedIds:M?.checkedIds,isCheckAllDisabled:M?.isCheckAllDisabled,selectionDisabledRowIds:M?.selectionDisabledRowIds,rawData:Ye,onAllChecked:Rl,setCheckedIds:M?.setCheckedIds,checkboxMetadata:M?.checkboxMetadata}),ss=k.useSensors(k.useSensor(k.MouseSensor,{activationConstraint:{distance:h.DND_ACTIVATION_DISTANCE}}),k.useSensor(k.TouchSensor,{activationConstraint:{distance:h.DND_ACTIVATION_DISTANCE}})),rs={easing:h.DROP_ANIMATION_EASING,duration:h.DROP_ANIMATION_DURATION};function ns(){return!Ge?.length||!pe?A:Ge.reduce((e,t)=>(e[t]=A.filter(r=>r.original?.type===t),e),{})}ft.current=ns;const as=e=>{const{active:t}=e;De(A.find(r=>r.original?.id===t?.id)??null)},cs=e=>{const{active:t,over:r}=e;r&&(ae?.checkDndDragEnd&&ae.checkDndDragEnd(t,r,Al,n=>{st(n),rt(!0),ae.onDragSuccess?.({draggedId:t.id,droppedId:r.id,draggedType:t.data.current?.type,droppedType:r.data.current?.type,updatedList:n,cb:()=>rt(!1)})}),De(null))},os=()=>De(null),is=e=>{!m?.onSort&&!a?.onFilter||oe(lt===e?null:e)},us=e=>{yl(e),Ol(!Tl),oe(null)},Ve=l.useCallback(()=>{m?.onRemoveSort?m.onRemoveSort():m?.onSort&&m.onSort("","")},[m]),Se=l.useCallback((e=null)=>{et(e),ke(t=>e?!0:!t)},[]),Pe=l.useCallback(()=>Ke(e=>!e),[]),ds=()=>{const e=xe[0]?.headers?.filter(t=>t?.visible!==!1);for(let t=0;t<e.length;t++)if(e[t].sticky)return t-1;return e.length-1},hs=l.useCallback(e=>{let t=0;for(let r=e+1;r<U.length;r++)U[r].visible!==!1&&(t+=U[r].width??0);return ce&&(t+=je||h.ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH),C&&(t+=We?0:h.ROW_OPTIONS_COLUMN_WIDTH),t},[U,je,We,ce,C]),jt=()=>{const e=o?.getUserId?.();return{...p||{},name:p?.name||"Untitled View",created_by:p?.created_by||e,filters:p?.filters||a?.columnFilters,id:p?.id||"untitled-view",table_key:p?.table_key||_,columns:p?.columns||j?.map((t,r)=>({name:t.Header,width:t.width,visible:t.visible,sticky:t.sticky,order:r+1,display_name:t.Header,sequence:r+1,Header:t.Header}))}};mt.current=jt;const ms=(e,t)=>{const r=jt();W({...r,columns:r?.columns?.map(n=>n.name===e?{...n,width:t}:n),unsaved:!0})};l.useEffect(()=>{a?.columnFilters?.length>0&&ke(!0);const e=Ie.current;if(JSON.stringify(e?.filters||[])!==JSON.stringify(a?.columnFilters||[])){const t=(e?.filters?.length??0)>0,r=a?.columnFilters?.length>0;if(!(t&&!r&&!de.current)){const c=mt.current();W({...c,filters:JSON.parse(JSON.stringify(a?.columnFilters||[])),unsaved:!0})}de.current=!1}},[a?.columnFilters]);const fs=l.useCallback(e=>{de.current=!0,a?.onRemoveFilter?.(e)},[a?.onRemoveFilter]),vs=l.useCallback(()=>{de.current=!0,a?.onClearFilter?.()},[a?.onClearFilter]);l.useEffect(()=>{m?.columnSort?.field?(Ke(!0),m.columnSort.order==="asc"?(ie(m.columnSort.field),ue(null)):m.columnSort.order==="desc"&&(ue(m.columnSort.field),ie(null))):(ie(null),ue(null))},[m?.columnSort?.field,m?.columnSort?.order]),l.useEffect(()=>{Ae(kt.mergeViewColumnsWithTableColumns(Ie.current?.columns||[],j))},[j]),l.useEffect(()=>{p?.unsaved&&ut.current?.persistTableView?.(p)},[p]),l.useEffect(()=>{st(ft.current())},[A.length]),l.useEffect(()=>{W(O||null),O?.columns&&Ae(kt.mergeViewColumnsWithTableColumns(O?.columns||[],dt.current)),O?.filters&&O.filters.length>0&&!ge.current?(requestAnimationFrame(()=>{he.current?.onFilter?.(O.filters)}),ge.current=!0):O?.filters&&ge.current&&JSON.stringify(O.filters)!==JSON.stringify(he.current?.columnFilters)&&he.current?.onFilter?.(O.filters)},[O]),l.useEffect(()=>{if(_e.current){const e=new ResizeObserver(t=>_l(t[0].contentRect.width));return e.observe(_e.current),()=>e.disconnect()}},[]),l.useEffect(()=>{if(!Me.current)return;const e=new ResizeObserver(t=>{const{width:r,height:n}=t[0].contentRect;Ml({width:r,height:n})});return e.observe(Me.current),()=>e.disconnect()},[]);const yt=s.jsx(Rs.Head,{isResizable:Ut,headerGroups:xe,isCheckbox:pl,checkboxConfig:Ot,isAllChecked:El,showHeaderOptions:lt??"",setShowHeaderOptions:oe,isShowSortArrowAsc:kl,isShowSortArrowDesc:Nl,onSort:m?.onSort,onFilter:a?.onFilter,toggleHeaderOption:is,setIsShowSortArrowAsc:ie,setIsShowSortArrowDesc:ue,toggleDataFilterModal:Se,rowOptions:Array.isArray(C)?C:[],isColumnConfigurable:le??!1,onAddColumnClick:se,onEditColumnClick:Ue,onDeleteColumnClick:Je,tableActions:qe||null,isLoading:te,rowAdditionalActions:ce??null,showPendingEditsColumn:P>0}),Et=s.jsxs(s.Fragment,{children:[Dl||sl?s.jsx("div",{className:"absolute left-0 top-0 w-full h-full z-40 flex items-center justify-center bg-neutral-100 dark:bg-black-700"}):null,s.jsx("div",{...pt(),className:"w-full text-sm text-left text-neutral-500 dark:text-neutral-200 h-full bg-white dark:bg-black-800",children:tt?s.jsxs("div",{className:"z-10",children:[yt,s.jsx("div",{className:"absolute w-full",children:o?.renderEmpty?o.renderEmpty(Yl):s.jsxs("div",{className:"flex flex-col items-center justify-center w-full h-[12rem] text-neutral-900 dark:text-neutral-200 mt-8",children:[$e&&!q?s.jsx(Ns.NoDataFoundWidgets,{widgetType:"TABLE"}):s.jsx(As.NoDataFound,{text:Ql}),le&&!q?s.jsx("div",{className:"my-4",children:s.jsxs(Nt,{id:"btn-table-shell-create-column",status:"primary",appearance:"ghost",onClick:se,children:[s.jsx(Ds.Add2Icon,{className:"text-white dark:text-white"})," ",Zl]})}):null,!q&&ze?.map((e,t)=>s.jsx(Nt,{status:"secondary",id:Ms(e.label,t),onClick:e.onClick,children:o?.t?.(e.label)??e.label},`${e.label}-${t}`))]})})]}):s.jsx(_s,{style:{width:"100%",height:"100%"},renderProp:({width:e,height:t})=>{const r=e>0?e:nt.width,n=t>0?t:nt.height;return r>0&&n>0?s.jsx(Os.Body,{getTableBodyProps:Ft,rows:A,prepareRow:Tt,isLoading:te,onScroll:It,onScrolling:Bt,columns:j,width:r,height:n,withSortable:pe,allowAstarSearch:T?.allowAStarSearch||!1}):null}})})]}),xs=l.forwardRef((e,t)=>s.jsxs("div",{className:"h-full w-full",...e,ref:t,children:[yt,s.jsx("div",{className:"relative w-full h-full",children:e?.children})]})),Ss=l.forwardRef((e,t)=>s.jsx("div",{className:"h-full w-full",...e,ref:t,children:s.jsx("div",{className:"relative w-full h-full",children:e?.children})})),Ce=l.useMemo(()=>o?.renderTableHeader?o.renderTableHeader({tableKey:_,search:T?.search,handleSearch:T?.handleSearch,toggleShowFilters:Se,toggleShowSorts:Pe,filterCounts:a?.columnFilters?.length,columns:j,columnFilters:a?.columnFilters,setSelectedTableView:W,selectedTableView:p,enableTableView:u?.showTableView,modelName:J,enableMasterDataEnumSuggestions:G,onRemoveFilter:a?.onRemoveFilter,onClearFilter:a?.onClearFilter,onFilter:a?.onFilter,data:ee??f,tableHeaders:S,showTableViewAsModal:u?.showTableViewAsModal,additionalOptions:u?.additionalOptions,inlineActions:u?.inlineActions,showFilters:u?.showFilters,showSorts:u?.showSorts,showSearch:u?.showSearch,isLoading:!!u?.isLoading,setTableHeaders:Ae,allowAStarSearch:!!T?.allowAStarSearch,withContent:!!u?.content,setShowFilters:ke,sort:m?.columnSort,onSort:m?.onSort,onRemoveSort:Ve,showExportButton:u?.showExportButton,agreementCategoryId:X,agreementDomainId:Y,agreementId:Z,modificationId:Q,lineItemRowId:K}):null,[_,T?.search,T?.handleSearch,Se,Pe,a?.columnFilters,j,W,p,u,J,a?.onRemoveFilter,a?.onClearFilter,a?.onFilter,f,ee,S,m?.columnSort,m?.onSort,Ve,o,T?.allowAStarSearch,G,X,Y,Z,Q,K]);return l.useEffect(()=>{Oe&&Oe(Ce)},[Ce,Oe]),s.jsxs(ys.TableContext.Provider,{value:{tableWrapper:xs,tableBodyWrapper:Ss,lastNonStickyColumnIndex:ds,search:T?.search,columnFilters:a?.columnFilters,onRowClick:gt,onSort:m?.onSort,onFilter:a?.onFilter,toggleShowFilters:Se,toggleShowSorts:Pe,onRemoveFilter:a?.onRemoveFilter,onClearFilter:a?.onClearFilter,rowOptions:C,checkboxConfig:Ot,onResetFilter:a?.onResetFilter,isColumnConfigurable:le,onAddColumnClick:se,onEditColumnClick:Ue,onDeleteColumnClick:Je,onRowTooltipClick:Vt,tooltiptext:Pt,cascadingTableConfig:Ct,activeInlineEdit:Ll,setActiveInlineEdit:B,originalsOnly:qt,disableOptionsForRowIndex:Wt,getFullRowDataOnClick:Ht,selectedRowId:$t,getSumOfNextVisibleColumnWidth:hs,onRowEdit:N,inlineEditColumns:zt,tableActions:qe,dndSortableUtils:ae,withSortable:pe,withDraggable:Jt,onCascadingRowExpand:Yt,getInnerRowData:Zt,tableHeaders:S,maxLevel:Qt,expandedRows:Kt,setExpandedRows:el,showNewItem:tl,rawData:Ye,dragConfig:ll,rowWrapper:nl,rowLinkConfig:al,isCellClickDisabled:cl,asyncRowOptionsFilter:a?.asyncRowOptionsFilter,handleUpdateColumnWidth:ms,multiSelectConfig:il,headerContextOptions:ul,showHeaderContextOptions:dl,setShowHeaderContextOptions:hl,headerDivWidth:y,showDataTypeIcon:ml,rowAdditionalActions:ce,hoverConfig:Lt,rowAdditionalActionsWidth:je,cellEditing:fl,cellEditingValue:vl,openMasterDataModal:Hl,closeMasterDataModal:fe,selectedMasterData:gl,clearSelectedMasterData:zl,allowInlineEdit:xl,openCurrencyDropdown:Ul,closeCurrencyDropdown:bt,currencyDropdownConfig:ot,selectedCurrenciesMap:Le,setCurrencyForCell:Jl,getCurrencyForCell:Gl,pendingEdits:d,addPendingEdit:Be,removePendingEdit:Il,getPendingEdit:Bl,hasPendingEdit:Vl,clearAllPendingEdits:xt,saveAllPendingEdits:St,clearRowPendingEdits:Pl,saveRowPendingEdits:Cl,pendingEditsCount:P,scrollToCell:V,onFieldOperationFlow:Sl,fieldOperationLoading:g,validateAllPendingEdits:z},children:[we?s.jsxs("div",{ref:_e,className:`mb-2 flex w-full min-w-0 gap-2 dark:bg-black-800 ${y<h.TOOLBAR_FIRST_BREAKPOINT?"flex-col items-stretch":"flex-row items-center"}`,children:[s.jsxs("div",{className:`flex items-center gap-x-2 gap-y-1 ${y<h.TOOLBAR_FIRST_BREAKPOINT?"w-full flex-wrap":""} ${u?.content?"min-w-0 flex-1":"shrink-0"}`,children:[u?.content?s.jsx("div",{className:`min-w-0 ${y<h.TOOLBAR_FIRST_BREAKPOINT?"w-full":"flex-1"}`,children:u.content}):null,Fe?s.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-neutral-500 dark:text-neutral-400 flex-shrink-0","aria-hidden":!0,children:[s.jsx("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3"}),s.jsx("path",{d:"M3 5v4c0 1.66 4.03 3 9 3s9-1.34 9-3V5"}),s.jsx("path",{d:"M3 9v4c0 1.66 4.03 3 9 3s9-1.34 9-3V9"}),s.jsx("path",{d:"M3 13v4c0 1.66 4.03 3 9 3s9-1.34 9-3v-4"})]}),s.jsx(be.Typography,{size:"small",variant:"semibold",appearance:"title",children:(Xe??f.length).toLocaleString()}),s.jsx(be.Typography,{size:"small",variant:"regular",appearance:"subtitle",children:"total records"})]}):u?.preContent?s.jsx("div",{className:"flex min-w-0 shrink-0 justify-start items-center",children:u.preContent}):null]}),s.jsxs("div",{className:`flex min-w-0 items-center justify-end ${y<h.TOOLBAR_FIRST_BREAKPOINT?"w-full":u?.content?"shrink-0":"flex-1"} ${y<h.TOOLBAR_SECOND_BREAKPOINT?"flex-col":"flex-row"} ${u?.postContent?"gap-2":""}`,children:[Fe&&u?.preContent?s.jsx("div",{className:"flex w-full justify-start items-center",children:u.preContent}):null,s.jsx("div",{className:`flex justify-end items-center min-w-0 ${y<h.TOOLBAR_SECOND_BREAKPOINT||y<h.TOOLBAR_FIRST_BREAKPOINT?"w-full":""}`,children:Ce}),u?.postContent?s.jsx("div",{className:`flex justify-end items-center ${y<h.TOOLBAR_SECOND_BREAKPOINT?"w-full":""}`,children:u.postContent}):null]})]}):null,u?.showDivider?s.jsx("div",{className:"border-b pb-2 w-full dark:bg-black-800"}):null,Re||Ne?s.jsx("div",{className:"flex justify-between items-center pb-4 dark:bg-black-800",children:s.jsxs("div",{className:"flex gap-2 items-center",children:[Ne&&o?.renderSortItem?o.renderSortItem({sort:m?.columnSort,onRemoveSort:Ve,onSort:m?.onSort,tableHeaders:S,data:f}):null,Re&&Ne&&m?.columnSort?.field!==""?s.jsx("div",{className:"h-8 w-[1px] flex-shrink-0 bg-neutral-200"}):null,Re?s.jsxs("div",{className:"flex gap-2 items-center",children:[(Qe||a?.onResetFilter)&&o?.renderActiveFilters&&o.renderActiveFilters({filters:a?.columnFilters,onRemoveFilter:fs,onClearFilter:vs,onResetFilter:a?.onResetFilter,onFilter:a?.onFilter,tableHeaders:S,columnFilters:a?.columnFilters,modelName:J,enableMasterDataEnumSuggestions:G,noSpacing:!0,notionStyle:a?.notionStyle,context:a?.context,data:ee??f,agreementCategoryId:X,agreementDomainId:Y,agreementId:Z,modificationId:Q,lineItemRowId:K}),o?.renderFilterButtons&&o.renderFilterButtons({onClearFilter:a?.onClearFilter,onClose:us,modelName:J,enableMasterDataEnumSuggestions:G,defaultFilterColumn:Fl,resetDefaultFilterColumn:()=>et(null),column:jl,onFilter:a?.onFilter,tableHeaders:S,columnFilters:a?.columnFilters,data:ee??f,notionStyle:a?.notionStyle,context:a?.context,agreementCategoryId:X,agreementDomainId:Y,agreementId:Z,modificationId:Q,lineItemRowId:K})]}):null]})}):null,Te&&Object.keys(Te).length?s.jsx(ps.FloatingBar,{...Te}):null,!we&&Fe?s.jsxs("div",{className:"flex items-center gap-1.5 mb-2",children:[s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-neutral-500 dark:text-neutral-400 flex-shrink-0","aria-hidden":!0,children:[s.jsx("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3"}),s.jsx("path",{d:"M3 5v4c0 1.66 4.03 3 9 3s9-1.34 9-3V5"}),s.jsx("path",{d:"M3 9v4c0 1.66 4.03 3 9 3s9-1.34 9-3V9"}),s.jsx("path",{d:"M3 13v4c0 1.66 4.03 3 9 3s9-1.34 9-3v-4"})]}),s.jsx(be.Typography,{size:"small",variant:"semibold",appearance:"title",children:(Xe??f.length).toLocaleString()}),s.jsx(be.Typography,{size:"small",variant:"regular",appearance:"subtitle",children:"total records"})]}):!we&&u?.preContent?s.jsx("div",{className:"flex items-center mb-2",children:u.preContent}):null,s.jsx("div",{ref:Me,className:`w-full ${ne?"h-auto":re} rounded-lg relative border overflow-x-hidden`,style:{...ne?{height:f?.length>0?`${(f?.length+1)*bl+4}px`:"350px"}:{height:Xl},...rl},children:Gt?Et:s.jsxs(k.DndContext,{sensors:ss,onDragEnd:cs,onDragStart:as,onDragCancel:os,collisionDetection:k.closestCorners,children:[Et,H?Ts.createPortal(s.jsx(k.DragOverlay,{adjustScale:!0,dropAnimation:rs,children:s.jsx("table",{...pt(),className:"w-full text-sm text-left text-neutral-500 dark:text-neutral-200 bg-white dark:bg-black-700 table-auto border-collapse",children:s.jsxs("tbody",{...Ft(),className:"bg-transparent divide-y divide-neutral-200",children:[void Tt(H),s.jsx(js.Row,{row:H,index:A?.findIndex(e=>e.id===H.original.id)},H.original.id)]})})}),document.getElementById("full-screen-container")||document.body):null]})}),ne&&o?.renderPagination?o.renderPagination(ne):null,o?.renderMasterDataModal&&o.renderMasterDataModal({isVisible:!!E,onSelected:$l,onClose:fe,masterDataColumnName:E?.masterDataColumnName,masterDataFilters:E?.masterDataFilters,masterDataName:E?.masterDataName,masterDataId:E?.masterDataName,showFilters:!0}),s.jsx(Es.CurrencyDropdownPortal,{config:ot,onClose:bt}),s.jsx(ks.PendingEditsFloatingBar,{pendingEditsCount:P,pendingEditsList:ql,rowsWithPendingEdits:Wl,fieldOperationLoading:g,onClearAll:xt,onSaveAll:St,onScrollToCell:V})]})});exports.InfiniteTable=Ls;
 //# sourceMappingURL=index.cjs.js.map