stone-kit 0.0.874 → 0.0.876

package/dist/components/Select/model/selectMode.js

@@ -0,0 +1,49 @@
+const J = ({
+  option: e,
+  setSelectedOptions: s,
+  selectedOptions: l,
+  disabledOptions: u,
+  onChange: c,
+  mode: y,
+  optionsParentArr: f
+}) => {
+  if (!Array.isArray(e)) {
+    if (u.includes(e))
+      return;
+    let i = l.some((r) => r.value === e.value) ? l.filter((r) => r.value !== e.value) : [...l, e];
+    if (y === "single") {
+      const r = [e];
+      s(r), c && c(r);
+      return;
+    }
+    if (y === "double") {
+      "options" in e && (l.map((t) => JSON.stringify(t)).includes(JSON.stringify(e)) ? i = i.filter(
+        (t) => !e.options.map((a) => JSON.stringify(a)).includes(JSON.stringify(t))
+      ) : Array.isArray(e.options) && (i = [...i, ...e.options]));
+      const r = f == null ? void 0 : f.filter((S) => "options" in S && S.options.includes(e))[0];
+      !(r && l.map((S) => JSON.stringify(S)).includes(JSON.stringify(r))) && r && i.push(r);
+    }
+    s(i), c && c(i);
+  }
+}, N = ({
+  option: e,
+  setSelectedOptions: s,
+  selectedOptions: l,
+  disabledOptions: u,
+  onChange: c
+}) => {
+  if (Array.isArray(e)) {
+    const y = e.filter((f) => !(u != null && u.includes(f)));
+    if (y.every((f) => l.map((i) => i).includes(f))) {
+      const f = l.filter((i) => !e.includes(i));
+      s(f), c && c(f);
+    } else {
+      const f = y.filter((r) => !l.includes(r)), i = [...l, ...f];
+      s(i), c && c(i);
+    }
+  }
+};
+export {
+  N as handleClickModeCategory,
+  J as handleClickModeOption
+};

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

@@ -0,0 +1,76 @@
+import { jsxs as u, Fragment as I, jsx as o } from "react/jsx-runtime";
+import { s as n, O as J } from "../../../Option-BVIm7wOW.js";
+import { NewIcon as N } from "../../NewIcon/ui/NewIcon.js";
+import { c as O } from "../../../index-rKuIKazb.js";
+import { useState as U } from "react";
+const j = O.bind(n), z = ({
+  category: t,
+  selectedOptions: r,
+  disabledOptions: m,
+  clickableOptions: s,
+  handleOptionClick: d,
+  sizeIcon: i,
+  isDisabledNotClickable: p,
+  mode: f
+}) => {
+  const [l, h] = U(!1), w = r.map((e) => JSON.stringify(e)), c = f === "category", g = f === "double", k = c && t.options.every((e) => w.includes(JSON.stringify(e))), x = s ? s.includes(t.value.toString()) : !0, v = r.some((e) => e.value === t.value), C = () => p && s ? !s.includes(t.value.toString()) : m.some(
+    (e) => e.value === t.value
+  ), F = c ? k ? "selectChecked" : "selectUnchecked" : g && v ? "selectChecked" : "selectUnchecked", S = t.options.length > 1;
+  return /* @__PURE__ */ u(I, { children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: j(
+          n.option,
+          n.category,
+          {
+            [n.optionDisabled]: C(),
+            [n.optionClickable]: x
+          }
+        ),
+        onClick: () => {
+          C() && !v || (g && !l && h(!0), d(c ? t.options : t));
+        },
+        children: [
+          /* @__PURE__ */ u("div", { className: n.leftSide, children: [
+            /* @__PURE__ */ o(
+              N,
+              {
+                size: i ?? "20",
+                name: F
+              }
+            ),
+            /* @__PURE__ */ o("div", { children: t.label })
+          ] }),
+          S && /* @__PURE__ */ o("div", { className: n.iconArrow, onClick: (e) => {
+            e.stopPropagation(), h((a) => !a);
+          }, children: /* @__PURE__ */ o(
+            N,
+            {
+              name: "arrowShort",
+              deg: l ? "180" : "0",
+              size: i ?? "24"
+            }
+          ) })
+        ]
+      }
+    ),
+    l && S && t.options.map((e, a) => /* @__PURE__ */ o(
+      J,
+      {
+        option: e,
+        disabledOptions: m,
+        selectedOptions: r,
+        handleOptionClick: () => d(e),
+        sizeIcon: i,
+        clickableOptions: s,
+        isOptionCategory: !0,
+        isDisabledNotClickable: p
+      },
+      a
+    ))
+  ] });
+};
+export {
+  z as Category
+};

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

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { O as m } from "../../../Option-BVIm7wOW.js";
+import "../../NewIcon/ui/NewIcon.js";
+import "../../../index-rKuIKazb.js";
+export {
+  m as Option
+};

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

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

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

@@ -0,0 +1 @@
+

package/dist/components/SliderNavigation/index.js

@@ -0,0 +1,4 @@
+import { SliderNavigation as r } from "./ui/SliderNavigation.js";
+export {
+  r as SliderNavigation
+};

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

@@ -0,0 +1,65 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+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";
+const k = "_sliderTag_1rvl9_1", l = {
+  sliderTag: k
+}, v = N.bind(l), $ = ({
+  indexSlide: o,
+  isDisabledOff: s,
+  goPrev: m,
+  goNext: c,
+  arr: e,
+  isNeedTag: g = !0,
+  additionalClassTag: p = "",
+  navigationClassName: u = "",
+  additionalClassNavButton: t = "",
+  size: n = "medium",
+  size_m: i = "medium",
+  size_l: a = "large"
+}) => {
+  const { isDesktop: h } = T();
+  return /* @__PURE__ */ f("div", { className: u, children: [
+    /* @__PURE__ */ r(
+      d,
+      {
+        iconName: "directionDown",
+        deg: "90",
+        size: n,
+        size_m: i,
+        size_l: a,
+        disabled: s ? !1 : o === 0,
+        additionalClass: t,
+        onClick: m
+      }
+    ),
+    g && /* @__PURE__ */ r(
+      C,
+      {
+        additionalClass: v(l.sliderTag, p),
+        variant: "shade",
+        size: h ? "large" : "medium",
+        size_m: i,
+        size_l: a,
+        children: `${o + 1} из ${e.length}`
+      }
+    ),
+    /* @__PURE__ */ r(
+      d,
+      {
+        disabled: s ? !1 : o === e.length - 1,
+        size: n,
+        size_m: i,
+        size_l: a,
+        iconName: "directionDown",
+        deg: "-90",
+        additionalClass: t,
+        onClick: c
+      }
+    )
+  ] });
+};
+export {
+  $ as SliderNavigation
+};

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

@@ -0,0 +1 @@
+

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

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

package/dist/components/SortSelect/index.js

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

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

@@ -0,0 +1,29 @@
+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-Bp6rH8Pe.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";
+export {
+  A as SortSelect
+};

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

@@ -0,0 +1 @@
+

package/dist/components/SummarySelect/index.js

@@ -0,0 +1,4 @@
+import { SummarySelect as r } from "./ui/SummarySelect.js";
+export {
+  r as SummarySelect
+};

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

@@ -0,0 +1,128 @@
+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
+}) => {
+  var y;
+  const c = (e) => {
+    a.onChange && a.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)
+      )) ?? []
+    );
+  }, 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(
+        "div",
+        {
+          className: t.clearBtn,
+          onClick: h,
+          children: "Очистить"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(
+      O,
+      {
+        ...a,
+        onChange: c
+      }
+    ),
+    a.mode === "options" && a.selectedValues && a.selectedValues.length > 0 && /* @__PURE__ */ l("div", { className: t.summaryList, children: a.selectedValues.map((e) => /* @__PURE__ */ s(
+      "div",
+      {
+        onClick: () => u(e.value.toString()),
+        className: t.summaryOption,
+        children: [
+          e.label,
+          /* @__PURE__ */ l(
+            d,
+            {
+              name: "close",
+              size: "16"
+            }
+          )
+        ]
+      },
+      e.value
+    )) }),
+    a.mode === "double" && (m == null ? void 0 : m.map((e, o) => {
+      const r = e;
+      return /* @__PURE__ */ s(
+        "div",
+        {
+          className: t.summaryCategory,
+          children: [
+            /* @__PURE__ */ s("div", { className: t.headerCategory, children: [
+              /* @__PURE__ */ l("div", { className: t.categoryTitle, children: r.label }),
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  onClick: () => v(e),
+                  className: t.clearBtn,
+                  children: /* @__PURE__ */ l(
+                    d,
+                    {
+                      name: "close",
+                      size: "16"
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__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(
+              "div",
+              {
+                onClick: () => u(n.value.toString()),
+                className: `${t.summaryOption} ${t.categoryOption}`,
+                children: [
+                  n.label,
+                  /* @__PURE__ */ l(
+                    d,
+                    {
+                      name: "close",
+                      size: "16"
+                    }
+                  )
+                ]
+              },
+              i
+            )) })
+          ]
+        },
+        o
+      );
+    }))
+  ] });
+};
+export {
+  j as SummarySelect
+};

package/dist/components/Switcher/index.js

@@ -0,0 +1,4 @@
+import { Switcher as o } from "./ui/Switcher.js";
+export {
+  o as Switcher
+};

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

@@ -0,0 +1,49 @@
+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 _(() => {
+    r.current && (r.current = !1);
+  }, []), /* @__PURE__ */ a(
+    "div",
+    {
+      className: i(
+        e.switcherWrapper,
+        { [e.switcherWrapperReverse]: w },
+        { [e.switcherWrapperBetween]: n }
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: i(
+              e.swiper,
+              { [e.swiperInitialize]: r.current },
+              { [e.swiperActive]: s },
+              { [e.swiperInactive]: !s && !r.current }
+            ),
+            onClick: c,
+            children: /* @__PURE__ */ t("div", { className: i(e.swiperPoint, { [e.swiperPointActive]: s }) })
+          }
+        ),
+        p
+      ]
+    }
+  );
+};
+export {
+  z as Switcher
+};

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

@@ -0,0 +1 @@
+

package/dist/components/TabSelect/index.js

@@ -0,0 +1,4 @@
+import { TabSelect as r } from "./ui/TabSelect.js";
+export {
+  r as TabSelect
+};

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

@@ -0,0 +1,49 @@
+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 = {
+  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, {
+    children: d,
+    className: m,
+    additionalClassName: _,
+    additionalLabelClass: w,
+    //TODO предлогаю засунуть в жопу isLong
+    isLong: g,
+    checked: k,
+    withPadding: S = !1,
+    width: b,
+    width_m: o,
+    width_l: l,
+    ...p
+  } = 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(
+      "div",
+      {
+        className: i(m, _, { isLong: g }),
+        style: { width: h(n, c) },
+        children: /* @__PURE__ */ e(u, { className: i(t.text), children: d })
+      }
+    )
+  ] });
+});
+r.displayName = "TabSelectItem";
+const V = Object.assign(L, { Item: r });
+export {
+  O as TAB_SELECT_VARIANTS,
+  V as TabSelect
+};