stone-kit 0.0.1027 → 0.0.1029

package/dist/components/Select/ui/Select.js

@@ -1,183 +1,183 @@
-import { jsxs as f, Fragment as B, jsx as a } from "react/jsx-runtime";
-import { useState as F, useRef as M, useEffect as z } from "react";
-import { c as Z } from "../../../index-rKuIKazb.js";
-import { s as e, O as D } from "../../../Option-DU8cvBnA.js";
-import { NewIcon as T } from "../../NewIcon/ui/NewIcon.js";
+import { jsxs as m, jsx as n, Fragment as j } from "react/jsx-runtime";
+import { useState as B, useRef as F, useEffect as M } from "react";
+import { c as Z } from "../../../index-YnD2EP-S.js";
+import { s as e, O as z } from "../../../Option-CtwUzW8a.js";
 import { Category as b } from "./Category.js";
 import { handleClickModeOption as I, handleClickModeCategory as V } from "../model/selectMode.js";
-const m = Z.bind(e), ce = ({
-  options: t,
-  customPlaceholder: y,
-  placeholder: _ = "Выберите опции",
-  error: q,
-  disabled: C,
-  disabledOptions: u = [],
-  additionalClass: A = "",
+import { NewIcon as D } from "../../NewIcon/ui/NewIcon.js";
+const o = Z.bind(e), ce = ({
+  options: s,
+  customPlaceholder: O,
+  placeholder: T = "Выберите опции",
+  error: _,
+  disabled: y,
+  disabledOptions: d = [],
+  additionalClass: q = "",
   additionalClassOption: G,
   additionalClassBtn: H,
   onChange: J,
-  onBlur: S,
-  selectedValues: s = [],
-  isBtn: N = !1,
-  btnName: x,
-  clickableOptions: p,
+  onBlur: A,
+  selectedValues: i = [],
+  isBtn: C = !1,
+  btnName: S,
+  clickableOptions: f,
   isListRight: K = !1,
-  sizeIcon: d,
+  sizeIcon: p,
   mode: c = "options",
-  onClickItem: $,
-  onCLickSelect: E,
-  size_s: w = "large",
-  size_m: L,
-  size_l: R,
-  isDisabledNotClickable: g,
+  onClickItem: N,
+  onCLickSelect: x,
+  size_s: $ = "large",
+  size_m: E,
+  size_l: w,
+  isDisabledNotClickable: u,
   isLast: P,
-  selectAll: l
+  selectAll: L
 }) => {
-  const Q = { value: "selectAll", label: (l == null ? void 0 : l.label) ?? "Выбрать все" }, U = () => l != null && l.enabled ? [Q, .../* @__PURE__ */ new Set([...t])] : [.../* @__PURE__ */ new Set([...t])];
-  t = Array.isArray(t) ? U() : [];
-  const [i, k] = F(s), [o, h] = F(!1), v = M(null), X = i.filter((r) => r.value !== "selectAll").length, O = (r) => {
-    $ && $(r);
-    const n = {
-      option: r,
-      selectedOptions: i,
-      disabledOptions: u,
-      setSelectedOptions: k,
+  const Q = { value: "selectAll", label: L?.label ?? "Выбрать все" }, U = () => L?.enabled ? [Q, .../* @__PURE__ */ new Set([...s])] : [.../* @__PURE__ */ new Set([...s])];
+  s = Array.isArray(s) ? U() : [];
+  const [l, R] = B(i), [a, g] = B(!1), h = F(null), X = l.filter((t) => t.value !== "selectAll").length, v = (t) => {
+    N && N(t);
+    const r = {
+      option: t,
+      selectedOptions: l,
+      disabledOptions: d,
+      setSelectedOptions: R,
       onChange: J,
       mode: c,
-      optionsParentArr: t
+      optionsParentArr: s
     };
-    Array.isArray(r) ? V(n) : I(n);
+    Array.isArray(t) ? V(r) : I(r);
   }, Y = () => {
-    S && S(i);
-  }, W = (r) => {
-    const n = r.target;
-    if (v.current && !v.current.contains(r.target)) {
-      if (n.closest("svg"))
+    A && A(l);
+  }, k = (t) => {
+    const r = t.target;
+    if (h.current && !h.current.contains(t.target)) {
+      if (r.closest("svg"))
         return;
-      h(!1);
+      g(!1);
     }
   };
-  z(() => (document.addEventListener("click", W), () => {
-    document.removeEventListener("click", W);
-  }), [o]);
-  const j = M(s);
-  return z(() => {
-    s.length !== j.current.length && (k(s), j.current = s);
-  }, [s]), /* @__PURE__ */ f(
+  M(() => (document.addEventListener("click", k), () => {
+    document.removeEventListener("click", k);
+  }), [a]);
+  const W = F(i);
+  return M(() => {
+    i.length !== W.current.length && (R(i), W.current = i);
+  }, [i]), /* @__PURE__ */ m(
     "div",
     {
-      ref: v,
-      className: m(e.multiSelectWrapper, { [e.multiSelectWrapperError]: q }, A),
+      ref: h,
+      className: o(e.multiSelectWrapper, { [e.multiSelectWrapperError]: _ }, q),
       tabIndex: 0,
       onBlur: Y,
       children: [
-        /* @__PURE__ */ f("div", { className: m(e.inputWrapper), children: [
-          !N && /* @__PURE__ */ f(B, { children: [
-            /* @__PURE__ */ a(
+        /* @__PURE__ */ m("div", { className: o(e.inputWrapper), children: [
+          !C && /* @__PURE__ */ m(j, { children: [
+            /* @__PURE__ */ n(
               "div",
               {
-                className: m(
+                className: o(
                   e.selectedOptions,
-                  e[`${w}-size`],
-                  e[`${L}-size_m`],
-                  e[`${R}-size)_l`],
-                  { [e.selectedOptionsNotEmpty]: i.length > 0 },
-                  { [e.selectOptionsDisabled]: C }
+                  e[`${$}-size`],
+                  e[`${E}-size_m`],
+                  e[`${w}-size)_l`],
+                  { [e.selectedOptionsNotEmpty]: l.length > 0 },
+                  { [e.selectOptionsDisabled]: y }
                 ),
-                onClick: () => h(!o),
-                children: /* @__PURE__ */ a("div", { className: e.selectedText, children: y || (i.length === 0 ? _ : "Выбрано " + X) })
+                onClick: () => g(!a),
+                children: /* @__PURE__ */ n("div", { className: e.selectedText, children: O || (l.length === 0 ? T : "Выбрано " + X) })
               }
             ),
-            /* @__PURE__ */ a(
-              T,
+            /* @__PURE__ */ n(
+              D,
               {
                 name: "arrowShort",
-                deg: o ? "180" : "0",
-                size: d ?? "24",
+                deg: a ? "180" : "0",
+                size: p ?? "24",
                 additionalClass: e.icon
               }
             )
           ] }),
-          N && /* @__PURE__ */ f(B, { children: [
-            /* @__PURE__ */ a(
+          C && /* @__PURE__ */ m(j, { children: [
+            /* @__PURE__ */ n(
               "button",
               {
-                className: m(
+                className: o(
                   e.selectedOptions,
-                  e[`${w}-size`],
-                  e[`${L}-size_m`],
-                  e[`${R}-size_l`],
+                  e[`${$}-size`],
+                  e[`${E}-size_m`],
+                  e[`${w}-size_l`],
                   e.selectedOptionsBtn,
-                  { [e.selectOptionsDisabled]: C },
+                  { [e.selectOptionsDisabled]: y },
                   H
                 ),
                 onClick: () => {
-                  E && E(), h(!o);
+                  x && x(), g(!a);
                 },
-                children: x
+                children: S
               }
             ),
-            /* @__PURE__ */ a(
-              T,
+            /* @__PURE__ */ n(
+              D,
               {
                 name: "filter",
-                deg: o ? "180" : "0",
-                size: d ?? "24",
-                additionalClass: m(e.icon, { [e.iconBtn]: !x })
+                deg: a ? "180" : "0",
+                size: p ?? "24",
+                additionalClass: o(e.icon, { [e.iconBtn]: !S })
               }
             )
           ] })
         ] }),
-        o && /* @__PURE__ */ a("div", { className: m(
+        a && /* @__PURE__ */ n("div", { className: o(
           e.optionsOuterContainer,
           { [e.listRight]: K },
           { [e.lastList]: P },
           G
-        ), children: /* @__PURE__ */ f(
+        ), children: /* @__PURE__ */ m(
           "div",
           {
             className: e.optionsList,
             children: [
-              (c === "options" || c === "single") && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ a(
-                D,
+              (c === "options" || c === "single") && s?.map((t, r) => /* @__PURE__ */ n(
+                z,
                 {
-                  disabledOptions: u,
-                  clickableOptions: p,
-                  selectedOptions: i,
-                  sizeIcon: d,
-                  option: r,
-                  handleOptionClick: O,
-                  isDisabledNotClickable: g
+                  disabledOptions: d,
+                  clickableOptions: f,
+                  selectedOptions: l,
+                  sizeIcon: p,
+                  option: t,
+                  handleOptionClick: v,
+                  isDisabledNotClickable: u
                 },
-                n
-              ))),
-              (c === "category" || c === "double") && (t == null ? void 0 : t.map((r, n) => "options" in r ? /* @__PURE__ */ a(
+                r
+              )),
+              (c === "category" || c === "double") && s?.map((t, r) => "options" in t ? /* @__PURE__ */ n(
                 b,
                 {
-                  disabledOptions: u,
-                  clickableOptions: p,
-                  selectedOptions: i,
-                  sizeIcon: d,
-                  category: r,
+                  disabledOptions: d,
+                  clickableOptions: f,
+                  selectedOptions: l,
+                  sizeIcon: p,
+                  category: t,
                   mode: c,
-                  selectedValues: s,
-                  handleOptionClick: O,
-                  isDisabledNotClickable: g
+                  selectedValues: i,
+                  handleOptionClick: v,
+                  isDisabledNotClickable: u
                 },
-                n
-              ) : r.value === "selectAll" ? /* @__PURE__ */ a(
-                D,
+                r
+              ) : t.value === "selectAll" ? /* @__PURE__ */ n(
+                z,
                 {
-                  disabledOptions: u,
-                  clickableOptions: p,
-                  selectedOptions: i,
-                  sizeIcon: d,
-                  option: r,
-                  handleOptionClick: O,
-                  isDisabledNotClickable: g
+                  disabledOptions: d,
+                  clickableOptions: f,
+                  selectedOptions: l,
+                  sizeIcon: p,
+                  option: t,
+                  handleOptionClick: v,
+                  isDisabledNotClickable: u
                 },
-                n
-              ) : null))
+                r
+              ) : null)
             ]
           }
         ) })

package/dist/components/SliderNavigation/index.d.ts

@@ -1,3 +1,2 @@
 import { SliderNavigation } from './ui/SliderNavigation.tsx';
-
 export { SliderNavigation };

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

@@ -1,3 +1,2 @@
 import { ISliderNavigation } from './SliderNavigation.types.ts';
-
 export declare const SliderNavigation: ({ indexSlide, isDisabledOff, goPrev, goNext, arr, isNeedTag, additionalClassTag, navigationClassName, additionalClassNavButton, size, size_m, size_l, }: ISliderNavigation) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SliderNavigation/ui/SliderNavigation.js

@@ -1,11 +1,11 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useClientWidth as C } from "../../../shared/useClientWidth.js";
+import { c as T } from "../../../index-YnD2EP-S.js";
 import { RoundButton as d } from "../../RoundButton/ui/RoundButton.js";
-import { Tag as C } from "../../Tag/ui/Tag.js";
-import { useClientWidth as T } from "../../../shared/useClientWidth.js";
-import { c as N } from "../../../index-rKuIKazb.js";
+import { Tag as N } from "../../Tag/ui/Tag.js";
 const k = "_sliderTag_1rvl9_1", l = {
   sliderTag: k
-}, v = N.bind(l), $ = ({
+}, v = T.bind(l), $ = ({
   indexSlide: o,
   isDisabledOff: s,
   goPrev: m,
@@ -19,7 +19,7 @@ const k = "_sliderTag_1rvl9_1", l = {
   size_m: i = "medium",
   size_l: a = "large"
 }) => {
-  const { isDesktop: h } = T();
+  const { isDesktop: h } = C();
   return /* @__PURE__ */ f("div", { className: u, children: [
     /* @__PURE__ */ r(
       d,
@@ -35,7 +35,7 @@ const k = "_sliderTag_1rvl9_1", l = {
       }
     ),
     g && /* @__PURE__ */ r(
-      C,
+      N,
       {
         additionalClass: v(l.sliderTag, p),
         variant: "shade",

package/dist/components/SortSelect/hooks/useSortSelect.d.ts

@@ -1,12 +1,11 @@
 import { MouseEvent } from 'react';
 import { Option } from '../ui/SortSelect.types';
 import { TOption } from '../../Select/ui/Select.types.ts';
-
 interface IUseSortSelect {
     selectedOption: Option | null;
     setSelectedOption?: (event: Option | null) => void;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    containerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
     isOpen: boolean;
     isMobile: boolean;
     placeholder: string;

package/dist/components/SortSelect/hooks/useSortSelect.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { u as m } from "../../../useSortSelect-CjZXLFOG.js";
-import "../../../index-rKuIKazb.js";
+import { u as m } from "../../../useSortSelect-Cy3od4ig.js";
+import "../../../index-YnD2EP-S.js";
 export {
   m as useSortSelect
 };

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../FilterWithSave-DkVYQ7W8.js";
+import { SortSelect as r } from "./ui/SortSelect.js";
 export {
   r as SortSelect
 };

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { SortSelectProps } from './SortSelect.types';
-
 export declare const SortSelect: React.FC<SortSelectProps>;

package/dist/components/SortSelect/ui/SortSelect.js

@@ -1,29 +1,111 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../index-rKuIKazb.js";
-import "../../../useSortSelect-CjZXLFOG.js";
-import "../../NewIcon/ui/NewIcon.js";
-import "../../Button/ui/Button.js";
-import "../../mobileButton/ui/MobileButton.js";
-import "../../DestinationTab/ui/DestinationTab.js";
-import "../../RoundButton/ui/RoundButton.js";
-import "../../Tag/ui/Tag.js";
-import "../../Switcher/ui/Switcher.js";
-import "../../Text/ui/Text.js";
-import "../../Flex/ui/Flex.js";
-import "../../Input/ui/Input.js";
-import "../../Modal/ui/Modal.js";
-import { a as A } from "../../../FilterWithSave-DkVYQ7W8.js";
-import "../../GroupedInput/ui/GroupedInputs.js";
-import "../../MetroTag/ui/MetroTag.js";
-import "../../Select/ui/Select.js";
-import "../../../shared/useClientWidth.js";
-import "../../SliderNavigation/ui/SliderNavigation.js";
-import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
-import "../../TabSelect/ui/TabSelect.js";
-import "../../CheckBox/CheckBox.js";
-import "../../CheckBoxNew/CheckBoxNew.js";
-import "../../CheckboxSelect/ui/CheckboxSelect.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useState as M, useRef as W, useEffect as E } from "react";
+import { c as L } from "../../../index-YnD2EP-S.js";
+import { s as e, u as j } from "../../../useSortSelect-Cy3od4ig.js";
+import { useClientWidth as w } from "../../../shared/useClientWidth.js";
+import { NewIcon as O } from "../../NewIcon/ui/NewIcon.js";
+import { Modal as T } from "../../Modal/ui/Modal.js";
+import { Text as z } from "../../Text/ui/Text.js";
+const r = L.bind(e), A = ({
+  options: n,
+  selectedOption: h,
+  placeholder: v = "",
+  error: N,
+  disabled: b,
+  additionalClass: x = "",
+  onChange: c,
+  onBlur: y,
+  mini: k,
+  openOnTop: d = !1,
+  onClickItem: C,
+  onCLickSelect: m,
+  onOpenClick: p
+}) => {
+  const [o, i] = M(!1), u = W(null), { isMobile: l } = w(), { handleBlur: B, getInputValue: I, getOption: f, handleDocumentClick: S } = j({
+    selectedOption: h,
+    onClickOption: C,
+    setSelectedOption: c,
+    setIsOpen: i,
+    containerRef: u,
+    isMobile: l,
+    placeholder: v,
+    onChange: c,
+    onBlur: y
+  });
+  return E(() => (document.addEventListener("click", S), () => {
+    document.removeEventListener("click", S);
+  }), []), /* @__PURE__ */ s(
+    "div",
+    {
+      ref: u,
+      className: r(
+        e.sortSelectWrapper,
+        { [e.sortSelectWrapperError]: N },
+        { [e.sortSelectWrapperTop]: d },
+        x
+      ),
+      tabIndex: 0,
+      onBlur: B,
+      onClick: () => {
+        m && m();
+      },
+      children: [
+        /* @__PURE__ */ s("div", { className: r(e.inputWrapper), children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: I(),
+              className: r(
+                e.selectedOptions,
+                { [e.selectOptionsDisabled]: b },
+                { [e.selectionOptionMini]: k }
+              ),
+              onClick: () => {
+                o || p && p(), i(!o);
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            O,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: e.icon
+            }
+          )
+        ] }),
+        o && l && /* @__PURE__ */ s(
+          T,
+          {
+            isOpen: o,
+            emitIsOpen: i,
+            additionalClassModalBody: e.modalAddBody,
+            additionalClass: e.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
+            children: [
+              /* @__PURE__ */ s("div", { className: e.mobileSortHeader, children: [
+                /* @__PURE__ */ t(z, { children: "Сортировка" }),
+                /* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
+                  O,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: n?.map((a) => f(a)) })
+            ]
+          }
+        ),
+        o && !l && /* @__PURE__ */ t("div", { className: r(e.optionsList, { [e.optionListOnTop]: d }), children: n?.map((a) => f(a)) })
+      ]
+    }
+  );
+};
+A.displayName = "SortSelect";
 export {
   A as SortSelect
 };

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

@@ -1,5 +1,4 @@
 import { TOption } from '../../Select/ui/Select.types.ts';
-
 export interface Option {
     value: string | number;
     label: string;

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

@@ -1,5 +1,4 @@
 import { MultiSelectProps } from '../../Select/ui/Select.types';
-
 interface ISummarySelectProps extends MultiSelectProps {
     label?: string;
     isShowReset?: boolean;