stone-kit 0.0.796 → 0.0.798

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/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, onClickItem, onCLickSelect, size_s, size_m, size_l, isDisabledNotClickable, isLast, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, customPlaceholder, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, onClickItem, onCLickSelect, size_s, size_m, size_l, isDisabledNotClickable, isLast, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,57 +1,58 @@
-import { jsxs as m, Fragment as w, jsx as i } from "react/jsx-runtime";
-import { useState as L, useRef as W, useEffect as j } from "react";
-import { c as K } from "../../../index-rKuIKazb.js";
-import { s as e, O as Q } from "../../../Option-BVIm7wOW.js";
-import { NewIcon as z } from "../../NewIcon/ui/NewIcon.js";
-import { Category as T } from "./Category.js";
-import { handleClickModeOption as U, handleClickModeCategory as X } from "../model/selectMode.js";
-const a = K.bind(e), te = ({
+import { jsxs as m, Fragment as L, jsx as l } from "react/jsx-runtime";
+import { useState as W, useRef as j, useEffect as z } from "react";
+import { c as Q } from "../../../index-rKuIKazb.js";
+import { s as e, O as T } from "../../../Option-BVIm7wOW.js";
+import { NewIcon as B } from "../../NewIcon/ui/NewIcon.js";
+import { Category as U } from "./Category.js";
+import { handleClickModeOption as X, handleClickModeCategory as Y } from "../model/selectMode.js";
+const a = Q.bind(e), ne = ({
   options: t,
-  placeholder: B = "Выберите опции",
-  error: D,
-  disabled: p,
-  disabledOptions: f = [],
-  additionalClass: M = "",
-  additionalClassOption: F,
-  additionalClassBtn: P,
-  onChange: _,
-  onBlur: u,
-  selectedValues: c = [],
-  isBtn: O = !1,
-  btnName: y,
-  clickableOptions: v,
-  isListRight: q = !1,
-  sizeIcon: d,
-  mode: s = "options",
-  onClickItem: C,
-  onCLickSelect: S,
-  size_s: N = "large",
-  size_m: $,
-  size_l: k,
-  isDisabledNotClickable: x,
-  isLast: G
+  customPlaceholder: h,
+  placeholder: D = "Выберите опции",
+  error: M,
+  disabled: u,
+  disabledOptions: d = [],
+  additionalClass: F = "",
+  additionalClassOption: _,
+  additionalClassBtn: q,
+  onChange: G,
+  onBlur: O,
+  selectedValues: i = [],
+  isBtn: y = !1,
+  btnName: v,
+  clickableOptions: C,
+  isListRight: H = !1,
+  sizeIcon: f,
+  mode: c = "options",
+  onClickItem: S,
+  onCLickSelect: N,
+  size_s: $ = "large",
+  size_m: k,
+  size_l: x,
+  isDisabledNotClickable: A,
+  isLast: J
 }) => {
   t = Array.isArray(t) ? [.../* @__PURE__ */ new Set([...t])] : [];
-  const [l, A] = L(c), [o, g] = L(!1), h = W(null), E = (r) => {
-    C && C(r);
+  const [s, E] = W(i), [o, g] = W(!1), p = j(null), R = (r) => {
+    S && S(r);
     const n = {
       option: r,
-      selectedOptions: l,
-      disabledOptions: f,
-      setSelectedOptions: A,
-      onChange: _,
-      mode: s,
+      selectedOptions: s,
+      disabledOptions: d,
+      setSelectedOptions: E,
+      onChange: G,
+      mode: c,
       optionsParentArr: t
     };
-    Array.isArray(r) ? X(n) : U(n);
-  }, H = () => {
-    u && u(l);
+    Array.isArray(r) ? Y(n) : X(n);
+  }, K = () => {
+    O && O(s);
   };
-  j(() => {
+  z(() => {
     const r = (n) => {
-      const J = n.target;
-      if (h.current && !h.current.contains(n.target)) {
-        if (J.closest("svg"))
+      const P = n.target;
+      if (p.current && !p.current.contains(n.target)) {
+        if (P.closest("svg"))
           return;
         g(!1);
       }
@@ -60,70 +61,70 @@ const a = K.bind(e), te = ({
       document.removeEventListener("click", r);
     };
   }, []);
-  const R = W(c);
-  return j(() => {
-    c.length !== R.current.length && (A(c), R.current = c);
-  }, [c]), /* @__PURE__ */ m(
+  const w = j(i);
+  return z(() => {
+    i.length !== w.current.length && (E(i), w.current = i);
+  }, [i]), /* @__PURE__ */ m(
     "div",
     {
-      ref: h,
-      className: a(e.multiSelectWrapper, { [e.multiSelectWrapperError]: D }, M),
+      ref: p,
+      className: a(e.multiSelectWrapper, { [e.multiSelectWrapperError]: M }, F),
       tabIndex: 0,
-      onBlur: H,
+      onBlur: K,
       children: [
         /* @__PURE__ */ m("div", { className: a(e.inputWrapper), children: [
-          !O && /* @__PURE__ */ m(w, { children: [
-            /* @__PURE__ */ i(
+          !y && /* @__PURE__ */ m(L, { children: [
+            /* @__PURE__ */ l(
               "div",
               {
                 className: a(
                   e.selectedOptions,
-                  e[`${N}-size`],
-                  e[`${$}-size_m`],
-                  e[`${k}-size)_l`],
-                  { [e.selectedOptionsNotEmpty]: l.length > 0 },
-                  { [e.selectOptionsDisabled]: p }
+                  e[`${$}-size`],
+                  e[`${k}-size_m`],
+                  e[`${x}-size)_l`],
+                  { [e.selectedOptionsNotEmpty]: s.length > 0 },
+                  { [e.selectOptionsDisabled]: u }
                 ),
                 onClick: () => g(!o),
-                children: l.length === 0 ? B : "Выбрано " + l.length
+                children: h || (s.length === 0 ? D : "Выбрано " + s.length)
               }
             ),
-            /* @__PURE__ */ i(
-              z,
+            /* @__PURE__ */ l(
+              B,
               {
                 name: "arrowShort",
                 deg: o ? "180" : "0",
-                size: d ?? "24",
+                size: f ?? "24",
                 additionalClass: e.icon
               }
             )
           ] }),
-          O && /* @__PURE__ */ m(w, { children: [
-            /* @__PURE__ */ i(
+          y && /* @__PURE__ */ m(L, { children: [
+            /* @__PURE__ */ l(
               "button",
               {
                 className: a(
                   e.selectedOptions,
-                  e[`${N}-size`],
-                  e[`${$}-size_m`],
-                  e[`${k}-size_l`],
+                  e[`${$}-size`],
+                  e[`${k}-size_m`],
+                  e[`${x}-size_l`],
                   e.selectedOptionsBtn,
-                  { [e.selectOptionsDisabled]: p },
-                  P
+                  { [e.selectOptionsDisabled]: u },
+                  q
                 ),
                 onClick: () => {
-                  S && S(), g(!o);
+                  N && N(), g(!o);
                 },
-                children: y
+                children: v
               }
             ),
-            /* @__PURE__ */ i(
-              z,
+            /* @__PURE__ */ l(
+              B,
               {
                 name: "filter",
                 deg: o ? "180" : "0",
-                size: d ?? "24",
-                additionalClass: a(e.icon, { [e.iconBtn]: !y })
+                size: f ?? "24",
+                additionalClass: a(e.icon, { [e.iconBtn]: !v })
               }
             )
           ] })
@@ -133,36 +134,36 @@ const a = K.bind(e), te = ({
           {
             className: a(
               e.optionsList,
-              { [e.listRight]: q },
-              { [e.lastList]: G },
-              F
+              { [e.listRight]: H },
+              { [e.lastList]: J },
+              _
             ),
             children: [
-              (s === "options" || s === "single") && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ i(
-                Q,
+              (c === "options" || c === "single") && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ l(
+                T,
                 {
-                  disabledOptions: f,
-                  clickableOptions: v,
-                  selectedOptions: l,
-                  sizeIcon: d,
+                  disabledOptions: d,
+                  clickableOptions: C,
+                  selectedOptions: s,
+                  sizeIcon: f,
                   option: r,
-                  handleOptionClick: E,
-                  isDisabledNotClickable: x
+                  handleOptionClick: R,
+                  isDisabledNotClickable: A
                 },
                 n
               ))),
-              (s === "category" || s === "double") && (t == null ? void 0 : t.map((r, n) => "options" in r ? /* @__PURE__ */ i(
-                T,
+              (c === "category" || c === "double") && (t == null ? void 0 : t.map((r, n) => "options" in r ? /* @__PURE__ */ l(
+                U,
                 {
-                  disabledOptions: f,
-                  clickableOptions: v,
-                  selectedOptions: l,
-                  sizeIcon: d,
+                  disabledOptions: d,
+                  clickableOptions: C,
+                  selectedOptions: s,
+                  sizeIcon: f,
                   category: r,
-                  mode: s,
-                  selectedValues: c,
-                  handleOptionClick: E,
-                  isDisabledNotClickable: x
+                  mode: c,
+                  selectedValues: i,
+                  handleOptionClick: R,
+                  isDisabledNotClickable: A
                 },
                 n
               ) : null))
@@ -174,5 +175,5 @@ const a = K.bind(e), te = ({
   );
 };
 export {
-  te as Select
+  ne as Select
 };

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

@@ -54,5 +54,6 @@ export interface MultiSelectProps {
     onClickItem?: (option: TOption | TOption[]) => void;
     onCLickSelect?: () => void;
     isDisabledNotClickable?: boolean;
+    customPlaceholder?: string;
 }
 export {};

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.796",
+  "version": "0.0.798",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",
@@ -20,8 +20,7 @@
   },
   "dependencies": {
     "@react-input/mask": "^1.2.5",
-    "react-imask": "^7.6.1",
-    "react-input-mask": "^3.0.0-alpha.2"
+    "react-imask": "^7.6.1"
   },
   "peerDependencies": {
     "classnames": "^2.5.1",