stone-kit 0.0.621 → 0.0.623

package/dist/FilterWithSave-BPpYpkP5.js

@@ -1,553 +0,0 @@
-import { jsxs as _, jsx as e, Fragment as P } from "react/jsx-runtime";
-import { NewIcon as A } 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 z } 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 E } 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 m, 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-8X0Ft_zQ.js";
-const Y = "_root_2bilg_1", Z = "_text_2bilg_18", tt = "_textMini_2bilg_26", et = "_rootCol_2bilg_32", it = "_item_2bilg_38", rt = "_whiteRow_2bilg_57", nt = "_firstItem_2bilg_68", at = "_lastItem_2bilg_72", st = "_apart_2bilg_103", ot = "_isLong_2bilg_103", lt = "_autoWidth_2bilg_128", ct = "_mini_2bilg_132", dt = "_isDisabled_2bilg_140", mt = "_grayRow_2bilg_164", f = {
-  root: Y,
-  text: Z,
-  textMini: tt,
-  rootCol: et,
-  item: it,
-  whiteRow: rt,
-  firstItem: nt,
-  lastItem: at,
-  apart: st,
-  isLong: ot,
-  autoWidth: lt,
-  mini: ct,
-  isDisabled: dt,
-  grayRow: mt
-}, L = V.bind(f), pt = ({
-  children: s,
-  variant: n = "whiteRow",
-  isApart: o = !1,
-  addClassName: O = "",
-  col: l = !1
-}) => /* @__PURE__ */ e("div", { className: L(f.root, f[n], O, { [f.rootCol]: l, [f.apart]: o }), children: s }), G = Q((s, n) => {
-  const { isTablet: o, isDesktop: O } = F(), {
-    index: l,
-    children: t,
-    addItemClassName: r,
-    addTextClass: c,
-    disabled: v = !1,
-    itemsLength: b = 0,
-    isLongOn: y = !0,
-    width: p,
-    width_m: h,
-    width_l: u,
-    mini: k = !1,
-    ...N
-  } = s, W = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && y, w = (x, B) => x && h ? h : B && u ? u : p, g = !p && !h && !u && W;
-  return /* @__PURE__ */ _("label", { className: L({ [f.isLong]: W }), children: [
-    /* @__PURE__ */ e(
-      "input",
-      {
-        ref: n,
-        type: "checkbox",
-        ...N,
-        disabled: v
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        style: { width: w(o, O) },
-        className: L(
-          L(
-            f.item,
-            { [f.firstItem]: l === 0 },
-            { [f.lastItem]: l === b - 1 },
-            { [f.isDisabled]: v },
-            { [f.autoWidth]: g },
-            { [f.mini]: k }
-          ),
-          r
-        ),
-        children: /* @__PURE__ */ e(H, { className: L(f.text, { [f.textMini]: k }, c), children: t })
-      }
-    )
-  ] });
-});
-G.displayName = "TabSwitcherItem";
-const j = Object.assign(pt, { Item: G }), $ = V.bind(m), ht = ({
-  options: s,
-  selectedOption: n,
-  placeholder: o = "",
-  error: O,
-  disabled: l,
-  additionalClass: t = "",
-  onChange: r,
-  onBlur: c,
-  mini: v,
-  openOnTop: b = !1,
-  onClickItem: y,
-  onCLickSelect: p
-}) => {
-  const [h, u] = R(!1), k = q(null), { isMobile: N } = F(), { handleBlur: W, getInputValue: w, getOption: g, handleDocumentClick: x } = X(
-    {
-      selectedOption: n,
-      onClickOption: y,
-      setSelectedOption: r,
-      setIsOpen: u,
-      containerRef: k,
-      isOpen: h,
-      isMobile: N,
-      placeholder: o,
-      onChange: r,
-      onBlur: c
-    }
-  );
-  return z(() => (document.addEventListener("click", x), () => {
-    document.removeEventListener("click", x);
-  }), []), /* @__PURE__ */ _(
-    "div",
-    {
-      ref: k,
-      className: $(
-        m.sortSelectWrapper,
-        { [m.sortSelectWrapperError]: O },
-        { [m.sortSelectWrapperTop]: b },
-        t
-      ),
-      tabIndex: 0,
-      onBlur: W,
-      onClick: () => {
-        p && p();
-      },
-      children: [
-        /* @__PURE__ */ _("div", { className: $(m.inputWrapper), children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              readOnly: !0,
-              value: w(),
-              className: $(
-                m.selectedOptions,
-                { [m.selectOptionsDisabled]: l },
-                { [m.selectionOptionMini]: v }
-              ),
-              onClick: () => u(!h)
-            }
-          ),
-          /* @__PURE__ */ e(
-            A,
-            {
-              name: "twoArrows",
-              size: "24",
-              additionalClass: m.icon
-            }
-          )
-        ] }),
-        h && N && /* @__PURE__ */ _(
-          J,
-          {
-            isOpen: h,
-            emitIsOpen: u,
-            additionalClassModalBody: m.modalAddBody,
-            additionalClass: m.selectModal,
-            createPortalObj: { domNode: document.querySelector("body") },
-            isTransparentBack: !0,
-            children: [
-              /* @__PURE__ */ _("div", { className: m.mobileSortHeader, children: [
-                /* @__PURE__ */ e(H, { children: "Сортировка" }),
-                /* @__PURE__ */ e("div", { onClick: () => u(!1), children: /* @__PURE__ */ e(
-                  A,
-                  {
-                    name: "close",
-                    size: "20"
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ e("div", { className: m.mobileOptionList, children: s == null ? void 0 : s.map((B) => g(B)) })
-            ]
-          }
-        ),
-        h && !N && /* @__PURE__ */ e("div", { className: $(m.optionsList, { [m.optionListOnTop]: b }), children: s == null ? void 0 : s.map((B) => g(B)) })
-      ]
-    }
-  );
-};
-ht.displayName = "SortSelect";
-const ut = "_root_1t65a_1", _t = "_filterWithSaveModal_1t65a_15", ft = "_modalAddBody_1t65a_20", vt = "_closeBtn_1t65a_29", Nt = "_btnName_1t65a_35", Wt = "_modalTitle_1t65a_39", gt = "_tabSWitcherWrapper_1t65a_48", Ct = "_switcherTitle_1t65a_56", wt = "_switcherScroll_1t65a_63", Ot = "_tabs_1t65a_72", kt = "_selectWrapper_1t65a_77", St = "_filterOption_1t65a_81", bt = "_btnWrapper_1t65a_88", yt = "_resetBtn_1t65a_94", xt = "_saveBtn_1t65a_95", Bt = "_desktopWrapper_1t65a_99", It = "_desktopWrapperOpen_1t65a_122", i = {
-  root: ut,
-  filterWithSaveModal: _t,
-  modalAddBody: ft,
-  closeBtn: vt,
-  btnName: Nt,
-  modalTitle: Wt,
-  tabSWitcherWrapper: gt,
-  switcherTitle: Ct,
-  switcherScroll: wt,
-  tabs: Ot,
-  selectWrapper: kt,
-  filterOption: St,
-  btnWrapper: bt,
-  resetBtn: yt,
-  saveBtn: xt,
-  desktopWrapper: Bt,
-  desktopWrapperOpen: It
-};
-var K = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(s) {
-  (function() {
-    var n = {}.hasOwnProperty;
-    function o() {
-      for (var t = "", r = 0; r < arguments.length; r++) {
-        var c = arguments[r];
-        c && (t = l(t, O.call(this, c)));
-      }
-      return t;
-    }
-    function O(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return this && this[t] || t;
-      if (typeof t != "object")
-        return "";
-      if (Array.isArray(t))
-        return o.apply(this, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var r = "";
-      for (var c in t)
-        n.call(t, c) && t[c] && (r = l(r, this && this[c] || c));
-      return r;
-    }
-    function l(t, r) {
-      return r ? t ? t + " " + r : t + r : t;
-    }
-    s.exports ? (o.default = o, s.exports = o) : window.classNames = o;
-  })();
-})(K);
-var Mt = K.exports;
-const Rt = /* @__PURE__ */ U(Mt), Lt = ({
-  selectedTabs: s = [],
-  selectedValues: n = [],
-  onClickItem: o,
-  disabledOptions: O = [],
-  tabs: l = [],
-  onChange: t,
-  setSelectedTabs: r
-}) => {
-  const { isMobile: c } = F(), [v, b] = R(!1), y = q(null), [p, h] = R(s), [u] = R(n), [k, N] = R(p), [W, w] = R(u), g = (a) => {
-    if (o && o(a), O.some((d) => d.value === a.value))
-      return;
-    const C = W.some((d) => d.value === a.value) ? W.filter((d) => d.value !== a.value) : [...W, a];
-    w(C);
-  }, x = () => {
-    h(l), N(l), w([]), t && (t([]), r == null || r(l));
-  }, B = () => {
-    w(n), N(s);
-  }, D = () => {
-    B(), b(!1);
-  }, S = (a) => {
-    a.stopPropagation(), t && (r == null || r(k), t(W)), b(!1);
-  };
-  return z(() => {
-    v || N((a) => JSON.stringify(a) !== JSON.stringify(s) ? s : a);
-  }, [v, s]), z(() => {
-    const a = (C) => {
-      if (!y.current)
-        return;
-      const d = C.target;
-      if (console.log(d), y.current.contains(d))
-        return d.closest("svg"), void 0;
-      D();
-    };
-    return v ? document.addEventListener("click", a) : document.removeEventListener("click", a), () => {
-      document.removeEventListener("click", a);
-    };
-  }, [v]), {
-    isMobile: c,
-    handleClearClick: x,
-    handleCloseModal: D,
-    handleOptionClick: g,
-    handleSaveClick: S,
-    localSelectedTabs: k,
-    selectedOptions: W,
-    setSelectedOptions: w,
-    isModalOpen: v,
-    setIsModalOpen: b,
-    setLocalSelectedTabs: N,
-    containerRef: y
-  };
-}, At = Rt.bind(i), se = ({
-  disabledOptions: s,
-  tabs: n = [],
-  selectOptions: o = [],
-  onChange: O,
-  selectedValues: l,
-  setSelectedTabs: t,
-  selectedTabs: r,
-  onClickItem: c,
-  onCLickSelect: v,
-  btnName: b = "Фильтр"
-}) => {
-  const {
-    handleCloseModal: y,
-    localSelectedTabs: p,
-    selectedOptions: h,
-    isMobile: u,
-    handleOptionClick: k,
-    handleClearClick: N,
-    handleSaveClick: W,
-    isModalOpen: w,
-    setLocalSelectedTabs: g,
-    setIsModalOpen: x,
-    containerRef: B
-  } = Lt({
-    selectedTabs: r,
-    onClickItem: c,
-    setSelectedTabs: t,
-    tabs: n,
-    onChange: O,
-    disabledOptions: s,
-    selectedValues: l
-  }), D = () => /* @__PURE__ */ _(P, { children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: i.closeBtn,
-        onClick: () => {
-          y();
-        },
-        children: /* @__PURE__ */ e(
-          A,
-          {
-            name: "close",
-            size: "24"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: i.modalTitle, children: "Фильтры" }),
-    /* @__PURE__ */ _("div", { className: i.tabSWitcherWrapper, children: [
-      /* @__PURE__ */ e("div", { className: i.switcherTitle, children: "Готовность" }),
-      /* @__PURE__ */ e("div", { className: i.switcherScroll, children: /* @__PURE__ */ e(
-        j,
-        {
-          variant: "grayRow",
-          addClassName: i.tabs,
-          isApart: !0,
-          children: n == null ? void 0 : n.map((S, a) => {
-            var d;
-            const C = S.value;
-            return /* @__PURE__ */ e(
-              j.Item,
-              {
-                itemsLength: n == null ? void 0 : n.length,
-                mini: !0,
-                value: C,
-                onClick: () => {
-                },
-                checked: ((d = p == null ? void 0 : p.find((M) => M.value === C)) == null ? void 0 : d.state) ?? !1,
-                onChange: () => {
-                  g == null || g(
-                    (M) => M.map((I) => I.value === C ? { ...I, state: !I.state } : I)
-                  );
-                },
-                index: a,
-                addItemClassName: i.tabSwitcher,
-                children: C
-              },
-              a
-            );
-          })
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: i.selectWrapper, children: o == null ? void 0 : o.map((S, a) => /* @__PURE__ */ e(
-      T,
-      {
-        addClassName: i.filterOption,
-        disabledOptions: [],
-        clickableOptions: [],
-        selectedOptions: h,
-        option: S,
-        handleOptionClick: k
-      },
-      a
-    )) }),
-    /* @__PURE__ */ _("div", { className: i.btnWrapper, children: [
-      /* @__PURE__ */ e(
-        E,
-        {
-          as: "button",
-          variant: "gray",
-          additionalClass: i.resetBtn,
-          onClick: N,
-          children: "Сбросить"
-        }
-      ),
-      /* @__PURE__ */ e(
-        E,
-        {
-          as: "button",
-          additionalClass: i.saveBtn,
-          onClick: W,
-          children: "Сохранить"
-        }
-      )
-    ] })
-  ] });
-  return /* @__PURE__ */ _(P, { children: [
-    /* @__PURE__ */ _("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ _(
-        "div",
-        {
-          className: i.root,
-          onClick: () => {
-            v && v(), u ? x((S) => !S) : w || x(!0);
-          },
-          children: [
-            /* @__PURE__ */ e("div", { className: i.btnName, children: b }),
-            /* @__PURE__ */ e(
-              A,
-              {
-                name: "filter",
-                size: "16"
-              }
-            )
-          ]
-        }
-      ),
-      !u && /* @__PURE__ */ _(
-        "div",
-        {
-          ref: B,
-          className: At(i.desktopWrapper, { [i.desktopWrapperOpen]: w }),
-          children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: i.closeBtn,
-                onClick: () => {
-                  y();
-                },
-                children: /* @__PURE__ */ e(
-                  A,
-                  {
-                    name: "close",
-                    size: "24"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e("div", { className: i.modalTitle, children: "Фильтры" }),
-            /* @__PURE__ */ _("div", { className: i.tabSWitcherWrapper, children: [
-              /* @__PURE__ */ e("div", { className: i.switcherTitle, children: "Готовность" }),
-              /* @__PURE__ */ e("div", { className: i.switcherScroll, children: /* @__PURE__ */ e(
-                j,
-                {
-                  variant: "grayRow",
-                  addClassName: i.tabs,
-                  isApart: !0,
-                  children: n == null ? void 0 : n.map((S, a) => {
-                    var d;
-                    const C = S.value;
-                    return /* @__PURE__ */ e(
-                      j.Item,
-                      {
-                        itemsLength: n == null ? void 0 : n.length,
-                        mini: !0,
-                        value: C,
-                        onClick: () => {
-                        },
-                        checked: ((d = p == null ? void 0 : p.find((M) => M.value === C)) == null ? void 0 : d.state) ?? !1,
-                        onChange: () => {
-                          g == null || g(
-                            (M) => M.map((I) => I.value === C ? { ...I, state: !I.state } : I)
-                          );
-                        },
-                        index: a,
-                        addItemClassName: i.tabSwitcher,
-                        children: C
-                      },
-                      a
-                    );
-                  })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ e("div", { className: i.selectWrapper, children: o == null ? void 0 : o.map((S, a) => /* @__PURE__ */ e(
-              T,
-              {
-                addClassName: i.filterOption,
-                disabledOptions: [],
-                clickableOptions: [],
-                selectedOptions: h,
-                option: S,
-                handleOptionClick: k
-              },
-              a
-            )) }),
-            /* @__PURE__ */ _("div", { className: i.btnWrapper, children: [
-              /* @__PURE__ */ e(
-                E,
-                {
-                  as: "button",
-                  variant: "gray",
-                  additionalClass: i.resetBtn,
-                  onClick: N,
-                  children: "Сбросить"
-                }
-              ),
-              /* @__PURE__ */ e(
-                E,
-                {
-                  as: "button",
-                  additionalClass: i.saveBtn,
-                  onClick: W,
-                  children: "Сохранить"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] }),
-    u && /* @__PURE__ */ e(
-      J,
-      {
-        isOpen: w,
-        emitIsOpen: x,
-        isTransparentBack: !0,
-        additionalClassModalBody: i.modalAddBody,
-        additionalClass: i.filterWithSaveModal,
-        children: /* @__PURE__ */ e(D, {})
-      }
-    )
-  ] });
-};
-export {
-  se as F,
-  j as S,
-  ht as a,
-  Lt as u
-};