stone-kit 0.0.474 → 0.0.475

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

@@ -1,135 +1,136 @@
-import { jsxs as r, Fragment as C, jsx as n } from "react/jsx-runtime";
-import { memo as F, useState as D, useRef as W, useCallback as f, useEffect as E } from "react";
-import { c as U } from "../../../index-rKuIKazb.js";
-import { NewIcon as h } from "../../NewIcon/ui/NewIcon.js";
-const $ = "_multiSelectWrapper_11it8_1", q = "_selectedOptions_11it8_8", A = "_selectedOptionsBtn_11it8_27", G = "_selectedOptionsOpened_11it8_31", H = "_selectedOptionsNotEmpty_11it8_35", J = "_selectOptionsDisabled_11it8_40", K = "_optionsList_11it8_47", M = "_listRight_11it8_63", P = "_inputWrapper_11it8_67", Q = "_option_11it8_47", T = "_optionDisabled_11it8_88", X = "_optionClickable_11it8_92", Y = "_icon_11it8_96", e = {
-  multiSelectWrapper: $,
-  selectedOptions: q,
-  selectedOptionsBtn: A,
-  selectedOptionsOpened: G,
-  selectedOptionsNotEmpty: H,
-  selectOptionsDisabled: J,
-  optionsList: K,
-  listRight: M,
-  inputWrapper: P,
-  option: Q,
-  optionDisabled: T,
-  optionClickable: X,
-  icon: Y
-}, c = U.bind(e), Z = ({
+import { jsxs as r, Fragment as D, jsx as n } from "react/jsx-runtime";
+import { memo as U, useState as W, useRef as E, useCallback as h, useEffect as R } from "react";
+import { c as $ } from "../../../index-rKuIKazb.js";
+import { NewIcon as b } from "../../NewIcon/ui/NewIcon.js";
+const q = "_multiSelectWrapper_11it8_1", A = "_selectedOptions_11it8_8", G = "_selectedOptionsBtn_11it8_27", H = "_selectedOptionsOpened_11it8_31", J = "_selectedOptionsNotEmpty_11it8_35", K = "_selectOptionsDisabled_11it8_40", M = "_optionsList_11it8_47", P = "_listRight_11it8_63", Q = "_inputWrapper_11it8_67", T = "_option_11it8_47", X = "_optionDisabled_11it8_88", Y = "_optionClickable_11it8_92", Z = "_icon_11it8_96", e = {
+  multiSelectWrapper: q,
+  selectedOptions: A,
+  selectedOptionsBtn: G,
+  selectedOptionsOpened: H,
+  selectedOptionsNotEmpty: J,
+  selectOptionsDisabled: K,
+  optionsList: M,
+  listRight: P,
+  inputWrapper: Q,
+  option: T,
+  optionDisabled: X,
+  optionClickable: Y,
+  icon: Z
+}, c = $.bind(e), V = ({
   options: p,
-  placeholder: R = "Выберите опции",
-  error: L,
-  disabled: b,
-  disabledOptions: g = [],
-  additionalClass: x = "",
-  additionalClassOption: y,
-  additionalClassBtn: w,
+  placeholder: L = "Выберите опции",
+  error: x,
+  disabled: g,
+  disabledOptions: k = [],
+  additionalClass: y = "",
+  additionalClassOption: w,
+  additionalClassBtn: j,
   onChange: d,
   onBlur: m,
   selectedValues: l = [],
   isBtn: _ = !1,
-  btnName: z,
-  clickableOptions: k,
-  isListRight: I = !1
+  btnName: B,
+  clickableOptions: N,
+  isListRight: z = !1,
+  sizeIcon: u
 }) => {
-  const [s, N] = D(l), [o, u] = D(!1), O = W(null), j = f(
+  const [s, S] = W(l), [o, O] = W(!1), v = E(null), F = h(
     (t) => () => {
-      if (g.some((a) => a.value === t.value))
+      if (k.some((a) => a.value === t.value))
         return;
       const i = s.some((a) => a.value === t.value) ? s.filter((a) => a.value !== t.value) : [...s, t];
-      N(i), d && d(i);
+      S(i), d && d(i);
     },
     [s, d]
-  ), v = f((t) => {
-    if (O.current && !O.current.contains(t.target)) {
+  ), f = h((t) => {
+    if (v.current && !v.current.contains(t.target)) {
       if (t.target.closest("svg"))
         return;
-      u(!1);
+      O(!1);
     }
-  }, []), B = f(() => {
+  }, []), I = h(() => {
     m && m(s);
   }, [s, m]);
-  E(() => (document.addEventListener("click", v), () => {
-    document.removeEventListener("click", v);
-  }), [v]);
-  const S = W(l);
-  return E(() => {
-    l.length !== S.current.length && (N(l), S.current = l);
+  R(() => (document.addEventListener("click", f), () => {
+    document.removeEventListener("click", f);
+  }), [f]);
+  const C = E(l);
+  return R(() => {
+    l.length !== C.current.length && (S(l), C.current = l);
   }, [l]), /* @__PURE__ */ r(
     "div",
     {
-      ref: O,
-      className: c(e.multiSelectWrapper, { [e.multiSelectWrapperError]: L }, x),
+      ref: v,
+      className: c(e.multiSelectWrapper, { [e.multiSelectWrapperError]: x }, y),
       tabIndex: 0,
-      onBlur: B,
+      onBlur: I,
       children: [
         /* @__PURE__ */ r("div", { className: c(e.inputWrapper), children: [
-          !_ && /* @__PURE__ */ r(C, { children: [
+          !_ && /* @__PURE__ */ r(D, { children: [
             /* @__PURE__ */ n(
               "div",
               {
                 className: c(
                   e.selectedOptions,
                   { [e.selectedOptionsNotEmpty]: s.length > 0 },
-                  { [e.selectOptionsDisabled]: b }
+                  { [e.selectOptionsDisabled]: g }
                 ),
-                onClick: () => u(!o),
-                children: s.length === 0 ? R : "Выбрано " + s.length
+                onClick: () => O(!o),
+                children: s.length === 0 ? L : "Выбрано " + s.length
               }
             ),
             /* @__PURE__ */ n(
-              h,
+              b,
               {
                 name: "arrowShort",
                 deg: o ? "180" : "0",
-                size: "24",
+                size: u ?? "24",
                 additionalClass: e.icon
               }
             )
           ] }),
-          _ && /* @__PURE__ */ r(C, { children: [
+          _ && /* @__PURE__ */ r(D, { children: [
             /* @__PURE__ */ n(
               "button",
               {
                 className: c(
                   e.selectedOptions,
                   e.selectedOptionsBtn,
-                  { [e.selectOptionsDisabled]: b },
-                  w
+                  { [e.selectOptionsDisabled]: g },
+                  j
                 ),
-                onClick: () => u(!o),
-                children: z
+                onClick: () => O(!o),
+                children: B
               }
             ),
             /* @__PURE__ */ n(
-              h,
+              b,
               {
                 name: "filter",
                 deg: o ? "180" : "0",
-                size: "24",
+                size: u ?? "24",
                 additionalClass: e.icon
               }
             )
           ] })
         ] }),
-        o && /* @__PURE__ */ n("div", { className: c(e.optionsList, { [e.listRight]: I }, y), children: p == null ? void 0 : p.map((t) => /* @__PURE__ */ r(
+        o && /* @__PURE__ */ n("div", { className: c(e.optionsList, { [e.listRight]: z }, w), children: p == null ? void 0 : p.map((t) => /* @__PURE__ */ r(
           "div",
           {
             className: c(e.option, {
               [e.selected]: s.some((i) => i.value === t.value),
-              [e.optionDisabled]: g.some(
+              [e.optionDisabled]: k.some(
                 (i) => i.value === t.value
               ),
-              [e.optionClickable]: k && k.includes(`${t.value}`) || _
+              [e.optionClickable]: N && N.includes(`${t.value}`) || _
             }),
-            onClick: j(t),
+            onClick: F(t),
             children: [
               /* @__PURE__ */ n("div", { children: t.label }),
               /* @__PURE__ */ n(
-                h,
+                b,
                 {
-                  size: "20",
+                  size: u ?? "20",
                   name: s.some((i) => i.value === t.value) ? "selectChecked" : "selectUnchecked"
                 }
               )
@@ -140,8 +141,8 @@ const $ = "_multiSelectWrapper_11it8_1", q = "_selectedOptions_11it8_8", A = "_s
       ]
     }
   );
-}, V = F(Z);
-V.displayName = "Select";
+}, ee = U(V);
+ee.displayName = "Select";
 export {
-  V as Select
+  ee as Select
 };

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

@@ -20,4 +20,5 @@ export interface MultiSelectProps {
     isListRight?: boolean;
     disabledOptions?: Option[];
     clickableOptions?: (string | undefined)[];
+    sizeIcon?: string;
 }

package/package.json

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