stone-kit 0.0.1080 → 0.0.1085

package/dist/components/FilterWithSave/ui/FilterWithSave.js

@@ -1,9 +1,325 @@
-import "react/jsx-runtime";
-import "../../NewIcon/ui/NewIcon.js";
-import { F as a } from "../../../FilterWithSave-B-Qb2OD5.js";
-import "../../Modal/ui/Modal.js";
-import "../../../Option-DdjBe9yb.js";
-import "../../Button/ui/Button.js";
+import { jsxs as d, Fragment as I, jsx as t } from "react/jsx-runtime";
+import { O as M } from "../../../Option-DmDx_xOt.js";
+import { g as D } from "../../../index-YnD2EP-S.js";
+import { useFilterWithSave as P } from "../hooks/useFilterWithSave.js";
+import { NewIcon as S } from "../../NewIcon/ui/NewIcon.js";
+import { TabSwitcher as _ } from "../../TabSwitcher/ui/TabSwitcher.js";
+import { Button as f } from "../../Button/ui/Button.js";
+import { Modal as V } from "../../Modal/ui/Modal.js";
+const G = "_root_1v1y9_1", H = "_filterWithSaveModal_1v1y9_15", J = "_modalAddBody_1v1y9_20", K = "_closeBtn_1v1y9_29", Q = "_btnName_1v1y9_35", U = "_modalTitle_1v1y9_39", X = "_tabSWitcherWrapper_1v1y9_48", Y = "_switcherTitle_1v1y9_77", Z = "_switcherScroll_1v1y9_84", ee = "_tabs_1v1y9_93", te = "_selectWrapper_1v1y9_98", ae = "_filterOption_1v1y9_102", re = "_btnWrapper_1v1y9_110", ie = "_resetBtn_1v1y9_116", se = "_saveBtn_1v1y9_117", ne = "_desktopWrapper_1v1y9_121", le = "_desktopWrapperOpen_1v1y9_144", e = {
+  root: G,
+  filterWithSaveModal: H,
+  modalAddBody: J,
+  closeBtn: K,
+  btnName: Q,
+  modalTitle: U,
+  tabSWitcherWrapper: X,
+  switcherTitle: Y,
+  switcherScroll: Z,
+  tabs: ee,
+  selectWrapper: te,
+  filterOption: ae,
+  btnWrapper: re,
+  resetBtn: ie,
+  saveBtn: se,
+  desktopWrapper: ne,
+  desktopWrapperOpen: le
+};
+var N = { exports: {} };
+var A;
+function oe() {
+  return A || (A = 1, (function(v) {
+    (function() {
+      var p = {}.hasOwnProperty;
+      function s() {
+        for (var a = "", i = 0; i < arguments.length; i++) {
+          var l = arguments[i];
+          l && (a = h(a, u.call(this, l)));
+        }
+        return a;
+      }
+      function u(a) {
+        if (typeof a == "string" || typeof a == "number")
+          return this && this[a] || a;
+        if (typeof a != "object")
+          return "";
+        if (Array.isArray(a))
+          return s.apply(this, a);
+        if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
+          return a.toString();
+        var i = "";
+        for (var l in a)
+          p.call(a, l) && a[l] && (i = h(i, this && this[l] || l));
+        return i;
+      }
+      function h(a, i) {
+        return i ? a ? a + " " + i : a + i : a;
+      }
+      v.exports ? (s.default = s, v.exports = s) : window.classNames = s;
+    })();
+  })(N)), N.exports;
+}
+var ce = oe();
+const de = /* @__PURE__ */ D(ce), pe = de.bind(e), ye = ({
+  disabledOptions: v,
+  tabs: p = [],
+  selectOptions: s = [],
+  onChange: u,
+  onClick: h = () => null,
+  selectedValues: a,
+  setSelectedTabs: i,
+  selectedTabs: l,
+  onClickItem: z,
+  onCLickSelect: B,
+  dataTestId: j,
+  onSaveClick: F = () => null,
+  onClearClick: R = () => null,
+  onTabClick: q = () => null,
+  btnName: E = "Фильтр"
+}) => {
+  const {
+    handleCloseModal: C,
+    localSelectedTabs: O,
+    selectedOptions: k,
+    isMobile: b,
+    handleOptionClick: w,
+    handleClearClick: T,
+    handleSaveClick: x,
+    isModalOpen: W,
+    setLocalSelectedTabs: g,
+    setIsModalOpen: y,
+    containerRef: L
+  } = P({
+    selectedTabs: l,
+    onClickItem: z,
+    setSelectedTabs: i,
+    tabs: p,
+    onChange: u,
+    disabledOptions: v,
+    selectedValues: a,
+    onSaveClick: F,
+    onClearClick: R
+  }), $ = () => /* @__PURE__ */ d(I, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: e.closeBtn,
+        onClick: () => {
+          C();
+        },
+        children: /* @__PURE__ */ t(
+          S,
+          {
+            name: "close",
+            size: "24"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: e.modalTitle, children: "Фильтры" }),
+    /* @__PURE__ */ d("div", { className: e.tabSWitcherWrapper, children: [
+      /* @__PURE__ */ t("div", { className: e.switcherTitle, children: "Готовность" }),
+      /* @__PURE__ */ t("div", { className: e.switcherScroll, children: /* @__PURE__ */ t(
+        _,
+        {
+          variant: "grayRow",
+          addClassName: e.tabs,
+          isApart: !0,
+          children: p?.map((o, n) => {
+            const r = o.value;
+            return /* @__PURE__ */ t(
+              _.Item,
+              {
+                itemsLength: p?.length,
+                mini: !0,
+                size_s: "small",
+                value: r,
+                onClick: () => {
+                },
+                checked: O?.find((m) => m.value === r)?.state ?? !1,
+                onChange: () => {
+                  g?.(
+                    (m) => m.map((c) => c.value === r ? { ...c, state: !c.state } : c)
+                  );
+                },
+                index: n,
+                children: r
+              },
+              n
+            );
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: e.selectWrapper, children: s?.map((o, n) => /* @__PURE__ */ t(
+      M,
+      {
+        sizeIcon: "24",
+        addClassName: e.filterOption,
+        disabledOptions: [],
+        clickableOptions: s?.map((r) => r.value.toString()),
+        selectedOptions: k,
+        option: o,
+        handleOptionClick: w
+      },
+      n
+    )) }),
+    /* @__PURE__ */ d("div", { className: e.btnWrapper, children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          as: "button",
+          variant: "gray",
+          additionalClass: e.resetBtn,
+          onClick: T,
+          children: "Сбросить"
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          as: "button",
+          additionalClass: e.saveBtn,
+          onClick: x,
+          children: "Сохранить"
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ d(I, { children: [
+    /* @__PURE__ */ d("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: e.root,
+          "data-testid": j,
+          onClick: () => {
+            B && B(), h && h(), b ? y((o) => !o) : W || y(!0);
+          },
+          children: [
+            /* @__PURE__ */ t("div", { className: e.btnName, children: E }),
+            /* @__PURE__ */ t(
+              S,
+              {
+                name: "filter",
+                size: "16"
+              }
+            )
+          ]
+        }
+      ),
+      !b && /* @__PURE__ */ d(
+        "div",
+        {
+          ref: L,
+          className: pe(e.desktopWrapper, { [e.desktopWrapperOpen]: W }),
+          children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: e.closeBtn,
+                onClick: () => {
+                  C();
+                },
+                children: /* @__PURE__ */ t(
+                  S,
+                  {
+                    name: "close",
+                    size: "24"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: e.modalTitle, children: "Фильтры" }),
+            /* @__PURE__ */ d("div", { className: e.tabSWitcherWrapper, children: [
+              /* @__PURE__ */ t("div", { className: e.switcherTitle, children: "Готовность" }),
+              /* @__PURE__ */ t("div", { className: e.switcherScroll, children: /* @__PURE__ */ t(
+                _,
+                {
+                  variant: "grayRow",
+                  addClassName: e.tabs,
+                  isApart: !0,
+                  children: p?.map((o, n) => {
+                    const r = o.value;
+                    return /* @__PURE__ */ t(
+                      _.Item,
+                      {
+                        itemsLength: p?.length,
+                        dataTestId: `filterWithSave_year_${r}_tab`,
+                        size_s: "small",
+                        mini: !0,
+                        value: r,
+                        onClick: () => q(),
+                        checked: O?.find((m) => m.value === r)?.state ?? !1,
+                        onChange: () => {
+                          g?.(
+                            (m) => m.map((c) => c.value === r ? { ...c, state: !c.state } : c)
+                          );
+                        },
+                        index: n,
+                        addItemClassName: e.tabSwitcher,
+                        children: r
+                      },
+                      n
+                    );
+                  })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ t("div", { className: e.selectWrapper, children: s?.map((o, n) => /* @__PURE__ */ t(
+              M,
+              {
+                sizeIcon: "24",
+                dataTestId: `filterWIthSave_${n}_select`,
+                addClassName: e.filterOption,
+                disabledOptions: [],
+                clickableOptions: s?.map((r) => r.value.toString()),
+                selectedOptions: k,
+                option: o,
+                handleOptionClick: w
+              },
+              n
+            )) }),
+            /* @__PURE__ */ d("div", { className: e.btnWrapper, children: [
+              /* @__PURE__ */ t(
+                f,
+                {
+                  "data-testid": "filterWithSave_clear_btn",
+                  as: "button",
+                  variant: "gray",
+                  additionalClass: e.resetBtn,
+                  onClick: T,
+                  children: "Сбросить"
+                }
+              ),
+              /* @__PURE__ */ t(
+                f,
+                {
+                  "data-testid": "filterWithSave_save_btn",
+                  as: "button",
+                  additionalClass: e.saveBtn,
+                  onClick: x,
+                  children: "Сохранить"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    b && /* @__PURE__ */ t(
+      V,
+      {
+        isOpen: W,
+        emitIsOpen: y,
+        isTransparentBack: !0,
+        additionalClassModalBody: e.modalAddBody,
+        additionalClass: e.filterWithSaveModal,
+        children: /* @__PURE__ */ t($, {})
+      }
+    )
+  ] });
+};
 export {
-  a as FilterWithSave
+  ye as FilterWithSave
 };