mimir-ui-kit 1.33.1 → 1.34.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{Input-ChCIy5oY.js → Input-DspsU5F4.js} +27 -23
- package/dist/{ProgressBar-CwLwhaeM.js → ProgressBar-DWKyrXzd.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/GosZnak.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/InputPassword.css +1 -1
- package/dist/assets/InputRangeSlider.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/SkeletonText.css +1 -1
- package/dist/assets/Slider.css +1 -1
- package/dist/assets/Switcher.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/TwinSwitcher.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 +24 -16
- package/dist/components/Accordion/AccordionItem/AccordionItem.js +3 -3
- package/dist/components/AnchorLink/Link.js +9 -9
- package/dist/components/Avatar/Avatar.js +10 -1
- package/dist/components/Button/Button.js +33 -33
- package/dist/components/CheckboxMimir/CheckboxMimir.js +8 -6
- package/dist/components/Chip/Chip.js +12 -12
- package/dist/components/DatePicker/DatePicker.js +11 -9
- package/dist/components/DatePicker/DatePickerModal.js +76 -60
- package/dist/components/DatePicker/MonthPickerModal.js +14 -6
- package/dist/components/DatePicker/YearPickerModal.js +2 -2
- package/dist/components/Drawer/Drawer.js +20 -20
- package/dist/components/GosZnak/GosZnak.js +13 -13
- package/dist/components/Input/Input.d.ts +5 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/constants.d.ts +5 -3
- package/dist/components/Input/constants.js +7 -3
- package/dist/components/Input/index.d.ts +2 -2
- package/dist/components/Input/index.js +3 -2
- package/dist/components/Input/types.d.ts +2 -6
- package/dist/components/InputPassword/InputPassword.js +8 -8
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/InputRangeSlider/InputRangeSlider.js +16 -16
- 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/OtpInput/OtpInput.js +5 -5
- package/dist/components/Pagination/Pagination.d.ts +1 -3
- package/dist/components/Pagination/Pagination.js +7 -11
- package/dist/components/RadioGroup/RadioGroup.js +8 -8
- package/dist/components/SelectSearch/SelectSearch.js +23 -20
- package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js +1 -1
- package/dist/components/Skeleton/SkeletonText/SkeletonText.js +2 -2
- package/dist/components/Slider/Slider.js +8 -8
- package/dist/components/Switcher/Switcher.js +8 -8
- package/dist/components/TabTrail/TabTrail.js +10 -10
- package/dist/components/Tag/Tag.js +6 -6
- package/dist/components/TextArea/TextArea.js +14 -12
- 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/TwinSwitcher/TwinSwitcher.js +7 -7
- package/dist/components/UniversalUploader/UniversalUploader.js +1 -1
- 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.js +3 -3
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +3 -2
- package/dist/index.js +3 -2
- package/dist/styles.module-B9L4B63y.js +40 -0
- package/package.json +1 -1
- package/dist/styles.module-7wzJYhR3.js +0 -40
@@ -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-B9L4B63y.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,10 +84,18 @@ function MonthPickerModal({
|
|
84
84
|
size: "l"
|
85
85
|
}
|
86
86
|
),
|
87
|
-
/* @__PURE__ */ jsxs(
|
88
|
-
|
89
|
-
|
90
|
-
|
87
|
+
/* @__PURE__ */ jsxs(
|
88
|
+
"div",
|
89
|
+
{
|
90
|
+
onClick: () => onType == null ? void 0 : onType("years"),
|
91
|
+
className: cls["d"],
|
92
|
+
"data-testid": "year-button",
|
93
|
+
children: [
|
94
|
+
year.toString(),
|
95
|
+
/* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
|
96
|
+
]
|
97
|
+
}
|
98
|
+
),
|
91
99
|
/* @__PURE__ */ jsx(
|
92
100
|
Button,
|
93
101
|
{
|
@@ -99,7 +107,7 @@ function MonthPickerModal({
|
|
99
107
|
}
|
100
108
|
)
|
101
109
|
] }),
|
102
|
-
/* @__PURE__ */ jsx("div", { className: cls["monthGrid"], children: months.map((i, s) => /* @__PURE__ */ jsx(
|
110
|
+
/* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "month-picker", children: months.map((i, s) => /* @__PURE__ */ jsx(
|
103
111
|
"div",
|
104
112
|
{
|
105
113
|
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-B9L4B63y.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"], children: years.map((i, s) => /* @__PURE__ */ jsx(
|
99
|
+
/* @__PURE__ */ jsx("div", { className: cls["monthGrid"], "data-testid": "year-picker", 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_1xs4d_3";
|
14
|
+
const content = "_content_1xs4d_27";
|
15
|
+
const header = "_header_1xs4d_45";
|
16
|
+
const title = "_title_1xs4d_59";
|
17
|
+
const space = "_space_1xs4d_73";
|
18
|
+
const inner = "_inner_1xs4d_84";
|
19
|
+
const button = "_button_1xs4d_87";
|
20
|
+
const footer = "_footer_1xs4d_92";
|
21
|
+
const left = "_left_1xs4d_105";
|
22
|
+
const right = "_right_1xs4d_109";
|
23
|
+
const full = "_full_1xs4d_113";
|
24
|
+
const bottom = "_bottom_1xs4d_123";
|
25
|
+
const opened = "_opened_1xs4d_140";
|
26
|
+
const overlay = "_overlay_1xs4d_196";
|
27
|
+
const unmount = "_unmount_1xs4d_212";
|
28
28
|
const cls = {
|
29
29
|
drawer,
|
30
30
|
content,
|
31
|
-
"is-loading": "_is-
|
31
|
+
"is-loading": "_is-loading_1xs4d_41",
|
32
32
|
header,
|
33
|
-
"sticky-header": "_sticky-
|
33
|
+
"sticky-header": "_sticky-header_1xs4d_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_1xs4d_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_1xs4d_134",
|
45
45
|
opened,
|
46
|
-
"is-closing": "_is-
|
46
|
+
"is-closing": "_is-closing_1xs4d_159",
|
47
47
|
overlay,
|
48
48
|
unmount
|
49
49
|
};
|
@@ -1,22 +1,22 @@
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import { EGosZnakSize, EGosZnakType } from "./constants.js";
|
4
|
-
import '../../assets/GosZnak.css';const number = "
|
5
|
-
const region = "
|
6
|
-
const country = "
|
7
|
-
const l = "
|
8
|
-
const s = "
|
9
|
-
const normal = "
|
10
|
-
const traffic = "
|
11
|
-
const military = "
|
12
|
-
const police = "
|
13
|
-
const diplomatic = "
|
4
|
+
import '../../assets/GosZnak.css';const number = "_number_dr109_13";
|
5
|
+
const region = "_region_dr109_32";
|
6
|
+
const country = "_country_dr109_46";
|
7
|
+
const l = "_l_dr109_53";
|
8
|
+
const s = "_s_dr109_62";
|
9
|
+
const normal = "_normal_dr109_71";
|
10
|
+
const traffic = "_traffic_dr109_78";
|
11
|
+
const military = "_military_dr109_85";
|
12
|
+
const police = "_police_dr109_92";
|
13
|
+
const diplomatic = "_diplomatic_dr109_99";
|
14
14
|
const cls = {
|
15
|
-
"gos-znak": "_gos-
|
15
|
+
"gos-znak": "_gos-znak_dr109_2",
|
16
16
|
number,
|
17
|
-
"number-container": "_number-
|
17
|
+
"number-container": "_number-container_dr109_22",
|
18
18
|
region,
|
19
|
-
"region-container": "_region-
|
19
|
+
"region-container": "_region-container_dr109_38",
|
20
20
|
country,
|
21
21
|
l,
|
22
22
|
s,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
|
-
import { TInputProps, TAddon, TIconAddon, TSize, TVariant } from './types';
|
2
|
+
import { TInputProps, TAddon, TIconAddon, TSize, TVariant, TStatus } from './types';
|
3
3
|
|
4
4
|
export type TAdditionalProps = {
|
5
5
|
/**
|
@@ -10,6 +10,10 @@ 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;
|
13
17
|
/**
|
14
18
|
* Дополнительный класс.
|
15
19
|
*/
|
@@ -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-DspsU5F4.js";
|
6
6
|
import "../../hooks/useMergeRefs/useMergeRefs.js";
|
7
7
|
import "../../icons/Icon.js";
|
8
8
|
import "../Button/Button.js";
|
@@ -1,10 +1,12 @@
|
|
1
1
|
export declare enum EInputVariant {
|
2
|
-
Alarm = "alarm",
|
3
|
-
Success = "success",
|
4
|
-
Error = "error",
|
5
2
|
DefaultGray = "default-gray",
|
6
3
|
DefaultWhite = "default-white"
|
7
4
|
}
|
5
|
+
export declare enum EInputStatus {
|
6
|
+
Alarm = "alarm",
|
7
|
+
Success = "success",
|
8
|
+
Error = "error"
|
9
|
+
}
|
8
10
|
export declare enum EInputSize {
|
9
11
|
S = "s",
|
10
12
|
M = "m",
|
@@ -1,11 +1,14 @@
|
|
1
1
|
var EInputVariant = /* @__PURE__ */ ((EInputVariant2) => {
|
2
|
-
EInputVariant2["Alarm"] = "alarm";
|
3
|
-
EInputVariant2["Success"] = "success";
|
4
|
-
EInputVariant2["Error"] = "error";
|
5
2
|
EInputVariant2["DefaultGray"] = "default-gray";
|
6
3
|
EInputVariant2["DefaultWhite"] = "default-white";
|
7
4
|
return EInputVariant2;
|
8
5
|
})(EInputVariant || {});
|
6
|
+
var EInputStatus = /* @__PURE__ */ ((EInputStatus2) => {
|
7
|
+
EInputStatus2["Alarm"] = "alarm";
|
8
|
+
EInputStatus2["Success"] = "success";
|
9
|
+
EInputStatus2["Error"] = "error";
|
10
|
+
return EInputStatus2;
|
11
|
+
})(EInputStatus || {});
|
9
12
|
var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
|
10
13
|
EInputSize2["S"] = "s";
|
11
14
|
EInputSize2["M"] = "m";
|
@@ -14,5 +17,6 @@ var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
|
|
14
17
|
})(EInputSize || {});
|
15
18
|
export {
|
16
19
|
EInputSize,
|
20
|
+
EInputStatus,
|
17
21
|
EInputVariant
|
18
22
|
};
|
@@ -1,3 +1,3 @@
|
|
1
1
|
export { Input, type TProps as TInputProps, type TAdditionalProps } from './Input';
|
2
|
-
export type { TSize, TVariant } from './types';
|
3
|
-
export { EInputSize, EInputVariant } from './constants';
|
2
|
+
export type { TSize, TVariant, TStatus } from './types';
|
3
|
+
export { EInputSize, EInputVariant, EInputStatus } from './constants';
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import { I } from "../../Input-
|
2
|
-
import { EInputSize, EInputVariant } from "./constants.js";
|
1
|
+
import { I } from "../../Input-DspsU5F4.js";
|
2
|
+
import { EInputSize, EInputStatus, EInputVariant } from "./constants.js";
|
3
3
|
export {
|
4
4
|
EInputSize,
|
5
|
+
EInputStatus,
|
5
6
|
EInputVariant,
|
6
7
|
I as Input
|
7
8
|
};
|
@@ -1,14 +1,10 @@
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
2
|
-
import { EInputSize, EInputVariant } from './constants';
|
2
|
+
import { EInputSize, EInputVariant, EInputStatus } 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
|
8
|
-
size?: TSize;
|
9
|
-
variant?: TVariant;
|
10
|
-
className?: string;
|
11
|
-
};
|
7
|
+
export type TStatus = `${EInputStatus}` | EInputStatus;
|
12
8
|
type TTextAddon = {
|
13
9
|
addonType?: 'text';
|
14
10
|
addonContent?: string;
|
@@ -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-DspsU5F4.js";
|
7
|
+
import '../../assets/InputPassword.css';const input = "_input_7b9x2_2";
|
8
|
+
const wrapper = "_wrapper_7b9x2_6";
|
9
|
+
const button = "_button_7b9x2_17";
|
10
|
+
const icon = "_icon_7b9x2_33";
|
11
|
+
const show = "_show_7b9x2_38";
|
12
12
|
const cls = {
|
13
13
|
input,
|
14
14
|
wrapper,
|
15
|
-
"input-wrapper": "_input-
|
16
|
-
"button-wrapper": "_button-
|
15
|
+
"input-wrapper": "_input-wrapper_7b9x2_13",
|
16
|
+
"button-wrapper": "_button-wrapper_7b9x2_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-DspsU5F4.js";
|
5
5
|
const InputPhoneNumber = memo(
|
6
6
|
forwardRef(
|
7
7
|
({ value = "", onChange, ...props }, ref) => {
|
@@ -2,28 +2,28 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import { memo, useState, useEffect } from "react";
|
4
4
|
import { EInputRangeSliderPositions, EInputRangeSliderBorderState, DEFAULT_STEP, DEFAULT_WIDTH } from "./constants.js";
|
5
|
-
import '../../assets/InputRangeSlider.css';const wrapper = "
|
6
|
-
const input = "
|
7
|
-
const rail = "
|
8
|
-
const off = "
|
9
|
-
const right = "
|
10
|
-
const left = "
|
11
|
-
const control = "
|
12
|
-
const disabled = "
|
5
|
+
import '../../assets/InputRangeSlider.css';const wrapper = "_wrapper_1kfjr_8";
|
6
|
+
const input = "_input_1kfjr_18";
|
7
|
+
const rail = "_rail_1kfjr_115";
|
8
|
+
const off = "_off_1kfjr_124";
|
9
|
+
const right = "_right_1kfjr_124";
|
10
|
+
const left = "_left_1kfjr_145";
|
11
|
+
const control = "_control_1kfjr_36";
|
12
|
+
const disabled = "_disabled_1kfjr_170";
|
13
13
|
const cls = {
|
14
|
-
"main-wrapper": "_main-
|
14
|
+
"main-wrapper": "_main-wrapper_1kfjr_2",
|
15
15
|
wrapper,
|
16
|
-
"input-wrapper": "_input-
|
17
|
-
"info-wrapper": "_info-
|
18
|
-
"control-wrapper": "_control-
|
16
|
+
"input-wrapper": "_input-wrapper_1kfjr_18",
|
17
|
+
"info-wrapper": "_info-wrapper_1kfjr_26",
|
18
|
+
"control-wrapper": "_control-wrapper_1kfjr_36",
|
19
19
|
input,
|
20
|
-
"equal-value": "_equal-
|
21
|
-
"is-double-range": "_is-double-
|
20
|
+
"equal-value": "_equal-value_1kfjr_108",
|
21
|
+
"is-double-range": "_is-double-range_1kfjr_111",
|
22
22
|
rail,
|
23
23
|
off,
|
24
24
|
right,
|
25
|
-
"double-range": "_double-
|
26
|
-
"inner-rail": "_inner-
|
25
|
+
"double-range": "_double-range_1kfjr_124",
|
26
|
+
"inner-rail": "_inner-rail_1kfjr_134",
|
27
27
|
left,
|
28
28
|
control,
|
29
29
|
disabled
|
@@ -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_12h1y_2",
|
7
|
+
"file-info-size": "_file-info-size_12h1y_8",
|
8
|
+
"file-info-name-wrapper": "_file-info-name-wrapper_12h1y_16",
|
9
|
+
"file-info-name": "_file-info-name_12h1y_16",
|
10
|
+
"file-upload-container": "_file-upload-container_12h1y_34",
|
11
|
+
"file-upload-container-item": "_file-upload-container-item_12h1y_42",
|
12
|
+
"delete-button": "_delete-button_12h1y_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_if5ro_2",
|
6
|
+
"list-photos-item": "_list-photos-item_if5ro_10",
|
7
|
+
"list-photos-image": "_list-photos-image_if5ro_19",
|
8
|
+
"delete-button": "_delete-button_if5ro_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_12v4l_2";
|
7
|
+
const gray = "_gray_12v4l_28";
|
8
|
+
const white = "_white_12v4l_36";
|
9
|
+
const transparent = "_transparent_12v4l_44";
|
10
10
|
const cls = {
|
11
11
|
buttons,
|
12
|
-
"merged-button": "_merged-
|
12
|
+
"merged-button": "_merged-button_12v4l_6",
|
13
13
|
gray,
|
14
14
|
white,
|
15
15
|
transparent,
|
16
|
-
"is-icon": "_is-
|
16
|
+
"is-icon": "_is-icon_12v4l_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_ugqfj_18";
|
5
|
+
const s = "_s_ugqfj_24";
|
6
6
|
const cls = {
|
7
|
-
"notification-badge": "_notification-
|
8
|
-
"notification-badge-absolute": "_notification-badge-
|
7
|
+
"notification-badge": "_notification-badge_ugqfj_2",
|
8
|
+
"notification-badge-absolute": "_notification-badge-absolute_ugqfj_14",
|
9
9
|
m,
|
10
10
|
s
|
11
11
|
};
|
@@ -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-DspsU5F4.js";
|
7
|
+
import '../../assets/OtpInput.css';const otp = "_otp_1shq3_3";
|
8
|
+
const input = "_input_1shq3_14";
|
9
|
+
const separator = "_separator_1shq3_28";
|
10
10
|
const cls = {
|
11
11
|
otp,
|
12
|
-
"input-wrapper": "_input-
|
12
|
+
"input-wrapper": "_input-wrapper_1shq3_14",
|
13
13
|
input,
|
14
14
|
separator
|
15
15
|
};
|
@@ -1,5 +1,3 @@
|
|
1
|
-
import { default as React } from 'react';
|
2
|
-
|
3
1
|
export type TBackProps = {
|
4
2
|
currentPageNumber: number;
|
5
3
|
onClick: (nextPage: number) => void;
|
@@ -39,4 +37,4 @@ export type TProps = {
|
|
39
37
|
*/
|
40
38
|
currentPageNumber?: number;
|
41
39
|
};
|
42
|
-
export declare const Pagination:
|
40
|
+
export declare const Pagination: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
|
@@ -4,23 +4,19 @@ 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_18kj0_2";
|
8
|
+
const item = "_item_18kj0_11";
|
9
|
+
const link = "_link_18kj0_18";
|
10
|
+
const isActive = "_isActive_18kj0_53";
|
11
|
+
const disabled = "_disabled_18kj0_56";
|
12
12
|
const cls = {
|
13
13
|
container,
|
14
|
-
link,
|
15
14
|
item,
|
15
|
+
link,
|
16
16
|
isActive,
|
17
17
|
disabled
|
18
18
|
};
|
19
|
-
const Back = ({
|
20
|
-
currentPageNumber,
|
21
|
-
onClick,
|
22
|
-
setCurrentPage
|
23
|
-
}) => {
|
19
|
+
const Back = ({ currentPageNumber, onClick, setCurrentPage }) => {
|
24
20
|
const handleClick = (event) => {
|
25
21
|
event.preventDefault();
|
26
22
|
if (currentPageNumber === FIRST_PAGE_NUMBER) return;
|
@@ -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_yses6_3";
|
107
|
+
const radio = "_radio_yses6_18";
|
108
|
+
const disabled = "_disabled_yses6_40";
|
109
|
+
const label = "_label_yses6_51";
|
110
|
+
const frame = "_frame_yses6_64";
|
111
|
+
const checked = "_checked_yses6_73";
|
112
112
|
const cls = {
|
113
113
|
group,
|
114
|
-
"content-wrapper": "_content-
|
115
|
-
"radio-wrapper": "_radio-
|
114
|
+
"content-wrapper": "_content-wrapper_yses6_8",
|
115
|
+
"radio-wrapper": "_radio-wrapper_yses6_18",
|
116
116
|
radio,
|
117
117
|
disabled,
|
118
118
|
label,
|
@@ -4,7 +4,7 @@ import * as React from "react";
|
|
4
4
|
import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useLayoutEffect, createContext, useContext, useState, Fragment, createRef, forwardRef } from "react";
|
5
5
|
import { ESelectSearchSize } from "./constants.js";
|
6
6
|
import { Icon } from "../../icons/Icon.js";
|
7
|
-
import { I as Input } from "../../Input-
|
7
|
+
import { I as Input } from "../../Input-DspsU5F4.js";
|
8
8
|
import { EInputVariant, EInputSize } from "../Input/constants.js";
|
9
9
|
import { n as n$2, u as u$3, d as o$1, s as s$3, o as o$2, p as p$1, t as t$3, e as s$4, W as W$1, y as y$3, T, H, M as M$1, a as u$5, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D as D$2, c as o$3 } from "../../keyboard-B256ZoM-.js";
|
10
10
|
import * as ReactDOM from "react-dom";
|
@@ -3752,36 +3752,36 @@ function No(o2, r2) {
|
|
3752
3752
|
return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
|
3753
3753
|
}
|
3754
3754
|
let Uo = W$1(ho), Ho = W$1(Vo), Go = W$1(Mo), jo = K, zo = W$1(Bo), Ko = W$1(No), Nt = Object.assign(Uo, { Input: Go, Button: Ho, Label: jo, Options: zo, Option: Ko });
|
3755
|
-
const disabled = "
|
3756
|
-
const container = "
|
3757
|
-
const full = "
|
3758
|
-
const button = "
|
3759
|
-
const options = "
|
3760
|
-
const top = "
|
3761
|
-
const bottom = "
|
3762
|
-
const m = "
|
3763
|
-
const l = "
|
3764
|
-
const option = "
|
3755
|
+
const disabled = "_disabled_a63ul_5";
|
3756
|
+
const container = "_container_a63ul_9";
|
3757
|
+
const full = "_full_a63ul_22";
|
3758
|
+
const button = "_button_a63ul_34";
|
3759
|
+
const options = "_options_a63ul_52";
|
3760
|
+
const top = "_top_a63ul_63";
|
3761
|
+
const bottom = "_bottom_a63ul_68";
|
3762
|
+
const m = "_m_a63ul_95";
|
3763
|
+
const l = "_l_a63ul_108";
|
3764
|
+
const option = "_option_a63ul_52";
|
3765
3765
|
const cls = {
|
3766
|
-
"select-search": "_select-
|
3766
|
+
"select-search": "_select-search_a63ul_2",
|
3767
3767
|
disabled,
|
3768
3768
|
container,
|
3769
|
-
"container-open": "_container-
|
3769
|
+
"container-open": "_container-open_a63ul_18",
|
3770
3770
|
full,
|
3771
|
-
"selected-icon": "_selected-
|
3772
|
-
"selector-icon-open": "_selector-icon-
|
3771
|
+
"selected-icon": "_selected-icon_a63ul_26",
|
3772
|
+
"selector-icon-open": "_selector-icon-open_a63ul_30",
|
3773
3773
|
button,
|
3774
|
-
"selector-icon": "_selector-
|
3774
|
+
"selector-icon": "_selector-icon_a63ul_30",
|
3775
3775
|
options,
|
3776
3776
|
top,
|
3777
3777
|
bottom,
|
3778
|
-
"no-options": "_no-
|
3778
|
+
"no-options": "_no-options_a63ul_89",
|
3779
3779
|
m,
|
3780
3780
|
l,
|
3781
|
-
"custom-input-class": "_custom-input-
|
3781
|
+
"custom-input-class": "_custom-input-class_a63ul_121",
|
3782
3782
|
option,
|
3783
|
-
"option-active": "_option-
|
3784
|
-
"option-inner": "_option-
|
3783
|
+
"option-active": "_option-active_a63ul_137",
|
3784
|
+
"option-inner": "_option-inner_a63ul_140"
|
3785
3785
|
};
|
3786
3786
|
const SelectSearch = forwardRef(
|
3787
3787
|
(props, ref) => {
|
@@ -3879,6 +3879,7 @@ const SelectSearch = forwardRef(
|
|
3879
3879
|
disabled: disabled2,
|
3880
3880
|
variant,
|
3881
3881
|
withClearButton,
|
3882
|
+
"data-testid": "select-search-input",
|
3882
3883
|
...searchProps
|
3883
3884
|
}
|
3884
3885
|
),
|
@@ -3926,6 +3927,7 @@ const SelectSearch = forwardRef(
|
|
3926
3927
|
) : /* @__PURE__ */ jsx(
|
3927
3928
|
zo,
|
3928
3929
|
{
|
3930
|
+
"data-testid": "select-search-options",
|
3929
3931
|
className: classNames(
|
3930
3932
|
cls.options,
|
3931
3933
|
cls[size2],
|
@@ -3943,6 +3945,7 @@ const SelectSearch = forwardRef(
|
|
3943
3945
|
[cls["option-active"]]: focus
|
3944
3946
|
}
|
3945
3947
|
),
|
3948
|
+
"data-testid": `select-search-option-${item.id}`,
|
3946
3949
|
children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
3947
3950
|
/* @__PURE__ */ jsxs("div", { className: cls["option-inner"], children: [
|
3948
3951
|
item.name,
|
@@ -3,9 +3,9 @@ import { c as classNames } from "../../../index-CweZ_OcN.js";
|
|
3
3
|
import { memo } from "react";
|
4
4
|
import { ESkeletonVariant } from "../constants.js";
|
5
5
|
import { SkeletonBrick } from "../SkeletonBrick/SkeletonBrick.js";
|
6
|
-
import '../../../assets/SkeletonText.css';const row = "
|
6
|
+
import '../../../assets/SkeletonText.css';const row = "_row_1ks6f_9";
|
7
7
|
const cls = {
|
8
|
-
"skeleton-text": "_skeleton-
|
8
|
+
"skeleton-text": "_skeleton-text_1ks6f_2",
|
9
9
|
row
|
10
10
|
};
|
11
11
|
const getRowWidth = (index, total) => {
|