stone-kit 0.0.476 → 0.0.478

package/dist/{SortSelect-Bo5gHKrX.js → SortSelect-CQHzI2M-.js}

@@ -1,15 +1,15 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
 import { forwardRef as R, useState as k, useRef as D, useEffect as T } from "react";
-import { c as O } from "./index-rKuIKazb.js";
+import { c as v } from "./index-rKuIKazb.js";
 import { s as t, u as M } from "./useSortSelect-D7K1wk0E.js";
-import { NewIcon as v } from "./components/NewIcon/ui/NewIcon.js";
+import { NewIcon as O } from "./components/NewIcon/ui/NewIcon.js";
 import "./components/Button/ui/Button.js";
 import "./components/mobileButton/ui/MobileButton.js";
 import "./components/DestinationTab/ui/DestinationTab.js";
 import "./components/RoundButton/ui/RoundButton.js";
 import "./components/Tag/ui/Tag.js";
 import "./components/Switcher/ui/Switcher.js";
-import { Text as C } from "./components/Text/ui/Text.js";
+import { Text as L } from "./components/Text/ui/Text.js";
 import "./components/Flex/ui/Flex.js";
 import "./components/Input/ui/Input.js";
 import { M as B } from "./Modal-C48pfGFo.js";
@@ -17,7 +17,7 @@ import "./components/GroupedInput/ui/GroupedInputs.js";
 import "./components/MetroTag/ui/MetroTag.js";
 import "./components/LotCard/ui/LotCard.js";
 import "./components/Select/ui/Select.js";
-import { useClientWidth as L } from "./shared/useClientWidth.js";
+import { useClientWidth as C } from "./shared/useClientWidth.js";
 import "./components/SliderNavigation/ui/SliderNavigation.js";
 import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
 import "./components/TabSelect/ui/TabSelect.js";
@@ -35,106 +35,107 @@ const j = "_root_1ol37_1", E = "_text_1ol37_18", A = "_rootCol_1ol37_26", z = "_
   autoWidth: F,
   isDisabled: G,
   grayRow: J
-}, I = O.bind(e), K = ({
+}, N = v.bind(e), K = ({
   children: s,
   variant: c = "whiteRow",
   isApart: m = !1,
   addClassName: d = "",
   col: l = !1
-}) => /* @__PURE__ */ o("div", { className: I(e.root, e[c], d, { [e.rootCol]: l, [e.apart]: m }), children: s }), W = R((s, c) => {
-  const { isTablet: m, isDesktop: d } = L(), {
+}) => /* @__PURE__ */ o("div", { className: N(e.root, e[c], d, { [e.rootCol]: l, [e.apart]: m }), children: s }), W = R((s, c) => {
+  const { isTablet: m, isDesktop: d } = C(), {
     index: l,
     children: i,
-    addItemClassName: u,
-    disabled: h = !1,
-    itemsLength: N = 0,
-    width: p,
-    width_m: r,
-    width_l: a,
-    ...f
-  } = s, n = i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1, g = (w, b) => w && r ? r : b && a ? a : p, x = !p && !r && !a && n;
-  return /* @__PURE__ */ _("label", { className: I({ [e.isLong]: n }), children: [
+    addItemClassName: h,
+    disabled: f = !1,
+    itemsLength: x = 0,
+    isLongOn: w = !0,
+    width: r,
+    width_m: a,
+    width_l: n,
+    ...p
+  } = s, b = (i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1) && w, y = (g, _) => g && a ? a : _ && n ? n : r, S = !r && !a && !n && b;
+  return /* @__PURE__ */ u("label", { className: N({ [e.isLong]: b }), children: [
     /* @__PURE__ */ o(
       "input",
       {
         ref: c,
         type: "checkbox",
-        ...f,
-        disabled: h
+        ...p,
+        disabled: f
       }
     ),
     /* @__PURE__ */ o(
       "div",
       {
-        style: { width: g(m, d) },
-        className: I(I(
+        style: { width: y(m, d) },
+        className: N(N(
           e.item,
           { [e.firstItem]: l === 0 },
-          { [e.lastItem]: l === N - 1 },
-          { [e.isDisabled]: h },
-          { [e.autoWidth]: x }
-        ), u),
-        children: /* @__PURE__ */ o(C, { className: e.text, children: i })
+          { [e.lastItem]: l === x - 1 },
+          { [e.isDisabled]: f },
+          { [e.autoWidth]: S }
+        ), h),
+        children: /* @__PURE__ */ o(L, { className: e.text, children: i })
       }
     )
   ] });
 });
 W.displayName = "TabSwitcherItem";
-const It = Object.assign(K, { Item: W }), S = O.bind(t), Q = ({
+const gt = Object.assign(K, { Item: W }), I = v.bind(t), Q = ({
   options: s,
   selectedOption: c,
   placeholder: m = "",
   error: d,
   disabled: l,
   additionalClass: i = "",
-  onChange: u,
-  onBlur: h,
-  mini: N,
-  openOnTop: p = !1
+  onChange: h,
+  onBlur: f,
+  mini: x,
+  openOnTop: w = !1
 }) => {
-  const [r, a] = k(!1), f = D(null), { isMobile: n } = L(), { handleBlur: g, getInputValue: x, getOption: w, handleDocumentClick: b } = M({
+  const [r, a] = k(!1), n = D(null), { isMobile: p } = C(), { handleBlur: b, getInputValue: y, getOption: S, handleDocumentClick: g } = M({
     selectedOption: c,
-    setSelectedOption: u,
+    setSelectedOption: h,
     setIsOpen: a,
-    containerRef: f,
+    containerRef: n,
     isOpen: r,
-    isMobile: n,
+    isMobile: p,
     placeholder: m,
-    onChange: u,
-    onBlur: h
+    onChange: h,
+    onBlur: f
   });
-  return T(() => (document.addEventListener("click", b), () => {
-    document.removeEventListener("click", b);
-  }), []), /* @__PURE__ */ _(
+  return T(() => (document.addEventListener("click", g), () => {
+    document.removeEventListener("click", g);
+  }), []), /* @__PURE__ */ u(
     "div",
     {
-      ref: f,
-      className: S(
+      ref: n,
+      className: I(
         t.sortSelectWrapper,
         { [t.sortSelectWrapperError]: d },
-        { [t.sortSelectWrapperTop]: p },
+        { [t.sortSelectWrapperTop]: w },
         i
       ),
       tabIndex: 0,
-      onBlur: g,
+      onBlur: b,
       children: [
-        /* @__PURE__ */ _("div", { className: S(t.inputWrapper), children: [
+        /* @__PURE__ */ u("div", { className: I(t.inputWrapper), children: [
           /* @__PURE__ */ o(
             "input",
             {
               type: "text",
               readOnly: !0,
-              value: x(),
-              className: S(
+              value: y(),
+              className: I(
                 t.selectedOptions,
                 { [t.selectOptionsDisabled]: l },
-                { [t.selectionOptionMini]: N }
+                { [t.selectionOptionMini]: x }
               ),
               onClick: () => a(!r)
             }
           ),
           /* @__PURE__ */ o(
-            v,
+            O,
             {
               name: "twoArrows",
               size: "24",
@@ -142,7 +143,7 @@ const It = Object.assign(K, { Item: W }), S = O.bind(t), Q = ({
             }
           )
         ] }),
-        r && n && /* @__PURE__ */ _(
+        r && p && /* @__PURE__ */ u(
           B,
           {
             isOpen: r,
@@ -152,27 +153,27 @@ const It = Object.assign(K, { Item: W }), S = O.bind(t), Q = ({
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ _("div", { className: t.mobileSortHeader, children: [
-                /* @__PURE__ */ o(C, { children: "Сортировка" }),
+              /* @__PURE__ */ u("div", { className: t.mobileSortHeader, children: [
+                /* @__PURE__ */ o(L, { children: "Сортировка" }),
                 /* @__PURE__ */ o("div", { onClick: () => a(!1), children: /* @__PURE__ */ o(
-                  v,
+                  O,
                   {
                     name: "close",
                     size: "20"
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ o("div", { className: t.mobileOptionList, children: s == null ? void 0 : s.map((y) => w(y)) })
+              /* @__PURE__ */ o("div", { className: t.mobileOptionList, children: s == null ? void 0 : s.map((_) => S(_)) })
             ]
           }
         ),
-        r && !n && /* @__PURE__ */ o("div", { className: S(t.optionsList, { [t.optionListOnTop]: p }), children: s == null ? void 0 : s.map((y) => w(y)) })
+        r && !p && /* @__PURE__ */ o("div", { className: I(t.optionsList, { [t.optionListOnTop]: w }), children: s == null ? void 0 : s.map((_) => S(_)) })
       ]
     }
   );
 };
 Q.displayName = "SortSelect";
 export {
-  It as S,
+  gt as S,
   Q as a
 };

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../SortSelect-Bo5gHKrX.js";
+import { a as r } from "../../SortSelect-CQHzI2M-.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-C48pfGFo.js";
-import { a as z } from "../../../SortSelect-Bo5gHKrX.js";
+import { a as z } from "../../../SortSelect-CQHzI2M-.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
 import "../../LotCard/ui/LotCard.js";

package/dist/components/SummarySelect/ui/SummarySelect.d.ts

@@ -2,6 +2,7 @@ import { MultiSelectProps } from '../../Select/ui/Select.types';
 
 interface ISummarySelectProps extends MultiSelectProps {
     label?: string;
+    isShowReset?: boolean;
 }
 export declare const SummarySelect: React.FC<ISummarySelectProps>;
 export {};

package/dist/components/SummarySelect/ui/SummarySelect.js

@@ -1,36 +1,36 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
-import { Select as _ } from "../../Select/ui/Select.js";
-const h = "_root_mfkeq_1", f = "_nameWrapper_mfkeq_8", v = "_clearBtn_mfkeq_18", y = "_summaryList_mfkeq_33", k = "_summaryOption_mfkeq_40", t = {
-  root: h,
-  nameWrapper: f,
-  clearBtn: v,
-  summaryList: y,
-  summaryOption: k
-}, N = ({ label: c = "", ...e }) => {
+import { NewIcon as _ } from "../../NewIcon/ui/NewIcon.js";
+import { Select as h } from "../../Select/ui/Select.js";
+const f = "_root_mfkeq_1", v = "_nameWrapper_mfkeq_8", y = "_clearBtn_mfkeq_18", k = "_summaryList_mfkeq_33", p = "_summaryOption_mfkeq_40", t = {
+  root: f,
+  nameWrapper: v,
+  clearBtn: y,
+  summaryList: k,
+  summaryOption: p
+}, S = ({ label: c = "", isShowReset: r, ...e }) => {
   const l = (a) => {
     e.onChange && e.onChange(a);
-  }, r = (a) => {
+  }, o = (a) => {
     var m;
-    const i = ((m = e.selectedValues) == null ? void 0 : m.filter((d) => d.value !== a)) || [];
-    l(i);
-  }, o = () => {
+    const d = ((m = e.selectedValues) == null ? void 0 : m.filter((u) => u.value !== a)) || [];
+    l(d);
+  }, i = () => {
     l([]);
   };
   return /* @__PURE__ */ s("div", { className: t.root, children: [
     /* @__PURE__ */ s("div", { className: t.nameWrapper, children: [
       /* @__PURE__ */ n("div", { children: c }),
-      /* @__PURE__ */ n(
+      r && /* @__PURE__ */ n(
         "div",
         {
           className: t.clearBtn,
-          onClick: o,
+          onClick: i,
           children: "Очистить"
         }
       )
     ] }),
     /* @__PURE__ */ n(
-      _,
+      h,
       {
         ...e,
         onChange: l
@@ -39,12 +39,12 @@ const h = "_root_mfkeq_1", f = "_nameWrapper_mfkeq_8", v = "_clearBtn_mfkeq_18",
     e.selectedValues && e.selectedValues.length > 0 && /* @__PURE__ */ n("div", { className: t.summaryList, children: e.selectedValues.map((a) => /* @__PURE__ */ s(
       "div",
       {
-        onClick: () => r(a.value.toString()),
+        onClick: () => o(a.value.toString()),
         className: t.summaryOption,
         children: [
           a.label,
           /* @__PURE__ */ n(
-            u,
+            _,
             {
               name: "close",
               size: "16"
@@ -57,5 +57,5 @@ const h = "_root_mfkeq_1", f = "_nameWrapper_mfkeq_8", v = "_clearBtn_mfkeq_18",
   ] });
 };
 export {
-  N as SummarySelect
+  S as SummarySelect
 };

package/dist/components/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../SortSelect-Bo5gHKrX.js";
+import { S as e } from "../../SortSelect-CQHzI2M-.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 "../../../SortSelect-Bo5gHKrX.js";
+import { S as v } from "../../../SortSelect-CQHzI2M-.js";
 import "../../Text/ui/Text.js";
 import "../../../index-rKuIKazb.js";
 import "../../Button/ui/Button.js";

package/dist/components/TabSwitcher/ui/TabSwitcher.types.d.ts

@@ -13,6 +13,7 @@ export interface ITabSwitcherItem extends React.InputHTMLAttributes<HTMLInputEle
     width_m?: string;
     width_l?: string;
     children?: ReactNode;
+    isLongOn?: boolean;
 }
 export interface TabSwitcherProps {
     variant?: TABS_VARIANTS;

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-C48pfGFo.js";
-import "../../../SortSelect-Bo5gHKrX.js";
+import "../../../SortSelect-CQHzI2M-.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 b } from "./components/Input/ui/Input.js";
 import { M as I } from "./Modal-C48pfGFo.js";
 import { FieldInput as w } from "./components/FieldInput/ui/FieldInput.js";
-import { a as F, S as L } from "./SortSelect-Bo5gHKrX.js";
+import { a as F, S as L } from "./SortSelect-CQHzI2M-.js";
 import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as v } 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.476",
+  "version": "0.0.478",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",