stone-kit 0.0.702 → 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.
@@ -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-BM2iOGX7.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,
@@ -37,7 +37,7 @@ const g = "_multiSelectWrapper_c3wo1_1", O = "_selectedOptions_c3wo1_8", b = "_s
37
37
  handleOptionClick: p,
38
38
  isOptionCategory: i,
39
39
  sizeIcon: l,
40
- isDisabledEqualNotClickable: r,
40
+ isDisabledNotClickable: r,
41
41
  addClassName: m = ""
42
42
  }) => {
43
43
  const d = t ? t.includes(`${e.value}`) : !0, w = () => r && t ? !t.includes(`${e.value}`) : a.some((o) => o.value === e.value);
@@ -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-NFKACvUC.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-NFKACvUC.js";
3
+ import { F as a } from "../../../FilterWithSave-BgBDUcQO.js";
4
4
  import "../../Modal/ui/Modal.js";
5
- import "../../../Option-BM2iOGX7.js";
5
+ import "../../../Option-Cr-I6UDs.js";
6
6
  import "../../Button/ui/Button.js";
7
7
  export {
8
8
  a as FilterWithSave
@@ -9,6 +9,6 @@ export interface IOption {
9
9
  handleOptionClick: (option: TOption | TOption[]) => void;
10
10
  sizeIcon?: string;
11
11
  mode: TModeSelect;
12
- isDisabledEqualNotClickable?: boolean;
12
+ isDisabledNotClickable?: boolean;
13
13
  }
14
- export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon, isDisabledEqualNotClickable, 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,73 +1,74 @@
1
- import { jsxs as u, Fragment as b, jsx as n } from "react/jsx-runtime";
2
- import { s, O as D } from "../../../Option-BM2iOGX7.js";
3
- import { NewIcon as g } from "../../NewIcon/ui/NewIcon.js";
4
- import { c as F } from "../../../index-rKuIKazb.js";
5
- import { useState as I } from "react";
6
- const J = F.bind(s), q = ({
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: i,
8
+ selectedOptions: r,
9
9
  disabledOptions: m,
10
- clickableOptions: o,
10
+ clickableOptions: n,
11
11
  handleOptionClick: d,
12
- sizeIcon: r,
13
- isDisabledEqualNotClickable: C,
14
- mode: p
12
+ sizeIcon: i,
13
+ isDisabledNotClickable: p,
14
+ mode: f
15
15
  }) => {
16
- const [l, f] = I(!1), S = i.map((e) => JSON.stringify(e)), a = p === "category", h = p === "double", N = a && t.options.every((e) => S.includes(JSON.stringify(e))), w = o ? o.includes(t.value.toString()) : !0, k = () => C && o ? !o.includes(t.value.toString()) : m.some(
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
17
  (e) => e.value === t.value
18
- ), x = a ? N ? "selectChecked" : "selectUnchecked" : h && i.some((e) => e.value === t.value) ? "selectChecked" : "selectUnchecked", v = t.options.length > 1;
19
- return /* @__PURE__ */ u(b, { children: [
20
- /* @__PURE__ */ u(
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(
21
21
  "div",
22
22
  {
23
- className: J(
23
+ className: j(
24
24
  s.option,
25
25
  s.category,
26
26
  {
27
- [s.selected]: i.some((e) => e.value === t.value),
27
+ [s.selected]: r.some((e) => e.value === t.value),
28
28
  [s.optionDisabled]: k(),
29
29
  [s.optionClickable]: w
30
30
  }
31
31
  ),
32
32
  onClick: () => {
33
- h && !l && f(!0), d(a ? t.options : t);
33
+ v && !l && h(!0), d(a ? t.options : t);
34
34
  },
35
35
  children: [
36
- /* @__PURE__ */ u("div", { className: s.leftSide, children: [
37
- /* @__PURE__ */ n(
38
- g,
36
+ /* @__PURE__ */ c("div", { className: s.leftSide, children: [
37
+ /* @__PURE__ */ o(
38
+ C,
39
39
  {
40
- size: r ?? "20",
40
+ size: i ?? "20",
41
41
  name: x
42
42
  }
43
43
  ),
44
- /* @__PURE__ */ n("div", { children: t.label })
44
+ /* @__PURE__ */ o("div", { children: t.label })
45
45
  ] }),
46
- v && /* @__PURE__ */ n("div", { className: s.iconArrow, onClick: (e) => {
47
- e.stopPropagation(), f((c) => !c);
48
- }, children: /* @__PURE__ */ n(
49
- g,
46
+ g && /* @__PURE__ */ o("div", { className: s.iconArrow, onClick: (e) => {
47
+ e.stopPropagation(), h((u) => !u);
48
+ }, children: /* @__PURE__ */ o(
49
+ C,
50
50
  {
51
51
  name: "arrowShort",
52
52
  deg: l ? "180" : "0",
53
- size: r ?? "24"
53
+ size: i ?? "24"
54
54
  }
55
55
  ) })
56
56
  ]
57
57
  }
58
58
  ),
59
- l && v && t.options.map((e, c) => /* @__PURE__ */ n(
60
- D,
59
+ l && g && t.options.map((e, u) => /* @__PURE__ */ o(
60
+ I,
61
61
  {
62
62
  option: e,
63
63
  disabledOptions: m,
64
- selectedOptions: i,
64
+ selectedOptions: r,
65
65
  handleOptionClick: () => d(e),
66
- sizeIcon: r,
67
- clickableOptions: o,
68
- isOptionCategory: !0
66
+ sizeIcon: i,
67
+ clickableOptions: n,
68
+ isOptionCategory: !0,
69
+ isDisabledNotClickable: p
69
70
  },
70
- c
71
+ u
71
72
  ))
72
73
  ] });
73
74
  };
@@ -9,6 +9,6 @@ export interface IOption {
9
9
  handleOptionClick: (option: TOption) => void;
10
10
  sizeIcon?: string;
11
11
  addClassName?: string;
12
- isDisabledEqualNotClickable?: boolean;
12
+ isDisabledNotClickable?: boolean;
13
13
  }
14
- export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon, isDisabledEqualNotClickable, 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-BM2iOGX7.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-BM2iOGX7.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-NFKACvUC.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-NFKACvUC.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-NFKACvUC.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-NFKACvUC.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-NFKACvUC.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-NFKACvUC.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.702",
5
+ "version": "0.0.703",
6
6
  "author": "Mollycodd1e",
7
7
  "license": "ISC",
8
8
  "type": "module",