ods-component-lib 1.21.2 → 1.22.1

package/dist/components/antd/typography/OdsTitle.js

@@ -1,12 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import t from "react";
-import { StyledtTypography as i } from "./Typography.styled.js";
-import { ThemeProvider as m } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { lightTheme as o } from "../../../tokens/design-system-light/build/js/variables.js";
-function a(r) {
-  return /* @__PURE__ */ e(t.Fragment, { children: /* @__PURE__ */ e(m, { theme: o, children: /* @__PURE__ */ e(i.Title, { ...r, children: r?.children }) }) });
+import { jsx as r } from "react/jsx-runtime";
+import o from "../../../node_modules/antd/es/typography/Title.js";
+function f(t) {
+  return /* @__PURE__ */ r(o, { ...t });
 }
 export {
-  a as default
+  f as default
 };
 //# sourceMappingURL=OdsTitle.js.map

package/dist/components/antd/typography/OdsTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsTitle.js","sources":["../../../../src/components/antd/typography/OdsTitle.tsx"],"sourcesContent":["import React from 'react';\r\nimport { StyledtTypography } from './Typography.styled';\r\nimport { ThemeProvider } from 'styled-components';\r\nimport { lightTheme } from '../../../tokens/design-system-light/build/js/variables';\r\nimport { TypographyProps } from 'antd/es/typography/Typography';\r\n\r\nexport interface ITypographyProps extends TypographyProps<any> {\r\n  level?: 1 | 2 | 3 | 4 | 5;\r\n}\r\n\r\nfunction OdsTitle(props?: ITypographyProps) {\r\n  return (\r\n    <React.Fragment>\r\n      <ThemeProvider theme={lightTheme}>\r\n        <StyledtTypography.Title {...props} >{props?.children}</StyledtTypography.Title>\r\n      </ThemeProvider>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default OdsTitle;"],"names":["OdsTitle","props","React","jsx","ThemeProvider","lightTheme","StyledtTypography"],"mappings":";;;;;AAUA,SAASA,EAASC,GAA0B;AAC1C,2BACGC,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,KAAc,OAAOC,GACpB,UAAA,gBAAAF,EAACG,EAAkB,OAAlB,EAAyB,GAAGL,GAAS,UAAAA,GAAO,SAAA,CAAS,GACxD,GACF;AAEJ;"}
+{"version":3,"file":"OdsTitle.js","sources":["../../../../src/components/antd/typography/OdsTitle.tsx"],"sourcesContent":["import Title, { TitleProps } from \"antd/es/typography/Title\";\r\n\r\nfunction OdsTitle(props: TitleProps) {\r\n  return <Title {...props} />;\r\n}\r\n\r\nexport default OdsTitle;\r\n"],"names":["OdsTitle","props","jsx","Title"],"mappings":";;AAEA,SAASA,EAASC,GAAmB;AACnC,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,EAAA,CAAO;AAC3B;"}

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

@@ -1,13 +1,14 @@
-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";
+/* empty css                         */
+import { useBodyClass as C } from "../hooks/useBodyClasses.js";
+import { useBodyClasses as N } from "../hooks/useBodyClasses.js";
 const t = {
   generic: "ods-datagrid-generic",
   compact: "ods-datagrid-compact"
-}, p = {
+}, b = {
   allowColumnReordering: !0,
   allowColumnResizing: !0,
   columnAutoWidth: !0,
@@ -20,36 +21,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,
+    ...m
+  }, c) => {
+    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: c,
+        ...b,
+        ...m,
+        className: "ods-datagrid-grid",
+        children: l
+      }
+    ) });
+  }
+);
+i.displayName = "OdsDataGrid";
+const S = 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,
+  S as OdsDataGridMemoized,
+  b as defaultAppearanceSettings,
+  C as useBodyClass,
+  N 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\nimport \"../styles/OdsDataGrid.scss\";\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":";;;;;;;AAgBO,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/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/DataGrid/styles/OdsDataGrid.css

@@ -0,0 +1 @@
+.ods-datagrid{background-color:var(--ant-color-bg-container, #ffffff);box-shadow:none;border:1px solid var(--ant-color-border, #f0f0f0);border-radius:16px;overflow:hidden;height:100%}.ods-datagrid-with-summary-wrapper>.ods-datagrid{border-radius:0;border:none;height:100%}.ods-datagrid-grid{height:100%}.ods-datagrid-grid.dx-widget{font-family:Manrope,sans-serif;font-size:14px}.ods-datagrid-grid .dx-datagrid{color:var(--ant-color-text, rgba(0, 0, 0, .88));background-color:transparent;line-height:1}.ods-datagrid-grid .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed{background-color:transparent}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel{border-bottom:.5px solid var(--ant-color-border, #f0f0f0);background-color:transparent;padding:8px 16px 7px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar{background-color:transparent;margin-bottom:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container{display:flex;justify-content:space-between;gap:12px;height:unset}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after{display:flex;align-items:center;gap:12px;margin:0;padding:0;position:relative;left:unset;right:unset;top:unset;bottom:unset;flex:0 1 auto;max-width:100%;overflow:hidden;white-space:nowrap}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item{display:flex;justify-content:flex-end;align-items:center;margin:0;padding:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-title{font-size:16px;line-height:1;color:var(--ant-color-text, rgba(0, 0, 0, .88));font-weight:600;max-width:unset!important}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-title>div{margin:0;padding:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-left-item-menu .ods-toolbar-left-menu.dx-menu.dx-menu-base .dx-menu-item.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-left-item-menu .ods-toolbar-left-menu.dx-menu.dx-menu-base .dx-menu-item:hover{background-color:var(--ant-color-fill-tertiary, rgba(0, 0, 0, .04));border-radius:6px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-left-item-menu .ods-toolbar-left-menu.dx-menu.dx-menu-base .dx-menu-item .dx-menu-item-content{padding-block:8px;padding-inline:8px;border:none}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-left-item-menu .ods-toolbar-left-menu.dx-menu.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container{display:none}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-left-item-menu .ods-toolbar-left-menu.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon{padding:0;margin:0;width:auto;height:auto;font-size:unset;line-height:unset}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-left-item-menu .ods-toolbar-left-menu.dx-menu .dx-context-menu-container-border{display:none}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-left-item{height:100%}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-left-item .ods-toolbar-left-menu-dropdown{display:inline-flex;vertical-align:unset}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button{border-radius:6px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button .dx-button-content{font-size:14px;padding-inline:15px;padding-block:4px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button .dx-button-content .dx-button-text{line-height:22px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined{background-color:var(--ant-color-bg-container, #ffffff);box-shadow:0 2px 0 0 var(--ant-box-shadow-tertiary, rgba(0, 0, 0, .02))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-default{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-primary, #1677ff);color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-default.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-default:hover{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-primary-hover, #4096ff);color:var(--ant-color-primary-hover, #4096ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-default.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-default:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-default:active{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-primary-active, #0958d9);color:var(--ant-color-primary-active, #0958d9)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-danger{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-error, #ff4d4f);color:var(--ant-color-error, #ff4d4f)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-danger:hover{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-error-hover, #ff7875);color:var(--ant-color-error-hover, #ff7875)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-danger:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-danger:active{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-error-active, #d9363e);color:var(--ant-color-error-active, #d9363e)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-success{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-success, #52c41a);color:var(--ant-color-success, #52c41a)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-success.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-success:hover{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-success-hover, #73d13d);color:var(--ant-color-success-hover, #73d13d)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-success.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-success:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-success:active{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-success-active, #389e0d);color:var(--ant-color-success-active, #389e0d)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-normal{color:var(--ant-color-text, rgba(0, 0, 0, .88));border-color:var(--ant-color-border, rgba(0, 0, 0, .15));background-color:var(--ant-color-bg-container, #ffffff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-normal.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-normal:hover{color:var(--ant-color-primary-hover, #4096ff);border-color:var(--ant-color-primary-hover, #4096ff);background-color:var(--ant-color-bg-container, #ffffff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-normal.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-normal:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-outlined.dx-button-normal:active{color:var(--ant-color-primary-active, #0958d9);border-color:var(--ant-color-primary-active, #0958d9);background-color:var(--ant-color-bg-container, #ffffff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text{background-color:transparent}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-default{background-color:transparent;color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-default.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-default:hover{background-color:var(--ant-color-primary-bg, #e6f4ff);color:var(--ant-color-primary-hover, #4096ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-default.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-default:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-default:active{background-color:var(--ant-color-primary-border, #91caff);color:var(--ant-color-primary-active, #0958d9)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-danger{background-color:transparent;color:var(--ant-color-error, #ff4d4f)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-danger.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-danger:hover{background-color:var(--ant-color-error-bg, #fff2f0);color:var(--ant-color-error-hover, #ff7875)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-danger.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-danger:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-danger:active{background-color:var(--ant-color-error-bg-active, #ffccc7);color:var(--ant-color-error-active, #d9363e)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-success{background-color:transparent;color:var(--ant-color-success, #52c41a)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-success.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-success:hover{background-color:var(--ant-color-success-bg, #f6ffed);color:var(--ant-color-success-hover, #73d13d)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-success.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-success:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-success:active{background-color:var(--ant-color-success-border, #b7eb8f);color:var(--ant-color-success-active, #389e0d)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-normal{background-color:transparent;color:var(--ant-color-text, rgba(0, 0, 0, .88))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-normal.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-normal:hover{background-color:var(--ant-color-fill-tertiary, rgba(0, 0, 0, .04))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-normal.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-normal:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-text.dx-button-normal:active{background-color:var(--ant-color-border, rgba(0, 0, 0, .15))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained{box-shadow:0 2px 0 0 var(--ant-box-shadow-tertiary, rgba(0, 0, 0, .02))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-default{background-color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-default.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-default:hover{background-color:var(--ant-color-primary-hover, #4096ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-default.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-default:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-default:active{background-color:var(--ant-color-primary-active, #0958d9)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-danger{background-color:var(--ant-color-error, #ff4d4f)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-danger.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-danger:hover{background-color:var(--ant-color-error-hover, #ff7875)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-danger.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-danger:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-danger:active{background-color:var(--ant-color-error-active, #d9363e)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-success{background-color:var(--ant-color-success, #52c41a)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-success.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-success:hover{background-color:var(--ant-color-success-hover, #73d13d)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-success.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-success:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-success:active{background-color:var(--ant-color-success-active, #389e0d)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-normal{background-color:var(--ant-color-text, rgba(0, 0, 0, .88));color:var(--ant-color-bg-container, #ffffff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-normal:hover{background-color:var(--ant-color-text-secondary, rgba(0, 0, 0, .75))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-normal.dx-state-focused,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-normal:focus,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button.dx-button-mode-contained.dx-button-normal:active{background-color:var(--ant-color-text, rgba(0, 0, 0, .95))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after{flex:0 0 auto;overflow:unset}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item{display:flex;justify-content:flex-end;align-items:center;margin:0;padding:0!important}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content{padding:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-scrollable-container{height:auto}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled){min-height:unset;padding-block:4px;padding-inline:4px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover{background-color:transparent;color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-list-item-content{color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused{background-color:transparent;color:var(--ant-color-primary-active, #0958d9)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-content{color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content{padding-block:5px;padding-inline:12px;display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:14px;line-height:1;color:var(--ant-color-text, rgba(0, 0, 0, .88))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content .dx-list-item-icon-container{width:16px;height:16px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content .dx-list-item-icon-container .dx-list-item-icon{font-size:16px;line-height:1;width:16px;height:16px;display:inline-flex;justify-content:center;align-items:center}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-dropdownbutton-popup-wrapper .dx-popup-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content:before{display:none}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-item.dx-toolbar-item.ods-toolbar-after-settings-button .ods-toolbar-after-settings-dropdown.dx-popup-wrapper>.dx-overlay-content{background-color:var(--ant-color-bg-container, #ffffff);box-shadow:0 2px 4px #0000000f,0 2px 6px -1px #0000000a,0 6px 8px #0000000a;border:none;border-radius:8px;top:8px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox.dx-texteditor.dx-editor-outlined{margin:0;border-radius:6px;border-color:var(--ant-color-border, rgba(0, 0, 0, .15))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox .dx-icon-search{color:var(--ant-color-icon, #535353);font-size:16px;line-height:1;position:absolute;top:50%;left:0;margin:unset;transform:translateY(-50%);width:30px;height:30px;background-position:unset;background-size:unset;padding:0;display:flex;justify-content:center;align-items:center}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox .dx-icon-search:before{color:var(--ant-color-icon, #535353)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox .dx-texteditor-input{min-height:30px;padding:4px 9px 4px 30px;font-size:14px;line-height:22px;color:var(--ant-color-text, rgba(0, 0, 0, .88))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox .dx-placeholder:before{padding:4px 9px 4px 30px;font-size:14px;line-height:23px;color:var(--ant-color-text-description, rgba(0, 0, 0, .45))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox.dx-show-clear-button .dx-clear-button-area{width:22px;min-width:22px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox.dx-show-clear-button .dx-clear-button-area .dx-icon-clear{color:var(--ant-color-icon, #535353);margin-top:0;transform:translateY(-50%);padding:4px;width:22px;height:22px;background-position:4px 4px;background-size:14px 14px;font-size:14px;line-height:1}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button{border-radius:6px;border-color:var(--ant-color-border, rgba(0, 0, 0, .15))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button .dx-icon{font-size:16px;line-height:1;width:16px;height:16px;color:var(--ant-color-icon, #535353)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button .dx-button-content{padding:7px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-hover,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-focused{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-hover .dx-icon,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-focused .dx-icon{color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-hover .dx-icon.dx-svg-icon svg.ods-toolbar-after-settings-icon>path,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-focused .dx-icon.dx-svg-icon svg.ods-toolbar-after-settings-icon>path{fill:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-hover .dx-icon.dx-svg-icon svg.ods-toolbar-after-settings-icon>circle,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-focused .dx-icon.dx-svg-icon svg.ods-toolbar-after-settings-icon>circle{stroke:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-active{background-color:var(--ant-color-bg-container, #ffffff);border-color:var(--ant-color-primary-active, #0958d9)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-active .dx-icon{color:var(--ant-color-primary-active, #0958d9)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-active .dx-icon.dx-svg-icon svg.ods-toolbar-after-settings-icon>path{fill:var(--ant-color-primary-active, #0958d9)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button.dx-state-active .dx-icon.dx-svg-icon svg.ods-toolbar-after-settings-icon>circle{stroke:var(--ant-color-primary-active, #0958d9)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-texteditor.dx-state-active.dx-editor-outlined,.ods-datagrid-grid .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-texteditor.dx-state-focused.dx-editor-outlined{border-color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-headers{border-bottom:none;color:var(--ant-color-text, rgba(0, 0, 0, .88));background-color:transparent;font-weight:600}.ods-datagrid-grid .dx-datagrid .dx-datagrid-headers .dx-datagrid-content{margin-bottom:unset}.ods-datagrid-grid .dx-datagrid .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row>td:not(.dx-datagrid-sticky-column-right){padding-inline:8px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row>td{height:38px;border-bottom:.5px solid var(--ant-color-border, #f0f0f0);border-left:.5px solid var(--ant-color-border-secondary, rgba(0, 0, 0, .09));border-right:.5px solid var(--ant-color-border-secondary, rgba(0, 0, 0, .09))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row>td:not(.dx-command-select):not(.dx-command-edit){background-color:var(--ant-control-item-bg-active, #e6f4ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row>td.dx-command-select{width:38px;min-width:38px;max-width:38px;background-color:var(--ant-color-bg-layout, #fafafa)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row>td .dx-datagrid-text-content{white-space:nowrap}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row>td:not(.dx-datagrid-sticky-column-right){padding-inline:8px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row>td{height:38px;border-bottom:.5px solid var(--ant-color-border, #f0f0f0);color:var(--ant-color-text, rgba(0, 0, 0, .88));vertical-align:middle}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row>td.dx-command-select{width:38px;min-width:38px;max-width:38px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row.dx-selection>td{background-color:var(--ant-color-primary-bg, #e6f4ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row.dx-selection.dx-state-hover>td{background-color:var(--ant-color-primary-bg, #e6f4ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row.dx-state-hover>td{background-color:var(--ant-control-item-bg-hover, rgba(0, 0, 0, .04));color:var(--ant-color-text, rgba(0, 0, 0, .88))}.ods-datagrid-grid .dx-datagrid .dx-checkbox .dx-checkbox-container .dx-checkbox-icon{border-color:var(--ant-color-border, rgba(0, 0, 0, .15));width:20px;height:20px;border-radius:4px}.ods-datagrid-grid .dx-datagrid .dx-checkbox.dx-state-focused .dx-checkbox-container .dx-checkbox-icon,.ods-datagrid-grid .dx-datagrid .dx-checkbox.dx-state-hover .dx-checkbox-container .dx-checkbox-icon{border-color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-checkbox.dx-checkbox-checked .dx-checkbox-container .dx-checkbox-icon{background-color:var(--ant-color-primary, #1677ff);border-color:var(--ant-color-primary, #1677ff);display:inline-flex;justify-content:center;align-items:center}.ods-datagrid-grid .dx-datagrid .dx-checkbox.dx-checkbox-checked .dx-checkbox-container .dx-checkbox-icon:before{color:var(--ant-color-bg-container, #ffffff);display:inline-flex;width:12px;font-size:12px;height:12px;line-height:12px;position:relative;top:unset;left:unset;margin:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager{border-top:1px solid var(--ant-color-border, #f0f0f0);padding:16px;background-color:transparent}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages{display:flex;align-items:center;gap:4px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-page-indexes{display:flex;justify-content:center;align-items:center;gap:4px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-page{width:24px;height:24px;border-radius:6px;border:.5px solid transparent;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:1;font-weight:400;color:var(--ant-color-text, rgba(0, 0, 0, .88));margin:0;padding:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-page:hover{background-color:var(--ant-color-primary-bg, #e6f4ff);color:var(--ant-color-primary-hover, #4096ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-page.dx-selection{background-color:transparent;color:var(--ant-color-primary, #1677ff);border-color:var(--ant-color-primary, #1677ff);font-weight:600}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-separator{padding:0;font-size:14px;color:var(--ant-color-text, rgba(0, 0, 0, .88));line-height:1}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button{width:24px;height:24px;padding:0;display:flex;justify-content:center;align-items:center}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button.dx-next-button,.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button.dx-prev-button{font-size:12px;line-height:1;display:inline-flex;justify-content:center;align-items:center}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button.dx-next-button:before,.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button.dx-prev-button:before{width:14px;height:14px;line-height:1;display:inline-flex;justify-content:center;align-items:center;position:relative;top:unset;left:unset;margin:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button:hover{background-color:var(--ant-color-fill-tertiary, rgba(0, 0, 0, .04));border-radius:6px}.ods-datagrid-grid .dx-datagrid .dx-loadpanel-content-wrapper{gap:10px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu{padding:0 1px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-texteditor-input{min-height:22px;line-height:22px;font-size:14px;padding:4px 8px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row>td{border-bottom:none;border-left-color:transparent;border-right-color:transparent;padding:0;background-color:var(--ant-color-bg-container, #ffffff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row>td .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row>td .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default{margin-top:1px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row>td .dx-menu-item-content{padding-top:6px;padding-inline:5px;padding-bottom:7px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row>td .dx-menu-item-content .dx-icon{width:16px;height:16px;font-size:16px;line-height:16px;color:var(--ant-color-icon, #535353);margin:0 2px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row>td .dx-menu-item-content .dx-menu-item-popout-container{width:28px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon{font-size:16px;color:var(--ant-color-icon, #535353)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-row .dx-menu .dx-menu-item.dx-state-hover{background-color:var(--ant-color-fill-tertiary, rgba(0, 0, 0, .04))}.ods-datagrid-grid .dx-datagrid .dx-command-edit{width:50px;min-width:50px}.ods-datagrid-grid .dx-datagrid .dx-command-edit .dx-link{font-size:16px;color:var(--ant-color-icon, #535353)}.ods-datagrid-grid .dx-datagrid .dx-command-edit .dx-link:hover{color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-panel{padding:8px 16px 7px;border-top-color:var(--ant-color-border, #f0f0f0)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-panel .dx-datagrid-filter-panel-left{display:flex;justify-content:flex-start;align-items:center;gap:8px;min-height:32px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-panel .dx-datagrid-filter-panel-left .dx-datagrid-filter-panel-checkbox{padding-right:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,.ods-datagrid-grid .dx-datagrid .dx-datagrid-filter-panel .dx-icon-filter{display:inline-flex;align-items:center;color:var(--ant-color-primary, #1677ff);font-size:14px;line-height:28px;margin:0}.ods-datagrid-grid .dx-datagrid.ods-datagrid-has-summary-button .dx-datagrid-filter-panel{padding-right:64px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-total-footer{border-top:.5px solid var(--ant-color-border, #f0f0f0)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-total-footer>.dx-datagrid-content{padding-top:0;padding-bottom:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-total-footer>.dx-datagrid-content.dx-datagrid-content-fixed .dx-datagrid-table.dx-pointer-events-none .dx-row.dx-footer-row>td{border-left-color:var(--ant-color-border, #f0f0f0);border-right-color:var(--ant-color-border, #f0f0f0);border-left-width:.5px;border-right-width:.5px;background-color:var(--ant-color-bg-layout, #fafafa)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-total-footer>.dx-datagrid-content .dx-datagrid-table .dx-row>td{border-left:1px solid var(--ant-color-border, #f0f0f0);border-right:1px solid var(--ant-color-border, #f0f0f0);background-color:var(--ant-color-bg-layout, #fafafa)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-total-footer>.dx-datagrid-content .dx-datagrid-table .dx-row>td .dx-datagrid-summary-item{font-weight:400;color:var(--ant-color-text, rgba(0, 0, 0, .88))}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty).dx-datagrid-after-headers{border-top:.5px solid var(--ant-color-border, #f0f0f0)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty) .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-datagrid-content .dx-datagrid-table .dx-row.dx-row-lines>td,.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty) .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row>td{border-bottom-color:var(--ant-color-border, #f0f0f0);border-left-color:var(--ant-color-border, #f0f0f0);border-right-color:var(--ant-color-border, #f0f0f0)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty) .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-datagrid-content .dx-datagrid-table .dx-row.dx-row-lines>td>.ant-tag,.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty) .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-datagrid-content .dx-datagrid-table .dx-row.dx-freespace-row>td>.ant-tag{font-size:12px;line-height:20px;padding-inline:7px;margin:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty) .dx-datagrid-content.dx-datagrid-content-fixed .dx-datagrid-table.dx-pointer-events-none .dx-row.dx-row-lines>td,.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty) .dx-datagrid-content.dx-datagrid-content-fixed .dx-datagrid-table.dx-pointer-events-none .dx-row.dx-freespace-row>td{border-bottom-color:transparent;border-left-color:var(--ant-color-border, #f0f0f0);border-right-color:var(--ant-color-border, #f0f0f0);border-left-width:.5px;border-right-width:.5px;background-color:var(--ant-color-bg-container, #ffffff)}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty) .dx-datagrid-content.dx-datagrid-content-fixed .dx-datagrid-table.dx-pointer-events-none .dx-row.dx-row-lines>td.dx-command-edit,.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview:not(.dx-empty) .dx-datagrid-content.dx-datagrid-content-fixed .dx-datagrid-table.dx-pointer-events-none .dx-row.dx-freespace-row>td.dx-command-edit{padding:0}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview.dx-empty.dx-datagrid-after-headers{border-top:.5px solid var(--ant-color-border, #f0f0f0)}.ods-datagrid-grid .dx-datagrid .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-loadindicator-wrapper .dx-loadindicator-icon .dx-loadindicator-segment{background-color:var(--ant-color-primary, #1677ff)}.ods-datagrid-grid .dx-datagrid .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-overlay-content.dx-loadpanel-content .dx-loadpanel-content-wrapper{display:inline-flex;justify-content:center;align-items:center;position:relative;gap:10px}.ods-datagrid-grid .dx-datagrid .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-overlay-content.dx-loadpanel-content .dx-loadpanel-message{color:var(--ant-color-text, rgba(0, 0, 0, .88));font-size:14px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview>div:not(.dx-scrollable-wrapper).dx-datagrid-content.dx-datagrid-content-fixed .dx-datagrid-table .dx-row.dx-virtual-row.dx-column-lines>td{border-bottom-color:transparent;border-left-color:var(--ant-color-border, #f0f0f0);border-right-color:var(--ant-color-border, #f0f0f0);border-left-width:.5px;border-right-width:.5px}.ods-datagrid-grid .dx-datagrid .dx-datagrid-rowsview.dx-empty .dx-datagrid-content .dx-datagrid-table .dx-row>td{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}.dx-datagrid-content .ods-datagrid-grid .dx-datagrid .dx-datagrid-table .dx-row .dx-command-select,.ods-datagrid-grid .dx-datagrid .dx-datagrid-table .dx-row .dx-command-select{width:38px;min-width:38px;max-width:38px}.ods-datagrid-grid .dx-datagrid .grid-cell-disable-text-selection{user-select:none}.ods-datagrid-compact{border-radius:8px}.ods-datagrid-compact .ods-datagrid-grid.dx-widget{font-size:12px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row>td{height:26px;padding-inline:4px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-headers .dx-header-filter{font-size:11px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row>td{height:26px;padding-inline:4px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row>td>.ant-tag{font-size:10px;line-height:16px;padding-inline:4px}.ods-datagrid-compact .dx-datagrid .dx-checkbox .dx-checkbox-container .dx-checkbox-icon{width:16px;height:16px}.ods-datagrid-compact .dx-datagrid .dx-checkbox .dx-checkbox-container .dx-checkbox-icon:before{width:10px;height:10px;font-size:10px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel{padding:8px 8px 7px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container,.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before,.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after{gap:8px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.ods-toolbar-title{font-size:14px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button{border-radius:4px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button .dx-button-content{font-size:12px;padding-inline:8px;padding-block:1px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-button .dx-button-content .dx-button-text{line-height:20px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox.dx-texteditor.dx-editor-outlined{border-radius:4px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox .dx-icon-search{font-size:14px;width:24px;height:22px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox .dx-texteditor-input{min-height:22px;padding:3px 5px 3px 24px;font-size:12px;line-height:16px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox .dx-placeholder:before{padding:3px 5px 3px 24px;font-size:12px;line-height:17px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox.dx-show-clear-button .dx-clear-button-area{width:24px;min-width:24px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-searchbox.dx-show-clear-button .dx-clear-button-area .dx-icon-clear{padding:5px;width:24px;height:22px;background-position:5px 5px;background-size:14px 14px;font-size:14px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button{border-radius:4px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button .dx-icon{font-size:14px;width:14px;height:14px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button .dx-icon.dx-svg-icon{width:14px;height:14px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after .dx-button .dx-button-content{padding:4px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-filter-row>td .dx-menu-item-content{padding-top:5px;padding-inline:3px;padding-bottom:4px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-filter-row>td .dx-menu-item-content .dx-icon{width:14px;height:14px;font-size:14px;line-height:14px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-filter-row>td .dx-menu-item-content .dx-menu-item-popout-container{width:24px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-filter-panel{padding:4px 8px 3px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-filter-panel .dx-datagrid-filter-panel-left{gap:4px;min-height:32px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,.ods-datagrid-compact .dx-datagrid .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,.ods-datagrid-compact .dx-datagrid .dx-datagrid-filter-panel .dx-icon-filter{font-size:12px;line-height:22px}.ods-datagrid-compact .dx-datagrid .dx-command-select{width:26px!important;min-width:26px!important;max-width:26px!important}.ods-datagrid-compact .dx-datagrid .dx-command-edit{width:34px;min-width:34px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager{padding:8px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages,.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-page-indexes{gap:4px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-page{width:18px;height:18px;border-radius:4px;font-size:12px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button{width:18px;height:18px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button.dx-next-button,.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button.dx-prev-button{font-size:9px}.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button.dx-next-button:before,.ods-datagrid-compact .dx-datagrid .dx-datagrid-pager .dx-pager .dx-pages .dx-navigate-button.dx-prev-button:before{width:12px;height:12px}.ods-datagrid-compact .dx-datagrid .dx-loadpanel-content-wrapper{gap:5px}.ods-datagrid-compact.ods-datagrid-has-summary-button .dx-datagrid .dx-datagrid-filter-panel{padding-right:40px}

package/dist/components/devextreme/DxDataGrid.module.css

@@ -0,0 +1 @@
+.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-borders>.dx-datagrid-rowsview,.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-borders>.dx-datagrid-total-footer{border-bottom:1px solid rgba(0,0,0,.06)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-borders .dx-datagrid-rowsview,.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-headers+.dx-datagrid-rowsview,.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-rowsview.dx-datagrid-after-headers{border-top:1px solid rgba(0,0,0,.06)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-borders>.dx-datagrid-headers,.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-borders>.dx-datagrid-rowsview,.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-borders>.dx-datagrid-total-footer{border-left:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06);border-radius:5px}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-borders>.dx-datagrid-filter-panel,.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-borders>.dx-datagrid-headers{border-top:1px solid rgba(0,0,0,.06)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-headers .dx-datagrid-table .dx-row>td{border-bottom:1px solid rgba(0,0,0,.06)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid .dx-column-lines>td{border-left:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-headers{border-bottom:none;color:var(--ant-color-text, rgba(0, 0, 0, .88))}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-header-panel{padding:8px 16px 0}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-header-panel .dx-toolbar{margin-bottom:8px!important}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-text-content{font-family:var(--ant-font-family, "Manrope", sans-serif);font-size:var(--ant-font-size, 14px);font-style:normal;font-weight:600;line-height:22px}.DxDataGrid-module__wrapper___ZmUXQ .dx-texteditor-input{border-radius:var(--ant-border-radius, 6px)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-action,.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-drag-action,.DxDataGrid-module__wrapper___ZmUXQ .dx-command-edit.dx-cell-focus-disabled{background-color:var(--ant-color-primary-bg, #E6F4FF)}.DxDataGrid-module__wrapper___ZmUXQ .dx-list-item-content>.dx-texteditor,.DxDataGrid-module__wrapper___ZmUXQ .dx-list-item-content.dx-texteditor,.DxDataGrid-module__wrapper___ZmUXQ .dx-toolbar-item-content>.dx-texteditor,.DxDataGrid-module__wrapper___ZmUXQ .dx-toolbar-item-content.dx-texteditor{width:150px;border-radius:var(--ant-border-radius, 6px)}.DxDataGrid-module__wrapper___ZmUXQ .dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-button-has-icon.dx-datagrid-toolbar-button.dx-datagrid-column-chooser-button{border-radius:var(--ant-border-radius, 6px)}.DxDataGrid-module__wrapper___ZmUXQ tr.dx-row.dx-data-row.dx-row-lines.dx-column-lines{height:38px}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid.dx-gridbase-container.dx-datagrid-borders{border-radius:var(--ant-border-radius-lg, 16px)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-filter-panel{border-radius:var(--ant-border-radius, 6px)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid .dx-gridbase-container .dx-datagrid-borders{border:1px solid rgba(0,0,0,.06)}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-headers.dx-datagrid-nowrap.dx-bordered-top-view{padding:0!important}.DxDataGrid-module__wrapper___ZmUXQ .datagrid-container .dx-datagrid-summary{width:100%}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-summary-item{overflow:visible}.DxDataGrid-module__wrapper___ZmUXQ .dx-toolbar-after .dx-toolbar-item{padding-left:12px!important}.DxDataGrid-module__wrapper___ZmUXQ .dx-toolbar .dx-toolbar-item{padding:0;padding-inline-end:0!important}.DxDataGrid-module__wrapper___ZmUXQ .dx-datagrid-summary-item.dx-datagrid-text-content{width:max-content;display:inline-block}.DxDataGrid-module__addNewButton___aKLQl{border-radius:var(--ant-border-radius, 6px);border:1px solid var(--ant-color-primary, #1677FF);background:var(--ant-color-primary, #1677FF);box-shadow:0 2px #00000005}.DxDataGrid-module__columndd___K7Nu-{max-width:230px;min-width:230px}

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) => ({