@lax-wp/design-system 0.13.37-beta.0 → 0.13.38

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"),D=require("./CheckAll.cjs.js"),F=require("./cell/index.cjs.js"),M=require("../../skeleton/loaders/SingleLineLoader.cjs.js"),O=({headerGroups:c,isCheckbox:x,checkboxConfig:b,isAllChecked:h,showHeaderOptions:n,setShowHeaderOptions:m,isShowSortArrowAsc:d,isShowSortArrowDesc:f,onSort:u,onFilter:j,toggleHeaderOption:k,setIsShowSortArrowAsc:o,setIsShowSortArrowDesc:v,toggleDataFilterModal:w,rowOptions:p,isColumnConfigurable:N,onAddColumnClick:g,onEditColumnClick:y,onDeleteColumnClick:z,tableActions:i,isResizable:q,isLoading:C,headerLoading:l,rowAdditionalActions:t,showPendingEditsColumn:r})=>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-row relative"},l&&e.jsx("th",{className:"absolute inset-0 z-30 flex items-center px-4 bg-white dark:bg-black-700","aria-busy":"true",children:e.jsx("div",{className:"w-full max-w-xs",children:e.jsx(M,{lineHeight:"14px"})})}),r&&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"})}),x&&e.jsx("div",{className:`sticky ${r?"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(D.CheckAll,{isDisabled:C||l,checkboxConfig:b,isAllChecked:h})})}),i&&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:i()})]}),a.headers.filter(s=>s?.visible!==!1).map((s,S)=>e.jsx(F.Cell,{headerGroup:a,headerIndex:S,showHeaderOptions:n,column:s,isShowSortArrowAsc:d,isShowSortArrowDesc:f,onSort:l?void 0:u,onFilter:l?void 0:j,toggleHeaderOption:k,setIsShowSortArrowAsc:o,setIsShowSortArrowDesc:v,setShowHeaderOptions:m,toggleDataFilterModal:w,isColumnConfigurable:l?!1:N,onAddColumnClick:g,onEditColumnClick:y,onDeleteColumnClick:z,isResizable:l?!1:q},s.id)),(p||t)&&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:[t&&e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute w-full h-full top-0 left-0"}),e.jsx("div",{children:t()})]}),e.jsx("div",{className:"w-12"})]})})))});exports.Head=O;
+"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 { SingleLineLoader } from '../../../data-display/skeleton/loaders';\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  /** When true, renders a single skeleton line loader in place of the column headers and suspends all header interactions. */\n  headerLoading?: 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  headerLoading,\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 relative'>\n          {headerLoading && (\n            <th className='absolute inset-0 z-30 flex items-center px-4 bg-white dark:bg-black-700' aria-busy='true'>\n              <div className='w-full max-w-xs'>\n                <SingleLineLoader lineHeight='14px' />\n              </div>\n            </th>\n          )}\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 || headerLoading} 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={headerLoading ? undefined : onSort}\n                onFilter={headerLoading ? undefined : onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={headerLoading ? false : isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={headerLoading ? false : 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","headerLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","SingleLineLoader","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":"oQAkDaA,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,cAAAC,EACA,qBAAAC,EACA,uBAAAC,CACF,IAEIC,EAAAA,IAAC,QAAA,CAAM,UAAU,yIACd,WAAa,IAAI,CAACC,EAAaC,oBAC7B,KAAA,CAAI,GAAGD,EAAY,oBAAA,EAAuB,IAAKC,EAAO,UAAU,gBAAA,EAC9DL,GACCG,EAAAA,IAAC,KAAA,CAAG,UAAU,0EAA0E,YAAU,OAChG,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,kBACb,SAAAA,EAAAA,IAACG,EAAA,CAAiB,WAAW,MAAA,CAAO,EACtC,CAAA,CACF,EAEDJ,GACCC,EAAAA,IAAC,MAAG,UAAU,sEACZ,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,cAAA,CAAe,EAChC,EAEDxB,SACE,MAAA,CAAI,UAAW,UAAUuB,EAAyB,cAAgB,QAAQ,6DACzE,SAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,eACZ,SAAAA,MAACI,EAAAA,SAAA,CAAS,WAAYR,GAAaC,EAAe,eAAApB,EAA4I,aAAAC,EAA4B,CAAA,CAC5N,EACF,EAEDgB,GACCW,OAAC,KAAA,CAAG,UAAU,kBACZ,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,gEAAA,CAAiE,EAChFA,EAAAA,IAAC,MAAA,CAAK,SAAAN,EAAA,CAAa,CAAE,CAAA,CAAA,CACvB,EAEDO,EAAY,QACV,OAAQK,GAAyBA,GAAQ,UAAY,EAAK,EAC1D,IAAI,CAACC,EAAsBC,IAC1BR,EAAAA,IAACS,EAAAA,KAAA,CAEC,YAAAR,EACA,YAAAO,EACA,kBAAA7B,EACA,OAAA4B,EACA,mBAAA1B,EACA,oBAAAC,EACA,OAAQe,EAAgB,OAAYd,EACpC,SAAUc,EAAgB,OAAYb,EACtC,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,qBAAAP,EACA,sBAAAQ,EACA,qBAAsBS,EAAgB,GAAQP,EAC9C,iBAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,YAAaI,EAAgB,GAAQF,CAAA,EAlBhCY,EAAO,EAAA,CAoBf,GACDlB,GAAcS,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.d.ts

@@ -48,10 +48,8 @@ type TProps = {
     tableActions: (() => React.ReactNode) | null;
     isResizable: boolean;
     isLoading?: boolean;
-    /** When true, renders a single skeleton line loader in place of the column headers and suspends all header interactions. */
-    headerLoading?: boolean;
     rowAdditionalActions: (() => React.ReactNode) | null;
     showPendingEditsColumn?: boolean;
 };
-export declare const Head: ({ headerGroups, isCheckbox, checkboxConfig, isAllChecked, showHeaderOptions, setShowHeaderOptions, isShowSortArrowAsc, isShowSortArrowDesc, onSort, onFilter, toggleHeaderOption, setIsShowSortArrowAsc, setIsShowSortArrowDesc, toggleDataFilterModal, rowOptions, isColumnConfigurable, onAddColumnClick, onEditColumnClick, onDeleteColumnClick, tableActions, isResizable, isLoading, headerLoading, rowAdditionalActions, showPendingEditsColumn, }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const 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, }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,68 +1,66 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { createElement as R } from "react";
-import { CheckAll as $ } from "./CheckAll.es.js";
-import { Cell as q } from "./cell/index.es.js";
-import B from "../../skeleton/loaders/SingleLineLoader.es.js";
-const O = ({
-  headerGroups: m,
-  isCheckbox: b,
-  checkboxConfig: f,
-  isAllChecked: h,
-  showHeaderOptions: d,
-  setShowHeaderOptions: k,
-  isShowSortArrowAsc: o,
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { createElement as q } from "react";
+import { CheckAll as B } from "./CheckAll.es.js";
+import { Cell as E } from "./cell/index.es.js";
+const L = ({
+  headerGroups: c,
+  isCheckbox: m,
+  checkboxConfig: h,
+  isAllChecked: d,
+  showHeaderOptions: b,
+  setShowHeaderOptions: f,
+  isShowSortArrowAsc: k,
   isShowSortArrowDesc: p,
-  onSort: n,
-  onFilter: x,
-  toggleHeaderOption: w,
-  setIsShowSortArrowAsc: v,
+  onSort: o,
+  onFilter: w,
+  toggleHeaderOption: n,
+  setIsShowSortArrowAsc: x,
   setIsShowSortArrowDesc: N,
-  toggleDataFilterModal: u,
-  rowOptions: g,
-  isColumnConfigurable: z,
+  toggleDataFilterModal: g,
+  rowOptions: v,
+  isColumnConfigurable: u,
   onAddColumnClick: y,
-  onEditColumnClick: C,
-  onDeleteColumnClick: H,
-  tableActions: r,
-  isResizable: j,
-  isLoading: S,
-  headerLoading: l,
+  onEditColumnClick: z,
+  onDeleteColumnClick: j,
+  tableActions: i,
+  isResizable: H,
+  isLoading: C,
   rowAdditionalActions: a,
-  showPendingEditsColumn: c
-}) => /* @__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: m.map((i, D) => /* @__PURE__ */ R("tr", { ...i.getHeaderGroupProps(), key: D, className: "h-row relative" }, l && /* @__PURE__ */ e("th", { className: "absolute inset-0 z-30 flex items-center px-4 bg-white dark:bg-black-700", "aria-busy": "true", children: /* @__PURE__ */ e("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ e(B, { lineHeight: "14px" }) }) }), c && /* @__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" }) }), b && /* @__PURE__ */ e("div", { className: `sticky ${c ? "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($, { isDisabled: S || l, checkboxConfig: f, isAllChecked: h }) }) }), r && /* @__PURE__ */ s("th", { className: "px-2.5 relative", children: [
+  showPendingEditsColumn: s
+}) => /* @__PURE__ */ e("thead", { className: "text-sm font-normal text-neutral-500 dark:text-black-100 capitalize font-inter bg-white dark:bg-black-700 sticky top-0 z-[49] border-b", children: c.map((t, D) => /* @__PURE__ */ q("tr", { ...t.getHeaderGroupProps(), key: D, className: "h-row" }, s && /* @__PURE__ */ e("th", { className: "sticky left-0 z-20 bg-white dark:bg-black-700 min-w-[28px] w-[28px]", children: /* @__PURE__ */ e("div", { className: "w-full h-row" }) }), m && /* @__PURE__ */ e("div", { className: `sticky ${s ? "left-[28px]" : "left-0"} right-0 z-20 flex items-center bg-white dark:bg-black-700`, children: /* @__PURE__ */ e("th", { className: "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: r() })
-] }), i.headers.filter((t) => t?.visible !== !1).map((t, F) => /* @__PURE__ */ e(
-  q,
+  /* @__PURE__ */ e("div", { children: i() })
+] }), t.headers.filter((l) => l?.visible !== !1).map((l, $) => /* @__PURE__ */ e(
+  E,
   {
-    headerGroup: i,
-    headerIndex: F,
-    showHeaderOptions: d,
-    column: t,
-    isShowSortArrowAsc: o,
+    headerGroup: t,
+    headerIndex: $,
+    showHeaderOptions: b,
+    column: l,
+    isShowSortArrowAsc: k,
     isShowSortArrowDesc: p,
-    onSort: l ? void 0 : n,
-    onFilter: l ? void 0 : x,
-    toggleHeaderOption: w,
-    setIsShowSortArrowAsc: v,
+    onSort: o,
+    onFilter: w,
+    toggleHeaderOption: n,
+    setIsShowSortArrowAsc: x,
     setIsShowSortArrowDesc: N,
-    setShowHeaderOptions: k,
-    toggleDataFilterModal: u,
-    isColumnConfigurable: l ? !1 : z,
+    setShowHeaderOptions: f,
+    toggleDataFilterModal: g,
+    isColumnConfigurable: u,
     onAddColumnClick: y,
-    onEditColumnClick: C,
-    onDeleteColumnClick: H,
-    isResizable: l ? !1 : j
+    onEditColumnClick: z,
+    onDeleteColumnClick: j,
+    isResizable: H
   },
-  t.id
-)), (g || 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__ */ s("div", { className: "flex", children: [
-  a && /* @__PURE__ */ s("div", { className: "relative", children: [
+  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: [
     /* @__PURE__ */ e("div", { className: "absolute w-full h-full top-0 left-0" }),
     /* @__PURE__ */ e("div", { children: a() })
   ] }),
   /* @__PURE__ */ e("div", { className: "w-12" })
 ] }) }))) });
 export {
-  O as Head
+  L as Head
 };
 //# sourceMappingURL=index.es.js.map

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 { SingleLineLoader } from '../../../data-display/skeleton/loaders';\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  /** When true, renders a single skeleton line loader in place of the column headers and suspends all header interactions. */\n  headerLoading?: 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  headerLoading,\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 relative'>\n          {headerLoading && (\n            <th className='absolute inset-0 z-30 flex items-center px-4 bg-white dark:bg-black-700' aria-busy='true'>\n              <div className='w-full max-w-xs'>\n                <SingleLineLoader lineHeight='14px' />\n              </div>\n            </th>\n          )}\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 || headerLoading} 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={headerLoading ? undefined : onSort}\n                onFilter={headerLoading ? undefined : onFilter}\n                toggleHeaderOption={toggleHeaderOption}\n                setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n                setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n                setShowHeaderOptions={setShowHeaderOptions}\n                toggleDataFilterModal={toggleDataFilterModal}\n                isColumnConfigurable={headerLoading ? false : isColumnConfigurable}\n                onAddColumnClick={onAddColumnClick}\n                onEditColumnClick={onEditColumnClick}\n                onDeleteColumnClick={onDeleteColumnClick}\n                isResizable={headerLoading ? false : 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","headerLoading","rowAdditionalActions","showPendingEditsColumn","jsx","headerGroup","index","SingleLineLoader","CheckAll","jsxs","header","column","headerIndex","Cell"],"mappings":";;;;;AAkDO,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,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,wBAAAC;AACF,MAEI,gBAAAC,EAAC,SAAA,EAAM,WAAU,0IACd,YAAa,IAAI,CAACC,GAAaC,wBAC7B,MAAA,EAAI,GAAGD,EAAY,oBAAA,GAAuB,KAAKC,GAAO,WAAU,iBAAA,GAC9DL,KACC,gBAAAG,EAAC,MAAA,EAAG,WAAU,2EAA0E,aAAU,QAChG,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA,gBAAAA,EAACG,GAAA,EAAiB,YAAW,OAAA,CAAO,GACtC,EAAA,CACF,GAEDJ,KACC,gBAAAC,EAAC,QAAG,WAAU,uEACZ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,eAAA,CAAe,GAChC,GAEDxB,uBACE,OAAA,EAAI,WAAW,UAAUuB,IAAyB,gBAAgB,QAAQ,8DACzE,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,gBACZ,UAAA,gBAAAA,EAACI,GAAA,EAAS,YAAYR,KAAaC,GAAe,gBAAApB,GAA4I,cAAAC,GAA4B,EAAA,CAC5N,GACF,GAEDgB,KACC,gBAAAW,EAAC,MAAA,EAAG,WAAU,mBACZ,UAAA;AAAA,EAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,EAChF,gBAAAA,EAAC,OAAA,EAAK,UAAAN,EAAA,EAAa,CAAE;AAAA,EAAA,CACvB,GAEDO,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,mBAAA7B;AAAA,IACA,QAAA4B;AAAA,IACA,oBAAA1B;AAAA,IACA,qBAAAC;AAAA,IACA,QAAQe,IAAgB,SAAYd;AAAA,IACpC,UAAUc,IAAgB,SAAYb;AAAA,IACtC,oBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,sBAAAP;AAAA,IACA,uBAAAQ;AAAA,IACA,sBAAsBS,IAAgB,KAAQP;AAAA,IAC9C,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAaI,IAAgB,KAAQF;AAAA,EAAA;AAAA,EAlBhCY,EAAO;AAAA,CAoBf,IACDlB,KAAcS,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"),ws=require("../../../hooks/useCheckbox.cjs.js"),ps=require("../../../providers/design-system-provider/hooks.cjs.js"),kt=require("../../../utils/table.cjs.js"),Nt=require("../../button/Button.cjs.js"),Fs=require("../../floating-bar/FloatingBar.cjs.js"),be=require("../typography/Typography.cjs.js"),k=require("@dnd-kit/core"),l=require("react"),Ts=require("react-virtualized-auto-sizer"),Os=require("react-dom"),At=require("react-table"),js=require("./body/index.cjs.js"),Dt=require("./validateCell.cjs.js"),ys=require("./body/rows/row.cjs.js"),Es=require("./context.cjs.js"),Rs=require("./CurrencyDropdownPortal.cjs.js"),ks=require("./head/index.cjs.js"),Ns=require("./PendingEditsFloatingBar.cjs.js"),h=require("./constants.cjs.js"),_t=require("./useRowHeight.cjs.js"),As=require("../empty-state/NoDataFoundWidgets.cjs.js"),Ds=require("../empty-state/NoDataFound.cjs.js"),_s=require("../../icon/icons.generated.cjs.js"),Ms=Ts.AutoSizer,Mt="Create Column",Ls=(_,T)=>`button-admin-${_.toLowerCase().trim().replace(/\s+/g,"-").replace(/[^a-z0-9-_]/g,"")||T}`,gs=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,headerLoading:It=!1,onScroll:Bt,onScrolling:Vt,isColumnConfigurable:le,onAddColumnClick:se,emptyMessage:He,noDataWidget:$e,buttons:ze,onEditColumnClick:Ue,onDeleteColumnClick:Je,onRowTooltipClick:Pt,tooltiptext:Ct,cascadingTableConfig:qt,originalsOnly:Wt,disableOptionsForRowIndex:Ht,tableHeightClass:re="h-[calc(100vh-220px)]",getFullRowDataOnClick:$t,selectedRowId:zt=null,onRowEdit:N,onBulkRowEdit:L,inlineEditColumns:Ut,isResizable:Jt=!0,paginationConfig:ne,dndSortableUtils:ae,multipleContexts:Ge,withSortable:pe,withDraggable:Gt,enableRootDrag:Xt,pageSize:Yt=h.DEFAULT_PAGE_SIZE,onCascadingRowExpand:Zt,totalItems:Xe,showRecordCount:Fe=!1,getInnerRowData:Qt,maxLevel:Kt,expandedRows:el={},setExpandedRows:tl,showNewItem:ll,rawData:Ye,dragConfig:sl,isOverlayLoading:rl,style:nl={},floatingBarConfig:Te,rowWrapper:al,rowLinkConfig:cl,isCellClickDisabled:ol,setHeaderOnParent:Oe,optimizeTable:il=!1,multiSelectConfig:ul,headerContextOptions:dl,showHeaderContextOptions:hl,setShowHeaderContextOptions:ml,showDataTypeIcon:fl=!1,rowAdditionalActions:ce,rowAdditionalActionsWidth:je,setVisibleHeaders:ye,cellEditing:vl=null,cellEditingValue:xl=null,allowInlineEdit:Sl=!1,onFieldOperationFlow:bl,fieldOperationLoading:g=null,onTableActionsReady:Ee,onPendingEditsChange:Ze,onCancelPendingEdits:I})=>{const o=ps.useTableConfig(),wl=_t.getRowSlotHeight(_t.useRowHeight()),pl=!!T?.search,Qe=a?.columnFilters?.length>0,q=pl||Qe,Fl=!!M,O=o?.getTableView?.(_)??null,[p,W]=l.useState(O||null),[Re,ke]=l.useState(!1),[Ne,Ke]=l.useState(!1),[Tl,et]=l.useState(null),[S,Ae]=l.useState(j),tt=(f.length===0||!S.length)&&!te,[lt,oe]=l.useState(null),[Ol,jl]=l.useState(!1),[yl,El]=l.useState(null),[Rl,kl]=l.useState(!1),[Nl,ie]=l.useState(null),[Al,ue]=l.useState(null),[Dl,st]=l.useState({}),[H,De]=l.useState(null),[_l,rt]=l.useState(!1),[y,Ml]=l.useState(0),_e=l.useRef(null),Me=l.useRef(null),[nt,Ll]=l.useState({width:0,height:0}),[gl,B]=l.useState(null),[E,at]=l.useState(null),[Il,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 Bl=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})},[]),Vl=l.useCallback((e,t)=>d[e]?.[t],[d]),Pl=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]),Cl=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]),ql=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 Wl=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]),Hl=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]),$l=l.useCallback(e=>at(e),[]),fe=l.useCallback(()=>at(null),[]),zl=l.useCallback((e,t)=>{ct({value:e,reference:t}),E?.onSelected&&E.onSelected(e,t),fe()},[E,fe]),Ul=l.useCallback(()=>ct(null),[]),Jl=l.useCallback(e=>it(e),[]),bt=l.useCallback(()=>it(null),[]),Gl=l.useCallback((e,t)=>{$(r=>({...r,[e]:t}))},[]),Xl=l.useCallback(e=>Le[e],[Le]),Yl=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]),Zl={isEmpty:tt,isFilters:q,isColumnConfigurable:le,handleOnClick:se,emptyMessage:He,buttons:ze,noDataWidget:$e},Ql=o?.t?.(Mt)??Mt,ve=q?"No Results Found":He||"No Data Found",Kl=typeof ve=="string"?o?.t?.(ve)??ve:ve,wt={__isLoading:!0},es=new Array(1).fill(wt),ts=new Array(Yt).fill(wt),U=l.useMemo(()=>S.filter(e=>!!e?.visible),[S]),ls=At.useTable({columns:il?U:S,data:[...f,...te?f?.length?es:ts:[]],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}=ls;ht.current=xe;const ss=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)??[])}},[ss,ye]);const{checkboxConfig:Ot}=ws.useCheckbox({rows:A,checkedIds:M?.checkedIds,isCheckAllDisabled:M?.isCheckAllDisabled,selectionDisabledRowIds:M?.selectionDisabledRowIds,rawData:Ye,onAllChecked:kl,setCheckedIds:M?.setCheckedIds,checkboxMetadata:M?.checkboxMetadata}),rs=k.useSensors(k.useSensor(k.MouseSensor,{activationConstraint:{distance:h.DND_ACTIVATION_DISTANCE}}),k.useSensor(k.TouchSensor,{activationConstraint:{distance:h.DND_ACTIVATION_DISTANCE}})),ns={easing:h.DROP_ANIMATION_EASING,duration:h.DROP_ANIMATION_DURATION};function as(){return!Ge?.length||!pe?A:Ge.reduce((e,t)=>(e[t]=A.filter(r=>r.original?.type===t),e),{})}ft.current=as;const cs=e=>{const{active:t}=e;De(A.find(r=>r.original?.id===t?.id)??null)},os=e=>{const{active:t,over:r}=e;r&&(ae?.checkDndDragEnd&&ae.checkDndDragEnd(t,r,Dl,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))},is=()=>De(null),us=e=>{!m?.onSort&&!a?.onFilter||oe(lt===e?null:e)},ds=e=>{El(e),jl(!Ol),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),[]),hs=()=>{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},ms=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 fs=(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 vs=l.useCallback(e=>{de.current=!0,a?.onRemoveFilter?.(e)},[a?.onRemoveFilter]),xs=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=>Ml(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;Ll({width:r,height:n})});return e.observe(Me.current),()=>e.disconnect()},[]);const yt=s.jsx(ks.Head,{isResizable:Jt,headerGroups:xe,isCheckbox:Fl,checkboxConfig:Ot,isAllChecked:Rl,showHeaderOptions:lt??"",setShowHeaderOptions:oe,isShowSortArrowAsc:Nl,isShowSortArrowDesc:Al,onSort:m?.onSort,onFilter:a?.onFilter,toggleHeaderOption:us,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,headerLoading:It,rowAdditionalActions:ce??null,showPendingEditsColumn:P>0}),Et=s.jsxs(s.Fragment,{children:[_l||rl?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(Zl):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(As.NoDataFoundWidgets,{widgetType:"TABLE"}):s.jsx(Ds.NoDataFound,{text:Kl}),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(_s.Add2Icon,{className:"text-white dark:text-white"})," ",Ql]})}):null,!q&&ze?.map((e,t)=>s.jsx(Nt,{status:"secondary",id:Ls(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:nt.width,n=t>0?t:nt.height;return r>0&&n>0?s.jsx(js.Body,{getTableBodyProps:Ft,rows:A,prepareRow:Tt,isLoading:te,onScroll:Bt,onScrolling:Vt,columns:j,width:r,height:n,withSortable:pe,allowAstarSearch:T?.allowAStarSearch||!1}):null}})})]}),Ss=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})]})),bs=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(Es.TableContext.Provider,{value:{tableWrapper:Ss,tableBodyWrapper:bs,lastNonStickyColumnIndex:hs,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:Pt,tooltiptext:Ct,cascadingTableConfig:qt,activeInlineEdit:gl,setActiveInlineEdit:B,originalsOnly:Wt,disableOptionsForRowIndex:Ht,getFullRowDataOnClick:$t,selectedRowId:zt,getSumOfNextVisibleColumnWidth:ms,onRowEdit:N,inlineEditColumns:Ut,tableActions:qe,dndSortableUtils:ae,withSortable:pe,withDraggable:Gt,onCascadingRowExpand:Zt,getInnerRowData:Qt,tableHeaders:S,maxLevel:Kt,expandedRows:el,setExpandedRows:tl,showNewItem:ll,rawData:Ye,dragConfig:sl,rowWrapper:al,rowLinkConfig:cl,isCellClickDisabled:ol,asyncRowOptionsFilter:a?.asyncRowOptionsFilter,handleUpdateColumnWidth:fs,multiSelectConfig:ul,headerContextOptions:dl,showHeaderContextOptions:hl,setShowHeaderContextOptions:ml,headerDivWidth:y,showDataTypeIcon:fl,rowAdditionalActions:ce,hoverConfig:Lt,rowAdditionalActionsWidth:je,cellEditing:vl,cellEditingValue:xl,openMasterDataModal:$l,closeMasterDataModal:fe,selectedMasterData:Il,clearSelectedMasterData:Ul,allowInlineEdit:Sl,openCurrencyDropdown:Jl,closeCurrencyDropdown:bt,currencyDropdownConfig:ot,selectedCurrenciesMap:Le,setCurrencyForCell:Gl,getCurrencyForCell:Xl,pendingEdits:d,addPendingEdit:Be,removePendingEdit:Bl,getPendingEdit:Vl,hasPendingEdit:Pl,clearAllPendingEdits:xt,saveAllPendingEdits:St,clearRowPendingEdits:Cl,saveRowPendingEdits:ql,pendingEditsCount:P,scrollToCell:V,onFieldOperationFlow:bl,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:vs,onClearFilter:xs,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:ds,modelName:J,enableMasterDataEnumSuggestions:G,defaultFilterColumn:Tl,resetDefaultFilterColumn:()=>et(null),column:yl,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(Fs.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)*wl+4}px`:"350px"}:{height:Yl},...nl},children:Xt?Et:s.jsxs(k.DndContext,{sensors:rs,onDragEnd:os,onDragStart:cs,onDragCancel:is,collisionDetection:k.closestCorners,children:[Et,H?Os.createPortal(s.jsx(k.DragOverlay,{adjustScale:!0,dropAnimation:ns,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(ys.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:zl,onClose:fe,masterDataColumnName:E?.masterDataColumnName,masterDataFilters:E?.masterDataFilters,masterDataName:E?.masterDataName,masterDataId:E?.masterDataName,showFilters:!0}),s.jsx(Rs.CurrencyDropdownPortal,{config:ot,onClose:bt}),s.jsx(Ns.PendingEditsFloatingBar,{pendingEditsCount:P,pendingEditsList:Wl,rowsWithPendingEdits:Hl,fieldOperationLoading:g,onClearAll:xt,onSaveAll:St,onScrollToCell:V})]})});exports.InfiniteTable=gs;
+"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