stone-kit 0.0.548 → 0.0.550

package/dist/{FilterWithSave-DxzFoKBs.js → FilterWithSave-CbevT66T.js}

@@ -1,4 +1,4 @@
-import { jsxs as W, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { jsxs as b, jsx as e, Fragment as z } from "react/jsx-runtime";
 import { forwardRef as tt, useState as B, useRef as H, useEffect as A } from "react";
 import { NewIcon as R } from "./components/NewIcon/ui/NewIcon.js";
 import { M as V } from "./Modal-BZv6nlLe.js";
@@ -22,10 +22,10 @@ import "./components/SliderNavigation/ui/SliderNavigation.js";
 import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
 import "./components/TabSelect/ui/TabSelect.js";
 import "./components/FormModal/ui/ModalForm.js";
-import { O as rt } from "./Option-CyYM1iBJ.js";
-const st = "_root_2bilg_1", ot = "_text_2bilg_18", nt = "_textMini_2bilg_26", at = "_rootCol_2bilg_32", lt = "_item_2bilg_38", ct = "_whiteRow_2bilg_57", dt = "_firstItem_2bilg_68", pt = "_lastItem_2bilg_72", mt = "_apart_2bilg_103", _t = "_isLong_2bilg_103", ht = "_autoWidth_2bilg_128", ut = "_mini_2bilg_132", ft = "_isDisabled_2bilg_140", yt = "_grayRow_2bilg_164", p = {
-  root: st,
-  text: ot,
+import { O as ot } from "./Option-CyYM1iBJ.js";
+const rt = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", at = "_rootCol_2bilg_32", lt = "_item_2bilg_38", ct = "_whiteRow_2bilg_57", dt = "_firstItem_2bilg_68", pt = "_lastItem_2bilg_72", mt = "_apart_2bilg_103", _t = "_isLong_2bilg_103", ht = "_autoWidth_2bilg_128", ut = "_mini_2bilg_132", ft = "_isDisabled_2bilg_140", yt = "_grayRow_2bilg_164", p = {
+  root: rt,
+  text: st,
   textMini: nt,
   rootCol: at,
   item: lt,
@@ -40,45 +40,45 @@ const st = "_root_2bilg_1", ot = "_text_2bilg_18", nt = "_textMini_2bilg_26", at
   grayRow: yt
 }, j = J.bind(p), vt = ({
   children: n,
-  variant: o = "whiteRow",
+  variant: s = "whiteRow",
   isApart: a = !1,
   addClassName: _ = "",
   col: h = !1
-}) => /* @__PURE__ */ e("div", { className: j(p.root, p[o], _, { [p.rootCol]: h, [p.apart]: a }), children: n }), K = tt((n, o) => {
+}) => /* @__PURE__ */ e("div", { className: j(p.root, p[s], _, { [p.rootCol]: h, [p.apart]: a }), children: n }), K = tt((n, s) => {
   const { isTablet: a, isDesktop: _ } = D(), {
     index: h,
     children: t,
     addItemClassName: i,
     addTextClass: d,
-    disabled: O = !1,
+    disabled: w = !1,
     itemsLength: k = 0,
-    isLongOn: N = !0,
-    width: m,
+    isLongOn: O = !0,
+    width: u,
     width_m: l,
-    width_l: u,
+    width_l: m,
     mini: S = !1,
     ...C
-  } = n, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && N, w = (y, g) => y && l ? l : g && u ? u : m, f = !m && !l && !u && x;
-  return /* @__PURE__ */ W("label", { className: j({ [p.isLong]: x }), children: [
+  } = n, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && O, N = (y, W) => y && l ? l : W && m ? m : u, f = !u && !l && !m && x;
+  return /* @__PURE__ */ b("label", { className: j({ [p.isLong]: x }), children: [
     /* @__PURE__ */ e(
       "input",
       {
-        ref: o,
+        ref: s,
         type: "checkbox",
         ...C,
-        disabled: O
+        disabled: w
       }
     ),
     /* @__PURE__ */ e(
       "div",
       {
-        style: { width: w(a, _) },
+        style: { width: N(a, _) },
         className: j(
           j(
             p.item,
             { [p.firstItem]: h === 0 },
             { [p.lastItem]: h === k - 1 },
-            { [p.isDisabled]: O },
+            { [p.isDisabled]: w },
             { [p.autoWidth]: f },
             { [p.mini]: S }
           ),
@@ -90,26 +90,26 @@ const st = "_root_2bilg_1", ot = "_text_2bilg_18", nt = "_textMini_2bilg_26", at
   ] });
 });
 K.displayName = "TabSwitcherItem";
-const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
+const q = Object.assign(vt, { Item: K }), M = J.bind(c), gt = ({
   options: n,
-  selectedOption: o,
+  selectedOption: s,
   placeholder: a = "",
   error: _,
   disabled: h,
   additionalClass: t = "",
   onChange: i,
   onBlur: d,
-  mini: O,
+  mini: w,
   openOnTop: k = !1,
-  onClickItem: N,
-  onCLickSelect: m
+  onClickItem: O,
+  onCLickSelect: u
 }) => {
-  const [l, u] = B(!1), S = H(null), { isMobile: C } = D(), { handleBlur: x, getInputValue: w, getOption: f, handleDocumentClick: y } = it(
+  const [l, m] = B(!1), S = H(null), { isMobile: C } = D(), { handleBlur: x, getInputValue: N, getOption: f, handleDocumentClick: y } = it(
     {
-      selectedOption: o,
-      onClickOption: N,
+      selectedOption: s,
+      onClickOption: O,
       setSelectedOption: i,
-      setIsOpen: u,
+      setIsOpen: m,
       containerRef: S,
       isOpen: l,
       isMobile: C,
@@ -120,7 +120,7 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
   );
   return A(() => (document.addEventListener("click", y), () => {
     document.removeEventListener("click", y);
-  }), []), /* @__PURE__ */ W(
+  }), []), /* @__PURE__ */ b(
     "div",
     {
       ref: S,
@@ -133,22 +133,22 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
       tabIndex: 0,
       onBlur: x,
       onClick: () => {
-        m && m();
+        u && u();
       },
       children: [
-        /* @__PURE__ */ W("div", { className: M(c.inputWrapper), children: [
+        /* @__PURE__ */ b("div", { className: M(c.inputWrapper), children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               readOnly: !0,
-              value: w(),
+              value: N(),
               className: M(
                 c.selectedOptions,
                 { [c.selectOptionsDisabled]: h },
-                { [c.selectionOptionMini]: O }
+                { [c.selectionOptionMini]: w }
               ),
-              onClick: () => u(!l)
+              onClick: () => m(!l)
             }
           ),
           /* @__PURE__ */ e(
@@ -160,19 +160,19 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
             }
           )
         ] }),
-        l && C && /* @__PURE__ */ W(
+        l && C && /* @__PURE__ */ b(
           V,
           {
             isOpen: l,
-            emitIsOpen: u,
+            emitIsOpen: m,
             additionalClassModalBody: c.modalAddBody,
             additionalClass: c.selectModal,
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ W("div", { className: c.mobileSortHeader, children: [
+              /* @__PURE__ */ b("div", { className: c.mobileSortHeader, children: [
                 /* @__PURE__ */ e(G, { children: "Сортировка" }),
-                /* @__PURE__ */ e("div", { onClick: () => u(!1), children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { onClick: () => m(!1), children: /* @__PURE__ */ e(
                   R,
                   {
                     name: "close",
@@ -180,19 +180,19 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ e("div", { className: c.mobileOptionList, children: n == null ? void 0 : n.map((g) => f(g)) })
+              /* @__PURE__ */ e("div", { className: c.mobileOptionList, children: n == null ? void 0 : n.map((W) => f(W)) })
             ]
           }
         ),
-        l && !C && /* @__PURE__ */ e("div", { className: M(c.optionsList, { [c.optionListOnTop]: k }), children: n == null ? void 0 : n.map((g) => f(g)) })
+        l && !C && /* @__PURE__ */ e("div", { className: M(c.optionsList, { [c.optionListOnTop]: k }), children: n == null ? void 0 : n.map((W) => f(W)) })
       ]
     }
   );
 };
-bt.displayName = "SortSelect";
-const Wt = "_root_j0tyy_1", gt = "_filterWithSaveModal_j0tyy_15", Nt = "_modalAddBody_j0tyy_20", wt = "_closeBtn_j0tyy_29", Ot = "_btnName_j0tyy_35", St = "_modalTitle_j0tyy_39", Ct = "_tabSWitcherWrapper_j0tyy_48", kt = "_switcherTitle_j0tyy_56", xt = "_switcherScroll_j0tyy_63", Bt = "_tabs_j0tyy_67", jt = "_selectWrapper_j0tyy_72", It = "_filterOption_j0tyy_76", Mt = "_btnWrapper_j0tyy_83", Rt = "_resetBtn_j0tyy_89", Lt = "_saveBtn_j0tyy_90", At = "_desktopWrapper_j0tyy_94", Dt = "_desktopWrapperOpen_j0tyy_116", r = {
-  root: Wt,
-  filterWithSaveModal: gt,
+gt.displayName = "SortSelect";
+const bt = "_root_j0tyy_1", Wt = "_filterWithSaveModal_j0tyy_15", Nt = "_modalAddBody_j0tyy_20", wt = "_closeBtn_j0tyy_29", Ot = "_btnName_j0tyy_35", St = "_modalTitle_j0tyy_39", Ct = "_tabSWitcherWrapper_j0tyy_48", kt = "_switcherTitle_j0tyy_56", xt = "_switcherScroll_j0tyy_63", Bt = "_tabs_j0tyy_67", jt = "_selectWrapper_j0tyy_72", It = "_filterOption_j0tyy_76", Mt = "_btnWrapper_j0tyy_83", Rt = "_resetBtn_j0tyy_89", Lt = "_saveBtn_j0tyy_90", At = "_desktopWrapper_j0tyy_94", Dt = "_desktopWrapperOpen_j0tyy_116", r = {
+  root: bt,
+  filterWithSaveModal: Wt,
   modalAddBody: Nt,
   closeBtn: wt,
   btnName: Ot,
@@ -217,7 +217,7 @@ var Q = { exports: {} };
 */
 (function(n) {
   (function() {
-    var o = {}.hasOwnProperty;
+    var s = {}.hasOwnProperty;
     function a() {
       for (var t = "", i = 0; i < arguments.length; i++) {
         var d = arguments[i];
@@ -236,7 +236,7 @@ var Q = { exports: {} };
         return t.toString();
       var i = "";
       for (var d in t)
-        o.call(t, d) && t[d] && (i = h(i, this && this[d] || d));
+        s.call(t, d) && t[d] && (i = h(i, this && this[d] || d));
       return i;
     }
     function h(t, i) {
@@ -248,43 +248,43 @@ var Q = { exports: {} };
 var Et = Q.exports;
 const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
   disabledOptions: n = [],
-  tabs: o = [],
+  tabs: s = [],
   selectOptions: a = [],
   onChange: _,
   selectedValues: h = [],
   setSelectedTabs: t,
   selectedTabs: i = [],
   onClickItem: d,
-  onCLickSelect: O,
+  onCLickSelect: w,
   btnName: k = "Фильтр"
 }) => {
-  const { isMobile: N } = D(), [m, l] = B(!1), u = H(null), [S, C] = B(i), [x] = B(h), [w, f] = B(S), [y, g] = B(x), U = (s) => {
-    if (d && d(s), n.some((b) => b.value === s.value))
+  const { isMobile: O } = D(), [u, l] = B(!1), m = H(null), [S, C] = B(i), [x] = B(h), [N, f] = B(S), [y, W] = B(x), U = (o) => {
+    if (d && d(o), n.some((g) => g.value === o.value))
       return;
-    const v = y.some((b) => b.value === s.value) ? y.filter((b) => b.value !== s.value) : [...y, s];
-    g(v);
+    const v = y.some((g) => g.value === o.value) ? y.filter((g) => g.value !== o.value) : [...y, o];
+    W(v);
   }, X = () => {
-    C(o), g([]), _ && (_([]), t == null || t(o));
+    C(s), W([]), _ && (_([]), t == null || t(s));
   }, Y = () => {
-    g(h), f(i);
+    W(h), f(i);
   }, E = () => {
     Y(), l(!1);
   }, Z = () => {
-    _ && (t == null || t(w), _(y)), l(!1);
+    _ && (t == null || t(N), _(y)), l(!1);
   };
   A(() => {
-    m && f(i);
-  }, [m]);
-  const T = (s) => {
-    if (!m || N)
+    u && f(i);
+  }, [u]);
+  const T = (o) => {
+    if (console.log("Клик по:", o.target), !u || O)
       return;
-    const v = s.target;
-    u.current && !u.current.contains(v) && E();
+    const v = o.target;
+    m.current && !m.current.contains(v) && o.target !== m.current && (console.log("Закрытие модалки"), E());
   };
-  A(() => (m && !N && document.addEventListener("click", T), () => {
-    document.removeEventListener("click", T);
-  }), [m]);
-  const $ = () => /* @__PURE__ */ W(z, { children: [
+  A(() => (console.log("Добавляю обработчик клика на document"), document.addEventListener("click", T), () => {
+    console.log("Удаляю обработчик клика с document"), document.removeEventListener("click", T);
+  }), [u]);
+  const $ = () => /* @__PURE__ */ b(z, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -300,7 +300,7 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
       }
     ),
     /* @__PURE__ */ e("div", { className: r.modalTitle, children: "Фильтры" }),
-    /* @__PURE__ */ W("div", { className: r.tabSWitcherWrapper, children: [
+    /* @__PURE__ */ b("div", { className: r.tabSWitcherWrapper, children: [
       /* @__PURE__ */ e("div", { className: r.switcherTitle, children: "Готовность" }),
       /* @__PURE__ */ e("div", { className: r.switcherScroll, children: /* @__PURE__ */ e(
         q,
@@ -308,26 +308,26 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
           variant: "grayRow",
           addClassName: r.tabs,
           isApart: !0,
-          children: o == null ? void 0 : o.map((s, v) => {
+          children: s == null ? void 0 : s.map((o, v) => {
             var P;
-            const b = s.value;
+            const g = o.value;
             return /* @__PURE__ */ e(
               q.Item,
               {
-                itemsLength: o == null ? void 0 : o.length,
+                itemsLength: s == null ? void 0 : s.length,
                 mini: !0,
-                value: b,
+                value: g,
                 onClick: () => {
                 },
-                checked: ((P = w == null ? void 0 : w.find((L) => L.value === b)) == null ? void 0 : P.state) ?? !1,
+                checked: ((P = N == null ? void 0 : N.find((L) => L.value === g)) == null ? void 0 : P.state) ?? !1,
                 onChange: () => {
                   f == null || f(
-                    (L) => L.map((I) => I.value === b ? { ...I, state: !I.state } : I)
+                    (L) => L.map((I) => I.value === g ? { ...I, state: !I.state } : I)
                   );
                 },
                 index: v,
                 addItemClassName: r.tabSwitcher,
-                children: b
+                children: g
               },
               v
             );
@@ -339,22 +339,22 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
       "div",
       {
         className: r.selectWrapper,
-        onClick: (s) => s.stopPropagation(),
-        children: a == null ? void 0 : a.map((s, v) => /* @__PURE__ */ e(
-          rt,
+        onClick: (o) => o.stopPropagation(),
+        children: a == null ? void 0 : a.map((o, v) => /* @__PURE__ */ e(
+          ot,
           {
             addClassName: r.filterOption,
             disabledOptions: [],
             clickableOptions: [],
             selectedOptions: y,
-            option: s,
+            option: o,
             handleOptionClick: U
           },
           v
         ))
       }
     ),
-    /* @__PURE__ */ W("div", { className: r.btnWrapper, children: [
+    /* @__PURE__ */ b("div", { className: r.btnWrapper, children: [
       /* @__PURE__ */ e(
         F,
         {
@@ -376,13 +376,13 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
       )
     ] })
   ] });
-  return /* @__PURE__ */ W(z, { children: [
-    /* @__PURE__ */ W(
+  return /* @__PURE__ */ b(z, { children: [
+    /* @__PURE__ */ b(
       "div",
       {
         className: r.root,
-        onClick: (s) => {
-          s.stopPropagation(), O && O(), l(N ? (v) => !v : !0);
+        onClick: (o) => {
+          o.stopPropagation(), w && w(), l(O ? (v) => !v : !0);
         },
         children: [
           /* @__PURE__ */ e("div", { className: r.btnName, children: k }),
@@ -396,19 +396,19 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
           /* @__PURE__ */ e(
             "div",
             {
-              ref: u,
-              className: $t(r.desktopWrapper, { [r.desktopWrapperOpen]: m }),
-              onClick: (s) => s.stopPropagation(),
+              ref: m,
+              className: $t(r.desktopWrapper, { [r.desktopWrapperOpen]: u }),
+              onClick: (o) => o.stopPropagation(),
               children: /* @__PURE__ */ e($, {})
             }
           )
         ]
       }
     ),
-    N && /* @__PURE__ */ e(
+    O && /* @__PURE__ */ e(
       V,
       {
-        isOpen: m,
+        isOpen: u,
         emitIsOpen: l,
         isTransparentBack: !0,
         additionalClassModalBody: r.modalAddBody,
@@ -421,5 +421,5 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
 export {
   pe as F,
   q as S,
-  bt as a
+  gt 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-DxzFoKBs.js";
+import { F as w } from "../../../FilterWithSave-CbevT66T.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-DxzFoKBs.js";
+import { a as r } from "../../FilterWithSave-CbevT66T.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-DxzFoKBs.js";
+import { a as z } from "../../../FilterWithSave-CbevT66T.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-DxzFoKBs.js";
+import { S as e } from "../../FilterWithSave-CbevT66T.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-DxzFoKBs.js";
+import { S as v } from "../../../FilterWithSave-CbevT66T.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-DxzFoKBs.js";
+import "../../../FilterWithSave-CbevT66T.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-DxzFoKBs.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-CbevT66T.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.548",
+  "version": "0.0.550",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",