stone-kit 0.0.1038 → 0.0.1048

package/dist/components/Select/ui/Select.js

@@ -1,149 +1,151 @@
-import { jsxs as d, jsx as r, Fragment as B } from "react/jsx-runtime";
-import { useState as F, useRef as M, useEffect as D } from "react";
-import { c as te } from "../../../index-YnD2EP-S.js";
-import { s as e, O as T } from "../../../Option-DI87iJMM.js";
-import { Category as re } from "./Category.js";
+import { jsxs as d, jsx as t, Fragment as F } from "react/jsx-runtime";
+import { useState as M, useRef as T, useEffect as k } from "react";
+import { c as re } from "../../../index-YnD2EP-S.js";
+import { s as e, O as q } from "../../../Option-DmDx_xOt.js";
+import { Category as te } from "./Category.js";
 import { handleClickModeOption as ne, handleClickModeCategory as le } from "../model/selectMode.js";
 import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
-const o = te.bind(e), me = ({
-  options: s,
-  customPlaceholder: $,
-  placeholder: q = "Выберите опции",
+const c = re.bind(e), pe = ({
+  options: n,
+  customPlaceholder: S,
+  placeholder: D = "Выберите опции",
   error: G,
-  disabled: C,
-  disabledOptions: m = [],
+  disabled: $,
+  disabledOptions: p = [],
   additionalClass: H = "",
   additionalClassOption: J,
   additionalClassBtn: K,
   onChange: Q,
-  onBlur: S,
-  selectedValues: a = [],
-  isBtn: A = !1,
+  onBlur: A,
+  selectedValues: s = [],
+  isBtn: C = !1,
   btnName: N,
   clickableOptions: f,
   isListRight: U = !1,
-  sizeIcon: p,
-  mode: c = "options",
+  sizeIcon: m,
+  mode: o = "options",
   onClickItem: x,
   onCLickSelect: w,
   size_s: E = "large",
-  size_m: R,
-  size_l: W,
+  size_m: W,
+  size_l: R,
   betweenSize: X = "small",
   isDisabledNotClickable: u,
   isLast: Y,
   isPositionLeftCheckbox: z,
   selectAll: L,
   scrollVersion: Z = "compact",
-  isLoading: b = !1,
-  selectPaddingBottom: g
+  isLoading: I = !1,
+  selectPaddingBottom: h
 }) => {
-  const I = { value: "selectAll", label: L?.label ?? "Выбрать все" }, P = () => L?.enabled ? [I, .../* @__PURE__ */ new Set([...s])] : [.../* @__PURE__ */ new Set([...s])];
-  s = Array.isArray(s) ? P() : [];
-  const [l, _] = F(a), [i, h] = F(!1), v = M(null), V = l.filter((t) => t.value !== "selectAll").length, O = (t) => {
-    x && x(t);
-    const n = {
-      option: t,
-      selectedOptions: l,
-      disabledOptions: m,
+  const P = { value: "selectAll", label: L?.label ?? "Выбрать все" }, b = () => L?.enabled && n && n.length > 0 ? [P, .../* @__PURE__ */ new Set([...n])] : [.../* @__PURE__ */ new Set([...n])];
+  n = Array.isArray(n) ? b() : [];
+  const [a, _] = M(s), [i, g] = M(!1), v = T(null), V = a.filter((r) => r.value !== "selectAll").length, O = (r) => {
+    x && x(r);
+    const l = {
+      option: r,
+      selectedOptions: a,
+      disabledOptions: p,
       setSelectedOptions: _,
       onChange: Q,
-      mode: c,
-      optionsParentArr: s
+      mode: o,
+      optionsParentArr: n,
+      clickableOptions: f,
+      isDisabledNotClickable: u
     };
-    Array.isArray(t) ? le(n) : ne(n);
+    Array.isArray(r) ? le(l) : ne(l);
   }, ee = () => {
-    S && S(l);
-  }, j = (t) => {
-    const n = t.target;
-    if (v.current && !v.current.contains(t.target)) {
-      if (n.closest("svg"))
+    A && A(a);
+  }, j = (r) => {
+    const l = r.target;
+    if (v.current && !v.current.contains(r.target)) {
+      if (l.closest("svg"))
         return;
-      h(!1);
+      g(!1);
     }
   };
-  D(() => (document.addEventListener("click", j), () => {
+  k(() => (document.addEventListener("click", j), () => {
     document.removeEventListener("click", j);
   }), [i]);
-  const k = M(a);
-  return D(() => {
-    a.length !== k.current.length && (_(a), k.current = a);
-  }, [a]), /* @__PURE__ */ d(
+  const B = T(s);
+  return k(() => {
+    s.length !== B.current.length && (_(s), B.current = s);
+  }, [s]), /* @__PURE__ */ d(
     "div",
     {
       ref: v,
-      className: o(e.multiSelectWrapper, { [e.multiSelectWrapperError]: G }, H),
-      style: g !== void 0 && i ? {
-        paddingBottom: `${g}px`,
-        marginBottom: `-${g}px`
+      className: c(e.multiSelectWrapper, { [e.multiSelectWrapperError]: G }, H),
+      style: h !== void 0 && i ? {
+        paddingBottom: `${h}px`,
+        marginBottom: `-${h}px`
       } : void 0,
       tabIndex: 0,
       onBlur: ee,
       children: [
-        /* @__PURE__ */ d("div", { className: o(e.inputWrapper), children: [
-          !A && /* @__PURE__ */ d(B, { children: [
-            /* @__PURE__ */ r(
+        /* @__PURE__ */ d("div", { className: c(e.inputWrapper), children: [
+          !C && /* @__PURE__ */ d(F, { children: [
+            /* @__PURE__ */ t(
               "div",
               {
-                className: o(
+                className: c(
                   e.selectedOptions,
                   e[`${E}-size`],
-                  e[`${R}-size_m`],
-                  e[`${W}-size)_l`],
-                  { [e.selectedOptionsNotEmpty]: l.length > 0 },
-                  { [e.selectOptionsDisabled]: C }
+                  e[`${W}-size_m`],
+                  e[`${R}-size)_l`],
+                  { [e.selectedOptionsNotEmpty]: a.length > 0 },
+                  { [e.selectOptionsDisabled]: $ }
                 ),
-                onClick: () => h(!i),
-                children: /* @__PURE__ */ r("div", { className: e.selectedText, children: $ || (l.length === 0 ? q : "Выбрано " + V) })
+                onClick: () => g(!i),
+                children: /* @__PURE__ */ t("div", { className: e.selectedText, children: S || (a.length === 0 ? D : "Выбрано " + V) })
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ t(
               y,
               {
                 name: "arrowShort",
                 deg: i ? "180" : "0",
-                size: p ?? "24",
+                size: m ?? "24",
                 additionalClass: e.icon
               }
             )
           ] }),
-          A && /* @__PURE__ */ d(B, { children: [
-            /* @__PURE__ */ r(
+          C && /* @__PURE__ */ d(F, { children: [
+            /* @__PURE__ */ t(
               "button",
               {
-                className: o(
+                className: c(
                   e.selectedOptions,
                   e[`${E}-size`],
-                  e[`${R}-size_m`],
-                  e[`${W}-size_l`],
+                  e[`${W}-size_m`],
+                  e[`${R}-size_l`],
                   e.selectedOptionsBtn,
-                  { [e.selectOptionsDisabled]: C },
+                  { [e.selectOptionsDisabled]: $ },
                   K
                 ),
                 onClick: () => {
-                  w && w(), h(!i);
+                  w && w(), g(!i);
                 },
                 children: N
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ t(
               y,
               {
                 name: "filter",
                 deg: i ? "180" : "0",
-                size: p ?? "24",
-                additionalClass: o(e.icon, { [e.iconBtn]: !N })
+                size: m ?? "24",
+                additionalClass: c(e.icon, { [e.iconBtn]: !N })
               }
             )
           ] })
         ] }),
-        i && /* @__PURE__ */ r("div", { className: o(
+        i && /* @__PURE__ */ t("div", { className: c(
           e.optionsOuterContainer,
           e[`betweenSize_${X}`],
           { [e.listRight]: U },
           { [e.lastList]: Y },
           J
-        ), children: b ? /* @__PURE__ */ r("div", { className: e.loaderWrapper, children: /* @__PURE__ */ r(
+        ), children: I ? /* @__PURE__ */ t("div", { className: e.loaderWrapper, children: /* @__PURE__ */ t(
           y,
           {
             name: "loader",
@@ -151,52 +153,52 @@ const o = te.bind(e), me = ({
             color: "currentColor",
             additionalClass: e.loader
           }
-        ) }) : /* @__PURE__ */ d(
+        ) }) : !n || n.length === 0 ? /* @__PURE__ */ t("div", { className: e.emptyStateWrapper, children: "Список пуст" }) : /* @__PURE__ */ d(
           "div",
           {
-            className: o(e.optionsList, e[`scroll_${Z}`]),
+            className: c(e.optionsList, e[`scroll_${Z}`]),
             children: [
-              (c === "options" || c === "single") && s?.map((t, n) => /* @__PURE__ */ r(
-                T,
+              (o === "options" || o === "single") && n?.map((r, l) => /* @__PURE__ */ t(
+                q,
                 {
-                  disabledOptions: m,
+                  disabledOptions: p,
                   clickableOptions: f,
-                  selectedOptions: l,
-                  sizeIcon: p,
-                  option: t,
+                  selectedOptions: a,
+                  sizeIcon: m,
+                  option: r,
                   isPositionLeftCheckbox: z,
                   handleOptionClick: O,
                   isDisabledNotClickable: u
                 },
-                n
+                l
               )),
-              (c === "category" || c === "double") && s?.map((t, n) => "options" in t ? /* @__PURE__ */ r(
-                re,
+              (o === "category" || o === "double") && n?.map((r, l) => "options" in r ? /* @__PURE__ */ t(
+                te,
                 {
-                  disabledOptions: m,
+                  disabledOptions: p,
                   clickableOptions: f,
-                  selectedOptions: l,
-                  sizeIcon: p,
-                  category: t,
-                  mode: c,
-                  selectedValues: a,
+                  selectedOptions: a,
+                  sizeIcon: m,
+                  category: r,
+                  mode: o,
+                  selectedValues: s,
                   handleOptionClick: O,
                   isDisabledNotClickable: u
                 },
-                n
-              ) : t.value === "selectAll" ? /* @__PURE__ */ r(
-                T,
+                l
+              ) : r.value === "selectAll" ? /* @__PURE__ */ t(
+                q,
                 {
-                  disabledOptions: m,
+                  disabledOptions: p,
                   clickableOptions: f,
-                  selectedOptions: l,
+                  selectedOptions: a,
                   isPositionLeftCheckbox: z,
-                  sizeIcon: p,
-                  option: t,
+                  sizeIcon: m,
+                  option: r,
                   handleOptionClick: O,
                   isDisabledNotClickable: u
                 },
-                n
+                l
               ) : null)
             ]
           }
@@ -206,5 +208,5 @@ const o = te.bind(e), me = ({
   );
 };
 export {
-  me as Select
+  pe as Select
 };

package/dist/components/SummarySelect/ui/SummarySelect.d.ts

@@ -8,6 +8,8 @@ interface ISummarySelectProps extends MultiSelectProps {
     clearPosition?: 'top' | 'bottom';
     chipVariant?: 'default' | 'secondary';
     chipAdditionalClass?: string;
+    summaryCategoryClass?: string;
+    selectBetweenSize?: 'small' | 'medium';
 }
 export declare const SummarySelect: React.FC<ISummarySelectProps>;
 export {};

package/dist/components/SummarySelect/ui/SummarySelect.js

@@ -1,93 +1,99 @@
-import { jsxs as o, jsx as n, Fragment as W } from "react/jsx-runtime";
-import { c as s } from "../../../index-YnD2EP-S.js";
-import { Select as z } from "../../Select/ui/Select.js";
-import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
-const k = "_root_a207n_1", L = "_nameWrapper_a207n_8", V = "_size_large_a207n_18", b = "_clearBtnWrapper_a207n_25", x = "_clearBtn_a207n_25", j = "_summaryList_a207n_46", F = "_summaryOption_a207n_53", I = "_summaryOptionSecondary_a207n_75", $ = "_categoryOption_a207n_80", q = "_categoryOptionSecondary_a207n_89", A = "_summaryCategory_a207n_93", E = "_headerCategory_a207n_103", G = "_categoryTitle_a207n_109", H = "_categoryTitleSecondary_a207n_117", J = "_categoryOptions_a207n_121", e = {
-  root: k,
-  nameWrapper: L,
-  size_large: V,
-  clearBtnWrapper: b,
-  clearBtn: x,
-  summaryList: j,
-  summaryOption: F,
-  summaryOptionSecondary: I,
-  categoryOption: $,
-  categoryOptionSecondary: q,
-  summaryCategory: A,
-  headerCategory: E,
-  categoryTitle: G,
-  categoryTitleSecondary: H,
-  categoryOptions: J
-}, U = ({
-  label: g = "",
-  isShowReset: d,
+import { jsxs as r, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { c as n } from "../../../index-YnD2EP-S.js";
+import { Select as x } from "../../Select/ui/Select.js";
+import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
+const A = "_root_99sc2_1", $ = "_nameWrapper_99sc2_8", j = "_size_large_99sc2_18", U = "_clearBtnWrapper_99sc2_25", F = "_clearBtn_99sc2_25", I = "_summaryList_99sc2_54", q = "_summaryOption_99sc2_66", E = "_summaryOptionSecondary_99sc2_88", G = "_categoryOption_99sc2_93", H = "_categoryOptionSecondary_99sc2_102", J = "_summaryCategory_99sc2_106", K = "_headerCategory_99sc2_116", M = "_categoryTitle_99sc2_122", Q = "_categoryTitleSecondary_99sc2_130", R = "_categoryOptions_99sc2_134", e = {
+  root: A,
+  nameWrapper: $,
+  size_large: j,
+  clearBtnWrapper: U,
+  clearBtn: F,
+  "clearBtn-size_medium": "_clearBtn-size_medium_99sc2_40",
+  summaryList: I,
+  "summaryList-size_small": "_summaryList-size_small_99sc2_59",
+  "summaryList-size_medium": "_summaryList-size_medium_99sc2_62",
+  summaryOption: q,
+  summaryOptionSecondary: E,
+  categoryOption: G,
+  categoryOptionSecondary: H,
+  summaryCategory: J,
+  headerCategory: K,
+  categoryTitle: M,
+  categoryTitleSecondary: Q,
+  categoryOptions: R
+}, D = ({
+  label: h = "",
+  isShowReset: y,
   isShowCategoryDelete: v = !1,
-  labelSize: S = "medium",
-  isLoading: N = !1,
-  clearPosition: h = "top",
-  chipVariant: l = "default",
+  labelSize: z = "medium",
+  isLoading: B = !1,
+  clearPosition: _ = "top",
+  chipVariant: m = "default",
   chipAdditionalClass: O = "",
-  selectPaddingBottom: f,
-  ...t
+  selectPaddingBottom: L,
+  selectBetweenSize: C = "small",
+  summaryCategoryClass: W = "",
+  ...c
 }) => {
-  const p = d && h === "bottom", i = (a) => {
-    t.onChange && t.onChange(a);
-  }, C = (a) => {
-    const r = t.selectedValues?.filter((c) => c.value !== a) || [];
-    i(r);
-  }, y = () => {
-    i([]);
-  }, B = (a) => {
-    i(
-      t.selectedValues?.filter((r) => r.value !== a.value).filter(
-        (r) => !a.options.some((c) => c.value === r.value)
-      ) ?? []
-    );
-  }, T = t.selectedValues?.filter((a) => "options" in a);
-  return /* @__PURE__ */ o("div", { className: e.root, children: [
-    (d || g) && /* @__PURE__ */ o("div", { className: s(e.nameWrapper, e[`size_${S}`]), children: [
-      /* @__PURE__ */ n("div", { children: g }),
-      d && h === "top" && /* @__PURE__ */ n(
+  const f = y && _ === "bottom", d = (a) => {
+    c.onChange && c.onChange(a);
+  }, S = (a) => {
+    a.filter((s) => s.value !== "selectAll").length === 0 ? d([]) : d(a);
+  }, N = (a) => {
+    const l = c.selectedValues?.filter((s) => s.value !== a) || [];
+    S(l);
+  }, u = () => {
+    d([]);
+  }, T = (a) => {
+    const l = c.selectedValues?.filter((s) => s.value !== a.value).filter(
+      (s) => !a.options.some((i) => i.value === s.value)
+    ) ?? [];
+    S(l);
+  }, o = c.selectedValues?.filter((a) => a.value !== "selectAll"), k = o?.filter((a) => "options" in a);
+  return /* @__PURE__ */ r("div", { className: e.root, children: [
+    (y && _ === "top" || h) && /* @__PURE__ */ r("div", { className: n(e.nameWrapper, e[`size_${z}`]), children: [
+      /* @__PURE__ */ t("div", { children: h }),
+      y && _ === "top" && /* @__PURE__ */ t(
         "div",
         {
           className: e.clearBtn,
-          onClick: y,
+          onClick: u,
           children: "Очистить"
         }
       )
     ] }),
-    /* @__PURE__ */ n(
-      z,
+    /* @__PURE__ */ t(
+      x,
       {
-        ...t,
-        isLoading: N,
-        selectPaddingBottom: f,
-        onChange: i
+        ...c,
+        isLoading: B,
+        selectPaddingBottom: L,
+        onChange: d
       }
     ),
-    !v && t.mode === "options" && t.selectedValues && t.selectedValues.length > 0 && /* @__PURE__ */ o("div", { className: s(e.summaryList), children: [
-      p && /* @__PURE__ */ n("div", { className: e.clearBtnWrapper, children: /* @__PURE__ */ n(
+    !v && c.mode === "options" && o && o.length > 0 && /* @__PURE__ */ r("div", { className: n(e.summaryList, e[`summaryList-size_${C}`]), children: [
+      f && /* @__PURE__ */ t("div", { className: e.clearBtnWrapper, children: /* @__PURE__ */ t(
         "div",
         {
           className: e.clearBtn,
-          onClick: y,
+          onClick: u,
           children: "Очистить"
         }
       ) }),
-      t.selectedValues.map((a) => /* @__PURE__ */ o(
+      o.map((a) => /* @__PURE__ */ r(
         "div",
         {
-          onClick: () => C(a.value.toString()),
-          className: s(e.summaryOption, {
-            [e.summaryOptionSecondary]: l === "secondary"
+          onClick: () => N(a.value.toString()),
+          className: n(e.summaryOption, {
+            [e.summaryOptionSecondary]: m === "secondary"
           }, O),
           children: [
             a.label,
-            /* @__PURE__ */ n(
-              u,
+            /* @__PURE__ */ t(
+              p,
               {
                 name: "close",
-                size: l === "secondary" ? "20" : "16"
+                size: m === "secondary" ? "20" : "16"
               }
             )
           ]
@@ -95,33 +101,33 @@ const k = "_root_a207n_1", L = "_nameWrapper_a207n_8", V = "_size_large_a207n_18
         a.value
       ))
     ] }),
-    !v && t.mode === "double" && /* @__PURE__ */ o(W, { children: [
-      p && t.selectedValues && t.selectedValues.length > 0 && /* @__PURE__ */ n(
+    !v && c.mode === "double" && /* @__PURE__ */ r(b, { children: [
+      f && o && o.length > 0 && /* @__PURE__ */ t(
         "div",
         {
-          className: e.clearBtn,
-          onClick: y,
+          className: n(e.clearBtn, e[`clearBtn-size_${C}`]),
+          onClick: u,
           children: "Очистить"
         }
       ),
-      T?.map((a, r) => {
-        const c = a;
-        return /* @__PURE__ */ o(
+      k?.map((a, l) => {
+        const s = a;
+        return /* @__PURE__ */ r(
           "div",
           {
-            className: e.summaryCategory,
+            className: n(e.summaryCategory, W),
             children: [
-              /* @__PURE__ */ o("div", { className: e.headerCategory, children: [
-                /* @__PURE__ */ n("div", { className: s(e.categoryTitle, {
-                  [e.categoryTitleSecondary]: l === "secondary"
-                }), children: c.label }),
-                /* @__PURE__ */ n(
+              /* @__PURE__ */ r("div", { className: e.headerCategory, children: [
+                /* @__PURE__ */ t("div", { className: n(e.categoryTitle, {
+                  [e.categoryTitleSecondary]: m === "secondary"
+                }), children: s.label }),
+                /* @__PURE__ */ t(
                   "div",
                   {
-                    onClick: () => B(a),
+                    onClick: () => T(a),
                     className: e.clearBtn,
-                    children: /* @__PURE__ */ n(
-                      u,
+                    children: /* @__PURE__ */ t(
+                      p,
                       {
                         name: "close",
                         size: "16"
@@ -130,37 +136,37 @@ const k = "_root_a207n_1", L = "_nameWrapper_a207n_8", V = "_size_large_a207n_18
                   }
                 )
               ] }),
-              /* @__PURE__ */ n("div", { className: e.categoryOptions, children: c.options.filter((m) => t.selectedValues?.some((_) => m.value === _.value)).map((m, _) => /* @__PURE__ */ o(
+              /* @__PURE__ */ t("div", { className: e.categoryOptions, children: s.options.filter((i) => o?.some((g) => i.value === g.value)).map((i, g) => /* @__PURE__ */ r(
                 "div",
                 {
-                  onClick: () => C(m.value.toString()),
-                  className: s(
+                  onClick: () => N(i.value.toString()),
+                  className: n(
                     e.summaryOption,
                     e.categoryOption,
-                    { [e.categoryOptionSecondary]: l === "secondary" },
+                    { [e.categoryOptionSecondary]: m === "secondary" },
                     O
                   ),
                   children: [
-                    m.label,
-                    /* @__PURE__ */ n(
-                      u,
+                    i.label,
+                    /* @__PURE__ */ t(
+                      p,
                       {
                         name: "close",
-                        size: l === "secondary" ? "20" : "16"
+                        size: m === "secondary" ? "20" : "16"
                       }
                     )
                   ]
                 },
-                _
+                g
               )) })
             ]
           },
-          r
+          l
         );
       })
     ] })
   ] });
 };
 export {
-  U as SummarySelect
+  D as SummarySelect
 };