stone-kit 0.0.876 → 0.0.877

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

@@ -1,4 +1,4 @@
-import "react";
+import { useState as m, useRef as w, useEffect as h } from "react";
 import "../../Button/ui/Button.js";
 import "../../mobileButton/ui/MobileButton.js";
 import "../../NewIcon/ui/NewIcon.js";
@@ -11,18 +11,74 @@ import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "react/jsx-runtime";
 import "react-dom";
-import { b as w } from "../../../FilterWithSave-Bp6rH8Pe.js";
+import "../../TabSwitcher/ui/TabSwitcher.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
-import "../../../index-rKuIKazb.js";
+import "../../../node_modules/classnames/index.js";
 import "../../MetroTag/ui/MetroTag.js";
+import "../../LotCard/ui/LotCard.js";
 import "../../Select/ui/Select.js";
-import "../../../shared/useClientWidth.js";
+import { useClientWidth as x } from "../../../shared/useClientWidth.js";
+import "../../SortSelect/ui/SortSelect.js";
 import "../../SliderNavigation/ui/SliderNavigation.js";
 import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
 import "../../TabSelect/ui/TabSelect.js";
+import "../../FormModal/ui/ModalForm.js";
+import "../ui/FilterWithSave.js";
 import "../../CheckBox/CheckBox.js";
 import "../../CheckBoxNew/CheckBoxNew.js";
 import "../../CheckboxSelect/ui/CheckboxSelect.js";
+const lt = ({
+  selectedTabs: o = [],
+  selectedValues: v = [],
+  onClickItem: d,
+  disabledOptions: C = [],
+  tabs: s = [],
+  onChange: l,
+  setSelectedTabs: r,
+  onSaveClick: E,
+  onClearClick: L
+}) => {
+  const { isMobile: M } = x(), [n, u] = m(!1), f = w(null), [g, R] = m(o), [S] = m(v), [O, p] = m(g), [e, c] = m(S), y = (t) => {
+    if (d && d(t), C.some((i) => i.value === t.value))
+      return;
+    const a = e.some((i) => i.value === t.value) ? e.filter((i) => i.value !== t.value) : [...e, t];
+    c(a);
+  }, J = () => {
+    R(s), p(s), c([]), L(), l && (l([]), r == null || r(s));
+  }, N = () => {
+    c(v), p(o);
+  }, k = () => {
+    N(), u(!1);
+  }, W = (t) => {
+    t.stopPropagation(), E(), l && (r == null || r(O), l(e)), u(!1);
+  };
+  return h(() => {
+    n || p((t) => JSON.stringify(t) !== JSON.stringify(o) ? o : t);
+  }, [n, o]), h(() => {
+    const t = (a) => {
+      if (!f.current)
+        return;
+      const i = a.target;
+      f.current.contains(i) || i.closest("svg") || k();
+    };
+    return n ? document.addEventListener("click", t) : document.removeEventListener("click", t), () => {
+      document.removeEventListener("click", t);
+    };
+  }, [n]), {
+    isMobile: M,
+    handleClearClick: J,
+    handleCloseModal: k,
+    handleOptionClick: y,
+    handleSaveClick: W,
+    localSelectedTabs: O,
+    selectedOptions: e,
+    setSelectedOptions: c,
+    isModalOpen: n,
+    setIsModalOpen: u,
+    setLocalSelectedTabs: p,
+    containerRef: f
+  };
+};
 export {
-  w as useFilterWithSave
+  lt as useFilterWithSave
 };

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

@@ -1,9 +1,268 @@
-import "react/jsx-runtime";
-import "../../NewIcon/ui/NewIcon.js";
-import { F as a } from "../../../FilterWithSave-Bp6rH8Pe.js";
-import "../../Modal/ui/Modal.js";
-import "../../../Option-BVIm7wOW.js";
-import "../../Button/ui/Button.js";
+import { jsxs as m, Fragment as M, jsx as e } from "react/jsx-runtime";
+import { NewIcon as f } from "../../NewIcon/ui/NewIcon.js";
+import a from "../../../src/components/FilterWithSave/ui/s.module.scss.js";
+import { Modal as J } from "../../Modal/ui/Modal.js";
+import { TabSwitcher as v } from "../../TabSwitcher/ui/TabSwitcher.js";
+import { Option as z } from "../../Select/ui/Option.js";
+import { Button as p } from "../../Button/ui/Button.js";
+import K from "../../../node_modules/classnames/bind.js";
+import { useFilterWithSave as P } from "../hooks/useFilterWithSave.js";
+const Q = K.bind(a), b = ({
+  disabledOptions: x,
+  tabs: i = [],
+  selectOptions: l = [],
+  onChange: S,
+  onClick: k = () => null,
+  selectedValues: A,
+  setSelectedTabs: F,
+  selectedTabs: R,
+  onClickItem: j,
+  onCLickSelect: g,
+  onSaveClick: _ = () => null,
+  onClearClick: q = () => null,
+  onTabClick: D = () => null,
+  btnName: E = "Фильтр"
+}) => {
+  const {
+    handleCloseModal: W,
+    localSelectedTabs: c,
+    selectedOptions: B,
+    isMobile: u,
+    handleOptionClick: w,
+    handleClearClick: y,
+    handleSaveClick: I,
+    isModalOpen: N,
+    setLocalSelectedTabs: o,
+    setIsModalOpen: C,
+    containerRef: G
+  } = P({
+    selectedTabs: R,
+    onClickItem: j,
+    setSelectedTabs: F,
+    tabs: i,
+    onChange: S,
+    disabledOptions: x,
+    selectedValues: A,
+    onSaveClick: _,
+    onClearClick: q
+  }), H = () => /* @__PURE__ */ m(M, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: a.closeBtn,
+        onClick: () => {
+          W();
+        },
+        children: /* @__PURE__ */ e(
+          f,
+          {
+            name: "close",
+            size: "24"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: a.modalTitle, children: "Фильтры" }),
+    /* @__PURE__ */ m("div", { className: a.tabSWitcherWrapper, children: [
+      /* @__PURE__ */ e("div", { className: a.switcherTitle, children: "Готовность" }),
+      /* @__PURE__ */ e("div", { className: a.switcherScroll, children: /* @__PURE__ */ e(
+        v,
+        {
+          variant: "grayRow",
+          addClassName: a.tabs,
+          isApart: !0,
+          children: i == null ? void 0 : i.map((n, d) => {
+            var h;
+            const r = n.value;
+            return /* @__PURE__ */ e(
+              v.Item,
+              {
+                itemsLength: i == null ? void 0 : i.length,
+                mini: !0,
+                size_s: "small",
+                value: r,
+                onClick: () => {
+                },
+                checked: ((h = c == null ? void 0 : c.find((t) => t.value === r)) == null ? void 0 : h.state) ?? !1,
+                onChange: () => {
+                  o == null || o(
+                    (t) => t.map((s) => s.value === r ? { ...s, state: !s.state } : s)
+                  );
+                },
+                index: d,
+                children: r
+              },
+              d
+            );
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.selectWrapper, children: l == null ? void 0 : l.map((n, d) => /* @__PURE__ */ e(
+      z,
+      {
+        sizeIcon: "24",
+        addClassName: a.filterOption,
+        disabledOptions: [],
+        clickableOptions: l == null ? void 0 : l.map((r) => r.value.toString()),
+        selectedOptions: B,
+        option: n,
+        handleOptionClick: w
+      },
+      d
+    )) }),
+    /* @__PURE__ */ m("div", { className: a.btnWrapper, children: [
+      /* @__PURE__ */ e(
+        p,
+        {
+          as: "button",
+          variant: "gray",
+          additionalClass: a.resetBtn,
+          onClick: y,
+          children: "Сбросить"
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          as: "button",
+          additionalClass: a.saveBtn,
+          onClick: I,
+          children: "Сохранить"
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ m(M, { children: [
+    /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ m(
+        "div",
+        {
+          className: a.root,
+          onClick: () => {
+            g && g(), k && k(), u ? C((n) => !n) : N || C(!0);
+          },
+          children: [
+            /* @__PURE__ */ e("div", { className: a.btnName, children: E }),
+            /* @__PURE__ */ e(
+              f,
+              {
+                name: "filter",
+                size: "16"
+              }
+            )
+          ]
+        }
+      ),
+      !u && /* @__PURE__ */ m(
+        "div",
+        {
+          ref: G,
+          className: Q(a.desktopWrapper, { [a.desktopWrapperOpen]: N }),
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: a.closeBtn,
+                onClick: () => {
+                  W();
+                },
+                children: /* @__PURE__ */ e(
+                  f,
+                  {
+                    name: "close",
+                    size: "24"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: a.modalTitle, children: "Фильтры" }),
+            /* @__PURE__ */ m("div", { className: a.tabSWitcherWrapper, children: [
+              /* @__PURE__ */ e("div", { className: a.switcherTitle, children: "Готовность" }),
+              /* @__PURE__ */ e("div", { className: a.switcherScroll, children: /* @__PURE__ */ e(
+                v,
+                {
+                  variant: "grayRow",
+                  addClassName: a.tabs,
+                  isApart: !0,
+                  children: i == null ? void 0 : i.map((n, d) => {
+                    var h;
+                    const r = n.value;
+                    return /* @__PURE__ */ e(
+                      v.Item,
+                      {
+                        itemsLength: i == null ? void 0 : i.length,
+                        size_s: "small",
+                        mini: !0,
+                        value: r,
+                        onClick: () => D(),
+                        checked: ((h = c == null ? void 0 : c.find((t) => t.value === r)) == null ? void 0 : h.state) ?? !1,
+                        onChange: () => {
+                          o == null || o(
+                            (t) => t.map((s) => s.value === r ? { ...s, state: !s.state } : s)
+                          );
+                        },
+                        index: d,
+                        addItemClassName: a.tabSwitcher,
+                        children: r
+                      },
+                      d
+                    );
+                  })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ e("div", { className: a.selectWrapper, children: l == null ? void 0 : l.map((n, d) => /* @__PURE__ */ e(
+              z,
+              {
+                sizeIcon: "24",
+                addClassName: a.filterOption,
+                disabledOptions: [],
+                clickableOptions: l == null ? void 0 : l.map((r) => r.value.toString()),
+                selectedOptions: B,
+                option: n,
+                handleOptionClick: w
+              },
+              d
+            )) }),
+            /* @__PURE__ */ m("div", { className: a.btnWrapper, children: [
+              /* @__PURE__ */ e(
+                p,
+                {
+                  as: "button",
+                  variant: "gray",
+                  additionalClass: a.resetBtn,
+                  onClick: y,
+                  children: "Сбросить"
+                }
+              ),
+              /* @__PURE__ */ e(
+                p,
+                {
+                  as: "button",
+                  additionalClass: a.saveBtn,
+                  onClick: I,
+                  children: "Сохранить"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    u && /* @__PURE__ */ e(
+      J,
+      {
+        isOpen: N,
+        emitIsOpen: C,
+        isTransparentBack: !0,
+        additionalClassModalBody: a.modalAddBody,
+        additionalClass: a.filterWithSaveModal,
+        children: /* @__PURE__ */ e(H, {})
+      }
+    )
+  ] });
+};
 export {
-  a as FilterWithSave
+  b as FilterWithSave
 };

package/dist/components/Flex/ui/Flex.js

@@ -1,68 +1,33 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../../index-rKuIKazb.js";
-const o = "_root_fi64k_1", _ = {
-  root: o,
-  "gap-1": "_gap-1_fi64k_5",
-  "gap-2": "_gap-2_fi64k_9",
-  "gap-3": "_gap-3_fi64k_13",
-  "gap-4": "_gap-4_fi64k_17",
-  "gap-5": "_gap-5_fi64k_21",
-  "gap-6": "_gap-6_fi64k_25",
-  "gap-7": "_gap-7_fi64k_29",
-  "gap-8": "_gap-8_fi64k_33",
-  "gap-9": "_gap-9_fi64k_37",
-  "gap-10": "_gap-10_fi64k_41",
-  "gap-11": "_gap-11_fi64k_45",
-  "gap-12": "_gap-12_fi64k_49",
-  "gap-13": "_gap-13_fi64k_53",
-  "gap-14": "_gap-14_fi64k_57",
-  "gap-15": "_gap-15_fi64k_61",
-  "gap-16": "_gap-16_fi64k_65",
-  "fd-row": "_fd-row_fi64k_69",
-  "fd-row-reverse": "_fd-row-reverse_fi64k_73",
-  "fd-column": "_fd-column_fi64k_77",
-  "fd-column-reverse": "_fd-column-reverse_fi64k_81",
-  "w-nowrap": "_w-nowrap_fi64k_85",
-  "w-wrap": "_w-wrap_fi64k_89",
-  "w-wrap-reverse": "_w-wrap-reverse_fi64k_93",
-  "jc-flex-start": "_jc-flex-start_fi64k_97",
-  "jc-flex-end": "_jc-flex-end_fi64k_101",
-  "jc-center": "_jc-center_fi64k_105",
-  "jc-space-between": "_jc-space-between_fi64k_109",
-  "jc-space-around": "_jc-space-around_fi64k_113",
-  "jc-space-evenly": "_jc-space-evenly_fi64k_117",
-  "ai-stretch": "_ai-stretch_fi64k_121",
-  "ai-flex-start": "_ai-flex-start_fi64k_125",
-  "ai-flex-end": "_ai-flex-end_fi64k_129",
-  "ai-center": "_ai-center_fi64k_133",
-  "ai-baseline": "_ai-baseline_fi64k_137"
-}, n = t.bind(_), d = ({
-  className: a,
-  children: e,
-  jc: f = "start",
-  ai: i = "center",
-  gap: p,
-  fd: r = "row",
-  w: c = "nowrap",
-  additionalClass: k = "",
-  ...g
-}) => /* @__PURE__ */ s(
+import { jsx as p } from "react/jsx-runtime";
+import r from "../../../src/components/Flex/ui/Flex.module.scss.js";
+import $ from "../../../node_modules/classnames/index.js";
+const f = $.bind(r), w = ({
+  className: o,
+  children: t,
+  jc: s = "start",
+  ai: a = "center",
+  gap: m,
+  fd: c = "row",
+  w: e = "nowrap",
+  additionalClass: i = "",
+  ...n
+}) => /* @__PURE__ */ p(
   "div",
   {
-    className: n(
-      _.root,
-      a,
-      _[`w-${c}`],
-      _[`jc-${f}`],
-      _[`ai-${i}`],
-      _[`gap-${p}`],
-      _[`fd-${r}`],
-      k
+    className: f(
+      r.root,
+      o,
+      r[`w-${e}`],
+      r[`jc-${s}`],
+      r[`ai-${a}`],
+      r[`gap-${m}`],
+      r[`fd-${c}`],
+      i
     ),
-    ...g,
-    children: e
+    ...n,
+    children: t
   }
 );
 export {
-  d as Flex
+  w as Flex
 };