ods-component-lib 1.21.2 → 1.22.2

package/dist/components/filter/OdsFilterPlus.js

@@ -1,82 +1,77 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import P, { useState as y, useCallback as V, useEffect as B } from "react";
-import { o } from "../../_virtual/index2.js";
-import j from "../antd/card/OdsCard.js";
+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 F from "../antd/button/OdsButton.js";
-import M from "../antd/tab/OdsTab.js";
-import U from "./OdsFilterTagView.js";
-import { useStyles as _, useAdvancedFilterButtonStyles as q } from "./stylesPlus.js";
-import x from "../../node_modules/antd/es/config-provider/index.js";
-import G from "../../node_modules/antd/es/form/index.js";
-import d from "../../node_modules/antd/es/grid/col.js";
-import s from "../../node_modules/antd/es/grid/row.js";
-import J from "../../node_modules/antd/es/typography/index.js";
-const { Title: Q } = J, de = (i) => {
-  const { isAdvancedSearchEnabled: C = !0 } = i, [h, b] = y("1"), m = P.createRef(), [f, S] = y(!0), [N, I] = y(), R = C ? i.filterRow?.slice(0, 6) : i.filterRow;
-  let A = C ? i.filterRow?.slice(6) : null;
-  const c = R?.length <= 4, { styles: l } = _({
-    open: f,
-    isDisplayInline: c
-  }), [v, u] = y(
+import V from "../antd/tab/OdsTab.js";
+import j 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(
     !i.advancedFilterClosed
-  ), { styles: a } = q({
-    open: v
-  }), g = V(
-    ({ isDisplayInline: t }) => t ? { xs: 12, md: 6 } : { xs: 24, sm: 12, md: 8, lg: 4 },
+  ), u = L(
+    ({ isDisplayInline: l }) => l ? { xs: 12, md: 6 } : { xs: 24, sm: 12, md: 8, lg: 4 },
     []
-  ), T = i.tabs !== void 0, W = i.filterRow !== void 0;
-  B(() => {
-    I(
-      A !== void 0 && A?.length > 0
+  ), T = i.tabs !== void 0, b = i.filterRow !== void 0;
+  p(() => {
+    R(
+      N !== void 0 && N?.length > 0
     );
-  }, []), B(() => {
-    i.filterTag && i.filterTag?.length > 0 && k();
+  }, []), p(() => {
+    i.filterTag && i.filterTag?.length > 0 && S();
   }, [i.filterTag]);
-  const D = () => {
-    f ? u(!v) : (S(!0), setTimeout(() => {
-      u(!v);
+  const $ = () => {
+    c ? v(!o) : (B(!0), setTimeout(() => {
+      v(!o);
     }, 200));
-  }, k = () => {
-    u(!1), S(!f);
-  }, z = () => {
+  }, S = () => {
+    v(!1), B(!c);
+  }, W = () => {
     i.onClickClear && i.onClickClear();
-  }, E = async () => {
+  }, z = async () => {
     try {
       return await i.form.validateFields();
     } catch {
       return null;
     }
-  }, O = async () => {
-    m.current && m.current.querySelectorAll(
+  }, D = async () => {
+    f.current && f.current.querySelectorAll(
       ".ant-form-item-has-error"
-    )?.length > 0 && u(!0);
-  }, H = async () => {
-    const t = await E();
-    N && await O(), t ? i.onFinish && i.onFinish(t) : i.onFinishFailed && i.onFinishFailed();
+    )?.length > 0 && v(!0);
+  }, E = async () => {
+    const l = await z();
+    y && await D(), l ? i.onFinish && i.onFinish(l) : i.onFinishFailed && i.onFinishFailed();
   };
-  B(() => {
-    const t = i.tabs?.find((n) => n.key === h);
-    t && I(
-      t.isAdvanceSearchEnable !== !1 && t.children.length > 5
+  p(() => {
+    const l = i.tabs?.find((n) => n.key === m);
+    l && R(
+      l.isAdvanceSearchEnable !== !1 && l.children.length > 5
     );
-  }, [h, i.tabs]);
-  const K = (t) => {
-    b(t);
-  }, p = () => /* @__PURE__ */ r("div", { className: l.filterActionButtons, children: [
+  }, [m, i.tabs]);
+  const O = (l) => {
+    x(l);
+  }, A = () => /* @__PURE__ */ r("div", { className: t.filterActionButtons, children: [
     /* @__PURE__ */ e(
       F,
       {
         type: "text",
-        onClick: z,
-        icon: /* @__PURE__ */ e(o.Loop1Icon, { width: 16, height: 16, viewBox: "0 0 24 24" }),
-        className: l.clearButton,
+        onClick: W,
+        icon: /* @__PURE__ */ e(d.Loop1Icon, { width: 16, height: 16, viewBox: "0 0 24 24" }),
+        className: t.clearButton,
         children: i.buttonClearAllName
       }
     ),
-    /* @__PURE__ */ e(F, { type: "primary", onClick: H, children: i.buttonApplyName })
+    /* @__PURE__ */ e(F, { type: "primary", onClick: E, children: i.buttonApplyName })
   ] });
-  return /* @__PURE__ */ e(j, { className: l.filterWrapper, children: /* @__PURE__ */ e(
-    x,
+  return /* @__PURE__ */ e(P, { className: t.filterWrapper, children: /* @__PURE__ */ e(
+    k,
     {
       theme: {
         components: {
@@ -90,24 +85,24 @@ const { Title: Q } = J, de = (i) => {
         }
       },
       children: /* @__PURE__ */ r(
-        G,
+        M,
         {
           form: i.form,
           layout: "vertical",
-          className: l.filterInner,
+          className: `${t.filterInner} ${c ? t.open : ""}`,
           children: [
-            /* @__PURE__ */ e(s, { gutter: [12, 12], align: "middle", children: /* @__PURE__ */ r(d, { span: 24, className: l.filterTopWrapper, children: [
-              /* @__PURE__ */ r("div", { className: l.filterTopInfo, children: [
-                /* @__PURE__ */ e("div", { className: l.filterTopTitle, children: /* @__PURE__ */ e(Q, { level: 5, children: i.title }) }),
-                /* @__PURE__ */ e("div", { className: l.filterTagsWrapper, children: i.filterTag && i.filterTag.length > 0 && /* @__PURE__ */ e(
-                  U,
+            /* @__PURE__ */ e(h, { 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.filterTagsWrapper} ${c ? t.hidden : ""}`, children: i.filterTag && i.filterTag.length > 0 && /* @__PURE__ */ e(
+                  j,
                   {
                     preparedFilterTextViewJson: i.filterTag
                   }
                 ) })
               ] }),
               /* @__PURE__ */ e(
-                x,
+                k,
                 {
                   theme: {
                     components: {
@@ -116,30 +111,30 @@ const { Title: Q } = J, de = (i) => {
                       }
                     }
                   },
-                  children: /* @__PURE__ */ r("div", { className: l.filterTopActions, children: [
-                    N && /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ r("div", { className: t.filterTopActions, children: [
+                    y && /* @__PURE__ */ e(
                       F,
                       {
                         title: "Advanced Search",
-                        className: a.advancedFilterButton,
-                        size: "medium",
+                        className: t.advancedFilterButton,
+                        size: "middle",
                         type: "link",
-                        icon: v ? /* @__PURE__ */ e(
-                          o.UpArrow5Icon,
+                        icon: o ? /* @__PURE__ */ e(
+                          d.UpArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ) : /* @__PURE__ */ e(
-                          o.DownArrow5Icon,
+                          d.DownArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ),
-                        onClick: D,
+                        onClick: $,
                         children: i.buttonAdvancedSearchName
                       }
                     ),
@@ -147,56 +142,56 @@ const { Title: Q } = J, de = (i) => {
                     /* @__PURE__ */ e(
                       F,
                       {
-                        className: l.toggleButton,
+                        className: t.toggleButton,
                         size: "large",
                         type: "default",
-                        icon: f ? /* @__PURE__ */ e(
-                          o.UpArrow5Icon,
+                        icon: c ? /* @__PURE__ */ e(
+                          d.UpArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ) : /* @__PURE__ */ e(
-                          o.DownArrow5Icon,
+                          d.DownArrow5Icon,
                           {
                             width: 16,
                             height: 16,
                             viewBox: "0 0 24 24"
                           }
                         ),
-                        onClick: k
+                        onClick: S
                       }
                     )
                   ] })
                 }
               )
             ] }) }),
-            /* @__PURE__ */ e("div", { className: l.filterBodyWrapper, children: /* @__PURE__ */ r("div", { className: l.filterBody, children: [
-              T && /* @__PURE__ */ r("div", { className: l.filterInlineDisplayWrapper, children: [
+            /* @__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(
-                  M,
+                  V,
                   {
-                    activeKey: h,
-                    onChange: K,
-                    items: i.tabs.map((t) => ({
-                      key: t.key,
-                      label: t.label,
-                      children: /* @__PURE__ */ e(s, { gutter: [12, 16], align: "top", children: t.children ? t.children.slice(0, 6).map((n, w) => /* @__PURE__ */ e(
-                        d,
+                    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(
+                        s,
                         {
                           xs: 24,
                           sm: 12,
                           md: 8,
                           lg: 4,
-                          ...n.colSize || g({
-                            isDisplayInline: c
+                          ...n.colSize || u({
+                            isDisplayInline: a
                           }),
                           children: n.element
                         },
-                        w
-                      )) : null }, t.key),
-                      icon: t.icon
+                        g
+                      )) : null }, l.key),
+                      icon: l.icon
                     }))
                   }
                 ),
@@ -204,55 +199,55 @@ const { Title: Q } = J, de = (i) => {
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: a.advancedFilterRowWrapper,
-                    ref: m,
+                    className: `${t.advancedFilterRowWrapper} ${o ? t.open : ""}`,
+                    ref: f,
                     children: /* @__PURE__ */ e(
                       "div",
                       {
-                        className: a.advancedFilterRowInner,
-                        children: /* @__PURE__ */ e("div", { className: a.advancedFilterRow, children: /* @__PURE__ */ e(s, { gutter: [12, 16], align: "top", children: i.tabs.map((t) => t.key === h && t.children ? t.children.slice(6).map((w, L) => /* @__PURE__ */ e(
-                          d,
+                        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(
+                          s,
                           {
-                            ...w.colSize || g({}),
-                            children: w.element
+                            ...g.colSize || u({}),
+                            children: g.element
                           },
-                          L
+                          H
                         )) : null) }) })
                       }
                     )
                   }
                 ),
-                c && /* @__PURE__ */ e(p, {})
+                a && /* @__PURE__ */ e(A, {})
               ] }),
-              W && !T && /* @__PURE__ */ r("div", { className: l.filterInlineDisplayWrapper, children: [
-                /* @__PURE__ */ e(s, { gutter: [12, 16], align: "top", children: R.map((t, n) => /* @__PURE__ */ e(
-                  d,
+              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(
+                  s,
                   {
-                    ...t.colSize || g({
-                      isDisplayInline: c
+                    ...l.colSize || u({
+                      isDisplayInline: a
                     }),
-                    children: t.element
+                    children: l.element
                   },
                   n
                 )) }),
-                c && /* @__PURE__ */ e(p, {})
+                a && /* @__PURE__ */ e(A, {})
               ] }),
-              N && !T && /* @__PURE__ */ e(
+              y && !T && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: a.advancedFilterRowWrapper,
-                  ref: m,
-                  children: /* @__PURE__ */ e("div", { className: a.advancedFilterRowInner, children: /* @__PURE__ */ e("div", { className: a.advancedFilterRow, children: /* @__PURE__ */ e(s, { gutter: [12, 16], align: "top", children: A?.map((t, n) => /* @__PURE__ */ e(
-                    d,
+                  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(
+                    s,
                     {
-                      ...t.colSize || g({}),
-                      children: t.element
+                      ...l.colSize || u({}),
+                      children: l.element
                     },
                     n
                   )) }) }) })
                 }
               ),
-              !c && /* @__PURE__ */ e("div", { className: l.filterActionButtonsWrapper, children: /* @__PURE__ */ e(p, {}) })
+              !a && /* @__PURE__ */ e("div", { className: t.filterActionButtonsWrapper, children: /* @__PURE__ */ e(A, {}) })
             ] }) })
           ]
         }
@@ -261,6 +256,6 @@ const { Title: Q } = J, de = (i) => {
   ) });
 };
 export {
-  de as default
+  ae 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 { useStyles, useAdvancedFilterButtonStyles } from \"./stylesPlus\";\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 { styles } = useStyles({\r\n    open: showFilter,\r\n    isDisplayInline: shouldDisplayButtonsInline,\r\n  });\r\n\r\n  const [showAdvanceFilter, setShowAdvanceFilter] = useState(\r\n    !props.advancedFilterClosed\r\n  );\r\n\r\n  const { styles: advancedFilterStyles } = useAdvancedFilterButtonStyles({\r\n    open: showAdvanceFilter,\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}\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}>\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={advancedFilterStyles.advancedFilterButton}\r\n                      size=\"medium\"\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}>\r\n            <div className={styles.filterBody}>\r\n              {hasTabFilter && (\r\n                <div className={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={advancedFilterStyles.advancedFilterRowWrapper}\r\n                    ref={advancedRef}\r\n                  >\r\n                    <div\r\n                      className={advancedFilterStyles.advancedFilterRowInner}\r\n                    >\r\n                      <div className={advancedFilterStyles.advancedFilterRow}>\r\n                        <Row gutter={[12, 16]} align=\"top\">\r\n                          {props.tabs.map((tab) => {\r\n                            // Aktif tab ile eşleşen tab'ı kontrol et\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; // Aktif tabın ek satırlarını döndür\r\n                            }\r\n                            return null; // Eğer aktif tab değilse null döndür\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={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                        // className={filterRow?.length > 6 ? \"mb-4\" : \"\"}\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={advancedFilterStyles.advancedFilterRowWrapper}\r\n                  ref={advancedRef}\r\n                >\r\n                  <div className={advancedFilterStyles.advancedFilterRowInner}>\r\n                    <div className={advancedFilterStyles.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","styles","useStyles","showAdvanceFilter","setShowAdvanceFilter","advancedFilterStyles","useAdvancedFilterButtonStyles","defaultColSize","useCallback","isDisplayInline","hasTabFilter","hasFilterRow","useEffect","handleHideShowFilter","handleHideShowAdvancedFilter","onClearSearch","checkFilterValues","findErrorIfAdvancedFilterHasError","handleOnClickApply","values","selectedTab","tab","onTabChange","key","ActionButtons","jsxs","jsx","OdsButton","Loop1Icon","OdsCard","ConfigProvider","Form","Row","Col","OdsFilterTagView","UpArrow5Icon","DownArrow5Icon","OdsTab","index","rowIndex","item"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,EAAE,OAAAA,MAAUC,GA0BZC,KAAgB,CAACC,MAA0C;AAC/D,QAAM,EAAE,yBAAAC,IAA0B,GAAA,IAASD,GAErC,CAACE,GAAcC,CAAe,IAAIC,EAAS,GAAG,GAE9CC,IAAcC,EAAM,UAAA,GAEpB,CAACC,GAAYC,CAAa,IAAIJ,EAAS,EAAI,GAE3C,CAACK,GAAoBC,CAAqB,IAAIN,EAAA,GAE9CO,IAAYV,IACdD,EAAM,WAAW,MAAM,GAAG,CAAC,IAC3BA,EAAM;AAEV,MAAIY,IAAmBX,IACnBD,EAAM,WAAW,MAAM,CAAC,IACxB;AAEJ,QAAMa,IAA6BF,GAAW,UAAU,GAElD,EAAE,QAAAG,EAAA,IAAWC,EAAU;AAAA,IAC3B,MAAMR;AAAA,IACN,iBAAiBM;AAAA,EAAA,CAClB,GAEK,CAACG,GAAmBC,CAAoB,IAAIb;AAAA,IAChD,CAACJ,EAAM;AAAA,EAAA,GAGH,EAAE,QAAQkB,EAAA,IAAyBC,EAA8B;AAAA,IACrE,MAAMH;AAAA,EAAA,CACP,GAEKI,IAAiBC;AAAA,IACrB,CAAC,EAAE,iBAAAC,EAAA,MACMA,IACH,EAAE,IAAI,IAAI,IAAI,EAAA,IACd,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI,EAAA;AAAA,IAEnC,CAAA;AAAA,EAAC,GAGGC,IAAevB,EAAM,SAAS,QAC9BwB,IAAexB,EAAM,cAAc;AAEzC,EAAAyB,EAAU,MAAM;AACd,IAAAf;AAAA,MACEE,MAAqB,UAAaA,GAAkB,SAAS;AAAA,IAAA;AAAA,EAEjE,GAAG,CAAA,CAAE,GAELa,EAAU,MAAM;AACd,IAAIzB,EAAM,aAAaA,EAAM,WAAW,SAAS,KAAG0B,EAAA;AAAA,EACtD,GAAG,CAAC1B,EAAM,SAAS,CAAC;AAEpB,QAAM2B,IAA+B,MAAM;AACzC,IAAKpB,IAOHU,EAAqB,CAACD,CAAiB,KANvCR,EAAc,EAAI,GAElB,WAAW,MAAM;AACf,MAAAS,EAAqB,CAACD,CAAiB;AAAA,IACzC,GAAG,GAAG;AAAA,EAIV,GAEMU,IAAuB,MAAM;AACjC,IAAAT,EAAqB,EAAK,GAC1BT,EAAc,CAACD,CAAU;AAAA,EAC3B,GAEMqB,IAAgB,MAAM;AAC1B,IAAI5B,EAAM,gBACRA,EAAM,aAAA;AAAA,EAEV,GAEM6B,IAAoB,YAAY;AACpC,QAAI;AACF,aAAO,MAAM7B,EAAM,KAAK,eAAA;AAAA,IAC1B,QAAgB;AACd,aAAO;AAAA,IACT;AAAA,EACF,GAEM8B,IAAoC,YAAY;AACpD,IAAIzB,EAAY,WACKA,EAAY,QAAQ;AAAA,MACrC;AAAA,IAAA,GAGc,SAAS,KACvBY,EAAqB,EAAI;AAAA,EAG/B,GAEMc,IAAqB,YAAY;AACrC,UAAMC,IAAS,MAAMH,EAAA;AAErB,IAAIpB,KACF,MAAMqB,EAAA,GAGJE,IACEhC,EAAM,YACRA,EAAM,SAASgC,CAAM,IAGvBhC,EAAM,kBAAkBA,EAAM,eAAA;AAAA,EAElC;AAEA,EAAAyB,EAAU,MAAM;AACd,UAAMQ,IAAcjC,EAAM,MAAM,KAAK,CAACkC,MAAQA,EAAI,QAAQhC,CAAY;AACtE,IAAI+B,KACFvB;AAAA,MACEuB,EAAY,0BAA0B,MACpCA,EAAY,SAAS,SAAS;AAAA,IAAA;AAAA,EAGtC,GAAG,CAAC/B,GAAcF,EAAM,IAAI,CAAC;AAE7B,QAAMmC,IAAc,CAACC,MAAgB;AACnC,IAAAjC,EAAgBiC,CAAG;AAAA,EACrB,GAEMC,IAAgB,MACpB,gBAAAC,EAAC,OAAA,EAAI,WAAWxB,EAAO,qBACrB,UAAA;AAAA,IAAA,gBAAAyB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASZ;AAAA,QACT,wBAAOa,EAAAA,WAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAY;AAAA,QAC5D,WAAW3B,EAAO;AAAA,QAEjB,UAAAd,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,sBAERwC,GAAA,EAAU,MAAK,WAAU,SAAST,GAChC,YAAM,gBAAA,CACT;AAAA,EAAA,GACF;AAGF,SACE,gBAAAQ,EAACG,GAAA,EAAQ,WAAW5B,EAAO,eACzB,UAAA,gBAAAyB;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,UACV,MAAM;AAAA,YACJ,kBAAkB;AAAA,YAClB,sBAAsB;AAAA,UAAA;AAAA,UAExB,YAAY;AAAA,YACV,mBAAmB;AAAA,UAAA;AAAA,QACrB;AAAA,MACF;AAAA,MAGF,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,MAAM5C,EAAM;AAAA,UACZ,QAAO;AAAA,UACP,WAAWc,EAAO;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAyB,EAACM,GAAA,EAAI,QAAQ,CAAC,IAAI,EAAE,GAAG,OAAM,UAC3B,UAAA,gBAAAP,EAACQ,GAAA,EAAI,MAAM,IAAI,WAAWhC,EAAO,kBAC/B,UAAA;AAAA,cAAA,gBAAAwB,EAAC,OAAA,EAAI,WAAWxB,EAAO,eACrB,UAAA;AAAA,gBAAA,gBAAAyB,EAAC,OAAA,EAAI,WAAWzB,EAAO,gBACrB,UAAA,gBAAAyB,EAAC1C,KAAM,OAAO,GAAI,UAAAG,EAAM,MAAA,CAAM,GAChC;AAAA,gBACA,gBAAAuC,EAAC,OAAA,EAAI,WAAWzB,EAAO,mBACpB,YAAM,aAAad,EAAM,UAAU,SAAS,KAC3C,gBAAAuC;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,4BAA4B/C,EAAM;AAAA,kBAAA;AAAA,gBAAA,EACnC,CAEL;AAAA,cAAA,GACF;AAAA,cACA,gBAAAuC;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,OAAO;AAAA,oBACL,YAAY;AAAA,sBACV,QAAQ;AAAA,wBACN,gBAAgB;AAAA,sBAAA;AAAA,oBAClB;AAAA,kBACF;AAAA,kBAGF,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWxB,EAAO,kBACpB,UAAA;AAAA,oBAAAL,KACC,gBAAA8B;AAAA,sBAACC;AAAA,sBAAA;AAAA,wBACC,OAAM;AAAA,wBACN,WAAWtB,EAAqB;AAAA,wBAChC,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,MACEF,IACE,gBAAAuB;AAAA,0BAACS,EAAAA;AAAAA,0BAAA;AAAA,4BACC,OAAO;AAAA,4BACP,QAAQ;AAAA,4BACR,SAAQ;AAAA,0BAAA;AAAA,wBAAA,IAGV,gBAAAT;AAAA,0BAACU,EAAAA;AAAAA,0BAAA;AAAA,4BACC,OAAO;AAAA,4BACP,QAAQ;AAAA,4BACR,SAAQ;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAId,SAAStB;AAAA,wBAER,UAAA3B,EAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGVA,EAAM;AAAA,oBACP,gBAAAuC;AAAA,sBAACC;AAAA,sBAAA;AAAA,wBACC,WAAW1B,EAAO;AAAA,wBAClB,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,MACEP,IACE,gBAAAgC;AAAA,0BAACS,EAAAA;AAAAA,0BAAA;AAAA,4BACC,OAAO;AAAA,4BACP,QAAQ;AAAA,4BACR,SAAQ;AAAA,0BAAA;AAAA,wBAAA,IAGV,gBAAAT;AAAA,0BAACU,EAAAA;AAAAA,0BAAA;AAAA,4BACC,OAAO;AAAA,4BACP,QAAQ;AAAA,4BACR,SAAQ;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAId,SAASvB;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACX,EAAA,CACF;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF,EAAA,CACF,EAAA,CACF;AAAA,YACA,gBAAAa,EAAC,SAAI,WAAWzB,EAAO,mBACrB,UAAA,gBAAAwB,EAAC,OAAA,EAAI,WAAWxB,EAAO,YACpB,UAAA;AAAA,cAAAS,KACC,gBAAAe,EAAC,OAAA,EAAI,WAAWxB,EAAO,4BACrB,UAAA;AAAA,gBAAA,gBAAAyB;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACC,WAAWhD;AAAA,oBACX,UAAUiC;AAAA,oBACV,OAAOnC,EAAM,KAAK,IAAI,CAACkC,OAAS;AAAA,sBAC9B,KAAKA,EAAI;AAAA,sBACT,OAAOA,EAAI;AAAA,sBACX,4BACGW,GAAA,EAAI,QAAQ,CAAC,IAAI,EAAE,GAAiB,OAAM,OACxC,YAAI,WACDX,EAAI,SACD,MAAM,GAAG,CAAC,EACV,IAAI,CAACvB,GAAgBwC,MACpB,gBAAAZ;AAAA,wBAACO;AAAA,wBAAA;AAAA,0BAEC,IAAI;AAAA,0BACJ,IAAI;AAAA,0BACJ,IAAI;AAAA,0BACJ,IAAI;AAAA,0BACH,GAAInC,EAAU,WACbS,EAAe;AAAA,4BACb,iBACEP;AAAA,0BAAA,CACH;AAAA,0BAEF,UAAAF,EAAU;AAAA,wBAAA;AAAA,wBAXNwC;AAAA,sBAAA,CAaR,IACH,KAAA,GApBsBjB,EAAI,GAqBhC;AAAA,sBAEF,MAAMA,EAAI;AAAA,oBAAA,EACV;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBACD;AAAA,gBACH,gBAAAK;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWrB,EAAqB;AAAA,oBAChC,KAAKb;AAAA,oBAEL,UAAA,gBAAAkC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWrB,EAAqB;AAAA,wBAEhC,4BAAC,OAAA,EAAI,WAAWA,EAAqB,mBACnC,UAAA,gBAAAqB,EAACM,KAAI,QAAQ,CAAC,IAAI,EAAE,GAAG,OAAM,OAC1B,YAAM,KAAK,IAAI,CAACX,MAEXA,EAAI,QAAQhC,KAAgBgC,EAAI,WACXA,EAAI,SACxB,MAAM,CAAC,EACP,IAAI,CAACvB,GAAWyC,MACf,gBAAAb;AAAA,0BAACO;AAAA,0BAAA;AAAA,4BAEE,GAAInC,EAAU,WACbS,EAAe,EAAE;AAAA,4BAElB,UAAAT,EAAU;AAAA,0BAAA;AAAA,0BAJNyC;AAAA,wBAAA,CAMR,IAGE,IACR,GACH,EAAA,CACF;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,gBAEDvC,uBAA+BwB,GAAA,CAAA,CAAc;AAAA,cAAA,GAChD;AAAA,cAGDb,KAAgB,CAACD,uBACf,OAAA,EAAI,WAAWT,EAAO,4BACrB,UAAA;AAAA,gBAAA,gBAAAyB,EAACM,GAAA,EAAI,QAAQ,CAAC,IAAI,EAAE,GAAG,OAAM,OAC1B,UAAAlC,EAAU,IAAI,CAAC0C,GAAMF,MACpB,gBAAAZ;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBAEE,GAAIO,EAAK,WACRjC,EAAe;AAAA,sBACb,iBAAiBP;AAAA,oBAAA,CAClB;AAAA,oBAGF,UAAAwC,EAAK;AAAA,kBAAA;AAAA,kBAPDF;AAAA,gBAAA,CASR,GACH;AAAA,gBACCtC,uBAA+BwB,GAAA,CAAA,CAAc;AAAA,cAAA,GAChD;AAAA,cAGD5B,KAAsB,CAACc,KACtB,gBAAAgB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWrB,EAAqB;AAAA,kBAChC,KAAKb;AAAA,kBAEL,UAAA,gBAAAkC,EAAC,SAAI,WAAWrB,EAAqB,wBACnC,UAAA,gBAAAqB,EAAC,OAAA,EAAI,WAAWrB,EAAqB,mBACnC,UAAA,gBAAAqB,EAACM,KAAI,QAAQ,CAAC,IAAI,EAAE,GAAG,OAAM,OAC1B,UAAAjC,GAAkB,IAAI,CAACyC,GAAMF,MAC5B,gBAAAZ;AAAA,oBAACO;AAAA,oBAAA;AAAA,sBAEE,GAAIO,EAAK,WAAWjC,EAAe,EAAE;AAAA,sBAErC,UAAAiC,EAAK;AAAA,oBAAA;AAAA,oBAHDF;AAAA,kBAAA,CAKR,EAAA,CACH,EAAA,CACF,EAAA,CACF;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIH,CAACtC,KACA,gBAAA0B,EAAC,OAAA,EAAI,WAAWzB,EAAO,4BACrB,UAAA,gBAAAyB,EAACF,GAAA,CAAA,CAAc,EAAA,CACjB;AAAA,YAAA,EAAA,CAEJ,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"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,22 +1,22 @@
 import { jsx as l } from "react/jsx-runtime";
 import s, { useState as d, useEffect as f } from "react";
-import { useFilterTagsStyles as c } from "./styles.js";
+import c from "./styles.module.scss.js";
 import g from "../../node_modules/antd/es/config-provider/index.js";
-import n from "../../node_modules/antd/es/menu/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: a }) => {
-  const { styles: i } = c(), [m, u] = d([]);
+const y = ({ preparedFilterTextViewJson: n }) => {
+  const i = c, [m, o] = d([]);
   return f(() => {
-    const e = a.map((t) => {
-      let r = t.value, o = t.realValue;
-      return r != null && r !== "" && o?.length !== 0 ? {
+    const e = n.map((t) => {
+      let r = t.value, u = t.realValue;
+      return r != null && r !== "" && u?.length !== 0 ? {
         fieldName: t.key,
         fieldValue: r,
         tag: t.Label
       } : null;
     }).filter((t) => t !== null);
-    u(e);
-  }, [a]), /* @__PURE__ */ l(s.Fragment, { children: /* @__PURE__ */ l(
+    o(e);
+  }, [n]), /* @__PURE__ */ l(s.Fragment, { children: /* @__PURE__ */ l(
     g,
     {
       theme: {
@@ -38,12 +38,12 @@ const y = ({ preparedFilterTextViewJson: a }) => {
         }
       },
       children: /* @__PURE__ */ l(
-        n,
+        a,
         {
           defaultSelectedKeys: ["1"],
           mode: "horizontal",
           className: i.menu,
-          children: m.map((e) => /* @__PURE__ */ l(n.Item, { children: /* @__PURE__ */ l(h, { children: `${e.tag}: ${e.fieldValue.length > 10 ? e.fieldValue.substring(0, 10) + " ..." : e.fieldValue}` }) }, e.fieldName))
+          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))
         }
       )
     }

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 { useFilterTagsStyles as useStyles } from \"./styles\";\r\n\r\nconst OdsFilterTagView = ({ preparedFilterTextViewJson }) => {\r\n  const { styles } = useStyles();\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={styles.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","styles","useStyles","menuItems","setMenuItems","useState","useEffect","tags","item","transformedValue","realValue","tag","jsx","React","ConfigProvider","Menu","tagObj","Tag"],"mappings":";;;;;;AAIA,MAAMA,IAAmB,CAAC,EAAE,4BAAAC,QAAiC;AAC3D,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GAEb,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,EAAO;AAAA,UAEjB,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/components/filter/styles.module.scss.js

@@ -0,0 +1,42 @@
+const e = "styles-module__filterWrapper___VGvMD", t = "styles-module__filterInner___fgK97", o = "styles-module__open___RpZon", _ = "styles-module__filterTopWrapper___JaaMm", l = "styles-module__filterTopInfo___5v40U", r = "styles-module__filterTopTitle___HRZnw", s = "styles-module__filterTopActions___PiZFS", n = "styles-module__filterBodyWrapper___ovFBA", i = "styles-module__filterBody___NrwP3", p = "styles-module__filterActionButtonsWrapper___kxmNY", d = "styles-module__filterTagsWrapper___ZPp9s", a = "styles-module__hidden___vg2Gw", c = "styles-module__toggleButton___3--h6", f = "styles-module__clearButton___brbjP", u = "styles-module__advancedFilterButton___tsbOe", y = "styles-module__advancedFilterRowWrapper___BGmUg", m = "styles-module__advancedFilterRow___bijFD", B = "styles-module__menu___hitbx", T = {
+  filterWrapper: e,
+  filterInner: t,
+  open: o,
+  filterTopWrapper: _,
+  filterTopInfo: l,
+  filterTopTitle: r,
+  filterTopActions: s,
+  filterBodyWrapper: n,
+  filterBody: i,
+  filterActionButtonsWrapper: p,
+  filterTagsWrapper: d,
+  hidden: a,
+  toggleButton: c,
+  clearButton: f,
+  advancedFilterButton: u,
+  advancedFilterRowWrapper: y,
+  advancedFilterRow: m,
+  menu: B
+};
+export {
+  u as advancedFilterButton,
+  m as advancedFilterRow,
+  y as advancedFilterRowWrapper,
+  f as clearButton,
+  T as default,
+  p as filterActionButtonsWrapper,
+  i as filterBody,
+  n as filterBodyWrapper,
+  t as filterInner,
+  d as filterTagsWrapper,
+  s as filterTopActions,
+  l as filterTopInfo,
+  r as filterTopTitle,
+  _ as filterTopWrapper,
+  e as filterWrapper,
+  a as hidden,
+  B as menu,
+  o as open,
+  c as toggleButton
+};
+//# sourceMappingURL=styles.module.scss.js.map

package/dist/components/filter/styles.module.scss.js.map

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