stone-kit 0.0.653 → 0.0.654

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

@@ -1,12 +1,12 @@
-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 { 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 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: r,
+const a = G.bind(e), ee = ({
+  options: t,
   placeholder: z = "Выберите опции",
   error: B,
   disabled: g,
@@ -18,63 +18,63 @@ const s = G.bind(e), ee = ({
   onBlur: u,
   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: S = "large",
   size_m: k,
   size_l: $
 }) => {
-  r = [.../* @__PURE__ */ new Set([...r])];
-  const [l, x] = A(c), [o, p] = A(!1), h = D(null), E = (t) => {
-    y && y(t);
+  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: t,
+      option: r,
       selectedOptions: l,
       disabledOptions: f,
       setSelectedOptions: x,
       onChange: F,
-      mode: a,
-      optionsParentArr: r
+      mode: s,
+      optionsParentArr: t
     };
-    Array.isArray(t) ? Q(n) : K(n);
+    Array.isArray(r) ? Q(n) : K(n);
   }, _ = () => {
     u && u(l);
   };
   W(() => {
-    const t = (n) => {
+    const r = (n) => {
       const q = n.target;
-      if (h.current && !h.current.contains(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 = D(c);
+  const E = D(c);
   return W(() => {
-    c.length !== R.current.length && (x(c), R.current = c);
+    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(w, { children: [
+        /* @__PURE__ */ m("div", { className: a(e.inputWrapper), children: [
+          !O && /* @__PURE__ */ m(R, { children: [
             /* @__PURE__ */ i(
               "div",
               {
-                className: s(
+                className: a(
                   e.selectedOptions,
                   e[`${S}-size`],
                   e[`${k}-size_m`],
@@ -82,7 +82,7 @@ const s = G.bind(e), ee = ({
                   { [e.selectedOptionsNotEmpty]: l.length > 0 },
                   { [e.selectOptionsDisabled]: g }
                 ),
-                onClick: () => p(!o),
+                onClick: () => h(!o),
                 children: l.length === 0 ? z : "Выбрано " + l.length
               }
             ),
@@ -96,11 +96,11 @@ const s = G.bind(e), ee = ({
               }
             )
           ] }),
-          O && /* @__PURE__ */ m(w, { children: [
+          O && /* @__PURE__ */ m(R, { children: [
             /* @__PURE__ */ i(
               "button",
               {
-                className: s(
+                className: a(
                   e.selectedOptions,
                   e[`${S}-size`],
                   e[`${k}-size_m`],
@@ -110,9 +110,9 @@ const s = G.bind(e), ee = ({
                   b
                 ),
                 onClick: () => {
-                  N && N(), p(!o);
+                  N && N(), h(!o);
                 },
-                children: C
+                children: y
               }
             ),
             /* @__PURE__ */ i(
@@ -121,36 +121,36 @@ const s = G.bind(e), ee = ({
                 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" && (r == null ? void 0 : r.map((t, n) => /* @__PURE__ */ i(
+        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,
+              clickableOptions: C,
               selectedOptions: l,
               sizeIcon: d,
-              option: t,
-              handleOptionClick: E
+              option: r,
+              handleOptionClick: A
             },
             n
           ))),
-          (a === "category" || a === "double") && (r == null ? void 0 : r.map(
-            (t, n) => "options" in t ? /* @__PURE__ */ i(
+          (s === "category" || s === "double") && (t == null ? void 0 : t.map(
+            (r, n) => "options" in r ? /* @__PURE__ */ i(
               J,
               {
                 disabledOptions: f,
-                clickableOptions: v,
+                clickableOptions: C,
                 selectedOptions: l,
                 sizeIcon: d,
-                category: t,
-                mode: a,
+                category: r,
+                mode: s,
                 selectedValues: c,
-                handleOptionClick: E
+                handleOptionClick: A
               },
               n
             ) : null

package/package.json

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