stone-kit 0.0.701 → 0.0.703

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,59 +1,59 @@
1
- # Stone-kit
2
-
3
- Uikit for stone redesign 2.0
4
-
5
- ## Installation
6
-
7
- Package installation:
8
-
9
- ```bash
10
- npm i stone-kit@latest
11
- ```
12
-
13
- ## Usage
14
-
15
- For Next.js page router in App.tsx:
16
-
17
- ```bash
18
- import 'stone-kit/dist/style.css'
19
- ```
20
-
21
- and then:
22
-
23
- ```bash
24
- import {Button} from 'stone-kit'
25
- ```
26
-
27
- For other projects u can immediately:
28
-
29
- ```bash
30
- import {Button} from 'stone-kit'
31
- ```
32
-
33
- ## Docs
34
-
35
- ### ButtonProps
36
-
37
- size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
38
-
39
- pre: optional, insert icon/text before button text. type: ReactNode
40
-
41
- post: optional, insert icon/text after button text. type: ReactNode
42
-
43
- variant: optional, color variants of button. type:
44
- 'blue',
45
- 'gray',
46
- 'whiteStroke',
47
- 'sokolniki',
48
- 'black',
49
- 'whiteFilled'
50
-
51
- width: optional, width of button. type: 'auto' | 'full'
52
-
53
- additionalClass: optional, add your custom class to button. type: 'string'
54
-
55
- as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
56
-
57
- ### MobileButtonProps
58
-
59
- ### Tag
1
+ # Stone-kit
2
+
3
+ Uikit for stone redesign 2.0
4
+
5
+ ## Installation
6
+
7
+ Package installation:
8
+
9
+ ```bash
10
+ npm i stone-kit@latest
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ For Next.js page router in App.tsx:
16
+
17
+ ```bash
18
+ import 'stone-kit/dist/style.css'
19
+ ```
20
+
21
+ and then:
22
+
23
+ ```bash
24
+ import {Button} from 'stone-kit'
25
+ ```
26
+
27
+ For other projects u can immediately:
28
+
29
+ ```bash
30
+ import {Button} from 'stone-kit'
31
+ ```
32
+
33
+ ## Docs
34
+
35
+ ### ButtonProps
36
+
37
+ size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
38
+
39
+ pre: optional, insert icon/text before button text. type: ReactNode
40
+
41
+ post: optional, insert icon/text after button text. type: ReactNode
42
+
43
+ variant: optional, color variants of button. type:
44
+ 'blue',
45
+ 'gray',
46
+ 'whiteStroke',
47
+ 'sokolniki',
48
+ 'black',
49
+ 'whiteFilled'
50
+
51
+ width: optional, width of button. type: 'auto' | 'full'
52
+
53
+ additionalClass: optional, add your custom class to button. type: 'string'
54
+
55
+ as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
56
+
57
+ ### MobileButtonProps
58
+
59
+ ### Tag
@@ -23,7 +23,7 @@ import "./components/SliderNavigation/ui/SliderNavigation.js";
23
23
  import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
24
24
  import "./components/TabSelect/ui/TabSelect.js";
25
25
  import "./components/FormModal/ui/ModalForm.js";
26
- import { O as P } from "./Option-BJ7QJM8p.js";
26
+ import { O as P } from "./Option-Cr-I6UDs.js";
27
27
  const Y = "_root_lgek7_1", Z = "_text_lgek7_18", ee = "_textMini_lgek7_26", te = "_rootCol_lgek7_32", ie = "_item_lgek7_38", se = "_whiteRow_lgek7_57", le = "_firstItem_lgek7_68", re = "_lastItem_lgek7_72", ae = "_apart_lgek7_103", ne = "_isLong_lgek7_103", oe = "_autoWidth_lgek7_128", ce = "_mini_lgek7_132", de = "_isDisabled_lgek7_140", me = "_grayRow_lgek7_164", o = {
28
28
  root: Y,
29
29
  text: Z,
@@ -0,0 +1,83 @@
1
+ import { jsxs as u, jsx as _ } from "react/jsx-runtime";
2
+ import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
3
+ import { c as z } from "./index-rKuIKazb.js";
4
+ const g = "_multiSelectWrapper_c3wo1_1", O = "_selectedOptions_c3wo1_8", b = "_selectedOptionsBtn_c3wo1_24", v = "_selectedOptionsOpened_c3wo1_49", C = "_selectedOptionsNotEmpty_c3wo1_53", h = "_selectOptionsDisabled_c3wo1_58", y = "_optionsList_c3wo1_65", D = "_listRight_c3wo1_81", f = "_inputWrapper_c3wo1_85", k = "_option_c3wo1_65", B = "_category_c3wo1_107", N = "_leftSide_c3wo1_113", S = "_optionCategory_c3wo1_118", W = "_optionDisabled_c3wo1_124", x = "_optionClickable_c3wo1_128", A = "_icon_c3wo1_132", E = "_iconArrow_c3wo1_138", L = "_iconBtn_c3wo1_144", s = {
5
+ multiSelectWrapper: g,
6
+ selectedOptions: O,
7
+ selectedOptionsBtn: b,
8
+ "small-size": "_small-size_c3wo1_28",
9
+ "medium-size": "_medium-size_c3wo1_35",
10
+ "large-size": "_large-size_c3wo1_42",
11
+ selectedOptionsOpened: v,
12
+ selectedOptionsNotEmpty: C,
13
+ selectOptionsDisabled: h,
14
+ optionsList: y,
15
+ listRight: D,
16
+ inputWrapper: f,
17
+ option: k,
18
+ category: B,
19
+ leftSide: N,
20
+ optionCategory: S,
21
+ optionDisabled: W,
22
+ optionClickable: x,
23
+ icon: A,
24
+ iconArrow: E,
25
+ iconBtn: L,
26
+ "small-size_m": "_small-size_m_c3wo1_157",
27
+ "medium-size_m": "_medium-size_m_c3wo1_163",
28
+ "large-size_m": "_large-size_m_c3wo1_169",
29
+ "small-size_l": "_small-size_l_c3wo1_184",
30
+ "medium-size_l": "_medium-size_l_c3wo1_190",
31
+ "large-size_l": "_large-size_l_c3wo1_196"
32
+ }, R = z.bind(s), q = ({
33
+ option: e,
34
+ selectedOptions: c,
35
+ disabledOptions: a,
36
+ clickableOptions: t,
37
+ handleOptionClick: p,
38
+ isOptionCategory: i,
39
+ sizeIcon: l,
40
+ isDisabledNotClickable: r,
41
+ addClassName: m = ""
42
+ }) => {
43
+ const d = t ? t.includes(`${e.value}`) : !0, w = () => r && t ? !t.includes(`${e.value}`) : a.some((o) => o.value === e.value);
44
+ return /* @__PURE__ */ u(
45
+ "div",
46
+ {
47
+ className: R(
48
+ s.option,
49
+ {
50
+ [s.selected]: c.some((o) => o.value === e.value),
51
+ [s.optionDisabled]: w(),
52
+ [s.optionCategory]: i,
53
+ [s.optionClickable]: d
54
+ },
55
+ m
56
+ ),
57
+ onClick: () => {
58
+ p(e);
59
+ },
60
+ children: [
61
+ i && /* @__PURE__ */ _(
62
+ n,
63
+ {
64
+ size: l ?? "20",
65
+ name: c.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
66
+ }
67
+ ),
68
+ /* @__PURE__ */ _("div", { children: e.label }),
69
+ !i && /* @__PURE__ */ _(
70
+ n,
71
+ {
72
+ size: l ?? "20",
73
+ name: c.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
74
+ }
75
+ )
76
+ ]
77
+ }
78
+ );
79
+ };
80
+ export {
81
+ q as O,
82
+ s
83
+ };
@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
11
11
  import "../../Input/ui/Input.js";
12
12
  import "react/jsx-runtime";
13
13
  import "react-dom";
14
- import { u as q } from "../../../FilterWithSave-Nihl2Z4W.js";
14
+ import { u as q } from "../../../FilterWithSave-BgBDUcQO.js";
15
15
  import "../../GroupedInput/ui/GroupedInputs.js";
16
16
  import "../../../index-rKuIKazb.js";
17
17
  import "../../MetroTag/ui/MetroTag.js";
@@ -1,8 +1,8 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../NewIcon/ui/NewIcon.js";
3
- import { F as a } from "../../../FilterWithSave-Nihl2Z4W.js";
3
+ import { F as a } from "../../../FilterWithSave-BgBDUcQO.js";
4
4
  import "../../Modal/ui/Modal.js";
5
- import "../../../Option-BJ7QJM8p.js";
5
+ import "../../../Option-Cr-I6UDs.js";
6
6
  import "../../Button/ui/Button.js";
7
7
  export {
8
8
  a as FilterWithSave
@@ -9,5 +9,6 @@ export interface IOption {
9
9
  handleOptionClick: (option: TOption | TOption[]) => void;
10
10
  sizeIcon?: string;
11
11
  mode: TModeSelect;
12
+ isDisabledNotClickable?: boolean;
12
13
  }
13
- export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon, mode }: IOption) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon, isDisabledNotClickable, mode }: IOption) => import("react/jsx-runtime").JSX.Element;
@@ -1,75 +1,77 @@
1
- import { jsxs as m, Fragment as k, jsx as s } from "react/jsx-runtime";
2
- import { s as o, O as w } from "../../../Option-BJ7QJM8p.js";
3
- import { NewIcon as g } from "../../NewIcon/ui/NewIcon.js";
4
- import { c as x } from "../../../index-rKuIKazb.js";
5
- import { useState as O } from "react";
6
- const b = x.bind(o), D = ({
1
+ import { jsxs as c, Fragment as F, jsx as o } from "react/jsx-runtime";
2
+ import { s, O as I } from "../../../Option-Cr-I6UDs.js";
3
+ import { NewIcon as C } from "../../NewIcon/ui/NewIcon.js";
4
+ import { c as J } from "../../../index-rKuIKazb.js";
5
+ import { useState as U } from "react";
6
+ const j = J.bind(s), q = ({
7
7
  category: t,
8
- selectedOptions: n,
9
- disabledOptions: u,
10
- clickableOptions: i,
11
- handleOptionClick: p,
12
- sizeIcon: r,
13
- mode: d
8
+ selectedOptions: r,
9
+ disabledOptions: m,
10
+ clickableOptions: n,
11
+ handleOptionClick: d,
12
+ sizeIcon: i,
13
+ isDisabledNotClickable: p,
14
+ mode: f
14
15
  }) => {
15
- const [l, f] = O(!1), C = n.map((e) => JSON.stringify(e)), a = d === "category", h = d === "double", S = a && t.options.every((e) => C.includes(JSON.stringify(e))), N = a ? S ? "selectChecked" : "selectUnchecked" : h && n.some((e) => e.value === t.value) ? "selectChecked" : "selectUnchecked", v = t.options.length > 1;
16
- return /* @__PURE__ */ m(k, { children: [
17
- /* @__PURE__ */ m(
16
+ const [l, h] = U(!1), S = r.map((e) => JSON.stringify(e)), a = f === "category", v = f === "double", N = a && t.options.every((e) => S.includes(JSON.stringify(e))), w = n ? n.includes(t.value.toString()) : !0, k = () => p && n ? !n.includes(t.value.toString()) : m.some(
17
+ (e) => e.value === t.value
18
+ ), x = a ? N ? "selectChecked" : "selectUnchecked" : v && r.some((e) => e.value === t.value) ? "selectChecked" : "selectUnchecked", g = t.options.length > 1;
19
+ return /* @__PURE__ */ c(F, { children: [
20
+ /* @__PURE__ */ c(
18
21
  "div",
19
22
  {
20
- className: b(
21
- o.option,
22
- o.category,
23
+ className: j(
24
+ s.option,
25
+ s.category,
23
26
  {
24
- [o.selected]: n.some((e) => e.value === t.value),
25
- [o.optionDisabled]: u.some(
26
- (e) => e.value === t.value
27
- ),
28
- [o.optionClickable]: i ? i.includes(t.value.toString()) : !0
27
+ [s.selected]: r.some((e) => e.value === t.value),
28
+ [s.optionDisabled]: k(),
29
+ [s.optionClickable]: w
29
30
  }
30
31
  ),
31
32
  onClick: () => {
32
- h && !l && f(!0), p(a ? t.options : t);
33
+ v && !l && h(!0), d(a ? t.options : t);
33
34
  },
34
35
  children: [
35
- /* @__PURE__ */ m("div", { className: o.leftSide, children: [
36
- /* @__PURE__ */ s(
37
- g,
36
+ /* @__PURE__ */ c("div", { className: s.leftSide, children: [
37
+ /* @__PURE__ */ o(
38
+ C,
38
39
  {
39
- size: r ?? "20",
40
- name: N
40
+ size: i ?? "20",
41
+ name: x
41
42
  }
42
43
  ),
43
- /* @__PURE__ */ s("div", { children: t.label })
44
+ /* @__PURE__ */ o("div", { children: t.label })
44
45
  ] }),
45
- v && /* @__PURE__ */ s("div", { className: o.iconArrow, onClick: (e) => {
46
- e.stopPropagation(), f((c) => !c);
47
- }, children: /* @__PURE__ */ s(
48
- g,
46
+ g && /* @__PURE__ */ o("div", { className: s.iconArrow, onClick: (e) => {
47
+ e.stopPropagation(), h((u) => !u);
48
+ }, children: /* @__PURE__ */ o(
49
+ C,
49
50
  {
50
51
  name: "arrowShort",
51
52
  deg: l ? "180" : "0",
52
- size: r ?? "24"
53
+ size: i ?? "24"
53
54
  }
54
55
  ) })
55
56
  ]
56
57
  }
57
58
  ),
58
- l && v && t.options.map((e, c) => /* @__PURE__ */ s(
59
- w,
59
+ l && g && t.options.map((e, u) => /* @__PURE__ */ o(
60
+ I,
60
61
  {
61
62
  option: e,
62
- disabledOptions: u,
63
- selectedOptions: n,
64
- handleOptionClick: () => p(e),
65
- sizeIcon: r,
66
- clickableOptions: i,
67
- isOptionCategory: !0
63
+ disabledOptions: m,
64
+ selectedOptions: r,
65
+ handleOptionClick: () => d(e),
66
+ sizeIcon: i,
67
+ clickableOptions: n,
68
+ isOptionCategory: !0,
69
+ isDisabledNotClickable: p
68
70
  },
69
- c
71
+ u
70
72
  ))
71
73
  ] });
72
74
  };
73
75
  export {
74
- D as Category
76
+ q as Category
75
77
  };
@@ -9,5 +9,6 @@ export interface IOption {
9
9
  handleOptionClick: (option: TOption) => void;
10
10
  sizeIcon?: string;
11
11
  addClassName?: string;
12
+ isDisabledNotClickable?: boolean;
12
13
  }
13
- export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon, addClassName, }: IOption) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon, isDisabledNotClickable, addClassName, }: IOption) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { O as m } from "../../../Option-BJ7QJM8p.js";
2
+ import { O as m } from "../../../Option-Cr-I6UDs.js";
3
3
  import "../../NewIcon/ui/NewIcon.js";
4
4
  import "../../../index-rKuIKazb.js";
5
5
  export {
@@ -1,3 +1,3 @@
1
1
  import { MultiSelectProps } from './Select.types';
2
2
 
3
- 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, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
3
+ 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 }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,55 +1,56 @@
1
- import { jsxs as m, Fragment as R, jsx as i } from "react/jsx-runtime";
2
- import { useState as w, useRef as D, useEffect as W } from "react";
3
- import { c as G } from "../../../index-rKuIKazb.js";
4
- import { s as e, O as H } from "../../../Option-BJ7QJM8p.js";
5
- import { NewIcon as j } from "../../NewIcon/ui/NewIcon.js";
6
- import { Category as J } from "./Category.js";
7
- import { handleClickModeOption as K, handleClickModeCategory as Q } from "../model/selectMode.js";
8
- const a = G.bind(e), ee = ({
1
+ import { jsxs as m, Fragment as w, jsx as a } from "react/jsx-runtime";
2
+ import { useState as W, useRef as j, useEffect as z } from "react";
3
+ import { c as J } from "../../../index-rKuIKazb.js";
4
+ import { s as e, O as K } from "../../../Option-Cr-I6UDs.js";
5
+ import { NewIcon as B } from "../../NewIcon/ui/NewIcon.js";
6
+ import { Category as Q } from "./Category.js";
7
+ import { handleClickModeOption as T, handleClickModeCategory as U } from "../model/selectMode.js";
8
+ const i = J.bind(e), re = ({
9
9
  options: t,
10
- placeholder: z = "Выберите опции",
11
- error: B,
10
+ placeholder: D = "Выберите опции",
11
+ error: L,
12
12
  disabled: g,
13
13
  disabledOptions: f = [],
14
- additionalClass: L = "",
15
- additionalClassOption: M,
16
- additionalClassBtn: b,
17
- onChange: F,
14
+ additionalClass: M = "",
15
+ additionalClassOption: F,
16
+ additionalClassBtn: P,
17
+ onChange: _,
18
18
  onBlur: u,
19
19
  selectedValues: c = [],
20
20
  isBtn: O = !1,
21
21
  btnName: y,
22
- clickableOptions: C,
23
- isListRight: P = !1,
22
+ clickableOptions: v,
23
+ isListRight: q = !1,
24
24
  sizeIcon: d,
25
25
  mode: s = "options",
26
- onClickItem: v,
27
- onCLickSelect: N,
28
- size_s: S = "large",
29
- size_m: k,
30
- size_l: $
26
+ onClickItem: C,
27
+ onCLickSelect: S,
28
+ size_s: N = "large",
29
+ size_m: $,
30
+ size_l: k,
31
+ isDisabledNotClickable: x
31
32
  }) => {
32
33
  t = Array.isArray(t) ? [.../* @__PURE__ */ new Set([...t])] : [];
33
- const [l, x] = w(c), [o, h] = w(!1), p = D(null), A = (r) => {
34
- v && v(r);
34
+ const [l, A] = W(c), [o, h] = W(!1), p = j(null), E = (r) => {
35
+ C && C(r);
35
36
  const n = {
36
37
  option: r,
37
38
  selectedOptions: l,
38
39
  disabledOptions: f,
39
- setSelectedOptions: x,
40
- onChange: F,
40
+ setSelectedOptions: A,
41
+ onChange: _,
41
42
  mode: s,
42
43
  optionsParentArr: t
43
44
  };
44
- Array.isArray(r) ? Q(n) : K(n);
45
- }, _ = () => {
45
+ Array.isArray(r) ? U(n) : T(n);
46
+ }, G = () => {
46
47
  u && u(l);
47
48
  };
48
- W(() => {
49
+ z(() => {
49
50
  const r = (n) => {
50
- const q = n.target;
51
+ const H = n.target;
51
52
  if (p.current && !p.current.contains(n.target)) {
52
- if (q.closest("svg"))
53
+ if (H.closest("svg"))
53
54
  return;
54
55
  h(!1);
55
56
  }
@@ -58,36 +59,36 @@ const a = G.bind(e), ee = ({
58
59
  document.removeEventListener("click", r);
59
60
  };
60
61
  }, []);
61
- const E = D(c);
62
- return W(() => {
63
- c.length !== E.current.length && (x(c), E.current = c);
62
+ const R = j(c);
63
+ return z(() => {
64
+ c.length !== R.current.length && (A(c), R.current = c);
64
65
  }, [c]), /* @__PURE__ */ m(
65
66
  "div",
66
67
  {
67
68
  ref: p,
68
- className: a(e.multiSelectWrapper, { [e.multiSelectWrapperError]: B }, L),
69
+ className: i(e.multiSelectWrapper, { [e.multiSelectWrapperError]: L }, M),
69
70
  tabIndex: 0,
70
- onBlur: _,
71
+ onBlur: G,
71
72
  children: [
72
- /* @__PURE__ */ m("div", { className: a(e.inputWrapper), children: [
73
- !O && /* @__PURE__ */ m(R, { children: [
74
- /* @__PURE__ */ i(
73
+ /* @__PURE__ */ m("div", { className: i(e.inputWrapper), children: [
74
+ !O && /* @__PURE__ */ m(w, { children: [
75
+ /* @__PURE__ */ a(
75
76
  "div",
76
77
  {
77
- className: a(
78
+ className: i(
78
79
  e.selectedOptions,
79
- e[`${S}-size`],
80
- e[`${k}-size_m`],
81
- e[`${$}-size)_l`],
80
+ e[`${N}-size`],
81
+ e[`${$}-size_m`],
82
+ e[`${k}-size)_l`],
82
83
  { [e.selectedOptionsNotEmpty]: l.length > 0 },
83
84
  { [e.selectOptionsDisabled]: g }
84
85
  ),
85
86
  onClick: () => h(!o),
86
- children: l.length === 0 ? z : "Выбрано " + l.length
87
+ children: l.length === 0 ? D : "Выбрано " + l.length
87
88
  }
88
89
  ),
89
- /* @__PURE__ */ i(
90
- j,
90
+ /* @__PURE__ */ a(
91
+ B,
91
92
  {
92
93
  name: "arrowShort",
93
94
  deg: o ? "180" : "0",
@@ -96,61 +97,63 @@ const a = G.bind(e), ee = ({
96
97
  }
97
98
  )
98
99
  ] }),
99
- O && /* @__PURE__ */ m(R, { children: [
100
- /* @__PURE__ */ i(
100
+ O && /* @__PURE__ */ m(w, { children: [
101
+ /* @__PURE__ */ a(
101
102
  "button",
102
103
  {
103
- className: a(
104
+ className: i(
104
105
  e.selectedOptions,
105
- e[`${S}-size`],
106
- e[`${k}-size_m`],
107
- e[`${$}-size_l`],
106
+ e[`${N}-size`],
107
+ e[`${$}-size_m`],
108
+ e[`${k}-size_l`],
108
109
  e.selectedOptionsBtn,
109
110
  { [e.selectOptionsDisabled]: g },
110
- b
111
+ P
111
112
  ),
112
113
  onClick: () => {
113
- N && N(), h(!o);
114
+ S && S(), h(!o);
114
115
  },
115
116
  children: y
116
117
  }
117
118
  ),
118
- /* @__PURE__ */ i(
119
- j,
119
+ /* @__PURE__ */ a(
120
+ B,
120
121
  {
121
122
  name: "filter",
122
123
  deg: o ? "180" : "0",
123
124
  size: d ?? "24",
124
- additionalClass: a(e.icon, { [e.iconBtn]: !y })
125
+ additionalClass: i(e.icon, { [e.iconBtn]: !y })
125
126
  }
126
127
  )
127
128
  ] })
128
129
  ] }),
129
- o && /* @__PURE__ */ m("div", { className: a(e.optionsList, { [e.listRight]: P }, M), children: [
130
- s === "options" && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ i(
131
- H,
130
+ o && /* @__PURE__ */ m("div", { className: i(e.optionsList, { [e.listRight]: q }, F), children: [
131
+ s === "options" && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ a(
132
+ K,
132
133
  {
133
134
  disabledOptions: f,
134
- clickableOptions: C,
135
+ clickableOptions: v,
135
136
  selectedOptions: l,
136
137
  sizeIcon: d,
137
138
  option: r,
138
- handleOptionClick: A
139
+ handleOptionClick: E,
140
+ isDisabledNotClickable: x
139
141
  },
140
142
  n
141
143
  ))),
142
144
  (s === "category" || s === "double") && (t == null ? void 0 : t.map(
143
- (r, n) => "options" in r ? /* @__PURE__ */ i(
144
- J,
145
+ (r, n) => "options" in r ? /* @__PURE__ */ a(
146
+ Q,
145
147
  {
146
148
  disabledOptions: f,
147
- clickableOptions: C,
149
+ clickableOptions: v,
148
150
  selectedOptions: l,
149
151
  sizeIcon: d,
150
152
  category: r,
151
153
  mode: s,
152
154
  selectedValues: c,
153
- handleOptionClick: A
155
+ handleOptionClick: E,
156
+ isDisabledNotClickable: x
154
157
  },
155
158
  n
156
159
  ) : null
@@ -161,5 +164,5 @@ const a = G.bind(e), ee = ({
161
164
  );
162
165
  };
163
166
  export {
164
- ee as Select
167
+ re as Select
165
168
  };
@@ -52,5 +52,6 @@ export interface MultiSelectProps {
52
52
  mode?: TModeSelect;
53
53
  onClickItem?: (option: TOption | TOption[]) => void;
54
54
  onCLickSelect?: () => void;
55
+ isDisabledNotClickable?: boolean;
55
56
  }
56
57
  export {};
@@ -1,4 +1,4 @@
1
- import { a as r } from "../../FilterWithSave-Nihl2Z4W.js";
1
+ import { a as r } from "../../FilterWithSave-BgBDUcQO.js";
2
2
  export {
3
3
  r as SortSelect
4
4
  };
@@ -13,7 +13,7 @@ import "../../Text/ui/Text.js";
13
13
  import "../../Flex/ui/Flex.js";
14
14
  import "../../Input/ui/Input.js";
15
15
  import "../../Modal/ui/Modal.js";
16
- import { a as z } from "../../../FilterWithSave-Nihl2Z4W.js";
16
+ import { a as z } from "../../../FilterWithSave-BgBDUcQO.js";
17
17
  import "../../GroupedInput/ui/GroupedInputs.js";
18
18
  import "../../MetroTag/ui/MetroTag.js";
19
19
  import "../../LotCard/ui/LotCard.js";
@@ -1,4 +1,4 @@
1
- import { S as e } from "../../FilterWithSave-Nihl2Z4W.js";
1
+ import { S as e } from "../../FilterWithSave-BgBDUcQO.js";
2
2
  export {
3
3
  e as TabSwitcher
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { S as v } from "../../../FilterWithSave-Nihl2Z4W.js";
3
+ import { S as v } from "../../../FilterWithSave-BgBDUcQO.js";
4
4
  import "../../Text/ui/Text.js";
5
5
  import "../../../index-rKuIKazb.js";
6
6
  import "../../Button/ui/Button.js";
@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
11
11
  import "../../Input/ui/Input.js";
12
12
  import "react";
13
13
  import "react-dom";
14
- import "../../../FilterWithSave-Nihl2Z4W.js";
14
+ import "../../../FilterWithSave-BgBDUcQO.js";
15
15
  import "../../GroupedInput/ui/GroupedInputs.js";
16
16
  import "../../../index-rKuIKazb.js";
17
17
  import "../../MetroTag/ui/MetroTag.js";
package/dist/main.js CHANGED
@@ -10,7 +10,7 @@ import { Flex as C } from "./components/Flex/ui/Flex.js";
10
10
  import { Input as M } from "./components/Input/ui/Input.js";
11
11
  import { Modal as g } from "./components/Modal/ui/Modal.js";
12
12
  import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
13
- import { F as B, a as L, S as k } from "./FilterWithSave-Nihl2Z4W.js";
13
+ import { F as B, a as L, S as k } from "./FilterWithSave-BgBDUcQO.js";
14
14
  import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
15
15
  import { Logo as j } from "./components/Logo/ui/Logo.js";
16
16
  import { MetroTag as D } from "./components/MetroTag/ui/MetroTag.js";
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "stone-kit",
3
3
  "description": "uikit for redesign",
4
4
  "private": false,
5
- "version": "0.0.701",
5
+ "version": "0.0.703",
6
6
  "author": "Mollycodd1e",
7
7
  "license": "ISC",
8
8
  "type": "module",
@@ -1,79 +0,0 @@
1
- import { jsxs as r, jsx as i } from "react/jsx-runtime";
2
- import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
3
- import { c as d } from "./index-rKuIKazb.js";
4
- const w = "_multiSelectWrapper_c3wo1_1", u = "_selectedOptions_c3wo1_8", z = "_selectedOptionsBtn_c3wo1_24", O = "_selectedOptionsOpened_c3wo1_49", g = "_selectedOptionsNotEmpty_c3wo1_53", b = "_selectOptionsDisabled_c3wo1_58", v = "_optionsList_c3wo1_65", h = "_listRight_c3wo1_81", C = "_inputWrapper_c3wo1_85", k = "_option_c3wo1_65", y = "_category_c3wo1_107", D = "_leftSide_c3wo1_113", f = "_optionCategory_c3wo1_118", B = "_optionDisabled_c3wo1_124", N = "_optionClickable_c3wo1_128", S = "_icon_c3wo1_132", W = "_iconArrow_c3wo1_138", x = "_iconBtn_c3wo1_144", t = {
5
- multiSelectWrapper: w,
6
- selectedOptions: u,
7
- selectedOptionsBtn: z,
8
- "small-size": "_small-size_c3wo1_28",
9
- "medium-size": "_medium-size_c3wo1_35",
10
- "large-size": "_large-size_c3wo1_42",
11
- selectedOptionsOpened: O,
12
- selectedOptionsNotEmpty: g,
13
- selectOptionsDisabled: b,
14
- optionsList: v,
15
- listRight: h,
16
- inputWrapper: C,
17
- option: k,
18
- category: y,
19
- leftSide: D,
20
- optionCategory: f,
21
- optionDisabled: B,
22
- optionClickable: N,
23
- icon: S,
24
- iconArrow: W,
25
- iconBtn: x,
26
- "small-size_m": "_small-size_m_c3wo1_157",
27
- "medium-size_m": "_medium-size_m_c3wo1_163",
28
- "large-size_m": "_large-size_m_c3wo1_169",
29
- "small-size_l": "_small-size_l_c3wo1_184",
30
- "medium-size_l": "_medium-size_l_c3wo1_190",
31
- "large-size_l": "_large-size_l_c3wo1_196"
32
- }, A = d.bind(t), j = ({
33
- option: e,
34
- selectedOptions: s,
35
- disabledOptions: a,
36
- clickableOptions: _,
37
- handleOptionClick: p,
38
- isOptionCategory: c,
39
- sizeIcon: l,
40
- addClassName: m = ""
41
- }) => /* @__PURE__ */ r(
42
- "div",
43
- {
44
- className: A(
45
- t.option,
46
- {
47
- [t.selected]: s.some((o) => o.value === e.value),
48
- [t.optionDisabled]: a.some((o) => o.value === e.value),
49
- [t.optionCategory]: c,
50
- [t.optionClickable]: _ ? _.includes(`${e.value}`) : !0
51
- },
52
- m
53
- ),
54
- onClick: () => {
55
- p(e);
56
- },
57
- children: [
58
- c && /* @__PURE__ */ i(
59
- n,
60
- {
61
- size: l ?? "20",
62
- name: s.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
63
- }
64
- ),
65
- /* @__PURE__ */ i("div", { children: e.label }),
66
- !c && /* @__PURE__ */ i(
67
- n,
68
- {
69
- size: l ?? "20",
70
- name: s.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
71
- }
72
- )
73
- ]
74
- }
75
- );
76
- export {
77
- j as O,
78
- t as s
79
- };