ods-component-lib 1.21.2 → 1.22.1

package/dist/components/devextreme/OdsMasterDetailDataGrid/handlers/OnActionCellRenderHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnActionCellRenderHandler.js","sources":["../../../../../src/components/devextreme/OdsMasterDetailDataGrid/handlers/OnActionCellRenderHandler.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\r\n\r\nimport {\r\n  IActionButtonsTooltipType,\r\n  IButtonGrouOptions,\r\n  IEditingOptions,\r\n} from \"../types\";\r\nimport OdsDataGrdiRowButton from \"../../../antd/button/OdsDataGrdiRowButton\";\r\nimport OdsDropdown from \"../../../antd/dropdown/OdsDropdown\";\r\nimport DynamicIcon from \"../../datagridUtils/DynamicIcon\";\r\n\r\n/**\r\n * Custom hook that returns a callback function for rendering action buttons in a cell.\r\n * @param visibleActionButtons - An array of options for visible action buttons.\r\n * @param actionButtonGroup - An array of options for action buttons.\r\n * @param edit - An object containing editing options.\r\n * @param tooltipType - The type of tooltip to display.\r\n * @returns The onActionCellRender callback function.\r\n */\r\nexport const useOnActionCellRenderHandler = (\r\n  visibleActionButtons: IButtonGrouOptions[] | undefined,\r\n  actionButtonGroup: IButtonGrouOptions[] | undefined,\r\n  edit?: IEditingOptions | undefined,\r\n  actionButtonsTooltipType?: IActionButtonsTooltipType | undefined\r\n) => {\r\n  /**\r\n   * Callback function for rendering action buttons in a cell.\r\n   * @param cellData - The data of the cell being rendered.\r\n   * @returns The JSX elements representing the action buttons.\r\n   */\r\n  const onActionCellRender = useCallback(\r\n    (cellData: any | undefined) => {\r\n      if (!cellData || !visibleActionButtons) return null;\r\n\r\n      // Prepare kebab menu buttons if there are more than two action buttons\r\n      const kebabMenuButtons =\r\n        actionButtonGroup && actionButtonGroup.length >= 2 && !edit\r\n          ? actionButtonGroup.slice(2).map((button) => ({\r\n              icon: button.icon,\r\n              onClick: (event) => {\r\n                const customEvent = {\r\n                  column: cellData.column,\r\n                  component: cellData.component,\r\n                  element: cellData.element,\r\n                  event: event,\r\n                  model: cellData.data,\r\n                  row: cellData.row,\r\n                };\r\n                button.onClick(customEvent);\r\n              },\r\n            }))\r\n          : [];\r\n\r\n      // Render the action buttons\r\n      const buttonElements = visibleActionButtons.map((buttonItem) => {\r\n        const isVisible =\r\n          typeof buttonItem.visible === \"function\"\r\n            ? buttonItem.visible({\r\n                column: cellData.column,\r\n                component: cellData.component,\r\n                row: cellData.row,\r\n              })\r\n            : buttonItem.visible;\r\n\r\n        return (\r\n          <OdsDataGrdiRowButton\r\n            key={`action-button-${buttonItem.name}`}\r\n            name={buttonItem.name}\r\n            hint={buttonItem.hint}\r\n            visible={isVisible}\r\n            size=\"small\"\r\n            type=\"text\"\r\n            disabled={\r\n              buttonItem.actionPermission === undefined\r\n                ? false\r\n                : !buttonItem.actionPermission\r\n            }\r\n            icon={buttonItem.icon}\r\n            {...(actionButtonsTooltipType === \"styled\" && {\r\n              tooltip: buttonItem.hint,\r\n            })}\r\n            onClick={(event) => {\r\n              if (buttonItem.onClick) {\r\n                const customEvent = {\r\n                  column: cellData.column,\r\n                  component: cellData.component,\r\n                  element: cellData.element,\r\n                  event: event,\r\n                  model: cellData.data,\r\n                  row: cellData.row,\r\n                };\r\n\r\n                buttonItem.onClick(customEvent);\r\n              }\r\n            }}\r\n          />\r\n        );\r\n      });\r\n\r\n      // Add kebab menu button if applicable\r\n      if (kebabMenuButtons.length > 0) {\r\n        buttonElements.push(\r\n          <OdsDropdown\r\n            key={`dropdown-${cellData.rowIndex || cellData.data.ID}`}\r\n            menuItems={kebabMenuButtons}\r\n          >\r\n            <OdsDataGrdiRowButton\r\n              type=\"text\"\r\n              icon={<DynamicIcon iconName={\"kebabMenu\"} />}\r\n            />\r\n          </OdsDropdown>\r\n        );\r\n      }\r\n\r\n      return <React.Fragment>{buttonElements}</React.Fragment>;\r\n    },\r\n    [visibleActionButtons]\r\n  );\r\n\r\n  return onActionCellRender;\r\n};\r\n"],"names":["useOnActionCellRenderHandler","visibleActionButtons","actionButtonGroup","edit","actionButtonsTooltipType","useCallback","cellData","kebabMenuButtons","button","event","customEvent","buttonElements","buttonItem","isVisible","jsx","OdsDataGrdiRowButton","OdsDropdown","DynamicIcon","React"],"mappings":";;;;;AAmBO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,GACAC,MAO2BC;AAAA,EACzB,CAACC,MAA8B;AAC7B,QAAI,CAACA,KAAY,CAACL,EAAsB,QAAO;AAG/C,UAAMM,IACJL,KAAqBA,EAAkB,UAAU,IAC7CA,EAAkB,MAAM,CAAC,EAAE,IAAI,CAACM,OAAY;AAAA,MAC1C,MAAMA,EAAO;AAAA,MACb,SAAS,CAACC,MAAU;AAClB,cAAMC,IAAc;AAAA,UAClB,QAAQJ,EAAS;AAAA,UACjB,WAAWA,EAAS;AAAA,UACpB,SAASA,EAAS;AAAA,UAClB,OAAAG;AAAA,UACA,OAAOH,EAAS;AAAA,UAChB,KAAKA,EAAS;AAAA,QAAA;AAEhB,QAAAE,EAAO,QAAQE,CAAW;AAAA,MAC5B;AAAA,IAAA,EACA,IACF,CAAA,GAGAC,IAAiBV,EAAqB,IAAI,CAACW,MAAe;AAC9D,YAAMC,IACJ,OAAOD,EAAW,WAAY,aAC1BA,EAAW,QAAQ;AAAA,QACjB,QAAQN,EAAS;AAAA,QACjB,WAAWA,EAAS;AAAA,QACpB,KAAKA,EAAS;AAAA,MAAA,CACf,IACDM,EAAW;AAEjB,aACE,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,MAAMH,EAAW;AAAA,UACjB,MAAMA,EAAW;AAAA,UACjB,SAASC;AAAA,UACT,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UACED,EAAW,qBAAqB,SAC5B,KACA,CAACA,EAAW;AAAA,UAElB,MAAMA,EAAW;AAAA,UAChB,GAAIR,MAA6B;AAAA,UAGlC,SAAS,CAACK,MAAU;AAClB,gBAAIG,EAAW,SAAS;AACtB,oBAAMF,IAAc;AAAA,gBAClB,QAAQJ,EAAS;AAAA,gBACjB,WAAWA,EAAS;AAAA,gBACpB,SAASA,EAAS;AAAA,gBAClB,OAAAG;AAAA,gBACA,OAAOH,EAAS;AAAA,gBAChB,KAAKA,EAAS;AAAA,cAAA;AAGhB,cAAAM,EAAW,QAAQF,CAAW;AAAA,YAChC;AAAA,UACF;AAAA,QAAA;AAAA,QA5BK,iBAAiBE,EAAW,IAAI;AAAA,MAAA;AAAA,IA+B3C,CAAC;AAGD,WAAIL,EAAiB,SAAS,KAC5BI,EAAe;AAAA,MACb,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,WAAWT;AAAA,UAEX,UAAA,gBAAAO;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM,gBAAAD,EAACG,GAAA,EAAY,UAAU,YAAA,CAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QAC5C;AAAA,QANK,YAAYX,EAAS,YAAYA,EAAS,KAAK,EAAE;AAAA,MAAA;AAAA,IAOxD,GAIG,gBAAAQ,EAACI,EAAM,UAAN,EAAgB,UAAAP,EAAA,CAAe;AAAA,EACzC;AAAA,EACA,CAACV,CAAoB;AAAA;"}
+{"version":3,"file":"OnActionCellRenderHandler.js","sources":["../../../../../src/components/devextreme/OdsMasterDetailDataGrid/handlers/OnActionCellRenderHandler.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\r\n\r\nimport {\r\n  IActionButtonsTooltipType,\r\n  IButtonGrouOptions,\r\n  IEditingOptions,\r\n} from \"../types\";\r\nimport OdsDataGrdiRowButton from \"../../../antd/button/OdsDataGrdiRowButton\";\r\nimport OdsDropdown from \"../../../antd/dropdown/OdsDropdown\";\r\nimport DynamicIcon from \"../../datagridUtils/DynamicIcon\";\r\n\r\nexport const useOnActionCellRenderHandler = (\r\n  visibleActionButtons: IButtonGrouOptions[] | undefined,\r\n  actionButtonGroup: IButtonGrouOptions[] | undefined,\r\n  edit?: IEditingOptions | undefined,\r\n  actionButtonsTooltipType?: IActionButtonsTooltipType | undefined\r\n) => {\r\n  const onActionCellRender = useCallback(\r\n    (cellData: any | undefined) => {\r\n      if (!cellData || !visibleActionButtons) return null;\r\n\r\n      const kebabMenuButtons =\r\n        actionButtonGroup && actionButtonGroup.length >= 2 && !edit\r\n          ? actionButtonGroup.slice(2).map((button) => ({\r\n              icon: button.icon,\r\n              onClick: (event) => {\r\n                const customEvent = {\r\n                  column: cellData.column,\r\n                  component: cellData.component,\r\n                  element: cellData.element,\r\n                  event: event,\r\n                  model: cellData.data,\r\n                  row: cellData.row,\r\n                };\r\n                button.onClick(customEvent);\r\n              },\r\n            }))\r\n          : [];\r\n\r\n      const buttonElements = visibleActionButtons.map((buttonItem) => {\r\n        const isVisible =\r\n          typeof buttonItem.visible === \"function\"\r\n            ? buttonItem.visible({\r\n                column: cellData.column,\r\n                component: cellData.component,\r\n                row: cellData.row,\r\n              })\r\n            : buttonItem.visible;\r\n\r\n        return (\r\n          <OdsDataGrdiRowButton\r\n            key={`action-button-${buttonItem.name}`}\r\n            name={buttonItem.name}\r\n            hint={buttonItem.hint}\r\n            visible={isVisible}\r\n            size=\"small\"\r\n            type=\"text\"\r\n            disabled={\r\n              buttonItem.actionPermission === undefined\r\n                ? false\r\n                : !buttonItem.actionPermission\r\n            }\r\n            icon={buttonItem.icon}\r\n            {...(actionButtonsTooltipType === \"styled\" && {\r\n              tooltip: buttonItem.hint,\r\n            })}\r\n            onClick={(event) => {\r\n              if (buttonItem.onClick) {\r\n                const customEvent = {\r\n                  column: cellData.column,\r\n                  component: cellData.component,\r\n                  element: cellData.element,\r\n                  event: event,\r\n                  model: cellData.data,\r\n                  row: cellData.row,\r\n                };\r\n\r\n                buttonItem.onClick(customEvent);\r\n              }\r\n            }}\r\n          />\r\n        );\r\n      });\r\n\r\n      if (kebabMenuButtons.length > 0) {\r\n        buttonElements.push(\r\n          <OdsDropdown\r\n            key={`dropdown-${cellData.rowIndex || cellData.data.ID}`}\r\n            menuItems={kebabMenuButtons}\r\n          >\r\n            <OdsDataGrdiRowButton\r\n              type=\"text\"\r\n              icon={<DynamicIcon iconName={\"kebabMenu\"} />}\r\n            />\r\n          </OdsDropdown>\r\n        );\r\n      }\r\n\r\n      return <React.Fragment>{buttonElements}</React.Fragment>;\r\n    },\r\n    [visibleActionButtons]\r\n  );\r\n\r\n  return onActionCellRender;\r\n};\r\n"],"names":["useOnActionCellRenderHandler","visibleActionButtons","actionButtonGroup","edit","actionButtonsTooltipType","useCallback","cellData","kebabMenuButtons","button","event","customEvent","buttonElements","buttonItem","isVisible","jsx","OdsDataGrdiRowButton","OdsDropdown","DynamicIcon","React"],"mappings":";;;;;AAWO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,GACAC,MAE2BC;AAAA,EACzB,CAACC,MAA8B;AAC7B,QAAI,CAACA,KAAY,CAACL,EAAsB,QAAO;AAE/C,UAAMM,IACJL,KAAqBA,EAAkB,UAAU,IAC7CA,EAAkB,MAAM,CAAC,EAAE,IAAI,CAACM,OAAY;AAAA,MAC1C,MAAMA,EAAO;AAAA,MACb,SAAS,CAACC,MAAU;AAClB,cAAMC,IAAc;AAAA,UAClB,QAAQJ,EAAS;AAAA,UACjB,WAAWA,EAAS;AAAA,UACpB,SAASA,EAAS;AAAA,UAClB,OAAAG;AAAA,UACA,OAAOH,EAAS;AAAA,UAChB,KAAKA,EAAS;AAAA,QAAA;AAEhB,QAAAE,EAAO,QAAQE,CAAW;AAAA,MAC5B;AAAA,IAAA,EACA,IACF,CAAA,GAEAC,IAAiBV,EAAqB,IAAI,CAACW,MAAe;AAC9D,YAAMC,IACJ,OAAOD,EAAW,WAAY,aAC1BA,EAAW,QAAQ;AAAA,QACjB,QAAQN,EAAS;AAAA,QACjB,WAAWA,EAAS;AAAA,QACpB,KAAKA,EAAS;AAAA,MAAA,CACf,IACDM,EAAW;AAEjB,aACE,gBAAAE;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,MAAMH,EAAW;AAAA,UACjB,MAAMA,EAAW;AAAA,UACjB,SAASC;AAAA,UACT,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UACED,EAAW,qBAAqB,SAC5B,KACA,CAACA,EAAW;AAAA,UAElB,MAAMA,EAAW;AAAA,UAChB,GAAIR,MAA6B;AAAA,UAGlC,SAAS,CAACK,MAAU;AAClB,gBAAIG,EAAW,SAAS;AACtB,oBAAMF,IAAc;AAAA,gBAClB,QAAQJ,EAAS;AAAA,gBACjB,WAAWA,EAAS;AAAA,gBACpB,SAASA,EAAS;AAAA,gBAClB,OAAAG;AAAA,gBACA,OAAOH,EAAS;AAAA,gBAChB,KAAKA,EAAS;AAAA,cAAA;AAGhB,cAAAM,EAAW,QAAQF,CAAW;AAAA,YAChC;AAAA,UACF;AAAA,QAAA;AAAA,QA5BK,iBAAiBE,EAAW,IAAI;AAAA,MAAA;AAAA,IA+B3C,CAAC;AAED,WAAIL,EAAiB,SAAS,KAC5BI,EAAe;AAAA,MACb,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,WAAWT;AAAA,UAEX,UAAA,gBAAAO;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAM,gBAAAD,EAACG,GAAA,EAAY,UAAU,YAAA,CAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QAC5C;AAAA,QANK,YAAYX,EAAS,YAAYA,EAAS,KAAK,EAAE;AAAA,MAAA;AAAA,IAOxD,GAIG,gBAAAQ,EAACI,EAAM,UAAN,EAAgB,UAAAP,EAAA,CAAe;AAAA,EACzC;AAAA,EACA,CAACV,CAAoB;AAAA;"}

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsMergeCellDataGrid.Constants.js","sources":["../../../../src/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Constants.ts"],"sourcesContent":["export let constants = {\r\n  totalPageCount: 1,\r\n  loadedPageCount: 1,\r\n  totalRecordCount: 0,\r\n  exportFormats: [\"xlsx\"],\r\n  selectedCellBgColor: \"#c1f9b8\",\r\n  allowedDataTypesForMultiCellEditing: [\"number\"],\r\n\r\n}\r\n\r\nexport const columnSelectedFieds = {\r\n  dataField: \"SelectedFields\",\r\n  dataType: \"object\",\r\n  caption: \"\",\r\n  visible: false,\r\n};\r\n\r\nexport const onCancelEditEvent = new CustomEvent(\"cancelEdit\", {\r\n  bubbles: true,\r\n  detail: {\r\n    rowData: null, // Placeholder for the row data that was being edited\r\n  },\r\n});\r\n\r\nexport const dataFieldNameActions = \"Actions\";"],"names":["constants","dataFieldNameActions"],"mappings":"AAAO,IAAIA,IAAY;AAAA,EAIrB,eAAe,CAAC,MAAM;AAIxB;AAgBO,MAAMC,IAAuB;"}
+{"version":3,"file":"OdsMergeCellDataGrid.Constants.js","sources":["../../../../src/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Constants.ts"],"sourcesContent":["export let constants = {\r\n  totalPageCount: 1,\r\n  loadedPageCount: 1,\r\n  totalRecordCount: 0,\r\n  exportFormats: [\"xlsx\"],\r\n  selectedCellBgColor: \"#c1f9b8\",\r\n  allowedDataTypesForMultiCellEditing: [\"number\"],\r\n\r\n}\r\n\r\nexport const columnSelectedFieds = {\r\n  dataField: \"SelectedFields\",\r\n  dataType: \"object\",\r\n  caption: \"\",\r\n  visible: false,\r\n};\r\n\r\nexport const onCancelEditEvent = new CustomEvent(\"cancelEdit\", {\r\n  bubbles: true,\r\n  detail: {\r\n    rowData: null,\r\n  },\r\n});\r\n\r\nexport const dataFieldNameActions = \"Actions\";"],"names":["constants","dataFieldNameActions"],"mappings":"AAAO,IAAIA,IAAY;AAAA,EAIrB,eAAe,CAAC,MAAM;AAIxB;AAgBO,MAAMC,IAAuB;"}

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsMergeCellDataGrid.Helper.js","sources":["../../../../src/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Helper.ts"],"sourcesContent":["import { ICellMergeInfo } from \"./OdsMergeCellDataGrid.Types\";\r\n\r\nexport class OdsMergeCellDataGridHelper {\r\n  private static _instance: OdsMergeCellDataGridHelper;\r\n  private _dataSource: any[];\r\n  private _columns: any;\r\n  private _mergeDataFields: string[];\r\n  get mergeDataFields(): string[] {\r\n    return this._mergeDataFields;\r\n  }\r\n  set mergeDataFields(val: string[]) {\r\n    this._mergeDataFields = val;\r\n  }\r\n  get dataSource(): any[] {\r\n    return this._dataSource;\r\n  }\r\n  set dataSource(val: any[]) {\r\n    this._dataSource = val;\r\n  }\r\n  get columns(): any[] {\r\n    return this._columns;\r\n  }\r\n  set columns(val: any[]) {\r\n    this._columns = val;\r\n  }\r\n\r\n  constructor() {}\r\n\r\n  public static getInstance = (): OdsMergeCellDataGridHelper => {\r\n    if (OdsMergeCellDataGridHelper._instance === null || OdsMergeCellDataGridHelper._instance === undefined) {\r\n      return new OdsMergeCellDataGridHelper();\r\n    }\r\n    return OdsMergeCellDataGridHelper._instance;\r\n  };\r\n\r\n  public sortDataSource = () => {\r\n    if (\r\n      this._mergeDataFields &&\r\n      this._mergeDataFields.length > 0 &&\r\n      this._dataSource?.length > 0\r\n    ) {\r\n      this._dataSource = this._dataSource.sort((a, b) => {\r\n        for (const dataField of this._mergeDataFields) {\r\n          const result = this.compareData(\r\n            a[dataField],\r\n            b[dataField],\r\n            this.getDataType(dataField)\r\n          );\r\n          if (result !== 0) {\r\n            return result;\r\n          }\r\n        }\r\n        return 0;\r\n      });\r\n    }\r\n    return this._dataSource;\r\n  };\r\n\r\n  private compareData = (value1, value2, dataType: string): number => {\r\n    switch (dataType) {\r\n      case \"string\":\r\n        return String(value1).localeCompare(String(value2));\r\n      case \"number\":\r\n        return Number(value2) - Number(value1);\r\n      default:\r\n        return 0;\r\n    }\r\n  };\r\n\r\n  private getDataType = (dataField: string) => {\r\n    const column = this._columns.find((x) => x.dataField == dataField);\r\n    return column?.dataType;\r\n  };\r\n\r\n  public mergeDataSource = (): ICellMergeInfo[] => {\r\n    const mergedCells: ICellMergeInfo[] = [];\r\n    if (this._mergeDataFields === undefined || this._mergeDataFields.length === 0 || this._dataSource === undefined || this._dataSource.length === 0) {\r\n      return mergedCells;\r\n    }\r\n    const checkConditions = (fieldIndex, startIndex, rowIndex, currentCellValue, nextCellValue, mergedCellValue) => {\r\n      if (currentCellValue === nextCellValue) {\r\n        let newStartIndex = mergedCellValue !== currentCellValue ? rowIndex : startIndex;\r\n        let newEndIndex = rowIndex + 1;\r\n        if (fieldIndex === 0) {\r\n          return {\r\n            status: true,\r\n            startIndex: newStartIndex,\r\n            endIndex: newEndIndex\r\n          };  \r\n        }\r\n        else {\r\n          const prevMergedCells = mergedCells.filter(item => item.FieldName === this._mergeDataFields[fieldIndex - 1]);\r\n          if (!prevMergedCells.some(item => item.StartRowIndex <= newStartIndex && item.EndRowIndex >= newEndIndex)) {\r\n            return {\r\n              status: false\r\n            }\r\n          }\r\n          for (let index = 0; index < prevMergedCells.length; index++) {\r\n            const mergedItem = prevMergedCells[index];\r\n            if (newStartIndex >= mergedItem.EndRowIndex || newEndIndex <= mergedItem.StartRowIndex) {\r\n              continue;\r\n            }\r\n            if (newStartIndex < mergedItem.StartRowIndex) {\r\n              newStartIndex = mergedItem.StartRowIndex;\r\n            }\r\n            if (newEndIndex > mergedItem.EndRowIndex) {\r\n              newEndIndex = mergedItem.EndRowIndex;\r\n            }\r\n            return {\r\n              status: true,\r\n              startIndex: newStartIndex,\r\n              endIndex: newEndIndex\r\n            }; \r\n          }\r\n        }\r\n      }\r\n      return {\r\n        status: false\r\n      }\r\n    }\r\n    for (let fieldIndex = 0; fieldIndex < this._mergeDataFields.length; fieldIndex++) {\r\n      const mergeFieldName = this._mergeDataFields[fieldIndex];\r\n      let startIndex = 0, endIndex = 0, mergedCellValue;\r\n      for (let rowIndex = 0; rowIndex < this._dataSource.length; rowIndex++) {\r\n        const currentCellValue = this._dataSource[rowIndex][mergeFieldName];\r\n        if (rowIndex + 1 < this._dataSource.length) {\r\n          const nextCellValue = this._dataSource[rowIndex + 1][mergeFieldName];\r\n          const conditionResult = checkConditions(fieldIndex, startIndex, rowIndex, currentCellValue, nextCellValue, mergedCellValue);\r\n          if (conditionResult.status) {\r\n            startIndex = conditionResult.startIndex;\r\n            endIndex = conditionResult.endIndex;\r\n            mergedCellValue = currentCellValue;\r\n          } else if (mergedCellValue !== undefined) { // Insert merged cells\r\n            mergedCells.push({\r\n              FieldName: mergeFieldName,\r\n              StartRowIndex: startIndex,\r\n              EndRowIndex: endIndex,\r\n            });\r\n            mergedCellValue = undefined;\r\n            startIndex = rowIndex+1;\r\n            endIndex = rowIndex+1;\r\n          }\r\n        }\r\n        else if (mergedCellValue !== undefined) { // Insert merged cells\r\n          mergedCells.push({\r\n            FieldName: mergeFieldName,\r\n            StartRowIndex: startIndex,\r\n            EndRowIndex: endIndex,\r\n          });\r\n          mergedCellValue = undefined;\r\n          startIndex = rowIndex+1;\r\n          endIndex = rowIndex+1;\r\n        }\r\n      }\r\n    }\r\n    return mergedCells;\r\n  };\r\n}\r\n"],"names":["_OdsMergeCellDataGridHelper","__publicField","a","b","dataField","result","value1","value2","dataType","x","mergedCells","checkConditions","fieldIndex","startIndex","rowIndex","currentCellValue","nextCellValue","mergedCellValue","newStartIndex","newEndIndex","prevMergedCells","item","index","mergedItem","mergeFieldName","endIndex","conditionResult","val","OdsMergeCellDataGridHelper"],"mappings":"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"}
+{"version":3,"file":"OdsMergeCellDataGrid.Helper.js","sources":["../../../../src/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.Helper.ts"],"sourcesContent":["import { ICellMergeInfo } from \"./OdsMergeCellDataGrid.Types\";\r\n\r\nexport class OdsMergeCellDataGridHelper {\r\n  private static _instance: OdsMergeCellDataGridHelper;\r\n  private _dataSource: any[];\r\n  private _columns: any;\r\n  private _mergeDataFields: string[];\r\n  get mergeDataFields(): string[] {\r\n    return this._mergeDataFields;\r\n  }\r\n  set mergeDataFields(val: string[]) {\r\n    this._mergeDataFields = val;\r\n  }\r\n  get dataSource(): any[] {\r\n    return this._dataSource;\r\n  }\r\n  set dataSource(val: any[]) {\r\n    this._dataSource = val;\r\n  }\r\n  get columns(): any[] {\r\n    return this._columns;\r\n  }\r\n  set columns(val: any[]) {\r\n    this._columns = val;\r\n  }\r\n\r\n  constructor() {}\r\n\r\n  public static getInstance = (): OdsMergeCellDataGridHelper => {\r\n    if (OdsMergeCellDataGridHelper._instance === null || OdsMergeCellDataGridHelper._instance === undefined) {\r\n      return new OdsMergeCellDataGridHelper();\r\n    }\r\n    return OdsMergeCellDataGridHelper._instance;\r\n  };\r\n\r\n  public sortDataSource = () => {\r\n    if (\r\n      this._mergeDataFields &&\r\n      this._mergeDataFields.length > 0 &&\r\n      this._dataSource?.length > 0\r\n    ) {\r\n      this._dataSource = this._dataSource.sort((a, b) => {\r\n        for (const dataField of this._mergeDataFields) {\r\n          const result = this.compareData(\r\n            a[dataField],\r\n            b[dataField],\r\n            this.getDataType(dataField)\r\n          );\r\n          if (result !== 0) {\r\n            return result;\r\n          }\r\n        }\r\n        return 0;\r\n      });\r\n    }\r\n    return this._dataSource;\r\n  };\r\n\r\n  private compareData = (value1, value2, dataType: string): number => {\r\n    switch (dataType) {\r\n      case \"string\":\r\n        return String(value1).localeCompare(String(value2));\r\n      case \"number\":\r\n        return Number(value2) - Number(value1);\r\n      default:\r\n        return 0;\r\n    }\r\n  };\r\n\r\n  private getDataType = (dataField: string) => {\r\n    const column = this._columns.find((x) => x.dataField == dataField);\r\n    return column?.dataType;\r\n  };\r\n\r\n  public mergeDataSource = (): ICellMergeInfo[] => {\r\n    const mergedCells: ICellMergeInfo[] = [];\r\n    if (this._mergeDataFields === undefined || this._mergeDataFields.length === 0 || this._dataSource === undefined || this._dataSource.length === 0) {\r\n      return mergedCells;\r\n    }\r\n    const checkConditions = (fieldIndex, startIndex, rowIndex, currentCellValue, nextCellValue, mergedCellValue) => {\r\n      if (currentCellValue === nextCellValue) {\r\n        let newStartIndex = mergedCellValue !== currentCellValue ? rowIndex : startIndex;\r\n        let newEndIndex = rowIndex + 1;\r\n        if (fieldIndex === 0) {\r\n          return {\r\n            status: true,\r\n            startIndex: newStartIndex,\r\n            endIndex: newEndIndex\r\n          };  \r\n        }\r\n        else {\r\n          const prevMergedCells = mergedCells.filter(item => item.FieldName === this._mergeDataFields[fieldIndex - 1]);\r\n          if (!prevMergedCells.some(item => item.StartRowIndex <= newStartIndex && item.EndRowIndex >= newEndIndex)) {\r\n            return {\r\n              status: false\r\n            }\r\n          }\r\n          for (let index = 0; index < prevMergedCells.length; index++) {\r\n            const mergedItem = prevMergedCells[index];\r\n            if (newStartIndex >= mergedItem.EndRowIndex || newEndIndex <= mergedItem.StartRowIndex) {\r\n              continue;\r\n            }\r\n            if (newStartIndex < mergedItem.StartRowIndex) {\r\n              newStartIndex = mergedItem.StartRowIndex;\r\n            }\r\n            if (newEndIndex > mergedItem.EndRowIndex) {\r\n              newEndIndex = mergedItem.EndRowIndex;\r\n            }\r\n            return {\r\n              status: true,\r\n              startIndex: newStartIndex,\r\n              endIndex: newEndIndex\r\n            }; \r\n          }\r\n        }\r\n      }\r\n      return {\r\n        status: false\r\n      }\r\n    }\r\n    for (let fieldIndex = 0; fieldIndex < this._mergeDataFields.length; fieldIndex++) {\r\n      const mergeFieldName = this._mergeDataFields[fieldIndex];\r\n      let startIndex = 0, endIndex = 0, mergedCellValue;\r\n      for (let rowIndex = 0; rowIndex < this._dataSource.length; rowIndex++) {\r\n        const currentCellValue = this._dataSource[rowIndex][mergeFieldName];\r\n        if (rowIndex + 1 < this._dataSource.length) {\r\n          const nextCellValue = this._dataSource[rowIndex + 1][mergeFieldName];\r\n          const conditionResult = checkConditions(fieldIndex, startIndex, rowIndex, currentCellValue, nextCellValue, mergedCellValue);\r\n          if (conditionResult.status) {\r\n            startIndex = conditionResult.startIndex;\r\n            endIndex = conditionResult.endIndex;\r\n            mergedCellValue = currentCellValue;\r\n          } else if (mergedCellValue !== undefined) {\r\n            mergedCells.push({\r\n              FieldName: mergeFieldName,\r\n              StartRowIndex: startIndex,\r\n              EndRowIndex: endIndex,\r\n            });\r\n            mergedCellValue = undefined;\r\n            startIndex = rowIndex+1;\r\n            endIndex = rowIndex+1;\r\n          }\r\n        }\r\n        else if (mergedCellValue !== undefined) {\r\n          mergedCells.push({\r\n            FieldName: mergeFieldName,\r\n            StartRowIndex: startIndex,\r\n            EndRowIndex: endIndex,\r\n          });\r\n          mergedCellValue = undefined;\r\n          startIndex = rowIndex+1;\r\n          endIndex = rowIndex+1;\r\n        }\r\n      }\r\n    }\r\n    return mergedCells;\r\n  };\r\n}\r\n"],"names":["_OdsMergeCellDataGridHelper","__publicField","a","b","dataField","result","value1","value2","dataType","x","mergedCells","checkConditions","fieldIndex","startIndex","rowIndex","currentCellValue","nextCellValue","mergedCellValue","newStartIndex","newEndIndex","prevMergedCells","item","index","mergedItem","mergeFieldName","endIndex","conditionResult","val","OdsMergeCellDataGridHelper"],"mappings":"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"}

package/dist/components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.js

@@ -1,49 +1,48 @@
 import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import g, { forwardRef as J, useState as j, useEffect as E, useMemo as q, useCallback as P, useImperativeHandle as U } from "react";
+import y, { forwardRef as j, useState as q, useEffect as E, useMemo as U, useCallback as P, useImperativeHandle as Q } from "react";
 import { createRoot as F } from "react-dom/client";
-import Q, { Column as T, HeaderFilter as k, Paging as X, Pager as Y, Scrolling as Z, SearchPanel as p, FilterRow as ee, FilterPanel as te, Sorting as oe, Export as ne, Selection as ie, ColumnChooser as le, Position as ae, ColumnChooserSearch as re, ColumnChooserSelection as de, Toolbar as ce, Item as x, StateStoring as se } from "devextreme-react/data-grid";
-import { locale as me, loadMessages as ue } from "devextreme/localization";
-import { Lookup as fe } from "devextreme-react";
-import ge from "devextreme/data/data_source";
-import he from "devextreme/data/query";
-import { o as we } from "../../../_virtual/index2.js";
-import Ce from "../../../_virtual/lodash.js";
-import Se from "../../antd/button/OdsButton.js";
+import X, { Column as T, HeaderFilter as k, Paging as Y, Pager as Z, Scrolling as p, SearchPanel as ee, FilterRow as te, FilterPanel as oe, Sorting as ne, Export as ie, Selection as le, ColumnChooser as ae, Position as re, ColumnChooserSearch as de, ColumnChooserSelection as ce, Toolbar as se, Item as x, StateStoring as me } from "devextreme-react/data-grid";
+import { locale as ue, loadMessages as fe } from "devextreme/localization";
+import { Lookup as ge } from "devextreme-react";
+import he from "devextreme/data/data_source";
+import we from "devextreme/data/query";
+import { o as Ce } from "../../../_virtual/index.js";
+import Se from "../../../_virtual/lodash.js";
+import ve from "../../antd/button/OdsButton.js";
 import ye from "../../antd/typography/OdsTitle.js";
-import ve from "../../antd/dropdown/OdsDropdown.js";
+import xe from "../../antd/dropdown/OdsDropdown.js";
 import b from "../../antd/button/OdsDataGrdiRowButton.js";
-import { ExportDataGridToExcel as xe } from "../../../utils/ExportDataGridtoExcel.js";
-/* empty css                         */
-import { useStyles as be } from "./OdsMergeCellDataGrid.Style.js";
-import { getSortedColumns as B, isSortChanged as Re, getMultiLevelColumns as Ee } from "./OdsMergeCellDataGrid.Functions.js";
+import { ExportDataGridToExcel as be } from "../../../utils/ExportDataGridtoExcel.js";
+import B from "./OdsMergeCellDataGrid.module.scss.js";
+import { getSortedColumns as G, isSortChanged as Re, getMultiLevelColumns as Ee } from "./OdsMergeCellDataGrid.Functions.js";
 import { constants as Pe, dataFieldNameActions as Fe } from "./OdsMergeCellDataGrid.Constants.js";
 import { OdsMergeCellDataGridHelper as Te } from "./OdsMergeCellDataGrid.Helper.js";
 import { isTextEmpty as ke } from "../../../utils/commonFunctions.js";
 import Be from "../../../node_modules/antd/es/theme/index.js";
 import Ge from "../../../node_modules/antd/es/tooltip/index.js";
 import Oe from "../../../node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.js";
-const { useToken: Ie } = Be, nt = J((t, G) => {
-  const { refGrid: h, keyExpr: O } = t, { token: I } = Ie(), { styles: w } = be(), f = Te.getInstance(), [C, N] = j(t.dataSource);
+const { useToken: Ie } = Be, ot = j((t, O) => {
+  const { refGrid: g, keyExpr: I } = t, { token: N } = Ie(), h = B, f = Te.getInstance(), [w, _] = q(t.dataSource);
   E(() => {
-    me(localStorage.getItem("locale")), ue(JSON.parse(localStorage.getItem("localTranslation")));
+    ue(localStorage.getItem("locale")), fe(JSON.parse(localStorage.getItem("localTranslation")));
   }, []), E(() => {
-    N(t.dataSource);
+    _(t.dataSource);
   }, [t.dataSource]);
-  const R = q(() => t.actionButtonGroup ? t.actionButtonGroup.length > 3 && !t.edit ? t.actionButtonGroup.slice(0, 2) : t.actionButtonGroup : [], [t.actionButtonGroup]), _ = P(() => {
+  const R = U(() => t.actionButtonGroup ? t.actionButtonGroup.length > 3 && !t.edit ? t.actionButtonGroup.slice(0, 2) : t.actionButtonGroup : [], [t.actionButtonGroup]), A = P(() => {
     let e = JSON.parse(
       localStorage.getItem(t.exportFileName + "Storage")
     );
     return localStorage.getItem(t.exportFileName + "Storage") && (e.selectedRowKeys = [], t.filterEnabledShow ? e.filterPanel = { filterEnabled: !1 } : e.filterPanel = { filterEnabled: !0 }), e;
-  }, [t.filterEnabledShow]), A = P(
+  }, [t.filterEnabledShow]), K = P(
     (e) => {
-      e.selectedRowKeys = [], t.filterEnabledShow ? e.filterPanel = { filterEnabled: !1 } : e.filterPanel = { filterEnabled: !0 }, C.length === 0 && !e.filterValue && e.filterValue !== null && (e.filterValue = null), localStorage.setItem(
+      e.selectedRowKeys = [], t.filterEnabledShow ? e.filterPanel = { filterEnabled: !1 } : e.filterPanel = { filterEnabled: !0 }, w.length === 0 && !e.filterValue && e.filterValue !== null && (e.filterValue = null), localStorage.setItem(
         t.exportFileName + "Storage",
         JSON.stringify(e)
       );
     },
     [t.filterEnabledShow]
   );
-  function K(e, i) {
+  function H(e, i) {
     const l = i.actionButtonGroup && i.actionButtonGroup.length > 3 && !i.edit ? i.actionButtonGroup.slice(2).map((o) => ({
       icon: o.icon,
       onClick: (a) => {
@@ -131,27 +130,27 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
       );
     }), l.length > 0 && d.push(
       /* @__PURE__ */ n(
-        ve,
+        xe,
         {
           menuItems: l,
-          children: /* @__PURE__ */ n(b, { type: "text", icon: /* @__PURE__ */ n(we.KebabMenuIcon, {}) })
+          children: /* @__PURE__ */ n(b, { type: "text", icon: /* @__PURE__ */ n(Ce.KebabMenuIcon, {}) })
         },
         `dropdown-${e.rowIndex || e.data.ID}`
       )
-    ), /* @__PURE__ */ n(g.Fragment, { children: d });
+    ), /* @__PURE__ */ n(y.Fragment, { children: d });
   }
-  const H = (e) => {
+  const M = (e) => {
     t.toolbarButtonGroup && t.toolbarButtonGroup.length > 0 && e.toolbarOptions.items.unshift({
       location: "before",
       template: function(i, l, d) {
         const o = document.createElement("div");
         d.appendChild(o), F(o).render(
-          /* @__PURE__ */ n(g.StrictMode, { children: t.toolbarButtonGroup && Array.isArray(t.toolbarButtonGroup) && t.toolbarButtonGroup.map((r, c) => /* @__PURE__ */ n(
-            Se,
+          /* @__PURE__ */ n(y.StrictMode, { children: t.toolbarButtonGroup && Array.isArray(t.toolbarButtonGroup) && t.toolbarButtonGroup.map((r, c) => /* @__PURE__ */ n(
+            ve,
             {
-              style: { marginLeft: I.margin },
+              style: { marginLeft: N.margin },
               type: r.type,
-              onClick: r.onClick,
+              onClick: (s) => r.onClick?.(s),
               children: r.label
             },
             c
@@ -164,7 +163,7 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
       template: function(i, l, d) {
         const o = document.createElement("div");
         d.appendChild(o), F(o).render(
-          /* @__PURE__ */ n(g.StrictMode, { children: /* @__PURE__ */ n(
+          /* @__PURE__ */ n(y.StrictMode, { children: /* @__PURE__ */ n(
             ye,
             {
               level: 5,
@@ -180,7 +179,7 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
         );
       }
     });
-  }, M = (e) => {
+  }, L = (e) => {
     let i = !0;
     if (t.mergeDataFields.length > 0) {
       const l = e.currentSelectedRowKeys.length == 1 ? e.currentSelectedRowKeys[0] : void 0, d = e.currentDeselectedRowKeys.length == 1 ? e.currentDeselectedRowKeys[0] : void 0;
@@ -190,17 +189,17 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
           (m) => m.FieldName == t.mergeDataFields[0] && m.StartRowIndex <= c && m.EndRowIndex >= c
         );
         if (s) {
-          const m = c - s.StartRowIndex, z = s.EndRowIndex - c;
-          let S = [], y;
-          for (let v = o - m; v <= o + z; v++)
-            y = e.component.getVisibleRows()[v], y && S.push(y.key);
-          a ? (e.component.selectRows(S, !0), i = !1) : r && (e.component.deselectRows(S), i = !1);
+          const m = c - s.StartRowIndex, J = s.EndRowIndex - c;
+          let C = [], S;
+          for (let v = o - m; v <= o + J; v++)
+            S = e.component.getVisibleRows()[v], S && C.push(S.key);
+          a ? (e.component.selectRows(C, !0), i = !1) : r && (e.component.deselectRows(C), i = !1);
         }
       }
     }
     i && t.onSelectionChanged && t.onSelectionChanged(e);
-  }, L = (e) => {
-    t.closeGridHeader || xe({
+  }, D = (e) => {
+    t.closeGridHeader || be({
       gridComponent: e.component,
       baseFileName: t.exportProps.fileName,
       selectedText: t.exportProps.selectedText,
@@ -210,8 +209,8 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
       passiveText: t.exportProps.passiveText ?? "Passive",
       filterData: t.filterData ?? void 0
     });
-  }, D = (e) => {
-    e.rowType === "data" && e.dataIndex >= 0 && Ce.forEach(e.columns, (i, l) => {
+  }, V = (e) => {
+    e.rowType === "data" && e.dataIndex >= 0 && Se.forEach(e.columns, (i, l) => {
       const d = i.type == "selection" || i.dataField == Fe;
       if (t.mergeDataFields.some((o) => o == i.dataField) || d) {
         const o = d ? t.mergeDataFields[0] : i.dataField, a = e.component._mergedCells.filter(
@@ -221,39 +220,39 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
           const r = a.find(
             (c) => c.StartRowIndex == e.dataIndex
           );
-          r !== void 0 ? (e.rowElement.childNodes[l].rowSpan = r.EndRowIndex - r.StartRowIndex + 1, e.rowElement.childNodes[l].classList.add(w.mergeCellRoot)) : a.some(
+          r !== void 0 ? (e.rowElement.childNodes[l].rowSpan = r.EndRowIndex - r.StartRowIndex + 1, e.rowElement.childNodes[l].classList.add(h.mergeCellRoot)) : a.some(
             (c) => c.StartRowIndex < e.dataIndex && c.EndRowIndex >= e.dataIndex
-          ) && e.rowElement.childNodes[l].classList.add(w.mergeCellChild);
+          ) && e.rowElement.childNodes[l].classList.add(h.mergeCellChild);
         }
       }
     }), t.onRowPrepared && t.onRowPrepared(e);
-  }, V = (e) => e && Array.isArray(e), $ = (e) => /* @__PURE__ */ u("div", { children: [
+  }, $ = (e) => e && Array.isArray(e), W = (e) => /* @__PURE__ */ u("div", { children: [
     e.data.column.caption,
     e.data.column.tooltip !== void 0 && e.data.column.tooltip.enable && /* @__PURE__ */ n(Ge, { title: e.data.column.tooltip.title, children: /* @__PURE__ */ n(Oe, { style: { marginLeft: 5 } }) })
-  ] }), W = new ge({
+  ] }), z = new he({
     key: t.keyExpr,
-    store: C,
+    store: w,
     async load(e) {
-      let i = [...C];
-      const l = h.current?.instance?.(), d = l?._firstLoad ?? !0;
-      d && l && (l._firstLoad = !1), e.filter && (i = he(i).filter(e.filter).toArray());
-      const o = l?._prevSortedColumns, a = B(l);
+      let i = [...w];
+      const l = g.current?.instance?.(), d = l?._firstLoad ?? !0;
+      d && l && (l._firstLoad = !1), e.filter && (i = we(i).filter(e.filter).toArray());
+      const o = l?._prevSortedColumns, a = G(l);
       return !d && Re(o, a) && t.onSortingChanged && t.onSortingChanged(a), l._prevSortedColumns = a, f.columns = t.columns, f.mergeDataFields = t.mergeDataFields, f.dataSource = i, l._mergedCells = f.mergeDataSource(), Promise.resolve({
         data: i,
         totalCount: i.length
       });
     }
   });
-  return U(G, () => ({
-    getSortedColumns: () => B(h.current?.instance?.())
-  })), /* @__PURE__ */ n(g.Fragment, { children: /* @__PURE__ */ u(
-    Q,
+  return Q(O, () => ({
+    getSortedColumns: () => G(g.current?.instance?.())
+  })), /* @__PURE__ */ n("div", { className: B.wrapper, children: /* @__PURE__ */ u(
+    X,
     {
-      keyExpr: O,
-      dataSource: W,
+      keyExpr: I,
+      dataSource: z,
       showBorders: !0,
       columnAutoWidth: !1,
-      ref: h,
+      ref: g,
       height: t.height == null ? window.innerHeight - 164 : t.height,
       allowColumnResizing: !0,
       columnResizingMode: t.columnResizingMode ?? "widget",
@@ -265,13 +264,13 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
       renderAsync: !0,
       focusedRowEnabled: !1,
       filterSyncEnabled: !0,
-      ...V(t.selectedRowKeys) && {
+      ...$(t.selectedRowKeys) && {
         selectedRowKeys: t.selectedRowKeys
       },
       wordWrapEnabled: t.wordWrapEnabled ? t.wordWrapEnabled : !1,
       columnFixing: { enabled: !0 },
       noDataText: t.noDataText,
-      className: `${w.grid} ${t.className ?? ""}`,
+      className: `${h.grid} ${t.className ?? ""}`,
       selection: t.selection ?? {
         mode: "multiple",
         selectAllMode: "page"
@@ -280,7 +279,7 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
         filtering: !0,
         sorting: !0
       },
-      onExporting: L,
+      onExporting: D,
       onRowClick: t.onRowClick,
       onSaved: t.onSaved,
       onSaving: t.onSaving,
@@ -288,10 +287,10 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
       onCellClick: t.onCellClick,
       onCellHoverChanged: t.onCellHoverChanged,
       onCellPrepared: t.onCellPrepared,
-      onRowPrepared: D,
+      onRowPrepared: V,
       onOptionChanged: t.onOptionChanged,
-      onToolbarPreparing: !t.closeGridHeader && (t.onToolbarPreparing || H),
-      onSelectionChanged: M,
+      onToolbarPreparing: !t.closeGridHeader && (t.onToolbarPreparing || M),
+      onSelectionChanged: L,
       onContentReady: t.onContentReady,
       children: [
         t.columns.map((e) => /* @__PURE__ */ u(
@@ -301,9 +300,9 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
             minWidth: 50,
             width: t.isColumnWidthFixed === !0 ? 160 : void 0,
             cssClass: e.cssClass,
-            headerCellComponent: $,
+            headerCellComponent: W,
             children: [
-              e.lookUp && /* @__PURE__ */ n(fe, { ...e.lookUp }),
+              e.lookUp && /* @__PURE__ */ n(ge, { ...e.lookUp }),
               (e.dataField === "IsActive" || e.dataField === "isActive") && /* @__PURE__ */ n(
                 k,
                 {
@@ -328,24 +327,24 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
             type: "buttons",
             showInColumnChooser: !1,
             renderAsync: !0,
-            cellRender: (e) => K(e, t)
+            cellRender: (e) => H(e, t)
           }
         ),
-        /* @__PURE__ */ n(X, { enabled: !1 }),
-        /* @__PURE__ */ n(Y, { visible: !1 }),
-        /* @__PURE__ */ n(Z, { mode: "standard" }),
-        !t.closeGridHeader && /* @__PURE__ */ n(p, { visible: !0 }),
+        /* @__PURE__ */ n(Y, { enabled: !1 }),
+        /* @__PURE__ */ n(Z, { visible: !1 }),
+        /* @__PURE__ */ n(p, { mode: "standard" }),
+        !t.closeGridHeader && /* @__PURE__ */ n(ee, { visible: !0 }),
         /* @__PURE__ */ n(
-          ee,
+          te,
           {
             visible: t.isFilterRow != null ? t.isFilterRow : !0
           }
         ),
-        /* @__PURE__ */ n(te, { visible: !0 }),
+        /* @__PURE__ */ n(oe, { visible: !0 }),
         /* @__PURE__ */ n(k, { visible: !0 }),
-        /* @__PURE__ */ n(oe, { mode: "multiple", showSortIndexes: !1 }),
+        /* @__PURE__ */ n(ne, { mode: "multiple", showSortIndexes: !1 }),
         !t.closeGridHeader && /* @__PURE__ */ n(
-          ne,
+          ie,
           {
             enabled: !0,
             allowExportSelectedData: !0,
@@ -353,15 +352,15 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
           }
         ),
         t.selectOptions?.selectEnable && /* @__PURE__ */ n(
-          ie,
+          le,
           {
             mode: t.selectOptions?.mode ?? "multiple",
             deferred: t.selectOptions?.deferred ?? !0
           }
         ),
-        !t.closeGridHeader && /* @__PURE__ */ u(le, { enabled: !0, mode: "select", children: [
+        !t.closeGridHeader && /* @__PURE__ */ u(ae, { enabled: !0, mode: "select", children: [
           !t.columnChooserPositionDisabled && /* @__PURE__ */ n(
-            ae,
+            re,
             {
               my: "right top",
               at: "right bottom",
@@ -369,14 +368,14 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
             }
           ),
           /* @__PURE__ */ n(
-            re,
+            de,
             {
               enabled: !0,
               editorOptions: { placeholder: "" }
             }
           ),
           /* @__PURE__ */ n(
-            de,
+            ce,
             {
               allowSelectAll: !0,
               selectByClick: !0,
@@ -384,18 +383,18 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
             }
           )
         ] }),
-        !t.closeGridHeader && /* @__PURE__ */ u(ce, { children: [
+        !t.closeGridHeader && /* @__PURE__ */ u(se, { children: [
           /* @__PURE__ */ n(x, { name: "searchPanel" }),
           /* @__PURE__ */ n(x, { name: "columnChooserButton", cssClass: "toolbarPanelItems" }),
           /* @__PURE__ */ n(x, { name: "exportButton", cssClass: "toolbarPanelItems" })
         ] }),
         /* @__PURE__ */ n(
-          se,
+          me,
           {
             enabled: !0,
             type: "custom",
-            customLoad: _,
-            customSave: A
+            customLoad: A,
+            customSave: K
           }
         )
       ]
@@ -403,6 +402,6 @@ const { useToken: Ie } = Be, nt = J((t, G) => {
   ) });
 });
 export {
-  nt as default
+  ot as default
 };
 //# sourceMappingURL=OdsMergeCellDataGrid.js.map