stone-kit 0.0.521 → 0.0.522

package/dist/components/FilterWithSave/ui/FilterWithSave.d.ts

@@ -8,7 +8,15 @@ interface IFilterWithSave {
         value: string;
         state: boolean;
     }[];
+    selectedTabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    setSelectedTabs?: React.Dispatch<React.SetStateAction<{
+        value: string;
+        state: boolean;
+    }[]>>;
     onChange?: (selectedOptions: TOption[]) => unknown;
 }
-export declare const FilterWithSave: ({ disabledOptions, tabs, selectOptions, onChange, selectedValues, }: IFilterWithSave) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterWithSave: ({ disabledOptions, tabs, selectOptions, onChange, selectedValues, setSelectedTabs, selectedTabs, }: IFilterWithSave) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,53 +1,56 @@
-import { jsxs as o, Fragment as M, jsx as t } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { NewIcon as w } from "../../NewIcon/ui/NewIcon.js";
-import { M as b } from "../../../Modal-BZv6nlLe.js";
-import { S as k } from "../../../SortSelect-Chp89Mue.js";
-import { O as g } from "../../../Option-CyYM1iBJ.js";
+import { jsxs as d, Fragment as g, jsx as t } from "react/jsx-runtime";
+import { useState as w } from "react";
+import { NewIcon as k } from "../../NewIcon/ui/NewIcon.js";
+import { M as y } from "../../../Modal-BZv6nlLe.js";
+import { S as W } from "../../../SortSelect-Chp89Mue.js";
+import { O as A } from "../../../Option-CyYM1iBJ.js";
 import { Button as u } from "../../Button/ui/Button.js";
-const y = "_root_1fkwh_1", A = "_filterWithSaveModal_1fkwh_15", I = "_modalAddBody_1fkwh_20", x = "_closeBtn_1fkwh_29", j = "_modalTitle_1fkwh_35", z = "_tabSWitcherWrapper_1fkwh_44", F = "_switcherTitle_1fkwh_52", R = "_switcherScroll_1fkwh_59", L = "_tabs_1fkwh_63", q = "_selectWrapper_1fkwh_68", D = "_filterOption_1fkwh_72", E = "_btnWrapper_1fkwh_79", G = "_resetBtn_1fkwh_85", H = "_saveBtn_1fkwh_86", e = {
-  root: y,
-  filterWithSaveModal: A,
-  modalAddBody: I,
-  closeBtn: x,
-  modalTitle: j,
-  tabSWitcherWrapper: z,
-  switcherTitle: F,
-  switcherScroll: R,
-  tabs: L,
-  selectWrapper: q,
-  filterOption: D,
-  btnWrapper: E,
-  resetBtn: G,
-  saveBtn: H
-}, Z = ({
-  disabledOptions: S = [],
-  tabs: r = [],
-  selectOptions: c = [],
-  onChange: J,
-  selectedValues: W = []
+const I = "_root_1fkwh_1", x = "_filterWithSaveModal_1fkwh_15", j = "_modalAddBody_1fkwh_20", z = "_closeBtn_1fkwh_29", F = "_modalTitle_1fkwh_35", R = "_tabSWitcherWrapper_1fkwh_44", L = "_switcherTitle_1fkwh_52", q = "_switcherScroll_1fkwh_59", D = "_tabs_1fkwh_63", E = "_selectWrapper_1fkwh_68", G = "_filterOption_1fkwh_72", H = "_btnWrapper_1fkwh_79", J = "_resetBtn_1fkwh_85", K = "_saveBtn_1fkwh_86", e = {
+  root: I,
+  filterWithSaveModal: x,
+  modalAddBody: j,
+  closeBtn: z,
+  modalTitle: F,
+  tabSWitcherWrapper: R,
+  switcherTitle: L,
+  switcherScroll: q,
+  tabs: D,
+  selectWrapper: E,
+  filterOption: G,
+  btnWrapper: H,
+  resetBtn: J,
+  saveBtn: K
+}, T = ({
+  disabledOptions: B = [],
+  tabs: i = [],
+  selectOptions: h = [],
+  onChange: P,
+  selectedValues: C = [],
+  setSelectedTabs: l,
+  selectedTabs: m
 }) => {
-  const [B, d] = m(!1), [C, p] = m(r), [i, _] = m(W), N = (a) => {
-    if (S.some((l) => l.value === a.value))
+  const [N, o] = w(!1), [s, _] = w(C), O = (a) => {
+    if (B.some((r) => r.value === a.value))
       return;
-    const s = i.some((l) => l.value === a.value) ? i.filter((l) => l.value !== a.value) : [...i, a];
-    _(s);
+    const n = s.some((r) => r.value === a.value) ? s.filter((r) => r.value !== a.value) : [...s, a];
+    _(n);
   }, f = () => {
-    p(r), _([]);
-  }, O = () => {
-    f(), d(!1);
-  }, T = () => {
+    l == null || l(i), _([]);
+  }, S = () => {
+    f(), o(!1);
+  }, M = () => {
+    o(!1);
   };
-  return /* @__PURE__ */ o(M, { children: [
+  return /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: e.root,
         onClick: () => {
-          d((a) => !a);
+          o((a) => !a);
         },
         children: /* @__PURE__ */ t(
-          w,
+          k,
           {
             name: "filter",
             size: "16"
@@ -55,11 +58,11 @@ const y = "_root_1fkwh_1", A = "_filterWithSaveModal_1fkwh_15", I = "_modalAddBo
         )
       }
     ),
-    /* @__PURE__ */ o(
-      b,
+    /* @__PURE__ */ d(
+      y,
       {
-        isOpen: B,
-        emitIsOpen: d,
+        isOpen: N,
+        emitIsOpen: o,
         isTransparentBack: !0,
         additionalClassModalBody: e.modalAddBody,
         additionalClass: e.filterWithSaveModal,
@@ -68,9 +71,9 @@ const y = "_root_1fkwh_1", A = "_filterWithSaveModal_1fkwh_15", I = "_modalAddBo
             "div",
             {
               className: e.closeBtn,
-              onClick: O,
+              onClick: S,
               children: /* @__PURE__ */ t(
-                w,
+                k,
                 {
                   name: "close",
                   size: "24"
@@ -79,50 +82,54 @@ const y = "_root_1fkwh_1", A = "_filterWithSaveModal_1fkwh_15", I = "_modalAddBo
             }
           ),
           /* @__PURE__ */ t("div", { className: e.modalTitle, children: "Фильтры" }),
-          /* @__PURE__ */ o("div", { className: e.tabSWitcherWrapper, children: [
+          /* @__PURE__ */ d("div", { className: e.tabSWitcherWrapper, children: [
             /* @__PURE__ */ t("div", { className: e.switcherTitle, children: "Готовность" }),
             /* @__PURE__ */ t("div", { className: e.switcherScroll, children: /* @__PURE__ */ t(
-              k,
+              W,
               {
                 variant: "grayRow",
                 addClassName: e.tabs,
                 isApart: !0,
-                children: r == null ? void 0 : r.map((a, s) => {
+                children: i == null ? void 0 : i.map((a, n) => {
                   var v;
-                  const l = a.value;
+                  const r = a.value;
                   return /* @__PURE__ */ t(
-                    k.Item,
+                    W.Item,
                     {
-                      itemsLength: r == null ? void 0 : r.length,
+                      itemsLength: i == null ? void 0 : i.length,
                       mini: !0,
-                      value: l,
+                      value: r,
                       onClick: () => {
                       },
-                      checked: ((v = C.find((h) => h.value === l)) == null ? void 0 : v.state) ?? !1,
-                      onChange: () => p((h) => h.map((n) => n.value === l ? { ...n, state: !n.state } : n)),
-                      index: s,
+                      checked: ((v = m == null ? void 0 : m.find((p) => p.value === r)) == null ? void 0 : v.state) ?? !1,
+                      onChange: () => {
+                        l == null || l(
+                          (p) => p.map((c) => c.value === r ? { ...c, state: !c.state } : c)
+                        );
+                      },
+                      index: n,
                       addItemClassName: e.tabSwitcher,
-                      children: l
+                      children: r
                     },
-                    s
+                    n
                   );
                 })
               }
             ) })
           ] }),
-          /* @__PURE__ */ t("div", { className: e.selectWrapper, children: c == null ? void 0 : c.map((a, s) => /* @__PURE__ */ t(
-            g,
+          /* @__PURE__ */ t("div", { className: e.selectWrapper, children: h == null ? void 0 : h.map((a, n) => /* @__PURE__ */ t(
+            A,
             {
               addClassName: e.filterOption,
               disabledOptions: [],
               clickableOptions: [],
-              selectedOptions: i,
+              selectedOptions: s,
               option: a,
-              handleOptionClick: N
+              handleOptionClick: O
             },
-            s
+            n
           )) }),
-          /* @__PURE__ */ o("div", { className: e.btnWrapper, children: [
+          /* @__PURE__ */ d("div", { className: e.btnWrapper, children: [
             /* @__PURE__ */ t(
               u,
               {
@@ -138,7 +145,7 @@ const y = "_root_1fkwh_1", A = "_filterWithSaveModal_1fkwh_15", I = "_modalAddBo
               {
                 as: "button",
                 additionalClass: e.saveBtn,
-                onClick: T,
+                onClick: M,
                 children: "Сохранить"
               }
             )
@@ -149,5 +156,5 @@ const y = "_root_1fkwh_1", A = "_filterWithSaveModal_1fkwh_15", I = "_modalAddBo
   ] });
 };
 export {
-  Z as FilterWithSave
+  T as FilterWithSave
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.521",
+  "version": "0.0.522",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",