stone-kit 0.0.651 → 0.0.653

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

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

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

@@ -1,12 +1,12 @@
-import { jsxs as m, Fragment as A, jsx as l } from "react/jsx-runtime";
-import { useState as D, useRef as W, useEffect as j } from "react";
+import { jsxs as m, Fragment as w, jsx as i } from "react/jsx-runtime";
+import { useState as A, useRef as D, useEffect as W } from "react";
 import { c as G } from "../../../index-rKuIKazb.js";
 import { s as e, O as H } from "../../../Option-a48eBPyn.js";
-import { NewIcon as w } from "../../NewIcon/ui/NewIcon.js";
+import { NewIcon as j } from "../../NewIcon/ui/NewIcon.js";
 import { Category as J } from "./Category.js";
 import { handleClickModeOption as K, handleClickModeCategory as Q } from "../model/selectMode.js";
 const s = G.bind(e), ee = ({
-  options: n,
+  options: r,
   placeholder: z = "Выберите опции",
   error: B,
   disabled: g,
@@ -16,7 +16,7 @@ const s = G.bind(e), ee = ({
   additionalClassBtn: b,
   onChange: F,
   onBlur: u,
-  selectedValues: i = [],
+  selectedValues: c = [],
   isBtn: O = !1,
   btnName: C,
   clickableOptions: v,
@@ -25,29 +25,30 @@ const s = G.bind(e), ee = ({
   mode: a = "options",
   onClickItem: y,
   onCLickSelect: N,
-  size_s: k = "large",
-  size_m: S,
+  size_s: S = "large",
+  size_m: k,
   size_l: $
 }) => {
-  const [c, x] = D(i), [o, p] = D(!1), h = W(null), E = (t) => {
+  r = [.../* @__PURE__ */ new Set([...r])];
+  const [l, x] = A(c), [o, p] = A(!1), h = D(null), E = (t) => {
     y && y(t);
-    const r = {
+    const n = {
       option: t,
-      selectedOptions: c,
+      selectedOptions: l,
       disabledOptions: f,
       setSelectedOptions: x,
       onChange: F,
       mode: a,
-      optionsParentArr: n
+      optionsParentArr: r
     };
-    Array.isArray(t) ? Q(r) : K(r);
+    Array.isArray(t) ? Q(n) : K(n);
   }, _ = () => {
-    u && u(c);
+    u && u(l);
   };
-  j(() => {
-    const t = (r) => {
-      const q = r.target;
-      if (h.current && !h.current.contains(r.target)) {
+  W(() => {
+    const t = (n) => {
+      const q = n.target;
+      if (h.current && !h.current.contains(n.target)) {
         if (q.closest("svg"))
           return;
         p(!1);
@@ -57,10 +58,10 @@ const s = G.bind(e), ee = ({
       document.removeEventListener("click", t);
     };
   }, []);
-  const R = W(i);
-  return j(() => {
-    i.length !== R.current.length && (x(i), R.current = i);
-  }, [i]), /* @__PURE__ */ m(
+  const R = D(c);
+  return W(() => {
+    c.length !== R.current.length && (x(c), R.current = c);
+  }, [c]), /* @__PURE__ */ m(
     "div",
     {
       ref: h,
@@ -69,24 +70,24 @@ const s = G.bind(e), ee = ({
       onBlur: _,
       children: [
         /* @__PURE__ */ m("div", { className: s(e.inputWrapper), children: [
-          !O && /* @__PURE__ */ m(A, { children: [
-            /* @__PURE__ */ l(
+          !O && /* @__PURE__ */ m(w, { children: [
+            /* @__PURE__ */ i(
               "div",
               {
                 className: s(
                   e.selectedOptions,
-                  e[`${k}-size`],
-                  e[`${S}-size_m`],
+                  e[`${S}-size`],
+                  e[`${k}-size_m`],
                   e[`${$}-size)_l`],
-                  { [e.selectedOptionsNotEmpty]: c.length > 0 },
+                  { [e.selectedOptionsNotEmpty]: l.length > 0 },
                   { [e.selectOptionsDisabled]: g }
                 ),
                 onClick: () => p(!o),
-                children: c.length === 0 ? z : "Выбрано " + c.length
+                children: l.length === 0 ? z : "Выбрано " + l.length
               }
             ),
-            /* @__PURE__ */ l(
-              w,
+            /* @__PURE__ */ i(
+              j,
               {
                 name: "arrowShort",
                 deg: o ? "180" : "0",
@@ -95,14 +96,14 @@ const s = G.bind(e), ee = ({
               }
             )
           ] }),
-          O && /* @__PURE__ */ m(A, { children: [
-            /* @__PURE__ */ l(
+          O && /* @__PURE__ */ m(w, { children: [
+            /* @__PURE__ */ i(
               "button",
               {
                 className: s(
                   e.selectedOptions,
-                  e[`${k}-size`],
-                  e[`${S}-size_m`],
+                  e[`${S}-size`],
+                  e[`${k}-size_m`],
                   e[`${$}-size_l`],
                   e.selectedOptionsBtn,
                   { [e.selectOptionsDisabled]: g },
@@ -114,8 +115,8 @@ const s = G.bind(e), ee = ({
                 children: C
               }
             ),
-            /* @__PURE__ */ l(
-              w,
+            /* @__PURE__ */ i(
+              j,
               {
                 name: "filter",
                 deg: o ? "180" : "0",
@@ -126,32 +127,32 @@ const s = G.bind(e), ee = ({
           ] })
         ] }),
         o && /* @__PURE__ */ m("div", { className: s(e.optionsList, { [e.listRight]: P }, M), children: [
-          a === "options" && (n == null ? void 0 : n.map((t, r) => /* @__PURE__ */ l(
+          a === "options" && (r == null ? void 0 : r.map((t, n) => /* @__PURE__ */ i(
             H,
             {
               disabledOptions: f,
               clickableOptions: v,
-              selectedOptions: c,
+              selectedOptions: l,
               sizeIcon: d,
               option: t,
               handleOptionClick: E
             },
-            r
+            n
           ))),
-          (a === "category" || a === "double") && (n == null ? void 0 : n.map(
-            (t, r) => "options" in t ? /* @__PURE__ */ l(
+          (a === "category" || a === "double") && (r == null ? void 0 : r.map(
+            (t, n) => "options" in t ? /* @__PURE__ */ i(
               J,
               {
                 disabledOptions: f,
                 clickableOptions: v,
-                selectedOptions: c,
+                selectedOptions: l,
                 sizeIcon: d,
                 category: t,
                 mode: a,
-                selectedValues: i,
+                selectedValues: c,
                 handleOptionClick: E
               },
-              r
+              n
             ) : null
           ))
         ] })

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

@@ -11,7 +11,7 @@ export type TCategory = {
 export type TModeSelect = 'options' | 'category' | 'double';
 type SelectSizes = 'medium' | 'small' | 'large';
 export interface MultiSelectProps {
-    options?: TOption[] | TCategory[];
+    options: TOption[] | TCategory[];
     category?: TCategory[];
     placeholder?: string;
     error?: boolean;

package/package.json

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