stone-kit 0.0.631 → 0.0.633

package/dist/FilterWithSave-C9uFAsYM.js

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

package/dist/components/SortSelect/index.js

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

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-B1hPC9dN.js";
+import "../../../FilterWithSave-C9uFAsYM.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-B1hPC9dN.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-C9uFAsYM.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";