stone-kit 0.0.521 → 0.0.523

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