stone-kit 0.0.621 → 0.0.623

package/dist/FilterWithSave-CCLB16O4.js

@@ -0,0 +1,576 @@
+import { jsxs as f, jsx as t, Fragment as F } from "react/jsx-runtime";
+import { NewIcon as L } from "./components/NewIcon/ui/NewIcon.js";
+import { M as T } from "./Modal-BZv6nlLe.js";
+import { forwardRef as Q, useState as b, useRef as J, useEffect as E } from "react";
+import { Text as H } from "./components/Text/ui/Text.js";
+import { c as V, g as U } from "./index-rKuIKazb.js";
+import { Button as $ } from "./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 "./components/Flex/ui/Flex.js";
+import "./components/Input/ui/Input.js";
+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 j } from "./shared/useClientWidth.js";
+import { s as p, u as X } from "./useSortSelect-CjZXLFOG.js";
+import "./components/SliderNavigation/ui/SliderNavigation.js";
+import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import "./components/TabSelect/ui/TabSelect.js";
+import "./components/FormModal/ui/ModalForm.js";
+import { O as P } from "./Option-8X0Ft_zQ.js";
+const Y = "_root_3uq14_1", Z = "_text_3uq14_18", ee = "_textMini_3uq14_56", te = "_rootCol_3uq14_62", ie = "_item_3uq14_68", se = "_whiteRow_3uq14_87", re = "_firstItem_3uq14_97", ae = "_lastItem_3uq14_101", ne = "_apart_3uq14_132", oe = "_isLong_3uq14_132", le = "_autoWidth_3uq14_157", ce = "_mini_3uq14_161", de = "_isDisabled_3uq14_169", me = "_grayRow_3uq14_193", l = {
+  root: Y,
+  text: Z,
+  "small-size": "_small-size_3uq14_26",
+  "medium-size": "_medium-size_3uq14_31",
+  "large-size": "_large-size_3uq14_36",
+  "text-small-size": "_text-small-size_3uq14_41",
+  "text-medium-size": "_text-medium-size_3uq14_46",
+  "text-large-size": "_text-large-size_3uq14_51",
+  textMini: ee,
+  rootCol: te,
+  item: ie,
+  whiteRow: se,
+  firstItem: re,
+  lastItem: ae,
+  apart: ne,
+  isLong: oe,
+  autoWidth: le,
+  mini: ce,
+  isDisabled: de,
+  grayRow: me
+}, R = V.bind(l), pe = ({
+  children: n,
+  variant: a = "whiteRow",
+  isApart: o = !1,
+  addClassName: x = "",
+  col: c = !1
+}) => /* @__PURE__ */ t("div", { className: R(l.root, l[a], x, { [l.rootCol]: c, [l.apart]: o }), children: n }), G = Q((n, a) => {
+  const { isTablet: o, isDesktop: x } = j(), {
+    index: c,
+    children: e,
+    addItemClassName: r,
+    addTextClass: d,
+    size_s: v = "large",
+    size_m: S = "large",
+    size_l: g = "large",
+    disabled: u = !1,
+    itemsLength: O = 0,
+    isLongOn: k = !0,
+    width: y,
+    width_m: m,
+    width_l: _,
+    mini: N = !1,
+    ...W
+  } = n, B = (e != null && e.toString().length ? (e == null ? void 0 : e.toString().length) > 2 : !1) && k, z = (C, s) => C && m ? m : s && _ ? _ : y, q = !y && !m && !_ && B;
+  return /* @__PURE__ */ f("label", { className: R({ [l.isLong]: B }), children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: a,
+        type: "checkbox",
+        ...W,
+        disabled: u
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        style: { width: z(o, x) },
+        className: R(
+          R(
+            l.item,
+            { [l.firstItem]: c === 0 },
+            { [l.lastItem]: c === O - 1 },
+            { [l.isDisabled]: u },
+            { [l.autoWidth]: q },
+            l[`${v}-size`],
+            l[`${S}-size_m`],
+            l[`${g}-size_l`],
+            { [l.mini]: N }
+          ),
+          r
+        ),
+        children: /* @__PURE__ */ t(
+          H,
+          {
+            className: R(
+              l.text,
+              l[`text-${v}-size`],
+              l[`text-${S}-size_m`],
+              l[`text-${g}-size_l`],
+              { [l.textMini]: N },
+              d
+            ),
+            children: e
+          }
+        )
+      }
+    )
+  ] });
+});
+G.displayName = "TabSwitcherItem";
+const A = Object.assign(pe, { Item: G }), D = V.bind(p), ue = ({
+  options: n,
+  selectedOption: a,
+  placeholder: o = "",
+  error: x,
+  disabled: c,
+  additionalClass: e = "",
+  onChange: r,
+  onBlur: d,
+  mini: v,
+  openOnTop: S = !1,
+  onClickItem: g,
+  onCLickSelect: u
+}) => {
+  const [O, k] = b(!1), y = J(null), { isMobile: m } = j(), { handleBlur: _, getInputValue: N, getOption: W, handleDocumentClick: B } = X(
+    {
+      selectedOption: a,
+      onClickOption: g,
+      setSelectedOption: r,
+      setIsOpen: k,
+      containerRef: y,
+      isOpen: O,
+      isMobile: m,
+      placeholder: o,
+      onChange: r,
+      onBlur: d
+    }
+  );
+  return E(() => (document.addEventListener("click", B), () => {
+    document.removeEventListener("click", B);
+  }), []), /* @__PURE__ */ f(
+    "div",
+    {
+      ref: y,
+      className: D(
+        p.sortSelectWrapper,
+        { [p.sortSelectWrapperError]: x },
+        { [p.sortSelectWrapperTop]: S },
+        e
+      ),
+      tabIndex: 0,
+      onBlur: _,
+      onClick: () => {
+        u && u();
+      },
+      children: [
+        /* @__PURE__ */ f("div", { className: D(p.inputWrapper), children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: N(),
+              className: D(
+                p.selectedOptions,
+                { [p.selectOptionsDisabled]: c },
+                { [p.selectionOptionMini]: v }
+              ),
+              onClick: () => k(!O)
+            }
+          ),
+          /* @__PURE__ */ t(
+            L,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: p.icon
+            }
+          )
+        ] }),
+        O && m && /* @__PURE__ */ f(
+          T,
+          {
+            isOpen: O,
+            emitIsOpen: k,
+            additionalClassModalBody: p.modalAddBody,
+            additionalClass: p.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
+            children: [
+              /* @__PURE__ */ f("div", { className: p.mobileSortHeader, children: [
+                /* @__PURE__ */ t(H, { children: "Сортировка" }),
+                /* @__PURE__ */ t("div", { onClick: () => k(!1), children: /* @__PURE__ */ t(
+                  L,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: p.mobileOptionList, children: n == null ? void 0 : n.map((z) => W(z)) })
+            ]
+          }
+        ),
+        O && !m && /* @__PURE__ */ t("div", { className: D(p.optionsList, { [p.optionListOnTop]: S }), children: n == null ? void 0 : n.map((z) => W(z)) })
+      ]
+    }
+  );
+};
+ue.displayName = "SortSelect";
+const _e = "_root_1t65a_1", he = "_filterWithSaveModal_1t65a_15", fe = "_modalAddBody_1t65a_20", ve = "_closeBtn_1t65a_29", Ne = "_btnName_1t65a_35", We = "_modalTitle_1t65a_39", Ce = "_tabSWitcherWrapper_1t65a_48", we = "_switcherTitle_1t65a_56", Oe = "_switcherScroll_1t65a_63", ke = "_tabs_1t65a_72", xe = "_selectWrapper_1t65a_77", Se = "_filterOption_1t65a_81", ge = "_btnWrapper_1t65a_88", ye = "_resetBtn_1t65a_94", Be = "_saveBtn_1t65a_95", ze = "_desktopWrapper_1t65a_99", Ie = "_desktopWrapperOpen_1t65a_122", i = {
+  root: _e,
+  filterWithSaveModal: he,
+  modalAddBody: fe,
+  closeBtn: ve,
+  btnName: Ne,
+  modalTitle: We,
+  tabSWitcherWrapper: Ce,
+  switcherTitle: we,
+  switcherScroll: Oe,
+  tabs: ke,
+  selectWrapper: xe,
+  filterOption: Se,
+  btnWrapper: ge,
+  resetBtn: ye,
+  saveBtn: Be,
+  desktopWrapper: ze,
+  desktopWrapperOpen: Ie
+};
+var K = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(n) {
+  (function() {
+    var a = {}.hasOwnProperty;
+    function o() {
+      for (var e = "", r = 0; r < arguments.length; r++) {
+        var d = arguments[r];
+        d && (e = c(e, x.call(this, d)));
+      }
+      return e;
+    }
+    function x(e) {
+      if (typeof e == "string" || typeof e == "number")
+        return this && this[e] || e;
+      if (typeof e != "object")
+        return "";
+      if (Array.isArray(e))
+        return o.apply(this, e);
+      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+        return e.toString();
+      var r = "";
+      for (var d in e)
+        a.call(e, d) && e[d] && (r = c(r, this && this[d] || d));
+      return r;
+    }
+    function c(e, r) {
+      return r ? e ? e + " " + r : e + r : e;
+    }
+    n.exports ? (o.default = o, n.exports = o) : window.classNames = o;
+  })();
+})(K);
+var Me = K.exports;
+const qe = /* @__PURE__ */ U(Me), be = ({
+  selectedTabs: n = [],
+  selectedValues: a = [],
+  onClickItem: o,
+  disabledOptions: x = [],
+  tabs: c = [],
+  onChange: e,
+  setSelectedTabs: r
+}) => {
+  const { isMobile: d } = j(), [v, S] = b(!1), g = J(null), [u, O] = b(n), [k] = b(a), [y, m] = b(u), [_, N] = b(k), W = (s) => {
+    if (o && o(s), x.some((h) => h.value === s.value))
+      return;
+    const w = _.some((h) => h.value === s.value) ? _.filter((h) => h.value !== s.value) : [..._, s];
+    N(w);
+  }, B = () => {
+    O(c), m(c), N([]), e && (e([]), r == null || r(c));
+  }, z = () => {
+    N(a), m(n);
+  }, q = () => {
+    z(), S(!1);
+  }, C = (s) => {
+    s.stopPropagation(), e && (r == null || r(y), e(_)), S(!1);
+  };
+  return E(() => {
+    v || m((s) => JSON.stringify(s) !== JSON.stringify(n) ? n : s);
+  }, [v, n]), E(() => {
+    const s = (w) => {
+      if (!g.current)
+        return;
+      const h = w.target;
+      g.current.contains(h) || h.closest("svg") || q();
+    };
+    return v ? document.addEventListener("click", s) : document.removeEventListener("click", s), () => {
+      document.removeEventListener("click", s);
+    };
+  }, [v]), {
+    isMobile: d,
+    handleClearClick: B,
+    handleCloseModal: q,
+    handleOptionClick: W,
+    handleSaveClick: C,
+    localSelectedTabs: y,
+    selectedOptions: _,
+    setSelectedOptions: N,
+    isModalOpen: v,
+    setIsModalOpen: S,
+    setLocalSelectedTabs: m,
+    containerRef: g
+  };
+}, Re = qe.bind(i), nt = ({
+  disabledOptions: n,
+  tabs: a = [],
+  selectOptions: o = [],
+  onChange: x,
+  selectedValues: c,
+  setSelectedTabs: e,
+  selectedTabs: r,
+  onClickItem: d,
+  onCLickSelect: v,
+  btnName: S = "Фильтр"
+}) => {
+  const {
+    handleCloseModal: g,
+    localSelectedTabs: u,
+    selectedOptions: O,
+    isMobile: k,
+    handleOptionClick: y,
+    handleClearClick: m,
+    handleSaveClick: _,
+    isModalOpen: N,
+    setLocalSelectedTabs: W,
+    setIsModalOpen: B,
+    containerRef: z
+  } = be({
+    selectedTabs: r,
+    onClickItem: d,
+    setSelectedTabs: e,
+    tabs: a,
+    onChange: x,
+    disabledOptions: n,
+    selectedValues: c
+  }), q = () => /* @__PURE__ */ f(F, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: i.closeBtn,
+        onClick: () => {
+          g();
+        },
+        children: /* @__PURE__ */ t(
+          L,
+          {
+            name: "close",
+            size: "24"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: i.modalTitle, children: "Фильтры" }),
+    /* @__PURE__ */ f("div", { className: i.tabSWitcherWrapper, children: [
+      /* @__PURE__ */ t("div", { className: i.switcherTitle, children: "Готовность" }),
+      /* @__PURE__ */ t("div", { className: i.switcherScroll, children: /* @__PURE__ */ t(
+        A,
+        {
+          variant: "grayRow",
+          addClassName: i.tabs,
+          isApart: !0,
+          children: a == null ? void 0 : a.map((C, s) => {
+            var h;
+            const w = C.value;
+            return /* @__PURE__ */ t(
+              A.Item,
+              {
+                itemsLength: a == null ? void 0 : a.length,
+                mini: !0,
+                value: w,
+                onClick: () => {
+                },
+                checked: ((h = u == null ? void 0 : u.find((M) => M.value === w)) == null ? void 0 : h.state) ?? !1,
+                onChange: () => {
+                  W == null || W(
+                    (M) => M.map((I) => I.value === w ? { ...I, state: !I.state } : I)
+                  );
+                },
+                index: s,
+                addItemClassName: i.tabSwitcher,
+                children: w
+              },
+              s
+            );
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: i.selectWrapper, children: o == null ? void 0 : o.map((C, s) => /* @__PURE__ */ t(
+      P,
+      {
+        addClassName: i.filterOption,
+        disabledOptions: [],
+        clickableOptions: [],
+        selectedOptions: O,
+        option: C,
+        handleOptionClick: y
+      },
+      s
+    )) }),
+    /* @__PURE__ */ f("div", { className: i.btnWrapper, children: [
+      /* @__PURE__ */ t(
+        $,
+        {
+          as: "button",
+          variant: "gray",
+          additionalClass: i.resetBtn,
+          onClick: m,
+          children: "Сбросить"
+        }
+      ),
+      /* @__PURE__ */ t(
+        $,
+        {
+          as: "button",
+          additionalClass: i.saveBtn,
+          onClick: _,
+          children: "Сохранить"
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ f(F, { children: [
+    /* @__PURE__ */ f("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ f(
+        "div",
+        {
+          className: i.root,
+          onClick: () => {
+            v && v(), k ? B((C) => !C) : N || B(!0);
+          },
+          children: [
+            /* @__PURE__ */ t("div", { className: i.btnName, children: S }),
+            /* @__PURE__ */ t(
+              L,
+              {
+                name: "filter",
+                size: "16"
+              }
+            )
+          ]
+        }
+      ),
+      !k && /* @__PURE__ */ f(
+        "div",
+        {
+          ref: z,
+          className: Re(i.desktopWrapper, { [i.desktopWrapperOpen]: N }),
+          children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: i.closeBtn,
+                onClick: () => {
+                  g();
+                },
+                children: /* @__PURE__ */ t(
+                  L,
+                  {
+                    name: "close",
+                    size: "24"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: i.modalTitle, children: "Фильтры" }),
+            /* @__PURE__ */ f("div", { className: i.tabSWitcherWrapper, children: [
+              /* @__PURE__ */ t("div", { className: i.switcherTitle, children: "Готовность" }),
+              /* @__PURE__ */ t("div", { className: i.switcherScroll, children: /* @__PURE__ */ t(
+                A,
+                {
+                  variant: "grayRow",
+                  addClassName: i.tabs,
+                  isApart: !0,
+                  children: a == null ? void 0 : a.map((C, s) => {
+                    var h;
+                    const w = C.value;
+                    return /* @__PURE__ */ t(
+                      A.Item,
+                      {
+                        itemsLength: a == null ? void 0 : a.length,
+                        mini: !0,
+                        value: w,
+                        onClick: () => {
+                        },
+                        checked: ((h = u == null ? void 0 : u.find((M) => M.value === w)) == null ? void 0 : h.state) ?? !1,
+                        onChange: () => {
+                          W == null || W(
+                            (M) => M.map((I) => I.value === w ? { ...I, state: !I.state } : I)
+                          );
+                        },
+                        index: s,
+                        addItemClassName: i.tabSwitcher,
+                        children: w
+                      },
+                      s
+                    );
+                  })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ t("div", { className: i.selectWrapper, children: o == null ? void 0 : o.map((C, s) => /* @__PURE__ */ t(
+              P,
+              {
+                addClassName: i.filterOption,
+                disabledOptions: [],
+                clickableOptions: [],
+                selectedOptions: O,
+                option: C,
+                handleOptionClick: y
+              },
+              s
+            )) }),
+            /* @__PURE__ */ f("div", { className: i.btnWrapper, children: [
+              /* @__PURE__ */ t(
+                $,
+                {
+                  as: "button",
+                  variant: "gray",
+                  additionalClass: i.resetBtn,
+                  onClick: m,
+                  children: "Сбросить"
+                }
+              ),
+              /* @__PURE__ */ t(
+                $,
+                {
+                  as: "button",
+                  additionalClass: i.saveBtn,
+                  onClick: _,
+                  children: "Сохранить"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    k && /* @__PURE__ */ t(
+      T,
+      {
+        isOpen: N,
+        emitIsOpen: B,
+        isTransparentBack: !0,
+        additionalClassModalBody: i.modalAddBody,
+        additionalClass: i.filterWithSaveModal,
+        children: /* @__PURE__ */ t(q, {})
+      }
+    )
+  ] });
+};
+export {
+  nt as F,
+  A as S,
+  ue as a,
+  be as u
+};

package/dist/components/FilterWithSave/hooks/useFilterWithSave.js

@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "react/jsx-runtime";
 import "../../../Modal-BZv6nlLe.js";
-import { u as q } from "../../../FilterWithSave-BPpYpkP5.js";
+import { u as q } from "../../../FilterWithSave-CCLB16O4.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../../index-rKuIKazb.js";
 import "../../MetroTag/ui/MetroTag.js";

package/dist/components/FilterWithSave/ui/FilterWithSave.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../NewIcon/ui/NewIcon.js";
-import { F as a } from "../../../FilterWithSave-BPpYpkP5.js";
+import { F as a } from "../../../FilterWithSave-CCLB16O4.js";
 import "../../../Modal-BZv6nlLe.js";
 import "../../../Option-8X0Ft_zQ.js";
 import "../../Button/ui/Button.js";

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../FilterWithSave-BPpYpkP5.js";
+import { a as r } from "../../FilterWithSave-CCLB16O4.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-BZv6nlLe.js";
-import { a as z } from "../../../FilterWithSave-BPpYpkP5.js";
+import { a as z } from "../../../FilterWithSave-CCLB16O4.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
 import "../../LotCard/ui/LotCard.js";

package/dist/components/TabSwitcher/index.js

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

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

@@ -4,6 +4,7 @@ declare const TAB_SWITCHER_VARIANTS: {
     whiteRow: string;
     grayRow: string;
 };
+type TabSizes = 'medium' | 'small | large';
 export interface ITabSwitcherItem extends React.InputHTMLAttributes<HTMLInputElement> {
     addItemClassName?: string;
     addTextClass?: string;
@@ -16,6 +17,9 @@ export interface ITabSwitcherItem extends React.InputHTMLAttributes<HTMLInputEle
     width_l?: string;
     children?: ReactNode;
     isLongOn?: boolean;
+    size_s?: TabSizes;
+    size_m?: TabSizes;
+    size_l?: TabSizes;
 }
 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-BZv6nlLe.js";
-import "../../../FilterWithSave-BPpYpkP5.js";
+import "../../../FilterWithSave-CCLB16O4.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 F } from "./components/Input/ui/Input.js";
 import { M as g } from "./Modal-BZv6nlLe.js";
 import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
-import { F as B, a as L, S as k } from "./FilterWithSave-BPpYpkP5.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-CCLB16O4.js";
 import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as j } from "./components/Logo/ui/Logo.js";
 import { MetroTag as D } from "./components/MetroTag/ui/MetroTag.js";