stone-kit 0.0.652 → 0.0.654

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

@@ -1,46 +1,46 @@
-const d = ({
-  option: i,
+const t = ({
+  option: e,
   setSelectedOptions: s,
-  selectedOptions: f,
-  disabledOptions: u,
+  selectedOptions: u,
+  disabledOptions: i,
   onChange: r,
   mode: y,
   optionsParentArr: l
 }) => {
-  if (!Array.isArray(i)) {
-    if (u.includes(i))
+  if (!Array.isArray(e)) {
+    if (i.includes(e))
       return;
-    let e = f.some((c) => c.value === i.value) ? f.filter((c) => c.value !== i.value) : [...f, i];
+    let c = u.some((f) => f.value === e.value) ? u.filter((f) => f.value !== e.value) : [...u, e];
     if (y === "double") {
-      "options" in i && f.includes(i) && (e = e.filter((n) => !i.options.includes(n)));
-      const c = l == null ? void 0 : l.filter((S) => "options" in S && S.options.includes(i))[0];
-      !(c && f.includes(c)) && c && e.push(c);
+      "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(e), console.log(e), r && r(e);
+    s(c), r && r(c);
   }
-}, g = ({
-  option: i,
+}, a = ({
+  option: e,
   setSelectedOptions: s,
-  selectedOptions: f,
-  disabledOptions: u,
+  selectedOptions: u,
+  disabledOptions: i,
   onChange: r
 }) => {
-  if (Array.isArray(i)) {
-    const y = i.filter((l) => !(u != null && u.includes(l)));
-    if (y.every((l) => f.map((e) => JSON.stringify(e)).includes(JSON.stringify(l)))) {
-      const l = f.filter(
-        (e) => !i.map((c) => JSON.stringify(c)).includes(JSON.stringify(e))
+  if (Array.isArray(e)) {
+    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(l), r && r(l);
     } else {
       const l = y.filter(
-        (c) => !f.map((t) => JSON.stringify(t)).includes(JSON.stringify(c))
-      ), e = [...f, ...l];
-      s(e), console.log(e), r && r(e);
+        (f) => !u.includes(f)
+      ), c = [...u, ...l];
+      s(c), r && r(c);
     }
   }
 };
 export {
-  g 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 R, jsx as i } from "react/jsx-runtime";
+import { useState as w, 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,
+const a = G.bind(e), ee = ({
+  options: t,
   placeholder: z = "Выберите опции",
   error: B,
   disabled: g,
@@ -16,77 +16,78 @@ const s = G.bind(e), ee = ({
   additionalClassBtn: b,
   onChange: F,
   onBlur: u,
-  selectedValues: i = [],
+  selectedValues: c = [],
   isBtn: O = !1,
-  btnName: C,
-  clickableOptions: v,
+  btnName: y,
+  clickableOptions: C,
   isListRight: P = !1,
   sizeIcon: d,
-  mode: a = "options",
-  onClickItem: y,
+  mode: s = "options",
+  onClickItem: v,
   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) => {
-    y && y(t);
-    const r = {
-      option: t,
-      selectedOptions: c,
+  t = Array.isArray(t) ? [.../* @__PURE__ */ new Set([...t])] : [];
+  const [l, x] = w(c), [o, h] = w(!1), p = D(null), A = (r) => {
+    v && v(r);
+    const n = {
+      option: r,
+      selectedOptions: l,
       disabledOptions: f,
       setSelectedOptions: x,
       onChange: F,
-      mode: a,
-      optionsParentArr: n
+      mode: s,
+      optionsParentArr: t
     };
-    Array.isArray(t) ? Q(r) : K(r);
+    Array.isArray(r) ? 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 r = (n) => {
+      const q = n.target;
+      if (p.current && !p.current.contains(n.target)) {
         if (q.closest("svg"))
           return;
-        p(!1);
+        h(!1);
       }
     };
-    return document.addEventListener("click", t), () => {
-      document.removeEventListener("click", t);
+    return document.addEventListener("click", r), () => {
+      document.removeEventListener("click", r);
     };
   }, []);
-  const R = W(i);
-  return j(() => {
-    i.length !== R.current.length && (x(i), R.current = i);
-  }, [i]), /* @__PURE__ */ m(
+  const E = D(c);
+  return W(() => {
+    c.length !== E.current.length && (x(c), E.current = c);
+  }, [c]), /* @__PURE__ */ m(
     "div",
     {
-      ref: h,
-      className: s(e.multiSelectWrapper, { [e.multiSelectWrapperError]: B }, L),
+      ref: p,
+      className: a(e.multiSelectWrapper, { [e.multiSelectWrapperError]: B }, L),
       tabIndex: 0,
       onBlur: _,
       children: [
-        /* @__PURE__ */ m("div", { className: s(e.inputWrapper), children: [
-          !O && /* @__PURE__ */ m(A, { children: [
-            /* @__PURE__ */ l(
+        /* @__PURE__ */ m("div", { className: a(e.inputWrapper), children: [
+          !O && /* @__PURE__ */ m(R, { children: [
+            /* @__PURE__ */ i(
               "div",
               {
-                className: s(
+                className: a(
                   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
+                onClick: () => h(!o),
+                children: l.length === 0 ? z : "Выбрано " + l.length
               }
             ),
-            /* @__PURE__ */ l(
-              w,
+            /* @__PURE__ */ i(
+              j,
               {
                 name: "arrowShort",
                 deg: o ? "180" : "0",
@@ -95,63 +96,63 @@ const s = G.bind(e), ee = ({
               }
             )
           ] }),
-          O && /* @__PURE__ */ m(A, { children: [
-            /* @__PURE__ */ l(
+          O && /* @__PURE__ */ m(R, { children: [
+            /* @__PURE__ */ i(
               "button",
               {
-                className: s(
+                className: a(
                   e.selectedOptions,
-                  e[`${k}-size`],
-                  e[`${S}-size_m`],
+                  e[`${S}-size`],
+                  e[`${k}-size_m`],
                   e[`${$}-size_l`],
                   e.selectedOptionsBtn,
                   { [e.selectOptionsDisabled]: g },
                   b
                 ),
                 onClick: () => {
-                  N && N(), p(!o);
+                  N && N(), h(!o);
                 },
-                children: C
+                children: y
               }
             ),
-            /* @__PURE__ */ l(
-              w,
+            /* @__PURE__ */ i(
+              j,
               {
                 name: "filter",
                 deg: o ? "180" : "0",
                 size: d ?? "24",
-                additionalClass: s(e.icon, { [e.iconBtn]: !C })
+                additionalClass: a(e.icon, { [e.iconBtn]: !y })
               }
             )
           ] })
         ] }),
-        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(
+        o && /* @__PURE__ */ m("div", { className: a(e.optionsList, { [e.listRight]: P }, M), children: [
+          s === "options" && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ i(
             H,
             {
               disabledOptions: f,
-              clickableOptions: v,
-              selectedOptions: c,
+              clickableOptions: C,
+              selectedOptions: l,
               sizeIcon: d,
-              option: t,
-              handleOptionClick: E
+              option: r,
+              handleOptionClick: A
             },
-            r
+            n
           ))),
-          (a === "category" || a === "double") && (n == null ? void 0 : n.map(
-            (t, r) => "options" in t ? /* @__PURE__ */ l(
+          (s === "category" || s === "double") && (t == null ? void 0 : t.map(
+            (r, n) => "options" in r ? /* @__PURE__ */ i(
               J,
               {
                 disabledOptions: f,
-                clickableOptions: v,
-                selectedOptions: c,
+                clickableOptions: C,
+                selectedOptions: l,
                 sizeIcon: d,
-                category: t,
-                mode: a,
-                selectedValues: i,
-                handleOptionClick: E
+                category: r,
+                mode: s,
+                selectedValues: c,
+                handleOptionClick: A
               },
-              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.652",
+  "version": "0.0.654",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",