mimir-ui-kit 1.38.26 → 1.38.27
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/dist/assets/UploaderFiles.css +1 -0
- package/dist/components/ListFiles/ListFiles.d.ts +5 -1
- package/dist/components/ListFiles/ListFiles.js +21 -20
- package/dist/components/Uploader/Uploader.js +43 -43
- package/dist/components/UploaderFiles/UploaderFiles.d.ts +1 -57
- package/dist/components/UploaderFiles/UploaderFiles.js +81 -65
- package/dist/components/UploaderFiles/constants.d.ts +4 -0
- package/dist/components/UploaderFiles/constants.js +4 -0
- package/dist/components/UploaderFiles/index.d.ts +2 -1
- package/dist/components/UploaderFiles/index.js +4 -2
- package/dist/components/UploaderFiles/types.d.ts +75 -0
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +88 -86
- package/dist/index.js +113 -111
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_aj93w_2{display:flex;flex-direction:column;gap:var(--mimir-space-m);padding:var(--mimir-space-4xl) var(--mimir-space-xl);overflow:hidden;border:var(--mimir-control-border-width) dashed var(--black-20);border-radius:var(--mimir-control-radius-s)}._container_aj93w_2._white_aj93w_11{background-color:var(--white)}._container_aj93w_2._gray_aj93w_14{background-color:var(--black-5)}._container_aj93w_2._compact_aj93w_17{padding:var(--mimir-space-xl) var(--mimir-space-m)}
|
|
@@ -17,6 +17,10 @@ export type TListFiles = {
|
|
|
17
17
|
* Вариант отображения файла
|
|
18
18
|
*/
|
|
19
19
|
variant?: EFileItemVariant | `${EFileItemVariant}`;
|
|
20
|
+
/**
|
|
21
|
+
* Блок удаления файлов
|
|
22
|
+
*/
|
|
23
|
+
disabled?: boolean;
|
|
20
24
|
};
|
|
21
25
|
export type TFileItem = {
|
|
22
26
|
id: number;
|
|
@@ -33,4 +37,4 @@ export type TFilesDetail = {
|
|
|
33
37
|
size?: number;
|
|
34
38
|
type?: string;
|
|
35
39
|
};
|
|
36
|
-
export declare function ListFiles({ value, onChange, classNameWrapper, variant }: TListFiles): import("react/jsx-runtime").JSX.Element | null;
|
|
40
|
+
export declare function ListFiles({ value, onChange, classNameWrapper, variant, disabled }: TListFiles): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as t, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { useState as
|
|
4
|
-
import { EFileItemVariant as
|
|
5
|
-
import { formating as
|
|
6
|
-
import { Button as
|
|
7
|
-
import '../../assets/ListFiles.css';const
|
|
2
|
+
import { c as d } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { useState as u, useEffect as w } from "react";
|
|
4
|
+
import { EFileItemVariant as g } from "./constants.js";
|
|
5
|
+
import { formating as N } from "../../utils/index.js";
|
|
6
|
+
import { Button as h } from "../Button/Button.js";
|
|
7
|
+
import '../../assets/ListFiles.css';const z = "_white_wnnpg_58", y = "_gray_wnnpg_63", e = {
|
|
8
8
|
"file-info": "_file-info_wnnpg_2",
|
|
9
9
|
"file-info-size": "_file-info-size_wnnpg_8",
|
|
10
10
|
"file-info-name-wrapper": "_file-info-name-wrapper_wnnpg_16",
|
|
@@ -12,27 +12,28 @@ import '../../assets/ListFiles.css';const h = "_white_wnnpg_58", z = "_gray_wnnp
|
|
|
12
12
|
"file-upload-container": "_file-upload-container_wnnpg_34",
|
|
13
13
|
"file-upload-container-item": "_file-upload-container-item_wnnpg_42",
|
|
14
14
|
"delete-button": "_delete-button_wnnpg_51",
|
|
15
|
-
white:
|
|
16
|
-
gray:
|
|
15
|
+
white: z,
|
|
16
|
+
gray: y
|
|
17
17
|
};
|
|
18
|
-
function
|
|
18
|
+
function B({
|
|
19
19
|
value: o,
|
|
20
20
|
onChange: s,
|
|
21
21
|
classNameWrapper: f,
|
|
22
|
-
variant: c =
|
|
22
|
+
variant: c = g.white,
|
|
23
|
+
disabled: m
|
|
23
24
|
}) {
|
|
24
|
-
const [a, l] =
|
|
25
|
-
|
|
25
|
+
const [a, l] = u(o);
|
|
26
|
+
w(() => {
|
|
26
27
|
l(o);
|
|
27
28
|
}, [o]);
|
|
28
|
-
const
|
|
29
|
-
const n = [...a.filter((
|
|
29
|
+
const p = async (i) => {
|
|
30
|
+
const n = [...a.filter((_) => _.id !== i)];
|
|
30
31
|
l(n), s == null || s({ deleteId: i, list: n });
|
|
31
32
|
};
|
|
32
33
|
return a.length ? /* @__PURE__ */ t(
|
|
33
34
|
"ul",
|
|
34
35
|
{
|
|
35
|
-
className:
|
|
36
|
+
className: d(
|
|
36
37
|
e["file-upload-container"],
|
|
37
38
|
f,
|
|
38
39
|
e[c]
|
|
@@ -41,19 +42,19 @@ function v({
|
|
|
41
42
|
/* @__PURE__ */ r("div", { className: e["file-info"], children: [
|
|
42
43
|
(i == null ? void 0 : i.size) && /* @__PURE__ */ r("span", { className: e["file-info-size"], children: [
|
|
43
44
|
" ",
|
|
44
|
-
|
|
45
|
+
N.Size(i == null ? void 0 : i.size)
|
|
45
46
|
] }),
|
|
46
47
|
/* @__PURE__ */ t("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ t("div", { className: e["file-info-name"], children: i.name }) })
|
|
47
48
|
] }),
|
|
48
|
-
/* @__PURE__ */ t(
|
|
49
|
-
|
|
49
|
+
!m && /* @__PURE__ */ t(
|
|
50
|
+
h,
|
|
50
51
|
{
|
|
51
52
|
isIconButton: !0,
|
|
52
53
|
iconName: "Close12px",
|
|
53
54
|
size: "m-s",
|
|
54
55
|
variant: "secondary-gray",
|
|
55
56
|
className: e["delete-button"],
|
|
56
|
-
onClick: () =>
|
|
57
|
+
onClick: () => p(i.id)
|
|
57
58
|
}
|
|
58
59
|
)
|
|
59
60
|
] }, n))
|
|
@@ -61,5 +62,5 @@ function v({
|
|
|
61
62
|
) : null;
|
|
62
63
|
}
|
|
63
64
|
export {
|
|
64
|
-
|
|
65
|
+
B as ListFiles
|
|
65
66
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as o, jsx as n, Fragment as B } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
2
|
+
import { forwardRef as R, useRef as M, useId as k } from "react";
|
|
3
3
|
import { Icon as D } from "../../icons/Icon.js";
|
|
4
4
|
import { Button as G } from "../Button/Button.js";
|
|
5
5
|
import { EButtonVariantDefault as O } from "../Button/constants.js";
|
|
@@ -7,7 +7,7 @@ import '../../assets/Uploader.css';const c = {
|
|
|
7
7
|
"upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
|
|
8
8
|
"upload-text": "_upload-text_bplvw_25",
|
|
9
9
|
"upload-file-input": "_upload-file-input_bplvw_35"
|
|
10
|
-
},
|
|
10
|
+
}, y = {
|
|
11
11
|
jpeg: "image/jpeg",
|
|
12
12
|
jpg: "image/jpg",
|
|
13
13
|
png: "image/png",
|
|
@@ -31,76 +31,76 @@ import '../../assets/Uploader.css';const c = {
|
|
|
31
31
|
], X = () => {
|
|
32
32
|
let i = 0;
|
|
33
33
|
return () => (i = (i + 1) % Number.MAX_SAFE_INTEGER, i);
|
|
34
|
-
}, q = X(), W =
|
|
34
|
+
}, q = X(), W = R(
|
|
35
35
|
(i, v) => {
|
|
36
36
|
const {
|
|
37
37
|
filesType: l = L,
|
|
38
|
-
onChangeValue:
|
|
39
|
-
arrayName:
|
|
40
|
-
maxSize:
|
|
41
|
-
maxFiles:
|
|
42
|
-
isDisabled:
|
|
43
|
-
titleUploader:
|
|
44
|
-
buttonText:
|
|
45
|
-
showOnlyUploadButton:
|
|
46
|
-
uploadButtonVariant:
|
|
47
|
-
buttonSize:
|
|
48
|
-
buttonClassName:
|
|
49
|
-
onMaxFilesExceeded:
|
|
50
|
-
onMaxSizeExceeded:
|
|
51
|
-
onInvalidFileType:
|
|
52
|
-
} = i,
|
|
38
|
+
onChangeValue: _,
|
|
39
|
+
arrayName: j,
|
|
40
|
+
maxSize: d = 15,
|
|
41
|
+
maxFiles: p,
|
|
42
|
+
isDisabled: f,
|
|
43
|
+
titleUploader: m = "Или перетащите сюда",
|
|
44
|
+
buttonText: I = "Выберите файлы",
|
|
45
|
+
showOnlyUploadButton: N = !1,
|
|
46
|
+
uploadButtonVariant: T = O.SecondaryAsphalt,
|
|
47
|
+
buttonSize: z = "m",
|
|
48
|
+
buttonClassName: S,
|
|
49
|
+
onMaxFilesExceeded: r,
|
|
50
|
+
onMaxSizeExceeded: u,
|
|
51
|
+
onInvalidFileType: g
|
|
52
|
+
} = i, x = M(null), h = k(), C = (e) => {
|
|
53
53
|
var a;
|
|
54
54
|
return e.type ? e.type : ((a = e.name.split(".").pop()) == null ? void 0 : a.toLowerCase()) === "heic" ? "image/heic" : "";
|
|
55
|
-
},
|
|
55
|
+
}, E = (e) => {
|
|
56
|
+
var s;
|
|
56
57
|
if (e.target.files && e.target.files[0]) {
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
const
|
|
60
|
-
const V =
|
|
61
|
-
return !
|
|
62
|
-
}).slice(0,
|
|
63
|
-
|
|
58
|
+
const a = Array.from(e.target.files);
|
|
59
|
+
p && a.length > p && (r == null || r());
|
|
60
|
+
const U = a.filter((t) => {
|
|
61
|
+
const V = C(t), b = l.map((A) => y[A]).includes(V), w = t.size / 1024 ** 2 <= d;
|
|
62
|
+
return !b && g && g(t.name), !w && u && u(t.name), b && w;
|
|
63
|
+
}).slice(0, p).map((t) => ({ file: t, id: q() }));
|
|
64
|
+
_({ arrayName: j, value: U }), (s = e.target) != null && s.value && (e.target.value = "");
|
|
64
65
|
}
|
|
65
|
-
},
|
|
66
|
+
}, F = () => {
|
|
66
67
|
var e;
|
|
67
|
-
(e =
|
|
68
|
+
(e = x.current) == null || e.click();
|
|
68
69
|
};
|
|
69
70
|
return /* @__PURE__ */ o("div", { className: c["upload-file-wrapper"], ref: v, children: [
|
|
70
71
|
/* @__PURE__ */ n(
|
|
71
72
|
"input",
|
|
72
73
|
{
|
|
73
|
-
ref: r,
|
|
74
74
|
type: "file",
|
|
75
75
|
className: c["upload-file-input"],
|
|
76
76
|
"aria-label": "Upload",
|
|
77
77
|
name: "image[]",
|
|
78
78
|
multiple: !0,
|
|
79
|
-
onChange:
|
|
79
|
+
onChange: E,
|
|
80
80
|
title: "",
|
|
81
|
-
id:
|
|
82
|
-
accept: l.map((e) =>
|
|
83
|
-
disabled:
|
|
81
|
+
id: h,
|
|
82
|
+
accept: l.map((e) => y[e]).join(),
|
|
83
|
+
disabled: f
|
|
84
84
|
}
|
|
85
85
|
),
|
|
86
|
-
/* @__PURE__ */ o("label", { htmlFor:
|
|
86
|
+
/* @__PURE__ */ o("label", { htmlFor: h, ref: x, children: [
|
|
87
87
|
/* @__PURE__ */ n(
|
|
88
88
|
G,
|
|
89
89
|
{
|
|
90
|
-
size:
|
|
91
|
-
variant:
|
|
90
|
+
size: z,
|
|
91
|
+
variant: T,
|
|
92
92
|
leftIcon: /* @__PURE__ */ n(D, { iconName: "UnionIcon16px" }),
|
|
93
|
-
onClick:
|
|
94
|
-
disabled:
|
|
95
|
-
className:
|
|
96
|
-
children:
|
|
93
|
+
onClick: F,
|
|
94
|
+
disabled: f,
|
|
95
|
+
className: S,
|
|
96
|
+
children: I
|
|
97
97
|
}
|
|
98
98
|
),
|
|
99
|
-
!
|
|
100
|
-
|
|
99
|
+
!N && /* @__PURE__ */ o(B, { children: [
|
|
100
|
+
m && /* @__PURE__ */ n("b", { children: m }),
|
|
101
101
|
/* @__PURE__ */ o("span", { className: c["upload-text"], children: [
|
|
102
102
|
"Максимальный размер одного файла – ",
|
|
103
|
-
|
|
103
|
+
d,
|
|
104
104
|
" Мб",
|
|
105
105
|
/* @__PURE__ */ n("br", {}),
|
|
106
106
|
"Загрузить можно файлы следующих форматов: ",
|
|
@@ -1,59 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { imageTypesArr } from '../Uploader/constants';
|
|
3
|
-
import { TFileItem } from '../Uploader/Uploader';
|
|
1
|
+
import { TUploaderFiles } from './types';
|
|
4
2
|
|
|
5
|
-
export type TUploaderFiles = {
|
|
6
|
-
/**
|
|
7
|
-
* Массив разрешенных типов файлов для настройки валидации
|
|
8
|
-
* 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' |'docx' | 'txt'
|
|
9
|
-
*/
|
|
10
|
-
filesType: imageTypesArr[];
|
|
11
|
-
/**
|
|
12
|
-
* Наименование передаваемого массива файлов
|
|
13
|
-
*/
|
|
14
|
-
arrayName: string;
|
|
15
|
-
/**
|
|
16
|
-
* Максимальный размер файлов.
|
|
17
|
-
*/
|
|
18
|
-
maxSize: number;
|
|
19
|
-
/**
|
|
20
|
-
* Функция обратного вызова, передает параметры type и data,
|
|
21
|
-
* type 'add' в data передает массив файлов,
|
|
22
|
-
* type:'delete' в data передает id удаленного файла
|
|
23
|
-
*/
|
|
24
|
-
onChange: (j: TOnChangeFilesUpdate) => void;
|
|
25
|
-
/**
|
|
26
|
-
* Передаваемые файлы.
|
|
27
|
-
*/
|
|
28
|
-
value?: TFilesDetail[];
|
|
29
|
-
/**
|
|
30
|
-
* Максимальное количество файлов.
|
|
31
|
-
*/
|
|
32
|
-
maxFiles: number;
|
|
33
|
-
/**
|
|
34
|
-
* Текст внутри кнопки загрузки файла
|
|
35
|
-
*/
|
|
36
|
-
buttonText?: string;
|
|
37
|
-
/**
|
|
38
|
-
* необязательное поле, имя формы загрузчика на случай, если на странице несколько форм
|
|
39
|
-
*/
|
|
40
|
-
name?: string;
|
|
41
|
-
/**
|
|
42
|
-
* Проп для обработки ошибки при превышении максимального количества файлов
|
|
43
|
-
*/
|
|
44
|
-
onMaxFilesExceeded?: () => void;
|
|
45
|
-
/**
|
|
46
|
-
* Проп для обработки ошибки при превышении максимального размера файла
|
|
47
|
-
*/
|
|
48
|
-
onMaxSizeExceeded?: (fileName: string) => void;
|
|
49
|
-
/**
|
|
50
|
-
* Проп для обработки ошибки при загрузке файла неразрешенного типа
|
|
51
|
-
*/
|
|
52
|
-
onInvalidFileType?: (fileName: string) => void;
|
|
53
|
-
};
|
|
54
|
-
export type TOnChangeFilesUpdate = {
|
|
55
|
-
type: string;
|
|
56
|
-
data: TFileItem[] | number;
|
|
57
|
-
name?: string;
|
|
58
|
-
};
|
|
59
3
|
export declare const UploaderFiles: import('react').ForwardRefExoticComponent<TUploaderFiles & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,76 +1,92 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
1
|
+
import { jsxs as Q, jsx as y } from "react/jsx-runtime";
|
|
2
|
+
import { c as R } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { forwardRef as W, useState as L, useEffect as X } from "react";
|
|
4
|
+
import { EUploaderFilesVariant as u } from "./constants.js";
|
|
5
|
+
import { useMediaQuery as k } from "../../hooks/useMediaQuery/useMediaQuery.js";
|
|
6
|
+
import { EMediaQuery as q } from "../../hooks/useMediaQuery/constants.js";
|
|
7
|
+
import { ListFiles as A } from "../ListFiles/ListFiles.js";
|
|
8
|
+
import { EFileItemVariant as x } from "../ListFiles/constants.js";
|
|
9
|
+
import { Uploader as B } from "../Uploader/Uploader.js";
|
|
10
|
+
import '../../assets/UploaderFiles.css';const C = "_container_aj93w_2", G = "_white_aj93w_11", H = "_gray_aj93w_14", J = "_compact_aj93w_17", c = {
|
|
11
|
+
container: C,
|
|
12
|
+
white: G,
|
|
13
|
+
gray: H,
|
|
14
|
+
compact: J
|
|
15
|
+
}, ta = W(
|
|
16
|
+
(F, _) => {
|
|
10
17
|
const {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
18
|
+
compact: w,
|
|
19
|
+
readonly: l,
|
|
20
|
+
filesType: h,
|
|
21
|
+
arrayName: S,
|
|
22
|
+
maxSize: j,
|
|
23
|
+
onChange: i,
|
|
24
|
+
value: t,
|
|
16
25
|
name: d,
|
|
17
|
-
maxFiles:
|
|
18
|
-
buttonText:
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
maxFiles: o,
|
|
27
|
+
buttonText: E,
|
|
28
|
+
variant: n = u.White,
|
|
29
|
+
className: M,
|
|
30
|
+
onMaxFilesExceeded: b,
|
|
31
|
+
onMaxSizeExceeded: g,
|
|
32
|
+
onInvalidFileType: v
|
|
33
|
+
} = F, z = k(q.XSS), [e, r] = L(t || []), N = o && e.length >= o, I = n === u.White ? x.gray : x.white;
|
|
34
|
+
X(() => {
|
|
35
|
+
t && r(t);
|
|
36
|
+
}, [t]);
|
|
37
|
+
const V = (s) => {
|
|
38
|
+
const D = [
|
|
39
|
+
...e,
|
|
40
|
+
...s.value.map((a) => {
|
|
41
|
+
var p, m, f;
|
|
31
42
|
return {
|
|
32
|
-
id:
|
|
43
|
+
id: a.id,
|
|
33
44
|
url: "",
|
|
34
|
-
size: (p =
|
|
35
|
-
name: (m =
|
|
36
|
-
type: (
|
|
45
|
+
size: (p = a == null ? void 0 : a.file) == null ? void 0 : p.size,
|
|
46
|
+
name: (m = a == null ? void 0 : a.file) == null ? void 0 : m.name,
|
|
47
|
+
type: (f = a == null ? void 0 : a.file) == null ? void 0 : f.type
|
|
37
48
|
};
|
|
38
49
|
})
|
|
39
50
|
];
|
|
40
|
-
|
|
41
|
-
},
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
51
|
+
r(D), i == null || i({ type: "add", data: s.value, name: d });
|
|
52
|
+
}, T = (s) => {
|
|
53
|
+
r(s.list), s.deleteId && (i == null || i({ type: "delete", data: s.deleteId, name: d }));
|
|
54
|
+
}, U = R([
|
|
55
|
+
c.container,
|
|
56
|
+
c[n],
|
|
57
|
+
w && c.compact,
|
|
58
|
+
M
|
|
59
|
+
]);
|
|
60
|
+
return /* @__PURE__ */ Q("div", { className: U, children: [
|
|
61
|
+
/* @__PURE__ */ y(
|
|
62
|
+
B,
|
|
63
|
+
{
|
|
64
|
+
filesType: h,
|
|
65
|
+
arrayName: S,
|
|
66
|
+
maxSize: j,
|
|
67
|
+
onChangeValue: V,
|
|
68
|
+
ref: _,
|
|
69
|
+
buttonSize: z ? "s" : "m",
|
|
70
|
+
maxFiles: o && o - e.length,
|
|
71
|
+
isDisabled: N || l,
|
|
72
|
+
buttonText: E,
|
|
73
|
+
onMaxFilesExceeded: b,
|
|
74
|
+
onMaxSizeExceeded: g,
|
|
75
|
+
onInvalidFileType: v
|
|
76
|
+
}
|
|
77
|
+
),
|
|
78
|
+
/* @__PURE__ */ y(
|
|
79
|
+
A,
|
|
80
|
+
{
|
|
81
|
+
value: e,
|
|
82
|
+
variant: I,
|
|
83
|
+
onChange: T,
|
|
84
|
+
disabled: l
|
|
85
|
+
}
|
|
86
|
+
)
|
|
87
|
+
] });
|
|
72
88
|
}
|
|
73
89
|
);
|
|
74
90
|
export {
|
|
75
|
-
|
|
91
|
+
ta as UploaderFiles
|
|
76
92
|
};
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { UploaderFiles as
|
|
1
|
+
import { UploaderFiles as o } from "./UploaderFiles.js";
|
|
2
|
+
import { EUploaderFilesVariant as l } from "./constants.js";
|
|
2
3
|
export {
|
|
3
|
-
|
|
4
|
+
l as EUploaderFilesVariant,
|
|
5
|
+
o as UploaderFiles
|
|
4
6
|
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { EUploaderFilesVariant } from './constants';
|
|
2
|
+
import { TFilesDetail } from '../ListFiles';
|
|
3
|
+
import { imageTypesArr } from '../Uploader/constants';
|
|
4
|
+
import { TFileItem } from '../Uploader/Uploader';
|
|
5
|
+
|
|
6
|
+
export type TUploaderFiles = {
|
|
7
|
+
/**
|
|
8
|
+
* Уменьшенный вертикальный и горизонтальный padding у контейнера
|
|
9
|
+
*/
|
|
10
|
+
compact?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Массив разрешенных типов файлов для настройки валидации
|
|
13
|
+
* 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' |'docx' | 'txt'
|
|
14
|
+
*/
|
|
15
|
+
filesType: imageTypesArr[];
|
|
16
|
+
/**
|
|
17
|
+
* Наименование передаваемого массива файлов
|
|
18
|
+
*/
|
|
19
|
+
arrayName: string;
|
|
20
|
+
/**
|
|
21
|
+
* Блок взаимодействия
|
|
22
|
+
*/
|
|
23
|
+
readonly?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Максимальный размер файлов.
|
|
26
|
+
*/
|
|
27
|
+
maxSize: number;
|
|
28
|
+
/**
|
|
29
|
+
* Функция обратного вызова, передает параметры type и data,
|
|
30
|
+
* type 'add' в data передает массив файлов,
|
|
31
|
+
* type:'delete' в data передает id удаленного файла
|
|
32
|
+
*/
|
|
33
|
+
onChange: (uploadResult: TOnChangeFilesUpdate) => void;
|
|
34
|
+
/**
|
|
35
|
+
* Передаваемые файлы.
|
|
36
|
+
*/
|
|
37
|
+
value?: TFilesDetail[];
|
|
38
|
+
/**
|
|
39
|
+
* Максимальное количество файлов.
|
|
40
|
+
*/
|
|
41
|
+
maxFiles: number;
|
|
42
|
+
/**
|
|
43
|
+
* Текст внутри кнопки загрузки файла
|
|
44
|
+
*/
|
|
45
|
+
buttonText?: string;
|
|
46
|
+
/**
|
|
47
|
+
* необязательное поле, имя формы загрузчика на случай, если на странице несколько форм
|
|
48
|
+
*/
|
|
49
|
+
name?: string;
|
|
50
|
+
/**
|
|
51
|
+
* Внешние стили
|
|
52
|
+
*/
|
|
53
|
+
className?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Внешние стили
|
|
56
|
+
*/
|
|
57
|
+
variant?: EUploaderFilesVariant;
|
|
58
|
+
/**
|
|
59
|
+
* Проп для обработки ошибки при превышении максимального количества файлов
|
|
60
|
+
*/
|
|
61
|
+
onMaxFilesExceeded?: () => void;
|
|
62
|
+
/**
|
|
63
|
+
* Проп для обработки ошибки при превышении максимального размера файла
|
|
64
|
+
*/
|
|
65
|
+
onMaxSizeExceeded?: (fileName: string) => void;
|
|
66
|
+
/**
|
|
67
|
+
* Проп для обработки ошибки при загрузке файла неразрешенного типа
|
|
68
|
+
*/
|
|
69
|
+
onInvalidFileType?: (fileName: string) => void;
|
|
70
|
+
};
|
|
71
|
+
export type TOnChangeFilesUpdate = {
|
|
72
|
+
type: string;
|
|
73
|
+
data: TFileItem[] | number;
|
|
74
|
+
name?: string;
|
|
75
|
+
};
|
|
@@ -36,8 +36,8 @@ export { Pagination } from './Pagination';
|
|
|
36
36
|
export { ToastProvider, useToast, EToastPosition, EToastVariant } from './Toasts';
|
|
37
37
|
export { UploaderPhotos } from './UploaderPhotos';
|
|
38
38
|
export type { TUploaderPhotos, TOnChangePhotosUpdate } from './UploaderPhotos';
|
|
39
|
-
export { UploaderFiles } from './UploaderFiles';
|
|
40
|
-
export type { TUploaderFiles, TOnChangeFilesUpdate } from './UploaderFiles';
|
|
39
|
+
export { UploaderFiles, EUploaderFilesVariant } from './UploaderFiles';
|
|
40
|
+
export type { TUploaderFiles, TOnChangeFilesUpdate } from './UploaderFiles/types';
|
|
41
41
|
export { Uploader } from './Uploader';
|
|
42
42
|
export type { TUploadValue, TFileItem } from './Uploader';
|
|
43
43
|
export { ELinkSize, ELinkVariant, Link } from './AnchorLink';
|
package/dist/components/index.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { Button as e } from "./Button/Button.js";
|
|
2
2
|
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
|
|
3
|
-
import { I as
|
|
3
|
+
import { I as s } from "../Input-CQ7LgZWK.js";
|
|
4
4
|
import { EInputSize as E, EInputStatus as l, EInputVariant as u } from "./Input/constants.js";
|
|
5
5
|
import { TextArea as c } from "./TextArea/TextArea.js";
|
|
6
6
|
import { ETextAreaInputSize as g } from "./TextArea/constants.js";
|
|
7
|
-
import { InputPassword as
|
|
8
|
-
import { InputPhoneNumber as
|
|
7
|
+
import { InputPassword as V } from "./InputPassword/InputPassword.js";
|
|
8
|
+
import { InputPhoneNumber as z } from "./InputPhoneNumber/InputPhoneNumber.js";
|
|
9
9
|
import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as P } from "./InputPhoneNumber/utils.js";
|
|
10
10
|
import { OtpInput as L } from "./OtpInput/OtpInput.js";
|
|
11
11
|
import { RadioGroup as R } from "./RadioGroup/RadioGroup.js";
|
|
12
|
-
import { DatePicker as
|
|
12
|
+
import { DatePicker as w } from "./DatePicker/DatePicker.js";
|
|
13
13
|
import { MergedButton as C } from "./MergedButton/MergedButton.js";
|
|
14
14
|
import { EMergedButtonVariantRound as D } from "./MergedButton/constants.js";
|
|
15
|
-
import { AppImage as
|
|
15
|
+
import { AppImage as v } from "./Image/Image.js";
|
|
16
16
|
import { Loader as N } from "./Loader/Loader.js";
|
|
17
17
|
import { SliderLazy as O } from "./Slider/index.js";
|
|
18
18
|
import { Drawer as q } from "./Drawer/Drawer.js";
|
|
@@ -25,90 +25,91 @@ import { EVoteSize as to } from "./Vote/constants.js";
|
|
|
25
25
|
import { SelectSearch as ao } from "./SelectSearch/SelectSearch.js";
|
|
26
26
|
import { ESelectSearchSize as mo } from "./SelectSearch/constants.js";
|
|
27
27
|
import { CheckboxMimir as xo } from "./CheckboxMimir/CheckboxMimir.js";
|
|
28
|
-
import { Tag as
|
|
28
|
+
import { Tag as so } from "./Tag/Tag.js";
|
|
29
29
|
import { ETagSize as Eo, ETagType as lo } from "./Tag/constants.js";
|
|
30
30
|
import { Timer as co } from "./Timer/Timer.js";
|
|
31
31
|
import { Accordion as go } from "./Accordion/Accordion.js";
|
|
32
|
-
import { EAccordionSize as
|
|
33
|
-
import { AccordionItem as
|
|
32
|
+
import { EAccordionSize as Vo } from "./Accordion/constants.js";
|
|
33
|
+
import { AccordionItem as zo } from "./Accordion/AccordionItem/AccordionItem.js";
|
|
34
34
|
import { TabTrail as Bo } from "./TabTrail/TabTrail.js";
|
|
35
35
|
import { ETabTrailSize as Ao } from "./TabTrail/constants.js";
|
|
36
36
|
import { Pagination as Mo } from "./Pagination/Pagination.js";
|
|
37
|
-
import { ToastProvider as
|
|
37
|
+
import { ToastProvider as Uo } from "./Toasts/ToastsProvider.js";
|
|
38
38
|
import { useToast as yo } from "./Toasts/hooks.js";
|
|
39
39
|
import { EToastPosition as bo, EToastVariant as Do } from "./Toasts/constants.js";
|
|
40
|
-
import { UploaderPhotos as
|
|
40
|
+
import { UploaderPhotos as vo } from "./UploaderPhotos/UploaderPhotos.js";
|
|
41
41
|
import { UploaderFiles as No } from "./UploaderFiles/UploaderFiles.js";
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
42
|
+
import { EUploaderFilesVariant as Oo } from "./UploaderFiles/constants.js";
|
|
43
|
+
import { Uploader as qo } from "./Uploader/Uploader.js";
|
|
44
|
+
import { Link as Jo } from "./AnchorLink/Link.js";
|
|
45
|
+
import { ELinkSize as Qo, ELinkVariant as Wo } from "./AnchorLink/constants.js";
|
|
46
|
+
import { NotificationBadge as Yo } from "./NotificationBadge/NotificationBadge.js";
|
|
47
|
+
import { ENotificationBadgeSize as $o } from "./NotificationBadge/constants.js";
|
|
48
|
+
import { Chip as rr } from "./Chip/Chip.js";
|
|
49
|
+
import { EChipSize as tr, EChipVariant as pr } from "./Chip/constants.js";
|
|
50
|
+
import { UniversalUploader as ir } from "./UniversalUploader/UniversalUploader.js";
|
|
51
|
+
import { EUploaderType as fr } from "./UniversalUploader/constants.js";
|
|
52
|
+
import { InputRangeSlider as nr } from "./InputRangeSlider/InputRangeSlider.js";
|
|
53
|
+
import { EInputRangeSliderBorderState as Sr, EInputRangeSliderPositions as Er } from "./InputRangeSlider/constants.js";
|
|
54
|
+
import { GosZnak as ur } from "./GosZnak/GosZnak.js";
|
|
55
|
+
import { EGosZnakSize as cr, EGosZnakType as Tr } from "./GosZnak/constants.js";
|
|
56
|
+
import { Switcher as Ir } from "./Switcher/Switcher.js";
|
|
57
|
+
import { ELabelPositions as hr } from "./Switcher/constants.js";
|
|
58
|
+
import { TwinSwitcher as kr } from "./TwinSwitcher/TwinSwitcher.js";
|
|
59
|
+
import { SkeletonBrick as Pr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
|
|
60
|
+
import { SkeletonText as Lr } from "./Skeleton/SkeletonText/SkeletonText.js";
|
|
61
|
+
import { SkeletonCircle as Rr } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
|
|
62
|
+
import { ESkeletonVariant as wr } from "./Skeleton/constants.js";
|
|
63
|
+
import { Avatar as Cr } from "./Avatar/Avatar.js";
|
|
64
|
+
import { EAvatarSize as Dr } from "./Avatar/constants.js";
|
|
65
|
+
import { MultiSelectSearch as vr } from "./MultiSelectSearch/MultiSelectSearch.js";
|
|
66
|
+
import { EMultiSelectSearchSize as Nr } from "./MultiSelectSearch/constants.js";
|
|
67
|
+
import { ListFiles as Or } from "./ListFiles/ListFiles.js";
|
|
68
|
+
import { EFileItemVariant as qr } from "./ListFiles/constants.js";
|
|
69
|
+
import { ListPhotos as Jr } from "./ListPhotos/ListPhotos.js";
|
|
70
|
+
import { MessageShortReply as Qr } from "./MessageShortReply/MessageShortReply.js";
|
|
71
|
+
import { EMessageShortReplyVariant as Xr } from "./MessageShortReply/constants.js";
|
|
72
|
+
import { default as _r } from "./Slider/Slider.js";
|
|
73
|
+
import { EProgressBarPosition as oe } from "./Slider/constants.js";
|
|
73
74
|
export {
|
|
74
75
|
go as Accordion,
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
zo as AccordionItem,
|
|
77
|
+
Cr as Avatar,
|
|
77
78
|
e as Button,
|
|
78
79
|
xo as CheckboxMimir,
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
rr as Chip,
|
|
81
|
+
w as DatePicker,
|
|
81
82
|
q as Drawer,
|
|
82
83
|
Q as Dropdown,
|
|
83
|
-
|
|
84
|
-
|
|
84
|
+
Vo as EAccordionSize,
|
|
85
|
+
Dr as EAvatarSize,
|
|
85
86
|
p as EButtonForm,
|
|
86
87
|
a as EButtonSize,
|
|
87
88
|
i as EButtonVariantBorderless,
|
|
88
89
|
m as EButtonVariantDefault,
|
|
89
90
|
f as EButtonVariantOutline,
|
|
90
91
|
x as EButtonVariantRound,
|
|
91
|
-
|
|
92
|
-
|
|
92
|
+
tr as EChipSize,
|
|
93
|
+
pr as EChipVariant,
|
|
93
94
|
J as EDrawerPosition,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
95
|
+
qr as EFileItemVariant,
|
|
96
|
+
cr as EGosZnakSize,
|
|
97
|
+
Tr as EGosZnakType,
|
|
98
|
+
Sr as EInputRangeSliderBorderState,
|
|
99
|
+
Er as EInputRangeSliderPositions,
|
|
99
100
|
E as EInputSize,
|
|
100
101
|
l as EInputStatus,
|
|
101
102
|
u as EInputVariant,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
103
|
+
hr as ELabelPositions,
|
|
104
|
+
Qo as ELinkSize,
|
|
105
|
+
Wo as ELinkVariant,
|
|
105
106
|
D as EMergedButtonVariantRound,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
107
|
+
Xr as EMessageShortReplyVariant,
|
|
108
|
+
Nr as EMultiSelectSearchSize,
|
|
109
|
+
$o as ENotificationBadgeSize,
|
|
110
|
+
oe as EProgressBarPosition,
|
|
110
111
|
mo as ESelectSearchSize,
|
|
111
|
-
|
|
112
|
+
wr as ESkeletonVariant,
|
|
112
113
|
_ as EStepColor,
|
|
113
114
|
$ as EStepsSize,
|
|
114
115
|
Ao as ETabTrailSize,
|
|
@@ -117,43 +118,44 @@ export {
|
|
|
117
118
|
g as ETextAreaInputSize,
|
|
118
119
|
bo as EToastPosition,
|
|
119
120
|
Do as EToastVariant,
|
|
120
|
-
|
|
121
|
+
Oo as EUploaderFilesVariant,
|
|
122
|
+
fr as EUploaderType,
|
|
121
123
|
to as EVoteSize,
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
124
|
+
ur as GosZnak,
|
|
125
|
+
v as Image,
|
|
126
|
+
s as Input,
|
|
127
|
+
V as InputPassword,
|
|
128
|
+
z as InputPhoneNumber,
|
|
129
|
+
nr as InputRangeSlider,
|
|
130
|
+
Jo as Link,
|
|
131
|
+
Or as ListFiles,
|
|
132
|
+
Jr as ListPhotos,
|
|
131
133
|
N as Loader,
|
|
132
134
|
C as MergedButton,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
135
|
+
Qr as MessageShortReply,
|
|
136
|
+
vr as MultiSelectSearch,
|
|
137
|
+
Yo as NotificationBadge,
|
|
136
138
|
L as OtpInput,
|
|
137
139
|
Mo as Pagination,
|
|
138
140
|
R as RadioGroup,
|
|
139
141
|
ao as SelectSearch,
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
142
|
+
Pr as SkeletonBrick,
|
|
143
|
+
Rr as SkeletonCircle,
|
|
144
|
+
Lr as SkeletonText,
|
|
145
|
+
_r as Slider,
|
|
144
146
|
O as SliderLazy,
|
|
145
147
|
X as Steps,
|
|
146
|
-
|
|
148
|
+
Ir as Switcher,
|
|
147
149
|
Bo as TabTrail,
|
|
148
|
-
|
|
150
|
+
so as Tag,
|
|
149
151
|
c as TextArea,
|
|
150
152
|
co as Timer,
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
153
|
+
Uo as ToastProvider,
|
|
154
|
+
kr as TwinSwitcher,
|
|
155
|
+
ir as UniversalUploader,
|
|
156
|
+
qo as Uploader,
|
|
155
157
|
No as UploaderFiles,
|
|
156
|
-
|
|
158
|
+
vo as UploaderPhotos,
|
|
157
159
|
ro as Vote,
|
|
158
160
|
B as getMaskedInputPhoneValue,
|
|
159
161
|
P as getUnmaskedInputValue,
|
package/dist/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { Button as e } from "./components/Button/Button.js";
|
|
2
|
-
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as
|
|
2
|
+
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as i, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
|
|
3
3
|
import { I as s } from "./Input-CQ7LgZWK.js";
|
|
4
|
-
import { EInputSize as
|
|
4
|
+
import { EInputSize as l, EInputStatus as E, EInputVariant as S } from "./components/Input/constants.js";
|
|
5
5
|
import { TextArea as c } from "./components/TextArea/TextArea.js";
|
|
6
6
|
import { ETextAreaInputSize as g } from "./components/TextArea/constants.js";
|
|
7
7
|
import { InputPassword as z } from "./components/InputPassword/InputPassword.js";
|
|
8
|
-
import { InputPhoneNumber as
|
|
9
|
-
import { getMaskedInputPhoneValue as
|
|
8
|
+
import { InputPhoneNumber as h } from "./components/InputPhoneNumber/InputPhoneNumber.js";
|
|
9
|
+
import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as P } from "./components/InputPhoneNumber/utils.js";
|
|
10
10
|
import { OtpInput as y } from "./components/OtpInput/OtpInput.js";
|
|
11
11
|
import { RadioGroup as L } from "./components/RadioGroup/RadioGroup.js";
|
|
12
12
|
import { DatePicker as C } from "./components/DatePicker/DatePicker.js";
|
|
13
|
-
import { MergedButton as
|
|
13
|
+
import { MergedButton as b } from "./components/MergedButton/MergedButton.js";
|
|
14
14
|
import { EMergedButtonVariantRound as v } from "./components/MergedButton/constants.js";
|
|
15
15
|
import { AppImage as F } from "./components/Image/Image.js";
|
|
16
16
|
import { Loader as N } from "./components/Loader/Loader.js";
|
|
@@ -23,162 +23,164 @@ import { EStepColor as _, EStepsSize as $ } from "./components/Steps/constants.j
|
|
|
23
23
|
import { Vote as ro } from "./components/Vote/Vote.js";
|
|
24
24
|
import { EVoteSize as to } from "./components/Vote/constants.js";
|
|
25
25
|
import { SelectSearch as ao } from "./components/SelectSearch/SelectSearch.js";
|
|
26
|
-
import { ESelectSearchSize as
|
|
26
|
+
import { ESelectSearchSize as io } from "./components/SelectSearch/constants.js";
|
|
27
27
|
import { CheckboxMimir as xo } from "./components/CheckboxMimir/CheckboxMimir.js";
|
|
28
28
|
import { Tag as so } from "./components/Tag/Tag.js";
|
|
29
|
-
import { ETagSize as
|
|
29
|
+
import { ETagSize as lo, ETagType as Eo } from "./components/Tag/constants.js";
|
|
30
30
|
import { Timer as co } from "./components/Timer/Timer.js";
|
|
31
31
|
import { Accordion as go } from "./components/Accordion/Accordion.js";
|
|
32
32
|
import { EAccordionSize as zo } from "./components/Accordion/constants.js";
|
|
33
|
-
import { AccordionItem as
|
|
34
|
-
import { TabTrail as
|
|
33
|
+
import { AccordionItem as ho } from "./components/Accordion/AccordionItem/AccordionItem.js";
|
|
34
|
+
import { TabTrail as Bo } from "./components/TabTrail/TabTrail.js";
|
|
35
35
|
import { ETabTrailSize as Mo } from "./components/TabTrail/constants.js";
|
|
36
36
|
import { Pagination as Ro } from "./components/Pagination/Pagination.js";
|
|
37
37
|
import { ToastProvider as Ao } from "./components/Toasts/ToastsProvider.js";
|
|
38
|
-
import { useToast as
|
|
39
|
-
import { EToastPosition as
|
|
38
|
+
import { useToast as Uo } from "./components/Toasts/hooks.js";
|
|
39
|
+
import { EToastPosition as wo, EToastVariant as vo } from "./components/Toasts/constants.js";
|
|
40
40
|
import { UploaderPhotos as Fo } from "./components/UploaderPhotos/UploaderPhotos.js";
|
|
41
41
|
import { UploaderFiles as No } from "./components/UploaderFiles/UploaderFiles.js";
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
42
|
+
import { EUploaderFilesVariant as Qo } from "./components/UploaderFiles/constants.js";
|
|
43
|
+
import { Uploader as jo } from "./components/Uploader/Uploader.js";
|
|
44
|
+
import { Link as Ho } from "./components/AnchorLink/Link.js";
|
|
45
|
+
import { ELinkSize as Ko, ELinkVariant as Wo } from "./components/AnchorLink/constants.js";
|
|
46
|
+
import { NotificationBadge as Yo } from "./components/NotificationBadge/NotificationBadge.js";
|
|
47
|
+
import { ENotificationBadgeSize as $o } from "./components/NotificationBadge/constants.js";
|
|
48
|
+
import { Chip as rr } from "./components/Chip/Chip.js";
|
|
49
|
+
import { EChipSize as tr, EChipVariant as pr } from "./components/Chip/constants.js";
|
|
50
|
+
import { UniversalUploader as mr } from "./components/UniversalUploader/UniversalUploader.js";
|
|
51
|
+
import { EUploaderType as fr } from "./components/UniversalUploader/constants.js";
|
|
52
|
+
import { InputRangeSlider as nr } from "./components/InputRangeSlider/InputRangeSlider.js";
|
|
53
|
+
import { EInputRangeSliderBorderState as ur, EInputRangeSliderPositions as lr } from "./components/InputRangeSlider/constants.js";
|
|
53
54
|
import { GosZnak as Sr } from "./components/GosZnak/GosZnak.js";
|
|
54
|
-
import { EGosZnakSize as
|
|
55
|
-
import { Switcher as
|
|
56
|
-
import { ELabelPositions as
|
|
57
|
-
import { TwinSwitcher as
|
|
58
|
-
import { SkeletonBrick as
|
|
59
|
-
import { SkeletonText as
|
|
60
|
-
import { SkeletonCircle as
|
|
61
|
-
import { ESkeletonVariant as
|
|
62
|
-
import { Avatar as
|
|
63
|
-
import { EAvatarSize as
|
|
64
|
-
import { MultiSelectSearch as
|
|
65
|
-
import { EMultiSelectSearchSize as
|
|
66
|
-
import { ListFiles as
|
|
67
|
-
import { EFileItemVariant as
|
|
68
|
-
import { ListPhotos as
|
|
69
|
-
import { MessageShortReply as
|
|
70
|
-
import { EMessageShortReplyVariant as
|
|
71
|
-
import { useMediaQuery as
|
|
72
|
-
import { EMediaQuery as
|
|
73
|
-
import { useLockBodyScroll as
|
|
74
|
-
import { useInterval as
|
|
75
|
-
import { useTimer as
|
|
76
|
-
import { useCopyToClipboard as
|
|
77
|
-
import { useMergeRefs as
|
|
78
|
-
import { useResizeObserver as
|
|
55
|
+
import { EGosZnakSize as cr, EGosZnakType as Tr } from "./components/GosZnak/constants.js";
|
|
56
|
+
import { Switcher as Ir } from "./components/Switcher/Switcher.js";
|
|
57
|
+
import { ELabelPositions as Vr } from "./components/Switcher/constants.js";
|
|
58
|
+
import { TwinSwitcher as kr } from "./components/TwinSwitcher/TwinSwitcher.js";
|
|
59
|
+
import { SkeletonBrick as Pr } from "./components/Skeleton/SkeletonBrick/SkeletonBrick.js";
|
|
60
|
+
import { SkeletonText as yr } from "./components/Skeleton/SkeletonText/SkeletonText.js";
|
|
61
|
+
import { SkeletonCircle as Lr } from "./components/Skeleton/SkeletonCircle/SkeletonCircle.js";
|
|
62
|
+
import { ESkeletonVariant as Cr } from "./components/Skeleton/constants.js";
|
|
63
|
+
import { Avatar as br } from "./components/Avatar/Avatar.js";
|
|
64
|
+
import { EAvatarSize as vr } from "./components/Avatar/constants.js";
|
|
65
|
+
import { MultiSelectSearch as Fr } from "./components/MultiSelectSearch/MultiSelectSearch.js";
|
|
66
|
+
import { EMultiSelectSearchSize as Nr } from "./components/MultiSelectSearch/constants.js";
|
|
67
|
+
import { ListFiles as Qr } from "./components/ListFiles/ListFiles.js";
|
|
68
|
+
import { EFileItemVariant as jr } from "./components/ListFiles/constants.js";
|
|
69
|
+
import { ListPhotos as Hr } from "./components/ListPhotos/ListPhotos.js";
|
|
70
|
+
import { MessageShortReply as Kr } from "./components/MessageShortReply/MessageShortReply.js";
|
|
71
|
+
import { EMessageShortReplyVariant as Xr } from "./components/MessageShortReply/constants.js";
|
|
72
|
+
import { useMediaQuery as _r } from "./hooks/useMediaQuery/useMediaQuery.js";
|
|
73
|
+
import { EMediaQuery as oe, EMinMediaQuery as re } from "./hooks/useMediaQuery/constants.js";
|
|
74
|
+
import { useLockBodyScroll as te } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
|
|
75
|
+
import { useInterval as ae } from "./hooks/useInterval/useInterval.js";
|
|
76
|
+
import { useTimer as ie } from "./hooks/useTimer/index.js";
|
|
77
|
+
import { useCopyToClipboard as xe } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
|
|
78
|
+
import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
|
|
79
|
+
import { useResizeObserver as le } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
79
80
|
import { Icon as Se } from "./icons/Icon.js";
|
|
80
|
-
import { formating as
|
|
81
|
-
import { default as
|
|
82
|
-
import { EProgressBarPosition as
|
|
83
|
-
import { parseDate as
|
|
81
|
+
import { formating as ce } from "./utils/index.js";
|
|
82
|
+
import { default as ge } from "./components/Slider/Slider.js";
|
|
83
|
+
import { EProgressBarPosition as ze } from "./components/Slider/constants.js";
|
|
84
|
+
import { parseDate as he } from "./utils/formating/Date.js";
|
|
84
85
|
import './assets/index.css';export {
|
|
85
86
|
go as Accordion,
|
|
86
|
-
|
|
87
|
-
|
|
87
|
+
ho as AccordionItem,
|
|
88
|
+
br as Avatar,
|
|
88
89
|
e as Button,
|
|
89
90
|
xo as CheckboxMimir,
|
|
90
|
-
|
|
91
|
+
rr as Chip,
|
|
91
92
|
C as DatePicker,
|
|
92
93
|
j as Drawer,
|
|
93
94
|
K as Dropdown,
|
|
94
95
|
zo as EAccordionSize,
|
|
95
|
-
|
|
96
|
+
vr as EAvatarSize,
|
|
96
97
|
p as EButtonForm,
|
|
97
98
|
a as EButtonSize,
|
|
98
99
|
m as EButtonVariantBorderless,
|
|
99
|
-
|
|
100
|
-
|
|
100
|
+
i as EButtonVariantDefault,
|
|
101
|
+
f as EButtonVariantOutline,
|
|
101
102
|
x as EButtonVariantRound,
|
|
102
|
-
|
|
103
|
-
|
|
103
|
+
tr as EChipSize,
|
|
104
|
+
pr as EChipVariant,
|
|
104
105
|
H as EDrawerPosition,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
106
|
+
jr as EFileItemVariant,
|
|
107
|
+
cr as EGosZnakSize,
|
|
108
|
+
Tr as EGosZnakType,
|
|
109
|
+
ur as EInputRangeSliderBorderState,
|
|
110
|
+
lr as EInputRangeSliderPositions,
|
|
111
|
+
l as EInputSize,
|
|
112
|
+
E as EInputStatus,
|
|
113
|
+
S as EInputVariant,
|
|
114
|
+
Vr as ELabelPositions,
|
|
115
|
+
Ko as ELinkSize,
|
|
116
|
+
Wo as ELinkVariant,
|
|
117
|
+
oe as EMediaQuery,
|
|
117
118
|
v as EMergedButtonVariantRound,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
119
|
+
Xr as EMessageShortReplyVariant,
|
|
120
|
+
re as EMinMediaQuery,
|
|
121
|
+
Nr as EMultiSelectSearchSize,
|
|
122
|
+
$o as ENotificationBadgeSize,
|
|
123
|
+
ze as EProgressBarPosition,
|
|
124
|
+
io as ESelectSearchSize,
|
|
125
|
+
Cr as ESkeletonVariant,
|
|
125
126
|
_ as EStepColor,
|
|
126
127
|
$ as EStepsSize,
|
|
127
128
|
Mo as ETabTrailSize,
|
|
128
|
-
|
|
129
|
-
|
|
129
|
+
lo as ETagSize,
|
|
130
|
+
Eo as ETagType,
|
|
130
131
|
g as ETextAreaInputSize,
|
|
131
|
-
|
|
132
|
+
wo as EToastPosition,
|
|
132
133
|
vo as EToastVariant,
|
|
133
|
-
|
|
134
|
+
Qo as EUploaderFilesVariant,
|
|
135
|
+
fr as EUploaderType,
|
|
134
136
|
to as EVoteSize,
|
|
135
137
|
Sr as GosZnak,
|
|
136
138
|
Se as Icon,
|
|
137
139
|
F as Image,
|
|
138
140
|
s as Input,
|
|
139
141
|
z as InputPassword,
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
142
|
+
h as InputPhoneNumber,
|
|
143
|
+
nr as InputRangeSlider,
|
|
144
|
+
Ho as Link,
|
|
145
|
+
Qr as ListFiles,
|
|
146
|
+
Hr as ListPhotos,
|
|
145
147
|
N as Loader,
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
148
|
+
b as MergedButton,
|
|
149
|
+
Kr as MessageShortReply,
|
|
150
|
+
Fr as MultiSelectSearch,
|
|
151
|
+
Yo as NotificationBadge,
|
|
150
152
|
y as OtpInput,
|
|
151
153
|
Ro as Pagination,
|
|
152
154
|
L as RadioGroup,
|
|
153
155
|
ao as SelectSearch,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
156
|
+
Pr as SkeletonBrick,
|
|
157
|
+
Lr as SkeletonCircle,
|
|
158
|
+
yr as SkeletonText,
|
|
159
|
+
ge as Slider,
|
|
158
160
|
Q as SliderLazy,
|
|
159
161
|
X as Steps,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
+
Ir as Switcher,
|
|
163
|
+
Bo as TabTrail,
|
|
162
164
|
so as Tag,
|
|
163
165
|
c as TextArea,
|
|
164
166
|
co as Timer,
|
|
165
167
|
Ao as ToastProvider,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
168
|
+
kr as TwinSwitcher,
|
|
169
|
+
mr as UniversalUploader,
|
|
170
|
+
jo as Uploader,
|
|
169
171
|
No as UploaderFiles,
|
|
170
172
|
Fo as UploaderPhotos,
|
|
171
173
|
ro as Vote,
|
|
172
|
-
|
|
173
|
-
|
|
174
|
+
ce as formating,
|
|
175
|
+
B as getMaskedInputPhoneValue,
|
|
174
176
|
P as getUnmaskedInputValue,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
177
|
+
he as parseDate,
|
|
178
|
+
xe as useCopyToClipboard,
|
|
179
|
+
ae as useInterval,
|
|
180
|
+
te as useLockBodyScroll,
|
|
181
|
+
_r as useMediaQuery,
|
|
182
|
+
se as useMergeRefs,
|
|
183
|
+
le as useResizeObserver,
|
|
184
|
+
ie as useTimer,
|
|
185
|
+
Uo as useToast
|
|
184
186
|
};
|