stone-kit 0.0.1099 → 0.0.1100

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

@@ -1,27 +1,28 @@
 import { jsxs as p, jsx as c } from "react/jsx-runtime";
-import { useState as h, useRef as L, useEffect as f } from "react";
-import { c as C } from "../../../index-DIxK0V-G.js";
+import { useState as h, useRef as E, useEffect as f } from "react";
+import { c as L } from "../../../index-DIxK0V-G.js";
 import { NewIcon as S } from "../../NewIcon/ui/NewIcon.js";
-const D = "_multiSelectWrapper_1hlrv_1", w = "_selectedOptions_1hlrv_7", y = "_selectedOptionsOpened_1hlrv_28", I = "_selectOptionsDisabled_1hlrv_32", j = "_optionsList_1hlrv_39", z = "_inputWrapper_1hlrv_54", R = "_option_1hlrv_39", B = "_icon_1hlrv_76", t = {
-  multiSelectWrapper: D,
-  selectedOptions: w,
-  selectedOptionsOpened: y,
-  selectOptionsDisabled: I,
+const w = "_multiSelectWrapper_1hlrv_1", y = "_selectedOptions_1hlrv_7", I = "_selectedOptionsOpened_1hlrv_28", P = "_selectOptionsDisabled_1hlrv_32", j = "_optionsList_1hlrv_39", z = "_inputWrapper_1hlrv_54", R = "_option_1hlrv_39", B = "_icon_1hlrv_76", t = {
+  multiSelectWrapper: w,
+  selectedOptions: y,
+  selectedOptionsOpened: I,
+  selectOptionsDisabled: P,
   optionsList: j,
   inputWrapper: z,
   option: R,
   icon: B
-}, i = C.bind(t), P = ({
-  options: W,
+}, o = L.bind(t), U = ({
+  options: g,
   placeholder: k = "Выберите опции",
-  error: N,
-  disabled: b,
-  additionalClass: g = "",
+  error: W,
+  disabled: N,
+  additionalClass: b = "",
   onChange: d,
   onBlur: u,
-  selectedValues: o = []
+  selectedValues: i = []
+  // new prop
 }) => {
-  const [s, m] = h(o), [r, v] = h(!1), a = L(null), x = (e) => (n) => {
+  const [s, m] = h(i), [r, v] = h(!1), a = E(null), x = (e) => (n) => {
     n.stopPropagation();
     const O = s.some((l) => l.value === e.value) ? s.filter((l) => l.value !== e.value) : [...s, e];
     if (m(O), d) {
@@ -33,7 +34,7 @@ const D = "_multiSelectWrapper_1hlrv_1", w = "_selectedOptions_1hlrv_7", y = "_s
     }
   }, _ = (e) => {
     a.current && !a.current.contains(e.target) && v(!1);
-  }, E = (e) => {
+  }, C = (e) => {
     if (u) {
       const n = {
         ...e,
@@ -42,27 +43,31 @@ const D = "_multiSelectWrapper_1hlrv_1", w = "_selectedOptions_1hlrv_7", y = "_s
       u(n);
     }
   };
-  return f(() => (document.addEventListener("click", _), () => {
+  f(() => (document.addEventListener("click", _), () => {
     document.removeEventListener("click", _);
   }), []), f(() => {
-    m(o);
-  }, [o]), /* @__PURE__ */ p(
+    m(i);
+  }, [i]);
+  const D = (e) => {
+    e.stopPropagation(), v(!r);
+  };
+  return /* @__PURE__ */ p(
     "div",
     {
       ref: a,
-      className: i(t.multiSelectWrapper, { [t.multiSelectWrapperError]: N }, g),
+      className: o(t.multiSelectWrapper, { [t.multiSelectWrapperError]: W }, b),
       tabIndex: 0,
-      onBlur: E,
+      onBlur: C,
       children: [
-        /* @__PURE__ */ p("div", { className: i(t.inputWrapper), children: [
+        /* @__PURE__ */ p("div", { className: o(t.inputWrapper), children: [
           /* @__PURE__ */ c(
             "input",
             {
               type: "text",
               readOnly: !0,
               value: s.length === 0 ? k : "Выбрано " + s.length + " опции",
-              className: i(t.selectedOptions, { [t.selectOptionsDisabled]: b }),
-              onClick: () => v(!r)
+              className: o(t.selectedOptions, { [t.selectOptionsDisabled]: N }),
+              onClick: D
             }
           ),
           /* @__PURE__ */ c(
@@ -75,31 +80,38 @@ const D = "_multiSelectWrapper_1hlrv_1", w = "_selectedOptions_1hlrv_7", y = "_s
             }
           )
         ] }),
-        r && /* @__PURE__ */ c("div", { className: t.optionsList, children: W.map((e) => /* @__PURE__ */ p(
+        r && /* @__PURE__ */ c(
           "div",
           {
-            className: i(t.option, {
-              [t.selected]: s.some((n) => n.value === e.value)
-            }),
-            onClick: x(e),
-            children: [
-              /* @__PURE__ */ c("div", { children: e.label }),
-              /* @__PURE__ */ c(
-                S,
-                {
-                  size: "20",
-                  name: s.some((n) => n.value === e.value) ? "selectChecked" : "selectUnchecked"
-                }
-              )
-            ]
-          },
-          e.value
-        )) })
+            className: t.optionsList,
+            onClick: (e) => e.stopPropagation(),
+            children: g.map((e) => /* @__PURE__ */ p(
+              "div",
+              {
+                className: o(t.option, {
+                  [t.selected]: s.some((n) => n.value === e.value)
+                }),
+                onClick: x(e),
+                children: [
+                  /* @__PURE__ */ c("div", { children: e.label }),
+                  /* @__PURE__ */ c(
+                    S,
+                    {
+                      size: "20",
+                      name: s.some((n) => n.value === e.value) ? "selectChecked" : "selectUnchecked"
+                    }
+                  )
+                ]
+              },
+              e.value
+            ))
+          }
+        )
       ]
     }
   );
 };
-P.displayName = "Select";
+U.displayName = "Select";
 export {
-  P as Select
+  U as Select
 };

package/package.json

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