stone-kit 0.0.616 → 0.0.618

package/dist/FilterWithSave-BZpDGJy2.js

@@ -0,0 +1,548 @@
+import { jsxs as u, 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 d, 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-CyYM1iBJ.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", st = "_lastItem_2bilg_72", at = "_apart_2bilg_103", ot = "_isLong_2bilg_103", lt = "_autoWidth_2bilg_128", ct = "_mini_2bilg_132", dt = "_isDisabled_2bilg_140", mt = "_grayRow_2bilg_164", _ = {
+  root: Y,
+  text: Z,
+  textMini: tt,
+  rootCol: et,
+  item: it,
+  whiteRow: rt,
+  firstItem: nt,
+  lastItem: st,
+  apart: at,
+  isLong: ot,
+  autoWidth: lt,
+  mini: ct,
+  isDisabled: dt,
+  grayRow: mt
+}, L = V.bind(_), pt = ({
+  children: a,
+  variant: n = "whiteRow",
+  isApart: o = !1,
+  addClassName: C = "",
+  col: l = !1
+}) => /* @__PURE__ */ e("div", { className: L(_.root, _[n], C, { [_.rootCol]: l, [_.apart]: o }), children: a }), G = Q((a, n) => {
+  const { isTablet: o, isDesktop: C } = F(), {
+    index: l,
+    children: t,
+    addItemClassName: r,
+    addTextClass: c,
+    disabled: v = !1,
+    itemsLength: S = 0,
+    isLongOn: b = !0,
+    width: m,
+    width_m: p,
+    width_l: h,
+    mini: g = !1,
+    ...f
+  } = a, w = (t != null && t.toString().length ? (t == null ? void 0 : t.toString().length) > 2 : !1) && b, W = (x, B) => x && p ? p : B && h ? h : m, N = !m && !p && !h && w;
+  return /* @__PURE__ */ u("label", { className: L({ [_.isLong]: w }), children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: n,
+        type: "checkbox",
+        ...f,
+        disabled: v
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        style: { width: W(o, C) },
+        className: L(
+          L(
+            _.item,
+            { [_.firstItem]: l === 0 },
+            { [_.lastItem]: l === S - 1 },
+            { [_.isDisabled]: v },
+            { [_.autoWidth]: N },
+            { [_.mini]: g }
+          ),
+          r
+        ),
+        children: /* @__PURE__ */ e(H, { className: L(_.text, { [_.textMini]: g }, c), children: t })
+      }
+    )
+  ] });
+});
+G.displayName = "TabSwitcherItem";
+const j = Object.assign(pt, { Item: G }), $ = V.bind(d), ht = ({
+  options: a,
+  selectedOption: n,
+  placeholder: o = "",
+  error: C,
+  disabled: l,
+  additionalClass: t = "",
+  onChange: r,
+  onBlur: c,
+  mini: v,
+  openOnTop: S = !1,
+  onClickItem: b,
+  onCLickSelect: m
+}) => {
+  const [p, h] = R(!1), g = q(null), { isMobile: f } = F(), { handleBlur: w, getInputValue: W, getOption: N, handleDocumentClick: x } = X(
+    {
+      selectedOption: n,
+      onClickOption: b,
+      setSelectedOption: r,
+      setIsOpen: h,
+      containerRef: g,
+      isOpen: p,
+      isMobile: f,
+      placeholder: o,
+      onChange: r,
+      onBlur: c
+    }
+  );
+  return z(() => (document.addEventListener("click", x), () => {
+    document.removeEventListener("click", x);
+  }), []), /* @__PURE__ */ u(
+    "div",
+    {
+      ref: g,
+      className: $(
+        d.sortSelectWrapper,
+        { [d.sortSelectWrapperError]: C },
+        { [d.sortSelectWrapperTop]: S },
+        t
+      ),
+      tabIndex: 0,
+      onBlur: w,
+      onClick: () => {
+        m && m();
+      },
+      children: [
+        /* @__PURE__ */ u("div", { className: $(d.inputWrapper), children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: W(),
+              className: $(
+                d.selectedOptions,
+                { [d.selectOptionsDisabled]: l },
+                { [d.selectionOptionMini]: v }
+              ),
+              onClick: () => h(!p)
+            }
+          ),
+          /* @__PURE__ */ e(
+            A,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: d.icon
+            }
+          )
+        ] }),
+        p && f && /* @__PURE__ */ u(
+          J,
+          {
+            isOpen: p,
+            emitIsOpen: h,
+            additionalClassModalBody: d.modalAddBody,
+            additionalClass: d.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
+            children: [
+              /* @__PURE__ */ u("div", { className: d.mobileSortHeader, children: [
+                /* @__PURE__ */ e(H, { children: "Сортировка" }),
+                /* @__PURE__ */ e("div", { onClick: () => h(!1), children: /* @__PURE__ */ e(
+                  A,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e("div", { className: d.mobileOptionList, children: a == null ? void 0 : a.map((B) => N(B)) })
+            ]
+          }
+        ),
+        p && !f && /* @__PURE__ */ e("div", { className: $(d.optionsList, { [d.optionListOnTop]: S }), children: a == null ? void 0 : a.map((B) => N(B)) })
+      ]
+    }
+  );
+};
+ht.displayName = "SortSelect";
+const ut = "_root_1wv7y_1", _t = "_filterWithSaveModal_1wv7y_15", vt = "_modalAddBody_1wv7y_20", ft = "_closeBtn_1wv7y_29", wt = "_btnName_1wv7y_35", Nt = "_modalTitle_1wv7y_39", yt = "_tabSWitcherWrapper_1wv7y_48", Wt = "_switcherTitle_1wv7y_56", Ct = "_switcherScroll_1wv7y_63", gt = "_tabs_1wv7y_67", Ot = "_selectWrapper_1wv7y_72", kt = "_filterOption_1wv7y_76", St = "_btnWrapper_1wv7y_83", bt = "_resetBtn_1wv7y_89", xt = "_saveBtn_1wv7y_90", Bt = "_desktopWrapper_1wv7y_94", It = "_desktopWrapperOpen_1wv7y_117", i = {
+  root: ut,
+  filterWithSaveModal: _t,
+  modalAddBody: vt,
+  closeBtn: ft,
+  btnName: wt,
+  modalTitle: Nt,
+  tabSWitcherWrapper: yt,
+  switcherTitle: Wt,
+  switcherScroll: Ct,
+  tabs: gt,
+  selectWrapper: Ot,
+  filterOption: kt,
+  btnWrapper: St,
+  resetBtn: bt,
+  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(a) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function o() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var c = arguments[r];
+        c && (t = l(t, C.call(this, c)));
+      }
+      return t;
+    }
+    function C(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;
+    }
+    a.exports ? (o.default = o, a.exports = o) : window.classNames = o;
+  })();
+})(K);
+var Mt = K.exports;
+const Rt = /* @__PURE__ */ U(Mt), Lt = ({
+  selectedTabs: a = [],
+  selectedValues: n = [],
+  onClickItem: o,
+  disabledOptions: C = [],
+  tabs: l = [],
+  onChange: t,
+  setSelectedTabs: r
+}) => {
+  const { isMobile: c } = F(), [v, S] = R(!1), b = q(null), [m, p] = R(a), [h] = R(n), [g, f] = R(m), [w, W] = R(h), N = (s) => {
+    if (o && o(s), C.some((k) => k.value === s.value))
+      return;
+    const y = w.some((k) => k.value === s.value) ? w.filter((k) => k.value !== s.value) : [...w, s];
+    W(y);
+  }, x = () => {
+    p(l), f(l), W([]), t && (t([]), r == null || r(l));
+  }, B = () => {
+    W(n), f(a);
+  }, D = () => {
+    B(), S(!1);
+  }, O = (s) => {
+    s.stopPropagation(), t && (r == null || r(g), t(w)), S(!1);
+  };
+  return z(() => {
+    v || f((s) => JSON.stringify(s) !== JSON.stringify(a) ? a : s);
+  }, [v, a]), z(() => {
+    const s = (y) => {
+      b.current && (b.current.contains(y.target) || D());
+    };
+    return v ? document.addEventListener("click", s) : document.removeEventListener("click", s), () => {
+      document.removeEventListener("click", s);
+    };
+  }, [v]), {
+    isMobile: c,
+    handleClearClick: x,
+    handleCloseModal: D,
+    handleOptionClick: N,
+    handleSaveClick: O,
+    localSelectedTabs: g,
+    selectedOptions: w,
+    setSelectedOptions: W,
+    isModalOpen: v,
+    setIsModalOpen: S,
+    setLocalSelectedTabs: f,
+    containerRef: b
+  };
+}, At = Rt.bind(i), ae = ({
+  disabledOptions: a,
+  tabs: n = [],
+  selectOptions: o = [],
+  onChange: C,
+  selectedValues: l,
+  setSelectedTabs: t,
+  selectedTabs: r,
+  onClickItem: c,
+  onCLickSelect: v,
+  btnName: S = "Фильтр"
+}) => {
+  const {
+    handleCloseModal: b,
+    localSelectedTabs: m,
+    selectedOptions: p,
+    isMobile: h,
+    handleOptionClick: g,
+    handleClearClick: f,
+    handleSaveClick: w,
+    isModalOpen: W,
+    setLocalSelectedTabs: N,
+    setIsModalOpen: x,
+    containerRef: B
+  } = Lt({
+    selectedTabs: r,
+    onClickItem: c,
+    setSelectedTabs: t,
+    tabs: n,
+    onChange: C,
+    disabledOptions: a,
+    selectedValues: l
+  }), D = () => /* @__PURE__ */ u(P, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: i.closeBtn,
+        onClick: () => {
+          b();
+        },
+        children: /* @__PURE__ */ e(
+          A,
+          {
+            name: "close",
+            size: "24"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: i.modalTitle, children: "Фильтры" }),
+    /* @__PURE__ */ u("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((O, s) => {
+            var k;
+            const y = O.value;
+            return /* @__PURE__ */ e(
+              j.Item,
+              {
+                itemsLength: n == null ? void 0 : n.length,
+                mini: !0,
+                value: y,
+                onClick: () => {
+                },
+                checked: ((k = m == null ? void 0 : m.find((M) => M.value === y)) == null ? void 0 : k.state) ?? !1,
+                onChange: () => {
+                  N == null || N(
+                    (M) => M.map((I) => I.value === y ? { ...I, state: !I.state } : I)
+                  );
+                },
+                index: s,
+                addItemClassName: i.tabSwitcher,
+                children: y
+              },
+              s
+            );
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: i.selectWrapper, children: o == null ? void 0 : o.map((O, s) => /* @__PURE__ */ e(
+      T,
+      {
+        addClassName: i.filterOption,
+        disabledOptions: [],
+        clickableOptions: [],
+        selectedOptions: p,
+        option: O,
+        handleOptionClick: g
+      },
+      s
+    )) }),
+    /* @__PURE__ */ u("div", { className: i.btnWrapper, children: [
+      /* @__PURE__ */ e(
+        E,
+        {
+          as: "button",
+          variant: "gray",
+          additionalClass: i.resetBtn,
+          onClick: f,
+          children: "Сбросить"
+        }
+      ),
+      /* @__PURE__ */ e(
+        E,
+        {
+          as: "button",
+          additionalClass: i.saveBtn,
+          onClick: w,
+          children: "Сохранить"
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ u(P, { children: [
+    /* @__PURE__ */ u("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ u(
+        "div",
+        {
+          className: i.root,
+          onClick: () => {
+            v && v(), h ? x((O) => !O) : W || x(!0);
+          },
+          children: [
+            /* @__PURE__ */ e("div", { className: i.btnName, children: S }),
+            /* @__PURE__ */ e(
+              A,
+              {
+                name: "filter",
+                size: "16"
+              }
+            )
+          ]
+        }
+      ),
+      !h && /* @__PURE__ */ u(
+        "div",
+        {
+          ref: B,
+          className: At(i.desktopWrapper, { [i.desktopWrapperOpen]: W }),
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: i.closeBtn,
+                onClick: () => {
+                  b();
+                },
+                children: /* @__PURE__ */ e(
+                  A,
+                  {
+                    name: "close",
+                    size: "24"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: i.modalTitle, children: "Фильтры" }),
+            /* @__PURE__ */ u("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((O, s) => {
+                    var k;
+                    const y = O.value;
+                    return /* @__PURE__ */ e(
+                      j.Item,
+                      {
+                        itemsLength: n == null ? void 0 : n.length,
+                        mini: !0,
+                        value: y,
+                        onClick: () => {
+                        },
+                        checked: ((k = m == null ? void 0 : m.find((M) => M.value === y)) == null ? void 0 : k.state) ?? !1,
+                        onChange: () => {
+                          N == null || N(
+                            (M) => M.map((I) => I.value === y ? { ...I, state: !I.state } : I)
+                          );
+                        },
+                        index: s,
+                        addItemClassName: i.tabSwitcher,
+                        children: y
+                      },
+                      s
+                    );
+                  })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ e("div", { className: i.selectWrapper, children: o == null ? void 0 : o.map((O, s) => /* @__PURE__ */ e(
+              T,
+              {
+                addClassName: i.filterOption,
+                disabledOptions: [],
+                clickableOptions: [],
+                selectedOptions: p,
+                option: O,
+                handleOptionClick: g
+              },
+              s
+            )) }),
+            /* @__PURE__ */ u("div", { className: i.btnWrapper, children: [
+              /* @__PURE__ */ e(
+                E,
+                {
+                  as: "button",
+                  variant: "gray",
+                  additionalClass: i.resetBtn,
+                  onClick: f,
+                  children: "Сбросить"
+                }
+              ),
+              /* @__PURE__ */ e(
+                E,
+                {
+                  as: "button",
+                  additionalClass: i.saveBtn,
+                  onClick: w,
+                  children: "Сохранить"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    h && /* @__PURE__ */ e(
+      J,
+      {
+        isOpen: W,
+        emitIsOpen: x,
+        isTransparentBack: !0,
+        additionalClassModalBody: i.modalAddBody,
+        additionalClass: i.filterWithSaveModal,
+        children: /* @__PURE__ */ e(D, {})
+      }
+    )
+  ] });
+};
+export {
+  ae as F,
+  j as S,
+  ht as a,
+  Lt as u
+};

package/dist/components/FilterWithSave/hooks/useFilterWithSave.d.ts

@@ -0,0 +1,42 @@
+import { TOption } from '../../Select/ui/Select.types';
+
+interface IuseFilterWithSave {
+    selectOptions?: TOption[];
+    disabledOptions?: TOption[];
+    selectedValues?: TOption[];
+    tabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    selectedTabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    setSelectedTabs?: React.Dispatch<React.SetStateAction<{
+        value: string;
+        state: boolean;
+    }[]>>;
+    onChange?: (selectedOptions: TOption[]) => unknown;
+    onClickItem?: (option: TOption | TOption[]) => void;
+}
+export declare const useFilterWithSave: ({ selectedTabs, selectedValues, onClickItem, disabledOptions, tabs, onChange, setSelectedTabs, }: IuseFilterWithSave) => {
+    isMobile: boolean;
+    handleClearClick: () => void;
+    handleCloseModal: () => void;
+    handleOptionClick: (option: TOption) => void;
+    handleSaveClick: import('react').MouseEventHandler<HTMLButtonElement>;
+    localSelectedTabs: {
+        value: string;
+        state: boolean;
+    }[];
+    selectedOptions: TOption[];
+    setSelectedOptions: import('react').Dispatch<import('react').SetStateAction<TOption[]>>;
+    isModalOpen: boolean;
+    setIsModalOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setLocalSelectedTabs: import('react').Dispatch<import('react').SetStateAction<{
+        value: string;
+        state: boolean;
+    }[]>>;
+    containerRef: import('react').MutableRefObject<HTMLDivElement | null>;
+};
+export {};

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

@@ -0,0 +1,27 @@
+import "react";
+import "../../Button/ui/Button.js";
+import "../../mobileButton/ui/MobileButton.js";
+import "../../NewIcon/ui/NewIcon.js";
+import "../../DestinationTab/ui/DestinationTab.js";
+import "../../RoundButton/ui/RoundButton.js";
+import "../../Tag/ui/Tag.js";
+import "../../Switcher/ui/Switcher.js";
+import "../../Text/ui/Text.js";
+import "../../Flex/ui/Flex.js";
+import "../../Input/ui/Input.js";
+import "react/jsx-runtime";
+import "../../../Modal-BZv6nlLe.js";
+import { u as q } from "../../../FilterWithSave-BZpDGJy2.js";
+import "../../GroupedInput/ui/GroupedInputs.js";
+import "../../../index-rKuIKazb.js";
+import "../../MetroTag/ui/MetroTag.js";
+import "../../LotCard/ui/LotCard.js";
+import "../../Select/ui/Select.js";
+import "../../../shared/useClientWidth.js";
+import "../../SliderNavigation/ui/SliderNavigation.js";
+import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
+import "../../TabSelect/ui/TabSelect.js";
+import "../../FormModal/ui/ModalForm.js";
+export {
+  q as useFilterWithSave
+};

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

@@ -1,28 +1,9 @@
 import "react/jsx-runtime";
-import "react";
 import "../../NewIcon/ui/NewIcon.js";
-import { F as w } from "../../../FilterWithSave-DEz3n-G6.js";
+import { F as a } from "../../../FilterWithSave-BZpDGJy2.js";
 import "../../../Modal-BZv6nlLe.js";
 import "../../../Option-CyYM1iBJ.js";
 import "../../Button/ui/Button.js";
-import "../../mobileButton/ui/MobileButton.js";
-import "../../DestinationTab/ui/DestinationTab.js";
-import "../../RoundButton/ui/RoundButton.js";
-import "../../Tag/ui/Tag.js";
-import "../../Switcher/ui/Switcher.js";
-import "../../Text/ui/Text.js";
-import "../../Flex/ui/Flex.js";
-import "../../Input/ui/Input.js";
-import "../../GroupedInput/ui/GroupedInputs.js";
-import "../../../index-rKuIKazb.js";
-import "../../MetroTag/ui/MetroTag.js";
-import "../../LotCard/ui/LotCard.js";
-import "../../Select/ui/Select.js";
-import "../../../shared/useClientWidth.js";
-import "../../SliderNavigation/ui/SliderNavigation.js";
-import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
-import "../../TabSelect/ui/TabSelect.js";
-import "../../FormModal/ui/ModalForm.js";
 export {
-  w as FilterWithSave
+  a as FilterWithSave
 };

package/dist/components/SortSelect/index.js

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.616",
+  "version": "0.0.618",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",

package/dist/FilterWithSave-DEz3n-G6.js

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