stone-kit 0.0.570 → 0.0.571

package/dist/{FilterWithSave-BNlzox9b.js → FilterWithSave-B1v4cN1L.js}

@@ -17,20 +17,20 @@ 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 ot = "_root_2bilg_1", rt = "_text_2bilg_18", st = "_textMini_2bilg_26", nt = "_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", ht = "_mini_2bilg_132", ut = "_isDisabled_2bilg_140", ft = "_grayRow_2bilg_164", p = {
+const ot = "_root_2bilg_1", rt = "_text_2bilg_18", st = "_textMini_2bilg_26", nt = "_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", ht = "_mini_2bilg_132", ut = "_isDisabled_2bilg_140", ft = "_grayRow_2bilg_164", p = {
   root: ot,
   text: rt,
   textMini: st,
   rootCol: nt,
   item: at,
-  whiteRow: ct,
-  firstItem: lt,
+  whiteRow: lt,
+  firstItem: ct,
   lastItem: dt,
   apart: pt,
   isLong: mt,
@@ -38,27 +38,27 @@ const ot = "_root_2bilg_1", rt = "_text_2bilg_18", st = "_textMini_2bilg_26", nt
   mini: ht,
   isDisabled: ut,
   grayRow: ft
-}, I = G.bind(p), vt = ({
+}, I = G.bind(p), gt = ({
   children: n,
   variant: r = "whiteRow",
   isApart: a = !1,
-  addClassName: m = "",
-  col: _ = !1
-}) => /* @__PURE__ */ e("div", { className: I(p.root, p[r], m, { [p.rootCol]: _, [p.apart]: a }), children: n }), J = Z((n, r) => {
-  const { isTablet: a, isDesktop: m } = E(), {
-    index: _,
+  addClassName: h = "",
+  col: u = !1
+}) => /* @__PURE__ */ e("div", { className: I(p.root, p[r], h, { [p.rootCol]: u, [p.apart]: a }), children: n }), J = Z((n, r) => {
+  const { isTablet: a, isDesktop: h } = E(), {
+    index: u,
     children: t,
     addItemClassName: i,
     addTextClass: d,
     disabled: O = !1,
     itemsLength: x = 0,
     isLongOn: S = !0,
-    width: f,
-    width_m: c,
-    width_l: h,
+    width: v,
+    width_m: l,
+    width_l: f,
     mini: C = !1,
     ...k
-  } = n, y = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && S, w = (v, N) => v && c ? c : N && h ? h : f, u = !f && !c && !h && y;
+  } = n, y = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && S, w = (W, N) => W && l ? l : N && f ? f : v, g = !v && !l && !f && y;
   return /* @__PURE__ */ b("label", { className: I({ [p.isLong]: y }), children: [
     /* @__PURE__ */ e(
       "input",
@@ -72,14 +72,14 @@ const ot = "_root_2bilg_1", rt = "_text_2bilg_18", st = "_textMini_2bilg_26", nt
     /* @__PURE__ */ e(
       "div",
       {
-        style: { width: w(a, m) },
+        style: { width: w(a, h) },
         className: I(
           I(
             p.item,
-            { [p.firstItem]: _ === 0 },
-            { [p.lastItem]: _ === x - 1 },
+            { [p.firstItem]: u === 0 },
+            { [p.lastItem]: u === x - 1 },
             { [p.isDisabled]: O },
-            { [p.autoWidth]: u },
+            { [p.autoWidth]: g },
             { [p.mini]: C }
           ),
           i
@@ -90,53 +90,53 @@ const ot = "_root_2bilg_1", rt = "_text_2bilg_18", st = "_textMini_2bilg_26", nt
   ] });
 });
 J.displayName = "TabSwitcherItem";
-const T = Object.assign(vt, { Item: J }), R = G.bind(l), gt = ({
+const T = Object.assign(gt, { Item: J }), R = G.bind(c), vt = ({
   options: n,
   selectedOption: r,
   placeholder: a = "",
-  error: m,
-  disabled: _,
+  error: h,
+  disabled: u,
   additionalClass: t = "",
   onChange: i,
   onBlur: d,
   mini: O,
   openOnTop: x = !1,
   onClickItem: S,
-  onCLickSelect: f
+  onCLickSelect: v
 }) => {
-  const [c, h] = B(!1), C = q(null), { isMobile: k } = E(), { handleBlur: y, getInputValue: w, getOption: u, handleDocumentClick: v } = et(
+  const [l, f] = B(!1), C = q(null), { isMobile: k } = E(), { handleBlur: y, getInputValue: w, getOption: g, handleDocumentClick: W } = et(
     {
       selectedOption: r,
       onClickOption: S,
       setSelectedOption: i,
-      setIsOpen: h,
+      setIsOpen: f,
       containerRef: C,
-      isOpen: c,
+      isOpen: l,
       isMobile: k,
       placeholder: a,
       onChange: i,
       onBlur: d
     }
   );
-  return L(() => (document.addEventListener("click", v), () => {
-    document.removeEventListener("click", v);
+  return L(() => (document.addEventListener("click", W), () => {
+    document.removeEventListener("click", W);
   }), []), /* @__PURE__ */ b(
     "div",
     {
       ref: C,
       className: R(
-        l.sortSelectWrapper,
-        { [l.sortSelectWrapperError]: m },
-        { [l.sortSelectWrapperTop]: x },
+        c.sortSelectWrapper,
+        { [c.sortSelectWrapperError]: h },
+        { [c.sortSelectWrapperTop]: x },
         t
       ),
       tabIndex: 0,
       onBlur: y,
       onClick: () => {
-        f && f();
+        v && v();
       },
       children: [
-        /* @__PURE__ */ b("div", { className: R(l.inputWrapper), children: [
+        /* @__PURE__ */ b("div", { className: R(c.inputWrapper), children: [
           /* @__PURE__ */ e(
             "input",
             {
@@ -144,11 +144,11 @@ const T = Object.assign(vt, { Item: J }), R = G.bind(l), gt = ({
               readOnly: !0,
               value: w(),
               className: R(
-                l.selectedOptions,
-                { [l.selectOptionsDisabled]: _ },
-                { [l.selectionOptionMini]: O }
+                c.selectedOptions,
+                { [c.selectOptionsDisabled]: u },
+                { [c.selectionOptionMini]: O }
               ),
-              onClick: () => h(!c)
+              onClick: () => f(!l)
             }
           ),
           /* @__PURE__ */ e(
@@ -156,23 +156,23 @@ const T = Object.assign(vt, { Item: J }), R = G.bind(l), gt = ({
             {
               name: "twoArrows",
               size: "24",
-              additionalClass: l.icon
+              additionalClass: c.icon
             }
           )
         ] }),
-        c && k && /* @__PURE__ */ b(
+        l && k && /* @__PURE__ */ b(
           H,
           {
-            isOpen: c,
-            emitIsOpen: h,
-            additionalClassModalBody: l.modalAddBody,
-            additionalClass: l.selectModal,
+            isOpen: l,
+            emitIsOpen: f,
+            additionalClassModalBody: c.modalAddBody,
+            additionalClass: c.selectModal,
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ b("div", { className: l.mobileSortHeader, children: [
+              /* @__PURE__ */ b("div", { className: c.mobileSortHeader, children: [
                 /* @__PURE__ */ e(V, { children: "Сортировка" }),
-                /* @__PURE__ */ e("div", { onClick: () => h(!1), children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { onClick: () => f(!1), children: /* @__PURE__ */ e(
                   A,
                   {
                     name: "close",
@@ -180,16 +180,16 @@ const T = Object.assign(vt, { Item: J }), R = G.bind(l), gt = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ e("div", { className: l.mobileOptionList, children: n == null ? void 0 : n.map((N) => u(N)) })
+              /* @__PURE__ */ e("div", { className: c.mobileOptionList, children: n == null ? void 0 : n.map((N) => g(N)) })
             ]
           }
         ),
-        c && !k && /* @__PURE__ */ e("div", { className: R(l.optionsList, { [l.optionListOnTop]: x }), children: n == null ? void 0 : n.map((N) => u(N)) })
+        l && !k && /* @__PURE__ */ e("div", { className: R(c.optionsList, { [c.optionListOnTop]: x }), children: n == null ? void 0 : n.map((N) => g(N)) })
       ]
     }
   );
 };
-gt.displayName = "SortSelect";
+vt.displayName = "SortSelect";
 const Wt = "_root_1occg_1", bt = "_filterWithSaveModal_1occg_15", Nt = "_modalAddBody_1occg_20", wt = "_closeBtn_1occg_29", Ot = "_btnName_1occg_35", St = "_modalTitle_1occg_39", Ct = "_tabSWitcherWrapper_1occg_48", kt = "_switcherTitle_1occg_56", xt = "_switcherScroll_1occg_63", yt = "_tabs_1occg_67", Bt = "_selectWrapper_1occg_72", It = "_filterOption_1occg_76", Mt = "_btnWrapper_1occg_83", Rt = "_resetBtn_1occg_89", Lt = "_saveBtn_1occg_90", At = "_desktopWrapper_1occg_94", Dt = "_desktopWrapperOpen_1occg_116", o = {
   root: Wt,
   filterWithSaveModal: bt,
@@ -221,11 +221,11 @@ var K = { exports: {} };
     function a() {
       for (var t = "", i = 0; i < arguments.length; i++) {
         var d = arguments[i];
-        d && (t = _(t, m.call(this, d)));
+        d && (t = u(t, h.call(this, d)));
       }
       return t;
     }
-    function m(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 K = { exports: {} };
         return t.toString();
       var i = "";
       for (var d in t)
-        r.call(t, d) && t[d] && (i = _(i, this && this[d] || d));
+        r.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;
     }
     n.exports ? (a.default = a, n.exports = a) : window.classNames = a;
@@ -250,35 +250,36 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(o), de = ({
   disabledOptions: n = [],
   tabs: r = [],
   selectOptions: a = [],
-  onChange: m,
-  selectedValues: _ = [],
+  onChange: h,
+  selectedValues: u = [],
   setSelectedTabs: t,
   selectedTabs: i = [],
   onClickItem: d,
   onCLickSelect: O,
   btnName: x = "Фильтр"
 }) => {
-  const { isMobile: S } = E(), [f, c] = B(!1), h = q(null), [C, k] = B(i), [y] = B(_), [w, u] = B(C), [v, N] = B(y), Q = (s) => {
-    if (d && d(s), n.some((W) => W.value === s.value))
+  const { isMobile: S } = E(), [v, l] = B(!1), f = q(null), [C, k] = B(i), [y] = B(u), [w, g] = B(C), [W, N] = B(y), Q = (s) => {
+    if (d && d(s), n.some((_) => _.value === s.value))
       return;
-    const g = v.some((W) => W.value === s.value) ? v.filter((W) => W.value !== s.value) : [...v, s];
-    N(g);
+    const m = W.some((_) => _.value === s.value) ? W.filter((_) => _.value !== s.value) : [...W, s];
+    N(m);
   }, U = () => {
-    k(r), u(r), N([]), m && (m([]), t == null || t(r));
+    k(r), g(r), N([]), h && (h([]), t == null || t(r));
   }, X = () => {
-    N(_), u(i);
+    N(u), g(i);
   }, j = () => {
-    X(), c(!1);
+    X(), l(!1);
   }, Y = () => {
-    m && (t == null || t(w), m(v)), c(!1);
+    h && (t == null || t(w), h(W)), l(!1);
   };
   L(() => {
-    f || u(i);
-  }, [f]), L(() => {
-    u(i);
+    v || g(i);
+  }, [v]), L(() => {
+    g(i);
   }, [i]), L(() => {
-    const s = (g) => {
-      h.current && !h.current.contains(g.target) && j();
+    const s = (m) => {
+      var _;
+      console.log((_ = m == null ? void 0 : m.target) == null ? void 0 : _.closest("#id")), f.current && !f.current.contains(m.target) && j();
     };
     return document.addEventListener("click", s), () => {
       document.removeEventListener("click", s);
@@ -308,44 +309,44 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(o), de = ({
           variant: "grayRow",
           addClassName: o.tabs,
           isApart: !0,
-          children: r == null ? void 0 : r.map((s, g) => {
+          children: r == null ? void 0 : r.map((s, m) => {
             var z;
-            const W = s.value;
+            const _ = s.value;
             return /* @__PURE__ */ e(
               T.Item,
               {
                 itemsLength: r == null ? void 0 : r.length,
                 mini: !0,
-                value: W,
+                value: _,
                 onClick: () => {
                 },
-                checked: ((z = w == null ? void 0 : w.find((D) => D.value === W)) == null ? void 0 : z.state) ?? !1,
+                checked: ((z = w == null ? void 0 : w.find((D) => D.value === _)) == null ? void 0 : z.state) ?? !1,
                 onChange: () => {
-                  u == null || u(
-                    (D) => D.map((M) => M.value === W ? { ...M, state: !M.state } : M)
+                  g == null || g(
+                    (D) => D.map((M) => M.value === _ ? { ...M, state: !M.state } : M)
                   );
                 },
-                index: g,
+                index: m,
                 addItemClassName: o.tabSwitcher,
-                children: W
+                children: _
               },
-              g
+              m
             );
           })
         }
       ) })
     ] }),
-    /* @__PURE__ */ e("div", { className: o.selectWrapper, children: a == null ? void 0 : a.map((s, g) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: o.selectWrapper, children: a == null ? void 0 : a.map((s, m) => /* @__PURE__ */ e(
       it,
       {
         addClassName: o.filterOption,
         disabledOptions: [],
         clickableOptions: [],
-        selectedOptions: v,
+        selectedOptions: W,
         option: s,
         handleOptionClick: Q
       },
-      g
+      m
     )) }),
     /* @__PURE__ */ b("div", { className: o.btnWrapper, children: [
       /* @__PURE__ */ e(
@@ -376,7 +377,7 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(o), de = ({
         className: o.root,
         id: "modal-container",
         onClick: (s) => {
-          s.stopPropagation(), O && O(), c(S ? (g) => !g : !0);
+          s.stopPropagation(), O && O(), l(S ? (m) => !m : !0);
         },
         children: [
           /* @__PURE__ */ e("div", { className: o.btnName, children: x }),
@@ -390,8 +391,8 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(o), de = ({
           !S && /* @__PURE__ */ e(
             "div",
             {
-              ref: h,
-              className: $t(o.desktopWrapper, { [o.desktopWrapperOpen]: f }),
+              ref: f,
+              className: $t(o.desktopWrapper, { [o.desktopWrapperOpen]: v }),
               onClick: (s) => s.stopPropagation(),
               children: /* @__PURE__ */ e($, {})
             }
@@ -402,8 +403,8 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(o), de = ({
     S && /* @__PURE__ */ e(
       H,
       {
-        isOpen: f,
-        emitIsOpen: c,
+        isOpen: v,
+        emitIsOpen: l,
         isTransparentBack: !0,
         additionalClassModalBody: o.modalAddBody,
         additionalClass: o.filterWithSaveModal,
@@ -415,5 +416,5 @@ const jt = /* @__PURE__ */ tt(Et), $t = jt.bind(o), de = ({
 export {
   de as F,
   T as S,
-  gt as a
+  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-BNlzox9b.js";
+import { F as w } from "../../../FilterWithSave-B1v4cN1L.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-BNlzox9b.js";
+import { a as r } from "../../FilterWithSave-B1v4cN1L.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-BNlzox9b.js";
+import { a as z } from "../../../FilterWithSave-B1v4cN1L.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-BNlzox9b.js";
+import { S as e } from "../../FilterWithSave-B1v4cN1L.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-BNlzox9b.js";
+import { S as v } from "../../../FilterWithSave-B1v4cN1L.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-BNlzox9b.js";
+import "../../../FilterWithSave-B1v4cN1L.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-BNlzox9b.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-B1v4cN1L.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.570",
+  "version": "0.0.571",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",