stone-kit 0.0.119 → 0.0.120

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

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

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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { ChangeEvent } from 'react';
+
 export interface Option {
     value: string | number;
     label: string;
@@ -8,8 +9,8 @@ export interface MultiSelectProps {
     placeholder?: string;
     error?: boolean;
     disabled?: boolean;
-    onChange?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLDivElement, Element>) => void;
     additionalClass?: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: ChangeEvent<HTMLInputElement>) => unknown;
     selectedValues?: Option[];
 }

package/package.json

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