stone-kit 0.0.778 → 0.0.779

package/dist/components/Select/model/selectMode.d.ts

@@ -7,9 +7,9 @@ export type TClickOptionProps = {
     selectedOptions: TOption[];
     setSelectedOptions: (value: SetStateAction<TOption[]>) => void;
     mode: TModeSelect;
-    onChange?: ((selectedOptions: TOption[]) => unknown);
+    onChange?: (selectedOptions: TOption[]) => unknown;
     optionsParentArr?: TCategory[] | TOption[];
 };
-declare const handleClickModeOption: ({ option, setSelectedOptions, selectedOptions, disabledOptions, onChange, mode, optionsParentArr }: TClickOptionProps) => void;
-declare const handleClickModeCategory: ({ option, setSelectedOptions, selectedOptions, disabledOptions, onChange }: TClickOptionProps) => void;
+declare const handleClickModeOption: ({ option, setSelectedOptions, selectedOptions, disabledOptions, onChange, mode, optionsParentArr, }: TClickOptionProps) => void;
+declare const handleClickModeCategory: ({ option, setSelectedOptions, selectedOptions, disabledOptions, onChange, }: TClickOptionProps) => void;
 export { handleClickModeCategory, handleClickModeOption };

package/dist/components/Select/model/selectMode.js

@@ -1,46 +1,49 @@
-const d = ({
+const J = ({
   option: e,
-  setSelectedOptions: y,
-  selectedOptions: f,
-  disabledOptions: s,
+  setSelectedOptions: s,
+  selectedOptions: l,
+  disabledOptions: u,
   onChange: c,
-  mode: S,
-  optionsParentArr: r
+  mode: y,
+  optionsParentArr: f
 }) => {
   if (!Array.isArray(e)) {
-    if (s.includes(e))
+    if (u.includes(e))
       return;
-    let i = f.some((l) => l.value === e.value) ? f.filter((l) => l.value !== e.value) : [...f, e];
-    if (S === "double") {
-      "options" in e && (f.map((t) => JSON.stringify(t)).includes(JSON.stringify(e)) ? i = i.filter((t) => !e.options.map((a) => JSON.stringify(a)).includes(JSON.stringify(t))) : Array.isArray(e.options) && (i = [...i, ...e.options]));
-      const l = r == null ? void 0 : r.filter((u) => "options" in u && u.options.includes(e))[0];
-      !(l && f.map((u) => JSON.stringify(u)).includes(JSON.stringify(l))) && l && i.push(l);
+    let i = l.some((r) => r.value === e.value) ? l.filter((r) => r.value !== e.value) : [...l, e];
+    if (y === "single") {
+      const r = [e];
+      s(r), c && c(r);
+      return;
+    }
+    if (y === "double") {
+      "options" in e && (l.map((t) => JSON.stringify(t)).includes(JSON.stringify(e)) ? i = i.filter(
+        (t) => !e.options.map((a) => JSON.stringify(a)).includes(JSON.stringify(t))
+      ) : Array.isArray(e.options) && (i = [...i, ...e.options]));
+      const r = f == null ? void 0 : f.filter((S) => "options" in S && S.options.includes(e))[0];
+      !(r && l.map((S) => JSON.stringify(S)).includes(JSON.stringify(r))) && r && i.push(r);
     }
-    y(i), c && c(i);
+    s(i), c && c(i);
   }
-}, m = ({
+}, N = ({
   option: e,
-  setSelectedOptions: y,
-  selectedOptions: f,
-  disabledOptions: s,
+  setSelectedOptions: s,
+  selectedOptions: l,
+  disabledOptions: u,
   onChange: c
 }) => {
   if (Array.isArray(e)) {
-    const S = e.filter((r) => !(s != null && s.includes(r)));
-    if (S.every((r) => f.map((i) => i).includes(r))) {
-      const r = f.filter(
-        (i) => !e.includes(i)
-      );
-      y(r), c && c(r);
+    const y = e.filter((f) => !(u != null && u.includes(f)));
+    if (y.every((f) => l.map((i) => i).includes(f))) {
+      const f = l.filter((i) => !e.includes(i));
+      s(f), c && c(f);
     } else {
-      const r = S.filter(
-        (l) => !f.includes(l)
-      ), i = [...f, ...r];
-      y(i), c && c(i);
+      const f = y.filter((r) => !l.includes(r)), i = [...l, ...f];
+      s(i), c && c(i);
     }
   }
 };
 export {
-  m as handleClickModeCategory,
-  d as handleClickModeOption
+  N as handleClickModeCategory,
+  J as handleClickModeOption
 };

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

@@ -1,4 +1,4 @@
-import { jsxs as m, Fragment as w, jsx as s } from "react/jsx-runtime";
+import { jsxs as m, Fragment as w, jsx as i } from "react/jsx-runtime";
 import { useState as L, useRef as W, useEffect as j } from "react";
 import { c as K } from "../../../index-rKuIKazb.js";
 import { s as e, O as Q } from "../../../Option-BVIm7wOW.js";
@@ -9,7 +9,7 @@ const a = K.bind(e), te = ({
   options: t,
   placeholder: B = "Выберите опции",
   error: D,
-  disabled: g,
+  disabled: p,
   disabledOptions: f = [],
   additionalClass: M = "",
   additionalClassOption: F,
@@ -22,7 +22,7 @@ const a = K.bind(e), te = ({
   clickableOptions: v,
   isListRight: q = !1,
   sizeIcon: d,
-  mode: i = "options",
+  mode: s = "options",
   onClickItem: C,
   onCLickSelect: S,
   size_s: N = "large",
@@ -32,7 +32,7 @@ const a = K.bind(e), te = ({
   isLast: G
 }) => {
   t = Array.isArray(t) ? [.../* @__PURE__ */ new Set([...t])] : [];
-  const [l, A] = L(c), [o, h] = L(!1), p = W(null), E = (r) => {
+  const [l, A] = L(c), [o, g] = L(!1), h = W(null), E = (r) => {
     C && C(r);
     const n = {
       option: r,
@@ -40,7 +40,7 @@ const a = K.bind(e), te = ({
       disabledOptions: f,
       setSelectedOptions: A,
       onChange: _,
-      mode: i,
+      mode: s,
       optionsParentArr: t
     };
     Array.isArray(r) ? X(n) : U(n);
@@ -50,10 +50,10 @@ const a = K.bind(e), te = ({
   j(() => {
     const r = (n) => {
       const J = n.target;
-      if (p.current && !p.current.contains(n.target)) {
+      if (h.current && !h.current.contains(n.target)) {
         if (J.closest("svg"))
           return;
-        h(!1);
+        g(!1);
       }
     };
     return document.addEventListener("click", r), () => {
@@ -66,14 +66,14 @@ const a = K.bind(e), te = ({
   }, [c]), /* @__PURE__ */ m(
     "div",
     {
-      ref: p,
+      ref: h,
       className: a(e.multiSelectWrapper, { [e.multiSelectWrapperError]: D }, M),
       tabIndex: 0,
       onBlur: H,
       children: [
         /* @__PURE__ */ m("div", { className: a(e.inputWrapper), children: [
           !O && /* @__PURE__ */ m(w, { children: [
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ i(
               "div",
               {
                 className: a(
@@ -82,13 +82,13 @@ const a = K.bind(e), te = ({
                   e[`${$}-size_m`],
                   e[`${k}-size)_l`],
                   { [e.selectedOptionsNotEmpty]: l.length > 0 },
-                  { [e.selectOptionsDisabled]: g }
+                  { [e.selectOptionsDisabled]: p }
                 ),
-                onClick: () => h(!o),
+                onClick: () => g(!o),
                 children: l.length === 0 ? B : "Выбрано " + l.length
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ i(
               z,
               {
                 name: "arrowShort",
@@ -99,7 +99,7 @@ const a = K.bind(e), te = ({
             )
           ] }),
           O && /* @__PURE__ */ m(w, { children: [
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ i(
               "button",
               {
                 className: a(
@@ -108,16 +108,16 @@ const a = K.bind(e), te = ({
                   e[`${$}-size_m`],
                   e[`${k}-size_l`],
                   e.selectedOptionsBtn,
-                  { [e.selectOptionsDisabled]: g },
+                  { [e.selectOptionsDisabled]: p },
                   P
                 ),
                 onClick: () => {
-                  S && S(), h(!o);
+                  S && S(), g(!o);
                 },
                 children: y
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ i(
               z,
               {
                 name: "filter",
@@ -138,7 +138,7 @@ const a = K.bind(e), te = ({
               F
             ),
             children: [
-              i === "options" && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ s(
+              (s === "options" || s === "single") && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ i(
                 Q,
                 {
                   disabledOptions: f,
@@ -151,7 +151,7 @@ const a = K.bind(e), te = ({
                 },
                 n
               ))),
-              (i === "category" || i === "double") && (t == null ? void 0 : t.map((r, n) => "options" in r ? /* @__PURE__ */ s(
+              (s === "category" || s === "double") && (t == null ? void 0 : t.map((r, n) => "options" in r ? /* @__PURE__ */ i(
                 T,
                 {
                   disabledOptions: f,
@@ -159,7 +159,7 @@ const a = K.bind(e), te = ({
                   selectedOptions: l,
                   sizeIcon: d,
                   category: r,
-                  mode: i,
+                  mode: s,
                   selectedValues: c,
                   handleOptionClick: E,
                   isDisabledNotClickable: x

package/dist/components/Select/ui/Select.types.d.ts

@@ -9,7 +9,7 @@ export type TCategory = {
     label: string;
     options: TOption[];
 };
-export type TModeSelect = 'options' | 'category' | 'double';
+export type TModeSelect = 'options' | 'category' | 'double' | 'single';
 type SelectSizes = 'medium' | 'small' | 'large';
 export interface MultiSelectProps {
     options: TOption[] | TCategory[];

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

@@ -1,10 +1,10 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
 import { NewIcon as d } from "../../NewIcon/ui/NewIcon.js";
 import { Select as O } from "../../Select/ui/Select.js";
-const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18", S = "_summaryList_156r8_33", V = "_summaryOption_156r8_40", B = "_categoryOption_156r8_62", b = "_summaryCategory_156r8_71", k = "_headerCategory_156r8_81", T = "_categoryTitle_156r8_87", W = "_categoryOptions_156r8_95", t = {
+const N = "_root_156r8_1", f = "_nameWrapper_156r8_8", p = "_clearBtn_156r8_18", S = "_summaryList_156r8_33", V = "_summaryOption_156r8_40", B = "_categoryOption_156r8_62", b = "_summaryCategory_156r8_71", k = "_headerCategory_156r8_81", T = "_categoryTitle_156r8_87", W = "_categoryOptions_156r8_95", t = {
   root: N,
-  nameWrapper: p,
-  clearBtn: f,
+  nameWrapper: f,
+  clearBtn: p,
   summaryList: S,
   summaryOption: V,
   categoryOption: B,
@@ -28,7 +28,11 @@ const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18",
     c([]);
   }, v = (e) => {
     var o;
-    c(((o = a.selectedValues) == null ? void 0 : o.filter((r) => r.value !== e.value).filter((r) => !e.options.some((n) => n.value === r.value))) ?? []);
+    c(
+      ((o = a.selectedValues) == null ? void 0 : o.filter((r) => r.value !== e.value).filter(
+        (r) => !e.options.some((n) => n.value === r.value)
+      )) ?? []
+    );
   }, m = (y = a.selectedValues) == null ? void 0 : y.filter((e) => "options" in e);
   return /* @__PURE__ */ s("div", { className: t.root, children: [
     /* @__PURE__ */ s("div", { className: t.nameWrapper, children: [
@@ -49,7 +53,7 @@ const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18",
         onChange: c
       }
     ),
-    a.mode === "options" && a.selectedValues && a.selectedValues.length > 0 && /* @__PURE__ */ l("div", { className: t.summaryList, children: a.selectedValues.map((e) => /* @__PURE__ */ s(
+    (a.mode === "options" || a.mode === "single") && a.selectedValues && a.selectedValues.length > 0 && /* @__PURE__ */ l("div", { className: t.summaryList, children: a.selectedValues.map((e) => /* @__PURE__ */ s(
       "div",
       {
         onClick: () => u(e.value.toString()),
@@ -69,39 +73,53 @@ const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18",
     )) }),
     a.mode === "double" && (m == null ? void 0 : m.map((e, o) => {
       const r = e;
-      return /* @__PURE__ */ s("div", { className: t.summaryCategory, children: [
-        /* @__PURE__ */ s("div", { className: t.headerCategory, children: [
-          /* @__PURE__ */ l("div", { className: t.categoryTitle, children: r.label }),
-          /* @__PURE__ */ l("div", { onClick: () => v(e), className: t.clearBtn, children: /* @__PURE__ */ l(
-            d,
-            {
-              name: "close",
-              size: "16"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ l("div", { className: t.categoryOptions, children: r.options.filter((n) => {
-          var i;
-          return (i = a.selectedValues) == null ? void 0 : i.some((C) => n.value === C.value);
-        }).map((n, i) => /* @__PURE__ */ s(
-          "div",
-          {
-            onClick: () => u(n.value.toString()),
-            className: `${t.summaryOption} ${t.categoryOption}`,
-            children: [
-              n.label,
+      return /* @__PURE__ */ s(
+        "div",
+        {
+          className: t.summaryCategory,
+          children: [
+            /* @__PURE__ */ s("div", { className: t.headerCategory, children: [
+              /* @__PURE__ */ l("div", { className: t.categoryTitle, children: r.label }),
               /* @__PURE__ */ l(
-                d,
+                "div",
                 {
-                  name: "close",
-                  size: "16"
+                  onClick: () => v(e),
+                  className: t.clearBtn,
+                  children: /* @__PURE__ */ l(
+                    d,
+                    {
+                      name: "close",
+                      size: "16"
+                    }
+                  )
                 }
               )
-            ]
-          },
-          i
-        )) })
-      ] }, o);
+            ] }),
+            /* @__PURE__ */ l("div", { className: t.categoryOptions, children: r.options.filter((n) => {
+              var i;
+              return (i = a.selectedValues) == null ? void 0 : i.some((C) => n.value === C.value);
+            }).map((n, i) => /* @__PURE__ */ s(
+              "div",
+              {
+                onClick: () => u(n.value.toString()),
+                className: `${t.summaryOption} ${t.categoryOption}`,
+                children: [
+                  n.label,
+                  /* @__PURE__ */ l(
+                    d,
+                    {
+                      name: "close",
+                      size: "16"
+                    }
+                  )
+                ]
+              },
+              i
+            )) })
+          ]
+        },
+        o
+      );
     }))
   ] });
 };

package/package.json

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