mimir-ui-kit 1.34.0 → 1.34.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{Input-DspsU5F4.js → Input-ChCIy5oY.js} +23 -27
- package/dist/{ProgressBar-DWKyrXzd.js → ProgressBar-CwLwhaeM.js} +23 -23
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/AccordionItem.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CheckboxMimir.css +1 -1
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/Drawer.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/InputPassword.css +1 -1
- package/dist/assets/Link.css +1 -1
- package/dist/assets/ListFiles.css +1 -1
- package/dist/assets/ListPhotos.css +1 -1
- package/dist/assets/MergedButton.css +1 -1
- package/dist/assets/NotificationBadge.css +1 -1
- package/dist/assets/OtpInput.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/ProgressBar2.css +1 -1
- package/dist/assets/RadioGroup.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/Slider.css +1 -1
- package/dist/assets/TabTrail.css +1 -1
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/TextArea.css +1 -1
- package/dist/assets/Timer.css +1 -1
- package/dist/assets/Uploader.css +1 -1
- package/dist/assets/UploaderPhotos.css +1 -1
- package/dist/assets/Vote.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/Accordion/Accordion.js +16 -24
- package/dist/components/Accordion/AccordionItem/AccordionItem.js +3 -3
- package/dist/components/AnchorLink/Link.js +9 -9
- package/dist/components/Button/Button.js +33 -33
- package/dist/components/Button/types.js +1 -0
- package/dist/components/CheckboxMimir/CheckboxMimir.js +19 -16
- package/dist/components/Chip/Chip.js +12 -12
- package/dist/components/DatePicker/DatePicker.d.ts +18 -36
- package/dist/components/DatePicker/DatePicker.js +6 -46
- package/dist/components/DatePicker/DatePickerModal.js +60 -76
- package/dist/components/DatePicker/MonthPickerModal.js +6 -14
- package/dist/components/DatePicker/YearPickerModal.js +2 -2
- package/dist/components/Drawer/Drawer.d.ts +1 -1
- package/dist/components/Drawer/Drawer.js +20 -20
- package/dist/components/Input/Input.d.ts +1 -5
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/constants.d.ts +3 -5
- package/dist/components/Input/constants.js +3 -7
- package/dist/components/Input/index.d.ts +2 -2
- package/dist/components/Input/index.js +2 -3
- package/dist/components/Input/types.d.ts +6 -2
- package/dist/components/Input/types.js +1 -0
- package/dist/components/InputPassword/InputPassword.js +8 -8
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/ListFiles/ListFiles.js +7 -7
- package/dist/components/ListPhotos/ListPhotos.js +4 -4
- package/dist/components/MergedButton/MergedButton.js +6 -6
- package/dist/components/NotificationBadge/NotificationBadge.js +4 -4
- package/dist/components/NotificationBadge/types.js +1 -0
- package/dist/components/OtpInput/OtpInput.js +5 -5
- package/dist/components/Pagination/Pagination.d.ts +3 -1
- package/dist/components/Pagination/Pagination.js +11 -7
- package/dist/components/Pagination/types.js +1 -0
- package/dist/components/RadioGroup/RadioGroup.js +9 -9
- package/dist/components/SelectSearch/SelectSearch.d.ts +2 -18
- package/dist/components/SelectSearch/SelectSearch.js +31 -47
- package/dist/components/SelectSearch/types.d.ts +4 -2
- package/dist/components/SelectSearch/types.js +1 -0
- package/dist/components/Slider/Slider.d.ts +2 -3
- package/dist/components/Slider/Slider.js +10 -12
- package/dist/components/Steps/Steps.d.ts +0 -4
- package/dist/components/Steps/Steps.js +1 -5
- package/dist/components/Steps/types.js +1 -0
- package/dist/components/TabTrail/TabTrail.d.ts +0 -8
- package/dist/components/TabTrail/TabTrail.js +17 -33
- package/dist/components/Tag/Tag.js +6 -6
- package/dist/components/Tag/types.js +1 -0
- package/dist/components/TextArea/TextArea.js +12 -14
- package/dist/components/TextArea/hooks.js +0 -4
- package/dist/components/TextArea/types.js +1 -0
- package/dist/components/Timer/Timer.js +1 -1
- package/dist/components/Toasts/ProgressBar.js +1 -1
- package/dist/components/Toasts/Toast.js +1 -1
- package/dist/components/Toasts/ToastList.js +1 -1
- package/dist/components/Toasts/ToastsProvider.js +1 -1
- package/dist/components/Toasts/types.js +1 -0
- package/dist/components/UniversalUploader/UniversalUploader.js +35 -21
- package/dist/components/UniversalUploader/types.js +1 -0
- package/dist/components/Uploader/Uploader.js +3 -3
- package/dist/components/UploaderFiles/UploaderFiles.js +1 -1
- package/dist/components/UploaderPhotos/UploaderPhotos.js +1 -1
- package/dist/components/Vote/Vote.d.ts +0 -8
- package/dist/components/Vote/Vote.js +4 -6
- package/dist/components/Vote/types.js +1 -0
- package/dist/components/index.d.ts +2 -14
- package/dist/components/index.js +2 -31
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/types.js +1 -0
- package/dist/index.js +2 -31
- package/dist/{label-P7Xsi5N7.js → label-BTEGh6O_.js} +2 -2
- package/dist/styles.module-Ugsf0AOb.js +38 -0
- package/package.json +1 -1
- package/dist/assets/Avatar.css +0 -1
- package/dist/assets/GosZnak.css +0 -1
- package/dist/assets/InputRangeSlider.css +0 -1
- package/dist/assets/SkeletonCircle.css +0 -1
- package/dist/assets/SkeletonText.css +0 -1
- package/dist/assets/Switcher.css +0 -1
- package/dist/assets/TwinSwitcher.css +0 -1
- package/dist/assets/variant.css +0 -1
- package/dist/components/Avatar/Avatar.d.ts +0 -3
- package/dist/components/Avatar/Avatar.js +0 -62
- package/dist/components/Avatar/constants.d.ts +0 -5
- package/dist/components/Avatar/constants.js +0 -9
- package/dist/components/Avatar/index.d.ts +0 -3
- package/dist/components/Avatar/index.js +0 -6
- package/dist/components/Avatar/types.d.ts +0 -10
- package/dist/components/DatePicker/utils.d.ts +0 -2
- package/dist/components/DatePicker/utils.js +0 -16
- package/dist/components/GosZnak/GosZnak.d.ts +0 -4
- package/dist/components/GosZnak/GosZnak.js +0 -76
- package/dist/components/GosZnak/constants.d.ts +0 -11
- package/dist/components/GosZnak/constants.js +0 -17
- package/dist/components/GosZnak/index.d.ts +0 -3
- package/dist/components/GosZnak/index.js +0 -7
- package/dist/components/GosZnak/types.d.ts +0 -26
- package/dist/components/InputRangeSlider/InputRangeSlider.d.ts +0 -3
- package/dist/components/InputRangeSlider/InputRangeSlider.js +0 -219
- package/dist/components/InputRangeSlider/constants.d.ts +0 -10
- package/dist/components/InputRangeSlider/constants.js +0 -18
- package/dist/components/InputRangeSlider/index.d.ts +0 -3
- package/dist/components/InputRangeSlider/index.js +0 -7
- package/dist/components/InputRangeSlider/types.d.ts +0 -33
- package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.d.ts +0 -12
- package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js +0 -34
- package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.d.ts +0 -9
- package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.js +0 -31
- package/dist/components/Skeleton/SkeletonText/SkeletonText.d.ts +0 -10
- package/dist/components/Skeleton/SkeletonText/SkeletonText.js +0 -49
- package/dist/components/Skeleton/constants.d.ts +0 -5
- package/dist/components/Skeleton/constants.js +0 -9
- package/dist/components/Skeleton/index.d.ts +0 -4
- package/dist/components/Skeleton/index.js +0 -10
- package/dist/components/Switcher/Switcher.d.ts +0 -3
- package/dist/components/Switcher/Switcher.js +0 -118
- package/dist/components/Switcher/constants.d.ts +0 -4
- package/dist/components/Switcher/constants.js +0 -8
- package/dist/components/Switcher/index.d.ts +0 -3
- package/dist/components/Switcher/index.js +0 -6
- package/dist/components/Switcher/types.d.ts +0 -30
- package/dist/components/TwinSwitcher/TwinSwitcher.d.ts +0 -10
- package/dist/components/TwinSwitcher/TwinSwitcher.js +0 -65
- package/dist/components/TwinSwitcher/index.d.ts +0 -1
- package/dist/components/TwinSwitcher/index.js +0 -4
- package/dist/field-bS4z9Sdl.js +0 -12
- package/dist/styles.module-B9L4B63y.js +0 -40
- package/dist/variant.module-BinTBzAV.js +0 -15
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
2
2
|
import { useRef, useState, useEffect } from "react";
|
3
3
|
import { week } from "./constants.js";
|
4
|
-
import { c as cls } from "../../styles.module-
|
4
|
+
import { c as cls } from "../../styles.module-Ugsf0AOb.js";
|
5
5
|
import { Icon } from "../../icons/Icon.js";
|
6
6
|
import { formating } from "../../utils/index.js";
|
7
7
|
import { Button } from "../Button/Button.js";
|
@@ -120,83 +120,67 @@ function DatePickerModal({
|
|
120
120
|
);
|
121
121
|
onExit();
|
122
122
|
};
|
123
|
-
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
|
124
|
-
"div",
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
123
|
+
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: [cls["calendar-block"]].join(" "), ref: field, children: [
|
124
|
+
/* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
|
125
|
+
/* @__PURE__ */ jsx(
|
126
|
+
Button,
|
127
|
+
{
|
128
|
+
isIconButton: true,
|
129
|
+
iconName: "DropdownArrowLeft16px",
|
130
|
+
onClick: prev,
|
131
|
+
variant: "secondary-gray",
|
132
|
+
size: "l"
|
133
|
+
}
|
134
|
+
),
|
135
|
+
/* @__PURE__ */ jsxs("div", { className: cls["d"], onClick: () => onType == null ? void 0 : onType("months"), children: [
|
136
|
+
(_a = formating.Month(month.m)) == null ? void 0 : _a.name,
|
137
|
+
"’",
|
138
|
+
month.y.toString().slice(-2),
|
139
|
+
/* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
|
140
|
+
] }),
|
141
|
+
/* @__PURE__ */ jsx(
|
142
|
+
Button,
|
143
|
+
{
|
144
|
+
isIconButton: true,
|
145
|
+
iconName: "DropdownArrowRight16px",
|
146
|
+
onClick: next,
|
147
|
+
variant: "secondary-gray",
|
148
|
+
size: "l"
|
149
|
+
}
|
150
|
+
)
|
151
|
+
] }),
|
152
|
+
/* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
|
153
|
+
week.map((i, s) => /* @__PURE__ */ jsx(
|
154
|
+
"div",
|
155
|
+
{
|
156
|
+
className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
|
157
|
+
children: i
|
158
|
+
},
|
159
|
+
`v${s}`
|
160
|
+
)),
|
161
|
+
prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
|
162
|
+
days.map((i, s) => /* @__PURE__ */ jsx(
|
163
|
+
"div",
|
164
|
+
{
|
165
|
+
className: isBefore(
|
166
|
+
(/* @__PURE__ */ new Date(
|
167
|
+
`${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
|
168
|
+
)).getTime()
|
169
|
+
) ? cls["m"] : cls["a"],
|
170
|
+
children: i !== 0 ? /* @__PURE__ */ jsx(
|
171
|
+
"b",
|
169
172
|
{
|
170
|
-
className:
|
173
|
+
className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
|
174
|
+
onClick: () => send(i),
|
171
175
|
children: i
|
172
|
-
}
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
(/* @__PURE__ */ new Date(
|
181
|
-
`${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
|
182
|
-
)).getTime()
|
183
|
-
) ? cls["m"] : cls["a"],
|
184
|
-
children: i !== 0 ? /* @__PURE__ */ jsx(
|
185
|
-
"b",
|
186
|
-
{
|
187
|
-
className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
|
188
|
-
onClick: () => send(i),
|
189
|
-
children: i
|
190
|
-
}
|
191
|
-
) : /* @__PURE__ */ jsx("p", {})
|
192
|
-
},
|
193
|
-
s
|
194
|
-
)),
|
195
|
-
nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
|
196
|
-
] })
|
197
|
-
]
|
198
|
-
}
|
199
|
-
) });
|
176
|
+
}
|
177
|
+
) : /* @__PURE__ */ jsx("p", {})
|
178
|
+
},
|
179
|
+
s
|
180
|
+
)),
|
181
|
+
nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
|
182
|
+
] })
|
183
|
+
] }) });
|
200
184
|
}
|
201
185
|
export {
|
202
186
|
DatePickerModal
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
2
2
|
import { useRef, useState, useEffect } from "react";
|
3
3
|
import { months } from "./constants.js";
|
4
|
-
import { c as cls } from "../../styles.module-
|
4
|
+
import { c as cls } from "../../styles.module-Ugsf0AOb.js";
|
5
5
|
import { Icon } from "../../icons/Icon.js";
|
6
6
|
import { formating } from "../../utils/index.js";
|
7
7
|
import { Button } from "../Button/Button.js";
|
@@ -84,18 +84,10 @@ function MonthPickerModal({
|
|
84
84
|
size: "l"
|
85
85
|
}
|
86
86
|
),
|
87
|
-
/* @__PURE__ */ jsxs(
|
88
|
-
|
89
|
-
{
|
90
|
-
|
91
|
-
className: cls["d"],
|
92
|
-
"data-testid": "year-button",
|
93
|
-
children: [
|
94
|
-
year.toString(),
|
95
|
-
/* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
|
96
|
-
]
|
97
|
-
}
|
98
|
-
),
|
87
|
+
/* @__PURE__ */ jsxs("div", { onClick: () => onType == null ? void 0 : onType("years"), className: cls["d"], children: [
|
88
|
+
year.toString(),
|
89
|
+
/* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
|
90
|
+
] }),
|
99
91
|
/* @__PURE__ */ jsx(
|
100
92
|
Button,
|
101
93
|
{
|
@@ -107,7 +99,7 @@ function MonthPickerModal({
|
|
107
99
|
}
|
108
100
|
)
|
109
101
|
] }),
|
110
|
-
/* @__PURE__ */ jsx("div", { className: cls["monthGrid"],
|
102
|
+
/* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: months.map((i, s) => /* @__PURE__ */ jsx(
|
111
103
|
"div",
|
112
104
|
{
|
113
105
|
className: isBefore(
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
2
2
|
import { useRef, useState, useEffect } from "react";
|
3
|
-
import { c as cls } from "../../styles.module-
|
3
|
+
import { c as cls } from "../../styles.module-Ugsf0AOb.js";
|
4
4
|
import { formating } from "../../utils/index.js";
|
5
5
|
import { Button } from "../Button/Button.js";
|
6
6
|
function YearPickerModal({
|
@@ -96,7 +96,7 @@ function YearPickerModal({
|
|
96
96
|
}
|
97
97
|
)
|
98
98
|
] }),
|
99
|
-
/* @__PURE__ */ jsx("div", { className: cls["monthGrid"],
|
99
|
+
/* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: years.map((i, s) => /* @__PURE__ */ jsx(
|
100
100
|
"div",
|
101
101
|
{
|
102
102
|
className: isBefore(
|
@@ -10,40 +10,40 @@ import { Button } from "../Button/Button.js";
|
|
10
10
|
import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
|
11
11
|
import { Loader } from "../Loader/Loader.js";
|
12
12
|
import { Portal } from "../Portal/Portal.js";
|
13
|
-
import '../../assets/Drawer.css';const drawer = "
|
14
|
-
const content = "
|
15
|
-
const header = "
|
16
|
-
const title = "
|
17
|
-
const space = "
|
18
|
-
const inner = "
|
19
|
-
const button = "
|
20
|
-
const footer = "
|
21
|
-
const left = "
|
22
|
-
const right = "
|
23
|
-
const full = "
|
24
|
-
const bottom = "
|
25
|
-
const opened = "
|
26
|
-
const overlay = "
|
27
|
-
const unmount = "
|
13
|
+
import '../../assets/Drawer.css';const drawer = "_drawer_91s5k_3";
|
14
|
+
const content = "_content_91s5k_27";
|
15
|
+
const header = "_header_91s5k_45";
|
16
|
+
const title = "_title_91s5k_59";
|
17
|
+
const space = "_space_91s5k_73";
|
18
|
+
const inner = "_inner_91s5k_84";
|
19
|
+
const button = "_button_91s5k_87";
|
20
|
+
const footer = "_footer_91s5k_92";
|
21
|
+
const left = "_left_91s5k_105";
|
22
|
+
const right = "_right_91s5k_109";
|
23
|
+
const full = "_full_91s5k_113";
|
24
|
+
const bottom = "_bottom_91s5k_123";
|
25
|
+
const opened = "_opened_91s5k_140";
|
26
|
+
const overlay = "_overlay_91s5k_196";
|
27
|
+
const unmount = "_unmount_91s5k_212";
|
28
28
|
const cls = {
|
29
29
|
drawer,
|
30
30
|
content,
|
31
|
-
"is-loading": "_is-
|
31
|
+
"is-loading": "_is-loading_91s5k_41",
|
32
32
|
header,
|
33
|
-
"sticky-header": "_sticky-
|
33
|
+
"sticky-header": "_sticky-header_91s5k_53",
|
34
34
|
title,
|
35
35
|
space,
|
36
36
|
inner,
|
37
37
|
button,
|
38
38
|
footer,
|
39
|
-
"footer-button": "_footer-
|
39
|
+
"footer-button": "_footer-button_91s5k_101",
|
40
40
|
left,
|
41
41
|
right,
|
42
42
|
full,
|
43
43
|
bottom,
|
44
|
-
"full-bottom-height": "_full-bottom-
|
44
|
+
"full-bottom-height": "_full-bottom-height_91s5k_134",
|
45
45
|
opened,
|
46
|
-
"is-closing": "_is-
|
46
|
+
"is-closing": "_is-closing_91s5k_159",
|
47
47
|
overlay,
|
48
48
|
unmount
|
49
49
|
};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
|
-
import { TInputProps, TAddon, TIconAddon, TSize, TVariant
|
2
|
+
import { TInputProps, TAddon, TIconAddon, TSize, TVariant } from './types';
|
3
3
|
|
4
4
|
export type TAdditionalProps = {
|
5
5
|
/**
|
@@ -10,10 +10,6 @@ export type TAdditionalProps = {
|
|
10
10
|
* `Варианты отображения ввода. Может быть 'alert', 'success', 'default', 'default-gray', 'default-white'.`
|
11
11
|
*/
|
12
12
|
variant?: TVariant;
|
13
|
-
/**
|
14
|
-
* `Статус ввода. Может быть 'alert', 'success', 'error'.`
|
15
|
-
*/
|
16
|
-
status?: TStatus;
|
17
13
|
/**
|
18
14
|
* Дополнительный класс.
|
19
15
|
*/
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
2
2
|
import "../../index-CweZ_OcN.js";
|
3
3
|
import "react";
|
4
4
|
import "./constants.js";
|
5
|
-
import { I } from "../../Input-
|
5
|
+
import { I } from "../../Input-ChCIy5oY.js";
|
6
6
|
import "../../hooks/useMergeRefs/useMergeRefs.js";
|
7
7
|
import "../../icons/Icon.js";
|
8
8
|
import "../Button/Button.js";
|
@@ -1,11 +1,9 @@
|
|
1
1
|
export declare enum EInputVariant {
|
2
|
-
DefaultGray = "default-gray",
|
3
|
-
DefaultWhite = "default-white"
|
4
|
-
}
|
5
|
-
export declare enum EInputStatus {
|
6
2
|
Alarm = "alarm",
|
7
3
|
Success = "success",
|
8
|
-
Error = "error"
|
4
|
+
Error = "error",
|
5
|
+
DefaultGray = "default-gray",
|
6
|
+
DefaultWhite = "default-white"
|
9
7
|
}
|
10
8
|
export declare enum EInputSize {
|
11
9
|
S = "s",
|
@@ -1,14 +1,11 @@
|
|
1
1
|
var EInputVariant = /* @__PURE__ */ ((EInputVariant2) => {
|
2
|
+
EInputVariant2["Alarm"] = "alarm";
|
3
|
+
EInputVariant2["Success"] = "success";
|
4
|
+
EInputVariant2["Error"] = "error";
|
2
5
|
EInputVariant2["DefaultGray"] = "default-gray";
|
3
6
|
EInputVariant2["DefaultWhite"] = "default-white";
|
4
7
|
return EInputVariant2;
|
5
8
|
})(EInputVariant || {});
|
6
|
-
var EInputStatus = /* @__PURE__ */ ((EInputStatus2) => {
|
7
|
-
EInputStatus2["Alarm"] = "alarm";
|
8
|
-
EInputStatus2["Success"] = "success";
|
9
|
-
EInputStatus2["Error"] = "error";
|
10
|
-
return EInputStatus2;
|
11
|
-
})(EInputStatus || {});
|
12
9
|
var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
|
13
10
|
EInputSize2["S"] = "s";
|
14
11
|
EInputSize2["M"] = "m";
|
@@ -17,6 +14,5 @@ var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
|
|
17
14
|
})(EInputSize || {});
|
18
15
|
export {
|
19
16
|
EInputSize,
|
20
|
-
EInputStatus,
|
21
17
|
EInputVariant
|
22
18
|
};
|
@@ -1,3 +1,3 @@
|
|
1
1
|
export { Input, type TProps as TInputProps, type TAdditionalProps } from './Input';
|
2
|
-
export type { TSize, TVariant
|
3
|
-
export { EInputSize, EInputVariant
|
2
|
+
export type { TSize, TVariant } from './types';
|
3
|
+
export { EInputSize, EInputVariant } from './constants';
|
@@ -1,8 +1,7 @@
|
|
1
|
-
import { I } from "../../Input-
|
2
|
-
import { EInputSize,
|
1
|
+
import { I } from "../../Input-ChCIy5oY.js";
|
2
|
+
import { EInputSize, EInputVariant } from "./constants.js";
|
3
3
|
export {
|
4
4
|
EInputSize,
|
5
|
-
EInputStatus,
|
6
5
|
EInputVariant,
|
7
6
|
I as Input
|
8
7
|
};
|
@@ -1,10 +1,14 @@
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
2
|
-
import { EInputSize, EInputVariant
|
2
|
+
import { EInputSize, EInputVariant } from './constants';
|
3
3
|
import { TIcon } from '../../icons';
|
4
4
|
|
5
5
|
export type TSize = `${EInputSize}` | EInputSize;
|
6
6
|
export type TVariant = `${EInputVariant}` | EInputVariant;
|
7
|
-
export type
|
7
|
+
export type TCommonCompoundInputProps = {
|
8
|
+
size?: TSize;
|
9
|
+
variant?: TVariant;
|
10
|
+
className?: string;
|
11
|
+
};
|
8
12
|
type TTextAddon = {
|
9
13
|
addonType?: 'text';
|
10
14
|
addonContent?: string;
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { memo, forwardRef, useState } from "react";
|
4
4
|
import { Icon } from "../../icons/Icon.js";
|
5
5
|
import { Button } from "../Button/Button.js";
|
6
|
-
import { I as Input } from "../../Input-
|
7
|
-
import '../../assets/InputPassword.css';const input = "
|
8
|
-
const wrapper = "
|
9
|
-
const button = "
|
10
|
-
const icon = "
|
11
|
-
const show = "
|
6
|
+
import { I as Input } from "../../Input-ChCIy5oY.js";
|
7
|
+
import '../../assets/InputPassword.css';const input = "_input_34v9n_2";
|
8
|
+
const wrapper = "_wrapper_34v9n_6";
|
9
|
+
const button = "_button_34v9n_17";
|
10
|
+
const icon = "_icon_34v9n_33";
|
11
|
+
const show = "_show_34v9n_38";
|
12
12
|
const cls = {
|
13
13
|
input,
|
14
14
|
wrapper,
|
15
|
-
"input-wrapper": "_input-
|
16
|
-
"button-wrapper": "_button-
|
15
|
+
"input-wrapper": "_input-wrapper_34v9n_13",
|
16
|
+
"button-wrapper": "_button-wrapper_34v9n_17",
|
17
17
|
button,
|
18
18
|
icon,
|
19
19
|
show
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
2
2
|
import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
|
3
3
|
import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
|
4
|
-
import { I as Input } from "../../Input-
|
4
|
+
import { I as Input } from "../../Input-ChCIy5oY.js";
|
5
5
|
const InputPhoneNumber = memo(
|
6
6
|
forwardRef(
|
7
7
|
({ value = "", onChange, ...props }, ref) => {
|
@@ -3,13 +3,13 @@ import { useState, useEffect } from "react";
|
|
3
3
|
import { formating } from "../../utils/index.js";
|
4
4
|
import { Button } from "../Button/Button.js";
|
5
5
|
import '../../assets/ListFiles.css';const cls = {
|
6
|
-
"file-info": "_file-
|
7
|
-
"file-info-size": "_file-info-
|
8
|
-
"file-info-name-wrapper": "_file-info-name-
|
9
|
-
"file-info-name": "_file-info-
|
10
|
-
"file-upload-container": "_file-upload-
|
11
|
-
"file-upload-container-item": "_file-upload-container-
|
12
|
-
"delete-button": "_delete-
|
6
|
+
"file-info": "_file-info_exvu6_2",
|
7
|
+
"file-info-size": "_file-info-size_exvu6_8",
|
8
|
+
"file-info-name-wrapper": "_file-info-name-wrapper_exvu6_16",
|
9
|
+
"file-info-name": "_file-info-name_exvu6_16",
|
10
|
+
"file-upload-container": "_file-upload-container_exvu6_34",
|
11
|
+
"file-upload-container-item": "_file-upload-container-item_exvu6_42",
|
12
|
+
"delete-button": "_delete-button_exvu6_51"
|
13
13
|
};
|
14
14
|
function ListFiles({ value, onChange }) {
|
15
15
|
const [list, setList] = useState(value);
|
@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useEffect } from "react";
|
3
3
|
import { Button } from "../Button/Button.js";
|
4
4
|
import '../../assets/ListPhotos.css';const cls = {
|
5
|
-
"list-photos": "_list-
|
6
|
-
"list-photos-item": "_list-photos-
|
7
|
-
"list-photos-image": "_list-photos-
|
8
|
-
"delete-button": "_delete-
|
5
|
+
"list-photos": "_list-photos_1m1u4_2",
|
6
|
+
"list-photos-item": "_list-photos-item_1m1u4_10",
|
7
|
+
"list-photos-image": "_list-photos-image_1m1u4_19",
|
8
|
+
"delete-button": "_delete-button_1m1u4_24"
|
9
9
|
};
|
10
10
|
function ListPhotos({ value, onChange }) {
|
11
11
|
const [list, setList] = useState(value);
|
@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { memo } from "react";
|
4
4
|
import { EMergedButtonVariantRound } from "./constants.js";
|
5
5
|
import { Button } from "../Button/Button.js";
|
6
|
-
import '../../assets/MergedButton.css';const buttons = "
|
7
|
-
const gray = "
|
8
|
-
const white = "
|
9
|
-
const transparent = "
|
6
|
+
import '../../assets/MergedButton.css';const buttons = "_buttons_1s9fa_2";
|
7
|
+
const gray = "_gray_1s9fa_28";
|
8
|
+
const white = "_white_1s9fa_36";
|
9
|
+
const transparent = "_transparent_1s9fa_44";
|
10
10
|
const cls = {
|
11
11
|
buttons,
|
12
|
-
"merged-button": "_merged-
|
12
|
+
"merged-button": "_merged-button_1s9fa_6",
|
13
13
|
gray,
|
14
14
|
white,
|
15
15
|
transparent,
|
16
|
-
"is-icon": "_is-
|
16
|
+
"is-icon": "_is-icon_1s9fa_53"
|
17
17
|
};
|
18
18
|
const MergedButton = memo(({ buttons: buttons2 }) => {
|
19
19
|
return /* @__PURE__ */ jsx("div", { className: cls.buttons, children: buttons2.map(
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import { ENotificationBadgeSize } from "./constants.js";
|
4
|
-
import '../../assets/NotificationBadge.css';const m = "
|
5
|
-
const s = "
|
4
|
+
import '../../assets/NotificationBadge.css';const m = "_m_1rrs6_18";
|
5
|
+
const s = "_s_1rrs6_24";
|
6
6
|
const cls = {
|
7
|
-
"notification-badge": "_notification-
|
8
|
-
"notification-badge-absolute": "_notification-badge-
|
7
|
+
"notification-badge": "_notification-badge_1rrs6_2",
|
8
|
+
"notification-badge-absolute": "_notification-badge-absolute_1rrs6_14",
|
9
9
|
m,
|
10
10
|
s
|
11
11
|
};
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -3,13 +3,13 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { forwardRef, useImperativeHandle, Fragment } from "react";
|
4
4
|
import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
|
5
5
|
import { useOTPInput } from "./hooks.js";
|
6
|
-
import { I as Input } from "../../Input-
|
7
|
-
import '../../assets/OtpInput.css';const otp = "
|
8
|
-
const input = "
|
9
|
-
const separator = "
|
6
|
+
import { I as Input } from "../../Input-ChCIy5oY.js";
|
7
|
+
import '../../assets/OtpInput.css';const otp = "_otp_19unm_3";
|
8
|
+
const input = "_input_19unm_14";
|
9
|
+
const separator = "_separator_19unm_28";
|
10
10
|
const cls = {
|
11
11
|
otp,
|
12
|
-
"input-wrapper": "_input-
|
12
|
+
"input-wrapper": "_input-wrapper_19unm_14",
|
13
13
|
input,
|
14
14
|
separator
|
15
15
|
};
|
@@ -1,3 +1,5 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
|
1
3
|
export type TBackProps = {
|
2
4
|
currentPageNumber: number;
|
3
5
|
onClick: (nextPage: number) => void;
|
@@ -37,4 +39,4 @@ export type TProps = {
|
|
37
39
|
*/
|
38
40
|
currentPageNumber?: number;
|
39
41
|
};
|
40
|
-
export declare const Pagination:
|
42
|
+
export declare const Pagination: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLElement>>;
|
@@ -4,19 +4,23 @@ import { forwardRef, useState, useEffect } from "react";
|
|
4
4
|
import { FIRST_PAGE_NUMBER, DEFAULT_PER_PAGE } from "./constants.js";
|
5
5
|
import { useWindowSize } from "../../hooks/useWindowSize/index.js";
|
6
6
|
import { Icon } from "../../icons/Icon.js";
|
7
|
-
import '../../assets/Pagination.css';const container = "
|
8
|
-
const
|
9
|
-
const
|
10
|
-
const isActive = "
|
11
|
-
const disabled = "
|
7
|
+
import '../../assets/Pagination.css';const container = "_container_1s8aj_2";
|
8
|
+
const link = "_link_1s8aj_11";
|
9
|
+
const item = "_item_1s8aj_46";
|
10
|
+
const isActive = "_isActive_1s8aj_52";
|
11
|
+
const disabled = "_disabled_1s8aj_58";
|
12
12
|
const cls = {
|
13
13
|
container,
|
14
|
-
item,
|
15
14
|
link,
|
15
|
+
item,
|
16
16
|
isActive,
|
17
17
|
disabled
|
18
18
|
};
|
19
|
-
const Back = ({
|
19
|
+
const Back = ({
|
20
|
+
currentPageNumber,
|
21
|
+
onClick,
|
22
|
+
setCurrentPage
|
23
|
+
}) => {
|
20
24
|
const handleClick = (event) => {
|
21
25
|
event.preventDefault();
|
22
26
|
if (currentPageNumber === FIRST_PAGE_NUMBER) return;
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
2
|
-
import { K, w, a, z as z$1, U,
|
2
|
+
import { K, w, a, z as z$1, U, l, T, j as j$1, u as u$1, I, G, p } from "../../label-BTEGh6O_.js";
|
3
3
|
import { W, y, o, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, a as u$2, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
|
4
4
|
import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
|
5
5
|
import { u } from "../../use-by-comparator-BUO78DGe.js";
|
@@ -103,16 +103,16 @@ function we(o$12, t) {
|
|
103
103
|
return H({ ourProps: s$1, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
|
104
104
|
}
|
105
105
|
let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
|
106
|
-
const group = "
|
107
|
-
const radio = "
|
108
|
-
const disabled = "
|
109
|
-
const label = "
|
110
|
-
const frame = "
|
111
|
-
const checked = "
|
106
|
+
const group = "_group_17dic_3";
|
107
|
+
const radio = "_radio_17dic_18";
|
108
|
+
const disabled = "_disabled_17dic_40";
|
109
|
+
const label = "_label_17dic_51";
|
110
|
+
const frame = "_frame_17dic_64";
|
111
|
+
const checked = "_checked_17dic_73";
|
112
112
|
const cls = {
|
113
113
|
group,
|
114
|
-
"content-wrapper": "_content-
|
115
|
-
"radio-wrapper": "_radio-
|
114
|
+
"content-wrapper": "_content-wrapper_17dic_8",
|
115
|
+
"radio-wrapper": "_radio-wrapper_17dic_18",
|
116
116
|
radio,
|
117
117
|
disabled,
|
118
118
|
label,
|
@@ -1,19 +1,3 @@
|
|
1
|
-
import {
|
2
|
-
import { TSelectOption } from './types';
|
1
|
+
import { TSelectSearchProps } from './types';
|
3
2
|
|
4
|
-
export declare const SelectSearch: import('react').ForwardRefExoticComponent<
|
5
|
-
value?: TSelectOption | null;
|
6
|
-
onChange?: (value: TSelectOption) => void;
|
7
|
-
placeholder?: string;
|
8
|
-
size?: ESelectSearchSize;
|
9
|
-
full?: boolean;
|
10
|
-
displayValue?: string;
|
11
|
-
showArrow?: boolean;
|
12
|
-
onSearch?: (value: string) => void;
|
13
|
-
filterOnSearch?: boolean;
|
14
|
-
items: TSelectOption[];
|
15
|
-
classNameOption?: string;
|
16
|
-
menuPlacement?: import('./types').TMenuPlacement;
|
17
|
-
disabled?: boolean;
|
18
|
-
searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength">;
|
19
|
-
} & import('react').RefAttributes<HTMLElement>>;
|
3
|
+
export declare const SelectSearch: import('react').ForwardRefExoticComponent<TSelectSearchProps & import('react').RefAttributes<HTMLElement>>;
|