stone-kit 0.0.708 → 0.0.709

package/dist/FilterWithSave-C7DNeDjA.js

@@ -1,593 +0,0 @@
-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 { Modal as T } from "./components/Modal/ui/Modal.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 "react-dom";
-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--45TMhIr.js";
-import "./components/CheckboxSelect/ui/CheckboxSelect.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: W = "",
-  col: d = !1
-}) => /* @__PURE__ */ t("div", { className: R(o.root, o[a], W, { [o.rootCol]: d, [o.apart]: s }), children: n }), G = Q((n, a) => {
-  const { isTablet: s, isDesktop: W } = j(), {
-    index: d,
-    children: e,
-    addItemClassName: r,
-    addTextClass: m,
-    size_s: g = "large",
-    size_m: C,
-    size_l: w,
-    disabled: u = !1,
-    itemsLength: y = 0,
-    isLongOn: N = !0,
-    width: S,
-    width_m: _,
-    width_l: h,
-    mini: v = !1,
-    ...z
-  } = n, b = (e != null && e.toString().length ? (e == null ? void 0 : e.toString().length) > 2 : !1) && N, B = (x, l) => x && _ ? _ : l && h ? h : S, M = !S && !_ && !h && b;
-  return /* @__PURE__ */ f("label", { className: R({ [o.isLong]: b }), children: [
-    /* @__PURE__ */ t(
-      "input",
-      {
-        ref: a,
-        type: "checkbox",
-        ...z,
-        disabled: u
-      }
-    ),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        style: { width: B(s, W) },
-        className: R(
-          R(
-            o.item,
-            { [o.firstItem]: d === 0 },
-            { [o.lastItem]: d === y - 1 },
-            { [o.isDisabled]: u },
-            { [o.autoWidth]: M },
-            o[`${g}-size`],
-            o[`${C}-size_m`],
-            o[`${w}-size_l`],
-            { [o.mini]: v }
-          ),
-          r
-        ),
-        children: /* @__PURE__ */ t(
-          H,
-          {
-            className: R(
-              o.text,
-              o[`text-${g}-size`],
-              o[`text-${C}-size_m`],
-              o[`text-${w}-size_l`],
-              { [o.textMini]: v },
-              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: W,
-  disabled: d,
-  additionalClass: e = "",
-  onChange: r,
-  onBlur: m,
-  mini: g,
-  openOnTop: C = !1,
-  onClickItem: w,
-  onCLickSelect: u
-}) => {
-  const [y, N] = q(!1), S = J(null), { isMobile: _ } = j(), { handleBlur: h, getInputValue: v, getOption: z, handleDocumentClick: b } = X(
-    {
-      selectedOption: a,
-      onClickOption: w,
-      setSelectedOption: r,
-      setIsOpen: N,
-      containerRef: S,
-      isOpen: y,
-      isMobile: _,
-      placeholder: s,
-      onChange: r,
-      onBlur: m
-    }
-  );
-  return E(() => (document.addEventListener("click", b), () => {
-    document.removeEventListener("click", b);
-  }), []), /* @__PURE__ */ f(
-    "div",
-    {
-      ref: S,
-      className: D(
-        p.sortSelectWrapper,
-        { [p.sortSelectWrapperError]: W },
-        { [p.sortSelectWrapperTop]: C },
-        e
-      ),
-      tabIndex: 0,
-      onBlur: h,
-      onClick: () => {
-        u && u();
-      },
-      children: [
-        /* @__PURE__ */ f("div", { className: D(p.inputWrapper), children: [
-          /* @__PURE__ */ t(
-            "input",
-            {
-              type: "text",
-              readOnly: !0,
-              value: v(),
-              className: D(
-                p.selectedOptions,
-                { [p.selectOptionsDisabled]: d },
-                { [p.selectionOptionMini]: g }
-              ),
-              onClick: () => N(!y)
-            }
-          ),
-          /* @__PURE__ */ t(
-            L,
-            {
-              name: "twoArrows",
-              size: "24",
-              additionalClass: p.icon
-            }
-          )
-        ] }),
-        y && _ && /* @__PURE__ */ f(
-          T,
-          {
-            isOpen: y,
-            emitIsOpen: N,
-            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: () => N(!1), children: /* @__PURE__ */ t(
-                  L,
-                  {
-                    name: "close",
-                    size: "20"
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ t("div", { className: p.mobileOptionList, children: n == null ? void 0 : n.map((B) => z(B)) })
-            ]
-          }
-        ),
-        y && !_ && /* @__PURE__ */ t("div", { className: D(p.optionsList, { [p.optionListOnTop]: C }), children: n == null ? void 0 : n.map((B) => z(B)) })
-      ]
-    }
-  );
-};
-pe.displayName = "SortSelect";
-const ue = "_root_7kbqy_1", he = "_filterWithSaveModal_7kbqy_15", ke = "_modalAddBody_7kbqy_20", fe = "_closeBtn_7kbqy_29", ge = "_btnName_7kbqy_35", ve = "_modalTitle_7kbqy_39", ze = "_tabSWitcherWrapper_7kbqy_48", xe = "_switcherTitle_7kbqy_56", ye = "_switcherScroll_7kbqy_63", Ne = "_tabs_7kbqy_72", We = "_selectWrapper_7kbqy_77", Ce = "_filterOption_7kbqy_81", we = "_btnWrapper_7kbqy_89", Se = "_resetBtn_7kbqy_95", be = "_saveBtn_7kbqy_96", Be = "_desktopWrapper_7kbqy_100", Oe = "_desktopWrapperOpen_7kbqy_123", i = {
-  root: ue,
-  filterWithSaveModal: he,
-  modalAddBody: ke,
-  closeBtn: fe,
-  btnName: ge,
-  modalTitle: ve,
-  tabSWitcherWrapper: ze,
-  switcherTitle: xe,
-  switcherScroll: ye,
-  tabs: Ne,
-  selectWrapper: We,
-  filterOption: Ce,
-  btnWrapper: we,
-  resetBtn: Se,
-  saveBtn: be,
-  desktopWrapper: Be,
-  desktopWrapperOpen: Oe
-};
-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, W.call(this, m)));
-      }
-      return e;
-    }
-    function W(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 Ie = K.exports;
-const Me = /* @__PURE__ */ U(Ie), qe = ({
-  selectedTabs: n = [],
-  selectedValues: a = [],
-  onClickItem: s,
-  disabledOptions: W = [],
-  tabs: d = [],
-  onChange: e,
-  setSelectedTabs: r
-}) => {
-  const { isMobile: m } = j(), [g, C] = q(!1), w = J(null), [u, y] = q(n), [N] = q(a), [S, _] = q(u), [h, v] = q(N), z = (l) => {
-    if (s && s(l), W.some((k) => k.value === l.value))
-      return;
-    const c = h.some((k) => k.value === l.value) ? h.filter((k) => k.value !== l.value) : [...h, l];
-    v(c);
-  }, b = () => {
-    y(d), _(d), v([]), e && (e([]), r == null || r(d));
-  }, B = () => {
-    v(a), _(n);
-  }, M = () => {
-    B(), C(!1);
-  }, x = (l) => {
-    l.stopPropagation(), e && (r == null || r(S), e(h)), C(!1);
-  };
-  return E(() => {
-    g || _((l) => JSON.stringify(l) !== JSON.stringify(n) ? n : l);
-  }, [g, n]), E(() => {
-    const l = (c) => {
-      if (!w.current)
-        return;
-      const k = c.target;
-      w.current.contains(k) || k.closest("svg") || M();
-    };
-    return g ? document.addEventListener("click", l) : document.removeEventListener("click", l), () => {
-      document.removeEventListener("click", l);
-    };
-  }, [g]), {
-    isMobile: m,
-    handleClearClick: b,
-    handleCloseModal: M,
-    handleOptionClick: z,
-    handleSaveClick: x,
-    localSelectedTabs: S,
-    selectedOptions: h,
-    setSelectedOptions: v,
-    isModalOpen: g,
-    setIsModalOpen: C,
-    setLocalSelectedTabs: _,
-    containerRef: w
-  };
-}, Re = Me.bind(i), ot = ({
-  disabledOptions: n,
-  tabs: a = [],
-  selectOptions: s = [],
-  onChange: W,
-  selectedValues: d,
-  setSelectedTabs: e,
-  selectedTabs: r,
-  onClickItem: m,
-  onCLickSelect: g,
-  btnName: C = "Фильтр"
-}) => {
-  const {
-    handleCloseModal: w,
-    localSelectedTabs: u,
-    selectedOptions: y,
-    isMobile: N,
-    handleOptionClick: S,
-    handleClearClick: _,
-    handleSaveClick: h,
-    isModalOpen: v,
-    setLocalSelectedTabs: z,
-    setIsModalOpen: b,
-    containerRef: B
-  } = qe({
-    selectedTabs: r,
-    onClickItem: m,
-    setSelectedTabs: e,
-    tabs: a,
-    onChange: W,
-    disabledOptions: n,
-    selectedValues: d
-  }), M = () => /* @__PURE__ */ f(F, { children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: i.closeBtn,
-        onClick: () => {
-          w();
-        },
-        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((x, l) => {
-            var k;
-            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: ((k = u == null ? void 0 : u.find((I) => I.value === c)) == null ? void 0 : k.state) ?? !1,
-                onChange: () => {
-                  z == null || z(
-                    (I) => I.map((O) => O.value === c ? { ...O, state: !O.state } : O)
-                  );
-                },
-                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: y,
-        option: x,
-        handleOptionClick: S
-      },
-      l
-    )) }),
-    /* @__PURE__ */ f("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__ */ f(F, { children: [
-    /* @__PURE__ */ f("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ f(
-        "div",
-        {
-          className: i.root,
-          onClick: () => {
-            g && g(), N ? b((x) => !x) : v || b(!0);
-          },
-          children: [
-            /* @__PURE__ */ t("div", { className: i.btnName, children: C }),
-            /* @__PURE__ */ t(
-              L,
-              {
-                name: "filter",
-                size: "16"
-              }
-            )
-          ]
-        }
-      ),
-      !N && /* @__PURE__ */ f(
-        "div",
-        {
-          ref: B,
-          className: Re(i.desktopWrapper, { [i.desktopWrapperOpen]: v }),
-          children: [
-            /* @__PURE__ */ t(
-              "div",
-              {
-                className: i.closeBtn,
-                onClick: () => {
-                  w();
-                },
-                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((x, l) => {
-                    var k;
-                    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: ((k = u == null ? void 0 : u.find((I) => I.value === c)) == null ? void 0 : k.state) ?? !1,
-                        onChange: () => {
-                          z == null || z(
-                            (I) => I.map((O) => O.value === c ? { ...O, state: !O.state } : O)
-                          );
-                        },
-                        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: y,
-                option: x,
-                handleOptionClick: S
-              },
-              l
-            )) }),
-            /* @__PURE__ */ f("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: "Сохранить"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] }),
-    N && /* @__PURE__ */ t(
-      T,
-      {
-        isOpen: v,
-        emitIsOpen: b,
-        isTransparentBack: !0,
-        additionalClassModalBody: i.modalAddBody,
-        additionalClass: i.filterWithSaveModal,
-        children: /* @__PURE__ */ t(M, {})
-      }
-    )
-  ] });
-};
-export {
-  ot as F,
-  A as S,
-  pe as a,
-  qe as u
-};