ods-component-lib 1.22.2 → 1.22.4

package/dist/components/filter/OdsFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsFilter.js","sources":["../../../src/components/filter/OdsFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from \"react\";\r\nimport { Col, ConfigProvider, Form, FormInstance, Row, Typography } from \"antd\";\r\nimport { Loop1Icon } from \"ods-icon/react/24/outline\";\r\nimport { DownArrow5Icon, UpArrow5Icon } from \"ods-icon/react/24/outline\";\r\nimport OdsCard from \"../antd/card/OdsCard\";\r\nimport OdsButton from \"../antd/button/OdsButton\";\r\nimport OdsTab from \"../antd/tab/OdsTab\";\r\nimport OdsFilterTagView from \"./OdsFilterTagView\";\r\nimport styles from \"./styles.module.scss\";\r\n\r\nconst { Title } = Typography;\r\n\r\nexport interface FilterProps {\r\n  filterRow?: React.ReactNode;\r\n  filterTag?: any[];\r\n  tabs?: any[];\r\n  form: FormInstance<any>;\r\n  savedFilter?: React.ReactNode;\r\n\r\n  title: string;\r\n  buttonClearAllName: string;\r\n  buttonApplyName: string;\r\n\r\n  buttonAdvancedSearchName?: string;\r\n  advancedFilterRow?: React.ReactNode;\r\n  advancedFilterClosed?: boolean;\r\n\r\n  onFinish?: (values: any) => void;\r\n  onFinishFailed?: () => void;\r\n  onClickClear?: () => void;\r\n}\r\n\r\nconst OdsFilter = (props: PropsWithChildren<FilterProps>) => {\r\n  const [showFilter, setShowFilter] = useState(true);\r\n\r\n  const advancedRef = React.createRef<HTMLDivElement>();\r\n\r\n  const [showAdvanceFilter, setShowAdvanceFilter] = useState(\r\n    !props.advancedFilterClosed\r\n  );\r\n\r\n  const hasAdvancedFilters = props.advancedFilterRow !== undefined;\r\n  const hasTagFilter = props.tabs !== undefined;\r\n  const hasFilterRow = props.filterRow !== undefined;\r\n\r\n  useEffect(() => {\r\n    if (props.filterTag && props.filterTag.length > 0) handleHideShowFilter();\r\n  }, [props.filterTag]);\r\n\r\n  const handleHideShowAdvancedFilter = () => {\r\n    if (!showFilter) {\r\n      setShowFilter(true);\r\n\r\n      setTimeout(() => {\r\n        setShowAdvanceFilter(!showAdvanceFilter);\r\n      }, 200);\r\n    } else {\r\n      setShowAdvanceFilter(!showAdvanceFilter);\r\n    }\r\n  };\r\n\r\n  const handleHideShowFilter = () => {\r\n    setShowAdvanceFilter(false);\r\n    setShowFilter(!showFilter);\r\n  };\r\n\r\n  const onClearSearch = () => {\r\n    if (props.onClickClear) {\r\n      props.onClickClear();\r\n    }\r\n  };\r\n\r\n  const checkFilterValues = async () => {\r\n    try {\r\n      return await props.form.validateFields();\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  const findErrorIfAdvancedFilterHasError = async () => {\r\n    if (advancedRef.current) {\r\n      const errorItems = advancedRef.current.querySelectorAll(\r\n        \".ant-form-item-has-error\"\r\n      );\r\n\r\n      if (errorItems?.length > 0) {\r\n        setShowAdvanceFilter(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleOnClickApply = async () => {\r\n    const values = await checkFilterValues();\r\n\r\n    if (hasAdvancedFilters) {\r\n      await findErrorIfAdvancedFilterHasError();\r\n    }\r\n\r\n    if (values) {\r\n      if (props.onFinish) {\r\n        props.onFinish(values);\r\n      }\r\n    } else {\r\n      props.onFinishFailed && props.onFinishFailed();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (showAdvanceFilter) {\r\n    }\r\n  }, [advancedRef, showAdvanceFilter]);\r\n\r\n  return (\r\n    <OdsCard className={styles.filterWrapper}>\r\n      <ConfigProvider\r\n        theme={{\r\n          components: {\r\n            Form: {\r\n              itemMarginBottom: 16,\r\n              verticalLabelPadding: \"0 0 4px 0\",\r\n            },\r\n            Typography: {\r\n              titleMarginBottom: 0,\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <Form\r\n          form={props.form}\r\n          layout=\"vertical\"\r\n          className={`${styles.filterInner} ${showFilter ? styles.open : ''}`}\r\n        >\r\n          <Row gutter={[12, 12]} align=\"middle\">\r\n            <Col span={24} className={styles.filterTopWrapper}>\r\n              <div className={styles.filterTopInfo}>\r\n                <div className={styles.filterTopTitle}>\r\n                  <Title level={5}>{props.title}</Title>\r\n                </div>\r\n                <div className={`${styles.filterTagsWrapper} ${showFilter ? styles.hidden : ''}`}>\r\n                  {props.filterTag && props.filterTag.length > 0 && (\r\n                    <OdsFilterTagView\r\n                      preparedFilterTextViewJson={props.filterTag}\r\n                    ></OdsFilterTagView>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <ConfigProvider\r\n                theme={{\r\n                  components: {\r\n                    Button: {\r\n                      borderRadiusLG: 6,\r\n                    },\r\n                  },\r\n                }}\r\n              >\r\n                <div className={styles.filterTopActions}>\r\n                  {hasAdvancedFilters && (\r\n                    <OdsButton\r\n                      title=\"Advanced Search\"\r\n                      className={styles.advancedFilterButton}\r\n                      size=\"middle\"\r\n                      type=\"link\"\r\n                      icon={\r\n                        showAdvanceFilter ? (\r\n                          <UpArrow5Icon\r\n                            width={16}\r\n                            height={16}\r\n                            viewBox=\"0 0 24 24\"\r\n                          />\r\n                        ) : (\r\n                          <DownArrow5Icon\r\n                            width={16}\r\n                            height={16}\r\n                            viewBox=\"0 0 24 24\"\r\n                          />\r\n                        )\r\n                      }\r\n                      onClick={handleHideShowAdvancedFilter}\r\n                    >\r\n                      {props.buttonAdvancedSearchName}\r\n                    </OdsButton>\r\n                  )}\r\n                  {props.savedFilter}\r\n                  <OdsButton\r\n                    className={styles.toggleButton}\r\n                    size=\"large\"\r\n                    type=\"default\"\r\n                    icon={\r\n                      showFilter ? (\r\n                        <UpArrow5Icon\r\n                          width={16}\r\n                          height={16}\r\n                          viewBox=\"0 0 24 24\"\r\n                        />\r\n                      ) : (\r\n                        <DownArrow5Icon\r\n                          width={16}\r\n                          height={16}\r\n                          viewBox=\"0 0 24 24\"\r\n                        />\r\n                      )\r\n                    }\r\n                    onClick={handleHideShowFilter}\r\n                  />\r\n                </div>\r\n              </ConfigProvider>\r\n            </Col>\r\n          </Row>\r\n\r\n          <div className={`${styles.filterBodyWrapper} ${showFilter ? styles.open : ''}`}>\r\n            <div className={styles.filterBody}>\r\n              {hasTagFilter && <OdsTab items={props.tabs}></OdsTab>}\r\n\r\n              {hasFilterRow && props.filterRow}\r\n\r\n              {hasAdvancedFilters && (\r\n                <div\r\n                  className={`${styles.advancedFilterRowWrapper} ${showAdvanceFilter ? styles.open : ''}`}\r\n                  ref={advancedRef}\r\n                >\r\n                  <div className={styles.advancedFilterRow}>\r\n                    {props.advancedFilterRow}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              <div className={styles.filterActionButtonsWrapper}>\r\n                <OdsButton\r\n                  type=\"text\"\r\n                  onClick={onClearSearch}\r\n                  icon={\r\n                    <Loop1Icon width={16} height={16} viewBox=\"0 0 24 24\" />\r\n                  }\r\n                  className={styles.clearButton}\r\n                >\r\n                  {props.buttonClearAllName}\r\n                </OdsButton>\r\n                <OdsButton type=\"primary\" onClick={handleOnClickApply}>\r\n                  {props.buttonApplyName}\r\n                </OdsButton>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Form>\r\n      </ConfigProvider>\r\n    </OdsCard>\r\n  );\r\n};\r\n\r\nexport default OdsFilter;\r\n"],"names":["Title","Typography","OdsFilter","props","showFilter","setShowFilter","useState","advancedRef","React","showAdvanceFilter","setShowAdvanceFilter","hasAdvancedFilters","hasTagFilter","hasFilterRow","useEffect","handleHideShowFilter","handleHideShowAdvancedFilter","onClearSearch","checkFilterValues","findErrorIfAdvancedFilterHasError","handleOnClickApply","values","jsx","OdsCard","styles","ConfigProvider","jsxs","Form","Row","Col","OdsFilterTagView","OdsButton","UpArrow5Icon","DownArrow5Icon","OdsTab","Loop1Icon"],"mappings":"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"}
+{"version":3,"file":"OdsFilter.js","sources":["../../../src/components/filter/OdsFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from \"react\";\r\nimport { Col, ConfigProvider, Form, FormInstance, Row, Typography } from \"antd\";\r\nimport { Loop1Icon } from \"ods-icon/react/24/outline\";\r\nimport { DownArrow5Icon, UpArrow5Icon } from \"ods-icon/react/24/outline\";\r\nimport OdsCard from \"../antd/card/OdsCard\";\r\nimport OdsButton from \"../antd/button/OdsButton\";\r\nimport OdsTab from \"../antd/tab/OdsTab\";\r\nimport OdsFilterTagView from \"./OdsFilterTagView\";\r\nimport styles from \"./styles.module.scss\";\r\n\r\nconst { Title } = Typography;\r\n\r\nexport interface FilterProps {\r\n  filterRow?: React.ReactNode;\r\n  filterTag?: any[];\r\n  tabs?: any[];\r\n  form: FormInstance<any>;\r\n  savedFilter?: React.ReactNode;\r\n\r\n  title: string;\r\n  buttonClearAllName: string;\r\n  buttonApplyName: string;\r\n\r\n  buttonAdvancedSearchName?: string;\r\n  advancedFilterRow?: React.ReactNode;\r\n  advancedFilterClosed?: boolean;\r\n\r\n  onFinish?: (values: any) => void;\r\n  onFinishFailed?: () => void;\r\n  onClickClear?: () => void;\r\n}\r\n\r\nconst OdsFilter = (props: PropsWithChildren<FilterProps>) => {\r\n  const [showFilter, setShowFilter] = useState(true);\r\n\r\n  const advancedRef = React.createRef<HTMLDivElement>();\r\n\r\n  const [showAdvanceFilter, setShowAdvanceFilter] = useState(\r\n    !props.advancedFilterClosed\r\n  );\r\n\r\n  const hasAdvancedFilters = props.advancedFilterRow !== undefined;\r\n  const hasTagFilter = props.tabs !== undefined;\r\n  const hasFilterRow = props.filterRow !== undefined;\r\n\r\n  useEffect(() => {\r\n    if (props.filterTag && props.filterTag.length > 0) handleHideShowFilter();\r\n  }, [props.filterTag]);\r\n\r\n  const handleHideShowAdvancedFilter = () => {\r\n    if (!showFilter) {\r\n      setShowFilter(true);\r\n\r\n      setTimeout(() => {\r\n        setShowAdvanceFilter(!showAdvanceFilter);\r\n      }, 200);\r\n    } else {\r\n      setShowAdvanceFilter(!showAdvanceFilter);\r\n    }\r\n  };\r\n\r\n  const handleHideShowFilter = () => {\r\n    setShowAdvanceFilter(false);\r\n    setShowFilter(!showFilter);\r\n  };\r\n\r\n  const onClearSearch = () => {\r\n    if (props.onClickClear) {\r\n      props.onClickClear();\r\n    }\r\n  };\r\n\r\n  const checkFilterValues = async () => {\r\n    try {\r\n      return await props.form.validateFields();\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  const findErrorIfAdvancedFilterHasError = async () => {\r\n    if (advancedRef.current) {\r\n      const errorItems = advancedRef.current.querySelectorAll(\r\n        \".ant-form-item-has-error\"\r\n      );\r\n\r\n      if (errorItems?.length > 0) {\r\n        setShowAdvanceFilter(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleOnClickApply = async () => {\r\n    const values = await checkFilterValues();\r\n\r\n    if (hasAdvancedFilters) {\r\n      await findErrorIfAdvancedFilterHasError();\r\n    }\r\n\r\n    if (values) {\r\n      if (props.onFinish) {\r\n        props.onFinish(values);\r\n      }\r\n    } else {\r\n      props.onFinishFailed && props.onFinishFailed();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (showAdvanceFilter) {\r\n    }\r\n  }, [advancedRef, showAdvanceFilter]);\r\n\r\n  return (\r\n    <OdsCard className={styles.filterWrapper}>\r\n      <ConfigProvider\r\n        theme={{\r\n          components: {\r\n            Form: {\r\n              itemMarginBottom: 16,\r\n              verticalLabelPadding: \"0 0 4px 0\",\r\n            },\r\n            Typography: {\r\n              titleMarginBottom: 0,\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <Form\r\n          form={props.form}\r\n          layout=\"vertical\"\r\n          className={`${styles.filterInner} ${showFilter ? styles.open : ''}`}\r\n        >\r\n          <Row gutter={[12, 12]} align=\"middle\">\r\n            <Col span={24} className={styles.filterTopWrapper}>\r\n              <div className={styles.filterTopInfo}>\r\n                <div className={styles.filterTopTitle}>\r\n                  <Title level={5}>{props.title}</Title>\r\n                </div>\r\n                <div className={`${styles.filterTagsWrapper} ${showFilter ? styles.hidden : ''}`}>\r\n                  {props.filterTag && props.filterTag.length > 0 && (\r\n                    <OdsFilterTagView\r\n                      preparedFilterTextViewJson={props.filterTag}\r\n                    ></OdsFilterTagView>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <ConfigProvider\r\n                theme={{\r\n                  components: {\r\n                    Button: {\r\n                      borderRadiusLG: 6,\r\n                    },\r\n                  },\r\n                }}\r\n              >\r\n                <div className={styles.filterTopActions}>\r\n                  {hasAdvancedFilters && (\r\n                    <OdsButton\r\n                      title=\"Advanced Search\"\r\n                      className={styles.advancedFilterButton}\r\n                      size=\"middle\"\r\n                      type=\"link\"\r\n                      icon={\r\n                        showAdvanceFilter ? (\r\n                          <UpArrow5Icon\r\n                            width={16}\r\n                            height={16}\r\n                            viewBox=\"0 0 24 24\"\r\n                          />\r\n                        ) : (\r\n                          <DownArrow5Icon\r\n                            width={16}\r\n                            height={16}\r\n                            viewBox=\"0 0 24 24\"\r\n                          />\r\n                        )\r\n                      }\r\n                      onClick={handleHideShowAdvancedFilter}\r\n                    >\r\n                      {props.buttonAdvancedSearchName}\r\n                    </OdsButton>\r\n                  )}\r\n                  {props.savedFilter}\r\n                  <OdsButton\r\n                    className={styles.toggleButton}\r\n                    size=\"large\"\r\n                    type=\"default\"\r\n                    icon={\r\n                      showFilter ? (\r\n                        <UpArrow5Icon\r\n                          width={16}\r\n                          height={16}\r\n                          viewBox=\"0 0 24 24\"\r\n                        />\r\n                      ) : (\r\n                        <DownArrow5Icon\r\n                          width={16}\r\n                          height={16}\r\n                          viewBox=\"0 0 24 24\"\r\n                        />\r\n                      )\r\n                    }\r\n                    onClick={handleHideShowFilter}\r\n                  />\r\n                </div>\r\n              </ConfigProvider>\r\n            </Col>\r\n          </Row>\r\n\r\n          <div className={`${styles.filterBodyWrapper} ${showFilter ? styles.open : ''}`}>\r\n            <div className={styles.filterBody}>\r\n              {hasTagFilter && <OdsTab items={props.tabs}></OdsTab>}\r\n\r\n              {hasFilterRow && props.filterRow}\r\n\r\n              {hasAdvancedFilters && (\r\n                <div\r\n                  className={`${styles.advancedFilterRowWrapper} ${showAdvanceFilter ? styles.open : ''}`}\r\n                  ref={advancedRef}\r\n                >\r\n                  <div className={styles.advancedFilterRow}>\r\n                    {props.advancedFilterRow}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              <div className={styles.filterActionButtonsWrapper}>\r\n                <OdsButton\r\n                  type=\"text\"\r\n                  onClick={onClearSearch}\r\n                  icon={\r\n                    <Loop1Icon width={16} height={16} viewBox=\"0 0 24 24\" />\r\n                  }\r\n                  className={styles.clearButton}\r\n                >\r\n                  {props.buttonClearAllName}\r\n                </OdsButton>\r\n                <OdsButton type=\"primary\" onClick={handleOnClickApply}>\r\n                  {props.buttonApplyName}\r\n                </OdsButton>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Form>\r\n      </ConfigProvider>\r\n    </OdsCard>\r\n  );\r\n};\r\n\r\nexport default OdsFilter;\r\n"],"names":["Title","Typography","OdsFilter","props","showFilter","setShowFilter","useState","advancedRef","React","showAdvanceFilter","setShowAdvanceFilter","hasAdvancedFilters","hasTagFilter","hasFilterRow","useEffect","handleHideShowFilter","handleHideShowAdvancedFilter","onClearSearch","checkFilterValues","findErrorIfAdvancedFilterHasError","handleOnClickApply","values","jsx","OdsCard","styles","ConfigProvider","jsxs","Form","Row","Col","OdsFilterTagView","OdsButton","UpArrow5Icon","DownArrow5Icon","OdsTab","Loop1Icon"],"mappings":"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"}

package/dist/components/filter/OdsFilterPlus.js

@@ -1,38 +1,34 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import K, { useState as w, useCallback as L, useEffect as p } from "react";
-import { o as d } from "../../_virtual/index.js";
-import P from "../antd/card/OdsCard.js";
+import K, { useState as w, useCallback as L, useEffect as C } from "react";
+import { ConfigProvider as k, Form as P, Row as d, Col as s, Typography as V } from "antd";
+import { o as h } from "../../_virtual/index.js";
+import j from "../antd/card/OdsCard.js";
 import F from "../antd/button/OdsButton.js";
-import V from "../antd/tab/OdsTab.js";
-import j from "./OdsFilterTagView.js";
+import q from "../antd/tab/OdsTab.js";
+import M from "./OdsFilterTagView.js";
 import t from "./stylesPlus.module.scss.js";
-import k from "../../node_modules/antd/es/config-provider/index.js";
-import M from "../../node_modules/antd/es/form/index.js";
-import s from "../../node_modules/antd/es/grid/col.js";
-import h from "../../node_modules/antd/es/grid/row.js";
-import U from "../../node_modules/antd/es/typography/index.js";
-const { Title: _ } = U, ae = (i) => {
-  const { isAdvancedSearchEnabled: C = !0 } = i, [m, x] = w("1"), f = K.createRef(), [c, B] = w(!0), [y, R] = w(), I = C ? i.filterRow?.slice(0, 6) : i.filterRow;
-  let N = C ? i.filterRow?.slice(6) : null;
-  const a = I?.length <= 4, [o, v] = w(
+const { Title: U } = V, le = (i) => {
+  const { isAdvancedSearchEnabled: B = !0 } = i, [m, x] = w("1"), f = K.createRef(), [c, I] = w(!0), [y, R] = w(), p = B ? i.filterRow?.slice(0, 6) : i.filterRow;
+  let N = B ? i.filterRow?.slice(6) : null;
+  const a = p?.length <= 4, [o, v] = w(
     !i.advancedFilterClosed
   ), u = L(
     ({ isDisplayInline: l }) => l ? { xs: 12, md: 6 } : { xs: 24, sm: 12, md: 8, lg: 4 },
     []
   ), T = i.tabs !== void 0, b = i.filterRow !== void 0;
-  p(() => {
+  C(() => {
     R(
       N !== void 0 && N?.length > 0
     );
-  }, []), p(() => {
+  }, []), C(() => {
     i.filterTag && i.filterTag?.length > 0 && S();
   }, [i.filterTag]);
   const $ = () => {
-    c ? v(!o) : (B(!0), setTimeout(() => {
+    c ? v(!o) : (I(!0), setTimeout(() => {
       v(!o);
     }, 200));
   }, S = () => {
-    v(!1), B(!c);
+    v(!1), I(!c);
   }, W = () => {
     i.onClickClear && i.onClickClear();
   }, z = async () => {
@@ -49,7 +45,7 @@ const { Title: _ } = U, ae = (i) => {
     const l = await z();
     y && await D(), l ? i.onFinish && i.onFinish(l) : i.onFinishFailed && i.onFinishFailed();
   };
-  p(() => {
+  C(() => {
     const l = i.tabs?.find((n) => n.key === m);
     l && R(
       l.isAdvanceSearchEnable !== !1 && l.children.length > 5
@@ -63,14 +59,14 @@ const { Title: _ } = U, ae = (i) => {
       {
         type: "text",
         onClick: W,
-        icon: /* @__PURE__ */ e(d.Loop1Icon, { width: 16, height: 16, viewBox: "0 0 24 24" }),
+        icon: /* @__PURE__ */ e(h.Loop1Icon, { width: 16, height: 16, viewBox: "0 0 24 24" }),
         className: t.clearButton,
         children: i.buttonClearAllName
       }
     ),
     /* @__PURE__ */ e(F, { type: "primary", onClick: E, children: i.buttonApplyName })
   ] });
-  return /* @__PURE__ */ e(P, { className: t.filterWrapper, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(j, { className: t.filterWrapper, children: /* @__PURE__ */ e(
     k,
     {
       theme: {
@@ -85,17 +81,17 @@ const { Title: _ } = U, ae = (i) => {
         }
       },
       children: /* @__PURE__ */ r(
-        M,
+        P,
         {
           form: i.form,
           layout: "vertical",
           className: `${t.filterInner} ${c ? t.open : ""}`,
           children: [
-            /* @__PURE__ */ e(h, { gutter: [12, 12], align: "middle", children: /* @__PURE__ */ r(s, { span: 24, className: t.filterTopWrapper, children: [
+            /* @__PURE__ */ e(d, { gutter: [12, 12], align: "middle", children: /* @__PURE__ */ r(s, { span: 24, className: t.filterTopWrapper, children: [
               /* @__PURE__ */ r("div", { className: t.filterTopInfo, children: [
-                /* @__PURE__ */ e("div", { className: t.filterTopTitle, children: /* @__PURE__ */ e(_, { level: 5, children: i.title }) }),
+                /* @__PURE__ */ e("div", { className: t.filterTopTitle, children: /* @__PURE__ */ e(U, { level: 5, children: i.title }) }),
                 /* @__PURE__ */ e("div", { className: `${t.filterTagsWrapper} ${c ? t.hidden : ""}`, children: i.filterTag && i.filterTag.length > 0 && /* @__PURE__ */ e(
-                  j,
+                  M,
                   {
                     preparedFilterTextViewJson: i.filterTag
                   }
@@ -120,14 +116,14 @@ const { Title: _ } = U, ae = (i) => {
                         size: "middle",
                         type: "link",
                         icon: o ? /* @__PURE__ */ e(
-                          d.UpArrow5Icon,
+                          h.UpArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ) : /* @__PURE__ */ e(
-                          d.DownArrow5Icon,
+                          h.DownArrow5Icon,
                           {
                             width: 16,
                             height: 16,
@@ -146,14 +142,14 @@ const { Title: _ } = U, ae = (i) => {
                         size: "large",
                         type: "default",
                         icon: c ? /* @__PURE__ */ e(
-                          d.UpArrow5Icon,
+                          h.UpArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ) : /* @__PURE__ */ e(
-                          d.DownArrow5Icon,
+                          h.DownArrow5Icon,
                           {
                             width: 16,
                             height: 16,
@@ -170,14 +166,14 @@ const { Title: _ } = U, ae = (i) => {
             /* @__PURE__ */ e("div", { className: `${t.filterBodyWrapper} ${c ? t.open : ""}`, children: /* @__PURE__ */ r("div", { className: t.filterBody, children: [
               T && /* @__PURE__ */ r("div", { className: a ? t.filterInlineDisplayWrapper : "", children: [
                 /* @__PURE__ */ e(
-                  V,
+                  q,
                   {
                     activeKey: m,
                     onChange: O,
                     items: i.tabs.map((l) => ({
                       key: l.key,
                       label: l.label,
-                      children: /* @__PURE__ */ e(h, { gutter: [12, 16], align: "top", children: l.children ? l.children.slice(0, 6).map((n, g) => /* @__PURE__ */ e(
+                      children: /* @__PURE__ */ e(d, { gutter: [12, 16], align: "top", children: l.children ? l.children.slice(0, 6).map((n, g) => /* @__PURE__ */ e(
                         s,
                         {
                           xs: 24,
@@ -205,7 +201,7 @@ const { Title: _ } = U, ae = (i) => {
                       "div",
                       {
                         className: t.advancedFilterRowInner,
-                        children: /* @__PURE__ */ e("div", { className: t.advancedFilterRow, children: /* @__PURE__ */ e(h, { gutter: [12, 16], align: "top", children: i.tabs.map((l) => l.key === m && l.children ? l.children.slice(6).map((g, H) => /* @__PURE__ */ e(
+                        children: /* @__PURE__ */ e("div", { className: t.advancedFilterRow, children: /* @__PURE__ */ e(d, { gutter: [12, 16], align: "top", children: i.tabs.map((l) => l.key === m && l.children ? l.children.slice(6).map((g, H) => /* @__PURE__ */ e(
                           s,
                           {
                             ...g.colSize || u({}),
@@ -220,7 +216,7 @@ const { Title: _ } = U, ae = (i) => {
                 a && /* @__PURE__ */ e(A, {})
               ] }),
               b && !T && /* @__PURE__ */ r("div", { className: a ? t.filterInlineDisplayWrapper : "", children: [
-                /* @__PURE__ */ e(h, { gutter: [12, 16], align: "top", children: I.map((l, n) => /* @__PURE__ */ e(
+                /* @__PURE__ */ e(d, { gutter: [12, 16], align: "top", children: p.map((l, n) => /* @__PURE__ */ e(
                   s,
                   {
                     ...l.colSize || u({
@@ -237,7 +233,7 @@ const { Title: _ } = U, ae = (i) => {
                 {
                   className: `${t.advancedFilterRowWrapper} ${o ? t.open : ""}`,
                   ref: f,
-                  children: /* @__PURE__ */ e("div", { className: t.advancedFilterRowInner, children: /* @__PURE__ */ e("div", { className: t.advancedFilterRow, children: /* @__PURE__ */ e(h, { gutter: [12, 16], align: "top", children: N?.map((l, n) => /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ e("div", { className: t.advancedFilterRowInner, children: /* @__PURE__ */ e("div", { className: t.advancedFilterRow, children: /* @__PURE__ */ e(d, { gutter: [12, 16], align: "top", children: N?.map((l, n) => /* @__PURE__ */ e(
                     s,
                     {
                       ...l.colSize || u({}),
@@ -256,6 +252,6 @@ const { Title: _ } = U, ae = (i) => {
   ) });
 };
 export {
-  ae as default
+  le as default
 };
 //# sourceMappingURL=OdsFilterPlus.js.map

package/dist/components/filter/OdsFilterPlus.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsFilterPlus.js","sources":["../../../src/components/filter/OdsFilterPlus.tsx"],"sourcesContent":["import React, { PropsWithChildren, useCallback, useEffect, useState, type JSX } from \"react\";\r\nimport { Col, ConfigProvider, Form, FormInstance, Row, Typography } from \"antd\";\r\nimport { Loop1Icon } from \"ods-icon/react/24/outline\";\r\nimport { DownArrow5Icon, UpArrow5Icon } from \"ods-icon/react/24/outline\";\r\nimport OdsCard from \"../antd/card/OdsCard\";\r\nimport OdsButton from \"../antd/button/OdsButton\";\r\nimport OdsTab from \"../antd/tab/OdsTab\";\r\nimport OdsFilterTagView from \"./OdsFilterTagView\";\r\nimport styles from \"./stylesPlus.module.scss\";\r\n\r\nconst { Title } = Typography;\r\n\r\nexport interface FilterProps {\r\n  filterTag?: any[];\r\n  tabs?: any[];\r\n  form: FormInstance<any>;\r\n  savedFilter?: React.ReactNode;\r\n  filterRow?: {\r\n    element: JSX.Element;\r\n    colSize?: { xs: number; sm: number; md: number; lg: number };\r\n    name?: string;\r\n  }[];\r\n\r\n  title: string;\r\n  buttonClearAllName: string;\r\n  buttonApplyName: string;\r\n\r\n  isAdvancedSearchEnabled?: boolean;\r\n  buttonAdvancedSearchName?: string;\r\n  advancedFilterClosed?: boolean;\r\n\r\n  onFinish?: (values: any) => void;\r\n  onFinishFailed?: () => void;\r\n  onClickClear?: () => void;\r\n}\r\n\r\nconst OdsFilterPlus = (props: PropsWithChildren<FilterProps>) => {\r\n  const { isAdvancedSearchEnabled = true } = props;\r\n\r\n  const [activeTabKey, setActiveTabKey] = useState(\"1\");\r\n\r\n  const advancedRef = React.createRef<HTMLDivElement>();\r\n\r\n  const [showFilter, setShowFilter] = useState(true);\r\n\r\n  const [hasAdvancedFilters, setHasAdvancedFilters] = useState<boolean>();\r\n\r\n  const filterRow = isAdvancedSearchEnabled\r\n    ? props.filterRow?.slice(0, 6)\r\n    : props.filterRow;\r\n\r\n  let advanceFilterRow = isAdvancedSearchEnabled\r\n    ? props.filterRow?.slice(6)\r\n    : null;\r\n\r\n  const shouldDisplayButtonsInline = filterRow?.length <= 4;\r\n\r\n  const [showAdvanceFilter, setShowAdvanceFilter] = useState(\r\n    !props.advancedFilterClosed\r\n  );\r\n\r\n  const defaultColSize = useCallback(\r\n    ({ isDisplayInline }: { isDisplayInline?: boolean }) => {\r\n      return isDisplayInline\r\n        ? { xs: 12, md: 6 }\r\n        : { xs: 24, sm: 12, md: 8, lg: 4 };\r\n    },\r\n    []\r\n  );\r\n\r\n  const hasTabFilter = props.tabs !== undefined;\r\n  const hasFilterRow = props.filterRow !== undefined;\r\n\r\n  useEffect(() => {\r\n    setHasAdvancedFilters(\r\n      advanceFilterRow !== undefined && advanceFilterRow?.length > 0\r\n    );\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (props.filterTag && props.filterTag?.length > 0) handleHideShowFilter();\r\n  }, [props.filterTag]);\r\n\r\n  const handleHideShowAdvancedFilter = () => {\r\n    if (!showFilter) {\r\n      setShowFilter(true);\r\n\r\n      setTimeout(() => {\r\n        setShowAdvanceFilter(!showAdvanceFilter);\r\n      }, 200);\r\n    } else {\r\n      setShowAdvanceFilter(!showAdvanceFilter);\r\n    }\r\n  };\r\n\r\n  const handleHideShowFilter = () => {\r\n    setShowAdvanceFilter(false);\r\n    setShowFilter(!showFilter);\r\n  };\r\n\r\n  const onClearSearch = () => {\r\n    if (props.onClickClear) {\r\n      props.onClickClear();\r\n    }\r\n  };\r\n\r\n  const checkFilterValues = async () => {\r\n    try {\r\n      return await props.form.validateFields();\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  const findErrorIfAdvancedFilterHasError = async () => {\r\n    if (advancedRef.current) {\r\n      const errorItems = advancedRef.current.querySelectorAll(\r\n        \".ant-form-item-has-error\"\r\n      );\r\n\r\n      if (errorItems?.length > 0) {\r\n        setShowAdvanceFilter(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleOnClickApply = async () => {\r\n    const values = await checkFilterValues();\r\n\r\n    if (hasAdvancedFilters) {\r\n      await findErrorIfAdvancedFilterHasError();\r\n    }\r\n\r\n    if (values) {\r\n      if (props.onFinish) {\r\n        props.onFinish(values);\r\n      }\r\n    } else {\r\n      props.onFinishFailed && props.onFinishFailed();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    const selectedTab = props.tabs?.find((tab) => tab.key === activeTabKey);\r\n    if (selectedTab) {\r\n      setHasAdvancedFilters(\r\n        selectedTab.isAdvanceSearchEnable !== false &&\r\n          selectedTab.children.length > 5\r\n      );\r\n    }\r\n  }, [activeTabKey, props.tabs]);\r\n\r\n  const onTabChange = (key: string) => {\r\n    setActiveTabKey(key);\r\n  };\r\n\r\n  const ActionButtons = () => (\r\n    <div className={styles.filterActionButtons}>\r\n      <OdsButton\r\n        type=\"text\"\r\n        onClick={onClearSearch}\r\n        icon={<Loop1Icon width={16} height={16} viewBox=\"0 0 24 24\" />}\r\n        className={styles.clearButton}\r\n      >\r\n        {props.buttonClearAllName}\r\n      </OdsButton>\r\n      <OdsButton type=\"primary\" onClick={handleOnClickApply}>\r\n        {props.buttonApplyName}\r\n      </OdsButton>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <OdsCard className={styles.filterWrapper}>\r\n      <ConfigProvider\r\n        theme={{\r\n          components: {\r\n            Form: {\r\n              itemMarginBottom: 0,\r\n              verticalLabelPadding: \"0 0 4px 0\",\r\n            },\r\n            Typography: {\r\n              titleMarginBottom: 0,\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <Form\r\n          form={props.form}\r\n          layout=\"vertical\"\r\n          className={`${styles.filterInner} ${showFilter ? styles.open : ''}`}\r\n        >\r\n          <Row gutter={[12, 12]} align=\"middle\">\r\n            <Col span={24} className={styles.filterTopWrapper}>\r\n              <div className={styles.filterTopInfo}>\r\n                <div className={styles.filterTopTitle}>\r\n                  <Title level={5}>{props.title}</Title>\r\n                </div>\r\n                <div className={`${styles.filterTagsWrapper} ${showFilter ? styles.hidden : ''}`}>\r\n                  {props.filterTag && props.filterTag.length > 0 && (\r\n                    <OdsFilterTagView\r\n                      preparedFilterTextViewJson={props.filterTag}\r\n                    ></OdsFilterTagView>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <ConfigProvider\r\n                theme={{\r\n                  components: {\r\n                    Button: {\r\n                      borderRadiusLG: 6,\r\n                    },\r\n                  },\r\n                }}\r\n              >\r\n                <div className={styles.filterTopActions}>\r\n                  {hasAdvancedFilters && (\r\n                    <OdsButton\r\n                      title=\"Advanced Search\"\r\n                      className={styles.advancedFilterButton}\r\n                      size=\"middle\"\r\n                      type=\"link\"\r\n                      icon={\r\n                        showAdvanceFilter ? (\r\n                          <UpArrow5Icon\r\n                            width={16}\r\n                            height={16}\r\n                            viewBox=\"0 0 24 24\"\r\n                          />\r\n                        ) : (\r\n                          <DownArrow5Icon\r\n                            width={16}\r\n                            height={16}\r\n                            viewBox=\"0 0 24 24\"\r\n                          />\r\n                        )\r\n                      }\r\n                      onClick={handleHideShowAdvancedFilter}\r\n                    >\r\n                      {props.buttonAdvancedSearchName}\r\n                    </OdsButton>\r\n                  )}\r\n                  {props.savedFilter}\r\n                  <OdsButton\r\n                    className={styles.toggleButton}\r\n                    size=\"large\"\r\n                    type=\"default\"\r\n                    icon={\r\n                      showFilter ? (\r\n                        <UpArrow5Icon\r\n                          width={16}\r\n                          height={16}\r\n                          viewBox=\"0 0 24 24\"\r\n                        />\r\n                      ) : (\r\n                        <DownArrow5Icon\r\n                          width={16}\r\n                          height={16}\r\n                          viewBox=\"0 0 24 24\"\r\n                        />\r\n                      )\r\n                    }\r\n                    onClick={handleHideShowFilter}\r\n                  />\r\n                </div>\r\n              </ConfigProvider>\r\n            </Col>\r\n          </Row>\r\n          <div className={`${styles.filterBodyWrapper} ${showFilter ? styles.open : ''}`}>\r\n            <div className={styles.filterBody}>\r\n              {hasTabFilter && (\r\n                <div className={shouldDisplayButtonsInline ? styles.filterInlineDisplayWrapper : ''}>\r\n                  <OdsTab\r\n                    activeKey={activeTabKey}\r\n                    onChange={onTabChange}\r\n                    items={props.tabs.map((tab) => ({\r\n                      key: tab.key,\r\n                      label: tab.label,\r\n                      children: (\r\n                        <Row gutter={[12, 16]} key={tab.key} align=\"top\">\r\n                          {tab.children\r\n                            ? tab.children\r\n                                .slice(0, 6)\r\n                                .map((filterRow: any, index: number) => (\r\n                                  <Col\r\n                                    key={index}\r\n                                    xs={24}\r\n                                    sm={12}\r\n                                    md={8}\r\n                                    lg={4}\r\n                                    {...(filterRow.colSize ||\r\n                                      defaultColSize({\r\n                                        isDisplayInline:\r\n                                          shouldDisplayButtonsInline,\r\n                                      }))}\r\n                                  >\r\n                                    {filterRow.element}\r\n                                  </Col>\r\n                                ))\r\n                            : null}\r\n                        </Row>\r\n                      ),\r\n                      icon: tab.icon,\r\n                    }))}\r\n                  />{\" \"}\r\n                  <div\r\n                    className={`${styles.advancedFilterRowWrapper} ${showAdvanceFilter ? styles.open : ''}`}\r\n                    ref={advancedRef}\r\n                  >\r\n                    <div\r\n                      className={styles.advancedFilterRowInner}\r\n                    >\r\n                      <div className={styles.advancedFilterRow}>\r\n                        <Row gutter={[12, 16]} align=\"top\">\r\n                          {props.tabs.map((tab) => {\r\n                            if (tab.key === activeTabKey && tab.children) {\r\n                              const additionalRows = tab.children\r\n                                .slice(6)\r\n                                .map((filterRow, rowIndex) => (\r\n                                  <Col\r\n                                    key={rowIndex}\r\n                                    {...(filterRow.colSize ||\r\n                                      defaultColSize({}))}\r\n                                  >\r\n                                    {filterRow.element}\r\n                                  </Col>\r\n                                ));\r\n                              return additionalRows;\r\n                            }\r\n                            return null;\r\n                          })}\r\n                        </Row>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  {shouldDisplayButtonsInline && <ActionButtons />}\r\n                </div>\r\n              )}\r\n\r\n              {hasFilterRow && !hasTabFilter && (\r\n                <div className={shouldDisplayButtonsInline ? styles.filterInlineDisplayWrapper : ''}>\r\n                  <Row gutter={[12, 16]} align=\"top\">\r\n                    {filterRow.map((item, index) => (\r\n                      <Col\r\n                        key={index}\r\n                        {...(item.colSize ||\r\n                          defaultColSize({\r\n                            isDisplayInline: shouldDisplayButtonsInline,\r\n                          }))}\r\n                      >\r\n                        {item.element}\r\n                      </Col>\r\n                    ))}\r\n                  </Row>\r\n                  {shouldDisplayButtonsInline && <ActionButtons />}\r\n                </div>\r\n              )}\r\n\r\n              {hasAdvancedFilters && !hasTabFilter && (\r\n                <div\r\n                  className={`${styles.advancedFilterRowWrapper} ${showAdvanceFilter ? styles.open : ''}`}\r\n                  ref={advancedRef}\r\n                >\r\n                  <div className={styles.advancedFilterRowInner}>\r\n                    <div className={styles.advancedFilterRow}>\r\n                      <Row gutter={[12, 16]} align=\"top\">\r\n                        {advanceFilterRow?.map((item, index) => (\r\n                          <Col\r\n                            key={index}\r\n                            {...(item.colSize || defaultColSize({}))}\r\n                          >\r\n                            {item.element}\r\n                          </Col>\r\n                        ))}\r\n                      </Row>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {!shouldDisplayButtonsInline && (\r\n                <div className={styles.filterActionButtonsWrapper}>\r\n                  <ActionButtons />\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </Form>\r\n      </ConfigProvider>\r\n    </OdsCard>\r\n  );\r\n};\r\n\r\nexport default OdsFilterPlus;"],"names":["Title","Typography","OdsFilterPlus","props","isAdvancedSearchEnabled","activeTabKey","setActiveTabKey","useState","advancedRef","React","showFilter","setShowFilter","hasAdvancedFilters","setHasAdvancedFilters","filterRow","advanceFilterRow","shouldDisplayButtonsInline","showAdvanceFilter","setShowAdvanceFilter","defaultColSize","useCallback","isDisplayInline","hasTabFilter","hasFilterRow","useEffect","handleHideShowFilter","handleHideShowAdvancedFilter","onClearSearch","checkFilterValues","findErrorIfAdvancedFilterHasError","handleOnClickApply","values","selectedTab","tab","onTabChange","key","ActionButtons","jsxs","styles","jsx","OdsButton","Loop1Icon","OdsCard","ConfigProvider","Form","Row","Col","OdsFilterTagView","UpArrow5Icon","DownArrow5Icon","OdsTab","index","rowIndex","item"],"mappings":"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"}
+{"version":3,"file":"OdsFilterPlus.js","sources":["../../../src/components/filter/OdsFilterPlus.tsx"],"sourcesContent":["import React, { PropsWithChildren, useCallback, useEffect, useState, type JSX } from \"react\";\r\nimport { Col, ConfigProvider, Form, FormInstance, Row, Typography } from \"antd\";\r\nimport { Loop1Icon } from \"ods-icon/react/24/outline\";\r\nimport { DownArrow5Icon, UpArrow5Icon } from \"ods-icon/react/24/outline\";\r\nimport OdsCard from \"../antd/card/OdsCard\";\r\nimport OdsButton from \"../antd/button/OdsButton\";\r\nimport OdsTab from \"../antd/tab/OdsTab\";\r\nimport OdsFilterTagView from \"./OdsFilterTagView\";\r\nimport styles from \"./stylesPlus.module.scss\";\r\n\r\nconst { Title } = Typography;\r\n\r\nexport interface FilterProps {\r\n  filterTag?: any[];\r\n  tabs?: any[];\r\n  form: FormInstance<any>;\r\n  savedFilter?: React.ReactNode;\r\n  filterRow?: {\r\n    element: JSX.Element;\r\n    colSize?: { xs: number; sm: number; md: number; lg: number };\r\n    name?: string;\r\n  }[];\r\n\r\n  title: string;\r\n  buttonClearAllName: string;\r\n  buttonApplyName: string;\r\n\r\n  isAdvancedSearchEnabled?: boolean;\r\n  buttonAdvancedSearchName?: string;\r\n  advancedFilterClosed?: boolean;\r\n\r\n  onFinish?: (values: any) => void;\r\n  onFinishFailed?: () => void;\r\n  onClickClear?: () => void;\r\n}\r\n\r\nconst OdsFilterPlus = (props: PropsWithChildren<FilterProps>) => {\r\n  const { isAdvancedSearchEnabled = true } = props;\r\n\r\n  const [activeTabKey, setActiveTabKey] = useState(\"1\");\r\n\r\n  const advancedRef = React.createRef<HTMLDivElement>();\r\n\r\n  const [showFilter, setShowFilter] = useState(true);\r\n\r\n  const [hasAdvancedFilters, setHasAdvancedFilters] = useState<boolean>();\r\n\r\n  const filterRow = isAdvancedSearchEnabled\r\n    ? props.filterRow?.slice(0, 6)\r\n    : props.filterRow;\r\n\r\n  let advanceFilterRow = isAdvancedSearchEnabled\r\n    ? props.filterRow?.slice(6)\r\n    : null;\r\n\r\n  const shouldDisplayButtonsInline = filterRow?.length <= 4;\r\n\r\n  const [showAdvanceFilter, setShowAdvanceFilter] = useState(\r\n    !props.advancedFilterClosed\r\n  );\r\n\r\n  const defaultColSize = useCallback(\r\n    ({ isDisplayInline }: { isDisplayInline?: boolean }) => {\r\n      return isDisplayInline\r\n        ? { xs: 12, md: 6 }\r\n        : { xs: 24, sm: 12, md: 8, lg: 4 };\r\n    },\r\n    []\r\n  );\r\n\r\n  const hasTabFilter = props.tabs !== undefined;\r\n  const hasFilterRow = props.filterRow !== undefined;\r\n\r\n  useEffect(() => {\r\n    setHasAdvancedFilters(\r\n      advanceFilterRow !== undefined && advanceFilterRow?.length > 0\r\n    );\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (props.filterTag && props.filterTag?.length > 0) handleHideShowFilter();\r\n  }, [props.filterTag]);\r\n\r\n  const handleHideShowAdvancedFilter = () => {\r\n    if (!showFilter) {\r\n      setShowFilter(true);\r\n\r\n      setTimeout(() => {\r\n        setShowAdvanceFilter(!showAdvanceFilter);\r\n      }, 200);\r\n    } else {\r\n      setShowAdvanceFilter(!showAdvanceFilter);\r\n    }\r\n  };\r\n\r\n  const handleHideShowFilter = () => {\r\n    setShowAdvanceFilter(false);\r\n    setShowFilter(!showFilter);\r\n  };\r\n\r\n  const onClearSearch = () => {\r\n    if (props.onClickClear) {\r\n      props.onClickClear();\r\n    }\r\n  };\r\n\r\n  const checkFilterValues = async () => {\r\n    try {\r\n      return await props.form.validateFields();\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  const findErrorIfAdvancedFilterHasError = async () => {\r\n    if (advancedRef.current) {\r\n      const errorItems = advancedRef.current.querySelectorAll(\r\n        \".ant-form-item-has-error\"\r\n      );\r\n\r\n      if (errorItems?.length > 0) {\r\n        setShowAdvanceFilter(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleOnClickApply = async () => {\r\n    const values = await checkFilterValues();\r\n\r\n    if (hasAdvancedFilters) {\r\n      await findErrorIfAdvancedFilterHasError();\r\n    }\r\n\r\n    if (values) {\r\n      if (props.onFinish) {\r\n        props.onFinish(values);\r\n      }\r\n    } else {\r\n      props.onFinishFailed && props.onFinishFailed();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    const selectedTab = props.tabs?.find((tab) => tab.key === activeTabKey);\r\n    if (selectedTab) {\r\n      setHasAdvancedFilters(\r\n        selectedTab.isAdvanceSearchEnable !== false &&\r\n          selectedTab.children.length > 5\r\n      );\r\n    }\r\n  }, [activeTabKey, props.tabs]);\r\n\r\n  const onTabChange = (key: string) => {\r\n    setActiveTabKey(key);\r\n  };\r\n\r\n  const ActionButtons = () => (\r\n    <div className={styles.filterActionButtons}>\r\n      <OdsButton\r\n        type=\"text\"\r\n        onClick={onClearSearch}\r\n        icon={<Loop1Icon width={16} height={16} viewBox=\"0 0 24 24\" />}\r\n        className={styles.clearButton}\r\n      >\r\n        {props.buttonClearAllName}\r\n      </OdsButton>\r\n      <OdsButton type=\"primary\" onClick={handleOnClickApply}>\r\n        {props.buttonApplyName}\r\n      </OdsButton>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <OdsCard className={styles.filterWrapper}>\r\n      <ConfigProvider\r\n        theme={{\r\n          components: {\r\n            Form: {\r\n              itemMarginBottom: 0,\r\n              verticalLabelPadding: \"0 0 4px 0\",\r\n            },\r\n            Typography: {\r\n              titleMarginBottom: 0,\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <Form\r\n          form={props.form}\r\n          layout=\"vertical\"\r\n          className={`${styles.filterInner} ${showFilter ? styles.open : ''}`}\r\n        >\r\n          <Row gutter={[12, 12]} align=\"middle\">\r\n            <Col span={24} className={styles.filterTopWrapper}>\r\n              <div className={styles.filterTopInfo}>\r\n                <div className={styles.filterTopTitle}>\r\n                  <Title level={5}>{props.title}</Title>\r\n                </div>\r\n                <div className={`${styles.filterTagsWrapper} ${showFilter ? styles.hidden : ''}`}>\r\n                  {props.filterTag && props.filterTag.length > 0 && (\r\n                    <OdsFilterTagView\r\n                      preparedFilterTextViewJson={props.filterTag}\r\n                    ></OdsFilterTagView>\r\n                  )}\r\n                </div>\r\n              </div>\r\n              <ConfigProvider\r\n                theme={{\r\n                  components: {\r\n                    Button: {\r\n                      borderRadiusLG: 6,\r\n                    },\r\n                  },\r\n                }}\r\n              >\r\n                <div className={styles.filterTopActions}>\r\n                  {hasAdvancedFilters && (\r\n                    <OdsButton\r\n                      title=\"Advanced Search\"\r\n                      className={styles.advancedFilterButton}\r\n                      size=\"middle\"\r\n                      type=\"link\"\r\n                      icon={\r\n                        showAdvanceFilter ? (\r\n                          <UpArrow5Icon\r\n                            width={16}\r\n                            height={16}\r\n                            viewBox=\"0 0 24 24\"\r\n                          />\r\n                        ) : (\r\n                          <DownArrow5Icon\r\n                            width={16}\r\n                            height={16}\r\n                            viewBox=\"0 0 24 24\"\r\n                          />\r\n                        )\r\n                      }\r\n                      onClick={handleHideShowAdvancedFilter}\r\n                    >\r\n                      {props.buttonAdvancedSearchName}\r\n                    </OdsButton>\r\n                  )}\r\n                  {props.savedFilter}\r\n                  <OdsButton\r\n                    className={styles.toggleButton}\r\n                    size=\"large\"\r\n                    type=\"default\"\r\n                    icon={\r\n                      showFilter ? (\r\n                        <UpArrow5Icon\r\n                          width={16}\r\n                          height={16}\r\n                          viewBox=\"0 0 24 24\"\r\n                        />\r\n                      ) : (\r\n                        <DownArrow5Icon\r\n                          width={16}\r\n                          height={16}\r\n                          viewBox=\"0 0 24 24\"\r\n                        />\r\n                      )\r\n                    }\r\n                    onClick={handleHideShowFilter}\r\n                  />\r\n                </div>\r\n              </ConfigProvider>\r\n            </Col>\r\n          </Row>\r\n          <div className={`${styles.filterBodyWrapper} ${showFilter ? styles.open : ''}`}>\r\n            <div className={styles.filterBody}>\r\n              {hasTabFilter && (\r\n                <div className={shouldDisplayButtonsInline ? styles.filterInlineDisplayWrapper : ''}>\r\n                  <OdsTab\r\n                    activeKey={activeTabKey}\r\n                    onChange={onTabChange}\r\n                    items={props.tabs.map((tab) => ({\r\n                      key: tab.key,\r\n                      label: tab.label,\r\n                      children: (\r\n                        <Row gutter={[12, 16]} key={tab.key} align=\"top\">\r\n                          {tab.children\r\n                            ? tab.children\r\n                                .slice(0, 6)\r\n                                .map((filterRow: any, index: number) => (\r\n                                  <Col\r\n                                    key={index}\r\n                                    xs={24}\r\n                                    sm={12}\r\n                                    md={8}\r\n                                    lg={4}\r\n                                    {...(filterRow.colSize ||\r\n                                      defaultColSize({\r\n                                        isDisplayInline:\r\n                                          shouldDisplayButtonsInline,\r\n                                      }))}\r\n                                  >\r\n                                    {filterRow.element}\r\n                                  </Col>\r\n                                ))\r\n                            : null}\r\n                        </Row>\r\n                      ),\r\n                      icon: tab.icon,\r\n                    }))}\r\n                  />{\" \"}\r\n                  <div\r\n                    className={`${styles.advancedFilterRowWrapper} ${showAdvanceFilter ? styles.open : ''}`}\r\n                    ref={advancedRef}\r\n                  >\r\n                    <div\r\n                      className={styles.advancedFilterRowInner}\r\n                    >\r\n                      <div className={styles.advancedFilterRow}>\r\n                        <Row gutter={[12, 16]} align=\"top\">\r\n                          {props.tabs.map((tab) => {\r\n                            if (tab.key === activeTabKey && tab.children) {\r\n                              const additionalRows = tab.children\r\n                                .slice(6)\r\n                                .map((filterRow, rowIndex) => (\r\n                                  <Col\r\n                                    key={rowIndex}\r\n                                    {...(filterRow.colSize ||\r\n                                      defaultColSize({}))}\r\n                                  >\r\n                                    {filterRow.element}\r\n                                  </Col>\r\n                                ));\r\n                              return additionalRows;\r\n                            }\r\n                            return null;\r\n                          })}\r\n                        </Row>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  {shouldDisplayButtonsInline && <ActionButtons />}\r\n                </div>\r\n              )}\r\n\r\n              {hasFilterRow && !hasTabFilter && (\r\n                <div className={shouldDisplayButtonsInline ? styles.filterInlineDisplayWrapper : ''}>\r\n                  <Row gutter={[12, 16]} align=\"top\">\r\n                    {filterRow.map((item, index) => (\r\n                      <Col\r\n                        key={index}\r\n                        {...(item.colSize ||\r\n                          defaultColSize({\r\n                            isDisplayInline: shouldDisplayButtonsInline,\r\n                          }))}\r\n                      >\r\n                        {item.element}\r\n                      </Col>\r\n                    ))}\r\n                  </Row>\r\n                  {shouldDisplayButtonsInline && <ActionButtons />}\r\n                </div>\r\n              )}\r\n\r\n              {hasAdvancedFilters && !hasTabFilter && (\r\n                <div\r\n                  className={`${styles.advancedFilterRowWrapper} ${showAdvanceFilter ? styles.open : ''}`}\r\n                  ref={advancedRef}\r\n                >\r\n                  <div className={styles.advancedFilterRowInner}>\r\n                    <div className={styles.advancedFilterRow}>\r\n                      <Row gutter={[12, 16]} align=\"top\">\r\n                        {advanceFilterRow?.map((item, index) => (\r\n                          <Col\r\n                            key={index}\r\n                            {...(item.colSize || defaultColSize({}))}\r\n                          >\r\n                            {item.element}\r\n                          </Col>\r\n                        ))}\r\n                      </Row>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {!shouldDisplayButtonsInline && (\r\n                <div className={styles.filterActionButtonsWrapper}>\r\n                  <ActionButtons />\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </Form>\r\n      </ConfigProvider>\r\n    </OdsCard>\r\n  );\r\n};\r\n\r\nexport default OdsFilterPlus;"],"names":["Title","Typography","OdsFilterPlus","props","isAdvancedSearchEnabled","activeTabKey","setActiveTabKey","useState","advancedRef","React","showFilter","setShowFilter","hasAdvancedFilters","setHasAdvancedFilters","filterRow","advanceFilterRow","shouldDisplayButtonsInline","showAdvanceFilter","setShowAdvanceFilter","defaultColSize","useCallback","isDisplayInline","hasTabFilter","hasFilterRow","useEffect","handleHideShowFilter","handleHideShowAdvancedFilter","onClearSearch","checkFilterValues","findErrorIfAdvancedFilterHasError","handleOnClickApply","values","selectedTab","tab","onTabChange","key","ActionButtons","jsxs","styles","jsx","OdsButton","Loop1Icon","OdsCard","ConfigProvider","Form","Row","Col","OdsFilterTagView","UpArrow5Icon","DownArrow5Icon","OdsTab","index","rowIndex","item"],"mappings":"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"}

package/dist/components/filter/OdsFilterTagView.js

@@ -1,23 +1,21 @@
 import { jsx as l } from "react/jsx-runtime";
-import s, { useState as d, useEffect as f } from "react";
-import c from "./styles.module.scss.js";
-import g from "../../node_modules/antd/es/config-provider/index.js";
-import a from "../../node_modules/antd/es/menu/index.js";
-import h from "../../node_modules/antd/es/tag/index.js";
-const y = ({ preparedFilterTextViewJson: n }) => {
-  const i = c, [m, o] = d([]);
+import o, { useState as d, useEffect as f } from "react";
+import { ConfigProvider as c, Menu as a, Tag as g } from "antd";
+import h from "./styles.module.scss.js";
+const M = ({ preparedFilterTextViewJson: r }) => {
+  const i = h, [u, m] = d([]);
   return f(() => {
-    const e = n.map((t) => {
-      let r = t.value, u = t.realValue;
-      return r != null && r !== "" && u?.length !== 0 ? {
+    const e = r.map((t) => {
+      let n = t.value, s = t.realValue;
+      return n != null && n !== "" && s?.length !== 0 ? {
         fieldName: t.key,
-        fieldValue: r,
+        fieldValue: n,
         tag: t.Label
       } : null;
     }).filter((t) => t !== null);
-    o(e);
-  }, [n]), /* @__PURE__ */ l(s.Fragment, { children: /* @__PURE__ */ l(
-    g,
+    m(e);
+  }, [r]), /* @__PURE__ */ l(o.Fragment, { children: /* @__PURE__ */ l(
+    c,
     {
       theme: {
         components: {
@@ -43,13 +41,13 @@ const y = ({ preparedFilterTextViewJson: n }) => {
           defaultSelectedKeys: ["1"],
           mode: "horizontal",
           className: i.menu,
-          children: m.map((e) => /* @__PURE__ */ l(a.Item, { children: /* @__PURE__ */ l(h, { children: `${e.tag}: ${e.fieldValue.length > 10 ? e.fieldValue.substring(0, 10) + " ..." : e.fieldValue}` }) }, e.fieldName))
+          children: u.map((e) => /* @__PURE__ */ l(a.Item, { children: /* @__PURE__ */ l(g, { children: `${e.tag}: ${e.fieldValue.length > 10 ? e.fieldValue.substring(0, 10) + " ..." : e.fieldValue}` }) }, e.fieldName))
         }
       )
     }
   ) });
 };
 export {
-  y as default
+  M as default
 };
 //# sourceMappingURL=OdsFilterTagView.js.map

package/dist/components/filter/OdsFilterTagView.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsFilterTagView.js","sources":["../../../src/components/filter/OdsFilterTagView.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { ConfigProvider, Menu, Tag } from \"antd\";\r\nimport styles from \"./styles.module.scss\";\r\n\r\nconst OdsFilterTagView = ({ preparedFilterTextViewJson }) => {\r\n  const filterStyles = styles;\r\n\r\n  const [menuItems, setMenuItems] = useState([]);\r\n\r\n  useEffect(() => {\r\n    const tags = preparedFilterTextViewJson\r\n      .map((item) => {\r\n        let fieldValue = item.value;\r\n        let transformedValue = fieldValue;\r\n        let realValue = item.realValue;\r\n\r\n        if (\r\n          transformedValue !== null &&\r\n          transformedValue !== undefined &&\r\n          transformedValue !== \"\" &&\r\n          realValue?.length !== 0\r\n        ) {\r\n          return {\r\n            fieldName: item.key,\r\n            fieldValue: transformedValue,\r\n            tag: item.Label,\r\n          };\r\n        }\r\n\r\n        return null;\r\n      })\r\n      .filter((tag) => tag !== null);\r\n\r\n    setMenuItems(tags);\r\n  }, [preparedFilterTextViewJson]);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <ConfigProvider\r\n        theme={{\r\n          components: {\r\n            Menu: {\r\n              horizontalLineHeight: \"22px\",\r\n              activeBarHeight: 0,\r\n              itemPaddingInline: 0,\r\n              itemHeight: 30,\r\n              itemMarginBlock: 0,\r\n              itemActiveBg: \"transparent\",\r\n              itemHoverBg: \"transparent\",\r\n              itemSelectedBg: \"transparent\",\r\n              subMenuItemBg: \"transparent\",\r\n            },\r\n            Tag: {\r\n              marginXS: 0,\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <Menu\r\n          defaultSelectedKeys={[\"1\"]}\r\n          mode=\"horizontal\"\r\n          className={filterStyles.menu}\r\n        >\r\n          {menuItems.map((tagObj) => (\r\n            <Menu.Item key={tagObj.fieldName}>\r\n              <Tag>{`${tagObj.tag}: ${\r\n                tagObj.fieldValue.length > 10\r\n                  ? tagObj.fieldValue.substring(0, 10) + \" ...\"\r\n                  : tagObj.fieldValue\r\n              }`}</Tag>\r\n            </Menu.Item>\r\n          ))}\r\n        </Menu>\r\n      </ConfigProvider>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nexport default OdsFilterTagView;\r\n"],"names":["OdsFilterTagView","preparedFilterTextViewJson","filterStyles","styles","menuItems","setMenuItems","useState","useEffect","tags","item","transformedValue","realValue","tag","jsx","React","ConfigProvider","Menu","tagObj","Tag"],"mappings":";;;;;;AAIA,MAAMA,IAAmB,CAAC,EAAE,4BAAAC,QAAiC;AAC3D,QAAMC,IAAeC,GAEf,CAACC,GAAWC,CAAY,IAAIC,EAAS,CAAA,CAAE;AAE7C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAOP,EACV,IAAI,CAACQ,MAAS;AAEb,UAAIC,IADaD,EAAK,OAElBE,IAAYF,EAAK;AAErB,aACEC,KAAqB,QAErBA,MAAqB,MACrBC,GAAW,WAAW,IAEf;AAAA,QACL,WAAWF,EAAK;AAAA,QAChB,YAAYC;AAAA,QACZ,KAAKD,EAAK;AAAA,MAAA,IAIP;AAAA,IACT,CAAC,EACA,OAAO,CAACG,MAAQA,MAAQ,IAAI;AAE/B,IAAAP,EAAaG,CAAI;AAAA,EACnB,GAAG,CAACP,CAA0B,CAAC,GAG7B,gBAAAY,EAACC,EAAM,UAAN,EACC,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,UACV,MAAM;AAAA,YACJ,sBAAsB;AAAA,YACtB,iBAAiB;AAAA,YACjB,mBAAmB;AAAA,YACnB,YAAY;AAAA,YACZ,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,aAAa;AAAA,YACb,gBAAgB;AAAA,YAChB,eAAe;AAAA,UAAA;AAAA,UAEjB,KAAK;AAAA,YACH,UAAU;AAAA,UAAA;AAAA,QACZ;AAAA,MACF;AAAA,MAGF,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,qBAAqB,CAAC,GAAG;AAAA,UACzB,MAAK;AAAA,UACL,WAAWd,EAAa;AAAA,UAEvB,UAAAE,EAAU,IAAI,CAACa,MACd,gBAAAJ,EAACG,EAAK,MAAL,EACC,UAAA,gBAAAH,EAACK,GAAA,EAAK,UAAA,GAAGD,EAAO,GAAG,KACjBA,EAAO,WAAW,SAAS,KACvBA,EAAO,WAAW,UAAU,GAAG,EAAE,IAAI,SACrCA,EAAO,UACb,GAAA,CAAG,EAAA,GALWA,EAAO,SAMvB,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"OdsFilterTagView.js","sources":["../../../src/components/filter/OdsFilterTagView.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { ConfigProvider, Menu, Tag } from \"antd\";\r\nimport styles from \"./styles.module.scss\";\r\n\r\nconst OdsFilterTagView = ({ preparedFilterTextViewJson }) => {\r\n  const filterStyles = styles;\r\n\r\n  const [menuItems, setMenuItems] = useState([]);\r\n\r\n  useEffect(() => {\r\n    const tags = preparedFilterTextViewJson\r\n      .map((item) => {\r\n        let fieldValue = item.value;\r\n        let transformedValue = fieldValue;\r\n        let realValue = item.realValue;\r\n\r\n        if (\r\n          transformedValue !== null &&\r\n          transformedValue !== undefined &&\r\n          transformedValue !== \"\" &&\r\n          realValue?.length !== 0\r\n        ) {\r\n          return {\r\n            fieldName: item.key,\r\n            fieldValue: transformedValue,\r\n            tag: item.Label,\r\n          };\r\n        }\r\n\r\n        return null;\r\n      })\r\n      .filter((tag) => tag !== null);\r\n\r\n    setMenuItems(tags);\r\n  }, [preparedFilterTextViewJson]);\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <ConfigProvider\r\n        theme={{\r\n          components: {\r\n            Menu: {\r\n              horizontalLineHeight: \"22px\",\r\n              activeBarHeight: 0,\r\n              itemPaddingInline: 0,\r\n              itemHeight: 30,\r\n              itemMarginBlock: 0,\r\n              itemActiveBg: \"transparent\",\r\n              itemHoverBg: \"transparent\",\r\n              itemSelectedBg: \"transparent\",\r\n              subMenuItemBg: \"transparent\",\r\n            },\r\n            Tag: {\r\n              marginXS: 0,\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <Menu\r\n          defaultSelectedKeys={[\"1\"]}\r\n          mode=\"horizontal\"\r\n          className={filterStyles.menu}\r\n        >\r\n          {menuItems.map((tagObj) => (\r\n            <Menu.Item key={tagObj.fieldName}>\r\n              <Tag>{`${tagObj.tag}: ${\r\n                tagObj.fieldValue.length > 10\r\n                  ? tagObj.fieldValue.substring(0, 10) + \" ...\"\r\n                  : tagObj.fieldValue\r\n              }`}</Tag>\r\n            </Menu.Item>\r\n          ))}\r\n        </Menu>\r\n      </ConfigProvider>\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nexport default OdsFilterTagView;\r\n"],"names":["OdsFilterTagView","preparedFilterTextViewJson","filterStyles","styles","menuItems","setMenuItems","useState","useEffect","tags","item","transformedValue","realValue","tag","jsx","React","ConfigProvider","Menu","tagObj","Tag"],"mappings":";;;;AAIA,MAAMA,IAAmB,CAAC,EAAE,4BAAAC,QAAiC;AAC3D,QAAMC,IAAeC,GAEf,CAACC,GAAWC,CAAY,IAAIC,EAAS,CAAA,CAAE;AAE7C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAOP,EACV,IAAI,CAACQ,MAAS;AAEb,UAAIC,IADaD,EAAK,OAElBE,IAAYF,EAAK;AAErB,aACEC,KAAqB,QAErBA,MAAqB,MACrBC,GAAW,WAAW,IAEf;AAAA,QACL,WAAWF,EAAK;AAAA,QAChB,YAAYC;AAAA,QACZ,KAAKD,EAAK;AAAA,MAAA,IAIP;AAAA,IACT,CAAC,EACA,OAAO,CAACG,MAAQA,MAAQ,IAAI;AAE/B,IAAAP,EAAaG,CAAI;AAAA,EACnB,GAAG,CAACP,CAA0B,CAAC,GAG7B,gBAAAY,EAACC,EAAM,UAAN,EACC,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,UACV,MAAM;AAAA,YACJ,sBAAsB;AAAA,YACtB,iBAAiB;AAAA,YACjB,mBAAmB;AAAA,YACnB,YAAY;AAAA,YACZ,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,aAAa;AAAA,YACb,gBAAgB;AAAA,YAChB,eAAe;AAAA,UAAA;AAAA,UAEjB,KAAK;AAAA,YACH,UAAU;AAAA,UAAA;AAAA,QACZ;AAAA,MACF;AAAA,MAGF,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,qBAAqB,CAAC,GAAG;AAAA,UACzB,MAAK;AAAA,UACL,WAAWd,EAAa;AAAA,UAEvB,UAAAE,EAAU,IAAI,CAACa,MACd,gBAAAJ,EAACG,EAAK,MAAL,EACC,UAAA,gBAAAH,EAACK,GAAA,EAAK,UAAA,GAAGD,EAAO,GAAG,KACjBA,EAAO,WAAW,SAAS,KACvBA,EAAO,WAAW,UAAU,GAAG,EAAE,IAAI,SACrCA,EAAO,UACb,GAAA,CAAG,EAAA,GALWA,EAAO,SAMvB,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.js

@@ -51,7 +51,7 @@ import { default as We } from "./components/devextreme/OdsBatchEditDataGrid/OdsB
 import { default as Ye } from "./components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.js";
 import { default as $e } from "./components/devextreme/OdsDataGrid.Legacy.js";
 import { default as aa } from "./components/devextreme/OdsDisplayGrid.js";
-import { default as ta } from "./components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid.js";
+import { OdsInlineEditDataGrid as ta } from "./components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid.js";
 import { default as da } from "./components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid.js";
 import { default as fa } from "./components/devextreme/OdsRemoteDataGrid.js";
 import { default as pa } from "./components/devextreme/OdsServerSideDatagrid/OdsServerSideDatagrid.js";
@@ -61,8 +61,8 @@ import { default as na } from "./components/devextreme/OdsTransferV2.js";
 import { default as ca } from "./components/filter/OdsFilter.js";
 import { default as ga } from "./components/filter/OdsFilterPlus.js";
 import { default as Ga } from "./components/filter/OdsFilterTagView.js";
-import { useBodyClass as Ba, useBodyClasses as ba, useBodyClasses as ha } from "./components/devextreme/DataGrid/hooks/useBodyClasses.js";
 export * from "devextreme-react/data-grid";
+import { useBodyClass as ba, useBodyClasses as ha, useBodyClasses as Ra } from "./components/devextreme/DataGrid/hooks/useBodyClasses.js";
 export {
   ze as DATA_GRID_CLASSES,
   o as OdsAlert,
@@ -130,8 +130,8 @@ export {
   na as OdsTransferV2,
   Ue as OdsTreeSelect,
   He as defaultAppearanceSettings,
-  Ba as useBodyClass,
-  ba as useBodyClasses,
-  ha as useOdsBodyClasses
+  ba as useBodyClass,
+  ha as useBodyClasses,
+  Ra as useOdsBodyClasses
 };
 //# sourceMappingURL=index.js.map

package/dist/node_modules/core-js/internals/shared-store.js

@@ -2,16 +2,16 @@ import { __module as r } from "../../../_virtual/shared-store.js";
 import { __require as u } from "./is-pure.js";
 import { __require as l } from "./global-this.js";
 import { __require as p } from "./define-global-property.js";
-var i;
+var s;
 function n() {
-  if (i) return r.exports;
-  i = 1;
-  var s = u(), t = l(), a = p(), e = "__core-js_shared__", o = r.exports = t[e] || a(e, {});
+  if (s) return r.exports;
+  s = 1;
+  var i = u(), t = l(), a = p(), e = "__core-js_shared__", o = r.exports = t[e] || a(e, {});
   return (o.versions || (o.versions = [])).push({
-    version: "3.47.0",
-    mode: s ? "pure" : "global",
-    copyright: "© 2014-2025 Denis Pushkarev (zloirock.ru), 2025 CoreJS Company (core-js.io)",
-    license: "https://github.com/zloirock/core-js/blob/v3.47.0/LICENSE",
+    version: "3.48.0",
+    mode: i ? "pure" : "global",
+    copyright: "© 2013–2025 Denis Pushkarev (zloirock.ru), 2025–2026 CoreJS Company (core-js.io). All rights reserved.",
+    license: "https://github.com/zloirock/core-js/blob/v3.48.0/LICENSE",
     source: "https://github.com/zloirock/core-js"
   }), r.exports;
 }

package/dist/node_modules/core-js/internals/shared-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared-store.js","sources":["../../../../node_modules/core-js/internals/shared-store.js"],"sourcesContent":["'use strict';\nvar IS_PURE = require('../internals/is-pure');\nvar globalThis = require('../internals/global-this');\nvar defineGlobalProperty = require('../internals/define-global-property');\n\nvar SHARED = '__core-js_shared__';\nvar store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});\n\n(store.versions || (store.versions = [])).push({\n  version: '3.47.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru), 2025 CoreJS Company (core-js.io)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.47.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["IS_PURE","require$$0","globalThis","require$$1","defineGlobalProperty","require$$2","SHARED","store","sharedStoreModule"],"mappings":";;;;;;;;AACA,MAAIA,IAAUC,EAAA,GACVC,IAAaC,EAAA,GACbC,IAAuBC,EAAA,GAEvBC,IAAS,sBACTC,IAAQC,EAAA,UAAiBN,EAAWI,CAAM,KAAKF,EAAqBE,GAAQ,EAAE;AAElF,UAACC,EAAM,aAAaA,EAAM,WAAW,CAAA,IAAK,KAAK;AAAA,IAC7C,SAAS;AAAA,IACT,MAAMP,IAAU,SAAS;AAAA,IACzB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAAC;;","x_google_ignoreList":[0]}
+{"version":3,"file":"shared-store.js","sources":["../../../../node_modules/core-js/internals/shared-store.js"],"sourcesContent":["'use strict';\nvar IS_PURE = require('../internals/is-pure');\nvar globalThis = require('../internals/global-this');\nvar defineGlobalProperty = require('../internals/define-global-property');\n\nvar SHARED = '__core-js_shared__';\nvar store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});\n\n(store.versions || (store.versions = [])).push({\n  version: '3.48.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2013–2025 Denis Pushkarev (zloirock.ru), 2025–2026 CoreJS Company (core-js.io). All rights reserved.',\n  license: 'https://github.com/zloirock/core-js/blob/v3.48.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["IS_PURE","require$$0","globalThis","require$$1","defineGlobalProperty","require$$2","SHARED","store","sharedStoreModule"],"mappings":";;;;;;;;AACA,MAAIA,IAAUC,EAAA,GACVC,IAAaC,EAAA,GACbC,IAAuBC,EAAA,GAEvBC,IAAS,sBACTC,IAAQC,EAAA,UAAiBN,EAAWI,CAAM,KAAKF,EAAqBE,GAAQ,EAAE;AAElF,UAACC,EAAM,aAAaA,EAAM,WAAW,CAAA,IAAK,KAAK;AAAA,IAC7C,SAAS;AAAA,IACT,MAAMP,IAAU,SAAS;AAAA,IACzB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAAC;;","x_google_ignoreList":[0]}