stone-kit 0.0.669 → 0.0.671

package/dist/FilterWithSave-O6fbdTWj.js

@@ -0,0 +1,591 @@
+import { jsxs as g, 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 q, 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-C4HGcCtY.js";
+const Y = "_root_lgek7_1", Z = "_text_lgek7_18", ee = "_textMini_lgek7_26", te = "_rootCol_lgek7_32", ie = "_item_lgek7_38", se = "_whiteRow_lgek7_57", le = "_firstItem_lgek7_68", re = "_lastItem_lgek7_72", ae = "_apart_lgek7_103", ne = "_isLong_lgek7_103", oe = "_autoWidth_lgek7_128", ce = "_mini_lgek7_132", de = "_isDisabled_lgek7_140", me = "_grayRow_lgek7_164", o = {
+  root: Y,
+  text: Z,
+  textMini: ee,
+  rootCol: te,
+  item: ie,
+  whiteRow: se,
+  firstItem: le,
+  lastItem: re,
+  apart: ae,
+  isLong: ne,
+  autoWidth: oe,
+  mini: ce,
+  isDisabled: de,
+  grayRow: me,
+  "small-size": "_small-size_lgek7_192",
+  "medium-size": "_medium-size_lgek7_197",
+  "large-size": "_large-size_lgek7_202",
+  "text-small-size": "_text-small-size_lgek7_207",
+  "text-medium-size": "_text-medium-size_lgek7_212",
+  "text-large-size": "_text-large-size_lgek7_217",
+  "small-size_m": "_small-size_m_lgek7_223",
+  "medium-size_m": "_medium-size_m_lgek7_227",
+  "large-size_m": "_large-size_m_lgek7_231",
+  "text-small-size_m": "_text-small-size_m_lgek7_235",
+  "text-medium-size_m": "_text-medium-size_m_lgek7_239",
+  "text-large-size_m": "_text-large-size_m_lgek7_243",
+  "small-size_l": "_small-size_l_lgek7_258",
+  "medium-size_l": "_medium-size_l_lgek7_262",
+  "large-size_l": "_large-size_l_lgek7_266",
+  "text-small-size_l": "_text-small-size_l_lgek7_270",
+  "text-medium-size_l": "_text-medium-size_l_lgek7_274",
+  "text-large-size_l": "_text-large-size_l_lgek7_278"
+}, R = V.bind(o), _e = ({
+  children: n,
+  variant: a = "whiteRow",
+  isApart: s = !1,
+  addClassName: C = "",
+  col: d = !1
+}) => /* @__PURE__ */ t("div", { className: R(o.root, o[a], C, { [o.rootCol]: d, [o.apart]: s }), children: n }), G = Q((n, a) => {
+  const { isTablet: s, isDesktop: C } = j(), {
+    index: d,
+    children: e,
+    addItemClassName: r,
+    addTextClass: m,
+    size_s: v = "large",
+    size_m: w,
+    size_l: S,
+    disabled: u = !1,
+    itemsLength: N = 0,
+    isLongOn: W = !0,
+    width: y,
+    width_m: _,
+    width_l: h,
+    mini: k = !1,
+    ...z
+  } = n, B = (e != null && e.toString().length ? (e == null ? void 0 : e.toString().length) > 2 : !1) && W, O = (x, l) => x && _ ? _ : l && h ? h : y, b = !y && !_ && !h && B;
+  return /* @__PURE__ */ g("label", { className: R({ [o.isLong]: B }), children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: a,
+        type: "checkbox",
+        ...z,
+        disabled: u
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        style: { width: O(s, C) },
+        className: R(
+          R(
+            o.item,
+            { [o.firstItem]: d === 0 },
+            { [o.lastItem]: d === N - 1 },
+            { [o.isDisabled]: u },
+            { [o.autoWidth]: b },
+            o[`${v}-size`],
+            o[`${w}-size_m`],
+            o[`${S}-size_l`],
+            { [o.mini]: k }
+          ),
+          r
+        ),
+        children: /* @__PURE__ */ t(
+          H,
+          {
+            className: R(
+              o.text,
+              o[`text-${v}-size`],
+              o[`text-${w}-size_m`],
+              o[`text-${S}-size_l`],
+              { [o.textMini]: k },
+              m
+            ),
+            children: e
+          }
+        )
+      }
+    )
+  ] });
+});
+G.displayName = "TabSwitcherItem";
+const A = Object.assign(_e, { Item: G }), D = V.bind(p), pe = ({
+  options: n,
+  selectedOption: a,
+  placeholder: s = "",
+  error: C,
+  disabled: d,
+  additionalClass: e = "",
+  onChange: r,
+  onBlur: m,
+  mini: v,
+  openOnTop: w = !1,
+  onClickItem: S,
+  onCLickSelect: u
+}) => {
+  const [N, W] = q(!1), y = J(null), { isMobile: _ } = j(), { handleBlur: h, getInputValue: k, getOption: z, handleDocumentClick: B } = X(
+    {
+      selectedOption: a,
+      onClickOption: S,
+      setSelectedOption: r,
+      setIsOpen: W,
+      containerRef: y,
+      isOpen: N,
+      isMobile: _,
+      placeholder: s,
+      onChange: r,
+      onBlur: m
+    }
+  );
+  return E(() => (document.addEventListener("click", B), () => {
+    document.removeEventListener("click", B);
+  }), []), /* @__PURE__ */ g(
+    "div",
+    {
+      ref: y,
+      className: D(
+        p.sortSelectWrapper,
+        { [p.sortSelectWrapperError]: C },
+        { [p.sortSelectWrapperTop]: w },
+        e
+      ),
+      tabIndex: 0,
+      onBlur: h,
+      onClick: () => {
+        u && u();
+      },
+      children: [
+        /* @__PURE__ */ g("div", { className: D(p.inputWrapper), children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: k(),
+              className: D(
+                p.selectedOptions,
+                { [p.selectOptionsDisabled]: d },
+                { [p.selectionOptionMini]: v }
+              ),
+              onClick: () => W(!N)
+            }
+          ),
+          /* @__PURE__ */ t(
+            L,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: p.icon
+            }
+          )
+        ] }),
+        N && _ && /* @__PURE__ */ g(
+          T,
+          {
+            isOpen: N,
+            emitIsOpen: W,
+            additionalClassModalBody: p.modalAddBody,
+            additionalClass: p.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
+            children: [
+              /* @__PURE__ */ g("div", { className: p.mobileSortHeader, children: [
+                /* @__PURE__ */ t(H, { children: "Сортировка" }),
+                /* @__PURE__ */ t("div", { onClick: () => W(!1), children: /* @__PURE__ */ t(
+                  L,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: p.mobileOptionList, children: n == null ? void 0 : n.map((O) => z(O)) })
+            ]
+          }
+        ),
+        N && !_ && /* @__PURE__ */ t("div", { className: D(p.optionsList, { [p.optionListOnTop]: w }), children: n == null ? void 0 : n.map((O) => z(O)) })
+      ]
+    }
+  );
+};
+pe.displayName = "SortSelect";
+const ue = "_root_124q2_1", he = "_filterWithSaveModal_124q2_15", fe = "_modalAddBody_124q2_20", ge = "_closeBtn_124q2_29", ve = "_btnName_124q2_35", ke = "_modalTitle_124q2_39", ze = "_tabSWitcherWrapper_124q2_48", xe = "_switcherTitle_124q2_56", Ne = "_switcherScroll_124q2_63", We = "_tabs_124q2_72", Ce = "_selectWrapper_124q2_77", we = "_filterOption_124q2_81", Se = "_btnWrapper_124q2_88", ye = "_resetBtn_124q2_94", Be = "_saveBtn_124q2_95", Oe = "_desktopWrapper_124q2_99", Ie = "_desktopWrapperOpen_124q2_122", i = {
+  root: ue,
+  filterWithSaveModal: he,
+  modalAddBody: fe,
+  closeBtn: ge,
+  btnName: ve,
+  modalTitle: ke,
+  tabSWitcherWrapper: ze,
+  switcherTitle: xe,
+  switcherScroll: Ne,
+  tabs: We,
+  selectWrapper: Ce,
+  filterOption: we,
+  btnWrapper: Se,
+  resetBtn: ye,
+  saveBtn: Be,
+  desktopWrapper: Oe,
+  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 s() {
+      for (var e = "", r = 0; r < arguments.length; r++) {
+        var m = arguments[r];
+        m && (e = d(e, C.call(this, m)));
+      }
+      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 s.apply(this, e);
+      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+        return e.toString();
+      var r = "";
+      for (var m in e)
+        a.call(e, m) && e[m] && (r = d(r, this && this[m] || m));
+      return r;
+    }
+    function d(e, r) {
+      return r ? e ? e + " " + r : e + r : e;
+    }
+    n.exports ? (s.default = s, n.exports = s) : window.classNames = s;
+  })();
+})(K);
+var Me = K.exports;
+const be = /* @__PURE__ */ U(Me), qe = ({
+  selectedTabs: n = [],
+  selectedValues: a = [],
+  onClickItem: s,
+  disabledOptions: C = [],
+  tabs: d = [],
+  onChange: e,
+  setSelectedTabs: r
+}) => {
+  const { isMobile: m } = j(), [v, w] = q(!1), S = J(null), [u, N] = q(n), [W] = q(a), [y, _] = q(u), [h, k] = q(W), z = (l) => {
+    if (s && s(l), C.some((f) => f.value === l.value))
+      return;
+    const c = h.some((f) => f.value === l.value) ? h.filter((f) => f.value !== l.value) : [...h, l];
+    k(c);
+  }, B = () => {
+    N(d), _(d), k([]), e && (e([]), r == null || r(d));
+  }, O = () => {
+    k(a), _(n);
+  }, b = () => {
+    O(), w(!1);
+  }, x = (l) => {
+    l.stopPropagation(), e && (r == null || r(y), e(h)), w(!1);
+  };
+  return E(() => {
+    v || _((l) => JSON.stringify(l) !== JSON.stringify(n) ? n : l);
+  }, [v, n]), E(() => {
+    const l = (c) => {
+      if (!S.current)
+        return;
+      const f = c.target;
+      S.current.contains(f) || f.closest("svg") || b();
+    };
+    return v ? document.addEventListener("click", l) : document.removeEventListener("click", l), () => {
+      document.removeEventListener("click", l);
+    };
+  }, [v]), {
+    isMobile: m,
+    handleClearClick: B,
+    handleCloseModal: b,
+    handleOptionClick: z,
+    handleSaveClick: x,
+    localSelectedTabs: y,
+    selectedOptions: h,
+    setSelectedOptions: k,
+    isModalOpen: v,
+    setIsModalOpen: w,
+    setLocalSelectedTabs: _,
+    containerRef: S
+  };
+}, Re = be.bind(i), at = ({
+  disabledOptions: n,
+  tabs: a = [],
+  selectOptions: s = [],
+  onChange: C,
+  selectedValues: d,
+  setSelectedTabs: e,
+  selectedTabs: r,
+  onClickItem: m,
+  onCLickSelect: v,
+  btnName: w = "Фильтр"
+}) => {
+  const {
+    handleCloseModal: S,
+    localSelectedTabs: u,
+    selectedOptions: N,
+    isMobile: W,
+    handleOptionClick: y,
+    handleClearClick: _,
+    handleSaveClick: h,
+    isModalOpen: k,
+    setLocalSelectedTabs: z,
+    setIsModalOpen: B,
+    containerRef: O
+  } = qe({
+    selectedTabs: r,
+    onClickItem: m,
+    setSelectedTabs: e,
+    tabs: a,
+    onChange: C,
+    disabledOptions: n,
+    selectedValues: d
+  }), b = () => /* @__PURE__ */ g(F, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: i.closeBtn,
+        onClick: () => {
+          S();
+        },
+        children: /* @__PURE__ */ t(
+          L,
+          {
+            name: "close",
+            size: "24"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: i.modalTitle, children: "Фильтры" }),
+    /* @__PURE__ */ g("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((x, l) => {
+            var f;
+            const c = x.value;
+            return /* @__PURE__ */ t(
+              A.Item,
+              {
+                itemsLength: a == null ? void 0 : a.length,
+                mini: !0,
+                size_s: "small",
+                value: c,
+                onClick: () => {
+                },
+                checked: ((f = u == null ? void 0 : u.find((M) => M.value === c)) == null ? void 0 : f.state) ?? !1,
+                onChange: () => {
+                  z == null || z(
+                    (M) => M.map((I) => I.value === c ? { ...I, state: !I.state } : I)
+                  );
+                },
+                index: l,
+                children: c
+              },
+              l
+            );
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: i.selectWrapper, children: s == null ? void 0 : s.map((x, l) => /* @__PURE__ */ t(
+      P,
+      {
+        sizeIcon: "24",
+        addClassName: i.filterOption,
+        disabledOptions: [],
+        clickableOptions: s == null ? void 0 : s.map((c) => c.value.toString()),
+        selectedOptions: N,
+        option: x,
+        handleOptionClick: y
+      },
+      l
+    )) }),
+    /* @__PURE__ */ g("div", { className: i.btnWrapper, children: [
+      /* @__PURE__ */ t(
+        $,
+        {
+          as: "button",
+          variant: "gray",
+          additionalClass: i.resetBtn,
+          onClick: _,
+          children: "Сбросить"
+        }
+      ),
+      /* @__PURE__ */ t(
+        $,
+        {
+          as: "button",
+          additionalClass: i.saveBtn,
+          onClick: h,
+          children: "Сохранить"
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ g(F, { children: [
+    /* @__PURE__ */ g("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ g(
+        "div",
+        {
+          className: i.root,
+          onClick: () => {
+            v && v(), W ? B((x) => !x) : k || B(!0);
+          },
+          children: [
+            /* @__PURE__ */ t("div", { className: i.btnName, children: w }),
+            /* @__PURE__ */ t(
+              L,
+              {
+                name: "filter",
+                size: "16"
+              }
+            )
+          ]
+        }
+      ),
+      !W && /* @__PURE__ */ g(
+        "div",
+        {
+          ref: O,
+          className: Re(i.desktopWrapper, { [i.desktopWrapperOpen]: k }),
+          children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: i.closeBtn,
+                onClick: () => {
+                  S();
+                },
+                children: /* @__PURE__ */ t(
+                  L,
+                  {
+                    name: "close",
+                    size: "24"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: i.modalTitle, children: "Фильтры" }),
+            /* @__PURE__ */ g("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((x, l) => {
+                    var f;
+                    const c = x.value;
+                    return /* @__PURE__ */ t(
+                      A.Item,
+                      {
+                        itemsLength: a == null ? void 0 : a.length,
+                        size_s: "small",
+                        mini: !0,
+                        value: c,
+                        onClick: () => {
+                        },
+                        checked: ((f = u == null ? void 0 : u.find((M) => M.value === c)) == null ? void 0 : f.state) ?? !1,
+                        onChange: () => {
+                          z == null || z(
+                            (M) => M.map((I) => I.value === c ? { ...I, state: !I.state } : I)
+                          );
+                        },
+                        index: l,
+                        addItemClassName: i.tabSwitcher,
+                        children: c
+                      },
+                      l
+                    );
+                  })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ t("div", { className: i.selectWrapper, children: s == null ? void 0 : s.map((x, l) => /* @__PURE__ */ t(
+              P,
+              {
+                sizeIcon: "24",
+                addClassName: i.filterOption,
+                disabledOptions: [],
+                clickableOptions: s == null ? void 0 : s.map((c) => c.value.toString()),
+                selectedOptions: N,
+                option: x,
+                handleOptionClick: y
+              },
+              l
+            )) }),
+            /* @__PURE__ */ g("div", { className: i.btnWrapper, children: [
+              /* @__PURE__ */ t(
+                $,
+                {
+                  as: "button",
+                  variant: "gray",
+                  additionalClass: i.resetBtn,
+                  onClick: _,
+                  children: "Сбросить"
+                }
+              ),
+              /* @__PURE__ */ t(
+                $,
+                {
+                  as: "button",
+                  additionalClass: i.saveBtn,
+                  onClick: h,
+                  children: "Сохранить"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    W && /* @__PURE__ */ t(
+      T,
+      {
+        isOpen: k,
+        emitIsOpen: B,
+        isTransparentBack: !0,
+        additionalClassModalBody: i.modalAddBody,
+        additionalClass: i.filterWithSaveModal,
+        children: /* @__PURE__ */ t(b, {})
+      }
+    )
+  ] });
+};
+export {
+  at as F,
+  A as S,
+  pe as a,
+  qe 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-BdP32juW.js";
+import { u as q } from "../../../FilterWithSave-O6fbdTWj.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-BdP32juW.js";
+import { F as a } from "../../../FilterWithSave-O6fbdTWj.js";
 import "../../../Modal-BZv6nlLe.js";
 import "../../../Option-C4HGcCtY.js";
 import "../../Button/ui/Button.js";

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../FilterWithSave-BdP32juW.js";
+import { a as r } from "../../FilterWithSave-O6fbdTWj.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-BdP32juW.js";
+import { a as z } from "../../../FilterWithSave-O6fbdTWj.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-BdP32juW.js";
+import { S as e } from "../../FilterWithSave-O6fbdTWj.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-BdP32juW.js";
+import { S as v } from "../../../FilterWithSave-O6fbdTWj.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-BdP32juW.js";
+import "../../../FilterWithSave-O6fbdTWj.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-BdP32juW.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-O6fbdTWj.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";