stone-kit 0.0.550 → 0.0.552

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

@@ -1,4 +1,4 @@
-import { jsxs as b, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { jsxs as g, 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,9 +22,9 @@ 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 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,
+import { O as rt } from "./Option-CyYM1iBJ.js";
+const ot = "_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", m = {
+  root: ot,
   text: st,
   textMini: nt,
   rootCol: at,
@@ -38,28 +38,28 @@ const rt = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", at
   mini: ut,
   isDisabled: ft,
   grayRow: yt
-}, j = J.bind(p), vt = ({
+}, j = J.bind(m), vt = ({
   children: n,
   variant: s = "whiteRow",
   isApart: a = !1,
-  addClassName: _ = "",
-  col: h = !1
-}) => /* @__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,
+  addClassName: h = "",
+  col: u = !1
+}) => /* @__PURE__ */ e("div", { className: j(m.root, m[s], h, { [m.rootCol]: u, [m.apart]: a }), children: n }), K = tt((n, s) => {
+  const { isTablet: a, isDesktop: h } = D(), {
+    index: u,
     children: t,
     addItemClassName: i,
     addTextClass: d,
     disabled: w = !1,
     itemsLength: k = 0,
     isLongOn: O = !0,
-    width: u,
+    width: f,
     width_m: l,
-    width_l: m,
+    width_l: p,
     mini: S = !1,
     ...C
-  } = 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: [
+  } = n, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && O, N = (b, W) => b && l ? l : W && p ? p : f, v = !f && !l && !p && x;
+  return /* @__PURE__ */ g("label", { className: j({ [m.isLong]: x }), children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -72,44 +72,44 @@ const rt = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", at
     /* @__PURE__ */ e(
       "div",
       {
-        style: { width: N(a, _) },
+        style: { width: N(a, h) },
         className: j(
           j(
-            p.item,
-            { [p.firstItem]: h === 0 },
-            { [p.lastItem]: h === k - 1 },
-            { [p.isDisabled]: w },
-            { [p.autoWidth]: f },
-            { [p.mini]: S }
+            m.item,
+            { [m.firstItem]: u === 0 },
+            { [m.lastItem]: u === k - 1 },
+            { [m.isDisabled]: w },
+            { [m.autoWidth]: v },
+            { [m.mini]: S }
           ),
           i
         ),
-        children: /* @__PURE__ */ e(G, { className: j(p.text, { [p.textMini]: S }, d), children: t })
+        children: /* @__PURE__ */ e(G, { className: j(m.text, { [m.textMini]: S }, d), children: t })
       }
     )
   ] });
 });
 K.displayName = "TabSwitcherItem";
-const q = Object.assign(vt, { Item: K }), M = J.bind(c), gt = ({
+const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
   options: n,
   selectedOption: s,
   placeholder: a = "",
-  error: _,
-  disabled: h,
+  error: h,
+  disabled: u,
   additionalClass: t = "",
   onChange: i,
   onBlur: d,
   mini: w,
   openOnTop: k = !1,
   onClickItem: O,
-  onCLickSelect: u
+  onCLickSelect: f
 }) => {
-  const [l, m] = B(!1), S = H(null), { isMobile: C } = D(), { handleBlur: x, getInputValue: N, getOption: f, handleDocumentClick: y } = it(
+  const [l, p] = B(!1), S = H(null), { isMobile: C } = D(), { handleBlur: x, getInputValue: N, getOption: v, handleDocumentClick: b } = it(
     {
       selectedOption: s,
       onClickOption: O,
       setSelectedOption: i,
-      setIsOpen: m,
+      setIsOpen: p,
       containerRef: S,
       isOpen: l,
       isMobile: C,
@@ -118,25 +118,25 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), gt = ({
       onBlur: d
     }
   );
-  return A(() => (document.addEventListener("click", y), () => {
-    document.removeEventListener("click", y);
-  }), []), /* @__PURE__ */ b(
+  return A(() => (document.addEventListener("click", b), () => {
+    document.removeEventListener("click", b);
+  }), []), /* @__PURE__ */ g(
     "div",
     {
       ref: S,
       className: M(
         c.sortSelectWrapper,
-        { [c.sortSelectWrapperError]: _ },
+        { [c.sortSelectWrapperError]: h },
         { [c.sortSelectWrapperTop]: k },
         t
       ),
       tabIndex: 0,
       onBlur: x,
       onClick: () => {
-        u && u();
+        f && f();
       },
       children: [
-        /* @__PURE__ */ b("div", { className: M(c.inputWrapper), children: [
+        /* @__PURE__ */ g("div", { className: M(c.inputWrapper), children: [
           /* @__PURE__ */ e(
             "input",
             {
@@ -145,10 +145,10 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), gt = ({
               value: N(),
               className: M(
                 c.selectedOptions,
-                { [c.selectOptionsDisabled]: h },
+                { [c.selectOptionsDisabled]: u },
                 { [c.selectionOptionMini]: w }
               ),
-              onClick: () => m(!l)
+              onClick: () => p(!l)
             }
           ),
           /* @__PURE__ */ e(
@@ -160,19 +160,19 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), gt = ({
             }
           )
         ] }),
-        l && C && /* @__PURE__ */ b(
+        l && C && /* @__PURE__ */ g(
           V,
           {
             isOpen: l,
-            emitIsOpen: m,
+            emitIsOpen: p,
             additionalClassModalBody: c.modalAddBody,
             additionalClass: c.selectModal,
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ b("div", { className: c.mobileSortHeader, children: [
+              /* @__PURE__ */ g("div", { className: c.mobileSortHeader, children: [
                 /* @__PURE__ */ e(G, { children: "Сортировка" }),
-                /* @__PURE__ */ e("div", { onClick: () => m(!1), children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { onClick: () => p(!1), children: /* @__PURE__ */ e(
                   R,
                   {
                     name: "close",
@@ -180,18 +180,18 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), gt = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ e("div", { className: c.mobileOptionList, children: n == null ? void 0 : n.map((W) => f(W)) })
+              /* @__PURE__ */ e("div", { className: c.mobileOptionList, children: n == null ? void 0 : n.map((W) => v(W)) })
             ]
           }
         ),
-        l && !C && /* @__PURE__ */ e("div", { className: M(c.optionsList, { [c.optionListOnTop]: k }), 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((W) => v(W)) })
       ]
     }
   );
 };
-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,
+bt.displayName = "SortSelect";
+const gt = "_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: gt,
   filterWithSaveModal: Wt,
   modalAddBody: Nt,
   closeBtn: wt,
@@ -221,11 +221,11 @@ var Q = { exports: {} };
     function a() {
       for (var t = "", i = 0; i < arguments.length; i++) {
         var d = arguments[i];
-        d && (t = h(t, _.call(this, d)));
+        d && (t = u(t, h.call(this, d)));
       }
       return t;
     }
-    function _(t) {
+    function h(t) {
       if (typeof t == "string" || typeof t == "number")
         return this && this[t] || t;
       if (typeof t != "object")
@@ -236,10 +236,10 @@ var Q = { exports: {} };
         return t.toString();
       var i = "";
       for (var d in t)
-        s.call(t, d) && t[d] && (i = h(i, this && this[d] || d));
+        s.call(t, d) && t[d] && (i = u(i, this && this[d] || d));
       return i;
     }
-    function h(t, i) {
+    function u(t, i) {
       return i ? t ? t + " " + i : t + i : t;
     }
     n.exports ? (a.default = a, n.exports = a) : window.classNames = a;
@@ -250,41 +250,42 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
   disabledOptions: n = [],
   tabs: s = [],
   selectOptions: a = [],
-  onChange: _,
-  selectedValues: h = [],
+  onChange: h,
+  selectedValues: u = [],
   setSelectedTabs: t,
   selectedTabs: i = [],
   onClickItem: d,
   onCLickSelect: w,
   btnName: k = "Фильтр"
 }) => {
-  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))
+  const { isMobile: O } = D(), [f, l] = B(!1), p = H(null), [S, C] = B(i), [x] = B(u), [N, v] = B(S), [b, W] = B(x), U = (o) => {
+    if (d && d(o), n.some((_) => _.value === o.value))
       return;
-    const v = y.some((g) => g.value === o.value) ? y.filter((g) => g.value !== o.value) : [...y, o];
-    W(v);
+    const y = b.some((_) => _.value === o.value) ? b.filter((_) => _.value !== o.value) : [...b, o];
+    W(y);
   }, X = () => {
-    C(s), W([]), _ && (_([]), t == null || t(s));
+    C(s), W([]), h && (h([]), t == null || t(s));
   }, Y = () => {
-    W(h), f(i);
+    W(u), v(i);
   }, E = () => {
     Y(), l(!1);
   }, Z = () => {
-    _ && (t == null || t(N), _(y)), l(!1);
+    h && (t == null || t(N), h(b)), l(!1);
   };
   A(() => {
-    u && f(i);
-  }, [u]);
+    f && v(i);
+  }, [f]);
   const T = (o) => {
-    if (console.log("Клик по:", o.target), !u || O)
+    var _;
+    if (!f || O)
       return;
-    const v = o.target;
-    m.current && !m.current.contains(v) && o.target !== m.current && (console.log("Закрытие модалки"), E());
+    const y = o.target;
+    console.log("Клик по:", y), console.log("Внутри контейнера?", (_ = p.current) == null ? void 0 : _.contains(y)), p.current && !p.current.contains(y) && o.target !== p.current && (console.log("Закрываем модалку"), E());
   };
-  A(() => (console.log("Добавляю обработчик клика на document"), document.addEventListener("click", T), () => {
-    console.log("Удаляю обработчик клика с document"), document.removeEventListener("click", T);
-  }), [u]);
-  const $ = () => /* @__PURE__ */ b(z, { children: [
+  A(() => (document.addEventListener("click", T), () => {
+    document.removeEventListener("click", T);
+  }), [f]);
+  const $ = () => /* @__PURE__ */ g(z, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -300,7 +301,7 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
       }
     ),
     /* @__PURE__ */ e("div", { className: r.modalTitle, children: "Фильтры" }),
-    /* @__PURE__ */ b("div", { className: r.tabSWitcherWrapper, children: [
+    /* @__PURE__ */ g("div", { className: r.tabSWitcherWrapper, children: [
       /* @__PURE__ */ e("div", { className: r.switcherTitle, children: "Готовность" }),
       /* @__PURE__ */ e("div", { className: r.switcherScroll, children: /* @__PURE__ */ e(
         q,
@@ -308,28 +309,28 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
           variant: "grayRow",
           addClassName: r.tabs,
           isApart: !0,
-          children: s == null ? void 0 : s.map((o, v) => {
+          children: s == null ? void 0 : s.map((o, y) => {
             var P;
-            const g = o.value;
+            const _ = o.value;
             return /* @__PURE__ */ e(
               q.Item,
               {
                 itemsLength: s == null ? void 0 : s.length,
                 mini: !0,
-                value: g,
+                value: _,
                 onClick: () => {
                 },
-                checked: ((P = N == null ? void 0 : N.find((L) => L.value === g)) == null ? void 0 : P.state) ?? !1,
+                checked: ((P = N == null ? void 0 : N.find((L) => L.value === _)) == null ? void 0 : P.state) ?? !1,
                 onChange: () => {
-                  f == null || f(
-                    (L) => L.map((I) => I.value === g ? { ...I, state: !I.state } : I)
+                  v == null || v(
+                    (L) => L.map((I) => I.value === _ ? { ...I, state: !I.state } : I)
                   );
                 },
-                index: v,
+                index: y,
                 addItemClassName: r.tabSwitcher,
-                children: g
+                children: _
               },
-              v
+              y
             );
           })
         }
@@ -340,21 +341,21 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
       {
         className: r.selectWrapper,
         onClick: (o) => o.stopPropagation(),
-        children: a == null ? void 0 : a.map((o, v) => /* @__PURE__ */ e(
-          ot,
+        children: a == null ? void 0 : a.map((o, y) => /* @__PURE__ */ e(
+          rt,
           {
             addClassName: r.filterOption,
             disabledOptions: [],
             clickableOptions: [],
-            selectedOptions: y,
+            selectedOptions: b,
             option: o,
             handleOptionClick: U
           },
-          v
+          y
         ))
       }
     ),
-    /* @__PURE__ */ b("div", { className: r.btnWrapper, children: [
+    /* @__PURE__ */ g("div", { className: r.btnWrapper, children: [
       /* @__PURE__ */ e(
         F,
         {
@@ -376,13 +377,13 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
       )
     ] })
   ] });
-  return /* @__PURE__ */ b(z, { children: [
-    /* @__PURE__ */ b(
+  return /* @__PURE__ */ g(z, { children: [
+    /* @__PURE__ */ g(
       "div",
       {
         className: r.root,
         onClick: (o) => {
-          o.stopPropagation(), w && w(), l(O ? (v) => !v : !0);
+          o.stopPropagation(), w && w(), l(O ? (y) => !y : !0);
         },
         children: [
           /* @__PURE__ */ e("div", { className: r.btnName, children: k }),
@@ -396,8 +397,8 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
           /* @__PURE__ */ e(
             "div",
             {
-              ref: m,
-              className: $t(r.desktopWrapper, { [r.desktopWrapperOpen]: u }),
+              ref: p,
+              className: $t(r.desktopWrapper, { [r.desktopWrapperOpen]: f }),
               onClick: (o) => o.stopPropagation(),
               children: /* @__PURE__ */ e($, {})
             }
@@ -408,7 +409,7 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
     O && /* @__PURE__ */ e(
       V,
       {
-        isOpen: u,
+        isOpen: f,
         emitIsOpen: l,
         isTransparentBack: !0,
         additionalClassModalBody: r.modalAddBody,
@@ -421,5 +422,5 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
 export {
   pe as F,
   q as S,
-  gt as a
+  bt 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-CbevT66T.js";
+import { F as w } from "../../../FilterWithSave-bbPUCnqz.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-CbevT66T.js";
+import { a as r } from "../../FilterWithSave-bbPUCnqz.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-CbevT66T.js";
+import { a as z } from "../../../FilterWithSave-bbPUCnqz.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-CbevT66T.js";
+import { S as e } from "../../FilterWithSave-bbPUCnqz.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-CbevT66T.js";
+import { S as v } from "../../../FilterWithSave-bbPUCnqz.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-CbevT66T.js";
+import "../../../FilterWithSave-bbPUCnqz.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-CbevT66T.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-bbPUCnqz.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.550",
+  "version": "0.0.552",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",