stone-kit 0.0.588 → 0.0.590

package/dist/{FilterWithSave-3eZynMTN.js → FilterWithSave-BWVPpMvV.js}

@@ -17,13 +17,13 @@ import "./components/MetroTag/ui/MetroTag.js";
 import "./components/LotCard/ui/LotCard.js";
 import "./components/Select/ui/Select.js";
 import { useClientWidth as E } from "./shared/useClientWidth.js";
-import { s as l, u as et } from "./useSortSelect-CjZXLFOG.js";
+import { s as c, u as et } from "./useSortSelect-CjZXLFOG.js";
 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 it } from "./Option-CyYM1iBJ.js";
-const rt = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", ot = "_rootCol_2bilg_32", at = "_item_2bilg_38", lt = "_whiteRow_2bilg_57", ct = "_firstItem_2bilg_68", dt = "_lastItem_2bilg_72", pt = "_apart_2bilg_103", mt = "_isLong_2bilg_103", _t = "_autoWidth_2bilg_128", ut = "_mini_2bilg_132", ht = "_isDisabled_2bilg_140", ft = "_grayRow_2bilg_164", p = {
+const rt = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", ot = "_rootCol_2bilg_32", at = "_item_2bilg_38", lt = "_whiteRow_2bilg_57", ct = "_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", p = {
   root: rt,
   text: st,
   textMini: nt,
@@ -36,86 +36,86 @@ const rt = "_root_2bilg_1", st = "_text_2bilg_18", nt = "_textMini_2bilg_26", ot
   isLong: mt,
   autoWidth: _t,
   mini: ut,
-  isDisabled: ht,
-  grayRow: ft
+  isDisabled: ft,
+  grayRow: ht
 }, I = V.bind(p), vt = ({
-  children: o,
+  children: a,
   variant: n = "whiteRow",
-  isApart: a = !1,
-  addClassName: m = "",
-  col: _ = !1
-}) => /* @__PURE__ */ e("div", { className: I(p.root, p[n], m, { [p.rootCol]: _, [p.apart]: a }), children: o }), G = Z((o, n) => {
-  const { isTablet: a, isDesktop: m } = E(), {
-    index: _,
+  isApart: l = !1,
+  addClassName: _ = "",
+  col: u = !1
+}) => /* @__PURE__ */ e("div", { className: I(p.root, p[n], _, { [p.rootCol]: u, [p.apart]: l }), children: a }), G = Z((a, n) => {
+  const { isTablet: l, isDesktop: _ } = E(), {
+    index: u,
     children: t,
     addItemClassName: i,
-    addTextClass: c,
+    addTextClass: d,
     disabled: g = !1,
-    itemsLength: k = 0,
-    isLongOn: C = !0,
-    width: u,
-    width_m: d,
-    width_l: h,
-    mini: O = !1,
-    ...S
-  } = o, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && C, N = (v, W) => v && d ? d : W && h ? h : u, f = !u && !d && !h && x;
+    itemsLength: C = 0,
+    isLongOn: O = !0,
+    width: f,
+    width_m: o,
+    width_l: m,
+    mini: S = !1,
+    ...k
+  } = a, x = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && O, b = (v, W) => v && o ? o : W && m ? m : f, h = !f && !o && !m && x;
   return /* @__PURE__ */ y("label", { className: I({ [p.isLong]: x }), children: [
     /* @__PURE__ */ e(
       "input",
       {
         ref: n,
         type: "checkbox",
-        ...S,
+        ...k,
         disabled: g
       }
     ),
     /* @__PURE__ */ e(
       "div",
       {
-        style: { width: N(a, m) },
+        style: { width: b(l, _) },
         className: I(
           I(
             p.item,
-            { [p.firstItem]: _ === 0 },
-            { [p.lastItem]: _ === k - 1 },
+            { [p.firstItem]: u === 0 },
+            { [p.lastItem]: u === C - 1 },
             { [p.isDisabled]: g },
-            { [p.autoWidth]: f },
-            { [p.mini]: O }
+            { [p.autoWidth]: h },
+            { [p.mini]: S }
           ),
           i
         ),
-        children: /* @__PURE__ */ e(H, { className: I(p.text, { [p.textMini]: O }, c), children: t })
+        children: /* @__PURE__ */ e(H, { className: I(p.text, { [p.textMini]: S }, d), children: t })
       }
     )
   ] });
 });
 G.displayName = "TabSwitcherItem";
-const T = Object.assign(vt, { Item: G }), L = V.bind(l), wt = ({
-  options: o,
+const T = Object.assign(vt, { Item: G }), L = V.bind(c), wt = ({
+  options: a,
   selectedOption: n,
-  placeholder: a = "",
-  error: m,
-  disabled: _,
+  placeholder: l = "",
+  error: _,
+  disabled: u,
   additionalClass: t = "",
   onChange: i,
-  onBlur: c,
+  onBlur: d,
   mini: g,
-  openOnTop: k = !1,
-  onClickItem: C,
-  onCLickSelect: u
+  openOnTop: C = !1,
+  onClickItem: O,
+  onCLickSelect: f
 }) => {
-  const [d, h] = B(!1), O = J(null), { isMobile: S } = E(), { handleBlur: x, getInputValue: N, getOption: f, handleDocumentClick: v } = et(
+  const [o, m] = B(!1), S = J(null), { isMobile: k } = E(), { handleBlur: x, getInputValue: b, getOption: h, handleDocumentClick: v } = et(
     {
       selectedOption: n,
-      onClickOption: C,
+      onClickOption: O,
       setSelectedOption: i,
-      setIsOpen: h,
-      containerRef: O,
-      isOpen: d,
-      isMobile: S,
-      placeholder: a,
+      setIsOpen: m,
+      containerRef: S,
+      isOpen: o,
+      isMobile: k,
+      placeholder: l,
       onChange: i,
-      onBlur: c
+      onBlur: d
     }
   );
   return D(() => (document.addEventListener("click", v), () => {
@@ -123,32 +123,32 @@ const T = Object.assign(vt, { Item: G }), L = V.bind(l), wt = ({
   }), []), /* @__PURE__ */ y(
     "div",
     {
-      ref: O,
+      ref: S,
       className: L(
-        l.sortSelectWrapper,
-        { [l.sortSelectWrapperError]: m },
-        { [l.sortSelectWrapperTop]: k },
+        c.sortSelectWrapper,
+        { [c.sortSelectWrapperError]: _ },
+        { [c.sortSelectWrapperTop]: C },
         t
       ),
       tabIndex: 0,
       onBlur: x,
       onClick: () => {
-        u && u();
+        f && f();
       },
       children: [
-        /* @__PURE__ */ y("div", { className: L(l.inputWrapper), children: [
+        /* @__PURE__ */ y("div", { className: L(c.inputWrapper), children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               readOnly: !0,
-              value: N(),
+              value: b(),
               className: L(
-                l.selectedOptions,
-                { [l.selectOptionsDisabled]: _ },
-                { [l.selectionOptionMini]: g }
+                c.selectedOptions,
+                { [c.selectOptionsDisabled]: u },
+                { [c.selectionOptionMini]: g }
               ),
-              onClick: () => h(!d)
+              onClick: () => m(!o)
             }
           ),
           /* @__PURE__ */ e(
@@ -156,23 +156,23 @@ const T = Object.assign(vt, { Item: G }), L = V.bind(l), wt = ({
             {
               name: "twoArrows",
               size: "24",
-              additionalClass: l.icon
+              additionalClass: c.icon
             }
           )
         ] }),
-        d && S && /* @__PURE__ */ y(
+        o && k && /* @__PURE__ */ y(
           q,
           {
-            isOpen: d,
-            emitIsOpen: h,
-            additionalClassModalBody: l.modalAddBody,
-            additionalClass: l.selectModal,
+            isOpen: o,
+            emitIsOpen: m,
+            additionalClassModalBody: c.modalAddBody,
+            additionalClass: c.selectModal,
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ y("div", { className: l.mobileSortHeader, children: [
+              /* @__PURE__ */ y("div", { className: c.mobileSortHeader, children: [
                 /* @__PURE__ */ e(H, { children: "Сортировка" }),
-                /* @__PURE__ */ e("div", { onClick: () => h(!1), children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { onClick: () => m(!1), children: /* @__PURE__ */ e(
                   R,
                   {
                     name: "close",
@@ -180,11 +180,11 @@ const T = Object.assign(vt, { Item: G }), L = V.bind(l), wt = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ e("div", { className: l.mobileOptionList, children: o == null ? void 0 : o.map((W) => f(W)) })
+              /* @__PURE__ */ e("div", { className: c.mobileOptionList, children: a == null ? void 0 : a.map((W) => h(W)) })
             ]
           }
         ),
-        d && !S && /* @__PURE__ */ e("div", { className: L(l.optionsList, { [l.optionListOnTop]: k }), children: o == null ? void 0 : o.map((W) => f(W)) })
+        o && !k && /* @__PURE__ */ e("div", { className: L(c.optionsList, { [c.optionListOnTop]: C }), children: a == null ? void 0 : a.map((W) => h(W)) })
       ]
     }
   );
@@ -215,73 +215,79 @@ var K = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(o) {
+(function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function a() {
+    function l() {
       for (var t = "", i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        c && (t = _(t, m.call(this, c)));
+        var d = arguments[i];
+        d && (t = u(t, _.call(this, d)));
       }
       return t;
     }
-    function m(t) {
+    function _(t) {
       if (typeof t == "string" || typeof t == "number")
         return this && this[t] || t;
       if (typeof t != "object")
         return "";
       if (Array.isArray(t))
-        return a.apply(this, t);
+        return l.apply(this, t);
       if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
         return t.toString();
       var i = "";
-      for (var c in t)
-        n.call(t, c) && t[c] && (i = _(i, this && this[c] || c));
+      for (var d in t)
+        n.call(t, d) && t[d] && (i = u(i, this && this[d] || d));
       return i;
     }
-    function _(t, i) {
+    function u(t, i) {
       return i ? t ? t + " " + i : t + i : t;
     }
-    o.exports ? (a.default = a, o.exports = a) : window.classNames = a;
+    a.exports ? (l.default = l, a.exports = l) : window.classNames = l;
   })();
 })(K);
 var Et = K.exports;
 const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(s), de = ({
-  disabledOptions: o = [],
+  disabledOptions: a = [],
   tabs: n = [],
-  selectOptions: a = [],
-  onChange: m,
-  selectedValues: _ = [],
+  selectOptions: l = [],
+  onChange: _,
+  selectedValues: u = [],
   setSelectedTabs: t,
   selectedTabs: i = [],
-  onClickItem: c,
+  onClickItem: d,
   onCLickSelect: g,
-  btnName: k = "Фильтр"
+  btnName: C = "Фильтр"
 }) => {
-  const { isMobile: C } = E(), [u, d] = B(!1), h = J(null), [O, S] = B(i), [x] = B(_), [N, f] = B(O), [v, W] = B(x), Q = (r) => {
-    if (c && c(r), o.some((w) => w.value === r.value))
+  const { isMobile: O } = E(), [f, o] = B(!1), m = J(null), [S, k] = B(i), [x] = B(u), [b, h] = B(S), [v, W] = B(x), Q = (r) => {
+    if (d && d(r), a.some((w) => w.value === r.value))
       return;
-    const b = v.some((w) => w.value === r.value) ? v.filter((w) => w.value !== r.value) : [...v, r];
-    W(b);
+    const N = v.some((w) => w.value === r.value) ? v.filter((w) => w.value !== r.value) : [...v, r];
+    W(N);
   }, U = () => {
-    S(n), f(n), W([]), m && (m([]), t == null || t(n));
+    k(n), h(n), W([]), _ && (_([]), t == null || t(n));
   }, X = () => {
-    W(_), f(i);
+    W(u), h(i);
   }, j = () => {
-    X(), d(!1);
+    X(), o(!1);
   }, Y = (r) => {
-    r.stopPropagation(), m && (t == null || t(N), m(v)), d(!1);
+    r.stopPropagation(), _ && (t == null || t(b), _(v)), o(!1);
   };
   D(() => {
-    u || f((r) => JSON.stringify(r) !== JSON.stringify(i) ? i : r);
-  }, [u, i]), D(() => {
-    const r = (b) => {
-      h.current && h.current.contains(b.target) || j();
+    f || h((r) => JSON.stringify(r) !== JSON.stringify(i) ? i : r);
+  }, [f, i]), D(() => {
+    const r = (N) => {
+      if (m.current) {
+        if (m.current.contains(N.target)) {
+          N.target === m.current && o(!1);
+          return;
+        }
+        j();
+      }
     };
-    return u ? document.addEventListener("click", r, { capture: !0 }) : document.removeEventListener("click", r, { capture: !0 }), () => {
+    return f ? document.addEventListener("click", r, { capture: !0 }) : document.removeEventListener("click", r, { capture: !0 }), () => {
       document.removeEventListener("click", r, { capture: !0 });
     };
-  }, [u]);
+  }, [f]);
   const $ = () => /* @__PURE__ */ y(F, { children: [
     /* @__PURE__ */ e(
       "div",
@@ -308,7 +314,7 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(s), de = ({
           variant: "grayRow",
           addClassName: s.tabs,
           isApart: !0,
-          children: n == null ? void 0 : n.map((r, b) => {
+          children: n == null ? void 0 : n.map((r, N) => {
             var z;
             const w = r.value;
             return /* @__PURE__ */ e(
@@ -319,23 +325,23 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(s), de = ({
                 value: w,
                 onClick: () => {
                 },
-                checked: ((z = N == null ? void 0 : N.find((A) => A.value === w)) == null ? void 0 : z.state) ?? !1,
+                checked: ((z = b == null ? void 0 : b.find((A) => A.value === w)) == null ? void 0 : z.state) ?? !1,
                 onChange: () => {
-                  f == null || f(
+                  h == null || h(
                     (A) => A.map((M) => M.value === w ? { ...M, state: !M.state } : M)
                   );
                 },
-                index: b,
+                index: N,
                 addItemClassName: s.tabSwitcher,
                 children: w
               },
-              b
+              N
             );
           })
         }
       ) })
     ] }),
-    /* @__PURE__ */ e("div", { className: s.selectWrapper, children: a == null ? void 0 : a.map((r, b) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: s.selectWrapper, children: l == null ? void 0 : l.map((r, N) => /* @__PURE__ */ e(
       it,
       {
         addClassName: s.filterOption,
@@ -345,7 +351,7 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(s), de = ({
         option: r,
         handleOptionClick: Q
       },
-      b
+      N
     )) }),
     /* @__PURE__ */ y("div", { className: s.btnWrapper, children: [
       /* @__PURE__ */ e(
@@ -373,13 +379,13 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(s), de = ({
     /* @__PURE__ */ y(
       "div",
       {
-        ref: h,
+        ref: m,
         className: s.root,
         onClick: () => {
-          g && g(), d((r) => !r);
+          g && g(), o(O ? (r) => !r : !0);
         },
         children: [
-          /* @__PURE__ */ e("div", { className: s.btnName, children: k }),
+          /* @__PURE__ */ e("div", { className: s.btnName, children: C }),
           /* @__PURE__ */ e(
             R,
             {
@@ -387,15 +393,15 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(s), de = ({
               size: "16"
             }
           ),
-          !C && /* @__PURE__ */ e("div", { className: $t(s.desktopWrapper, { [s.desktopWrapperOpen]: u }), children: /* @__PURE__ */ e($, {}) })
+          !O && /* @__PURE__ */ e("div", { className: $t(s.desktopWrapper, { [s.desktopWrapperOpen]: f }), children: /* @__PURE__ */ e($, {}) })
         ]
       }
     ),
-    C && /* @__PURE__ */ e(
+    O && /* @__PURE__ */ e(
       q,
       {
-        isOpen: u,
-        emitIsOpen: d,
+        isOpen: f,
+        emitIsOpen: o,
         isTransparentBack: !0,
         additionalClassModalBody: s.modalAddBody,
         additionalClass: s.filterWithSaveModal,

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