@lax-wp/design-system 0.13.32 → 0.13.33-beta.1

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:c,isCheckbox:r,checkboxConfig:x,isAllChecked:d,showHeaderOptions:h,setShowHeaderOptions:b,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,toggleDataFilterModal:p,rowOptions:v,isColumnConfigurable:N,onAddColumnClick:w,onEditColumnClick:o,onDeleteColumnClick:y,tableActions:t,isResizable:z,isLoading:q,rowAdditionalActions:s,showPendingEditsColumn:i})=>e.jsx("thead",{className:"text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b",children:c.map((a,H)=>R.createElement("tr",{...a.getHeaderGroupProps(),key:H,className:"h-10"},i&&e.jsx("th",{className:"sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]",children:e.jsx("div",{className:"w-full h-10"})}),r&&e.jsx("div",{className:`sticky ${i?"left-[28px]":"left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`,children:e.jsx("th",{className:"px-2.5 min-w-[40px]",children:e.jsx(S.CheckAll,{isDisabled:q,checkboxConfig:x,isAllChecked:d})})}),t&&e.jsxs("th",{className:"px-2.5 relative",children:[e.jsx("div",{className:"absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0"}),e.jsx("div",{children:t()})]}),a.headers.filter(l=>l?.visible!==!1).map((l,C)=>e.jsx(D.Cell,{headerGroup:a,headerIndex:C,showHeaderOptions:h,column:l,isShowSortArrowAsc:m,isShowSortArrowDesc:n,onSort:k,onFilter:f,toggleHeaderOption:j,setIsShowSortArrowAsc:u,setIsShowSortArrowDesc:g,setShowHeaderOptions:b,toggleDataFilterModal:p,isColumnConfigurable:N,onAddColumnClick:w,onEditColumnClick:o,onDeleteColumnClick:y,isResizable:z},l.id)),(v||s)&&e.jsx("th",{className:"h-10 whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700",children:e.jsxs("div",{className:"flex",children:[s&&e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute w-full h-full top-0 left-0"}),e.jsx("div",{children:s()})]}),e.jsx("div",{className:"w-12"})]})})))});exports.Head=M;
 //# 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-10'>\n          {showPendingEditsColumn && (\n            <th className='sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]'>\n              <div className='w-full h-10' />\n            </th>\n          )}\n          {isCheckbox && (\n            <div className={`sticky ${showPendingEditsColumn ? 'left-[28px]' : 'left-0'} right-0 z-20 flex items-center bg-white dark:bg-black-700`}>\n              <th className='px-2.5 min-w-[40px]'>\n                <CheckAll isDisabled={isLoading} checkboxConfig={checkboxConfig as unknown as { onAllItemsCheck?: (event: { target: { checked: boolean } }) => void; checkedIds: string[] }} isAllChecked={isAllChecked} />\n              </th>\n            </div>\n          )}\n          {tableActions && (\n            <th className='px-2.5 relative'>\n              <div className='absolute w-full h-full bg-white dark:bg-black-700 top-0 left-0' />\n              <div>{tableActions()}</div>\n            </th>\n          )}\n          {headerGroup.headers\n            .filter((header: HeaderColumn) => header?.visible !== false)\n            .map((column: HeaderColumn, headerIndex: number) => (\n              <Cell\n                key={column.id}\n                headerGroup={headerGroup}\n                headerIndex={headerIndex}\n                showHeaderOptions={showHeaderOptions}\n                column={column}\n                isShowSortArrowAsc={isShowSortArrowAsc}\n                isShowSortArrowDesc={isShowSortArrowDesc}\n                onSort={onSort}\n                onFilter={onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={isResizable}\n              />\n            ))}\n          {(rowOptions || rowAdditionalActions) && (\n            <th className='h-10 whitespace-normal w-auto sticky left-0 right-0 z-20 bg-white dark:bg-black-700'>\n              <div className='flex'>\n                {rowAdditionalActions && (\n                  <div className='relative'>\n                    <div className='absolute w-full h-full top-0 left-0' />\n                    <div>{rowAdditionalActions()}</div>\n                  </div>\n                )}\n                <div className='w-12' />\n              </div>\n            </th>\n          )}\n        </tr>\n      ))}\n    </thead>\n  );\n};\n"],"names":["Head","headerGroups","isCheckbox","checkboxConfig","isAllChecked","showHeaderOptions","setShowHeaderOptions","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","toggleDataFilterModal","rowOptions","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","tableActions","isResizable","isLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","createElement","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":"wMA+CaA,EAAO,CAAC,CACnB,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,YAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,uBAAAC,CACF,IAEIC,EAAAA,IAAC,QAAA,CAAM,UAAU,yIACd,SAAAxB,EAAa,IAAI,CAACyB,EAAaC,IAC9BC,EAAAA,cAAC,KAAA,CAAI,GAAGF,EAAY,sBAAuB,IAAKC,EAAO,UAAU,MAAA,EAC9DH,GACCC,EAAAA,IAAC,KAAA,CAAG,UAAU,sEACZ,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,aAAA,CAAc,EAC/B,EAEDvB,GACCuB,EAAAA,IAAC,MAAA,CAAI,UAAW,UAAUD,EAAyB,cAAgB,QAAQ,6DACzE,SAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,sBACZ,eAACI,EAAAA,SAAA,CAAS,WAAYP,EAAW,eAAAnB,EAA4I,aAAAC,CAAA,CAA4B,CAAA,CAC3M,CAAA,CACF,EAEDgB,GACCU,EAAAA,KAAC,KAAA,CAAG,UAAU,kBACZ,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,gEAAA,CAAiE,EAChFA,EAAAA,IAAC,MAAA,CAAK,SAAAL,EAAA,CAAa,CAAE,CAAA,CAAA,CACvB,EAEDM,EAAY,QACV,OAAQK,GAAyBA,GAAQ,UAAY,EAAK,EAC1D,IAAI,CAACC,EAAsBC,IAC1BR,EAAAA,IAACS,EAAAA,KAAA,CAEC,YAAAR,EACA,YAAAO,EACA,kBAAA5B,EACA,OAAA2B,EACA,mBAAAzB,EACA,oBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,qBAAAP,EACA,sBAAAQ,EACA,qBAAAE,EACA,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,YAAAE,CAAA,EAlBKW,EAAO,EAAA,CAoBf,GACDjB,GAAcQ,IACdE,EAAAA,IAAC,KAAA,CAAG,UAAU,sFACZ,SAAAK,EAAAA,KAAC,MAAA,CAAI,UAAU,OACZ,SAAA,CAAAP,GACCO,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,EACrDA,EAAAA,IAAC,MAAA,CAAK,SAAAF,EAAA,CAAqB,CAAE,CAAA,EAC/B,EAEFE,EAAAA,IAAC,MAAA,CAAI,UAAU,MAAA,CAAO,CAAA,EACxB,CAAA,CACF,CAEJ,CACD,EACH"}

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

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

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

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

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