stone-kit 0.0.496 → 0.0.497

package/README.md

@@ -1,59 +1,59 @@
-# Stone-kit
-
-Uikit for stone redesign 2.0
-
-## Installation
-
-Package installation:
-
-```bash
-npm i stone-kit@latest
-```
-
-## Usage
-
-For Next.js page router in App.tsx:
-
-```bash
-import 'stone-kit/dist/style.css'
-```
-
-and then:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-For other projects u can immediately:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-## Docs
-
-### ButtonProps
-
-size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
-
-pre: optional, insert icon/text before button text. type: ReactNode
-
-post: optional, insert icon/text after button text. type: ReactNode
-
-variant: optional, color variants of button. type:
-'blue',
-'gray',
-'whiteStroke',
-'sokolniki',
-'black',
-'whiteFilled'
-
-width: optional, width of button. type: 'auto' | 'full'
-
-additionalClass: optional, add your custom class to button. type: 'string'
-
-as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
-
-### MobileButtonProps
-
-### Tag
+# Stone-kit
+
+Uikit for stone redesign 2.0
+
+## Installation
+
+Package installation:
+
+```bash
+npm i stone-kit@latest
+```
+
+## Usage
+
+For Next.js page router in App.tsx:
+
+```bash
+import 'stone-kit/dist/style.css'
+```
+
+and then:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+For other projects u can immediately:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+## Docs
+
+### ButtonProps
+
+size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
+
+pre: optional, insert icon/text before button text. type: ReactNode
+
+post: optional, insert icon/text after button text. type: ReactNode
+
+variant: optional, color variants of button. type:
+'blue',
+'gray',
+'whiteStroke',
+'sokolniki',
+'black',
+'whiteFilled'
+
+width: optional, width of button. type: 'auto' | 'full'
+
+additionalClass: optional, add your custom class to button. type: 'string'
+
+as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
+
+### MobileButtonProps
+
+### Tag

package/dist/{Option-C7WIx1fG.js → Option-CFf-6tyJ.js}

@@ -40,7 +40,7 @@ const r = "_multiSelectWrapper_au613_1", m = "_selectedOptions_au613_8", O = "_s
         [s.optionClickable]: c && c.includes(`${e.value}`)
       }
     ),
-    onClick: _(e),
+    onClick: () => _(e),
     children: [
       n && /* @__PURE__ */ i(
         a,

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

@@ -6,7 +6,7 @@ export interface IOption {
     disabledOptions: TOption[];
     selectedOptions: TOption[];
     clickableOptions?: (string | undefined)[];
-    handleOptionClick: (option: TOption | TOption[]) => () => void;
+    handleOptionClick: (option: TOption | TOption[]) => void;
     sizeIcon?: string;
 }
 export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon }: IOption) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,38 +1,38 @@
-import { jsxs as t, Fragment as v, jsx as s } from "react/jsx-runtime";
-import { s as i, O as f } from "../../../Option-C7WIx1fG.js";
+import { jsxs as l, Fragment as v, jsx as s } from "react/jsx-runtime";
+import { s as e, O as f } from "../../../Option-CFf-6tyJ.js";
 import { NewIcon as c } from "../../NewIcon/ui/NewIcon.js";
-import { c as N } from "../../../index-rKuIKazb.js";
-const h = N.bind(i), k = ({
+import { c as h } from "../../../index-rKuIKazb.js";
+const N = h.bind(e), O = ({
   category: o,
   selectedOptions: n,
-  disabledOptions: l,
+  disabledOptions: r,
   clickableOptions: p,
   handleOptionClick: a,
-  sizeIcon: r
+  sizeIcon: t
 }) => {
-  const d = n.map((e) => JSON.stringify(e)), m = o.options.every((e) => d.includes(JSON.stringify(e)));
-  return /* @__PURE__ */ t(v, { children: [
-    /* @__PURE__ */ t(
+  const d = n.map((i) => JSON.stringify(i)), m = o.options.every((i) => d.includes(JSON.stringify(i)));
+  return /* @__PURE__ */ l(v, { children: [
+    /* @__PURE__ */ l(
       "div",
       {
-        className: h(
-          i.option,
-          i.category,
-          i.optionClickable,
+        className: N(
+          e.option,
+          e.category,
+          e.optionClickable,
           {
-            [i.selected]: n.some((e) => e.value === o.value),
-            [i.optionDisabled]: l.some(
-              (e) => e.value === o.value
+            [e.selected]: n.some((i) => i.value === o.value),
+            [e.optionDisabled]: r.some(
+              (i) => i.value === o.value
             )
           }
         ),
-        onClick: a(o.options),
+        onClick: () => a(o.options),
         children: [
-          /* @__PURE__ */ t("div", { className: i.leftSide, children: [
+          /* @__PURE__ */ l("div", { className: e.leftSide, children: [
             /* @__PURE__ */ s(
               c,
               {
-                size: r ?? "20",
+                size: t ?? "20",
                 name: m ? "minusCheck" : "selectUnchecked"
               }
             ),
@@ -43,21 +43,21 @@ const h = N.bind(i), k = ({
             {
               name: "arrowShort",
               deg: m ? "180" : "0",
-              size: r ?? "24",
-              additionalClass: i.icon
+              size: t ?? "24",
+              additionalClass: e.icon
             }
           )
         ]
       }
     ),
-    o.options.map((e, u) => /* @__PURE__ */ s(
+    o.options.map((i, u) => /* @__PURE__ */ s(
       f,
       {
-        option: e,
-        disabledOptions: l,
+        option: i,
+        disabledOptions: r,
         selectedOptions: n,
-        handleOptionClick: a,
-        sizeIcon: r,
+        handleOptionClick: () => a(i),
+        sizeIcon: t,
         clickableOptions: p,
         isOptionCategory: !0
       },
@@ -66,5 +66,5 @@ const h = N.bind(i), k = ({
   ] });
 };
 export {
-  k as Category
+  O as Category
 };

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

@@ -6,7 +6,7 @@ export interface IOption {
     disabledOptions: TOption[];
     selectedOptions: TOption[];
     clickableOptions?: (string | undefined)[];
-    handleOptionClick: (option: TOption) => () => void;
+    handleOptionClick: (option: TOption) => void;
     sizeIcon?: string;
 }
 export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon }: IOption) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { O as m } from "../../../Option-C7WIx1fG.js";
+import { O as m } from "../../../Option-CFf-6tyJ.js";
 import "../../NewIcon/ui/NewIcon.js";
 import "../../../index-rKuIKazb.js";
 export {

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

@@ -1,3 +1,3 @@
 import { MultiSelectProps } from './Select.types';
 
-export declare const Select: ({ options, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, onClickItem, onCLickSelect }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +1,29 @@
-import { jsxs as m, Fragment as E, jsx as o } from "react/jsx-runtime";
-import { useState as b, useRef as A, useEffect as D } from "react";
-import { c as K } from "../../../index-rKuIKazb.js";
-import { s as r, O as M } from "../../../Option-C7WIx1fG.js";
-import { NewIcon as R } from "../../NewIcon/ui/NewIcon.js";
-import { Category as P } from "./Category.js";
-const u = K.bind(r), _ = ({
+import { jsxs as m, Fragment as A, jsx as o } from "react/jsx-runtime";
+import { useState as D, useRef as R, useEffect as W } from "react";
+import { c as Q } from "../../../index-rKuIKazb.js";
+import { s as r, O as T } from "../../../Option-CFf-6tyJ.js";
+import { NewIcon as j } from "../../NewIcon/ui/NewIcon.js";
+import { Category as U } from "./Category.js";
+const u = Q.bind(r), I = ({
   options: g,
   placeholder: L = "Выберите опции",
-  error: W,
+  error: B,
   disabled: O,
   disabledOptions: c = [],
-  additionalClass: j = "",
+  additionalClass: q = "",
   additionalClassOption: C,
-  additionalClassBtn: B,
+  additionalClassBtn: G,
   onChange: i,
   onBlur: h,
-  selectedValues: s = [],
+  selectedValues: n = [],
   isBtn: k = !1,
-  btnName: q,
+  btnName: H,
   clickableOptions: F,
-  isListRight: G = !1,
+  isListRight: K = !1,
   sizeIcon: p,
-  mode: J = "options"
+  mode: J = "options",
+  onClickItem: w,
+  onCLickSelect: x
 }) => {
   const v = [
     {
@@ -42,29 +44,29 @@ const u = K.bind(r), _ = ({
     //         {value: 'optionsFake6', label: 'labelFake6'}
     //     ]
     // }
-  ], [l, d] = b(s), [f, S] = b(!1), y = A(null), w = (e) => () => {
-    if (Array.isArray(e)) {
-      const n = e.filter((t) => !(c != null && c.includes(t)));
-      if (n.every((t) => l.map((a) => JSON.stringify(a)).includes(JSON.stringify(t)))) {
+  ], [l, d] = D(n), [f, S] = D(!1), y = R(null), E = (e) => {
+    if (w && w(e), Array.isArray(e)) {
+      const s = e.filter((t) => !(c != null && c.includes(t)));
+      if (s.every((t) => l.map((a) => JSON.stringify(a)).includes(JSON.stringify(t)))) {
         const t = l.filter((a) => !e.map((N) => JSON.stringify(N)).includes(JSON.stringify(a)));
         d(t), i && i(t);
       } else {
-        const t = n.filter((N) => !l.map((I) => JSON.stringify(I)).includes(JSON.stringify(N))), a = [...l, ...t];
+        const t = s.filter((N) => !l.map((P) => JSON.stringify(P)).includes(JSON.stringify(N))), a = [...l, ...t];
         d(a), i && i(a);
       }
     } else {
       if (c.includes(e))
         return;
-      const n = l.some((t) => t.value === e.value) ? l.filter((t) => t.value !== e.value) : [...l, e];
-      d(n), i && i(n);
+      const s = l.some((t) => t.value === e.value) ? l.filter((t) => t.value !== e.value) : [...l, e];
+      d(s), i && i(s);
     }
-  }, H = () => {
+  }, M = () => {
     h && h(l);
   };
-  D(() => {
-    const e = (n) => {
-      const t = n.target;
-      if (y.current && !y.current.contains(n.target)) {
+  W(() => {
+    const e = (s) => {
+      const t = s.target;
+      if (y.current && !y.current.contains(s.target)) {
         if (t.closest("svg"))
           return;
         S(!1);
@@ -74,19 +76,19 @@ const u = K.bind(r), _ = ({
       document.removeEventListener("click", e);
     };
   }, []);
-  const x = A(s);
-  return D(() => {
-    s.length !== x.current.length && (d(s), x.current = s);
-  }, [s]), /* @__PURE__ */ m(
+  const b = R(n);
+  return W(() => {
+    n.length !== b.current.length && (d(n), b.current = n);
+  }, [n]), /* @__PURE__ */ m(
     "div",
     {
       ref: y,
-      className: u(r.multiSelectWrapper, { [r.multiSelectWrapperError]: W }, j),
+      className: u(r.multiSelectWrapper, { [r.multiSelectWrapperError]: B }, q),
       tabIndex: 0,
-      onBlur: H,
+      onBlur: M,
       children: [
         /* @__PURE__ */ m("div", { className: u(r.inputWrapper), children: [
-          !k && /* @__PURE__ */ m(E, { children: [
+          !k && /* @__PURE__ */ m(A, { children: [
             /* @__PURE__ */ o(
               "div",
               {
@@ -100,7 +102,7 @@ const u = K.bind(r), _ = ({
               }
             ),
             /* @__PURE__ */ o(
-              R,
+              j,
               {
                 name: "arrowShort",
                 deg: f ? "180" : "0",
@@ -109,7 +111,7 @@ const u = K.bind(r), _ = ({
               }
             )
           ] }),
-          k && /* @__PURE__ */ m(E, { children: [
+          k && /* @__PURE__ */ m(A, { children: [
             /* @__PURE__ */ o(
               "button",
               {
@@ -117,14 +119,16 @@ const u = K.bind(r), _ = ({
                   r.selectedOptions,
                   r.selectedOptionsBtn,
                   { [r.selectOptionsDisabled]: O },
-                  B
+                  G
                 ),
-                onClick: () => S(!f),
-                children: q
+                onClick: () => {
+                  x && x(), S(!f);
+                },
+                children: H
               }
             ),
             /* @__PURE__ */ o(
-              R,
+              j,
               {
                 name: "filter",
                 deg: f ? "180" : "0",
@@ -134,31 +138,31 @@ const u = K.bind(r), _ = ({
             )
           ] })
         ] }),
-        f && /* @__PURE__ */ m("div", { className: u(r.optionsList, { [r.listRight]: G }, C), children: [
-          J === "options" && (g == null ? void 0 : g.map((e, n) => /* @__PURE__ */ o(
-            M,
+        f && /* @__PURE__ */ m("div", { className: u(r.optionsList, { [r.listRight]: K }, C), children: [
+          J === "options" && (g == null ? void 0 : g.map((e, s) => /* @__PURE__ */ o(
+            T,
             {
               disabledOptions: c,
               clickableOptions: F,
               selectedOptions: l,
               sizeIcon: p,
               option: e,
-              handleOptionClick: w
+              handleOptionClick: E
             },
-            n
+            s
           ))),
-          J === "category" && (v == null ? void 0 : v.map((e, n) => /* @__PURE__ */ o(
-            P,
+          J === "category" && (v == null ? void 0 : v.map((e, s) => /* @__PURE__ */ o(
+            U,
             {
               disabledOptions: c,
               clickableOptions: F,
               selectedOptions: l,
               sizeIcon: p,
               category: e,
-              selectedValues: s,
-              handleOptionClick: w
+              selectedValues: n,
+              handleOptionClick: E
             },
-            n
+            s
           )))
         ] })
       ]
@@ -166,5 +170,5 @@ const u = K.bind(r), _ = ({
   );
 };
 export {
-  _ as Select
+  I as Select
 };

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

@@ -55,4 +55,6 @@ export interface MultiSelectProps {
     clickableOptions?: (string | undefined)[];
     sizeIcon?: string;
     mode?: TModeSelect;
+    onClickItem?: (option: TOption | TOption[]) => void;
+    onCLickSelect?: () => void;
 }

package/package.json

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