ods-component-lib 1.21.2 → 1.22.2

package/dist/components/devextreme/DataGrid/OdsDataGrid/index.js

@@ -1,13 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import m from "react";
-import { DataGrid as u } from "devextreme-react/data-grid";
+import { jsx as d } from "react/jsx-runtime";
+import g, { forwardRef as w, useMemo as r } from "react";
+import { DataGrid as y } from "devextreme-react/data-grid";
 export * from "devextreme-react/data-grid";
-import { useStyles as f } from "../styles/styles.js";
-import { useBodyClasses as g } from "../hooks/useBodyClasses.js";
+import { useBodyClass as C } from "../hooks/useBodyClasses.js";
+import { useBodyClasses as G } from "../hooks/useBodyClasses.js";
 const t = {
   generic: "ods-datagrid-generic",
   compact: "ods-datagrid-compact"
-}, p = {
+}, b = {
   allowColumnReordering: !0,
   allowColumnResizing: !0,
   columnAutoWidth: !0,
@@ -20,36 +20,45 @@ const t = {
   showBorders: !1,
   width: "100%",
   wordWrapEnabled: !0
-}, w = ({
-  dataGridRef: o,
-  compact: e,
-  hasSummaryButton: d,
-  disableBodyClasses: l = !1,
-  dataGridBorderRadius: i,
-  height: n,
-  ...a
-}) => {
-  const { styles: s, cx: c } = f({
-    compact: e ?? !1,
-    hasSummaryButton: d ?? !1,
-    dataGridBorderRadius: i,
-    height: n
-  });
-  return g({
-    classes: {
-      [t.generic]: !0,
-      [t.compact]: e ?? !1
-    },
-    enabled: !l,
-    cleanupStrategy: "all"
-  }), /* @__PURE__ */ r("div", { className: c(s.gridWrapper), children: /* @__PURE__ */ r(u, { ref: o, ...p, ...a, className: s.grid, children: a.children }) });
-}, A = m.memo(w);
+}, i = w(
+  ({
+    compact: o = !1,
+    dataGridBorderRadius: a,
+    height: e,
+    disableBodyClasses: n = !1,
+    children: l,
+    ...c
+  }, m) => {
+    const u = r(
+      () => o ? "ods-datagrid ods-datagrid-compact" : "ods-datagrid",
+      [o]
+    ), f = r(() => {
+      const s = {};
+      return e !== void 0 && (s.height = typeof e == "function" ? e() : e), a !== void 0 && (s.borderRadius = a), Object.keys(s).length > 0 ? s : void 0;
+    }, [e, a]), p = r(
+      () => o ? [t.generic, t.compact] : [t.generic],
+      [o]
+    );
+    return C(p, !n), /* @__PURE__ */ d("div", { className: u, style: f, children: /* @__PURE__ */ d(
+      y,
+      {
+        ref: m,
+        ...b,
+        ...c,
+        className: "ods-datagrid-grid",
+        children: l
+      }
+    ) });
+  }
+);
+i.displayName = "OdsDataGrid";
+const O = g.memo(i);
 export {
   t as DATA_GRID_CLASSES,
-  w as OdsDataGrid,
-  A as OdsDataGridMemoized,
-  p as defaultAppearanceSettings,
-  g as useOdsBodyClasses,
-  f as useOdsDataGridStyles
+  i as OdsDataGrid,
+  O as OdsDataGridMemoized,
+  b as defaultAppearanceSettings,
+  C as useBodyClass,
+  G as useOdsBodyClasses
 };
 //# sourceMappingURL=index.js.map

package/dist/components/devextreme/DataGrid/OdsDataGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/devextreme/DataGrid/OdsDataGrid/index.tsx"],"sourcesContent":["import React, { type JSX } from \"react\";\r\nimport { DataGrid, IDataGridOptions } from \"devextreme-react/data-grid\";\r\nimport { useStyles } from \"../styles/styles\";\r\nimport { useBodyClasses } from \"../hooks\";\r\nimport type * as OdsDataGridTypes from \"devextreme/ui/data_grid_types\";\r\n\r\nexport const DATA_GRID_CLASSES = {\r\n  generic: \"ods-datagrid-generic\",\r\n  compact: \"ods-datagrid-compact\",\r\n} as const;\r\n\r\nexport interface IOdsDataGridOptions extends IDataGridOptions {\r\n  dataGridRef?: any;\r\n  compact?: boolean;\r\n  hasSummaryButton?: boolean;\r\n  disableBodyClasses?: boolean;\r\n  dataGridBorderRadius?: number | string;\r\n}\r\n\r\n/**\r\n * Default appearance settings for the OdsDataGrid component.\r\n * These settings are applied to the DataGrid to ensure a consistent look and feel.\r\n * They include options for column reordering, resizing, auto width, fixing, and more.\r\n */\r\nexport const defaultAppearanceSettings: Partial<IOdsDataGridOptions> = {\r\n  allowColumnReordering: true,\r\n  allowColumnResizing: true,\r\n  columnAutoWidth: true,\r\n  columnFixing: { enabled: true },\r\n  columnResizingMode: \"widget\",\r\n  focusedRowEnabled: false,\r\n  rowAlternationEnabled: false,\r\n  showColumnLines: true,\r\n  showRowLines: true,\r\n  showBorders: false,\r\n  width: \"100%\",\r\n  wordWrapEnabled: true,\r\n};\r\n\r\n/**\r\n * OdsDataGrid is a customizable wrapper component for the DevExtreme DataGrid.\r\n * It provides additional styling, body class management, and default appearance settings.\r\n *\r\n * @param {IOdsDataGridOptions} props - The properties for configuring the OdsDataGrid component.\r\n * @param {React.RefObject} props.dataGridRef - A reference to the underlying DataGrid component.\r\n * @param {boolean} [props.compact] - Determines whether the grid should use a compact layout. Defaults to `false`.\r\n * @param {boolean} [props.hasSummaryButton] - Indicates if the grid includes a summary button. Defaults to `false`.\r\n * @param {boolean} [props.disableBodyClasses=false] - If `true`, disables the addition of body classes for styling. Defaults to `false`.\r\n * @param {React.ReactNode} [props.children] - The child elements to be rendered inside the DataGrid.\r\n * @param {object} [props...] - Additional properties passed to the underlying DataGrid component.\r\n *\r\n * @returns {JSX.Element} A styled wrapper around the DevExtreme DataGrid component.\r\n *\r\n * @remarks\r\n * - The `useStyles` hook is used to generate styles based on the `compact` and `hasSummaryButton` properties.\r\n * - The `useBodyClasses` hook manages the addition and cleanup of body classes for styling purposes.\r\n * - Default appearance settings are applied to the DataGrid using the `getDefaultAppearanceSettings` function.\r\n *\r\n * @example\r\n * ```tsx\r\n * import { OdsDataGrid } from './OdsDataGrid';\r\n *\r\n * const MyComponent = () => {\r\n *   const dataGridRef = useRef(null);\r\n *\r\n *   return (\r\n *     <OdsDataGrid\r\n *       dataGridRef={dataGridRef}\r\n *       compact={true}\r\n *       hasSummaryButton={true}\r\n *       disableBodyClasses={false}\r\n *       dataSource={myDataSource}\r\n *     >\r\n *       <Column dataField=\"name\" />\r\n *       <Column dataField=\"age\" />\r\n *     </OdsDataGrid>\r\n *   );\r\n * };\r\n * ```\r\n */\r\nexport const OdsDataGrid = ({\r\n  dataGridRef,\r\n  compact,\r\n  hasSummaryButton,\r\n  disableBodyClasses = false,\r\n  dataGridBorderRadius,\r\n  height,\r\n  ...props\r\n}: IOdsDataGridOptions): JSX.Element => {\r\n  const { styles, cx } = useStyles({\r\n    compact: compact ?? false,\r\n    hasSummaryButton: hasSummaryButton ?? false,\r\n    dataGridBorderRadius: dataGridBorderRadius,\r\n    height: height,\r\n  });\r\n\r\n  useBodyClasses({\r\n    classes: {\r\n      [DATA_GRID_CLASSES.generic]: true,\r\n      [DATA_GRID_CLASSES.compact]: compact ?? false,\r\n    },\r\n    enabled: !disableBodyClasses,\r\n    cleanupStrategy: \"all\",\r\n  });\r\n\r\n  return (\r\n    <div className={cx(styles.gridWrapper)}>\r\n      <DataGrid ref={dataGridRef} {...defaultAppearanceSettings} {...props} className={styles.grid}>\r\n        {props.children}\r\n      </DataGrid>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const OdsDataGridMemoized = React.memo(OdsDataGrid);\r\n\r\nexport * from \"devextreme-react/data-grid\";\r\nexport { OdsDataGridTypes };\r\nexport { useBodyClasses as useOdsBodyClasses, useStyles as useOdsDataGridStyles };\r\n"],"names":["DATA_GRID_CLASSES","defaultAppearanceSettings","OdsDataGrid","dataGridRef","compact","hasSummaryButton","disableBodyClasses","dataGridBorderRadius","height","props","styles","cx","useStyles","useBodyClasses","jsx","DataGrid","OdsDataGridMemoized","React"],"mappings":";;;;;;AAMO,MAAMA,IAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AACX,GAeaC,IAA0D;AAAA,EACrE,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,cAAc,EAAE,SAAS,GAAA;AAAA,EACzB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AAAA,EACP,iBAAiB;AACnB,GA2CaC,IAAc,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,sBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAAwC;AACtC,QAAM,EAAE,QAAAC,GAAQ,IAAAC,EAAA,IAAOC,EAAU;AAAA,IAC/B,SAASR,KAAW;AAAA,IACpB,kBAAkBC,KAAoB;AAAA,IACtC,sBAAAE;AAAA,IACA,QAAAC;AAAA,EAAA,CACD;AAED,SAAAK,EAAe;AAAA,IACb,SAAS;AAAA,MACP,CAACb,EAAkB,OAAO,GAAG;AAAA,MAC7B,CAACA,EAAkB,OAAO,GAAGI,KAAW;AAAA,IAAA;AAAA,IAE1C,SAAS,CAACE;AAAA,IACV,iBAAiB;AAAA,EAAA,CAClB,GAGC,gBAAAQ,EAAC,SAAI,WAAWH,EAAGD,EAAO,WAAW,GACnC,4BAACK,GAAA,EAAS,KAAKZ,GAAc,GAAGF,GAA4B,GAAGQ,GAAO,WAAWC,EAAO,MACrF,UAAAD,EAAM,UACT,EAAA,CACF;AAEJ,GAEaO,IAAsBC,EAAM,KAAKf,CAAW;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/devextreme/DataGrid/OdsDataGrid/index.tsx"],"sourcesContent":["import React, { useMemo, forwardRef, type JSX } from \"react\";\r\nimport { DataGrid, IDataGridOptions } from \"devextreme-react/data-grid\";\r\nimport type * as OdsDataGridTypes from \"devextreme/ui/data_grid_types\";\r\n\r\nimport { useBodyClass } from \"../hooks\";\r\n\r\nexport type DataGridRef = React.ElementRef<typeof DataGrid>;\r\n\r\nexport interface IOdsDataGridOptions extends Omit<IDataGridOptions, \"height\"> {\r\n  compact?: boolean;\r\n  dataGridBorderRadius?: number | string;\r\n  height?: string | number | (() => string | number);\r\n  disableBodyClasses?: boolean;\r\n}\r\n\r\nexport const DATA_GRID_CLASSES = {\r\n  generic: \"ods-datagrid-generic\",\r\n  compact: \"ods-datagrid-compact\",\r\n} as const;\r\n\r\nexport const defaultAppearanceSettings: Partial<IDataGridOptions> = {\r\n  allowColumnReordering: true,\r\n  allowColumnResizing: true,\r\n  columnAutoWidth: true,\r\n  columnFixing: { enabled: true },\r\n  columnResizingMode: \"widget\",\r\n  focusedRowEnabled: false,\r\n  rowAlternationEnabled: false,\r\n  showColumnLines: true,\r\n  showRowLines: true,\r\n  showBorders: false,\r\n  width: \"100%\",\r\n  wordWrapEnabled: true,\r\n};\r\n\r\nexport const OdsDataGrid = forwardRef<DataGridRef, IOdsDataGridOptions>(\r\n  (\r\n    {\r\n      compact = false,\r\n      dataGridBorderRadius,\r\n      height,\r\n      disableBodyClasses = false,\r\n      children,\r\n      ...restProps\r\n    },\r\n    ref\r\n  ): JSX.Element => {\r\n    const wrapperClassName = useMemo(\r\n      () =>\r\n        compact\r\n          ? \"ods-datagrid ods-datagrid-compact\"\r\n          : \"ods-datagrid\",\r\n      [compact]\r\n    );\r\n\r\n    const wrapperStyle = useMemo(() => {\r\n      const style: React.CSSProperties = {};\r\n      \r\n      if (height !== undefined) {\r\n        style.height = typeof height === \"function\" ? height() : height;\r\n      }\r\n      \r\n      if (dataGridBorderRadius !== undefined) {\r\n        style.borderRadius = dataGridBorderRadius;\r\n      }\r\n      \r\n      return Object.keys(style).length > 0 ? style : undefined;\r\n    }, [height, dataGridBorderRadius]);\r\n\r\n    const bodyClasses = useMemo(\r\n      () =>\r\n        compact\r\n          ? [DATA_GRID_CLASSES.generic, DATA_GRID_CLASSES.compact]\r\n          : [DATA_GRID_CLASSES.generic],\r\n      [compact]\r\n    );\r\n\r\n    useBodyClass(bodyClasses, !disableBodyClasses);\r\n\r\n    return (\r\n      <div className={wrapperClassName} style={wrapperStyle}>\r\n        <DataGrid\r\n          ref={ref}\r\n          {...defaultAppearanceSettings}\r\n          {...restProps}\r\n          className=\"ods-datagrid-grid\"\r\n        >\r\n          {children}\r\n        </DataGrid>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nOdsDataGrid.displayName = \"OdsDataGrid\";\r\nexport const OdsDataGridMemoized = React.memo(OdsDataGrid);\r\n\r\nexport * from \"devextreme-react/data-grid\";\r\nexport { OdsDataGridTypes };\r\n\r\nexport { useBodyClass, useBodyClasses as useOdsBodyClasses } from \"../hooks\";\r\n"],"names":["DATA_GRID_CLASSES","defaultAppearanceSettings","OdsDataGrid","forwardRef","compact","dataGridBorderRadius","height","disableBodyClasses","children","restProps","ref","wrapperClassName","useMemo","wrapperStyle","style","bodyClasses","useBodyClass","jsx","DataGrid","OdsDataGridMemoized","React"],"mappings":";;;;;;AAeO,MAAMA,IAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AACX,GAEaC,IAAuD;AAAA,EAClE,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,cAAc,EAAE,SAAS,GAAA;AAAA,EACzB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AAAA,EACP,iBAAiB;AACnB,GAEaC,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,SAAAC,IAAU;AAAA,IACV,sBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACgB;AAChB,UAAMC,IAAmBC;AAAA,MACvB,MACER,IACI,sCACA;AAAA,MACN,CAACA,CAAO;AAAA,IAAA,GAGJS,IAAeD,EAAQ,MAAM;AACjC,YAAME,IAA6B,CAAA;AAEnC,aAAIR,MAAW,WACbQ,EAAM,SAAS,OAAOR,KAAW,aAAaA,MAAWA,IAGvDD,MAAyB,WAC3BS,EAAM,eAAeT,IAGhB,OAAO,KAAKS,CAAK,EAAE,SAAS,IAAIA,IAAQ;AAAA,IACjD,GAAG,CAACR,GAAQD,CAAoB,CAAC,GAE3BU,IAAcH;AAAA,MAClB,MACER,IACI,CAACJ,EAAkB,SAASA,EAAkB,OAAO,IACrD,CAACA,EAAkB,OAAO;AAAA,MAChC,CAACI,CAAO;AAAA,IAAA;AAGV,WAAAY,EAAaD,GAAa,CAACR,CAAkB,GAG3C,gBAAAU,EAAC,OAAA,EAAI,WAAWN,GAAkB,OAAOE,GACvC,UAAA,gBAAAI;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACC,GAAGT;AAAA,QACH,GAAGQ;AAAA,QACJ,WAAU;AAAA,QAET,UAAAD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AAEAN,EAAY,cAAc;AACnB,MAAMiB,IAAsBC,EAAM,KAAKlB,CAAW;"}

package/dist/components/devextreme/DataGrid/OdsDataGridV2/index.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { DataGrid as m } from "devextreme-react/data-grid";
+export * from "devextreme-react/data-grid";
+function e({ compact: r = !1, className: d, children: i, ...t }, o) {
+  return /* @__PURE__ */ a("div", { className: r ? "ods-datagrid ods-datagrid-compact" : "ods-datagrid", children: /* @__PURE__ */ a(
+    m,
+    {
+      ref: o,
+      className: d ? `ods-datagrid-grid ${d}` : "ods-datagrid-grid",
+      ...t,
+      children: i
+    }
+  ) });
+}
+const f = s(e);
+f.displayName = "OdsDataGridV2";
+export {
+  f as OdsDataGridV2
+};
+//# sourceMappingURL=index.js.map

package/dist/components/devextreme/DataGrid/OdsDataGridV2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/devextreme/DataGrid/OdsDataGridV2/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DataGrid, IDataGridOptions } from \"devextreme-react/data-grid\";\r\nimport type * as OdsDataGridTypes from \"devextreme/ui/data_grid_types\";\r\n\r\nexport type DataGridRefV2 = React.ComponentRef<typeof DataGrid>;\r\n\r\nexport interface IOdsDataGridV2Options extends IDataGridOptions {\r\n  compact?: boolean;\r\n}\r\n\r\nfunction OdsDataGridV2Inner(\r\n  { compact = false, className, children, ...restProps }: IOdsDataGridV2Options,\r\n  ref: React.ForwardedRef<DataGridRefV2>\r\n) {\r\n  return (\r\n    <div className={compact ? \"ods-datagrid ods-datagrid-compact\" : \"ods-datagrid\"}>\r\n      <DataGrid\r\n        ref={ref}\r\n        className={className ? `ods-datagrid-grid ${className}` : \"ods-datagrid-grid\"}\r\n        {...restProps}\r\n      >\r\n        {children}\r\n      </DataGrid>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport const OdsDataGridV2 = forwardRef<DataGridRefV2, IOdsDataGridV2Options>(OdsDataGridV2Inner);\r\nOdsDataGridV2.displayName = \"OdsDataGridV2\";\r\n\r\nexport { OdsDataGridTypes };\r\nexport * from \"devextreme-react/data-grid\";\r\n"],"names":["OdsDataGridV2Inner","compact","className","children","restProps","ref","jsx","DataGrid","OdsDataGridV2","forwardRef"],"mappings":";;;;AAUA,SAASA,EACP,EAAE,SAAAC,IAAU,IAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC3CC,GACA;AACA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWL,IAAU,sCAAsC,gBAC9D,UAAA,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWH,IAAY,qBAAqBA,CAAS,KAAK;AAAA,MACzD,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEO,MAAMK,IAAgBC,EAAiDT,CAAkB;AAChGQ,EAAc,cAAc;"}

package/dist/components/devextreme/DataGrid/hooks/useBodyClasses.js

@@ -1,28 +1,37 @@
-import { useRef as n, useEffect as u } from "react";
-const h = ({
+import { useRef as y, useEffect as u } from "react";
+const g = ({
   classes: t,
-  enabled: i = !0,
-  cleanupStrategy: s = "self"
+  enabled: o = !0,
+  cleanupOnUnmount: n = !0
 }) => {
-  const d = n(/* @__PURE__ */ new Set());
+  const r = y(/* @__PURE__ */ new Set()), d = JSON.stringify(t);
   u(() => {
-    if (typeof document > "u" || !i)
+    if (typeof document > "u" || !o)
       return;
-    const o = document.body, r = /* @__PURE__ */ new Set();
-    return Object.entries(t).forEach(([e, f]) => {
-      f === !0 || f === "add" || f === "toggle" && !o.classList.contains(e) ? (o.classList.add(e), r.add(e)) : (o.classList.remove(e), r.delete(e));
-    }), s !== "none" && d.current.forEach((e) => {
-      (s === "all" || !(e in t)) && !r.has(e) && o.classList.remove(e);
-    }), d.current = r, () => {
-      s === "self" ? r.forEach((e) => {
-        o.classList.remove(e);
-      }) : s === "all" && d.current.forEach((e) => {
-        o.classList.remove(e);
+    const s = document.body, f = /* @__PURE__ */ new Set(), c = JSON.parse(d);
+    return Object.entries(c).forEach(([e, i]) => {
+      i === !0 || i === "add" ? (s.classList.add(e), f.add(e)) : i === "remove" || i === !1 ? s.classList.remove(e) : i === "toggle" && (s.classList.toggle(e), s.classList.contains(e) && f.add(e));
+    }), r.current.forEach((e) => {
+      !f.has(e) && !c[e] && s.classList.remove(e);
+    }), r.current = f, () => {
+      n && f.forEach((e) => {
+        s.classList.remove(e);
       });
     };
-  }, [t, i, s]);
+  }, [d, o, n]);
+}, p = (t, o = !0) => {
+  const n = typeof t == "string" ? t : t.join(",");
+  u(() => {
+    if (typeof document > "u" || !o)
+      return;
+    const r = document.body, d = typeof t == "string" ? [t] : t;
+    return d.forEach((s) => r.classList.add(s)), () => {
+      d.forEach((s) => r.classList.remove(s));
+    };
+  }, [n, o]);
 };
 export {
-  h as useBodyClasses
+  p as useBodyClass,
+  g as useBodyClasses
 };
 //# sourceMappingURL=useBodyClasses.js.map

package/dist/components/devextreme/DataGrid/hooks/useBodyClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBodyClasses.js","sources":["../../../../../src/components/devextreme/DataGrid/hooks/useBodyClasses.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\r\n\r\ntype ClassAction = \"add\" | \"remove\" | \"toggle\";\r\n\r\ninterface UseBodyClassesOptions {\r\n  classes: Record<string, ClassAction | boolean>;\r\n  enabled?: boolean;\r\n  cleanupStrategy?: \"all\" | \"self\" | \"none\";\r\n}\r\n\r\n/**\r\n * A custom React hook that manages CSS classes on the `<body>` element dynamically.\r\n * This hook allows adding, removing, or toggling classes on the `<body>` element\r\n * based on the provided configuration. It also supports cleanup strategies to\r\n * manage the lifecycle of the applied classes.\r\n *\r\n * @param {UseBodyClassesOptions} options - The configuration options for managing body classes.\r\n * @param {Record<string, boolean | 'add' | 'remove' | 'toggle'>} options.classes -\r\n *   An object where keys are class names and values determine the action to perform:\r\n *   - `true` or `'add'`: Adds the class to the `<body>`.\r\n *   - `'remove'`: Removes the class from the `<body>`.\r\n *   - `'toggle'`: Toggles the class on the `<body>` (adds if not present, removes if present).\r\n * @param {boolean} [options.enabled=true] - A flag to enable or disable the hook's functionality.\r\n *   When `false`, no classes will be added or removed.\r\n * @param {'self' | 'all' | 'none'} [options.cleanupStrategy='self'] - Determines how to clean up\r\n *   classes when the component unmounts or when the `classes` object changes:\r\n *   - `'self'`: Removes only the classes added by this hook.\r\n *   - `'all'`: Removes all classes managed by this hook, including those from previous renders.\r\n *   - `'none'`: Does not remove any classes on cleanup.\r\n *\r\n * @returns {void} This hook does not return any value.\r\n *\r\n * @example\r\n * // Example usage of the `useBodyClasses` hook:\r\n * useBodyClasses({\r\n *   classes: {\r\n *     'dark-mode': true,\r\n *     'sidebar-open': 'toggle',\r\n *     'no-scroll': 'remove',\r\n *   },\r\n *   enabled: true,\r\n *   cleanupStrategy: 'self',\r\n * });\r\n *\r\n * @remarks\r\n * - This hook is safe to use in environments where `document` is undefined (e.g., during SSR).\r\n * - The `classes` object can dynamically change, and the hook will update the `<body>` classes accordingly.\r\n * - Ensure that class names provided in the `classes` object are valid CSS class names.\r\n */\r\nexport const useBodyClasses = ({\r\n  classes,\r\n  enabled = true,\r\n  cleanupStrategy = \"self\",\r\n}: UseBodyClassesOptions) => {\r\n  const previousClasses = useRef<Set<string>>(new Set());\r\n\r\n  useEffect(() => {\r\n    if (typeof document === \"undefined\" || !enabled) {\r\n      return undefined;\r\n    }\r\n\r\n    const body = document.body;\r\n    const currentClasses = new Set<string>();\r\n\r\n    Object.entries(classes).forEach(([className, action]) => {\r\n      const shouldAdd =\r\n        action === true ||\r\n        action === \"add\" ||\r\n        (action === \"toggle\" && !body.classList.contains(className));\r\n\r\n      if (shouldAdd) {\r\n        body.classList.add(className);\r\n        currentClasses.add(className);\r\n      } else {\r\n        body.classList.remove(className);\r\n        currentClasses.delete(className);\r\n      }\r\n    });\r\n\r\n    if (cleanupStrategy !== \"none\") {\r\n      previousClasses.current.forEach((className) => {\r\n        if (\r\n          (cleanupStrategy === \"all\" || !(className in classes)) &&\r\n          !currentClasses.has(className)\r\n        ) {\r\n          body.classList.remove(className);\r\n        }\r\n      });\r\n    }\r\n\r\n    previousClasses.current = currentClasses;\r\n\r\n    return () => {\r\n      if (cleanupStrategy === \"self\") {\r\n        currentClasses.forEach((className) => {\r\n          body.classList.remove(className);\r\n        });\r\n      } else if (cleanupStrategy === \"all\") {\r\n        previousClasses.current.forEach((className) => {\r\n          body.classList.remove(className);\r\n        });\r\n      }\r\n    };\r\n  }, [classes, enabled, cleanupStrategy]);\r\n};\r\n"],"names":["useBodyClasses","classes","enabled","cleanupStrategy","previousClasses","useRef","useEffect","body","currentClasses","className","action"],"mappings":";AAiDO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,iBAAAC,IAAkB;AACpB,MAA6B;AAC3B,QAAMC,IAAkBC,EAAoB,oBAAI,KAAK;AAErD,EAAAC,EAAU,MAAM;AACd,QAAI,OAAO,WAAa,OAAe,CAACJ;AACtC;AAGF,UAAMK,IAAO,SAAS,MAChBC,wBAAqB,IAAA;AAE3B,kBAAO,QAAQP,CAAO,EAAE,QAAQ,CAAC,CAACQ,GAAWC,CAAM,MAAM;AAMvD,MAJEA,MAAW,MACXA,MAAW,SACVA,MAAW,YAAY,CAACH,EAAK,UAAU,SAASE,CAAS,KAG1DF,EAAK,UAAU,IAAIE,CAAS,GAC5BD,EAAe,IAAIC,CAAS,MAE5BF,EAAK,UAAU,OAAOE,CAAS,GAC/BD,EAAe,OAAOC,CAAS;AAAA,IAEnC,CAAC,GAEGN,MAAoB,UACtBC,EAAgB,QAAQ,QAAQ,CAACK,MAAc;AAC7C,OACGN,MAAoB,SAAS,EAAEM,KAAaR,OAC7C,CAACO,EAAe,IAAIC,CAAS,KAE7BF,EAAK,UAAU,OAAOE,CAAS;AAAA,IAEnC,CAAC,GAGHL,EAAgB,UAAUI,GAEnB,MAAM;AACX,MAAIL,MAAoB,SACtBK,EAAe,QAAQ,CAACC,MAAc;AACpC,QAAAF,EAAK,UAAU,OAAOE,CAAS;AAAA,MACjC,CAAC,IACQN,MAAoB,SAC7BC,EAAgB,QAAQ,QAAQ,CAACK,MAAc;AAC7C,QAAAF,EAAK,UAAU,OAAOE,CAAS;AAAA,MACjC,CAAC;AAAA,IAEL;AAAA,EACF,GAAG,CAACR,GAASC,GAASC,CAAe,CAAC;AACxC;"}
+{"version":3,"file":"useBodyClasses.js","sources":["../../../../../src/components/devextreme/DataGrid/hooks/useBodyClasses.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\r\n\r\ntype ClassAction = \"add\" | \"remove\" | \"toggle\";\r\n\r\ninterface UseBodyClassesOptions {\r\n  classes: Record<string, ClassAction | boolean>;\r\n  enabled?: boolean;\r\n  cleanupOnUnmount?: boolean;\r\n}\r\n\r\nexport const useBodyClasses = ({\r\n  classes,\r\n  enabled = true,\r\n  cleanupOnUnmount = true,\r\n}: UseBodyClassesOptions): void => {\r\n  const addedClassesRef = useRef<Set<string>>(new Set());\r\n\r\n  const classesKey = JSON.stringify(classes);\r\n\r\n  useEffect(() => {\r\n    if (typeof document === \"undefined\" || !enabled) {\r\n      return undefined;\r\n    }\r\n\r\n    const body = document.body;\r\n    const currentAdded = new Set<string>();\r\n\r\n    const parsedClasses: Record<string, ClassAction | boolean> =\r\n      JSON.parse(classesKey);\r\n\r\n    Object.entries(parsedClasses).forEach(([className, action]) => {\r\n      if (action === true || action === \"add\") {\r\n        body.classList.add(className);\r\n        currentAdded.add(className);\r\n      } else if (action === \"remove\" || action === false) {\r\n        body.classList.remove(className);\r\n      } else if (action === \"toggle\") {\r\n        body.classList.toggle(className);\r\n        if (body.classList.contains(className)) {\r\n          currentAdded.add(className);\r\n        }\r\n      }\r\n    });\r\n\r\n    addedClassesRef.current.forEach((className) => {\r\n      if (!currentAdded.has(className) && !parsedClasses[className]) {\r\n        body.classList.remove(className);\r\n      }\r\n    });\r\n\r\n    addedClassesRef.current = currentAdded;\r\n\r\n    return () => {\r\n      if (cleanupOnUnmount) {\r\n        currentAdded.forEach((className) => {\r\n          body.classList.remove(className);\r\n        });\r\n      }\r\n    };\r\n  }, [classesKey, enabled, cleanupOnUnmount]);\r\n};\r\n\r\nexport const useBodyClass = (\r\n  className: string | string[],\r\n  enabled: boolean = true\r\n): void => {\r\n  const classesKey =\r\n    typeof className === \"string\" ? className : className.join(\",\");\r\n\r\n  useEffect(() => {\r\n    if (typeof document === \"undefined\" || !enabled) {\r\n      return undefined;\r\n    }\r\n\r\n    const body = document.body;\r\n    const classNames =\r\n      typeof className === \"string\" ? [className] : className;\r\n\r\n    classNames.forEach((cn) => body.classList.add(cn));\r\n\r\n    return () => {\r\n      classNames.forEach((cn) => body.classList.remove(cn));\r\n    };\r\n  }, [classesKey, enabled]);\r\n};\r\n"],"names":["useBodyClasses","classes","enabled","cleanupOnUnmount","addedClassesRef","useRef","classesKey","useEffect","body","currentAdded","parsedClasses","className","action","useBodyClass","classNames","cn"],"mappings":";AAUO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,kBAAAC,IAAmB;AACrB,MAAmC;AACjC,QAAMC,IAAkBC,EAAoB,oBAAI,KAAK,GAE/CC,IAAa,KAAK,UAAUL,CAAO;AAEzC,EAAAM,EAAU,MAAM;AACd,QAAI,OAAO,WAAa,OAAe,CAACL;AACtC;AAGF,UAAMM,IAAO,SAAS,MAChBC,wBAAmB,IAAA,GAEnBC,IACJ,KAAK,MAAMJ,CAAU;AAEvB,kBAAO,QAAQI,CAAa,EAAE,QAAQ,CAAC,CAACC,GAAWC,CAAM,MAAM;AAC7D,MAAIA,MAAW,MAAQA,MAAW,SAChCJ,EAAK,UAAU,IAAIG,CAAS,GAC5BF,EAAa,IAAIE,CAAS,KACjBC,MAAW,YAAYA,MAAW,KAC3CJ,EAAK,UAAU,OAAOG,CAAS,IACtBC,MAAW,aACpBJ,EAAK,UAAU,OAAOG,CAAS,GAC3BH,EAAK,UAAU,SAASG,CAAS,KACnCF,EAAa,IAAIE,CAAS;AAAA,IAGhC,CAAC,GAEDP,EAAgB,QAAQ,QAAQ,CAACO,MAAc;AAC7C,MAAI,CAACF,EAAa,IAAIE,CAAS,KAAK,CAACD,EAAcC,CAAS,KAC1DH,EAAK,UAAU,OAAOG,CAAS;AAAA,IAEnC,CAAC,GAEDP,EAAgB,UAAUK,GAEnB,MAAM;AACX,MAAIN,KACFM,EAAa,QAAQ,CAACE,MAAc;AAClC,QAAAH,EAAK,UAAU,OAAOG,CAAS;AAAA,MACjC,CAAC;AAAA,IAEL;AAAA,EACF,GAAG,CAACL,GAAYJ,GAASC,CAAgB,CAAC;AAC5C,GAEaU,IAAe,CAC1BF,GACAT,IAAmB,OACV;AACT,QAAMI,IACJ,OAAOK,KAAc,WAAWA,IAAYA,EAAU,KAAK,GAAG;AAEhE,EAAAJ,EAAU,MAAM;AACd,QAAI,OAAO,WAAa,OAAe,CAACL;AACtC;AAGF,UAAMM,IAAO,SAAS,MAChBM,IACJ,OAAOH,KAAc,WAAW,CAACA,CAAS,IAAIA;AAEhD,WAAAG,EAAW,QAAQ,CAACC,MAAOP,EAAK,UAAU,IAAIO,CAAE,CAAC,GAE1C,MAAM;AACX,MAAAD,EAAW,QAAQ,CAACC,MAAOP,EAAK,UAAU,OAAOO,CAAE,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAACT,GAAYJ,CAAO,CAAC;AAC1B;"}

package/dist/components/devextreme/DxDataGrid.module.scss.js

@@ -0,0 +1,8 @@
+const r = "DxDataGrid-module__wrapper___ZmUXQ", a = {
+  wrapper: r
+};
+export {
+  a as default,
+  r as wrapper
+};
+//# sourceMappingURL=DxDataGrid.module.scss.js.map

package/dist/components/devextreme/DxDataGrid.module.scss.js.map

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

package/dist/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.Constants.js

@@ -9,7 +9,6 @@ const e = new CustomEvent("cancelEdit", {
   bubbles: !0,
   detail: {
     rowData: null
-    // Placeholder for the row data that was being edited
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"OdsBasicDataGrid.Constants.js","sources":["../../../../src/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.Constants.ts"],"sourcesContent":["export let constants = {\r\n    totalPageCount: 1,\r\n    loadedPageCount: 1,\r\n    totalRecordCount: 0,\r\n    exportFormats: [\"xlsx\"],\r\n    selectedCellBgColor: \"#c1f9b8\",\r\n    allowedDataTypesForMultiCellEditing: [\"number\"],\r\n  \r\n  }\r\n  \r\n  export const columnSelectedFieds = {\r\n    dataField: \"SelectedFields\",\r\n    dataType: \"object\",\r\n    caption: \"\",\r\n    visible: false,\r\n  };\r\n  \r\n  export const onCancelEditEvent = new CustomEvent(\"cancelEdit\", {\r\n    bubbles: true,\r\n    detail: {\r\n      rowData: null, // Placeholder for the row data that was being edited\r\n    },\r\n  });"],"names":["constants","onCancelEditEvent"],"mappings":"AAAO,IAAIA,IAAY;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,eAAe,CAAC,MAAM;AAAA,EAEtB,qCAAqC,CAAC,QAAQ;AAEhD;AASO,MAAMC,IAAoB,IAAI,YAAY,cAAc;AAAA,EAC7D,SAAS;AAAA,EACT,QAAQ;AAAA,IACN,SAAS;AAAA;AAAA,EAAA;AAEb,CAAC;"}
+{"version":3,"file":"OdsBasicDataGrid.Constants.js","sources":["../../../../src/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.Constants.ts"],"sourcesContent":["export let constants = {\r\n    totalPageCount: 1,\r\n    loadedPageCount: 1,\r\n    totalRecordCount: 0,\r\n    exportFormats: [\"xlsx\"],\r\n    selectedCellBgColor: \"#c1f9b8\",\r\n    allowedDataTypesForMultiCellEditing: [\"number\"],\r\n  \r\n  }\r\n  \r\n  export const columnSelectedFieds = {\r\n    dataField: \"SelectedFields\",\r\n    dataType: \"object\",\r\n    caption: \"\",\r\n    visible: false,\r\n  };\r\n  \r\n  export const onCancelEditEvent = new CustomEvent(\"cancelEdit\", {\r\n    bubbles: true,\r\n    detail: {\r\n      rowData: null,\r\n    },\r\n  });"],"names":["constants","onCancelEditEvent"],"mappings":"AAAO,IAAIA,IAAY;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,eAAe,CAAC,MAAM;AAAA,EAEtB,qCAAqC,CAAC,QAAQ;AAEhD;AASO,MAAMC,IAAoB,IAAI,YAAY,cAAc;AAAA,EAC7D,SAAS;AAAA,EACT,QAAQ;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.js

@@ -5,13 +5,13 @@ import nt, { Column as re, HeaderFilter as L, MasterDetail as lt, Editing as ot,
 import { Item as de } from "devextreme-react/form";
 import { locale as xt, loadMessages as bt } from "devextreme/localization";
 import { Lookup as pt } from "devextreme-react";
-import { o as Et } from "../../../_virtual/index2.js";
+import { o as Et } from "../../../_virtual/index.js";
 import T from "../../antd/button/OdsButton.js";
 import Pt from "../../antd/typography/OdsTitle.js";
 import Tt from "../../antd/inputNumber/OdsInputNumber.js";
 import kt from "../../antd/dropdown/OdsDropdown.js";
 import U from "../../antd/button/OdsDataGrdiRowButton.js";
-import { useStyles as Rt } from "./OdsBasicDataGrid.Style.js";
+import Rt from "./OdsBasicDataGrid.module.scss.js";
 import { getMultiLevelColumns as Ot, concatFilteredLabel as Bt, checkCellSelectionConstraints as se, cellAlreadySelected as Mt } from "./OdsBasicDataGrid.Functions.js";
 import { onCancelEditEvent as Gt, constants as s } from "./OdsBasicDataGrid.Constants.js";
 import { ExportDataGridToExcel as It } from "../../../utils/ExportDataGridtoExcel.js";
@@ -50,7 +50,7 @@ const { useToken: Ht } = At, Cn = (t) => {
   let h = ie(null);
   const w = ie(!1), v = k && k.toString(), [ve, Fe] = m(!1), [j, xe] = m(t.columns), [g, be] = m([]), [q, b] = m(0), [pe, J] = m(!1), [p, O] = m([]), [Q, X] = m([]), [Ee, Y] = m(
     []
-  ), [Z, Pe] = m(!1), [B, Te] = m(!1), [ke, Re] = m(!0), [Oe, Be] = m(!1), { styles: ee } = Rt();
+  ), [Z, Pe] = m(!1), [B, Te] = m(!1), [ke, Re] = m(!0), [Oe, Be] = m(!1), ee = Rt;
   y(() => {
     s.totalPageCount = 1, s.loadedPageCount = 1, s.totalRecordCount = 0;
   }, [t.dataGridPageName]), y(() => {
@@ -82,7 +82,6 @@ const { useToken: Ht } = At, Cn = (t) => {
       const a = h.current?.instance?.();
       var n = (a?.getVisibleColumns().filter((o) => !o.command).map((o, r) => ({
         index: r,
-        // decrease index for deafult empty column
         dataField: o.dataField,
         sortOrder: o.sortOrder
       }))).find(
@@ -105,11 +104,7 @@ const { useToken: Ht } = At, Cn = (t) => {
       }
     }
   }, te = (e) => {
-    switch (e.key) {
-      case "Escape":
-        ne();
-        break;
-    }
+    e.key === "Escape" && ne();
   }, ne = () => {
     O([]);
   }, Ge = (e, n) => {
@@ -379,35 +374,39 @@ const { useToken: Ht } = At, Cn = (t) => {
       location: "before",
       template: function(n, a, d) {
         const o = document.createElement("div");
-        d.appendChild(o), ae(o).render(/* @__PURE__ */ l(E.StrictMode, { children: t.toolbarButtonGroup && Array.isArray(t.toolbarButtonGroup) && t.toolbarButtonGroup.map((c, i) => /* @__PURE__ */ l(
-          T,
-          {
-            style: { marginLeft: K.margin },
-            type: c.type,
-            onClick: c.onClick,
-            children: c.label
-          },
-          i
-        )) }));
+        d.appendChild(o), ae(o).render(
+          /* @__PURE__ */ l(E.StrictMode, { children: t.toolbarButtonGroup && Array.isArray(t.toolbarButtonGroup) && t.toolbarButtonGroup.map((c, i) => /* @__PURE__ */ l(
+            T,
+            {
+              style: { marginLeft: K.margin },
+              type: c.type,
+              onClick: (u) => c.onClick?.(u),
+              children: c.label
+            },
+            i
+          )) })
+        );
       }
     }), Ut(t.pageTitle) || e.toolbarOptions.items.unshift({
       location: "before",
       cssClass: "toolbarTitleItem",
       template: function(n, a, d) {
         const o = document.createElement("div");
-        d.appendChild(o), ae(o).render(/* @__PURE__ */ l(E.StrictMode, { children: /* @__PURE__ */ l(
-          Pt,
-          {
-            level: 5,
-            style: {
-              display: "flex",
-              alignItems: "center",
-              alignSelf: "stretch",
-              margin: 0
-            },
-            children: t.pageTitle
-          }
-        ) }));
+        d.appendChild(o), ae(o).render(
+          /* @__PURE__ */ l(E.StrictMode, { children: /* @__PURE__ */ l(
+            Pt,
+            {
+              level: 5,
+              style: {
+                display: "flex",
+                alignItems: "center",
+                alignSelf: "stretch",
+                margin: 0
+              },
+              children: t.pageTitle
+            }
+          ) })
+        );
       }
     });
   }, Ye = S(
@@ -443,35 +442,28 @@ const { useToken: Ht } = At, Cn = (t) => {
             onFinish: je,
             onFinishFailed: qe,
             children: [
-              s.allowedDataTypesForMultiCellEditing.map((e, n) => {
-                switch (e) {
-                  case "number":
-                    return /* @__PURE__ */ l(
-                      A.Item,
-                      {
-                        name: "number",
-                        label: "",
-                        rules: [
-                          {
-                            required: !0,
-                            message: ge ?? "Required field"
-                          }
-                        ],
-                        children: /* @__PURE__ */ l(
-                          Tt,
-                          {
-                            style: { width: "100%" },
-                            min: 0
-                          },
-                          "odsinputnumber-fastupdate"
-                        )
-                      },
-                      n
-                    );
-                  default:
-                    return /* @__PURE__ */ l("div", {});
-                }
-              }),
+              s.allowedDataTypesForMultiCellEditing.map((e, n) => e === "number" ? /* @__PURE__ */ l(
+                A.Item,
+                {
+                  name: "number",
+                  label: "",
+                  rules: [
+                    {
+                      required: !0,
+                      message: ge ?? "Required field"
+                    }
+                  ],
+                  children: /* @__PURE__ */ l(
+                    Tt,
+                    {
+                      style: { width: "100%" },
+                      min: 0
+                    },
+                    "odsinputnumber-fastupdate"
+                  )
+                },
+                n
+              ) : /* @__PURE__ */ l("div", {})),
               /* @__PURE__ */ f(Nt, { style: { justifyContent: "end", gap: K.marginSM }, children: [
                 /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ f(T, { onClick: Je, children: [
                   " ",
@@ -519,7 +511,7 @@ const { useToken: Ht } = At, Cn = (t) => {
           selectAllMode: "page"
         },
         onEditorPreparing: Le,
-        onExporting: t.closeGridHeader ? void 0 : ((e) => It({
+        onExporting: t.closeGridHeader ? void 0 : (e) => It({
           gridComponent: e.component,
           baseFileName: t.exportProps.fileName,
           selectedText: t.exportProps.selectedText,
@@ -527,7 +519,7 @@ const { useToken: Ht } = At, Cn = (t) => {
           selectedRowsOnly: e.selectedRowsOnly,
           activeText: t.exportProps.activeText ?? "Active",
           passiveText: t.exportProps.passiveText ?? "Passive"
-        })),
+        }),
         onRowClick: t.onRowClick,
         onEditorPrepared: Ve,
         onSelectionChanged: t.onSelectionChanged,
@@ -567,7 +559,6 @@ const { useToken: Ht } = At, Cn = (t) => {
                     allowSearch: !0,
                     dataSource: [
                       { text: "(Blanks)", value: null },
-                      // Blanks seçeneğini ekleyin
                       ...g && g.length > 0 ? g.filter(
                         (n) => n[e.dataField] !== null && n[e.dataField] !== void 0 && n[e.dataField] !== ""
                       ).map((n) => ({