stone-kit 0.0.552 → 0.0.554

package/dist/{FilterWithSave-bbPUCnqz.js → FilterWithSave-DSfy2kmc.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 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,
+import { O as ot } from "./Option-CyYM1iBJ.js";
+const st = "_root_2bilg_1", rt = "_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: rt,
   textMini: nt,
   rootCol: at,
   item: lt,
@@ -38,32 +38,32 @@ const ot = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", at
   mini: ut,
   isDisabled: ft,
   grayRow: yt
-}, j = J.bind(m), vt = ({
+}, j = J.bind(p), vt = ({
   children: n,
-  variant: s = "whiteRow",
+  variant: r = "whiteRow",
   isApart: a = !1,
-  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,
+  addClassName: m = "",
+  col: _ = !1
+}) => /* @__PURE__ */ e("div", { className: j(p.root, p[r], m, { [p.rootCol]: _, [p.apart]: a }), children: n }), K = tt((n, r) => {
+  const { isTablet: a, isDesktop: m } = D(), {
+    index: _,
     children: t,
     addItemClassName: i,
     addTextClass: d,
     disabled: w = !1,
     itemsLength: k = 0,
     isLongOn: O = !0,
-    width: f,
+    width: h,
     width_m: l,
-    width_l: p,
+    width_l: f,
     mini: S = !1,
     ...C
-  } = 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: [
+  } = n, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && O, N = (v, W) => v && l ? l : W && f ? f : h, y = !h && !l && !f && x;
+  return /* @__PURE__ */ g("label", { className: j({ [p.isLong]: x }), children: [
     /* @__PURE__ */ e(
       "input",
       {
-        ref: s,
+        ref: r,
         type: "checkbox",
         ...C,
         disabled: w
@@ -72,19 +72,19 @@ const ot = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", at
     /* @__PURE__ */ e(
       "div",
       {
-        style: { width: N(a, h) },
+        style: { width: N(a, m) },
         className: j(
           j(
-            m.item,
-            { [m.firstItem]: u === 0 },
-            { [m.lastItem]: u === k - 1 },
-            { [m.isDisabled]: w },
-            { [m.autoWidth]: v },
-            { [m.mini]: S }
+            p.item,
+            { [p.firstItem]: _ === 0 },
+            { [p.lastItem]: _ === k - 1 },
+            { [p.isDisabled]: w },
+            { [p.autoWidth]: y },
+            { [p.mini]: S }
           ),
           i
         ),
-        children: /* @__PURE__ */ e(G, { className: j(m.text, { [m.textMini]: S }, d), children: t })
+        children: /* @__PURE__ */ e(G, { className: j(p.text, { [p.textMini]: S }, d), children: t })
       }
     )
   ] });
@@ -92,24 +92,24 @@ const ot = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", at
 K.displayName = "TabSwitcherItem";
 const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
   options: n,
-  selectedOption: s,
+  selectedOption: r,
   placeholder: a = "",
-  error: h,
-  disabled: u,
+  error: m,
+  disabled: _,
   additionalClass: t = "",
   onChange: i,
   onBlur: d,
   mini: w,
   openOnTop: k = !1,
   onClickItem: O,
-  onCLickSelect: f
+  onCLickSelect: h
 }) => {
-  const [l, p] = B(!1), S = H(null), { isMobile: C } = D(), { handleBlur: x, getInputValue: N, getOption: v, handleDocumentClick: b } = it(
+  const [l, f] = B(!1), S = H(null), { isMobile: C } = D(), { handleBlur: x, getInputValue: N, getOption: y, handleDocumentClick: v } = it(
     {
-      selectedOption: s,
+      selectedOption: r,
       onClickOption: O,
       setSelectedOption: i,
-      setIsOpen: p,
+      setIsOpen: f,
       containerRef: S,
       isOpen: l,
       isMobile: C,
@@ -118,22 +118,22 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
       onBlur: d
     }
   );
-  return A(() => (document.addEventListener("click", b), () => {
-    document.removeEventListener("click", b);
+  return A(() => (document.addEventListener("click", v), () => {
+    document.removeEventListener("click", v);
   }), []), /* @__PURE__ */ g(
     "div",
     {
       ref: S,
       className: M(
         c.sortSelectWrapper,
-        { [c.sortSelectWrapperError]: h },
+        { [c.sortSelectWrapperError]: m },
         { [c.sortSelectWrapperTop]: k },
         t
       ),
       tabIndex: 0,
       onBlur: x,
       onClick: () => {
-        f && f();
+        h && h();
       },
       children: [
         /* @__PURE__ */ g("div", { className: M(c.inputWrapper), children: [
@@ -145,10 +145,10 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
               value: N(),
               className: M(
                 c.selectedOptions,
-                { [c.selectOptionsDisabled]: u },
+                { [c.selectOptionsDisabled]: _ },
                 { [c.selectionOptionMini]: w }
               ),
-              onClick: () => p(!l)
+              onClick: () => f(!l)
             }
           ),
           /* @__PURE__ */ e(
@@ -164,7 +164,7 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
           V,
           {
             isOpen: l,
-            emitIsOpen: p,
+            emitIsOpen: f,
             additionalClassModalBody: c.modalAddBody,
             additionalClass: c.selectModal,
             createPortalObj: { domNode: document.querySelector("body") },
@@ -172,7 +172,7 @@ const q = Object.assign(vt, { Item: K }), M = J.bind(c), bt = ({
             children: [
               /* @__PURE__ */ g("div", { className: c.mobileSortHeader, children: [
                 /* @__PURE__ */ e(G, { children: "Сортировка" }),
-                /* @__PURE__ */ e("div", { onClick: () => p(!1), children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { onClick: () => f(!1), children: /* @__PURE__ */ e(
                   R,
                   {
                     name: "close",
@@ -180,17 +180,17 @@ 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((W) => v(W)) })
+              /* @__PURE__ */ e("div", { className: c.mobileOptionList, children: n == null ? void 0 : n.map((W) => y(W)) })
             ]
           }
         ),
-        l && !C && /* @__PURE__ */ e("div", { className: M(c.optionsList, { [c.optionListOnTop]: k }), 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) => y(W)) })
       ]
     }
   );
 };
 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 = {
+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", o = {
   root: gt,
   filterWithSaveModal: Wt,
   modalAddBody: Nt,
@@ -217,15 +217,15 @@ var Q = { exports: {} };
 */
 (function(n) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var r = {}.hasOwnProperty;
     function a() {
       for (var t = "", i = 0; i < arguments.length; i++) {
         var d = arguments[i];
-        d && (t = u(t, h.call(this, d)));
+        d && (t = _(t, m.call(this, d)));
       }
       return t;
     }
-    function h(t) {
+    function m(t) {
       if (typeof t == "string" || typeof t == "number")
         return this && this[t] || t;
       if (typeof t != "object")
@@ -236,60 +236,59 @@ var Q = { exports: {} };
         return t.toString();
       var i = "";
       for (var d in t)
-        s.call(t, d) && t[d] && (i = u(i, this && this[d] || d));
+        r.call(t, d) && t[d] && (i = _(i, this && this[d] || d));
       return i;
     }
-    function u(t, i) {
+    function _(t, i) {
       return i ? t ? t + " " + i : t + i : t;
     }
     n.exports ? (a.default = a, n.exports = a) : window.classNames = a;
   })();
 })(Q);
 var Et = Q.exports;
-const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
+const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(o), pe = ({
   disabledOptions: n = [],
-  tabs: s = [],
+  tabs: r = [],
   selectOptions: a = [],
-  onChange: h,
-  selectedValues: u = [],
+  onChange: m,
+  selectedValues: _ = [],
   setSelectedTabs: t,
   selectedTabs: i = [],
   onClickItem: d,
   onCLickSelect: w,
   btnName: k = "Фильтр"
 }) => {
-  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))
+  const { isMobile: O } = D(), [h, l] = B(!1), f = H(null), [S, C] = B(i), [x] = B(_), [N, y] = B(S), [v, W] = B(x), U = (s) => {
+    if (d && d(s), n.some((b) => b.value === s.value))
       return;
-    const y = b.some((_) => _.value === o.value) ? b.filter((_) => _.value !== o.value) : [...b, o];
-    W(y);
+    const u = v.some((b) => b.value === s.value) ? v.filter((b) => b.value !== s.value) : [...v, s];
+    W(u);
   }, X = () => {
-    C(s), W([]), h && (h([]), t == null || t(s));
+    C(r), W([]), m && (m([]), t == null || t(r));
   }, Y = () => {
-    W(u), v(i);
+    W(_), y(i);
   }, E = () => {
     Y(), l(!1);
   }, Z = () => {
-    h && (t == null || t(N), h(b)), l(!1);
+    m && (t == null || t(N), m(v)), l(!1);
   };
   A(() => {
-    f && v(i);
-  }, [f]);
-  const T = (o) => {
-    var _;
-    if (!f || O)
+    h && y(i);
+  }, [h]);
+  const T = (s) => {
+    if (!h || O)
       return;
-    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());
+    const u = s.target;
+    console.log("Клик по:", u), console.log("Внутри модалки?", u.closest("#modal-container")), u.closest("#modal-container") || (console.log("Закрываем модалку"), E());
   };
   A(() => (document.addEventListener("click", T), () => {
     document.removeEventListener("click", T);
-  }), [f]);
+  }), [h]);
   const $ = () => /* @__PURE__ */ g(z, { children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: r.closeBtn,
+        className: o.closeBtn,
         onClick: E,
         children: /* @__PURE__ */ e(
           R,
@@ -300,37 +299,37 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
         )
       }
     ),
-    /* @__PURE__ */ e("div", { className: r.modalTitle, children: "Фильтры" }),
-    /* @__PURE__ */ g("div", { className: r.tabSWitcherWrapper, children: [
-      /* @__PURE__ */ e("div", { className: r.switcherTitle, children: "Готовность" }),
-      /* @__PURE__ */ e("div", { className: r.switcherScroll, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: o.modalTitle, children: "Фильтры" }),
+    /* @__PURE__ */ g("div", { className: o.tabSWitcherWrapper, children: [
+      /* @__PURE__ */ e("div", { className: o.switcherTitle, children: "Готовность" }),
+      /* @__PURE__ */ e("div", { className: o.switcherScroll, children: /* @__PURE__ */ e(
         q,
         {
           variant: "grayRow",
-          addClassName: r.tabs,
+          addClassName: o.tabs,
           isApart: !0,
-          children: s == null ? void 0 : s.map((o, y) => {
+          children: r == null ? void 0 : r.map((s, u) => {
             var P;
-            const _ = o.value;
+            const b = s.value;
             return /* @__PURE__ */ e(
               q.Item,
               {
-                itemsLength: s == null ? void 0 : s.length,
+                itemsLength: r == null ? void 0 : r.length,
                 mini: !0,
-                value: _,
+                value: b,
                 onClick: () => {
                 },
-                checked: ((P = N == null ? void 0 : N.find((L) => L.value === _)) == null ? void 0 : P.state) ?? !1,
+                checked: ((P = N == null ? void 0 : N.find((L) => L.value === b)) == null ? void 0 : P.state) ?? !1,
                 onChange: () => {
-                  v == null || v(
-                    (L) => L.map((I) => I.value === _ ? { ...I, state: !I.state } : I)
+                  y == null || y(
+                    (L) => L.map((I) => I.value === b ? { ...I, state: !I.state } : I)
                   );
                 },
-                index: y,
-                addItemClassName: r.tabSwitcher,
-                children: _
+                index: u,
+                addItemClassName: o.tabSwitcher,
+                children: b
               },
-              y
+              u
             );
           })
         }
@@ -339,29 +338,29 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
     /* @__PURE__ */ e(
       "div",
       {
-        className: r.selectWrapper,
-        onClick: (o) => o.stopPropagation(),
-        children: a == null ? void 0 : a.map((o, y) => /* @__PURE__ */ e(
-          rt,
+        className: o.selectWrapper,
+        onClick: (s) => s.stopPropagation(),
+        children: a == null ? void 0 : a.map((s, u) => /* @__PURE__ */ e(
+          ot,
           {
-            addClassName: r.filterOption,
+            addClassName: o.filterOption,
             disabledOptions: [],
             clickableOptions: [],
-            selectedOptions: b,
-            option: o,
+            selectedOptions: v,
+            option: s,
             handleOptionClick: U
           },
-          y
+          u
         ))
       }
     ),
-    /* @__PURE__ */ g("div", { className: r.btnWrapper, children: [
+    /* @__PURE__ */ g("div", { className: o.btnWrapper, children: [
       /* @__PURE__ */ e(
         F,
         {
           as: "button",
           variant: "gray",
-          additionalClass: r.resetBtn,
+          additionalClass: o.resetBtn,
           onClick: X,
           children: "Сбросить"
         }
@@ -370,7 +369,7 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
         F,
         {
           as: "button",
-          additionalClass: r.saveBtn,
+          additionalClass: o.saveBtn,
           onClick: Z,
           children: "Сохранить"
         }
@@ -381,12 +380,13 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
     /* @__PURE__ */ g(
       "div",
       {
-        className: r.root,
-        onClick: (o) => {
-          o.stopPropagation(), w && w(), l(O ? (y) => !y : !0);
+        className: o.root,
+        id: "modal-container",
+        onClick: (s) => {
+          s.stopPropagation(), w && w(), l(O ? (u) => !u : !0);
         },
         children: [
-          /* @__PURE__ */ e("div", { className: r.btnName, children: k }),
+          /* @__PURE__ */ e("div", { className: o.btnName, children: k }),
           /* @__PURE__ */ e(
             R,
             {
@@ -397,9 +397,9 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
           /* @__PURE__ */ e(
             "div",
             {
-              ref: p,
-              className: $t(r.desktopWrapper, { [r.desktopWrapperOpen]: f }),
-              onClick: (o) => o.stopPropagation(),
+              ref: f,
+              className: $t(o.desktopWrapper, { [o.desktopWrapperOpen]: h }),
+              onClick: (s) => s.stopPropagation(),
               children: /* @__PURE__ */ e($, {})
             }
           )
@@ -409,11 +409,11 @@ const Tt = /* @__PURE__ */ et(Et), $t = Tt.bind(r), pe = ({
     O && /* @__PURE__ */ e(
       V,
       {
-        isOpen: f,
+        isOpen: h,
         emitIsOpen: l,
         isTransparentBack: !0,
-        additionalClassModalBody: r.modalAddBody,
-        additionalClass: r.filterWithSaveModal,
+        additionalClassModalBody: o.modalAddBody,
+        additionalClass: o.filterWithSaveModal,
         children: /* @__PURE__ */ e($, {})
       }
     )

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-bbPUCnqz.js";
+import { F as w } from "../../../FilterWithSave-DSfy2kmc.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-bbPUCnqz.js";
+import { a as r } from "../../FilterWithSave-DSfy2kmc.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-bbPUCnqz.js";
+import { a as z } from "../../../FilterWithSave-DSfy2kmc.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-bbPUCnqz.js";
+import { S as e } from "../../FilterWithSave-DSfy2kmc.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-bbPUCnqz.js";
+import { S as v } from "../../../FilterWithSave-DSfy2kmc.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-bbPUCnqz.js";
+import "../../../FilterWithSave-DSfy2kmc.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-bbPUCnqz.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-DSfy2kmc.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.552",
+  "version": "0.0.554",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",