stone-kit 0.0.579 → 0.0.581

package/dist/{FilterWithSave-C8YKZZ0p.js → FilterWithSave-DKQEWGp7.js}

@@ -1,10 +1,10 @@
-import { jsxs as W, jsx as e, Fragment as F } from "react/jsx-runtime";
-import { forwardRef as Z, useState as B, useRef as P, useEffect as D } from "react";
+import { jsxs as N, jsx as e, Fragment as F } from "react/jsx-runtime";
+import { forwardRef as Z, useState as B, useRef as J, useEffect as D } from "react";
 import { NewIcon as R } from "./components/NewIcon/ui/NewIcon.js";
 import { M as q } from "./Modal-BZv6nlLe.js";
 import { Text as H } from "./components/Text/ui/Text.js";
 import { c as V, g as tt } from "./index-rKuIKazb.js";
-import { Button as T } from "./components/Button/ui/Button.js";
+import { Button as P } from "./components/Button/ui/Button.js";
 import "./components/mobileButton/ui/MobileButton.js";
 import "./components/DestinationTab/ui/DestinationTab.js";
 import "./components/RoundButton/ui/RoundButton.js";
@@ -23,7 +23,7 @@ import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
 import "./components/TabSelect/ui/TabSelect.js";
 import "./components/FormModal/ui/ModalForm.js";
 import { O as it } from "./Option-CyYM1iBJ.js";
-const rt = "_root_2bilg_1", ot = "_text_2bilg_18", nt = "_textMini_2bilg_26", st = "_rootCol_2bilg_32", at = "_item_2bilg_38", ct = "_whiteRow_2bilg_57", lt = "_firstItem_2bilg_68", dt = "_lastItem_2bilg_72", mt = "_apart_2bilg_103", pt = "_isLong_2bilg_103", _t = "_autoWidth_2bilg_128", ut = "_mini_2bilg_132", ft = "_isDisabled_2bilg_140", ht = "_grayRow_2bilg_164", p = {
+const rt = "_root_2bilg_1", ot = "_text_2bilg_18", nt = "_textMini_2bilg_26", st = "_rootCol_2bilg_32", at = "_item_2bilg_38", ct = "_whiteRow_2bilg_57", lt = "_firstItem_2bilg_68", dt = "_lastItem_2bilg_72", pt = "_apart_2bilg_103", mt = "_isLong_2bilg_103", _t = "_autoWidth_2bilg_128", ut = "_mini_2bilg_132", ft = "_isDisabled_2bilg_140", ht = "_grayRow_2bilg_164", m = {
   root: rt,
   text: ot,
   textMini: nt,
@@ -32,19 +32,19 @@ const rt = "_root_2bilg_1", ot = "_text_2bilg_18", nt = "_textMini_2bilg_26", st
   whiteRow: ct,
   firstItem: lt,
   lastItem: dt,
-  apart: mt,
-  isLong: pt,
+  apart: pt,
+  isLong: mt,
   autoWidth: _t,
   mini: ut,
   isDisabled: ft,
   grayRow: ht
-}, I = V.bind(p), gt = ({
+}, I = V.bind(m), gt = ({
   children: s,
   variant: n = "whiteRow",
   isApart: a = !1,
   addClassName: _ = "",
   col: u = !1
-}) => /* @__PURE__ */ e("div", { className: I(p.root, p[n], _, { [p.rootCol]: u, [p.apart]: a }), children: s }), G = Z((s, n) => {
+}) => /* @__PURE__ */ e("div", { className: I(m.root, m[n], _, { [m.rootCol]: u, [m.apart]: a }), children: s }), G = Z((s, n) => {
   const { isTablet: a, isDesktop: _ } = E(), {
     index: u,
     children: t,
@@ -55,11 +55,11 @@ const rt = "_root_2bilg_1", ot = "_text_2bilg_18", nt = "_textMini_2bilg_26", st
     isLongOn: S = !0,
     width: f,
     width_m: c,
-    width_l: m,
+    width_l: p,
     mini: k = !1,
     ...y
-  } = s, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && S, w = (g, N) => g && c ? c : N && m ? m : f, h = !f && !c && !m && x;
-  return /* @__PURE__ */ W("label", { className: I({ [p.isLong]: x }), children: [
+  } = s, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && S, w = (v, b) => v && c ? c : b && p ? p : f, h = !f && !c && !p && x;
+  return /* @__PURE__ */ N("label", { className: I({ [m.isLong]: x }), children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -75,22 +75,22 @@ const rt = "_root_2bilg_1", ot = "_text_2bilg_18", nt = "_textMini_2bilg_26", st
         style: { width: w(a, _) },
         className: I(
           I(
-            p.item,
-            { [p.firstItem]: u === 0 },
-            { [p.lastItem]: u === C - 1 },
-            { [p.isDisabled]: O },
-            { [p.autoWidth]: h },
-            { [p.mini]: k }
+            m.item,
+            { [m.firstItem]: u === 0 },
+            { [m.lastItem]: u === C - 1 },
+            { [m.isDisabled]: O },
+            { [m.autoWidth]: h },
+            { [m.mini]: k }
           ),
           i
         ),
-        children: /* @__PURE__ */ e(H, { className: I(p.text, { [p.textMini]: k }, d), children: t })
+        children: /* @__PURE__ */ e(H, { className: I(m.text, { [m.textMini]: k }, d), children: t })
       }
     )
   ] });
 });
 G.displayName = "TabSwitcherItem";
-const J = Object.assign(gt, { Item: G }), L = V.bind(l), vt = ({
+const T = Object.assign(gt, { Item: G }), L = V.bind(l), vt = ({
   options: s,
   selectedOption: n,
   placeholder: a = "",
@@ -104,12 +104,12 @@ const J = Object.assign(gt, { Item: G }), L = V.bind(l), vt = ({
   onClickItem: S,
   onCLickSelect: f
 }) => {
-  const [c, m] = B(!1), k = P(null), { isMobile: y } = E(), { handleBlur: x, getInputValue: w, getOption: h, handleDocumentClick: g } = et(
+  const [c, p] = B(!1), k = J(null), { isMobile: y } = E(), { handleBlur: x, getInputValue: w, getOption: h, handleDocumentClick: v } = et(
     {
       selectedOption: n,
       onClickOption: S,
       setSelectedOption: i,
-      setIsOpen: m,
+      setIsOpen: p,
       containerRef: k,
       isOpen: c,
       isMobile: y,
@@ -118,9 +118,9 @@ const J = Object.assign(gt, { Item: G }), L = V.bind(l), vt = ({
       onBlur: d
     }
   );
-  return D(() => (document.addEventListener("click", g), () => {
-    document.removeEventListener("click", g);
-  }), []), /* @__PURE__ */ W(
+  return D(() => (document.addEventListener("click", v), () => {
+    document.removeEventListener("click", v);
+  }), []), /* @__PURE__ */ N(
     "div",
     {
       ref: k,
@@ -136,7 +136,7 @@ const J = Object.assign(gt, { Item: G }), L = V.bind(l), vt = ({
         f && f();
       },
       children: [
-        /* @__PURE__ */ W("div", { className: L(l.inputWrapper), children: [
+        /* @__PURE__ */ N("div", { className: L(l.inputWrapper), children: [
           /* @__PURE__ */ e(
             "input",
             {
@@ -148,7 +148,7 @@ const J = Object.assign(gt, { Item: G }), L = V.bind(l), vt = ({
                 { [l.selectOptionsDisabled]: u },
                 { [l.selectionOptionMini]: O }
               ),
-              onClick: () => m(!c)
+              onClick: () => p(!c)
             }
           ),
           /* @__PURE__ */ e(
@@ -160,19 +160,19 @@ const J = Object.assign(gt, { Item: G }), L = V.bind(l), vt = ({
             }
           )
         ] }),
-        c && y && /* @__PURE__ */ W(
+        c && y && /* @__PURE__ */ N(
           q,
           {
             isOpen: c,
-            emitIsOpen: m,
+            emitIsOpen: p,
             additionalClassModalBody: l.modalAddBody,
             additionalClass: l.selectModal,
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ W("div", { className: l.mobileSortHeader, children: [
+              /* @__PURE__ */ N("div", { className: l.mobileSortHeader, children: [
                 /* @__PURE__ */ e(H, { children: "Сортировка" }),
-                /* @__PURE__ */ e("div", { onClick: () => m(!1), children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { onClick: () => p(!1), children: /* @__PURE__ */ e(
                   R,
                   {
                     name: "close",
@@ -180,11 +180,11 @@ const J = Object.assign(gt, { Item: G }), L = V.bind(l), vt = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ e("div", { className: l.mobileOptionList, children: s == null ? void 0 : s.map((N) => h(N)) })
+              /* @__PURE__ */ e("div", { className: l.mobileOptionList, children: s == null ? void 0 : s.map((b) => h(b)) })
             ]
           }
         ),
-        c && !y && /* @__PURE__ */ e("div", { className: L(l.optionsList, { [l.optionListOnTop]: C }), children: s == null ? void 0 : s.map((N) => h(N)) })
+        c && !y && /* @__PURE__ */ e("div", { className: L(l.optionsList, { [l.optionListOnTop]: C }), children: s == null ? void 0 : s.map((b) => h(b)) })
       ]
     }
   );
@@ -258,31 +258,31 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(r), de = ({
   onCLickSelect: O,
   btnName: C = "Фильтр"
 }) => {
-  const { isMobile: S } = E(), [f, c] = B(!1), m = P(null), [k, y] = B(i), [x] = B(u), [w, h] = B(k), [g, N] = B(x), Q = (o) => {
-    if (d && d(o), s.some((v) => v.value === o.value))
+  const { isMobile: S } = E(), [f, c] = B(!1), p = J(null), [k, y] = B(i), [x] = B(u), [w, h] = B(k), [v, b] = B(x), Q = (o) => {
+    if (d && d(o), s.some((W) => W.value === o.value))
       return;
-    const b = g.some((v) => v.value === o.value) ? g.filter((v) => v.value !== o.value) : [...g, o];
-    N(b);
+    const g = v.some((W) => W.value === o.value) ? v.filter((W) => W.value !== o.value) : [...v, o];
+    b(g);
   }, U = () => {
-    y(n), h(n), N([]), _ && (_([]), t == null || t(n));
+    y(n), h(n), b([]), _ && (_([]), t == null || t(n));
   }, X = () => {
-    N(u), h(i);
+    b(u), h(i);
   }, j = () => {
     X(), c(!1);
   }, Y = () => {
-    _ && (t == null || t(w), _(g)), c(!1);
+    _ && (t == null || t(w), _(v)), c(!1);
   };
   D(() => {
     f || h((o) => JSON.stringify(o) !== JSON.stringify(i) ? i : o);
   }, [f, i]), D(() => {
-    const o = (b) => {
-      console.log("gdfgdfgdfg"), m.current && console.log(m.current.contains(b.target)), !(m.current && m.current.contains(b.target)) && j();
+    const o = (g) => {
+      g.stopPropagation(), g.stopImmediatePropagation(), console.log("gdfgdfgdfg"), p.current && console.log(p.current.contains(g.target)), !(p.current && p.current.contains(g.target)) && j();
     };
-    return f ? document.addEventListener("click", o) : document.removeEventListener("click", o), () => {
+    return f ? document.addEventListener("click", o, { capture: !0 }) : document.removeEventListener("click", o, { capture: !0 }), () => {
       document.removeEventListener("click", o);
     };
   }, [f]);
-  const $ = () => /* @__PURE__ */ W(F, { children: [
+  const $ = () => /* @__PURE__ */ N(F, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -300,56 +300,56 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(r), de = ({
       }
     ),
     /* @__PURE__ */ e("div", { className: r.modalTitle, children: "Фильтры" }),
-    /* @__PURE__ */ W("div", { className: r.tabSWitcherWrapper, children: [
+    /* @__PURE__ */ N("div", { className: r.tabSWitcherWrapper, children: [
       /* @__PURE__ */ e("div", { className: r.switcherTitle, children: "Готовность" }),
       /* @__PURE__ */ e("div", { className: r.switcherScroll, children: /* @__PURE__ */ e(
-        J,
+        T,
         {
           variant: "grayRow",
           addClassName: r.tabs,
           isApart: !0,
-          children: n == null ? void 0 : n.map((o, b) => {
+          children: n == null ? void 0 : n.map((o, g) => {
             var z;
-            const v = o.value;
+            const W = o.value;
             return /* @__PURE__ */ e(
-              J.Item,
+              T.Item,
               {
                 itemsLength: n == null ? void 0 : n.length,
                 mini: !0,
-                value: v,
+                value: W,
                 onClick: () => {
                 },
-                checked: ((z = w == null ? void 0 : w.find((A) => A.value === v)) == null ? void 0 : z.state) ?? !1,
+                checked: ((z = w == null ? void 0 : w.find((A) => A.value === W)) == null ? void 0 : z.state) ?? !1,
                 onChange: () => {
                   h == null || h(
-                    (A) => A.map((M) => M.value === v ? { ...M, state: !M.state } : M)
+                    (A) => A.map((M) => M.value === W ? { ...M, state: !M.state } : M)
                   );
                 },
-                index: b,
+                index: g,
                 addItemClassName: r.tabSwitcher,
-                children: v
+                children: W
               },
-              b
+              g
             );
           })
         }
       ) })
     ] }),
-    /* @__PURE__ */ e("div", { className: r.selectWrapper, children: a == null ? void 0 : a.map((o, b) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: r.selectWrapper, children: a == null ? void 0 : a.map((o, g) => /* @__PURE__ */ e(
       it,
       {
         addClassName: r.filterOption,
         disabledOptions: [],
         clickableOptions: [],
-        selectedOptions: g,
+        selectedOptions: v,
         option: o,
         handleOptionClick: Q
       },
-      b
+      g
     )) }),
-    /* @__PURE__ */ W("div", { className: r.btnWrapper, children: [
+    /* @__PURE__ */ N("div", { className: r.btnWrapper, children: [
       /* @__PURE__ */ e(
-        T,
+        P,
         {
           as: "button",
           variant: "gray",
@@ -359,7 +359,7 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(r), de = ({
         }
       ),
       /* @__PURE__ */ e(
-        T,
+        P,
         {
           as: "button",
           additionalClass: r.saveBtn,
@@ -369,11 +369,11 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(r), de = ({
       )
     ] })
   ] });
-  return /* @__PURE__ */ W(F, { children: [
-    /* @__PURE__ */ W(
+  return /* @__PURE__ */ N(F, { children: [
+    /* @__PURE__ */ N(
       "div",
       {
-        ref: m,
+        ref: p,
         className: r.root,
         id: "modal-container",
         onClick: () => {
@@ -407,6 +407,6 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(r), de = ({
 };
 export {
   de as F,
-  J as S,
+  T as S,
   vt as a
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../NewIcon/ui/NewIcon.js";
-import { F as w } from "../../../FilterWithSave-C8YKZZ0p.js";
+import { F as w } from "../../../FilterWithSave-DKQEWGp7.js";
 import "../../../Modal-BZv6nlLe.js";
 import "../../../Option-CyYM1iBJ.js";
 import "../../Button/ui/Button.js";

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../FilterWithSave-C8YKZZ0p.js";
+import { a as r } from "../../FilterWithSave-DKQEWGp7.js";
 export {
   r as SortSelect
 };

package/dist/components/SortSelect/ui/SortSelect.js

@@ -13,7 +13,7 @@ import "../../Text/ui/Text.js";
 import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "../../../Modal-BZv6nlLe.js";
-import { a as z } from "../../../FilterWithSave-C8YKZZ0p.js";
+import { a as z } from "../../../FilterWithSave-DKQEWGp7.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
 import "../../LotCard/ui/LotCard.js";

package/dist/components/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../FilterWithSave-C8YKZZ0p.js";
+import { S as e } from "../../FilterWithSave-DKQEWGp7.js";
 export {
   e as TabSwitcher
 };

package/dist/components/TabSwitcher/ui/TabSwitcher.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { S as v } from "../../../FilterWithSave-C8YKZZ0p.js";
+import { S as v } from "../../../FilterWithSave-DKQEWGp7.js";
 import "../../Text/ui/Text.js";
 import "../../../index-rKuIKazb.js";
 import "../../Button/ui/Button.js";

package/dist/components/ZoomControls/ui/ZoomControls.js

@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "react";
 import "../../../Modal-BZv6nlLe.js";
-import "../../../FilterWithSave-C8YKZZ0p.js";
+import "../../../FilterWithSave-DKQEWGp7.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../../index-rKuIKazb.js";
 import "../../MetroTag/ui/MetroTag.js";

package/dist/main.js

@@ -10,7 +10,7 @@ import { Flex as T } from "./components/Flex/ui/Flex.js";
 import { Input as F } from "./components/Input/ui/Input.js";
 import { M as g } from "./Modal-BZv6nlLe.js";
 import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
-import { F as B, a as L, S as k } from "./FilterWithSave-C8YKZZ0p.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-DKQEWGp7.js";
 import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as j } from "./components/Logo/ui/Logo.js";
 import { MetroTag as D } from "./components/MetroTag/ui/MetroTag.js";

package/package.json

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