stone-kit 0.0.1100 → 0.0.1102

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { MultiSelectProps } from './Select.types';
 
-export declare const Select: React.FC<MultiSelectProps>;
+export declare const Select: React.NamedExoticComponent<MultiSelectProps>;

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

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

package/package.json

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