stone-kit 0.0.875 → 0.0.877

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

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

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

@@ -1,67 +1,57 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { NewIcon as d } from "../../NewIcon/ui/NewIcon.js";
-import { Select as O } from "../../Select/ui/Select.js";
-const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18", S = "_summaryList_156r8_33", V = "_summaryOption_156r8_40", B = "_categoryOption_156r8_62", b = "_summaryCategory_156r8_71", k = "_headerCategory_156r8_81", T = "_categoryTitle_156r8_87", W = "_categoryOptions_156r8_95", t = {
-  root: N,
-  nameWrapper: p,
-  clearBtn: f,
-  summaryList: S,
-  summaryOption: V,
-  categoryOption: B,
-  summaryCategory: b,
-  headerCategory: k,
-  categoryTitle: T,
-  categoryOptions: W
-}, j = ({
-  label: _ = "",
-  isShowReset: g,
-  ...a
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { NewIcon as m } from "../../NewIcon/ui/NewIcon.js";
+import { Select as y } from "../../Select/ui/Select.js";
+import a from "../../../src/components/SummarySelect/ui/SummarySelect.module.scss.js";
+const k = ({
+  label: h = "",
+  isShowReset: C,
+  ...l
 }) => {
-  var y;
-  const c = (e) => {
-    a.onChange && a.onChange(e);
+  var v;
+  const o = (e) => {
+    l.onChange && l.onChange(e);
   }, u = (e) => {
-    var r;
-    const o = ((r = a.selectedValues) == null ? void 0 : r.filter((n) => n.value !== e)) || [];
-    c(o);
-  }, h = () => {
-    c([]);
-  }, v = (e) => {
-    var o;
-    c(
-      ((o = a.selectedValues) == null ? void 0 : o.filter((r) => r.value !== e.value).filter(
-        (r) => !e.options.some((n) => n.value === r.value)
+    var t;
+    const s = ((t = l.selectedValues) == null ? void 0 : t.filter((c) => c.value !== e)) || [];
+    o(s);
+  }, g = () => {
+    o([]);
+  }, N = (e) => {
+    var s;
+    o(
+      ((s = l.selectedValues) == null ? void 0 : s.filter((t) => t.value !== e.value).filter(
+        (t) => !e.options.some((c) => c.value === t.value)
       )) ?? []
     );
-  }, m = (y = a.selectedValues) == null ? void 0 : y.filter((e) => "options" in e);
-  return /* @__PURE__ */ s("div", { className: t.root, children: [
-    /* @__PURE__ */ s("div", { className: t.nameWrapper, children: [
-      /* @__PURE__ */ l("div", { children: _ }),
-      g && /* @__PURE__ */ l(
+  }, r = (v = l.selectedValues) == null ? void 0 : v.filter((e) => "options" in e);
+  return /* @__PURE__ */ i("div", { className: a.root, children: [
+    /* @__PURE__ */ i("div", { className: a.nameWrapper, children: [
+      /* @__PURE__ */ n("div", { children: h }),
+      C && /* @__PURE__ */ n(
         "div",
         {
-          className: t.clearBtn,
-          onClick: h,
+          className: a.clearBtn,
+          onClick: g,
           children: "Очистить"
         }
       )
     ] }),
-    /* @__PURE__ */ l(
-      O,
+    /* @__PURE__ */ n(
+      y,
       {
-        ...a,
-        onChange: c
+        ...l,
+        onChange: o
       }
     ),
-    a.mode === "options" && a.selectedValues && a.selectedValues.length > 0 && /* @__PURE__ */ l("div", { className: t.summaryList, children: a.selectedValues.map((e) => /* @__PURE__ */ s(
+    l.mode === "options" && l.selectedValues && l.selectedValues.length > 0 && /* @__PURE__ */ n("div", { className: a.summaryList, children: l.selectedValues.map((e) => /* @__PURE__ */ i(
       "div",
       {
         onClick: () => u(e.value.toString()),
-        className: t.summaryOption,
+        className: a.summaryOption,
         children: [
           e.label,
-          /* @__PURE__ */ l(
-            d,
+          /* @__PURE__ */ n(
+            m,
             {
               name: "close",
               size: "16"
@@ -71,22 +61,22 @@ const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18",
       },
       e.value
     )) }),
-    a.mode === "double" && (m == null ? void 0 : m.map((e, o) => {
-      const r = e;
-      return /* @__PURE__ */ s(
+    l.mode === "double" && (r == null ? void 0 : r.map((e, s) => {
+      const t = e;
+      return /* @__PURE__ */ i(
         "div",
         {
-          className: t.summaryCategory,
+          className: a.summaryCategory,
           children: [
-            /* @__PURE__ */ s("div", { className: t.headerCategory, children: [
-              /* @__PURE__ */ l("div", { className: t.categoryTitle, children: r.label }),
-              /* @__PURE__ */ l(
+            /* @__PURE__ */ i("div", { className: a.headerCategory, children: [
+              /* @__PURE__ */ n("div", { className: a.categoryTitle, children: t.label }),
+              /* @__PURE__ */ n(
                 "div",
                 {
-                  onClick: () => v(e),
-                  className: t.clearBtn,
-                  children: /* @__PURE__ */ l(
-                    d,
+                  onClick: () => N(e),
+                  className: a.clearBtn,
+                  children: /* @__PURE__ */ n(
+                    m,
                     {
                       name: "close",
                       size: "16"
@@ -95,18 +85,18 @@ const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18",
                 }
               )
             ] }),
-            /* @__PURE__ */ l("div", { className: t.categoryOptions, children: r.options.filter((n) => {
-              var i;
-              return (i = a.selectedValues) == null ? void 0 : i.some((C) => n.value === C.value);
-            }).map((n, i) => /* @__PURE__ */ s(
+            /* @__PURE__ */ n("div", { className: a.categoryOptions, children: t.options.filter((c) => {
+              var d;
+              return (d = l.selectedValues) == null ? void 0 : d.some((f) => c.value === f.value);
+            }).map((c, d) => /* @__PURE__ */ i(
               "div",
               {
-                onClick: () => u(n.value.toString()),
-                className: `${t.summaryOption} ${t.categoryOption}`,
+                onClick: () => u(c.value.toString()),
+                className: `${a.summaryOption} ${a.categoryOption}`,
                 children: [
-                  n.label,
-                  /* @__PURE__ */ l(
-                    d,
+                  c.label,
+                  /* @__PURE__ */ n(
+                    m,
                     {
                       name: "close",
                       size: "16"
@@ -114,15 +104,15 @@ const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18",
                   )
                 ]
               },
-              i
+              d
             )) })
           ]
         },
-        o
+        s
       );
     }))
   ] });
 };
 export {
-  j as SummarySelect
+  k as SummarySelect
 };

package/dist/components/Switcher/ui/Switcher.js

@@ -1,29 +1,18 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useRef as o, useEffect as _ } from "react";
-import { c as f } from "../../../index-rKuIKazb.js";
-const v = "_switcherWrapper_1sffg_29", h = "_switcherWrapperReverse_1sffg_40", d = "_switcherWrapperBetween_1sffg_44", W = "_swiper_1sffg_48", g = "_swiperBackward_1sffg_1", l = "_swiperActive_1sffg_63", m = "_swiperForward_1sffg_1", u = "_swiperInactive_1sffg_68", I = "_swiperPoint_1sffg_73", P = "_swiperPointActive_1sffg_85", B = "_swiperInitialize_1sffg_109", e = {
-  switcherWrapper: v,
-  switcherWrapperReverse: h,
-  switcherWrapperBetween: d,
-  swiper: W,
-  swiperBackward: g,
-  swiperActive: l,
-  swiperForward: m,
-  swiperInactive: u,
-  swiperPoint: I,
-  swiperPointActive: P,
-  swiperInitialize: B
-}, i = f.bind(e), z = ({ children: p, isActive: s, onClick: c, isReverse: w, isBetween: n }) => {
-  const r = o(!0);
-  return _(() => {
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useRef as m, useEffect as w } from "react";
+import e from "../../../src/components/Switcher/ui/Switcher.module.scss.js";
+import f from "../../../node_modules/classnames/index.js";
+const i = f.bind(e), v = ({ children: c, isActive: s, onClick: n, isReverse: p, isBetween: a }) => {
+  const r = m(!0);
+  return w(() => {
     r.current && (r.current = !1);
-  }, []), /* @__PURE__ */ a(
+  }, []), /* @__PURE__ */ o(
     "div",
     {
       className: i(
         e.switcherWrapper,
-        { [e.switcherWrapperReverse]: w },
-        { [e.switcherWrapperBetween]: n }
+        { [e.switcherWrapperReverse]: p },
+        { [e.switcherWrapperBetween]: a }
       ),
       children: [
         /* @__PURE__ */ t(
@@ -35,15 +24,15 @@ const v = "_switcherWrapper_1sffg_29", h = "_switcherWrapperReverse_1sffg_40", d
               { [e.swiperActive]: s },
               { [e.swiperInactive]: !s && !r.current }
             ),
-            onClick: c,
+            onClick: n,
             children: /* @__PURE__ */ t("div", { className: i(e.swiperPoint, { [e.swiperPointActive]: s }) })
           }
         ),
-        p
+        c
       ]
     }
   );
 };
 export {
-  z as Switcher
+  v as Switcher
 };

package/dist/components/TabSelect/ui/TabSelect.js

@@ -1,49 +1,43 @@
-import { jsxs as N, jsx as e } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
-import { c as y } from "../../../index-rKuIKazb.js";
-import { Text as u } from "../../Text/ui/Text.js";
-import { useClientWidth as D } from "../../../shared/useClientWidth.js";
-const F = "_root_1knhi_1", P = "_whiteFill_1knhi_29", C = "_text_1knhi_34", I = "_whiteStroke_1knhi_48", j = "_withPadding_1knhi_86", A = "_grayDesign_1knhi_90", t = {
-  root: F,
-  whiteFill: P,
-  text: C,
-  whiteStroke: I,
-  withPadding: j,
-  grayDesign: A
-}, i = y.bind(t), O = {
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import e from "../../../src/components/TabSelect/ui/TabSelect.module.scss.js";
+import y from "../../../node_modules/classnames/index.js";
+import { Text as C } from "../../Text/ui/Text.js";
+import { useClientWidth as I } from "../../../shared/useClientWidth.js";
+const i = y.bind(e), E = {
   whiteFill: "whiteFill",
   whiteStroke: "whiteStroke",
   grayDesign: "grayDesign"
-}, L = ({ variant: s = "whiteFill", classname: a, children: n }) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], a), children: n }), r = T((s, a) => {
-  const { isTablet: n, isDesktop: c } = D(), h = (f, x) => f && o ? o : x && l ? l : b, {
+}, _ = ({ variant: s = "whiteFill", classname: a, children: l }) => /* @__PURE__ */ t("div", { className: i(e.root, e[`${s}`], a), children: l }), c = k((s, a) => {
+  const { isTablet: l, isDesktop: n } = I(), m = (S, u) => S && r ? r : u && o ? o : T, {
     children: d,
-    className: m,
-    additionalClassName: _,
+    className: h,
+    additionalClassName: p,
     additionalLabelClass: w,
     //TODO предлогаю засунуть в жопу isLong
-    isLong: g,
-    checked: k,
-    withPadding: S = !1,
-    width: b,
-    width_m: o,
-    width_l: l,
-    ...p
+    isLong: b,
+    checked: f,
+    withPadding: N = !1,
+    width: T,
+    width_m: r,
+    width_l: o,
+    ...g
   } = s;
-  return /* @__PURE__ */ N("label", { className: i(t.item, w, { [t.withPadding]: S }), children: [
-    /* @__PURE__ */ e("input", { ref: a, type: "checkbox", checked: k, ...p }),
-    /* @__PURE__ */ e(
+  return /* @__PURE__ */ x("label", { className: i(e.item, w, { [e.withPadding]: N }), children: [
+    /* @__PURE__ */ t("input", { ref: a, type: "checkbox", checked: f, ...g }),
+    /* @__PURE__ */ t(
       "div",
       {
-        className: i(m, _, { isLong: g }),
-        style: { width: h(n, c) },
-        children: /* @__PURE__ */ e(u, { className: i(t.text), children: d })
+        className: i(h, p, { isLong: b }),
+        style: { width: m(l, n) },
+        children: /* @__PURE__ */ t(C, { className: i(e.text), children: d })
       }
     )
   ] });
 });
-r.displayName = "TabSelectItem";
-const V = Object.assign(L, { Item: r });
+c.displayName = "TabSelectItem";
+const P = Object.assign(_, { Item: c });
 export {
-  O as TAB_SELECT_VARIANTS,
-  V as TabSelect
+  E as TAB_SELECT_VARIANTS,
+  P as TabSelect
 };

package/dist/components/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../FilterWithSave-Bp6rH8Pe.js";
+import { TabSwitcher as o } from "./ui/TabSwitcher.js";
 export {
-  e as TabSwitcher
+  o as TabSwitcher
 };

package/dist/components/TabSwitcher/ui/TabSwitcher.js

@@ -1,8 +1,8 @@
-import "react/jsx-runtime";
-import "react";
-import { S as y } from "../../../FilterWithSave-Bp6rH8Pe.js";
-import "../../Text/ui/Text.js";
-import "../../../index-rKuIKazb.js";
+import { jsxs as W, jsx as o } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import t from "../../../src/components/TabSwitcher/ui/TabSwitcher.module.scss.js";
+import { Text as y } from "../../Text/ui/Text.js";
+import k from "../../../node_modules/classnames/index.js";
 import "../../Button/ui/Button.js";
 import "../../mobileButton/ui/MobileButton.js";
 import "../../NewIcon/ui/NewIcon.js";
@@ -15,14 +15,91 @@ import "../../Input/ui/Input.js";
 import "react-dom";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
+import "../../LotCard/ui/LotCard.js";
 import "../../Select/ui/Select.js";
-import "../../../shared/useClientWidth.js";
+import { useClientWidth as v } from "../../../shared/useClientWidth.js";
+import "../../SortSelect/ui/SortSelect.js";
 import "../../SliderNavigation/ui/SliderNavigation.js";
 import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
 import "../../TabSelect/ui/TabSelect.js";
+import "../../FormModal/ui/ModalForm.js";
+import "../../FilterWithSave/ui/FilterWithSave.js";
 import "../../CheckBox/CheckBox.js";
 import "../../CheckBoxNew/CheckBoxNew.js";
 import "../../CheckboxSelect/ui/CheckboxSelect.js";
+const e = k.bind(t), D = ({
+  children: r,
+  variant: m = "whiteRow",
+  isApart: a = !1,
+  addClassName: p = "",
+  col: s = !1
+}) => /* @__PURE__ */ o("div", { className: e(t.root, t[m], { [t.rootCol]: s, [t.apart]: a }, p), children: r }), g = j((r, m) => {
+  const { isTablet: a, isDesktop: p } = v(), {
+    index: s,
+    children: i,
+    addItemClassName: u,
+    addLabelClassname: z,
+    addTextClass: _,
+    size_s: c = "large",
+    size_m: d,
+    size_l: h,
+    disabled: f = !1,
+    itemsLength: N = 0,
+    isLongOn: I = !0,
+    width: b,
+    width_m: l,
+    width_l: n,
+    mini: x = !1,
+    ...S
+  } = r, w = (i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1) && I, T = (C, L) => C && l ? l : L && n ? n : b, $ = !b && !l && !n && w;
+  return /* @__PURE__ */ W("label", { className: e(t.labelItem, { [t.isLong]: w }, z), children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        ref: m,
+        type: "checkbox",
+        ...S,
+        disabled: f
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        style: { width: T(a, p) },
+        className: e(
+          e(
+            t.item,
+            { [t.firstItem]: s === 0 },
+            { [t.lastItem]: s === N - 1 },
+            { [t.isDisabled]: f },
+            { [t.autoWidth]: $ },
+            t[`${c}-size`],
+            t[`${d}-size_m`],
+            t[`${h}-size_l`],
+            { [t.mini]: x }
+          ),
+          u
+        ),
+        children: /* @__PURE__ */ o(
+          y,
+          {
+            className: e(
+              t.text,
+              t[`text-${c}-size`],
+              t[`text-${d}-size_m`],
+              t[`text-${h}-size_l`],
+              { [t.textMini]: x },
+              _
+            ),
+            children: i
+          }
+        )
+      }
+    )
+  ] });
+});
+g.displayName = "TabSwitcherItem";
+const nt = Object.assign(D, { Item: g });
 export {
-  y as TabSwitcher
+  nt as TabSwitcher
 };