stone-kit 0.0.224 → 0.0.225

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

@@ -1,7 +1,7 @@
-import { jsxs as c, Fragment as k, jsx as l } from "react/jsx-runtime";
-import { memo as j, useState as N, useRef as W, useCallback as h, useEffect as C } from "react";
+import { jsxs as i, Fragment as k, jsx as l } from "react/jsx-runtime";
+import { memo as y, useState as N, useRef as W, useCallback as O, useEffect as C } from "react";
 import { c as F } from "../../../index-rKuIKazb.js";
-import { NewIcon as O } from "../../NewIcon/ui/NewIcon.js";
+import { NewIcon as h } from "../../NewIcon/ui/NewIcon.js";
 const U = "_multiSelectWrapper_1o2mf_1", q = "_selectedOptions_1o2mf_7", A = "_selectedOptionsOpened_1o2mf_25", G = "_selectOptionsDisabled_1o2mf_29", H = "_optionsList_1o2mf_36", J = "_listRight_1o2mf_51", K = "_inputWrapper_1o2mf_55", M = "_option_1o2mf_36", P = "_icon_1o2mf_75", e = {
   multiSelectWrapper: U,
   selectedOptions: q,
@@ -18,24 +18,24 @@ const U = "_multiSelectWrapper_1o2mf_1", q = "_selectedOptions_1o2mf_7", A = "_s
   error: D,
   disabled: v,
   additionalClass: L = "",
+  additionalClassOption: x,
+  additionalClassBtn: E,
   onChange: p,
   onBlur: d,
   selectedValues: n = [],
   isBtn: S = !1,
-  btnName: w = "Фильтр",
-  widthBtn: x,
-  widthOptionList: E,
-  isListRight: y = !1
+  btnName: w,
+  isListRight: z = !1
 }) => {
-  const [s, b] = N(n), [r, m] = N(!1), f = W(null), z = h(
+  const [s, b] = N(n), [r, m] = N(!1), f = W(null), I = O(
     (t) => () => {
-      const i = s.some((_) => _.value === t.value) ? s.filter((_) => _.value !== t.value) : [...s, t];
-      b(i), p && p(i);
+      const c = s.some((_) => _.value === t.value) ? s.filter((_) => _.value !== t.value) : [...s, t];
+      b(c), p && p(c);
     },
     [s, p]
-  ), u = h((t) => {
+  ), u = O((t) => {
     f.current && !f.current.contains(t.target) && m(!1);
-  }, []), I = h(() => {
+  }, []), j = O(() => {
     d && d(s);
   }, [s, d]);
   C(() => (document.addEventListener("click", u), () => {
@@ -44,18 +44,17 @@ const U = "_multiSelectWrapper_1o2mf_1", q = "_selectedOptions_1o2mf_7", A = "_s
   const g = W(n);
   return C(() => {
     n.length !== g.current.length && (b(n), g.current = n);
-  }, [n]), /* @__PURE__ */ c(
+  }, [n]), /* @__PURE__ */ i(
     "div",
     {
       ref: f,
       className: o(e.multiSelectWrapper, { [e.multiSelectWrapperError]: D }, L),
       tabIndex: 0,
-      onBlur: I,
-      style: { width: x },
+      onBlur: j,
       children: [
-        /* @__PURE__ */ c("div", { className: o(e.inputWrapper), children: [
-          !S && /* @__PURE__ */ c(k, { children: [
-            /* @__PURE__ */ c(
+        /* @__PURE__ */ i("div", { className: o(e.inputWrapper), children: [
+          !S && /* @__PURE__ */ i(k, { children: [
+            /* @__PURE__ */ i(
               "div",
               {
                 className: o(e.selectedOptions, { [e.selectOptionsDisabled]: v }),
@@ -67,7 +66,7 @@ const U = "_multiSelectWrapper_1o2mf_1", q = "_selectedOptions_1o2mf_7", A = "_s
               }
             ),
             /* @__PURE__ */ l(
-              O,
+              h,
               {
                 name: "arrowShort",
                 deg: r ? "180" : "0",
@@ -76,17 +75,17 @@ const U = "_multiSelectWrapper_1o2mf_1", q = "_selectedOptions_1o2mf_7", A = "_s
               }
             )
           ] }),
-          S && /* @__PURE__ */ c(k, { children: [
+          S && /* @__PURE__ */ i(k, { children: [
             /* @__PURE__ */ l(
               "button",
               {
-                className: o(e.selectedOptions, { [e.selectOptionsDisabled]: v }),
+                className: o(e.selectedOptions, { [e.selectOptionsDisabled]: v }, E),
                 onClick: () => m(!r),
                 children: w
               }
             ),
             /* @__PURE__ */ l(
-              O,
+              h,
               {
                 name: "filter",
                 deg: r ? "180" : "0",
@@ -96,20 +95,20 @@ const U = "_multiSelectWrapper_1o2mf_1", q = "_selectedOptions_1o2mf_7", A = "_s
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ l("div", { className: o(e.optionsList, { [e.listRight]: y }), style: { width: E }, children: a == null ? void 0 : a.map((t) => /* @__PURE__ */ c(
+        r && /* @__PURE__ */ l("div", { className: o(e.optionsList, { [e.listRight]: z }, x), children: a == null ? void 0 : a.map((t) => /* @__PURE__ */ i(
           "div",
           {
             className: o(e.option, {
-              [e.selected]: s.some((i) => i.value === t.value)
+              [e.selected]: s.some((c) => c.value === t.value)
             }),
-            onClick: z(t),
+            onClick: I(t),
             children: [
               /* @__PURE__ */ l("div", { children: t.label }),
               /* @__PURE__ */ l(
-                O,
+                h,
                 {
                   size: "20",
-                  name: s.some((i) => i.value === t.value) ? "selectChecked" : "selectUnchecked"
+                  name: s.some((c) => c.value === t.value) ? "selectChecked" : "selectUnchecked"
                 }
               )
             ]
@@ -119,7 +118,7 @@ const U = "_multiSelectWrapper_1o2mf_1", q = "_selectedOptions_1o2mf_7", A = "_s
       ]
     }
   );
-}, T = j(Q);
+}, T = y(Q);
 T.displayName = "Select";
 export {
   T as Select

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

@@ -10,6 +10,8 @@ export interface MultiSelectProps {
     error?: boolean;
     disabled?: boolean;
     additionalClass?: string;
+    additionalClassOption?: string;
+    additionalClassBtn?: 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.224",
+  "version": "0.0.225",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",