stone-kit 0.0.1097 → 0.0.1099

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

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

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

@@ -11,4 +11,5 @@ export interface MultiSelectProps {
     onChange?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onBlur?: (event: React.FocusEvent<HTMLDivElement, Element>) => void;
     additionalClass?: string;
+    selectedValues?: Option[];
 }

package/package.json

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