stone-kit 0.0.520 → 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,48 +1,56 @@
-import { jsxs as n, Fragment as O, jsx as t } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { NewIcon as v } from "../../NewIcon/ui/NewIcon.js";
-import { M as T } from "../../../Modal-BZv6nlLe.js";
-import { S as w } from "../../../SortSelect-Chp89Mue.js";
-import { O as M } from "../../../Option-CyYM1iBJ.js";
-import { Button as k } from "../../Button/ui/Button.js";
-const b = "_root_1fkwh_1", g = "_filterWithSaveModal_1fkwh_15", y = "_modalAddBody_1fkwh_20", A = "_closeBtn_1fkwh_29", I = "_modalTitle_1fkwh_35", x = "_tabSWitcherWrapper_1fkwh_44", j = "_switcherTitle_1fkwh_52", z = "_switcherScroll_1fkwh_59", F = "_tabs_1fkwh_63", L = "_selectWrapper_1fkwh_68", R = "_filterOption_1fkwh_72", q = "_btnWrapper_1fkwh_79", D = "_resetBtn_1fkwh_85", E = "_saveBtn_1fkwh_86", e = {
-  root: b,
-  filterWithSaveModal: g,
-  modalAddBody: y,
-  closeBtn: A,
-  modalTitle: I,
-  tabSWitcherWrapper: x,
-  switcherTitle: j,
-  switcherScroll: z,
-  tabs: F,
-  selectWrapper: L,
-  filterOption: R,
-  btnWrapper: q,
-  resetBtn: D,
-  saveBtn: E
-}, V = ({
-  disabledOptions: u = [],
-  tabs: r = [],
-  selectOptions: c = [],
-  onChange: W,
-  selectedValues: S = []
+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 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(S);
-  console.log(W);
-  const N = (a) => {
-    if (u.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 = () => {
+    l == null || l(i), _([]);
+  }, S = () => {
+    f(), o(!1);
+  }, M = () => {
+    o(!1);
   };
-  return /* @__PURE__ */ n(O, { children: [
+  return /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: e.root,
-        onClick: () => d((a) => !a),
+        onClick: () => {
+          o((a) => !a);
+        },
         children: /* @__PURE__ */ t(
-          v,
+          k,
           {
             name: "filter",
             size: "16"
@@ -50,11 +58,11 @@ const b = "_root_1fkwh_1", g = "_filterWithSaveModal_1fkwh_15", y = "_modalAddBo
         )
       }
     ),
-    /* @__PURE__ */ n(
-      T,
+    /* @__PURE__ */ d(
+      y,
       {
-        isOpen: B,
-        emitIsOpen: d,
+        isOpen: N,
+        emitIsOpen: o,
         isTransparentBack: !0,
         additionalClassModalBody: e.modalAddBody,
         additionalClass: e.filterWithSaveModal,
@@ -63,9 +71,9 @@ const b = "_root_1fkwh_1", g = "_filterWithSaveModal_1fkwh_15", y = "_modalAddBo
             "div",
             {
               className: e.closeBtn,
-              onClick: () => d(!1),
+              onClick: S,
               children: /* @__PURE__ */ t(
-                v,
+                k,
                 {
                   name: "close",
                   size: "24"
@@ -74,68 +82,70 @@ const b = "_root_1fkwh_1", g = "_filterWithSaveModal_1fkwh_15", y = "_modalAddBo
             }
           ),
           /* @__PURE__ */ t("div", { className: e.modalTitle, children: "Фильтры" }),
-          /* @__PURE__ */ n("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(
-              w,
+              W,
               {
                 variant: "grayRow",
                 addClassName: e.tabs,
                 isApart: !0,
-                children: r == null ? void 0 : r.map((a, s) => {
-                  var f;
-                  const l = a.value;
+                children: i == null ? void 0 : i.map((a, n) => {
+                  var v;
+                  const r = a.value;
                   return /* @__PURE__ */ t(
-                    w.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: ((f = C.find((h) => h.value === l)) == null ? void 0 : f.state) ?? !1,
-                      onChange: () => p((h) => h.map((o) => o.value === l ? { ...o, state: !o.state } : o)),
-                      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(
-            M,
+          /* @__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__ */ n("div", { className: e.btnWrapper, children: [
+          /* @__PURE__ */ d("div", { className: e.btnWrapper, children: [
             /* @__PURE__ */ t(
-              k,
+              u,
               {
                 as: "button",
                 variant: "gray",
                 additionalClass: e.resetBtn,
-                onClick: () => {
-                  p(r), _([]);
-                },
+                onClick: f,
                 children: "Сбросить"
               }
             ),
             /* @__PURE__ */ t(
-              k,
+              u,
               {
                 as: "button",
                 additionalClass: e.saveBtn,
-                onClick: () => null,
+                onClick: M,
                 children: "Сохранить"
               }
             )
@@ -146,5 +156,5 @@ const b = "_root_1fkwh_1", g = "_filterWithSaveModal_1fkwh_15", y = "_modalAddBo
   ] });
 };
 export {
-  V as FilterWithSave
+  T as FilterWithSave
 };

package/package.json

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