stone-kit 0.0.1081 → 0.0.1085

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

@@ -1,29 +1,111 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../index-YnD2EP-S.js";
-import "../../../useSortSelect-IeonkD5d.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 { S as A } from "../../../FilterWithSave-DUZgU1Yr.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-IeonkD5d.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/SummarySelect/ui/SummarySelect.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as t, Fragment as b } from "react/jsx-runtime";
 import { c as n } from "../../../index-YnD2EP-S.js";
-import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
 import { Select as x } from "../../Select/ui/Select.js";
+import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
 const A = "_root_99sc2_1", $ = "_nameWrapper_99sc2_8", j = "_size_large_99sc2_18", U = "_clearBtnWrapper_99sc2_25", F = "_clearBtn_99sc2_25", I = "_summaryList_99sc2_54", q = "_summaryOption_99sc2_66", E = "_summaryOptionSecondary_99sc2_88", G = "_categoryOption_99sc2_93", H = "_categoryOptionSecondary_99sc2_102", J = "_summaryCategory_99sc2_106", K = "_headerCategory_99sc2_116", M = "_categoryTitle_99sc2_122", Q = "_categoryTitleSecondary_99sc2_130", R = "_categoryOptions_99sc2_134", e = {
   root: A,
   nameWrapper: $,

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

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as N } from "react/jsx-runtime";
 import { c as T } from "../../../index-YnD2EP-S.js";
-import { Text as k } from "../../Text/ui/Text.js";
-import { useClientWidth as y } from "../../../shared/useClientWidth.js";
+import { useClientWidth as k } from "../../../shared/useClientWidth.js";
+import { Text as y } from "../../Text/ui/Text.js";
 const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F = "_fullWhite_pbslz_48", P = "_whiteStroke_pbslz_67", C = "_withPadding_pbslz_105", I = "_grayDesign_pbslz_109", t = {
   root: z,
   whiteFill: W,
@@ -20,7 +20,7 @@ const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F =
   classname: l,
   children: a
 }) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], l), children: a }), c = (s) => {
-  const { isTablet: l, isDesktop: a } = y(), {
+  const { isTablet: l, isDesktop: a } = k(), {
     children: r,
     className: h,
     additionalClassName: d,
@@ -49,7 +49,7 @@ const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F =
       {
         className: i(h, d, { [t.isLong]: m }),
         style: { width: u(l, a) },
-        children: /* @__PURE__ */ e(k, { className: i(t.text), children: r })
+        children: /* @__PURE__ */ e(y, { className: i(t.text), children: r })
       }
     )
   ] });

package/dist/components/TabSwitcher/index.js

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

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

@@ -1,28 +1,123 @@
-import "react/jsx-runtime";
-import { T as y } from "../../../FilterWithSave-DUZgU1Yr.js";
-import "../../Text/ui/Text.js";
-import "../../../index-YnD2EP-S.js";
-import "../../Button/ui/Button.js";
-import "../../mobileButton/ui/MobileButton.js";
-import "../../NewIcon/ui/NewIcon.js";
-import "../../DestinationTab/ui/DestinationTab.js";
-import "../../RoundButton/ui/RoundButton.js";
-import "../../Tag/ui/Tag.js";
-import "../../Switcher/ui/Switcher.js";
-import "../../Flex/ui/Flex.js";
-import "../../Input/ui/Input.js";
-import "react";
-import "react-dom";
-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 { jsx as s, jsxs as S } from "react/jsx-runtime";
+import { c as W } from "../../../index-YnD2EP-S.js";
+import { useClientWidth as $ } from "../../../shared/useClientWidth.js";
+import { Text as D } from "../../Text/ui/Text.js";
+const M = "_root_1qhai_1", j = "_text_1qhai_18", G = "_textMini_1qhai_26", k = "_rootCol_1qhai_32", v = "_item_1qhai_38", O = "_whiteRow_1qhai_57", A = "_firstItem_1qhai_68", B = "_lastItem_1qhai_72", E = "_whiteRowGrayLabel_1qhai_103", F = "_labelItem_1qhai_118", H = "_outlined_1qhai_147", J = "_apart_1qhai_204", K = "_isLong_1qhai_204", P = "_autoWidth_1qhai_219", Q = "_mini_1qhai_233", U = "_isDisabled_1qhai_241", V = "_grayRow_1qhai_265", e = {
+  root: M,
+  text: j,
+  textMini: G,
+  rootCol: k,
+  item: v,
+  whiteRow: O,
+  firstItem: A,
+  lastItem: B,
+  whiteRowGrayLabel: E,
+  labelItem: F,
+  outlined: H,
+  apart: J,
+  isLong: K,
+  autoWidth: P,
+  mini: Q,
+  isDisabled: U,
+  grayRow: V,
+  "tiny-size": "_tiny-size_1qhai_293",
+  "small-size": "_small-size_1qhai_298",
+  "medium-size": "_medium-size_1qhai_303",
+  "large-size": "_large-size_1qhai_308",
+  "text-tiny-size": "_text-tiny-size_1qhai_313",
+  "text-small-size": "_text-small-size_1qhai_319",
+  "text-medium-size": "_text-medium-size_1qhai_324",
+  "text-large-size": "_text-large-size_1qhai_329",
+  "small-size_m": "_small-size_m_1qhai_335",
+  "medium-size_m": "_medium-size_m_1qhai_339",
+  "large-size_m": "_large-size_m_1qhai_343",
+  "text-small-size_m": "_text-small-size_m_1qhai_347",
+  "text-medium-size_m": "_text-medium-size_m_1qhai_351",
+  "text-large-size_m": "_text-large-size_m_1qhai_355",
+  "small-size_l": "_small-size_l_1qhai_370",
+  "medium-size_l": "_medium-size_l_1qhai_374",
+  "large-size_l": "_large-size_l_1qhai_378",
+  "text-small-size_l": "_text-small-size_l_1qhai_382",
+  "text-medium-size_l": "_text-medium-size_l_1qhai_386",
+  "text-large-size_l": "_text-large-size_l_1qhai_390"
+}, _ = W.bind(e), X = ({
+  children: a,
+  variant: l = "whiteRow",
+  isApart: m = !1,
+  addClassName: i = "",
+  col: t = !1
+}) => /* @__PURE__ */ s("div", { className: _(e.root, e[l], { [e.rootCol]: t, [e.apart]: m }, i), children: a }), g = (a) => {
+  const { isTablet: l, isDesktop: m } = $(), {
+    index: i,
+    children: t,
+    addItemClassName: u,
+    addLabelClassname: w,
+    addTextClass: b,
+    size_s: h = "large",
+    size_m: r,
+    size_l: d,
+    disabled: z = !1,
+    itemsLength: I = 0,
+    isLongOn: f = !0,
+    width: c,
+    width_m: o,
+    width_l: n,
+    mini: x = !1,
+    dataTestId: p,
+    ref: y,
+    ...L
+  } = a, q = (t?.toString().length ? t?.toString().length > 2 : !1) && f, R = (C, N) => C && o ? o : N && n ? n : c, T = !c && !o && !n && q;
+  return /* @__PURE__ */ S("label", { className: _(e.labelItem, { [e.isLong]: q }, w), children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        ref: y,
+        type: "checkbox",
+        ...L,
+        disabled: z
+      }
+    ),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        style: { width: R(l, m) },
+        "data-testid": p,
+        className: _(
+          e.item,
+          {
+            [e.firstItem]: i === 0,
+            [e.lastItem]: i === I - 1,
+            [e.isDisabled]: z,
+            [e.autoWidth]: T,
+            [e.mini]: x
+          },
+          e[`${h}-size`],
+          e[`${r}-size_m`],
+          e[`${d}-size_l`],
+          u
+        ),
+        children: /* @__PURE__ */ s(
+          D,
+          {
+            className: _(
+              e.text,
+              e[`text-${h}-size`],
+              e[`text-${r}-size_m`],
+              e[`text-${d}-size_l`],
+              { [e.textMini]: x },
+              b
+            ),
+            children: t
+          }
+        )
+      }
+    )
+  ] });
+};
+g.displayName = "TabSwitcherItem";
+const ie = Object.assign(X, {
+  Item: g
+});
 export {
-  y as TabSwitcher
+  ie as TabSwitcher
 };