stone-kit 0.0.369 → 0.0.371

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/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.369",
5
+ "version": "0.0.371",
6
6
  "author": "Mollycodd1e",
7
7
  "license": "ISC",
8
8
  "type": "module",
@@ -1,186 +0,0 @@
1
- import { jsxs as u, jsx as o } from "react/jsx-runtime";
2
- import { forwardRef as T, useState as L, useCallback as M, useEffect as W, useRef as E } from "react";
3
- import { c as O } from "./index-rKuIKazb.js";
4
- import { s as e, u as B } from "./useSortSelect-upLmL5Yv.js";
5
- import { NewIcon as y } from "./components/NewIcon/ui/NewIcon.js";
6
- import "./components/Button/ui/Button.js";
7
- import "./components/mobileButton/ui/MobileButton.js";
8
- import "./components/DestinationTab/ui/DestinationTab.js";
9
- import "./components/RoundButton/ui/RoundButton.js";
10
- import "./components/Tag/ui/Tag.js";
11
- import "./components/Switcher/ui/Switcher.js";
12
- import { Text as k } from "./components/Text/ui/Text.js";
13
- import "./components/Flex/ui/Flex.js";
14
- import "./components/Input/ui/Input.js";
15
- import { M as j } from "./Modal-DbD1tgiF.js";
16
- import "./components/GroupedInput/ui/GroupedInputs.js";
17
- import "./components/MetroTag/ui/MetroTag.js";
18
- import "./components/Select/ui/Select.js";
19
- import "./components/SliderNavigation/ui/SliderNavigation.js";
20
- import "./components/TabSelect/ui/TabSelect.js";
21
- import "./index-BaVdWc7x.js";
22
- import "./components/CheckBox/CheckBox.js";
23
- import "./components/TextArea/TextArea.js";
24
- const z = "_root_awv4b_1", A = "_text_awv4b_18", $ = "_rootCol_awv4b_26", q = "_item_awv4b_32", H = "_whiteRow_awv4b_51", P = "_firstItem_awv4b_62", V = "_lastItem_awv4b_66", F = "_apart_awv4b_90", G = "_isLong_awv4b_90", J = "_autoWidth_awv4b_115", K = "_isDisabled_awv4b_122", Q = "_grayRow_awv4b_144", s = {
25
- root: z,
26
- text: A,
27
- rootCol: $,
28
- item: q,
29
- whiteRow: H,
30
- firstItem: P,
31
- lastItem: V,
32
- apart: F,
33
- isLong: G,
34
- autoWidth: J,
35
- isDisabled: K,
36
- grayRow: Q
37
- }, f = O.bind(s), U = ({
38
- children: t,
39
- variant: n = "whiteRow",
40
- isApart: r = !1,
41
- addClassName: d = "",
42
- col: l = !1
43
- }) => /* @__PURE__ */ o("div", { className: f(s.root, s[n], d, { [s.rootCol]: l, [s.apart]: r }), children: t }), R = T((t, n) => {
44
- const { isTablet: r, isDesktop: d } = D(), {
45
- index: l,
46
- children: i,
47
- addItemClassName: w,
48
- disabled: v = !1,
49
- itemsLength: S = 0,
50
- width: m,
51
- width_m: a,
52
- width_l: c,
53
- ..._
54
- } = t, p = i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1, I = (g, b) => g && a ? a : b && c ? c : m, N = !m && !a && !c && p;
55
- return /* @__PURE__ */ u("label", { className: f({ [s.isLong]: p }), children: [
56
- /* @__PURE__ */ o(
57
- "input",
58
- {
59
- ref: n,
60
- type: "checkbox",
61
- ..._
62
- }
63
- ),
64
- /* @__PURE__ */ o(
65
- "div",
66
- {
67
- style: { width: I(r, d) },
68
- className: f(f(
69
- s.item,
70
- { [s.firstItem]: l === 0 },
71
- { [s.lastItem]: l === S - 1 },
72
- { [s.isDisabled]: v },
73
- { [s.autoWidth]: N }
74
- ), w),
75
- children: /* @__PURE__ */ o(k, { className: s.text, children: i })
76
- }
77
- )
78
- ] });
79
- });
80
- R.displayName = "TabSwitcherItem";
81
- const It = Object.assign(U, { Item: R }), D = () => {
82
- const [t, n] = L(0), r = M(() => {
83
- n(window.innerWidth);
84
- }, [n]);
85
- W(() => (window.addEventListener("resize", r), () => window.removeEventListener("resize", r)), []), W(() => {
86
- r();
87
- }, []);
88
- const d = t < 1024, l = t > 1023 && t < 1440, i = t >= 1440;
89
- return { currentClientWidth: t, isMobile: d, isTablet: l, isDesktop: i };
90
- }, h = O.bind(e), X = ({
91
- options: t,
92
- selectedOption: n,
93
- placeholder: r = "",
94
- error: d,
95
- disabled: l,
96
- additionalClass: i = "",
97
- onChange: w,
98
- onBlur: v,
99
- mini: S,
100
- openOnTop: m = !1
101
- }) => {
102
- const [a, c] = L(!1), _ = E(null), { isMobile: p, isDesktop: I } = D(), { handleBlur: N, getInputValue: g, getOption: b, handleDocumentClick: x } = B({
103
- selectedOption: n,
104
- setSelectedOption: w,
105
- setIsOpen: c,
106
- containerRef: _,
107
- isOpen: a,
108
- isDesktop: I,
109
- placeholder: r,
110
- onChange: w,
111
- onBlur: v
112
- });
113
- return W(() => (document.addEventListener("click", x), () => {
114
- document.removeEventListener("click", x);
115
- }), []), /* @__PURE__ */ u(
116
- "div",
117
- {
118
- ref: _,
119
- className: h(
120
- e.sortSelectWrapper,
121
- { [e.sortSelectWrapperError]: d },
122
- { [e.sortSelectWrapperTop]: m },
123
- i
124
- ),
125
- tabIndex: 0,
126
- onBlur: N,
127
- children: [
128
- /* @__PURE__ */ u("div", { className: h(e.inputWrapper), children: [
129
- /* @__PURE__ */ o(
130
- "input",
131
- {
132
- type: "text",
133
- readOnly: !0,
134
- value: g(),
135
- className: h(
136
- e.selectedOptions,
137
- { [e.selectOptionsDisabled]: l },
138
- { [e.selectionOptionMini]: S }
139
- ),
140
- onClick: () => c(!a)
141
- }
142
- ),
143
- /* @__PURE__ */ o(
144
- y,
145
- {
146
- name: "twoArrows",
147
- size: "24",
148
- additionalClass: e.icon
149
- }
150
- )
151
- ] }),
152
- a && p && /* @__PURE__ */ u(
153
- j,
154
- {
155
- isOpen: a,
156
- emitIsOpen: c,
157
- additionalClassModalBody: e.modalAddBody,
158
- additionalClass: e.selectModal,
159
- createPortalObj: { domNode: document.querySelector("body") },
160
- isTransparentBack: !0,
161
- children: [
162
- /* @__PURE__ */ u("div", { className: e.mobileSortHeader, children: [
163
- /* @__PURE__ */ o(k, { children: "Сортировка" }),
164
- /* @__PURE__ */ o("div", { onClick: () => c(!1), children: /* @__PURE__ */ o(
165
- y,
166
- {
167
- name: "close",
168
- size: "20"
169
- }
170
- ) })
171
- ] }),
172
- /* @__PURE__ */ o("div", { className: e.mobileOptionList, children: t == null ? void 0 : t.map((C) => b(C)) })
173
- ]
174
- }
175
- ),
176
- a && !p && /* @__PURE__ */ o("div", { className: h(e.optionsList, { [e.optionListOnTop]: m }), children: t == null ? void 0 : t.map((C) => b(C)) })
177
- ]
178
- }
179
- );
180
- };
181
- X.displayName = "SortSelect";
182
- export {
183
- It as S,
184
- X as a,
185
- D as u
186
- };