ods-component-lib 1.21.2 → 1.22.2

package/dist/components/devextreme/OdsDisplayGrid.js

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import s, { useEffect as c } from "react";
-import { locale as h, loadMessages as g } from "devextreme/localization";
-import { DataGrid as f, Paging as x, Pager as w, SearchPanel as S, FilterRow as b, HeaderFilter as y, ColumnChooser as F, Position as E, ColumnChooserSearch as D, ColumnChooserSelection as p, Selection as C, Scrolling as M, Export as v, Column as k, Summary as R, TotalItem as n } from "devextreme-react/data-grid";
-/* empty css               */
-import P from "../../node_modules/jspdf/dist/jspdf.es.min.js";
-import { exportDataGrid as Y } from "devextreme/pdf_exporter";
-import { exportDataGrid as z } from "devextreme/excel_exporter";
-import { e as I } from "../../_virtual/exceljs.min.js";
-import { saveAs as N } from "../../node_modules/file-saver-es/src/FileSaver.js";
-import i from "../../node_modules/moment/dist/moment.js";
+import { useEffect as u } from "react";
+import { locale as c, loadMessages as h } from "devextreme/localization";
+import { DataGrid as g, Paging as f, Pager as x, SearchPanel as w, FilterRow as S, HeaderFilter as y, ColumnChooser as b, Position as F, ColumnChooserSearch as E, ColumnChooserSelection as p, Selection as D, Scrolling as C, Export as v, Column as M, Summary as k, TotalItem as n } from "devextreme-react/data-grid";
+import R from "./DxDataGrid.module.scss.js";
+import N from "../../node_modules/jspdf/dist/jspdf.es.min.js";
+import { exportDataGrid as P } from "devextreme/pdf_exporter";
+import { exportDataGrid as Y } from "devextreme/excel_exporter";
+import { e as z } from "../../_virtual/exceljs.min.js";
+import { saveAs as I } from "../../node_modules/file-saver-es/src/FileSaver.js";
+import i from "../../_virtual/dayjs.min.js";
 const T = ["xlsx"];
 function K(e) {
-  return B(e);
+  return j(e);
 }
-function B(e) {
+function j(e) {
   const m = (o) => /* @__PURE__ */ t(
     "th",
     {
@@ -27,24 +27,24 @@ function B(e) {
       },
       children: o.column.caption
     }
-  ), l = e.exportFileName ? e.exportFileName + i().format("YYYYMMDD") : "DatagridExportFile" + i().format("YYYYMMDD"), d = (o) => {
+  ), l = e.exportFileName ? e.exportFileName + i().format("YYYYMMDD") : "DatagridExportFile" + i().format("YYYYMMDD"), s = (o) => {
     if (o.format === "xlsx") {
-      const r = new I.Workbook();
-      z({
+      const r = new z.Workbook();
+      Y({
         component: o.component,
         worksheet: r.addWorksheet("Main sheet"),
         autoFilterEnabled: !0
       }).then(() => {
-        r.xlsx.writeBuffer().then((u) => {
-          N(
-            new Blob([u], { type: "application/octet-stream" }),
+        r.xlsx.writeBuffer().then((d) => {
+          I(
+            new Blob([d], { type: "application/octet-stream" }),
             l + ".xlsx"
           );
         });
       });
     } else {
-      const r = new P();
-      Y({
+      const r = new N();
+      P({
         jsPDFDocument: r,
         component: o.component,
         indent: 5
@@ -53,10 +53,10 @@ function B(e) {
       });
     }
   };
-  return c(() => {
-    h(sessionStorage.getItem("locale")), g(JSON.parse(sessionStorage.getItem("localTranslation")));
-  }, []), /* @__PURE__ */ t(s.Fragment, { children: /* @__PURE__ */ a(
-    f,
+  return u(() => {
+    c(sessionStorage.getItem("locale")), h(JSON.parse(sessionStorage.getItem("localTranslation")));
+  }, []), /* @__PURE__ */ t("div", { className: R.wrapper, children: /* @__PURE__ */ a(
+    g,
     {
       dataSource: e.dataSource,
       columnAutoWidth: e.columnAutoWidth,
@@ -66,14 +66,14 @@ function B(e) {
       allowColumnReordering: !0,
       showRowLines: !0,
       showBorders: !0,
-      onExporting: d,
+      onExporting: s,
       onSelectionChanged: e.onSelectionChanged,
       width: "100%",
       height: e.height ? e.height : null,
       children: [
-        /* @__PURE__ */ t(x, { enabled: !0, defaultPageSize: e.pageSize }),
+        /* @__PURE__ */ t(f, { enabled: !0, defaultPageSize: e.pageSize }),
         e.pagingEnable && /* @__PURE__ */ t(
-          w,
+          x,
           {
             visible: !0,
             displayMode: "full",
@@ -83,12 +83,12 @@ function B(e) {
             showInfo: !0
           }
         ),
-        e.searchEnable && /* @__PURE__ */ t(S, { visible: !0 }),
-        e.filterEnable && /* @__PURE__ */ t(b, { visible: !0 }),
+        e.searchEnable && /* @__PURE__ */ t(w, { visible: !0 }),
+        e.filterEnable && /* @__PURE__ */ t(S, { visible: !0 }),
         e.headerFilterEnable && /* @__PURE__ */ t(y, { visible: !0 }),
-        /* @__PURE__ */ a(F, { enabled: !0, mode: "select", children: [
+        /* @__PURE__ */ a(b, { enabled: !0, mode: "select", children: [
           /* @__PURE__ */ t(
-            E,
+            F,
             {
               my: "right top",
               at: "right bottom",
@@ -96,7 +96,7 @@ function B(e) {
             }
           ),
           /* @__PURE__ */ t(
-            D,
+            E,
             {
               enabled: !0
             }
@@ -110,9 +110,9 @@ function B(e) {
             }
           )
         ] }),
-        e.selectEnable && /* @__PURE__ */ t(C, { mode: "multiple", deferred: !0 }),
+        e.selectEnable && /* @__PURE__ */ t(D, { mode: "multiple", deferred: !0 }),
         /* @__PURE__ */ t(
-          M,
+          C,
           {
             mode: e.scrollingMode,
             rowRenderingMode: e.scrollingMode
@@ -127,7 +127,7 @@ function B(e) {
           }
         ),
         e.columns.map((o) => /* @__PURE__ */ t(
-          k,
+          M,
           {
             ...o,
             headerCellRender: m,
@@ -135,7 +135,7 @@ function B(e) {
           },
           o.dataField
         )),
-        /* @__PURE__ */ a(R, { children: [
+        /* @__PURE__ */ a(k, { children: [
           /* @__PURE__ */ t(
             n,
             {

package/dist/components/devextreme/OdsDisplayGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsDisplayGrid.js","sources":["../../../src/components/devextreme/OdsDisplayGrid.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\r\n\r\nimport { locale, loadMessages } from \"devextreme/localization\";\r\nimport {\r\n  Column,\r\n  ColumnChooser,\r\n  DataGrid,\r\n  Export,\r\n  FilterRow,\r\n  HeaderFilter,\r\n  Selection,\r\n  Paging,\r\n  Scrolling,\r\n  SearchPanel,\r\n  Pager,\r\n  Position,\r\n  ColumnChooserSearch,\r\n  ColumnChooserSelection,\r\n  Summary,\r\n  TotalItem,\r\n} from \"devextreme-react/data-grid\";\r\nimport \"./DxDataGrid.css\";\r\nimport jsPDF from \"jspdf\";\r\nimport { exportDataGrid } from \"devextreme/pdf_exporter\";\r\nimport { exportDataGrid as exportDataGridXls } from \"devextreme/excel_exporter\";\r\n\r\nimport { Workbook } from \"exceljs\";\r\nimport { saveAs } from \"file-saver-es\";\r\nimport moment from \"moment\";\r\nconst exportFormats = [\"xlsx\"];\r\n\r\n//const searchEditorOptions = { placeholder: 'Search column' };\r\n\r\nfunction OdsDisplayGrid(props: any) {\r\n  return grid(props);\r\n}\r\n\r\n/**\r\n *\r\n * @param props\r\n * editMode : row | batch | cell | form | popup\r\n *\r\n * @returns\r\n */\r\n\r\nfunction grid(props: any) {\r\n  const headerCellRender = (colProperties: any) => {\r\n    return (\r\n      <th\r\n        className=\"dx-datagrid-headers\"\r\n        style={{\r\n          fontFamily: \"Manrope\",\r\n          fontSize: \"14px\",\r\n          fontStyle: \"normal\",\r\n          fontWeight: \"600\",\r\n          lineHeight: \"22px\",\r\n        }}\r\n      >\r\n        {colProperties.column.caption}\r\n      </th>\r\n    );\r\n  };\r\n\r\n  const fileName = props.exportFileName\r\n    ? props.exportFileName + moment().format(\"YYYYMMDD\")\r\n    : \"DatagridExportFile\" + moment().format(\"YYYYMMDD\");\r\n\r\n  const onExporting = (e: any) => {\r\n    if (e.format === \"xlsx\") {\r\n      const workbook = new Workbook();\r\n      exportDataGridXls({\r\n        component: e.component,\r\n        worksheet: workbook.addWorksheet(\"Main sheet\"),\r\n        autoFilterEnabled: true,\r\n      }).then(() => {\r\n        workbook.xlsx.writeBuffer().then((buffer) => {\r\n          saveAs(\r\n            new Blob([buffer], { type: \"application/octet-stream\" }),\r\n            fileName + \".xlsx\"\r\n          );\r\n        });\r\n      });\r\n    } else {\r\n      const doc = new jsPDF();\r\n      exportDataGrid({\r\n        jsPDFDocument: doc,\r\n        component: e.component,\r\n        indent: 5,\r\n      }).then(() => {\r\n        doc.save(fileName + \".pdf\");\r\n      });\r\n    }\r\n  };\r\n  useEffect(() => {\r\n    locale(sessionStorage.getItem(\"locale\"));\r\n    loadMessages(JSON.parse(sessionStorage.getItem(\"localTranslation\")));\r\n  }, []);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <DataGrid\r\n        dataSource={props.dataSource}\r\n        columnAutoWidth={props.columnAutoWidth}\r\n        keyExpr={props.keyExpr}\r\n        allowColumnResizing={true}\r\n        columnResizingMode=\"widget\"\r\n        allowColumnReordering={true}\r\n        showRowLines={true}\r\n        showBorders={true}\r\n        onExporting={onExporting}\r\n        onSelectionChanged={props.onSelectionChanged}\r\n        width=\"100%\"\r\n        height={props.height ? props.height : null}\r\n      >\r\n        <Paging enabled={true} defaultPageSize={props.pageSize} />\r\n        {props.pagingEnable && (\r\n          <Pager\r\n            visible={true}\r\n            displayMode=\"full\"\r\n            showPageSizeSelector={true}\r\n            showNavigationButtons={true}\r\n            allowedPageSizes={[5, 10, 20]} // Specify available page size options\r\n            showInfo={true}\r\n          />\r\n        )}\r\n        {props.searchEnable && <SearchPanel visible={true} />}\r\n        {props.filterEnable && <FilterRow visible={true} />}\r\n        {props.headerFilterEnable && <HeaderFilter visible={true} />}\r\n        <ColumnChooser enabled={true} mode=\"select\">\r\n          <Position\r\n            my=\"right top\"\r\n            at=\"right bottom\"\r\n            of=\".dx-datagrid-column-chooser-button\"\r\n          />\r\n          <ColumnChooserSearch\r\n            enabled={true}\r\n            //editorOptions={searchEditorOptions}\r\n          />\r\n          <ColumnChooserSelection\r\n            allowSelectAll={true}\r\n            selectByClick={true}\r\n            recursive={true}\r\n          />\r\n        </ColumnChooser>\r\n\r\n        {props.selectEnable && <Selection mode=\"multiple\" deferred={true} />}\r\n\r\n        <Scrolling\r\n          mode={props.scrollingMode}\r\n          rowRenderingMode={props.scrollingMode}\r\n        />\r\n        {props.exportEnable === true && (\r\n          <Export\r\n            enabled={true}\r\n            allowExportSelectedData={true}\r\n            formats={exportFormats}\r\n          />\r\n        )}\r\n        {props.columns.map((col: any) => (\r\n          <Column\r\n            key={col.dataField}\r\n            {...col}\r\n            headerCellRender={headerCellRender}\r\n          >\r\n            {\" \"}\r\n          </Column>\r\n        ))}\r\n        <Summary>\r\n          <TotalItem\r\n            column=\"Id\"\r\n            summaryType=\"count\"\r\n            displayFormat=\"{0} Total Data\"\r\n          />\r\n          {props.sumaryRowItems &&\r\n            props.sumaryRowItems.map((item: any) => (\r\n              <TotalItem\r\n                column={item.columnName}\r\n                summaryType={item.aggregateFn}\r\n                valueFormat={item.valueFormat ? item.valueFormat : \"\"}\r\n                displayFormat=\"Total: {0}\"\r\n              />\r\n            ))}\r\n        </Summary>\r\n      </DataGrid>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default OdsDisplayGrid;\r\n"],"names":["exportFormats","OdsDisplayGrid","props","grid","headerCellRender","colProperties","jsx","fileName","moment","onExporting","e","workbook","Workbook","exportDataGridXls","buffer","saveAs","doc","jsPDF","exportDataGrid","useEffect","locale","loadMessages","React","jsxs","DataGrid","Paging","Pager","SearchPanel","FilterRow","HeaderFilter","ColumnChooser","Position","ColumnChooserSearch","ColumnChooserSelection","Selection","Scrolling","Export","col","Column","Summary","TotalItem","item"],"mappings":"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"}
+{"version":3,"file":"OdsDisplayGrid.js","sources":["../../../src/components/devextreme/OdsDisplayGrid.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\r\n\r\nimport { locale, loadMessages } from \"devextreme/localization\";\r\nimport {\r\n  Column,\r\n  ColumnChooser,\r\n  DataGrid,\r\n  Export,\r\n  FilterRow,\r\n  HeaderFilter,\r\n  Selection,\r\n  Paging,\r\n  Scrolling,\r\n  SearchPanel,\r\n  Pager,\r\n  Position,\r\n  ColumnChooserSearch,\r\n  ColumnChooserSelection,\r\n  Summary,\r\n  TotalItem,\r\n} from \"devextreme-react/data-grid\";\r\nimport styles from \"./DxDataGrid.module.scss\";\r\nimport jsPDF from \"jspdf\";\r\nimport { exportDataGrid } from \"devextreme/pdf_exporter\";\r\nimport { exportDataGrid as exportDataGridXls } from \"devextreme/excel_exporter\";\r\n\r\nimport { Workbook } from \"exceljs\";\r\nimport { saveAs } from \"file-saver-es\";\r\nimport dayjs from \"dayjs\";\r\nconst exportFormats = [\"xlsx\"];\r\n\r\nfunction OdsDisplayGrid(props: any) {\r\n  return grid(props);\r\n}\r\n\r\nfunction grid(props: any) {\r\n  const headerCellRender = (colProperties: any) => {\r\n    return (\r\n      <th\r\n        className=\"dx-datagrid-headers\"\r\n        style={{\r\n          fontFamily: \"Manrope\",\r\n          fontSize: \"14px\",\r\n          fontStyle: \"normal\",\r\n          fontWeight: \"600\",\r\n          lineHeight: \"22px\",\r\n        }}\r\n      >\r\n        {colProperties.column.caption}\r\n      </th>\r\n    );\r\n  };\r\n\r\n  const fileName = props.exportFileName\r\n    ? props.exportFileName + dayjs().format(\"YYYYMMDD\")\r\n    : \"DatagridExportFile\" + dayjs().format(\"YYYYMMDD\");\r\n\r\n  const onExporting = (e: any) => {\r\n    if (e.format === \"xlsx\") {\r\n      const workbook = new Workbook();\r\n      exportDataGridXls({\r\n        component: e.component,\r\n        worksheet: workbook.addWorksheet(\"Main sheet\"),\r\n        autoFilterEnabled: true,\r\n      }).then(() => {\r\n        workbook.xlsx.writeBuffer().then((buffer) => {\r\n          saveAs(\r\n            new Blob([buffer], { type: \"application/octet-stream\" }),\r\n            fileName + \".xlsx\"\r\n          );\r\n        });\r\n      });\r\n    } else {\r\n      const doc = new jsPDF();\r\n      exportDataGrid({\r\n        jsPDFDocument: doc,\r\n        component: e.component,\r\n        indent: 5,\r\n      }).then(() => {\r\n        doc.save(fileName + \".pdf\");\r\n      });\r\n    }\r\n  };\r\n  useEffect(() => {\r\n    locale(sessionStorage.getItem(\"locale\"));\r\n    loadMessages(JSON.parse(sessionStorage.getItem(\"localTranslation\")));\r\n  }, []);\r\n\r\n  return (\r\n    <div className={styles.wrapper}>\r\n      <DataGrid\r\n        dataSource={props.dataSource}\r\n        columnAutoWidth={props.columnAutoWidth}\r\n        keyExpr={props.keyExpr}\r\n        allowColumnResizing={true}\r\n        columnResizingMode=\"widget\"\r\n        allowColumnReordering={true}\r\n        showRowLines={true}\r\n        showBorders={true}\r\n        onExporting={onExporting}\r\n        onSelectionChanged={props.onSelectionChanged}\r\n        width=\"100%\"\r\n        height={props.height ? props.height : null}\r\n      >\r\n        <Paging enabled={true} defaultPageSize={props.pageSize} />\r\n        {props.pagingEnable && (\r\n          <Pager\r\n            visible={true}\r\n            displayMode=\"full\"\r\n            showPageSizeSelector={true}\r\n            showNavigationButtons={true}\r\n            allowedPageSizes={[5, 10, 20]}\r\n            showInfo={true}\r\n          />\r\n        )}\r\n        {props.searchEnable && <SearchPanel visible={true} />}\r\n        {props.filterEnable && <FilterRow visible={true} />}\r\n        {props.headerFilterEnable && <HeaderFilter visible={true} />}\r\n        <ColumnChooser enabled={true} mode=\"select\">\r\n          <Position\r\n            my=\"right top\"\r\n            at=\"right bottom\"\r\n            of=\".dx-datagrid-column-chooser-button\"\r\n          />\r\n          <ColumnChooserSearch\r\n            enabled={true}\r\n          />\r\n          <ColumnChooserSelection\r\n            allowSelectAll={true}\r\n            selectByClick={true}\r\n            recursive={true}\r\n          />\r\n        </ColumnChooser>\r\n\r\n        {props.selectEnable && <Selection mode=\"multiple\" deferred={true} />}\r\n\r\n        <Scrolling\r\n          mode={props.scrollingMode}\r\n          rowRenderingMode={props.scrollingMode}\r\n        />\r\n        {props.exportEnable === true && (\r\n          <Export\r\n            enabled={true}\r\n            allowExportSelectedData={true}\r\n            formats={exportFormats}\r\n          />\r\n        )}\r\n        {props.columns.map((col: any) => (\r\n          <Column\r\n            key={col.dataField}\r\n            {...col}\r\n            headerCellRender={headerCellRender}\r\n          >\r\n            {\" \"}\r\n          </Column>\r\n        ))}\r\n        <Summary>\r\n          <TotalItem\r\n            column=\"Id\"\r\n            summaryType=\"count\"\r\n            displayFormat=\"{0} Total Data\"\r\n          />\r\n          {props.sumaryRowItems &&\r\n            props.sumaryRowItems.map((item: any) => (\r\n              <TotalItem\r\n                column={item.columnName}\r\n                summaryType={item.aggregateFn}\r\n                valueFormat={item.valueFormat ? item.valueFormat : \"\"}\r\n                displayFormat=\"Total: {0}\"\r\n              />\r\n            ))}\r\n        </Summary>\r\n      </DataGrid>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default OdsDisplayGrid;\r\n"],"names":["exportFormats","OdsDisplayGrid","props","grid","headerCellRender","colProperties","jsx","fileName","dayjs","onExporting","e","workbook","Workbook","exportDataGridXls","buffer","saveAs","doc","jsPDF","exportDataGrid","useEffect","locale","loadMessages","styles","jsxs","DataGrid","Paging","Pager","SearchPanel","FilterRow","HeaderFilter","ColumnChooser","Position","ColumnChooserSearch","ColumnChooserSelection","Selection","Scrolling","Export","col","Column","Summary","TotalItem","item"],"mappings":"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"}

package/dist/components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useState as d, useRef as g, useEffect as de, useCallback as ue, useMemo as l } from "react";
 import { DataGrid as me } from "devextreme-react";
 import { Column as P, Lookup as pe, HeaderFilter as O, ColumnChooser as ce, Position as ge, ColumnChooserSearch as Pe, ColumnChooserSelection as he, Editing as Ce, Export as Fe, FilterPanel as fe, FilterRow as be, Paging as Se, Pager as we, SearchPanel as ye, Scrolling as T, Toolbar as Re, Item as h } from "devextreme-react/data-grid";
-import { useStyles as xe } from "./styles.js";
+import xe from "./styles.module.scss.js";
 import { useOnActionCellRenderHandler as Ee } from "./handlers/OnActionCellRenderHandler.js";
 import { useOnContentReadyHandler as Ge } from "./handlers/OnContentReadyHandler.js";
 import { useOnEditorPreparedHandler as Oe } from "./handlers/OnEditorPreparedHandler.js";
@@ -50,7 +50,7 @@ const ke = {
     onOptionChanged: j,
     onExporting: U,
     ...V
-  } = r, { styles: R } = xe(), [$, q] = d(0), [J, K] = d(
+  } = r, R = xe, [$, q] = d(0), [J, K] = d(
     v ?? 50
   ), [x, Q] = d(!1), [X, E] = d(!1), Y = g(null), G = g(0), m = g(0), Z = Ge(
     i,

package/dist/components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsInlineEditDataGrid.js","sources":["../../../../src/components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid.tsx"],"sourcesContent":["import React, {\r\n  useState,\r\n  useRef,\r\n  useMemo,\r\n  useCallback,\r\n  useEffect,\r\n} from \"react\";\r\n\r\n// Import DataGrid related dependencies from devextreme-react\r\nimport { DataGrid } from \"devextreme-react\";\r\nimport {\r\n  Column,\r\n  Lookup,\r\n  FilterRow,\r\n  HeaderFilter,\r\n  Paging,\r\n  Scrolling,\r\n  Pager,\r\n  ColumnChooser,\r\n  FilterPanel,\r\n  ColumnChooserSearch,\r\n  ColumnChooserSelection,\r\n  Position,\r\n  SearchPanel,\r\n  Toolbar,\r\n  Item as DxItem,\r\n  Export,\r\n  Editing,\r\n} from \"devextreme-react/data-grid\";\r\n\r\n// Import OdsInlineEditDataGrid props from types file\r\nimport { IInlineEditDataGridProps } from \"./types\";\r\nimport * as InlineEditDataGridTypes from \"./types\";\r\n\r\n// Import useStyles from styles file\r\nimport { useStyles } from \"./styles\";\r\n\r\n// Import OdsInlineEditDataGrid handlers from handlers folder\r\nimport { useOnActionCellRenderHandler } from \"./handlers/OnActionCellRenderHandler\";\r\nimport { useOnContentReadyHandler } from \"./handlers/OnContentReadyHandler\";\r\nimport { useOnEditorPreparedHandler } from \"./handlers/OnEditorPreparedHandler\";\r\nimport { useOnExportingHandler } from \"./handlers/OnExportingHandler\";\r\nimport { useOnOptionChangedHandler } from \"./handlers/OnOptionChangedHandler\";\r\nimport { useOnSummaryHandler } from \"./handlers/OnSummaryHandler\";\r\n\r\n// Import OdsInlineEditDataGrid partials from partials folder\r\nimport PageTitleAndToolbarPartial from \"./partials/PageTitleAndToolbarPartial\";\r\n\r\n/**\r\n * Default options for the OdsInlineEditDataGrid component.\r\n * @type {Partial<IInlineEditDataGridProps>}\r\n */\r\nconst DefaultDataGridOptions: Partial<IInlineEditDataGridProps> = {\r\n  allowColumnReordering: true,\r\n  allowColumnResizing: true,\r\n  columnAutoWidth: false,\r\n  columnFixing: { enabled: true },\r\n  filterSyncEnabled: \"auto\",\r\n  showBorders: true,\r\n  showRowLines: true,\r\n  syncLookupFilterValues: true,\r\n};\r\n\r\n/**\r\n * OdsInlineEditDataGrid component.\r\n * @param {IInlineEditDataGridProps} props - The component props.\r\n * @returns {React.FC} - The rendered component.\r\n */\r\nconst OdsInlineEditDataGrid: React.FC<IInlineEditDataGridProps> = (props) => {\r\n  // Destructure props to get the DataGrid options\r\n  const {\r\n    dataGridRef: dataGridRefFromProps,\r\n    actionColumnEnable: actionColumnEnableFromProps,\r\n    actionButtonGroup: actionButtonGroupFromProps,\r\n    gridColumns: gridColumnsFromProps,\r\n    columnResizingMode: columnResizingModeFromProps,\r\n    customSummary: customSummaryFromProps,\r\n    dataSource: dataSourceFromProps,\r\n    editProps: editPropsFromProps,\r\n    exportProps: exportPropsFromProps,\r\n    headerFilter: headerFilterFromProps,\r\n    isFilterPanel: isFilterPanelFromProps,\r\n    isFilterRow: isFilterRowFromProps,\r\n    pageTitle: pageTitleFromProps,\r\n    pagerProps: pagerPropsFromProps,\r\n    pageSize: pageSizeFromProps,\r\n    scrollingProps: scrollingPropsFromProps,\r\n    sortingProps: sortingPropsFromProps,\r\n    toolbarButtonGroup: toolbarButtonGroupFromProps,\r\n    totalRecordCount: totalRecordCountFromProps,\r\n    actionButtonsTooltipType: actionButtonsTooltipTypeFromProps,\r\n    width: widthFromProps,\r\n    height: heightFromProps,\r\n    className: classNameFromProps,   \r\n    onCellClick: onCellClickFromProps,\r\n    onContentReady: onContentReadyFromProps,\r\n    onEditorPrepared: onEditorPreparedFromProps,\r\n    onOptionChanged: onOptionChangedFromProps,\r\n    onExporting: onExportingFromProps,\r\n    ...AllGridOptions\r\n  } = props;\r\n\r\n  // Styles for the grid\r\n  const { styles: gridStyle } = useStyles();\r\n\r\n  const [currentPage, setCurrentPage] = useState(0);\r\n  const [currentPageSize, setCurrentPageSize] = useState(\r\n    pageSizeFromProps ?? 50\r\n  );\r\n\r\n  const [filterApplied, setFilterApplied] = useState(false);\r\n\r\n  const [updateTrigger, setUpdateTrigger] = useState(false);\r\n\r\n  const lastPageIndexRef = useRef<number | null>(null);\r\n  const totalUnfilteredCount = useRef(0);\r\n  const totalFilteredCount = useRef(0);\r\n\r\n  /**\r\n   * Handler for content ready event.\r\n   * @type {Function}\r\n   */\r\n  const handleContentReady = useOnContentReadyHandler(\r\n    gridColumnsFromProps,\r\n    lastPageIndexRef,\r\n    filterApplied,\r\n    totalFilteredCount,\r\n    totalUnfilteredCount,\r\n    setUpdateTrigger,\r\n    setCurrentPage,\r\n    setCurrentPageSize,\r\n    onContentReadyFromProps\r\n  );\r\n\r\n  /**\r\n   * Handler for renderTotal to create custom summary info.\r\n   * @type {Function}\r\n   */\r\n  const { renderTotal } = useOnSummaryHandler({\r\n    customSummary: customSummaryFromProps,\r\n    totalRecordCount: totalRecordCountFromProps,\r\n    currentPageSize,\r\n    currentPage,\r\n    filterApplied,\r\n    totalFilteredCount,\r\n    totalUnfilteredCount,\r\n  });\r\n\r\n  /**\r\n   * Handler for option changed event.\r\n   * @type {Function}\r\n   */\r\n  const handleOptionChanged = useOnOptionChangedHandler(\r\n    dataGridRefFromProps,\r\n    totalFilteredCount,\r\n    sortingPropsFromProps,\r\n    setFilterApplied,\r\n    setUpdateTrigger,\r\n    onOptionChangedFromProps\r\n  );\r\n\r\n  /**\r\n   * Effect to update the grid when the updateTrigger state changes.\r\n   * @type {Function}\r\n   * @param {boolean} updateTrigger - The update trigger state.\r\n   */\r\n  useEffect(() => {}, [updateTrigger]);\r\n\r\n  /**\r\n   * Handler for editor prepared event.\r\n   * @type {Function}\r\n   */\r\n  const handleEditorPrepared = useOnEditorPreparedHandler(\r\n    onEditorPreparedFromProps\r\n  );\r\n\r\n  /**\r\n   * Handler for exporting event.\r\n   * @type {Function}\r\n   */\r\n  const handleExporting = useOnExportingHandler(\r\n    exportPropsFromProps,\r\n    renderTotal,\r\n    onExportingFromProps\r\n  );\r\n\r\n  /**\r\n   * Handler for cell click event.\r\n   * @type {Function}\r\n   */\r\n  const handleCellClick = useCallback((e) => {\r\n    if (e.rowType != \"header\") {\r\n      e.cellElement.style.backgroundColor = \"transparent\";\r\n    }\r\n    if (onCellClickFromProps) {\r\n      onCellClickFromProps(e);\r\n    }\r\n  }, []);\r\n\r\n  /**\r\n   * Memoizes the action buttons to prevent unnecessary re-renders.\r\n   * If actionButtonGroupFromProps is provided, it checks the length of the array.\r\n   * If the length is greater than or equal to 2 and editPropsFromProps is not provided, it returns the first two buttons.\r\n   * Otherwise, it returns the actionButtonGroupFromProps array.\r\n   * If actionButtonGroupFromProps is not provided, it returns an empty array.\r\n   * @type {Array}\r\n   */\r\n  const VisibleActionButtons = useMemo(() => {\r\n    if (actionButtonGroupFromProps) {\r\n      if (actionButtonGroupFromProps.length >= 2 && !editPropsFromProps) {\r\n        return actionButtonGroupFromProps.slice(0, 2);\r\n      }\r\n      return actionButtonGroupFromProps;\r\n    }\r\n\r\n    return [];\r\n  }, []);\r\n\r\n  /**\r\n   * Handler for action cell render event.\r\n   * @type {Function}\r\n   * @returns {JSX.Element} - The rendered action cell.\r\n   */\r\n  const ActionCellRenderPartial = useOnActionCellRenderHandler(\r\n    VisibleActionButtons,\r\n    actionButtonGroupFromProps,\r\n    editPropsFromProps,\r\n    actionButtonsTooltipTypeFromProps\r\n  );\r\n\r\n  /**\r\n   * Memoizes the DataGrid options from the props.\r\n   * @type {IInlineEditDataGridProps}\r\n   */\r\n  const DataGridOptionsFromProps: IInlineEditDataGridProps = useMemo(() => {\r\n    return {\r\n      ...AllGridOptions,\r\n      ...DefaultDataGridOptions,\r\n      columnResizingMode: columnResizingModeFromProps ?? \"nextColumn\",\r\n    };\r\n  }, []);\r\n\r\n  /**\r\n   * Memoizes the DataGrid height from the props.\r\n   * If heightFromProps is provided, it uses that value.\r\n   * Otherwise, it calculates the height based on the window height.\r\n   * @type {number}\r\n   */\r\n  const DataGridHeight = useMemo(\r\n    () =>\r\n      heightFromProps ??\r\n      (window.innerHeight > 164\r\n        ? window.innerHeight - 164\r\n        : window.innerHeight),\r\n    []\r\n  );\r\n\r\n  /**\r\n   * Memoizes the rendered grid columns.\r\n   * @type {Array}\r\n   * @returns {JSX.Element} - The rendered grid columns.\r\n   */\r\n  const RederedGridColumns = useMemo(() => {\r\n    return gridColumnsFromProps.map(\r\n      (\r\n        col: InlineEditDataGridTypes.IColumnOptions & {\r\n          multiLevelColumns: any[];\r\n        }\r\n      ) => {\r\n        return (\r\n          <Column key={col.dataField} {...col} minWidth={10} width={props.isColumnWidthFixed === true ? 160 : undefined}>\r\n            {col.lookup && <Lookup {...col.lookup} />}\r\n            {col.headerFilter && (\r\n              <HeaderFilter\r\n                {...col.headerFilter}\r\n                visible={true}\r\n                allowSearch={true}\r\n              />\r\n            )}\r\n\r\n            {col.multiLevelColumns?.map((multiLevelColItem: any) => (\r\n              <Column\r\n                key={multiLevelColItem.dataField}\r\n                dataField={multiLevelColItem.dataField}\r\n                caption={multiLevelColItem.caption}\r\n                width={80}\r\n              />\r\n            ))}\r\n          </Column>\r\n        );\r\n      }\r\n    );\r\n  }, [gridColumnsFromProps]);\r\n\r\n  const isHeaderFilterEnabledInAnyColumn = useMemo(() => {\r\n    return gridColumnsFromProps.some((col) => col.headerFilter);\r\n  }, [gridColumnsFromProps]);\r\n\r\n  return (\r\n    <div>\r\n      {/* Render page title and toolbar buttons if provided */}\r\n      {pageTitleFromProps && (\r\n        <PageTitleAndToolbarPartial\r\n          pageTitle={pageTitleFromProps}\r\n          toolbarButtonGroup={toolbarButtonGroupFromProps}\r\n        />\r\n      )}\r\n\r\n      {/* Memoized DataGrid Component */}\r\n      <DataGrid\r\n        ref={dataGridRefFromProps}\r\n        dataSource={dataSourceFromProps}\r\n        width=\"100%\"\r\n        height={DataGridHeight}\r\n        className={gridStyle.grid}\r\n        {...DataGridOptionsFromProps}\r\n        onCellClick={handleCellClick}\r\n        onContentReady={handleContentReady}\r\n        onEditorPrepared={handleEditorPrepared}\r\n        onExporting={handleExporting}\r\n        onOptionChanged={handleOptionChanged}\r\n      >\r\n        {/* Render columns */}\r\n        {RederedGridColumns}\r\n\r\n        {/* Column Chooser settings */}\r\n        <ColumnChooser enabled={true} mode=\"select\">\r\n          {!props.columnChooserPositionDisabled && (\r\n            <Position\r\n              my=\"right top\"\r\n              at=\"right bottom\"\r\n              of={\r\n                document.querySelector(`.${props.dataGridPageName}`)\r\n                  ? `.${props.dataGridPageName} .dx-datagrid-column-chooser-button`\r\n                  : \".dx-datagrid-column-chooser-button\"\r\n              }\r\n            />\r\n          )}\r\n          <ColumnChooserSearch\r\n            enabled={true}\r\n            editorOptions={{ placeholder: \"\" }}\r\n          />\r\n\r\n          <ColumnChooserSelection\r\n            allowSelectAll={true}\r\n            selectByClick={true}\r\n            recursive={true}\r\n          />\r\n        </ColumnChooser>\r\n\r\n        {/* Editing settings (conditionally render) */}\r\n        {editPropsFromProps && (\r\n          <Editing {...editPropsFromProps} useIcons={true} />\r\n        )}\r\n\r\n        {/* Export settings */}\r\n        {exportPropsFromProps?.enabled && <Export {...exportPropsFromProps} />}\r\n\r\n        {/* Filter panel settings */}\r\n        {isFilterPanelFromProps && (\r\n          <FilterPanel visible={isFilterPanelFromProps} />\r\n        )}\r\n\r\n        {/* Header filter settings */}\r\n        {(headerFilterFromProps?.visible ||\r\n          isHeaderFilterEnabledInAnyColumn) && (\r\n          <HeaderFilter {...headerFilterFromProps as any} visible={true} />\r\n        )}\r\n\r\n        {/* Filter row settings */}\r\n        {isFilterRowFromProps && <FilterRow visible={isFilterRowFromProps} />}\r\n\r\n        {/* Render action column if enabled */}\r\n        {actionColumnEnableFromProps && actionButtonGroupFromProps && (\r\n          <Column\r\n            dataField=\"Actions\"\r\n            caption=\"\"\r\n            fixed={true}\r\n            allowSorting={false}\r\n            type=\"buttons\"\r\n            showInColumnChooser={false}\r\n            cellRender={ActionCellRenderPartial}\r\n          />\r\n        )}\r\n\r\n        {/* Paging settings */}\r\n        <Paging enabled={true} defaultPageSize={props.pageSize ?? 0} />\r\n\r\n        {/* Pager and Column Chooser settings */}\r\n        {pagerPropsFromProps && (\r\n          <Pager\r\n            visible={pagerPropsFromProps.visible ?? true}\r\n            showPageSizeSelector={\r\n              pagerPropsFromProps.showPageSizeSelector ?? true\r\n            }\r\n            showInfo={pagerPropsFromProps.showInfo ?? true}\r\n            displayMode={pagerPropsFromProps.displayMode ?? \"full\"}\r\n            infoText={pagerPropsFromProps.infoText ?? \"Loaded {0} of {1} items\"}\r\n          />\r\n        )}\r\n\r\n        {/* Search panel settings */}\r\n        <SearchPanel visible={true} />\r\n\r\n        {/* Scrolling settings */}\r\n        {scrollingPropsFromProps ? (\r\n          <Scrolling {...scrollingPropsFromProps} />\r\n        ) : (\r\n          <Scrolling mode=\"infinite\" />\r\n        )}\r\n\r\n        {/* Toolbar settings */}\r\n        <Toolbar>\r\n          <DxItem name=\"searchPanel\" />\r\n          <DxItem name=\"columnChooserButton\" cssClass=\"toolbarPanelItems\" />\r\n          <DxItem name=\"exportButton\" cssClass=\"toolbarPanelItems\" />\r\n        </Toolbar>\r\n      </DataGrid>\r\n      {/* Render total summary */}\r\n      {renderTotal() && (\r\n        <div className={gridStyle.gridCustomSummary}>\r\n          <p>{renderTotal()}</p>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OdsInlineEditDataGrid;\r\nexport { OdsInlineEditDataGrid };\r\nexport type { IInlineEditDataGridProps, InlineEditDataGridTypes };\r\n"],"names":["DefaultDataGridOptions","OdsInlineEditDataGrid","props","dataGridRefFromProps","actionColumnEnableFromProps","actionButtonGroupFromProps","gridColumnsFromProps","columnResizingModeFromProps","customSummaryFromProps","dataSourceFromProps","editPropsFromProps","exportPropsFromProps","headerFilterFromProps","isFilterPanelFromProps","isFilterRowFromProps","pageTitleFromProps","pagerPropsFromProps","pageSizeFromProps","scrollingPropsFromProps","sortingPropsFromProps","toolbarButtonGroupFromProps","totalRecordCountFromProps","actionButtonsTooltipTypeFromProps","widthFromProps","heightFromProps","classNameFromProps","onCellClickFromProps","onContentReadyFromProps","onEditorPreparedFromProps","onOptionChangedFromProps","onExportingFromProps","AllGridOptions","gridStyle","useStyles","currentPage","setCurrentPage","useState","currentPageSize","setCurrentPageSize","filterApplied","setFilterApplied","updateTrigger","setUpdateTrigger","lastPageIndexRef","useRef","totalUnfilteredCount","totalFilteredCount","handleContentReady","useOnContentReadyHandler","renderTotal","useOnSummaryHandler","handleOptionChanged","useOnOptionChangedHandler","useEffect","handleEditorPrepared","useOnEditorPreparedHandler","handleExporting","useOnExportingHandler","handleCellClick","useCallback","e","VisibleActionButtons","useMemo","ActionCellRenderPartial","useOnActionCellRenderHandler","DataGridOptionsFromProps","DataGridHeight","RederedGridColumns","col","jsxs","Column","jsx","Lookup","HeaderFilter","multiLevelColItem","isHeaderFilterEnabledInAnyColumn","PageTitleAndToolbarPartial","DataGrid","ColumnChooser","Position","ColumnChooserSearch","ColumnChooserSelection","Editing","Export","FilterPanel","FilterRow","Paging","Pager","SearchPanel","Scrolling","Toolbar","DxItem"],"mappings":"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"}
+{"version":3,"file":"OdsInlineEditDataGrid.js","sources":["../../../../src/components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid.tsx"],"sourcesContent":["import React, {\r\n  useState,\r\n  useRef,\r\n  useMemo,\r\n  useCallback,\r\n  useEffect,\r\n} from \"react\";\r\n\r\nimport { DataGrid } from \"devextreme-react\";\r\nimport {\r\n  Column,\r\n  Lookup,\r\n  FilterRow,\r\n  HeaderFilter,\r\n  Paging,\r\n  Scrolling,\r\n  Pager,\r\n  ColumnChooser,\r\n  FilterPanel,\r\n  ColumnChooserSearch,\r\n  ColumnChooserSelection,\r\n  Position,\r\n  SearchPanel,\r\n  Toolbar,\r\n  Item as DxItem,\r\n  Export,\r\n  Editing,\r\n} from \"devextreme-react/data-grid\";\r\n\r\nimport { IInlineEditDataGridProps } from \"./types\";\r\nimport * as InlineEditDataGridTypes from \"./types\";\r\n\r\nimport styles from \"./styles.module.scss\";\r\n\r\nimport { useOnActionCellRenderHandler } from \"./handlers/OnActionCellRenderHandler\";\r\nimport { useOnContentReadyHandler } from \"./handlers/OnContentReadyHandler\";\r\nimport { useOnEditorPreparedHandler } from \"./handlers/OnEditorPreparedHandler\";\r\nimport { useOnExportingHandler } from \"./handlers/OnExportingHandler\";\r\nimport { useOnOptionChangedHandler } from \"./handlers/OnOptionChangedHandler\";\r\nimport { useOnSummaryHandler } from \"./handlers/OnSummaryHandler\";\r\n\r\nimport PageTitleAndToolbarPartial from \"./partials/PageTitleAndToolbarPartial\";\r\n\r\nconst DefaultDataGridOptions: Partial<IInlineEditDataGridProps> = {\r\n  allowColumnReordering: true,\r\n  allowColumnResizing: true,\r\n  columnAutoWidth: false,\r\n  columnFixing: { enabled: true },\r\n  filterSyncEnabled: \"auto\",\r\n  showBorders: true,\r\n  showRowLines: true,\r\n  syncLookupFilterValues: true,\r\n};\r\n\r\nconst OdsInlineEditDataGrid: React.FC<IInlineEditDataGridProps> = (props) => {\r\n  const {\r\n    dataGridRef: dataGridRefFromProps,\r\n    actionColumnEnable: actionColumnEnableFromProps,\r\n    actionButtonGroup: actionButtonGroupFromProps,\r\n    gridColumns: gridColumnsFromProps,\r\n    columnResizingMode: columnResizingModeFromProps,\r\n    customSummary: customSummaryFromProps,\r\n    dataSource: dataSourceFromProps,\r\n    editProps: editPropsFromProps,\r\n    exportProps: exportPropsFromProps,\r\n    headerFilter: headerFilterFromProps,\r\n    isFilterPanel: isFilterPanelFromProps,\r\n    isFilterRow: isFilterRowFromProps,\r\n    pageTitle: pageTitleFromProps,\r\n    pagerProps: pagerPropsFromProps,\r\n    pageSize: pageSizeFromProps,\r\n    scrollingProps: scrollingPropsFromProps,\r\n    sortingProps: sortingPropsFromProps,\r\n    toolbarButtonGroup: toolbarButtonGroupFromProps,\r\n    totalRecordCount: totalRecordCountFromProps,\r\n    actionButtonsTooltipType: actionButtonsTooltipTypeFromProps,\r\n    width: widthFromProps,\r\n    height: heightFromProps,\r\n    className: classNameFromProps,   \r\n    onCellClick: onCellClickFromProps,\r\n    onContentReady: onContentReadyFromProps,\r\n    onEditorPrepared: onEditorPreparedFromProps,\r\n    onOptionChanged: onOptionChangedFromProps,\r\n    onExporting: onExportingFromProps,\r\n    ...AllGridOptions\r\n  } = props;\r\n\r\n  const gridStyle = styles;\r\n\r\n  const [currentPage, setCurrentPage] = useState(0);\r\n  const [currentPageSize, setCurrentPageSize] = useState(\r\n    pageSizeFromProps ?? 50\r\n  );\r\n\r\n  const [filterApplied, setFilterApplied] = useState(false);\r\n\r\n  const [updateTrigger, setUpdateTrigger] = useState(false);\r\n\r\n  const lastPageIndexRef = useRef<number | null>(null);\r\n  const totalUnfilteredCount = useRef(0);\r\n  const totalFilteredCount = useRef(0);\r\n\r\n  const handleContentReady = useOnContentReadyHandler(\r\n    gridColumnsFromProps,\r\n    lastPageIndexRef,\r\n    filterApplied,\r\n    totalFilteredCount,\r\n    totalUnfilteredCount,\r\n    setUpdateTrigger,\r\n    setCurrentPage,\r\n    setCurrentPageSize,\r\n    onContentReadyFromProps\r\n  );\r\n\r\n  const { renderTotal } = useOnSummaryHandler({\r\n    customSummary: customSummaryFromProps,\r\n    totalRecordCount: totalRecordCountFromProps,\r\n    currentPageSize,\r\n    currentPage,\r\n    filterApplied,\r\n    totalFilteredCount,\r\n    totalUnfilteredCount,\r\n  });\r\n\r\n  const handleOptionChanged = useOnOptionChangedHandler(\r\n    dataGridRefFromProps,\r\n    totalFilteredCount,\r\n    sortingPropsFromProps,\r\n    setFilterApplied,\r\n    setUpdateTrigger,\r\n    onOptionChangedFromProps\r\n  );\r\n\r\n  useEffect(() => {}, [updateTrigger]);\r\n\r\n  const handleEditorPrepared = useOnEditorPreparedHandler(\r\n    onEditorPreparedFromProps\r\n  );\r\n\r\n  const handleExporting = useOnExportingHandler(\r\n    exportPropsFromProps,\r\n    renderTotal,\r\n    onExportingFromProps\r\n  );\r\n\r\n  const handleCellClick = useCallback((e) => {\r\n    if (e.rowType != \"header\") {\r\n      e.cellElement.style.backgroundColor = \"transparent\";\r\n    }\r\n    if (onCellClickFromProps) {\r\n      onCellClickFromProps(e);\r\n    }\r\n  }, []);\r\n\r\n  const VisibleActionButtons = useMemo(() => {\r\n    if (actionButtonGroupFromProps) {\r\n      if (actionButtonGroupFromProps.length >= 2 && !editPropsFromProps) {\r\n        return actionButtonGroupFromProps.slice(0, 2);\r\n      }\r\n      return actionButtonGroupFromProps;\r\n    }\r\n\r\n    return [];\r\n  }, []);\r\n\r\n  const ActionCellRenderPartial = useOnActionCellRenderHandler(\r\n    VisibleActionButtons,\r\n    actionButtonGroupFromProps,\r\n    editPropsFromProps,\r\n    actionButtonsTooltipTypeFromProps\r\n  );\r\n\r\n  const DataGridOptionsFromProps: IInlineEditDataGridProps = useMemo(() => {\r\n    return {\r\n      ...AllGridOptions,\r\n      ...DefaultDataGridOptions,\r\n      columnResizingMode: columnResizingModeFromProps ?? \"nextColumn\",\r\n    };\r\n  }, []);\r\n\r\n  const DataGridHeight = useMemo(\r\n    () =>\r\n      heightFromProps ??\r\n      (window.innerHeight > 164\r\n        ? window.innerHeight - 164\r\n        : window.innerHeight),\r\n    []\r\n  );\r\n\r\n  const RederedGridColumns = useMemo(() => {\r\n    return gridColumnsFromProps.map(\r\n      (\r\n        col: InlineEditDataGridTypes.IColumnOptions & {\r\n          multiLevelColumns: any[];\r\n        }\r\n      ) => {\r\n        return (\r\n          <Column key={col.dataField} {...col} minWidth={10} width={props.isColumnWidthFixed === true ? 160 : undefined}>\r\n            {col.lookup && <Lookup {...col.lookup} />}\r\n            {col.headerFilter && (\r\n              <HeaderFilter\r\n                {...col.headerFilter}\r\n                visible={true}\r\n                allowSearch={true}\r\n              />\r\n            )}\r\n\r\n            {col.multiLevelColumns?.map((multiLevelColItem: any) => (\r\n              <Column\r\n                key={multiLevelColItem.dataField}\r\n                dataField={multiLevelColItem.dataField}\r\n                caption={multiLevelColItem.caption}\r\n                width={80}\r\n              />\r\n            ))}\r\n          </Column>\r\n        );\r\n      }\r\n    );\r\n  }, [gridColumnsFromProps]);\r\n\r\n  const isHeaderFilterEnabledInAnyColumn = useMemo(() => {\r\n    return gridColumnsFromProps.some((col) => col.headerFilter);\r\n  }, [gridColumnsFromProps]);\r\n\r\n  return (\r\n    <div>\r\n      {pageTitleFromProps && (\r\n        <PageTitleAndToolbarPartial\r\n          pageTitle={pageTitleFromProps}\r\n          toolbarButtonGroup={toolbarButtonGroupFromProps}\r\n        />\r\n      )}\r\n\r\n      <DataGrid\r\n        ref={dataGridRefFromProps}\r\n        dataSource={dataSourceFromProps}\r\n        width=\"100%\"\r\n        height={DataGridHeight}\r\n        className={gridStyle.grid}\r\n        {...DataGridOptionsFromProps}\r\n        onCellClick={handleCellClick}\r\n        onContentReady={handleContentReady}\r\n        onEditorPrepared={handleEditorPrepared}\r\n        onExporting={handleExporting}\r\n        onOptionChanged={handleOptionChanged}\r\n      >\r\n        {RederedGridColumns}\r\n\r\n        <ColumnChooser enabled={true} mode=\"select\">\r\n          {!props.columnChooserPositionDisabled && (\r\n            <Position\r\n              my=\"right top\"\r\n              at=\"right bottom\"\r\n              of={\r\n                document.querySelector(`.${props.dataGridPageName}`)\r\n                  ? `.${props.dataGridPageName} .dx-datagrid-column-chooser-button`\r\n                  : \".dx-datagrid-column-chooser-button\"\r\n              }\r\n            />\r\n          )}\r\n          <ColumnChooserSearch\r\n            enabled={true}\r\n            editorOptions={{ placeholder: \"\" }}\r\n          />\r\n\r\n          <ColumnChooserSelection\r\n            allowSelectAll={true}\r\n            selectByClick={true}\r\n            recursive={true}\r\n          />\r\n        </ColumnChooser>\r\n\r\n        {editPropsFromProps && (\r\n          <Editing {...editPropsFromProps} useIcons={true} />\r\n        )}\r\n\r\n        {exportPropsFromProps?.enabled && <Export {...exportPropsFromProps} />}\r\n\r\n        {isFilterPanelFromProps && (\r\n          <FilterPanel visible={isFilterPanelFromProps} />\r\n        )}\r\n\r\n        {(headerFilterFromProps?.visible ||\r\n          isHeaderFilterEnabledInAnyColumn) && (\r\n          <HeaderFilter {...headerFilterFromProps as any} visible={true} />\r\n        )}\r\n\r\n        {isFilterRowFromProps && <FilterRow visible={isFilterRowFromProps} />}\r\n\r\n        {actionColumnEnableFromProps && actionButtonGroupFromProps && (\r\n          <Column\r\n            dataField=\"Actions\"\r\n            caption=\"\"\r\n            fixed={true}\r\n            allowSorting={false}\r\n            type=\"buttons\"\r\n            showInColumnChooser={false}\r\n            cellRender={ActionCellRenderPartial}\r\n          />\r\n        )}\r\n\r\n        <Paging enabled={true} defaultPageSize={props.pageSize ?? 0} />\r\n\r\n        {pagerPropsFromProps && (\r\n          <Pager\r\n            visible={pagerPropsFromProps.visible ?? true}\r\n            showPageSizeSelector={\r\n              pagerPropsFromProps.showPageSizeSelector ?? true\r\n            }\r\n            showInfo={pagerPropsFromProps.showInfo ?? true}\r\n            displayMode={pagerPropsFromProps.displayMode ?? \"full\"}\r\n            infoText={pagerPropsFromProps.infoText ?? \"Loaded {0} of {1} items\"}\r\n          />\r\n        )}\r\n\r\n        <SearchPanel visible={true} />\r\n\r\n        {scrollingPropsFromProps ? (\r\n          <Scrolling {...scrollingPropsFromProps} />\r\n        ) : (\r\n          <Scrolling mode=\"infinite\" />\r\n        )}\r\n\r\n        <Toolbar>\r\n          <DxItem name=\"searchPanel\" />\r\n          <DxItem name=\"columnChooserButton\" cssClass=\"toolbarPanelItems\" />\r\n          <DxItem name=\"exportButton\" cssClass=\"toolbarPanelItems\" />\r\n        </Toolbar>\r\n      </DataGrid>\r\n      {renderTotal() && (\r\n        <div className={gridStyle.gridCustomSummary}>\r\n          <p>{renderTotal()}</p>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OdsInlineEditDataGrid;\r\nexport { OdsInlineEditDataGrid };\r\nexport type { IInlineEditDataGridProps, InlineEditDataGridTypes };\r\n"],"names":["DefaultDataGridOptions","OdsInlineEditDataGrid","props","dataGridRefFromProps","actionColumnEnableFromProps","actionButtonGroupFromProps","gridColumnsFromProps","columnResizingModeFromProps","customSummaryFromProps","dataSourceFromProps","editPropsFromProps","exportPropsFromProps","headerFilterFromProps","isFilterPanelFromProps","isFilterRowFromProps","pageTitleFromProps","pagerPropsFromProps","pageSizeFromProps","scrollingPropsFromProps","sortingPropsFromProps","toolbarButtonGroupFromProps","totalRecordCountFromProps","actionButtonsTooltipTypeFromProps","widthFromProps","heightFromProps","classNameFromProps","onCellClickFromProps","onContentReadyFromProps","onEditorPreparedFromProps","onOptionChangedFromProps","onExportingFromProps","AllGridOptions","gridStyle","styles","currentPage","setCurrentPage","useState","currentPageSize","setCurrentPageSize","filterApplied","setFilterApplied","updateTrigger","setUpdateTrigger","lastPageIndexRef","useRef","totalUnfilteredCount","totalFilteredCount","handleContentReady","useOnContentReadyHandler","renderTotal","useOnSummaryHandler","handleOptionChanged","useOnOptionChangedHandler","useEffect","handleEditorPrepared","useOnEditorPreparedHandler","handleExporting","useOnExportingHandler","handleCellClick","useCallback","e","VisibleActionButtons","useMemo","ActionCellRenderPartial","useOnActionCellRenderHandler","DataGridOptionsFromProps","DataGridHeight","RederedGridColumns","col","jsxs","Column","jsx","Lookup","HeaderFilter","multiLevelColItem","isHeaderFilterEnabledInAnyColumn","PageTitleAndToolbarPartial","DataGrid","ColumnChooser","Position","ColumnChooserSearch","ColumnChooserSelection","Editing","Export","FilterPanel","FilterRow","Paging","Pager","SearchPanel","Scrolling","Toolbar","DxItem"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"OnActionCellRenderHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnActionCellRenderHandler.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\r\nimport OdsDataGrdiRowButton from \"../../../antd/button/OdsDataGrdiRowButton\";\r\nimport OdsDropdown from \"../../../antd/dropdown/OdsDropdown\";\r\nimport DynamicIcon from \"../../datagridUtils/DynamicIcon\";\r\nimport { IButtonGrouOptions, IEditingOptions, IActionButtonsTooltipType } from \"../types\";\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\" && { tooltip: buttonItem.hint })}\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":";;;;;AAcO,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,KAAK,CAACC,IACnDD,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,YAAY,EAAE,SAASQ,EAAW,KAAA;AAAA,UACpE,SAAS,CAACH,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,QA1BK,iBAAiBE,EAAW,IAAI;AAAA,MAAA;AAAA,IA6B3C,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/OdsInlineEditDataGrid/handlers/OnActionCellRenderHandler.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\r\nimport OdsDataGrdiRowButton from \"../../../antd/button/OdsDataGrdiRowButton\";\r\nimport OdsDropdown from \"../../../antd/dropdown/OdsDropdown\";\r\nimport DynamicIcon from \"../../datagridUtils/DynamicIcon\";\r\nimport { IButtonGrouOptions, IEditingOptions, IActionButtonsTooltipType } from \"../types\";\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      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\" && { tooltip: buttonItem.hint })}\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":";;;;;AAcO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,GACAC,MAO2BC;AAAA,EACzB,CAACC,MAA8B;AAC7B,QAAI,CAACA,KAAY,CAACL,EAAsB,QAAO;AAE/C,UAAMM,IACJL,KAAqBA,EAAkB,UAAU,KAAK,CAACC,IACnDD,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,YAAY,EAAE,SAASQ,EAAW,KAAA;AAAA,UACpE,SAAS,CAACH,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,QA1BK,iBAAiBE,EAAW,IAAI;AAAA,MAAA;AAAA,IA6B3C,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/OdsInlineEditDataGrid/handlers/OnContentReadyHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnContentReadyHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnContentReadyHandler.tsx"],"sourcesContent":["import { useCallback, MutableRefObject } from \"react\";\r\nimport { ContentReadyEvent } from \"devextreme/ui/data_grid\";\r\nimport { IColumnOptions } from \"../types\";\r\n\r\n/**\r\n * Custom hook to handle content ready events for the data grid.\r\n * @param {IColumnOptions[]} columns - The column options for the data grid.\r\n * @param {MutableRefObject<any>} lastPageIndexRef - Reference to the last page index.\r\n * @param {boolean} filterApplied - Boolean indicating if a filter is applied.\r\n * @param {MutableRefObject<number>} totalFilteredCount - Reference to the total filtered count.\r\n * @param {MutableRefObject<number>} totalUnfilteredCount - Reference to the total unfiltered count.\r\n * @param {Function} setUpdateTrigger - Function to set the update trigger.\r\n * @param {Function} setCurrentPage - Function to set the current page.\r\n * @param {Function} setCurrentPageSize - Function to set the current page size.\r\n * @param {Function} [callback] - Optional callback function.\r\n * @returns {(e: ContentReadyEvent<any, any>) => void} handleContentReady - Handler for content ready event.\r\n */\r\nexport const useOnContentReadyHandler = (\r\n  columns: IColumnOptions[],\r\n  lastPageIndexRef: MutableRefObject<number>,\r\n  filterApplied: boolean,\r\n  totalFilteredCount: MutableRefObject<number>,\r\n  totalUnfilteredCount: MutableRefObject<number>,\r\n  setUpdateTrigger: Function,\r\n  setCurrentPage: Function,\r\n  setCurrentPageSize: Function,\r\n  callback: Function\r\n): ((e: ContentReadyEvent<any, any>) => void) => {\r\n  /**\r\n   * Handler for the content ready event.\r\n   * @param {ContentReadyEvent<any, any>} e - The event object.\r\n   */\r\n  const onContentReady = useCallback(\r\n    (e) => {\r\n      const dataGridInstance = e.component;\r\n      const currentPageIndex = dataGridInstance.pageIndex();\r\n      const currentTotalCount = dataGridInstance.totalCount();\r\n      const newData = dataGridInstance?.getDataSource()?.items();\r\n\r\n\r\n      if (filterApplied) {\r\n        totalFilteredCount.current = currentTotalCount;\r\n      } else {\r\n        totalUnfilteredCount.current = currentTotalCount;\r\n      }\r\n\r\n      if (!filterApplied && totalFilteredCount.current === 0) {\r\n        totalFilteredCount.current = totalUnfilteredCount.current;\r\n      }\r\n\r\n      if (\r\n        lastPageIndexRef.current !== currentPageIndex &&\r\n        newData &&\r\n        newData.length > 0\r\n      ) {\r\n        setCurrentPage(currentPageIndex);\r\n        setCurrentPageSize(dataGridInstance.pageSize());\r\n\r\n        setUpdateTrigger((prev) => !prev);\r\n        lastPageIndexRef.current = currentPageIndex;\r\n      }\r\n\r\n      // Call the optional callback function if provided\r\n      if (callback) {\r\n        callback(e);\r\n      }\r\n    },\r\n    [columns, filterApplied]\r\n  );\r\n\r\n  return onContentReady;\r\n};\r\n"],"names":["useOnContentReadyHandler","columns","lastPageIndexRef","filterApplied","totalFilteredCount","totalUnfilteredCount","setUpdateTrigger","setCurrentPage","setCurrentPageSize","callback","useCallback","e","dataGridInstance","currentPageIndex","currentTotalCount","newData","prev"],"mappings":";AAiBO,MAAMA,IAA2B,CACtCC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,MAMuBC;AAAA,EACrB,CAACC,MAAM;AACL,UAAMC,IAAmBD,EAAE,WACrBE,IAAmBD,EAAiB,UAAA,GACpCE,IAAoBF,EAAiB,WAAA,GACrCG,IAAUH,GAAkB,cAAA,GAAiB,MAAA;AAGnD,IAAIT,IACFC,EAAmB,UAAUU,IAE7BT,EAAqB,UAAUS,GAG7B,CAACX,KAAiBC,EAAmB,YAAY,MACnDA,EAAmB,UAAUC,EAAqB,UAIlDH,EAAiB,YAAYW,KAC7BE,KACAA,EAAQ,SAAS,MAEjBR,EAAeM,CAAgB,GAC/BL,EAAmBI,EAAiB,UAAU,GAE9CN,EAAiB,CAACU,MAAS,CAACA,CAAI,GAChCd,EAAiB,UAAUW,IAIzBJ,KACFA,EAASE,CAAC;AAAA,EAEd;AAAA,EACA,CAACV,GAASE,CAAa;AAAA;"}
+{"version":3,"file":"OnContentReadyHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnContentReadyHandler.tsx"],"sourcesContent":["import { useCallback, MutableRefObject } from \"react\";\r\nimport { ContentReadyEvent } from \"devextreme/ui/data_grid\";\r\nimport { IColumnOptions } from \"../types\";\r\n\r\n/**\r\n * Custom hook to handle content ready events for the data grid.\r\n * @param {IColumnOptions[]} columns - The column options for the data grid.\r\n * @param {MutableRefObject<any>} lastPageIndexRef - Reference to the last page index.\r\n * @param {boolean} filterApplied - Boolean indicating if a filter is applied.\r\n * @param {MutableRefObject<number>} totalFilteredCount - Reference to the total filtered count.\r\n * @param {MutableRefObject<number>} totalUnfilteredCount - Reference to the total unfiltered count.\r\n * @param {Function} setUpdateTrigger - Function to set the update trigger.\r\n * @param {Function} setCurrentPage - Function to set the current page.\r\n * @param {Function} setCurrentPageSize - Function to set the current page size.\r\n * @param {Function} [callback] - Optional callback function.\r\n * @returns {(e: ContentReadyEvent<any, any>) => void} handleContentReady - Handler for content ready event.\r\n */\r\nexport const useOnContentReadyHandler = (\r\n  columns: IColumnOptions[],\r\n  lastPageIndexRef: MutableRefObject<number>,\r\n  filterApplied: boolean,\r\n  totalFilteredCount: MutableRefObject<number>,\r\n  totalUnfilteredCount: MutableRefObject<number>,\r\n  setUpdateTrigger: Function,\r\n  setCurrentPage: Function,\r\n  setCurrentPageSize: Function,\r\n  callback: Function\r\n): ((e: ContentReadyEvent<any, any>) => void) => {\r\n  /**\r\n   * Handler for the content ready event.\r\n   * @param {ContentReadyEvent<any, any>} e - The event object.\r\n   */\r\n  const onContentReady = useCallback(\r\n    (e) => {\r\n      const dataGridInstance = e.component;\r\n      const currentPageIndex = dataGridInstance.pageIndex();\r\n      const currentTotalCount = dataGridInstance.totalCount();\r\n      const newData = dataGridInstance?.getDataSource()?.items();\r\n\r\n\r\n      if (filterApplied) {\r\n        totalFilteredCount.current = currentTotalCount;\r\n      } else {\r\n        totalUnfilteredCount.current = currentTotalCount;\r\n      }\r\n\r\n      if (!filterApplied && totalFilteredCount.current === 0) {\r\n        totalFilteredCount.current = totalUnfilteredCount.current;\r\n      }\r\n\r\n      if (\r\n        lastPageIndexRef.current !== currentPageIndex &&\r\n        newData &&\r\n        newData.length > 0\r\n      ) {\r\n        setCurrentPage(currentPageIndex);\r\n        setCurrentPageSize(dataGridInstance.pageSize());\r\n\r\n        setUpdateTrigger((prev) => !prev);\r\n        lastPageIndexRef.current = currentPageIndex;\r\n      }\r\n\r\n      if (callback) {\r\n        callback(e);\r\n      }\r\n    },\r\n    [columns, filterApplied]\r\n  );\r\n\r\n  return onContentReady;\r\n};\r\n"],"names":["useOnContentReadyHandler","columns","lastPageIndexRef","filterApplied","totalFilteredCount","totalUnfilteredCount","setUpdateTrigger","setCurrentPage","setCurrentPageSize","callback","useCallback","e","dataGridInstance","currentPageIndex","currentTotalCount","newData","prev"],"mappings":";AAiBO,MAAMA,IAA2B,CACtCC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,MAMuBC;AAAA,EACrB,CAACC,MAAM;AACL,UAAMC,IAAmBD,EAAE,WACrBE,IAAmBD,EAAiB,UAAA,GACpCE,IAAoBF,EAAiB,WAAA,GACrCG,IAAUH,GAAkB,cAAA,GAAiB,MAAA;AAGnD,IAAIT,IACFC,EAAmB,UAAUU,IAE7BT,EAAqB,UAAUS,GAG7B,CAACX,KAAiBC,EAAmB,YAAY,MACnDA,EAAmB,UAAUC,EAAqB,UAIlDH,EAAiB,YAAYW,KAC7BE,KACAA,EAAQ,SAAS,MAEjBR,EAAeM,CAAgB,GAC/BL,EAAmBI,EAAiB,UAAU,GAE9CN,EAAiB,CAACU,MAAS,CAACA,CAAI,GAChCd,EAAiB,UAAUW,IAGzBJ,KACFA,EAASE,CAAC;AAAA,EAEd;AAAA,EACA,CAACV,GAASE,CAAa;AAAA;"}

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OnEditorPreparedHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnEditorPreparedHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnEditorPreparedHandler.tsx"],"sourcesContent":["import { useCallback } from \"react\";\r\n\r\n/**\r\n * Custom hook that returns a callback function to handle the \"editorPrepared\" event of a DevExtreme component.\r\n * This callback function is responsible for customizing the editor's behavior based on specific conditions.\r\n *\r\n * @returns {Function} The callback function to handle the \"editorPrepared\" event.\r\n */\r\nexport const useOnEditorPreparedHandler = (callback): ((e: any) => void) => {\r\n  /**\r\n   * Callback function to handle the \"editorPrepared\" event.\r\n   *\r\n   * @param {any} e - The event object containing information about the editor.\r\n   */\r\n  const onEditorPrepared: (e: any) => void = useCallback((e) => {\r\n    /**\r\n     * Check if the editor is in the filter row, is a select box, and has a specific data field.\r\n     */\r\n    if (\r\n      e.parentType === \"filterRow\" &&\r\n      e.editorName === \"dxSelectBox\" &&\r\n      e.dataField === \"IsActive\"\r\n    ) {\r\n      /**\r\n       * Check if the editor has a dataSource and it is not empty.\r\n       */\r\n      if (e.dataSource != null && e.dataSource.length > 0) {\r\n        /**\r\n         * Customize the editor's display text based on the values in the dataSource.\r\n         *\r\n         * Find the item in the dataSource with a value of null and set its label as the \"showAllText\".\r\n         */\r\n        e.showAllText = e.dataSource.find((i) => {\r\n          return i.value === null;\r\n        }).label;\r\n\r\n        /**\r\n         * Find the item in the dataSource with a value of true and set its label as the \"trueText\".\r\n         */\r\n        e.trueText = e.dataSource.find((i) => {\r\n          return i.value === true;\r\n        }).label;\r\n\r\n        /**\r\n         * Find the item in the dataSource with a value of false and set its label as the \"falseText\".\r\n         */\r\n        e.falseText = e.dataSource.find((i) => {\r\n          return i.value === false;\r\n        }).label;\r\n      }\r\n    }\r\n\r\n    // Call the callback function if it exists\r\n    if (callback) {\r\n      callback(e);\r\n    }\r\n  }, []);\r\n\r\n  return onEditorPrepared;\r\n};\r\n"],"names":["useOnEditorPreparedHandler","callback","useCallback","i"],"mappings":";AAQO,MAAMA,IAA6B,CAACC,MAMEC,EAAY,CAAC,MAAM;AAI5D,EACE,EAAE,eAAe,eACjB,EAAE,eAAe,iBACjB,EAAE,cAAc,cAKZ,EAAE,cAAc,QAAQ,EAAE,WAAW,SAAS,MAMhD,EAAE,cAAc,EAAE,WAAW,KAAK,CAACC,MAC1BA,EAAE,UAAU,IACpB,EAAE,OAKH,EAAE,WAAW,EAAE,WAAW,KAAK,CAACA,MACvBA,EAAE,UAAU,EACpB,EAAE,OAKH,EAAE,YAAY,EAAE,WAAW,KAAK,CAACA,MACxBA,EAAE,UAAU,EACpB,EAAE,QAKHF,KACFA,EAAS,CAAC;AAEd,GAAG,CAAA,CAAE;"}
+{"version":3,"file":"OnEditorPreparedHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnEditorPreparedHandler.tsx"],"sourcesContent":["import { useCallback } from \"react\";\r\n\r\nexport const useOnEditorPreparedHandler = (callback): ((e: any) => void) => {\r\n  const onEditorPrepared: (e: any) => void = useCallback((e) => {\r\n    if (\r\n      e.parentType === \"filterRow\" &&\r\n      e.editorName === \"dxSelectBox\" &&\r\n      e.dataField === \"IsActive\"\r\n    ) {\r\n      if (e.dataSource != null && e.dataSource.length > 0) {\r\n        e.showAllText = e.dataSource.find((i) => {\r\n          return i.value === null;\r\n        }).label;\r\n\r\n        e.trueText = e.dataSource.find((i) => {\r\n          return i.value === true;\r\n        }).label;\r\n\r\n        e.falseText = e.dataSource.find((i) => {\r\n          return i.value === false;\r\n        }).label;\r\n      }\r\n    }\r\n\r\n    if (callback) {\r\n      callback(e);\r\n    }\r\n  }, []);\r\n\r\n  return onEditorPrepared;\r\n};\r\n"],"names":["useOnEditorPreparedHandler","callback","useCallback","i"],"mappings":";AAEO,MAAMA,IAA6B,CAACC,MACEC,EAAY,CAAC,MAAM;AAC5D,EACE,EAAE,eAAe,eACjB,EAAE,eAAe,iBACjB,EAAE,cAAc,cAEZ,EAAE,cAAc,QAAQ,EAAE,WAAW,SAAS,MAChD,EAAE,cAAc,EAAE,WAAW,KAAK,CAACC,MAC1BA,EAAE,UAAU,IACpB,EAAE,OAEH,EAAE,WAAW,EAAE,WAAW,KAAK,CAACA,MACvBA,EAAE,UAAU,EACpB,EAAE,OAEH,EAAE,YAAY,EAAE,WAAW,KAAK,CAACA,MACxBA,EAAE,UAAU,EACpB,EAAE,QAIHF,KACFA,EAAS,CAAC;AAEd,GAAG,CAAA,CAAE;"}

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OnOptionChangedHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnOptionChangedHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnOptionChangedHandler.tsx"],"sourcesContent":["import { useCallback, MutableRefObject } from \"react\";\r\n\r\n/**\r\n * Custom hook to handle option change events for the data grid.\r\n * @param {MutableRefObject<any>} dataGridRef - The ref object for the data grid.\r\n * @param {MutableRefObject<number>} totalFilteredCount - The ref object for the total filtered count.\r\n * @param {any} sortingProps - The sorting properties.\r\n * @param {Function} setFilterApplied - Function to set the filter applied state.\r\n * @param {Function} setUpdateTrigger - Function to set the update trigger state.\r\n * @param {Function} callback - The callback function to be called.\r\n * @returns {Function} - Handler function for option changed event.\r\n */\r\nexport const useOnOptionChangedHandler = (\r\n  dataGridRef: MutableRefObject<any>,\r\n  totalFilteredCount: MutableRefObject<number>,\r\n  sortingProps: any,\r\n  setFilterApplied: Function,\r\n  setUpdateTrigger: Function,\r\n  callback: Function\r\n) => {\r\n  /**\r\n   * Handler function for option changes.\r\n   * @param {Object} e - The event object.\r\n   */\r\n  const onOptionChanged = useCallback((e) => {\r\n    const dataGrid = dataGridRef.current?.instance?.();\r\n\r\n    /**\r\n     * Update the filter status based on the current filters applied.\r\n     * @returns {boolean} - The filter applied status.\r\n     */\r\n    const updateFilterStatus = () => {\r\n      const filters = dataGrid?.getCombinedFilter(true);\r\n      const active = filters && filters.length > 0;\r\n      setFilterApplied(active);\r\n      return active;\r\n    };\r\n\r\n    if (e.fullName.includes(\"sortOrder\")) {\r\n      // Scroll to the top when the sortOrder changes\r\n      dataGrid?.getScrollable().scrollTo(0);\r\n    }\r\n\r\n    if (\r\n      e.fullName.includes(\"filterValue\") ||\r\n      e.fullName.includes(\"filter\") ||\r\n      e.fullName === \"searchPanel.text\"\r\n    ) {\r\n      const active = updateFilterStatus();\r\n\r\n      if (active) {\r\n        setTimeout(() => {\r\n          // Refresh the data grid and update the total filtered count\r\n          dataGrid?.refresh().done(() => {\r\n            totalFilteredCount.current = dataGrid?.totalCount();\r\n            setUpdateTrigger((prev) => !prev);\r\n          });\r\n        }, 0);\r\n      }\r\n    }\r\n\r\n    if (sortingProps?.onOptionChanged) {\r\n      // Call the sortingProps.onOptionChanged function if it exists\r\n      sortingProps.onOptionChanged(e);\r\n    }\r\n\r\n    if (callback) {\r\n      // Call the callback function if it exists\r\n      callback(e);\r\n    }\r\n  }, []);\r\n\r\n  return onOptionChanged;\r\n};\r\n"],"names":["useOnOptionChangedHandler","dataGridRef","totalFilteredCount","sortingProps","setFilterApplied","setUpdateTrigger","callback","useCallback","e","dataGrid","updateFilterStatus","filters","active","prev"],"mappings":";AAYO,MAAMA,IAA4B,CACvCC,GACAC,GACAC,GACAC,GACAC,GACAC,MAMwBC,EAAY,CAACC,MAAM;AACzC,QAAMC,IAAWR,EAAY,SAAS,WAAA,GAMhCS,IAAqB,MAAM;AAC/B,UAAMC,IAAUF,GAAU,kBAAkB,EAAI,GAC1CG,IAASD,KAAWA,EAAQ,SAAS;AAC3C,WAAAP,EAAiBQ,CAAM,GAChBA;AAAA,EACT;AAEA,EAAIJ,EAAE,SAAS,SAAS,WAAW,KAEjCC,GAAU,cAAA,EAAgB,SAAS,CAAC,IAIpCD,EAAE,SAAS,SAAS,aAAa,KACjCA,EAAE,SAAS,SAAS,QAAQ,KAC5BA,EAAE,aAAa,uBAEAE,EAAA,KAGb,WAAW,MAAM;AAEf,IAAAD,GAAU,UAAU,KAAK,MAAM;AAC7B,MAAAP,EAAmB,UAAUO,GAAU,WAAA,GACvCJ,EAAiB,CAACQ,MAAS,CAACA,CAAI;AAAA,IAClC,CAAC;AAAA,EACH,GAAG,CAAC,GAIJV,GAAc,mBAEhBA,EAAa,gBAAgBK,CAAC,GAG5BF,KAEFA,EAASE,CAAC;AAEd,GAAG,CAAA,CAAE;"}
+{"version":3,"file":"OnOptionChangedHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnOptionChangedHandler.tsx"],"sourcesContent":["import { useCallback, MutableRefObject } from \"react\";\r\n\r\nexport const useOnOptionChangedHandler = (\r\n  dataGridRef: MutableRefObject<any>,\r\n  totalFilteredCount: MutableRefObject<number>,\r\n  sortingProps: any,\r\n  setFilterApplied: Function,\r\n  setUpdateTrigger: Function,\r\n  callback: Function\r\n) => {\r\n  const onOptionChanged = useCallback((e) => {\r\n    const dataGrid = dataGridRef.current?.instance?.();\r\n\r\n    const updateFilterStatus = () => {\r\n      const filters = dataGrid?.getCombinedFilter(true);\r\n      const active = filters && filters.length > 0;\r\n      setFilterApplied(active);\r\n      return active;\r\n    };\r\n\r\n    if (e.fullName.includes(\"sortOrder\")) {\r\n      dataGrid?.getScrollable().scrollTo(0);\r\n    }\r\n\r\n    if (\r\n      e.fullName.includes(\"filterValue\") ||\r\n      e.fullName.includes(\"filter\") ||\r\n      e.fullName === \"searchPanel.text\"\r\n    ) {\r\n      const active = updateFilterStatus();\r\n\r\n      if (active) {\r\n        setTimeout(() => {\r\n          dataGrid?.refresh().done(() => {\r\n            totalFilteredCount.current = dataGrid?.totalCount();\r\n            setUpdateTrigger((prev) => !prev);\r\n          });\r\n        }, 0);\r\n      }\r\n    }\r\n\r\n    if (sortingProps?.onOptionChanged) {\r\n      sortingProps.onOptionChanged(e);\r\n    }\r\n\r\n    if (callback) {\r\n      callback(e);\r\n    }\r\n  }, []);\r\n\r\n  return onOptionChanged;\r\n};\r\n"],"names":["useOnOptionChangedHandler","dataGridRef","totalFilteredCount","sortingProps","setFilterApplied","setUpdateTrigger","callback","useCallback","e","dataGrid","updateFilterStatus","filters","active","prev"],"mappings":";AAEO,MAAMA,IAA4B,CACvCC,GACAC,GACAC,GACAC,GACAC,GACAC,MAEwBC,EAAY,CAACC,MAAM;AACzC,QAAMC,IAAWR,EAAY,SAAS,WAAA,GAEhCS,IAAqB,MAAM;AAC/B,UAAMC,IAAUF,GAAU,kBAAkB,EAAI,GAC1CG,IAASD,KAAWA,EAAQ,SAAS;AAC3C,WAAAP,EAAiBQ,CAAM,GAChBA;AAAA,EACT;AAEA,EAAIJ,EAAE,SAAS,SAAS,WAAW,KACjCC,GAAU,cAAA,EAAgB,SAAS,CAAC,IAIpCD,EAAE,SAAS,SAAS,aAAa,KACjCA,EAAE,SAAS,SAAS,QAAQ,KAC5BA,EAAE,aAAa,uBAEAE,EAAA,KAGb,WAAW,MAAM;AACf,IAAAD,GAAU,UAAU,KAAK,MAAM;AAC7B,MAAAP,EAAmB,UAAUO,GAAU,WAAA,GACvCJ,EAAiB,CAACQ,MAAS,CAACA,CAAI;AAAA,IAClC,CAAC;AAAA,EACH,GAAG,CAAC,GAIJV,GAAc,mBAChBA,EAAa,gBAAgBK,CAAC,GAG5BF,KACFA,EAASE,CAAC;AAEd,GAAG,CAAA,CAAE;"}

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OnSummaryHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnSummaryHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnSummaryHandler.tsx"],"sourcesContent":["import { useCallback, MutableRefObject } from \"react\";\r\nimport type { ISummaryRowOptions } from \"../types\";\r\n\r\n/**\r\n * Props interface for the useOnSummaryHandler hook.\r\n */\r\ninterface IUseSummaryHandlersProps {\r\n  customSummary?: ISummaryRowOptions;\r\n  totalRecordCount: number;\r\n  currentPageSize: number;\r\n  currentPage: number;\r\n  filterApplied: boolean;\r\n  totalFilteredCount: MutableRefObject<number>;\r\n  totalUnfilteredCount: MutableRefObject<number>;\r\n}\r\n\r\n/**\r\n * Custom hook that provides summary handler for a data grid.\r\n *\r\n * @param {IUseSummaryHandlersProps} props - The props object containing necessary parameters.\r\n * @returns {Object} - An object containing the renderTotal function.\r\n */\r\nexport const useOnSummaryHandler = ({\r\n  customSummary,\r\n  totalRecordCount,\r\n  currentPageSize,\r\n  currentPage,\r\n  filterApplied,\r\n  totalFilteredCount,\r\n  totalUnfilteredCount,\r\n}: IUseSummaryHandlersProps) => {\r\n  /**\r\n   * Renders the total summary based on the provided parameters.\r\n   *\r\n   * @returns {string | null} - The rendered total summary, or null if customSummary is not provided.\r\n   */\r\n  const renderTotal: () => string | null = useCallback(() => {\r\n    if (!customSummary) return null;\r\n\r\n    const totalLoaded = filterApplied\r\n      ? totalFilteredCount.current\r\n      : totalUnfilteredCount.current;\r\n    const loadedPage = currentPage + 1;\r\n    const totalRecords = totalRecordCount;\r\n    const totalPageCount = Math.ceil(totalRecords / currentPageSize);\r\n\r\n    if (totalLoaded === 0 || totalLoaded === -1) {\r\n      return \"\";\r\n    }\r\n\r\n    const filteredDisplayText = filterApplied\r\n      ? `${totalLoaded} ${customSummary?.summaryFilteredDataLabel} - `\r\n      : \"\";\r\n\r\n    const loadedDisplayText =\r\n      totalUnfilteredCount.current < totalRecords\r\n        ? `${totalUnfilteredCount.current} ${customSummary?.summaryLoadedDataLabel} - `\r\n        : \"\";\r\n\r\n    const totalRecordsDisplayText = `${totalRecords} ${customSummary?.summaryTotalDataLabel}`;\r\n\r\n    const paginationDisplayText =\r\n      loadedPage < totalPageCount\r\n        ? ` - ${customSummary?.summaryTotalPageCountLabel} ${loadedPage} / ${totalPageCount}`\r\n        : \"\";\r\n\r\n    const result = `${filteredDisplayText}${loadedDisplayText}${totalRecordsDisplayText}${paginationDisplayText}`;\r\n    return result;\r\n  }, [\r\n    currentPage,\r\n    currentPageSize,\r\n    filterApplied,\r\n    customSummary,\r\n    totalRecordCount,\r\n    totalUnfilteredCount,\r\n  ]);\r\n\r\n  // Return the renderTotal function\r\n  return { renderTotal };\r\n};\r\n"],"names":["useOnSummaryHandler","customSummary","totalRecordCount","currentPageSize","currentPage","filterApplied","totalFilteredCount","totalUnfilteredCount","useCallback","totalLoaded","loadedPage","totalRecords","totalPageCount","filteredDisplayText","loadedDisplayText","totalRecordsDisplayText","paginationDisplayText"],"mappings":";AAsBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AACF,OAgDS,EAAE,aA1CgCC,EAAY,MAAM;AACzD,MAAI,CAACP,EAAe,QAAO;AAE3B,QAAMQ,IAAcJ,IAChBC,EAAmB,UACnBC,EAAqB,SACnBG,IAAaN,IAAc,GAC3BO,IAAeT,GACfU,IAAiB,KAAK,KAAKD,IAAeR,CAAe;AAE/D,MAAIM,MAAgB,KAAKA,MAAgB;AACvC,WAAO;AAGT,QAAMI,IAAsBR,IACxB,GAAGI,CAAW,IAAIR,GAAe,wBAAwB,QACzD,IAEEa,IACJP,EAAqB,UAAUI,IAC3B,GAAGJ,EAAqB,OAAO,IAAIN,GAAe,sBAAsB,QACxE,IAEAc,IAA0B,GAAGJ,CAAY,IAAIV,GAAe,qBAAqB,IAEjFe,IACJN,IAAaE,IACT,MAAMX,GAAe,0BAA0B,IAAIS,CAAU,MAAME,CAAc,KACjF;AAGN,SADe,GAAGC,CAAmB,GAAGC,CAAiB,GAAGC,CAAuB,GAAGC,CAAqB;AAE7G,GAAG;AAAA,EACDZ;AAAA,EACAD;AAAA,EACAE;AAAA,EACAJ;AAAA,EACAC;AAAA,EACAK;AAAA,CACD,EAGQ;"}
+{"version":3,"file":"OnSummaryHandler.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/handlers/OnSummaryHandler.tsx"],"sourcesContent":["import { useCallback, MutableRefObject } from \"react\";\r\nimport type { ISummaryRowOptions } from \"../types\";\r\n\r\n/**\r\n * Props interface for the useOnSummaryHandler hook.\r\n */\r\ninterface IUseSummaryHandlersProps {\r\n  customSummary?: ISummaryRowOptions;\r\n  totalRecordCount: number;\r\n  currentPageSize: number;\r\n  currentPage: number;\r\n  filterApplied: boolean;\r\n  totalFilteredCount: MutableRefObject<number>;\r\n  totalUnfilteredCount: MutableRefObject<number>;\r\n}\r\n\r\n/**\r\n * Custom hook that provides summary handler for a data grid.\r\n *\r\n * @param {IUseSummaryHandlersProps} props - The props object containing necessary parameters.\r\n * @returns {Object} - An object containing the renderTotal function.\r\n */\r\nexport const useOnSummaryHandler = ({\r\n  customSummary,\r\n  totalRecordCount,\r\n  currentPageSize,\r\n  currentPage,\r\n  filterApplied,\r\n  totalFilteredCount,\r\n  totalUnfilteredCount,\r\n}: IUseSummaryHandlersProps) => {\r\n  /**\r\n   * Renders the total summary based on the provided parameters.\r\n   *\r\n   * @returns {string | null} - The rendered total summary, or null if customSummary is not provided.\r\n   */\r\n  const renderTotal: () => string | null = useCallback(() => {\r\n    if (!customSummary) return null;\r\n\r\n    const totalLoaded = filterApplied\r\n      ? totalFilteredCount.current\r\n      : totalUnfilteredCount.current;\r\n    const loadedPage = currentPage + 1;\r\n    const totalRecords = totalRecordCount;\r\n    const totalPageCount = Math.ceil(totalRecords / currentPageSize);\r\n\r\n    if (totalLoaded === 0 || totalLoaded === -1) {\r\n      return \"\";\r\n    }\r\n\r\n    const filteredDisplayText = filterApplied\r\n      ? `${totalLoaded} ${customSummary?.summaryFilteredDataLabel} - `\r\n      : \"\";\r\n\r\n    const loadedDisplayText =\r\n      totalUnfilteredCount.current < totalRecords\r\n        ? `${totalUnfilteredCount.current} ${customSummary?.summaryLoadedDataLabel} - `\r\n        : \"\";\r\n\r\n    const totalRecordsDisplayText = `${totalRecords} ${customSummary?.summaryTotalDataLabel}`;\r\n\r\n    const paginationDisplayText =\r\n      loadedPage < totalPageCount\r\n        ? ` - ${customSummary?.summaryTotalPageCountLabel} ${loadedPage} / ${totalPageCount}`\r\n        : \"\";\r\n\r\n    const result = `${filteredDisplayText}${loadedDisplayText}${totalRecordsDisplayText}${paginationDisplayText}`;\r\n    return result;\r\n  }, [\r\n    currentPage,\r\n    currentPageSize,\r\n    filterApplied,\r\n    customSummary,\r\n    totalRecordCount,\r\n    totalUnfilteredCount,\r\n  ]);\r\n\r\n  return { renderTotal };\r\n};\r\n"],"names":["useOnSummaryHandler","customSummary","totalRecordCount","currentPageSize","currentPage","filterApplied","totalFilteredCount","totalUnfilteredCount","useCallback","totalLoaded","loadedPage","totalRecords","totalPageCount","filteredDisplayText","loadedDisplayText","totalRecordsDisplayText","paginationDisplayText"],"mappings":";AAsBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AACF,OA+CS,EAAE,aAzCgCC,EAAY,MAAM;AACzD,MAAI,CAACP,EAAe,QAAO;AAE3B,QAAMQ,IAAcJ,IAChBC,EAAmB,UACnBC,EAAqB,SACnBG,IAAaN,IAAc,GAC3BO,IAAeT,GACfU,IAAiB,KAAK,KAAKD,IAAeR,CAAe;AAE/D,MAAIM,MAAgB,KAAKA,MAAgB;AACvC,WAAO;AAGT,QAAMI,IAAsBR,IACxB,GAAGI,CAAW,IAAIR,GAAe,wBAAwB,QACzD,IAEEa,IACJP,EAAqB,UAAUI,IAC3B,GAAGJ,EAAqB,OAAO,IAAIN,GAAe,sBAAsB,QACxE,IAEAc,IAA0B,GAAGJ,CAAY,IAAIV,GAAe,qBAAqB,IAEjFe,IACJN,IAAaE,IACT,MAAMX,GAAe,0BAA0B,IAAIS,CAAU,MAAME,CAAc,KACjF;AAGN,SADe,GAAGC,CAAmB,GAAGC,CAAiB,GAAGC,CAAuB,GAAGC,CAAqB;AAE7G,GAAG;AAAA,EACDZ;AAAA,EACAD;AAAA,EACAE;AAAA,EACAJ;AAAA,EACAC;AAAA,EACAK;AAAA,CACD,EAEQ;"}

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/PageTitleAndToolbarPartial.js

@@ -1,28 +1,25 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import i from "react";
-import m from "../../../antd/button/OdsButton.js";
-import { usePageTitleAndToolbarStyles as c } from "../styles.js";
-const n = ({
-  pageTitle: o,
-  toolbarButtonGroup: a
-}) => {
-  const { styles: l, cx: d } = c();
-  return /* @__PURE__ */ r(i.Fragment, { children: /* @__PURE__ */ t("div", { className: l.gridPageTitleWrapper, children: [
-    /* @__PURE__ */ r("h2", { children: o }),
-    a && /* @__PURE__ */ r("div", { className: l.gridToolbarButtonGroupWrapper, children: a.map((e, s) => /* @__PURE__ */ r(
-      m,
-      {
-        type: e.type,
-        onClick: e.onClick,
-        disabled: e.disabled,
-        className: d(s > 0 && l.gridToolbarButton),
-        children: e.label
-      },
-      e.type
-    )) })
-  ] }) });
-}, h = i.memo(n);
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import l from "react";
+import t from "../../../antd/button/OdsButton.js";
+import a from "../styles.module.scss.js";
+const c = ({
+  pageTitle: d,
+  toolbarButtonGroup: i
+}) => /* @__PURE__ */ r(l.Fragment, { children: /* @__PURE__ */ m("div", { className: a.gridPageTitleWrapper, children: [
+  /* @__PURE__ */ r("h2", { children: d }),
+  i && /* @__PURE__ */ r("div", { className: a.gridToolbarButtonGroupWrapper, children: i.map((e, o) => /* @__PURE__ */ r(
+    t,
+    {
+      type: e.type,
+      onClick: (s) => e.onClick?.(s),
+      disabled: e.disabled,
+      className: o > 0 ? a.gridToolbarButton : void 0,
+      children: e.label
+    },
+    e.type
+  )) })
+] }) }), f = l.memo(c);
 export {
-  h as default
+  f as default
 };
 //# sourceMappingURL=PageTitleAndToolbarPartial.js.map

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/PageTitleAndToolbarPartial.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageTitleAndToolbarPartial.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/partials/PageTitleAndToolbarPartial.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { IToolbarButtonOptions } from \"../types\";\r\nimport OdsButton from \"../../../antd/button/OdsButton\";\r\n\r\nimport { usePageTitleAndToolbarStyles } from \"../styles\";\r\n\r\ninterface PageTitleAndToolbarProps {\r\n  pageTitle?: string;\r\n  toolbarButtonGroup?: IToolbarButtonOptions[];\r\n}\r\n\r\n// This component represents a page title and a toolbar with buttons\r\n/**\r\n * Renders the page title and toolbar button group.\r\n * @param {PageTitleAndToolbarProps} props - The component props.\r\n * @param {string} props.pageTitle - The title of the page.\r\n * @param {IToolbarButton[]} props.toolbarButtonGroup - The array of toolbar buttons.\r\n * @returns {JSX.Element} The rendered page title and toolbar button group.\r\n */\r\nconst PageTitleAndToolbar: React.FC<PageTitleAndToolbarProps> = ({\r\n  pageTitle,\r\n  toolbarButtonGroup,\r\n}) => {\r\n  const { styles, cx } = usePageTitleAndToolbarStyles();\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className={styles.gridPageTitleWrapper}>\r\n        <h2>{pageTitle}</h2>\r\n        {/* Render the toolbar button group if it exists */}\r\n        {toolbarButtonGroup && (\r\n          <div className={styles.gridToolbarButtonGroupWrapper}>\r\n            {/* Map over each button in the toolbar button group */}\r\n            {toolbarButtonGroup.map((button, index) => (\r\n              <OdsButton\r\n                key={button.type}\r\n                type={button.type}\r\n                onClick={button.onClick}\r\n                disabled={button.disabled}\r\n                className={cx(index > 0 && styles.gridToolbarButton)}\r\n              >\r\n                {button.label}\r\n              </OdsButton>\r\n            ))}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\n// Memoize the PageTitleAndToolbar component to optimize rendering\r\nconst MemoizedPageTitleAndToolbar = React.memo(PageTitleAndToolbar);\r\n\r\nexport default MemoizedPageTitleAndToolbar;\r\n"],"names":["PageTitleAndToolbar","pageTitle","toolbarButtonGroup","styles","cx","usePageTitleAndToolbarStyles","jsx","React","button","index","OdsButton","MemoizedPageTitleAndToolbar"],"mappings":";;;;AAmBA,MAAMA,IAA0D,CAAC;AAAA,EAC/D,WAAAC;AAAA,EACA,oBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,GAAQ,IAAAC,EAAA,IAAOC,EAAA;AAEvB,SACE,gBAAAC,EAACC,EAAM,UAAN,EACC,4BAAC,OAAA,EAAI,WAAWJ,EAAO,sBACrB,UAAA;AAAA,IAAA,gBAAAG,EAAC,QAAI,UAAAL,EAAA,CAAU;AAAA,IAEdC,KACC,gBAAAI,EAAC,OAAA,EAAI,WAAWH,EAAO,+BAEpB,UAAAD,EAAmB,IAAI,CAACM,GAAQC,MAC/B,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,MAAMF,EAAO;AAAA,QACb,SAASA,EAAO;AAAA,QAChB,UAAUA,EAAO;AAAA,QACjB,WAAWJ,EAAGK,IAAQ,KAAKN,EAAO,iBAAiB;AAAA,QAElD,UAAAK,EAAO;AAAA,MAAA;AAAA,MANHA,EAAO;AAAA,IAAA,CAQf,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ,GAGMG,IAA8BJ,EAAM,KAAKP,CAAmB;"}
+{"version":3,"file":"PageTitleAndToolbarPartial.js","sources":["../../../../../src/components/devextreme/OdsInlineEditDataGrid/partials/PageTitleAndToolbarPartial.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { IToolbarButtonOptions } from \"../types\";\r\nimport OdsButton from \"../../../antd/button/OdsButton\";\r\n\r\nimport styles from \"../styles.module.scss\";\r\n\r\ninterface PageTitleAndToolbarProps {\r\n  pageTitle?: string;\r\n  toolbarButtonGroup?: IToolbarButtonOptions[];\r\n}\r\n\r\nconst PageTitleAndToolbar: React.FC<PageTitleAndToolbarProps> = ({\r\n  pageTitle,\r\n  toolbarButtonGroup,\r\n}) => {\r\n  return (\r\n    <React.Fragment>\r\n      <div className={styles.gridPageTitleWrapper}>\r\n        <h2>{pageTitle}</h2>\r\n        {toolbarButtonGroup && (\r\n          <div className={styles.gridToolbarButtonGroupWrapper}>\r\n            {toolbarButtonGroup.map((button, index) => (\r\n              <OdsButton\r\n                key={button.type}\r\n                type={button.type}\r\n                onClick={(e) => button.onClick?.(e as any)}\r\n                disabled={button.disabled}\r\n                className={index > 0 ? styles.gridToolbarButton : undefined}\r\n              >\r\n                {button.label}\r\n              </OdsButton>\r\n            ))}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nconst MemoizedPageTitleAndToolbar = React.memo(PageTitleAndToolbar);\r\n\r\nexport default MemoizedPageTitleAndToolbar;\r\n"],"names":["PageTitleAndToolbar","pageTitle","toolbarButtonGroup","jsx","React","styles","button","index","OdsButton","e","MemoizedPageTitleAndToolbar"],"mappings":";;;;AAWA,MAAMA,IAA0D,CAAC;AAAA,EAC/D,WAAAC;AAAA,EACA,oBAAAC;AACF,MAEI,gBAAAC,EAACC,EAAM,UAAN,EACC,4BAAC,OAAA,EAAI,WAAWC,EAAO,sBACrB,UAAA;AAAA,EAAA,gBAAAF,EAAC,QAAI,UAAAF,EAAA,CAAU;AAAA,EACdC,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAWE,EAAO,+BACpB,UAAAH,EAAmB,IAAI,CAACI,GAAQC,MAC/B,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEC,MAAMF,EAAO;AAAA,MACb,SAAS,CAACG,MAAMH,EAAO,UAAUG,CAAQ;AAAA,MACzC,UAAUH,EAAO;AAAA,MACjB,WAAWC,IAAQ,IAAIF,EAAO,oBAAoB;AAAA,MAEjD,UAAAC,EAAO;AAAA,IAAA;AAAA,IANHA,EAAO;AAAA,EAAA,CAQf,EAAA,CACH;AAAA,EAAA,CAEJ,EAAA,CACF,GAIEI,IAA8BN,EAAM,KAAKJ,CAAmB;"}

package/dist/components/devextreme/OdsInlineEditDataGrid/styles.module.scss.js

@@ -0,0 +1,16 @@
+const r = "styles-module__grid___eVVAT", o = "styles-module__gridCustomSummary___mkwli", t = "styles-module__gridPageTitleWrapper___0LgSM", e = "styles-module__gridToolbarButtonGroupWrapper___9r8hW", _ = "styles-module__gridToolbarButton___aJuPQ", l = {
+  grid: r,
+  gridCustomSummary: o,
+  gridPageTitleWrapper: t,
+  gridToolbarButtonGroupWrapper: e,
+  gridToolbarButton: _
+};
+export {
+  l as default,
+  r as grid,
+  o as gridCustomSummary,
+  t as gridPageTitleWrapper,
+  _ as gridToolbarButton,
+  e as gridToolbarButtonGroupWrapper
+};
+//# sourceMappingURL=styles.module.scss.js.map

package/dist/components/devextreme/OdsInlineEditDataGrid/styles.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"OdsMasterDetailDataGrid.js","sources":["../../../../src/components/devextreme/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.tsx"],"sourcesContent":["import DataGrid, {\r\n  Column,\r\n  FilterRow,\r\n  Selection,\r\n  Export,\r\n  ColumnChooser,\r\n  Position,\r\n  ColumnChooserSearch,\r\n  ColumnChooserSelection,\r\n  SearchPanel,\r\n  HeaderFilter,\r\n} from \"devextreme-react/data-grid\";\r\nimport React, {useMemo} from \"react\";\r\nimport { useOnActionCellRenderHandler } from \"./handlers/OnActionCellRenderHandler\";\r\nimport { useOnExportingHandler } from \"./handlers/OnExportingHandler\";\r\nimport { IColumnOptions, IMasterDetailGridProps } from \"./types\";\r\n\r\n// Component for rendering a data grid with detailed view capabilities\r\nconst MasterDetailDataGrid: React.FC<IMasterDetailGridProps> = ({\r\n  columns,\r\n  dataSource,\r\n  masterDetailFeatures = {},\r\n  masterDetailData,\r\n}) => {\r\n  const visibleActionButtons = useMemo(() => {\r\n    if (\r\n      masterDetailFeatures.masterActionButtonGroup &&\r\n      masterDetailFeatures.masterActionButtonGroup.length >= 2\r\n    ) {\r\n      return masterDetailFeatures.masterActionButtonGroup.slice(0, 2);\r\n    }\r\n    return masterDetailFeatures.masterActionButtonGroup || [];\r\n  }, [masterDetailFeatures.masterActionButtonGroup]);\r\n\r\n  const onActionCellRender = useOnActionCellRenderHandler(\r\n    visibleActionButtons,\r\n    masterDetailFeatures.masterActionButtonGroup\r\n  );\r\n\r\n  const getTotalDataCount = () => `${dataSource.length}`;\r\n\r\n  /**\r\n   * Handler for exporting event.\r\n   * @type {Function}\r\n   */\r\n  const handleExporting = useOnExportingHandler(\r\n    masterDetailFeatures.exportProps,\r\n    getTotalDataCount\r\n  );\r\n\r\n  const effectiveColumns: IColumnOptions[] =\r\n    masterDetailData?.detailGridColumns ||\r\n    columns ||\r\n    (dataSource[0]\r\n      ? Object.keys(dataSource[0]).map<IColumnOptions>((key) => ({\r\n          dataField: key,\r\n          caption: key.charAt(0).toUpperCase() + key.slice(1),\r\n          allowFiltering: true,\r\n        }))\r\n      : []);\r\n\r\n  return (\r\n    <DataGrid\r\n      style={{\r\n        maxHeight: masterDetailFeatures.maxHeight\r\n          ? `${masterDetailFeatures.maxHeight}px`\r\n          : \"400px\",\r\n        overflow: \"auto\",\r\n      }}\r\n      dataSource={dataSource}\r\n      showBorders={true}\r\n      showRowLines={true}\r\n      columnAutoWidth={true}\r\n      allowColumnReordering={true}\r\n      selection={{\r\n        mode: masterDetailFeatures.showCheckbox ? \"multiple\" : \"none\",\r\n      }}\r\n      paging={{ enabled: true, pageSize: masterDetailFeatures.pageSize || 20 }}\r\n      filterRow={{ visible: masterDetailFeatures.createFilter }}\r\n      onExporting={handleExporting}\r\n      onToolbarPreparing={masterDetailFeatures.detailToolbar}\r\n    >\r\n      {effectiveColumns.map((col) => (\r\n        <Column\r\n          key={col.dataField}\r\n          {...col}\r\n          allowHeaderFiltering={col.allowFiltering}\r\n        />\r\n      ))}\r\n\r\n      {/* Column Chooser settings */}\r\n      <ColumnChooser enabled={masterDetailFeatures.columnChooser} mode=\"select\">\r\n        <Position\r\n          my=\"right top\"\r\n          at=\"right bottom\"\r\n          of={\r\n            document.querySelector(`.${\"props.dataGridPageName\"}`)\r\n              ? `.${\"props.dataGridPageName\"} .dx-datagrid-column-chooser-button`\r\n              : \".dx-datagrid-column-chooser-button\"\r\n          }\r\n        />\r\n\r\n        <ColumnChooserSearch\r\n          enabled={true}\r\n          editorOptions={{ placeholder: \"\" }}\r\n        />\r\n        <HeaderFilter visible={true} />\r\n\r\n        <ColumnChooserSelection\r\n          allowSelectAll={true}\r\n          selectByClick={true}\r\n          recursive={true}\r\n        />\r\n      </ColumnChooser>\r\n\r\n      {/* Export settings */}\r\n      {masterDetailFeatures?.exportEnabled && (\r\n        <Export {...masterDetailFeatures.exportProps} />\r\n      )}\r\n\r\n      {masterDetailFeatures.actionColumnEnable && (\r\n        <Column\r\n          dataField=\"Actions\"\r\n          caption=\"\"\r\n          minWidth={10}\r\n          width={160}\r\n          fixed={true}\r\n          allowSorting={false}\r\n          type=\"buttons\"\r\n          showInColumnChooser={false}\r\n          cellRender={onActionCellRender}\r\n        />\r\n      )}\r\n      <FilterRow visible={masterDetailFeatures.createFilter} />\r\n      <Selection\r\n        mode={masterDetailFeatures.showCheckbox ? \"multiple\" : \"none\"}\r\n      />\r\n      <SearchPanel visible={masterDetailFeatures.showSearchPanel} />\r\n    </DataGrid>\r\n  );\r\n};\r\n\r\nexport default MasterDetailDataGrid;\r\n"],"names":["MasterDetailDataGrid","columns","dataSource","masterDetailFeatures","masterDetailData","visibleActionButtons","useMemo","onActionCellRender","useOnActionCellRenderHandler","getTotalDataCount","handleExporting","useOnExportingHandler","effectiveColumns","key","jsxs","DataGrid","col","jsx","Column","ColumnChooser","Position","ColumnChooserSearch","HeaderFilter","ColumnChooserSelection","Export","FilterRow","Selection","SearchPanel"],"mappings":";;;;;AAkBA,MAAMA,IAAyD,CAAC;AAAA,EAC9D,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,sBAAAC,IAAuB,CAAA;AAAA,EACvB,kBAAAC;AACF,MAAM;AACJ,QAAMC,IAAuBC,EAAQ,MAEjCH,EAAqB,2BACrBA,EAAqB,wBAAwB,UAAU,IAEhDA,EAAqB,wBAAwB,MAAM,GAAG,CAAC,IAEzDA,EAAqB,2BAA2B,CAAA,GACtD,CAACA,EAAqB,uBAAuB,CAAC,GAE3CI,IAAqBC;AAAA,IACzBH;AAAA,IACAF,EAAqB;AAAA,EAAA,GAGjBM,IAAoB,MAAM,GAAGP,EAAW,MAAM,IAM9CQ,IAAkBC;AAAA,IACtBR,EAAqB;AAAA,IACrBM;AAAA,EAAA,GAGIG,IACJR,GAAkB,qBAClBH,MACCC,EAAW,CAAC,IACT,OAAO,KAAKA,EAAW,CAAC,CAAC,EAAE,IAAoB,CAACW,OAAS;AAAA,IACvD,WAAWA;AAAA,IACX,SAASA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAAA,IAClD,gBAAgB;AAAA,EAAA,EAChB,IACF,CAAA;AAEN,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWZ,EAAqB,YAC5B,GAAGA,EAAqB,SAAS,OACjC;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAEZ,YAAAD;AAAA,MACA,aAAa;AAAA,MACb,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,uBAAuB;AAAA,MACvB,WAAW;AAAA,QACT,MAAMC,EAAqB,eAAe,aAAa;AAAA,MAAA;AAAA,MAEzD,QAAQ,EAAE,SAAS,IAAM,UAAUA,EAAqB,YAAY,GAAA;AAAA,MACpE,WAAW,EAAE,SAASA,EAAqB,aAAA;AAAA,MAC3C,aAAaO;AAAA,MACb,oBAAoBP,EAAqB;AAAA,MAExC,UAAA;AAAA,QAAAS,EAAiB,IAAI,CAACI,MACrB,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YAEE,GAAGF;AAAA,YACJ,sBAAsBA,EAAI;AAAA,UAAA;AAAA,UAFrBA,EAAI;AAAA,QAAA,CAIZ;AAAA,0BAGAG,GAAA,EAAc,SAAShB,EAAqB,eAAe,MAAK,UAC/D,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IACE,SAAS,cAAc,yBAA8B,IACjD,+DACA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIR,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,eAAe,EAAE,aAAa,GAAA;AAAA,YAAG;AAAA,UAAA;AAAA,UAEnC,gBAAAJ,EAACK,GAAA,EAAa,SAAS,GAAA,CAAM;AAAA,UAE7B,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,gBAAgB;AAAA,cAChB,eAAe;AAAA,cACf,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GACF;AAAA,QAGCpB,GAAsB,iBACrB,gBAAAc,EAACO,GAAA,EAAQ,GAAGrB,EAAqB,aAAa;AAAA,QAG/CA,EAAqB,sBACpB,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,UAAU;AAAA,YACV,OAAO;AAAA,YACP,OAAO;AAAA,YACP,cAAc;AAAA,YACd,MAAK;AAAA,YACL,qBAAqB;AAAA,YACrB,YAAYX;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhB,gBAAAU,EAACQ,GAAA,EAAU,SAAStB,EAAqB,aAAA,CAAc;AAAA,QACvD,gBAAAc;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,MAAMvB,EAAqB,eAAe,aAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzD,gBAAAc,EAACU,GAAA,EAAY,SAASxB,EAAqB,gBAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}
+{"version":3,"file":"OdsMasterDetailDataGrid.js","sources":["../../../../src/components/devextreme/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.tsx"],"sourcesContent":["import DataGrid, {\r\n  Column,\r\n  FilterRow,\r\n  Selection,\r\n  Export,\r\n  ColumnChooser,\r\n  Position,\r\n  ColumnChooserSearch,\r\n  ColumnChooserSelection,\r\n  SearchPanel,\r\n  HeaderFilter,\r\n} from \"devextreme-react/data-grid\";\r\nimport React, {useMemo} from \"react\";\r\nimport { useOnActionCellRenderHandler } from \"./handlers/OnActionCellRenderHandler\";\r\nimport { useOnExportingHandler } from \"./handlers/OnExportingHandler\";\r\nimport { IColumnOptions, IMasterDetailGridProps } from \"./types\";\r\n\r\nconst MasterDetailDataGrid: React.FC<IMasterDetailGridProps> = ({\r\n  columns,\r\n  dataSource,\r\n  masterDetailFeatures = {},\r\n  masterDetailData,\r\n}) => {\r\n  const visibleActionButtons = useMemo(() => {\r\n    if (\r\n      masterDetailFeatures.masterActionButtonGroup &&\r\n      masterDetailFeatures.masterActionButtonGroup.length >= 2\r\n    ) {\r\n      return masterDetailFeatures.masterActionButtonGroup.slice(0, 2);\r\n    }\r\n    return masterDetailFeatures.masterActionButtonGroup || [];\r\n  }, [masterDetailFeatures.masterActionButtonGroup]);\r\n\r\n  const onActionCellRender = useOnActionCellRenderHandler(\r\n    visibleActionButtons,\r\n    masterDetailFeatures.masterActionButtonGroup\r\n  );\r\n\r\n  const getTotalDataCount = () => `${dataSource.length}`;\r\n\r\n  const handleExporting = useOnExportingHandler(\r\n    masterDetailFeatures.exportProps,\r\n    getTotalDataCount\r\n  );\r\n\r\n  const effectiveColumns: IColumnOptions[] =\r\n    masterDetailData?.detailGridColumns ||\r\n    columns ||\r\n    (dataSource[0]\r\n      ? Object.keys(dataSource[0]).map<IColumnOptions>((key) => ({\r\n          dataField: key,\r\n          caption: key.charAt(0).toUpperCase() + key.slice(1),\r\n          allowFiltering: true,\r\n        }))\r\n      : []);\r\n\r\n  return (\r\n    <DataGrid\r\n      style={{\r\n        maxHeight: masterDetailFeatures.maxHeight\r\n          ? `${masterDetailFeatures.maxHeight}px`\r\n          : \"400px\",\r\n        overflow: \"auto\",\r\n      }}\r\n      dataSource={dataSource}\r\n      showBorders={true}\r\n      showRowLines={true}\r\n      columnAutoWidth={true}\r\n      allowColumnReordering={true}\r\n      selection={{\r\n        mode: masterDetailFeatures.showCheckbox ? \"multiple\" : \"none\",\r\n      }}\r\n      paging={{ enabled: true, pageSize: masterDetailFeatures.pageSize || 20 }}\r\n      filterRow={{ visible: masterDetailFeatures.createFilter }}\r\n      onExporting={handleExporting}\r\n      onToolbarPreparing={masterDetailFeatures.detailToolbar}\r\n    >\r\n      {effectiveColumns.map((col) => (\r\n        <Column\r\n          key={col.dataField}\r\n          {...col}\r\n          allowHeaderFiltering={col.allowFiltering}\r\n        />\r\n      ))}\r\n\r\n      <ColumnChooser enabled={masterDetailFeatures.columnChooser} mode=\"select\">\r\n        <Position\r\n          my=\"right top\"\r\n          at=\"right bottom\"\r\n          of={\r\n            document.querySelector(`.${\"props.dataGridPageName\"}`)\r\n              ? `.${\"props.dataGridPageName\"} .dx-datagrid-column-chooser-button`\r\n              : \".dx-datagrid-column-chooser-button\"\r\n          }\r\n        />\r\n\r\n        <ColumnChooserSearch\r\n          enabled={true}\r\n          editorOptions={{ placeholder: \"\" }}\r\n        />\r\n        <HeaderFilter visible={true} />\r\n\r\n        <ColumnChooserSelection\r\n          allowSelectAll={true}\r\n          selectByClick={true}\r\n          recursive={true}\r\n        />\r\n      </ColumnChooser>\r\n\r\n      {masterDetailFeatures?.exportEnabled && (\r\n        <Export {...masterDetailFeatures.exportProps} />\r\n      )}\r\n\r\n      {masterDetailFeatures.actionColumnEnable && (\r\n        <Column\r\n          dataField=\"Actions\"\r\n          caption=\"\"\r\n          minWidth={10}\r\n          width={160}\r\n          fixed={true}\r\n          allowSorting={false}\r\n          type=\"buttons\"\r\n          showInColumnChooser={false}\r\n          cellRender={onActionCellRender}\r\n        />\r\n      )}\r\n      <FilterRow visible={masterDetailFeatures.createFilter} />\r\n      <Selection\r\n        mode={masterDetailFeatures.showCheckbox ? \"multiple\" : \"none\"}\r\n      />\r\n      <SearchPanel visible={masterDetailFeatures.showSearchPanel} />\r\n    </DataGrid>\r\n  );\r\n};\r\n\r\nexport default MasterDetailDataGrid;\r\n"],"names":["MasterDetailDataGrid","columns","dataSource","masterDetailFeatures","masterDetailData","visibleActionButtons","useMemo","onActionCellRender","useOnActionCellRenderHandler","getTotalDataCount","handleExporting","useOnExportingHandler","effectiveColumns","key","jsxs","DataGrid","col","jsx","Column","ColumnChooser","Position","ColumnChooserSearch","HeaderFilter","ColumnChooserSelection","Export","FilterRow","Selection","SearchPanel"],"mappings":"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"}