mimir-ui-kit 1.47.0 → 1.48.0
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/components/ListPhotos/ListPhoto/ListPhoto.d.ts +29 -0
- package/dist/components/ListPhotos/ListPhoto/ListPhoto.js +36 -0
- package/dist/components/ListPhotos/ListPhoto/index.d.ts +2 -0
- package/dist/components/ListPhotos/ListPhoto/index.js +4 -0
- package/dist/components/ListPhotos/ListPhotos.d.ts +10 -1
- package/dist/components/ListPhotos/ListPhotos.js +32 -23
- package/dist/components/ListPhotos/utils.d.ts +1 -0
- package/dist/components/ListPhotos/utils.js +19 -0
- package/dist/components/UniversalUploader/UniversalUploader.d.ts +2 -0
- package/dist/components/UniversalUploader/UniversalUploader.js +67 -63
- package/dist/components/UniversalUploader/types.d.ts +9 -0
- package/dist/components/UploaderPhotos/UploaderPhotos.d.ts +9 -0
- package/dist/components/UploaderPhotos/UploaderPhotos.js +33 -23
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +103 -101
- package/dist/index.js +138 -136
- package/package.json +1 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
|
|
3
|
+
export type TListPhoto = ComponentProps<'img'> & {
|
|
4
|
+
/**
|
|
5
|
+
* URL изображения для отображения
|
|
6
|
+
*/
|
|
7
|
+
src?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Альтернативный текст для изображения
|
|
10
|
+
*/
|
|
11
|
+
alt?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Дополнительный класс к компоненту
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Флаг, указывающий что изображение загружается
|
|
18
|
+
*/
|
|
19
|
+
isDownloadingImage?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Callback функция для загрузки изображения
|
|
22
|
+
* Возвращает Promise с URL изображения
|
|
23
|
+
*/
|
|
24
|
+
loadImage?: () => Promise<string>;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Компонент для отображения изображения с возможностью загрузки через callback
|
|
28
|
+
*/
|
|
29
|
+
export declare const ListPhoto: import('react').ForwardRefExoticComponent<Omit<TListPhoto, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as d, useState as h, useEffect as a } from "react";
|
|
3
|
+
const p = d(
|
|
4
|
+
(s, i) => {
|
|
5
|
+
const {
|
|
6
|
+
src: o,
|
|
7
|
+
alt: m = "image",
|
|
8
|
+
className: c,
|
|
9
|
+
isDownloadingImage: e = !1,
|
|
10
|
+
loadImage: r,
|
|
11
|
+
...l
|
|
12
|
+
} = s, [f, t] = h(o);
|
|
13
|
+
return a(() => {
|
|
14
|
+
o && !e && t(o);
|
|
15
|
+
}, [o, e]), a(() => {
|
|
16
|
+
e && r && r().then((g) => {
|
|
17
|
+
t(g);
|
|
18
|
+
}).catch(() => {
|
|
19
|
+
console.error("Error loading image");
|
|
20
|
+
});
|
|
21
|
+
}, [e, r, o]), /* @__PURE__ */ n(
|
|
22
|
+
"img",
|
|
23
|
+
{
|
|
24
|
+
ref: i,
|
|
25
|
+
src: f,
|
|
26
|
+
alt: m,
|
|
27
|
+
className: c,
|
|
28
|
+
...l
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
);
|
|
33
|
+
p.displayName = "ListPhoto";
|
|
34
|
+
export {
|
|
35
|
+
p as ListPhoto
|
|
36
|
+
};
|
|
@@ -11,6 +11,15 @@ export type TListPhotos = {
|
|
|
11
11
|
* Класс для обертки списка фотографий
|
|
12
12
|
*/
|
|
13
13
|
classNameWrapper?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Callback функция для загрузки изображения
|
|
16
|
+
* Принимает src в качестве аргумента и возвращает Promise с URL изображения
|
|
17
|
+
*/
|
|
18
|
+
loadImage?: (src?: string) => Promise<string>;
|
|
19
|
+
/**
|
|
20
|
+
* Флаг, указывающий что изображение загружается
|
|
21
|
+
*/
|
|
22
|
+
isDownloadingImage?: boolean;
|
|
14
23
|
};
|
|
15
24
|
export type TPhotoItem = {
|
|
16
25
|
id: number;
|
|
@@ -25,4 +34,4 @@ export type TPhotosDetail = {
|
|
|
25
34
|
url: string;
|
|
26
35
|
file?: File;
|
|
27
36
|
};
|
|
28
|
-
export declare function ListPhotos({ value, onChange, classNameWrapper }: TListPhotos): import("react/jsx-runtime").JSX.Element | null;
|
|
37
|
+
export declare function ListPhotos({ value, onChange, loadImage, isDownloadingImage, classNameWrapper }: Readonly<TListPhotos>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,44 +1,53 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { useState as
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
1
|
+
import { jsx as c, jsxs as f } from "react/jsx-runtime";
|
|
2
|
+
import { c as _ } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { useState as d, useEffect as h } from "react";
|
|
4
|
+
import { ListPhoto as L } from "./ListPhoto/ListPhoto.js";
|
|
5
|
+
import { Button as N } from "../Button/Button.js";
|
|
6
|
+
import '../../assets/ListPhotos.css';const o = {
|
|
6
7
|
"list-photos": "_list-photos_1tpc1_2",
|
|
7
8
|
"list-photos-item": "_list-photos-item_1tpc1_11",
|
|
8
9
|
"list-photos-image": "_list-photos-image_1tpc1_20",
|
|
9
10
|
"delete-button": "_delete-button_1tpc1_25"
|
|
10
11
|
};
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
function I({
|
|
13
|
+
value: i,
|
|
14
|
+
onChange: s,
|
|
15
|
+
loadImage: l,
|
|
16
|
+
isDownloadingImage: p,
|
|
17
|
+
classNameWrapper: a
|
|
18
|
+
}) {
|
|
19
|
+
const [e, r] = d(i);
|
|
20
|
+
h(() => {
|
|
21
|
+
r(i);
|
|
22
|
+
}, [i]);
|
|
23
|
+
const n = async (t) => {
|
|
24
|
+
const m = [...e.filter((u) => u.id !== t)];
|
|
25
|
+
r(m), s == null || s({ deleteId: t, list: m });
|
|
19
26
|
};
|
|
20
|
-
return e.length ? /* @__PURE__ */
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
|
|
27
|
+
return e.length ? /* @__PURE__ */ c("ul", { className: _(o["list-photos"], a), children: e.map((t) => /* @__PURE__ */ f("li", { className: o["list-photos-item"], children: [
|
|
28
|
+
/* @__PURE__ */ c(
|
|
29
|
+
L,
|
|
23
30
|
{
|
|
24
|
-
className:
|
|
31
|
+
className: o["list-photos-image"],
|
|
25
32
|
src: t.url || t.file && URL.createObjectURL(t.file),
|
|
26
|
-
alt: ""
|
|
33
|
+
alt: "",
|
|
34
|
+
loadImage: l ? () => l(t.url) : void 0,
|
|
35
|
+
isDownloadingImage: p
|
|
27
36
|
}
|
|
28
37
|
),
|
|
29
|
-
s && /* @__PURE__ */
|
|
30
|
-
|
|
38
|
+
s && /* @__PURE__ */ c(
|
|
39
|
+
N,
|
|
31
40
|
{
|
|
32
41
|
isIconButton: !0,
|
|
33
42
|
iconName: "Close12px",
|
|
34
43
|
size: "m-s",
|
|
35
44
|
variant: "secondary-gray",
|
|
36
|
-
className:
|
|
37
|
-
onClick: () =>
|
|
45
|
+
className: o["delete-button"],
|
|
46
|
+
onClick: () => n(t == null ? void 0 : t.id)
|
|
38
47
|
}
|
|
39
48
|
)
|
|
40
49
|
] }, t.id)) }) : null;
|
|
41
50
|
}
|
|
42
51
|
export {
|
|
43
|
-
|
|
52
|
+
I as ListPhotos
|
|
44
53
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const loadBlobImage: (src?: string) => Promise<string>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
const i = async (n) => {
|
|
2
|
+
await new Promise((t) => setTimeout(t, 1500));
|
|
3
|
+
const o = document.createElement("canvas"), e = o.getContext("2d");
|
|
4
|
+
if (o.width = 300, o.height = 200, e) {
|
|
5
|
+
const t = e.createLinearGradient(0, 0, 300, 200);
|
|
6
|
+
t.addColorStop(0, "#ff6b6b"), t.addColorStop(1, "#4ecdc4"), e.fillStyle = t, e.fillRect(0, 0, 300, 200), e.fillStyle = "white", e.font = "20px Arial", e.textAlign = "center", e.fillText(`Blob Image ${n ? "for " + n : ""}`, 150, 100);
|
|
7
|
+
}
|
|
8
|
+
return new Promise((t) => {
|
|
9
|
+
o.toBlob((a) => {
|
|
10
|
+
if (a) {
|
|
11
|
+
const l = URL.createObjectURL(a);
|
|
12
|
+
t(l);
|
|
13
|
+
}
|
|
14
|
+
}, "image/png");
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
i as loadBlobImage
|
|
19
|
+
};
|
|
@@ -7,4 +7,6 @@ export declare const UniversalUploader: import('react').ForwardRefExoticComponen
|
|
|
7
7
|
onChange: (j: import('./types').TOnChangeUpdate) => void;
|
|
8
8
|
value?: TFilesDetail[] | TPhotosDetail[];
|
|
9
9
|
variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
|
|
10
|
+
loadImage?: (src?: string) => Promise<string>;
|
|
11
|
+
isDownloadingImage?: boolean;
|
|
10
12
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,53 +1,55 @@
|
|
|
1
|
-
import { jsxs as F, jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { imageTypes as
|
|
1
|
+
import { jsxs as F, jsx as f, Fragment as j } from "react/jsx-runtime";
|
|
2
|
+
import { c as A } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { forwardRef as C, useState as O, useEffect as k, useMemo as q } from "react";
|
|
4
|
+
import { imageTypes as g } from "./constants.js";
|
|
5
5
|
import "../Button/Button.js";
|
|
6
|
-
import { EButtonVariantDefault as
|
|
7
|
-
import { ListFiles as
|
|
8
|
-
import { EFileItemVariant as
|
|
9
|
-
import { ListPhotos as
|
|
10
|
-
import { Uploader as
|
|
11
|
-
import '../../assets/UploaderPhotos.css';const
|
|
6
|
+
import { EButtonVariantDefault as G } from "../Button/constants.js";
|
|
7
|
+
import { ListFiles as H } from "../ListFiles/ListFiles.js";
|
|
8
|
+
import { EFileItemVariant as J } from "../ListFiles/constants.js";
|
|
9
|
+
import { ListPhotos as K } from "../ListPhotos/ListPhotos.js";
|
|
10
|
+
import { Uploader as Q } from "../Uploader/Uploader.js";
|
|
11
|
+
import '../../assets/UploaderPhotos.css';const v = {
|
|
12
12
|
"upload-file-wrapper": "_upload-file-wrapper_1a115_2"
|
|
13
|
-
}, u = (i) => "file" in i && i.file instanceof File ?
|
|
14
|
-
(i,
|
|
13
|
+
}, u = (i) => "file" in i && i.file instanceof File ? g.includes(i.file.type) : "type" in i && typeof i.type == "string" ? g.includes(i.type) : !1, oe = C(
|
|
14
|
+
(i, x) => {
|
|
15
15
|
const {
|
|
16
|
-
type:
|
|
16
|
+
type: a,
|
|
17
17
|
filesType: w,
|
|
18
|
-
arrayName:
|
|
19
|
-
maxSize:
|
|
20
|
-
onChange:
|
|
21
|
-
value:
|
|
18
|
+
arrayName: I,
|
|
19
|
+
maxSize: z,
|
|
20
|
+
onChange: s,
|
|
21
|
+
value: r,
|
|
22
22
|
maxFiles: n,
|
|
23
23
|
titleUploader: P,
|
|
24
24
|
buttonText: U = "Выберите файлы",
|
|
25
25
|
showOnlyUploadButton: c = !1,
|
|
26
|
-
uploadButtonVariant: b =
|
|
27
|
-
buttonSize:
|
|
28
|
-
buttonClassName:
|
|
29
|
-
variantListFiles:
|
|
30
|
-
onMaxFilesExceeded:
|
|
26
|
+
uploadButtonVariant: b = G.SecondaryAsphalt,
|
|
27
|
+
buttonSize: D = "m",
|
|
28
|
+
buttonClassName: E,
|
|
29
|
+
variantListFiles: S = J.white,
|
|
30
|
+
onMaxFilesExceeded: V,
|
|
31
31
|
onMaxSizeExceeded: L,
|
|
32
|
-
onInvalidFileType: M
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
32
|
+
onInvalidFileType: M,
|
|
33
|
+
loadImage: N,
|
|
34
|
+
isDownloadingImage: R
|
|
35
|
+
} = i, [l, p] = O(
|
|
36
|
+
r || []
|
|
37
|
+
), h = !!n && l.length >= n;
|
|
38
|
+
k(() => {
|
|
39
|
+
r && p(r);
|
|
40
|
+
}, [r]);
|
|
41
|
+
const T = (t) => {
|
|
40
42
|
const o = t.value.map((e) => u(e.file) ? new Promise((d) => {
|
|
41
|
-
const
|
|
42
|
-
|
|
43
|
+
const m = new FileReader();
|
|
44
|
+
m.onload = () => {
|
|
43
45
|
d({
|
|
44
46
|
id: e.id,
|
|
45
|
-
url:
|
|
47
|
+
url: m.result,
|
|
46
48
|
type: e.file.type,
|
|
47
49
|
name: e.file.name,
|
|
48
50
|
size: e.file.size
|
|
49
51
|
});
|
|
50
|
-
},
|
|
52
|
+
}, m.readAsDataURL(e.file);
|
|
51
53
|
}) : Promise.resolve({
|
|
52
54
|
id: e.id,
|
|
53
55
|
url: "",
|
|
@@ -56,58 +58,60 @@ import '../../assets/UploaderPhotos.css';const x = {
|
|
|
56
58
|
type: e.file.type
|
|
57
59
|
}));
|
|
58
60
|
Promise.all(o).then((e) => {
|
|
59
|
-
p((d) => [...d, ...e]),
|
|
61
|
+
p((d) => [...d, ...e]), s == null || s({ type: "add", data: t.value });
|
|
60
62
|
});
|
|
61
63
|
}, y = (t) => {
|
|
62
|
-
p((o) => o.filter((e) => e.id !== t)),
|
|
63
|
-
}, { photos:
|
|
64
|
-
const t = () =>
|
|
65
|
-
return
|
|
66
|
-
}, [
|
|
64
|
+
p((o) => o.filter((e) => e.id !== t)), s == null || s({ type: "delete", data: t });
|
|
65
|
+
}, { photos: B, files: _ } = q(() => {
|
|
66
|
+
const t = () => l.filter((e) => !u(e)), o = () => l.filter(u);
|
|
67
|
+
return a === "all" ? { files: t(), photos: o() } : a === "files" ? { photos: [], files: t() } : a === "photos" ? { files: [], photos: o() } : { files: [], photos: [] };
|
|
68
|
+
}, [l, a]);
|
|
67
69
|
return /* @__PURE__ */ F(
|
|
68
70
|
"div",
|
|
69
71
|
{
|
|
70
72
|
"data-testid": "universal-uploader",
|
|
71
|
-
className:
|
|
72
|
-
|
|
73
|
-
h &&
|
|
73
|
+
className: A(
|
|
74
|
+
v["upload-file-wrapper"],
|
|
75
|
+
h && v.disabled
|
|
74
76
|
),
|
|
75
77
|
children: [
|
|
76
|
-
/* @__PURE__ */
|
|
77
|
-
|
|
78
|
+
/* @__PURE__ */ f(
|
|
79
|
+
Q,
|
|
78
80
|
{
|
|
79
81
|
filesType: w,
|
|
80
|
-
arrayName:
|
|
81
|
-
maxSize:
|
|
82
|
-
onChangeValue:
|
|
83
|
-
ref:
|
|
84
|
-
maxFiles: n && n -
|
|
82
|
+
arrayName: I,
|
|
83
|
+
maxSize: z,
|
|
84
|
+
onChangeValue: T,
|
|
85
|
+
ref: x,
|
|
86
|
+
maxFiles: n && n - l.length,
|
|
85
87
|
isDisabled: h,
|
|
86
88
|
titleUploader: P,
|
|
87
89
|
showOnlyUploadButton: c,
|
|
88
90
|
buttonText: U,
|
|
89
91
|
uploadButtonVariant: b,
|
|
90
|
-
buttonSize:
|
|
91
|
-
buttonClassName:
|
|
92
|
-
onMaxFilesExceeded:
|
|
92
|
+
buttonSize: D,
|
|
93
|
+
buttonClassName: E,
|
|
94
|
+
onMaxFilesExceeded: V,
|
|
93
95
|
onMaxSizeExceeded: L,
|
|
94
96
|
onInvalidFileType: M
|
|
95
97
|
}
|
|
96
98
|
),
|
|
97
|
-
!c && /* @__PURE__ */ F(
|
|
98
|
-
(
|
|
99
|
-
|
|
99
|
+
!c && /* @__PURE__ */ F(j, { children: [
|
|
100
|
+
(a === "files" || a === "all") && /* @__PURE__ */ f(
|
|
101
|
+
H,
|
|
100
102
|
{
|
|
101
|
-
value:
|
|
103
|
+
value: _,
|
|
102
104
|
onChange: (t) => y(t.deleteId),
|
|
103
|
-
variant:
|
|
105
|
+
variant: S
|
|
104
106
|
}
|
|
105
107
|
),
|
|
106
|
-
(
|
|
107
|
-
|
|
108
|
+
(a === "photos" || a === "all") && /* @__PURE__ */ f(
|
|
109
|
+
K,
|
|
108
110
|
{
|
|
109
|
-
value:
|
|
110
|
-
onChange: (t) => y(t.deleteId)
|
|
111
|
+
value: B,
|
|
112
|
+
onChange: (t) => y(t.deleteId),
|
|
113
|
+
loadImage: N,
|
|
114
|
+
isDownloadingImage: R
|
|
111
115
|
}
|
|
112
116
|
)
|
|
113
117
|
] })
|
|
@@ -117,5 +121,5 @@ import '../../assets/UploaderPhotos.css';const x = {
|
|
|
117
121
|
}
|
|
118
122
|
);
|
|
119
123
|
export {
|
|
120
|
-
|
|
124
|
+
oe as UniversalUploader
|
|
121
125
|
};
|
|
@@ -8,6 +8,15 @@ export type TUniversalUploader = Omit<TUploader, 'onChangeValue'> & {
|
|
|
8
8
|
onChange: (j: TOnChangeUpdate) => void;
|
|
9
9
|
value?: TFilesDetail[] | TPhotosDetail[];
|
|
10
10
|
variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
|
|
11
|
+
/**
|
|
12
|
+
* Callback функция для загрузки изображения
|
|
13
|
+
* Принимает src в качестве аргумента и возвращает Promise с URL изображения
|
|
14
|
+
*/
|
|
15
|
+
loadImage?: (src?: string) => Promise<string>;
|
|
16
|
+
/**
|
|
17
|
+
* Флаг, указывающий что изображение загружается
|
|
18
|
+
*/
|
|
19
|
+
isDownloadingImage?: boolean;
|
|
11
20
|
};
|
|
12
21
|
export type TOnChangeUpdate = {
|
|
13
22
|
type: string;
|
|
@@ -51,6 +51,15 @@ export type TUploaderPhotos = {
|
|
|
51
51
|
* Проп для обработки ошибки при загрузке файла неразрешенного типа
|
|
52
52
|
*/
|
|
53
53
|
onInvalidFileType?: (fileName: string) => void;
|
|
54
|
+
/**
|
|
55
|
+
* Callback функция для загрузки изображения
|
|
56
|
+
* Принимает src в качестве аргумента и возвращает Promise с URL изображения
|
|
57
|
+
*/
|
|
58
|
+
loadImage?: (src?: string) => Promise<string>;
|
|
59
|
+
/**
|
|
60
|
+
* Флаг, указывающий что изображение загружается
|
|
61
|
+
*/
|
|
62
|
+
isDownloadingImage?: boolean;
|
|
54
63
|
};
|
|
55
64
|
export type TOnChangePhotosUpdate = {
|
|
56
65
|
type: string;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as R, jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { forwardRef as
|
|
2
|
+
import { c as D } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { forwardRef as E, useState as L, useEffect as M } from "react";
|
|
4
4
|
import { ListPhotos as N } from "../ListPhotos/ListPhotos.js";
|
|
5
5
|
import { Uploader as S } from "../Uploader/Uploader.js";
|
|
6
|
-
import '../../assets/UploaderPhotos.css';const
|
|
6
|
+
import '../../assets/UploaderPhotos.css';const n = {
|
|
7
7
|
"upload-file-wrapper": "_upload-file-wrapper_1a115_2"
|
|
8
|
-
},
|
|
9
|
-
(
|
|
8
|
+
}, V = E(
|
|
9
|
+
(m, c) => {
|
|
10
10
|
const {
|
|
11
11
|
filesType: f,
|
|
12
12
|
arrayName: u,
|
|
@@ -18,30 +18,32 @@ import '../../assets/UploaderPhotos.css';const c = {
|
|
|
18
18
|
name: i,
|
|
19
19
|
buttonText: v = "Выберите файлы",
|
|
20
20
|
onMaxFilesExceeded: w,
|
|
21
|
-
onMaxSizeExceeded:
|
|
22
|
-
onInvalidFileType:
|
|
23
|
-
|
|
21
|
+
onMaxSizeExceeded: g,
|
|
22
|
+
onInvalidFileType: y,
|
|
23
|
+
loadImage: F,
|
|
24
|
+
isDownloadingImage: I
|
|
25
|
+
} = m, [t, l] = L(o || []), d = t.length >= s;
|
|
24
26
|
M(() => {
|
|
25
27
|
o && l(o);
|
|
26
28
|
}, [o]);
|
|
27
|
-
const U = (
|
|
29
|
+
const U = (a) => {
|
|
28
30
|
const P = [
|
|
29
|
-
...
|
|
30
|
-
...
|
|
31
|
+
...t,
|
|
32
|
+
...a.value.map((r) => ({
|
|
31
33
|
url: URL.createObjectURL(r.file),
|
|
32
34
|
id: r.id
|
|
33
35
|
}))
|
|
34
36
|
];
|
|
35
|
-
l(P), e == null || e({ type: "add", data:
|
|
36
|
-
}, b = (
|
|
37
|
-
l(
|
|
37
|
+
l(P), e == null || e({ type: "add", data: a.value, name: i });
|
|
38
|
+
}, b = (a) => {
|
|
39
|
+
l(a.list), a.deleteId && (e == null || e({ type: "delete", data: a.deleteId, name: i }));
|
|
38
40
|
};
|
|
39
41
|
return /* @__PURE__ */ R(
|
|
40
42
|
"div",
|
|
41
43
|
{
|
|
42
|
-
className:
|
|
43
|
-
|
|
44
|
-
d &&
|
|
44
|
+
className: D(
|
|
45
|
+
n["upload-file-wrapper"],
|
|
46
|
+
d && n.disabled
|
|
45
47
|
),
|
|
46
48
|
children: [
|
|
47
49
|
/* @__PURE__ */ p(
|
|
@@ -51,22 +53,30 @@ import '../../assets/UploaderPhotos.css';const c = {
|
|
|
51
53
|
arrayName: u,
|
|
52
54
|
maxSize: x,
|
|
53
55
|
onChangeValue: U,
|
|
54
|
-
ref:
|
|
55
|
-
maxFiles: s -
|
|
56
|
+
ref: c,
|
|
57
|
+
maxFiles: s - t.length,
|
|
56
58
|
isDisabled: d,
|
|
57
59
|
titleUploader: h,
|
|
58
60
|
buttonText: v,
|
|
59
61
|
onMaxFilesExceeded: w,
|
|
60
|
-
onMaxSizeExceeded:
|
|
61
|
-
onInvalidFileType:
|
|
62
|
+
onMaxSizeExceeded: g,
|
|
63
|
+
onInvalidFileType: y
|
|
62
64
|
}
|
|
63
65
|
),
|
|
64
|
-
!!
|
|
66
|
+
!!t.length && /* @__PURE__ */ p(
|
|
67
|
+
N,
|
|
68
|
+
{
|
|
69
|
+
value: t,
|
|
70
|
+
onChange: b,
|
|
71
|
+
loadImage: F,
|
|
72
|
+
isDownloadingImage: I
|
|
73
|
+
}
|
|
74
|
+
)
|
|
65
75
|
]
|
|
66
76
|
}
|
|
67
77
|
);
|
|
68
78
|
}
|
|
69
79
|
);
|
|
70
80
|
export {
|
|
71
|
-
|
|
81
|
+
V as UploaderPhotos
|
|
72
82
|
};
|
|
@@ -39,6 +39,8 @@ export { Pagination, ECounterVariant } from './Pagination';
|
|
|
39
39
|
export { ToastProvider, useToast, EToastPosition, EToastVariant } from './Toasts';
|
|
40
40
|
export { UploaderPhotos } from './UploaderPhotos';
|
|
41
41
|
export type { TUploaderPhotos, TOnChangePhotosUpdate } from './UploaderPhotos';
|
|
42
|
+
export { ListPhoto } from './ListPhotos/ListPhoto';
|
|
43
|
+
export type { TListPhoto } from './ListPhotos/ListPhoto';
|
|
42
44
|
export { UploaderFiles, EUploaderFilesVariant } from './UploaderFiles';
|
|
43
45
|
export type { TUploaderFiles, TOnChangeFilesUpdate } from './UploaderFiles/types';
|
|
44
46
|
export { Uploader } from './Uploader';
|
package/dist/components/index.js
CHANGED
|
@@ -4,10 +4,10 @@ import { I as l } from "../Input-IzZ6B9kw.js";
|
|
|
4
4
|
import { EInputSize as S, EInputStatus as d, EInputVariant as s } 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
|
|
7
|
+
import { InputPassword as P } from "./InputPassword/InputPassword.js";
|
|
8
8
|
import { InputPhoneNumber as B } from "./InputPhoneNumber/InputPhoneNumber.js";
|
|
9
|
-
import { getMaskedInputPhoneValue as
|
|
10
|
-
import { OtpInput as
|
|
9
|
+
import { getMaskedInputPhoneValue as z, getUnmaskedInputValue as k } from "./InputPhoneNumber/utils.js";
|
|
10
|
+
import { OtpInput as D } from "./OtpInput/OtpInput.js";
|
|
11
11
|
import { RadioGroup as b } from "./RadioGroup/RadioGroup.js";
|
|
12
12
|
import { DatePicker as C } from "./DatePicker/DatePicker.js";
|
|
13
13
|
import { EDatePickerBorderRadius as M } from "./DatePicker/constants.js";
|
|
@@ -28,10 +28,10 @@ import { EStepColor as xo, EStepsSize as fo } from "./Steps/constants.js";
|
|
|
28
28
|
import { Vote as Eo } from "./Vote/Vote.js";
|
|
29
29
|
import { EVoteSize as so } from "./Vote/constants.js";
|
|
30
30
|
import { SelectSearch as co } from "./SelectSearch/SelectSearch.js";
|
|
31
|
-
import { ELoadingIndicatorPlacement as go, ESelectSearchBorderRadius as Io, ESelectSearchSize as
|
|
31
|
+
import { ELoadingIndicatorPlacement as go, ESelectSearchBorderRadius as Io, ESelectSearchSize as Po } from "./SelectSearch/constants.js";
|
|
32
32
|
import { CheckboxMimir as Bo } from "./CheckboxMimir/CheckboxMimir.js";
|
|
33
|
-
import { Tag as
|
|
34
|
-
import { ETagSize as
|
|
33
|
+
import { Tag as zo } from "./Tag/Tag.js";
|
|
34
|
+
import { ETagSize as Lo, ETagType as Do } from "./Tag/constants.js";
|
|
35
35
|
import { Timer as bo } from "./Timer/Timer.js";
|
|
36
36
|
import { Accordion as Co } from "./Accordion/Accordion.js";
|
|
37
37
|
import { EAccordionSize as Mo } from "./Accordion/constants.js";
|
|
@@ -44,153 +44,155 @@ import { ToastProvider as Jo } from "./Toasts/ToastsProvider.js";
|
|
|
44
44
|
import { useToast as Qo } from "./Toasts/hooks.js";
|
|
45
45
|
import { EToastPosition as Xo, EToastVariant as Yo } from "./Toasts/constants.js";
|
|
46
46
|
import { UploaderPhotos as $o } from "./UploaderPhotos/UploaderPhotos.js";
|
|
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 {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
47
|
+
import { ListPhoto as rr } from "./ListPhotos/ListPhoto/ListPhoto.js";
|
|
48
|
+
import { UploaderFiles as tr } from "./UploaderFiles/UploaderFiles.js";
|
|
49
|
+
import { EUploaderFilesVariant as ar } from "./UploaderFiles/constants.js";
|
|
50
|
+
import { Uploader as mr } from "./Uploader/Uploader.js";
|
|
51
|
+
import { Link as xr } from "./AnchorLink/Link.js";
|
|
52
|
+
import { ELinkSize as lr, ELinkVariant as Er } from "./AnchorLink/constants.js";
|
|
53
|
+
import { NotificationBadge as dr } from "./NotificationBadge/NotificationBadge.js";
|
|
54
|
+
import { ENotificationBadgeSize as ur } from "./NotificationBadge/constants.js";
|
|
55
|
+
import { Chip as Tr } from "./Chip/Chip.js";
|
|
56
|
+
import { EChipSize as Ir, EChipVariant as Pr } from "./Chip/constants.js";
|
|
57
|
+
import { UniversalUploader as Br } from "./UniversalUploader/UniversalUploader.js";
|
|
58
|
+
import { EUploaderType as zr } from "./UniversalUploader/constants.js";
|
|
59
|
+
import { InputRangeSlider as Lr } from "./InputRangeSlider/InputRangeSlider.js";
|
|
60
|
+
import { EInputRangeSliderBorderState as wr, EInputRangeSliderPositions as br } from "./InputRangeSlider/constants.js";
|
|
61
|
+
import { GosZnak as Cr } from "./GosZnak/GosZnak.js";
|
|
62
|
+
import { EGosZnakSize as Mr, EGosZnakType as yr } from "./GosZnak/constants.js";
|
|
63
|
+
import { Switcher as vr } from "./Switcher/Switcher.js";
|
|
64
|
+
import { ELabelPositions as Gr } from "./Switcher/constants.js";
|
|
65
|
+
import { TwinSwitcher as Zr } from "./TwinSwitcher/TwinSwitcher.js";
|
|
66
|
+
import { SkeletonBrick as jr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
|
|
67
|
+
import { SkeletonText as Hr } from "./Skeleton/SkeletonText/SkeletonText.js";
|
|
68
|
+
import { SkeletonCircle as Kr } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
|
|
69
|
+
import { ESkeletonVariant as Wr } from "./Skeleton/constants.js";
|
|
70
|
+
import { Avatar as Yr } from "./Avatar/Avatar.js";
|
|
71
|
+
import { EAvatarSize as $r, EAvatarVariant as oe } from "./Avatar/constants.js";
|
|
72
|
+
import { MultiSelectSearch as ee } from "./MultiSelectSearch/MultiSelectSearch.js";
|
|
73
|
+
import { ELoadingIndicatorPlacement as pe, EMultiSelectSearchSize as ae } from "./MultiSelectSearch/constants.js";
|
|
74
|
+
import { ListFiles as me } from "./ListFiles/ListFiles.js";
|
|
75
|
+
import { EFileItemVariant as xe } from "./ListFiles/constants.js";
|
|
76
|
+
import { ListPhotos as le } from "./ListPhotos/ListPhotos.js";
|
|
77
|
+
import { MessageShortReply as Se } from "./MessageShortReply/MessageShortReply.js";
|
|
78
|
+
import { EMessageShortReplyVariant as se } from "./MessageShortReply/constants.js";
|
|
79
|
+
import { Table as ce } from "./Table/Table.js";
|
|
80
|
+
import { ESortDirection as ge, ETableDisplayMode as Ie, ETableScrollButtonVariant as Pe, ETableScrollIconName as Ve, ETableVariant as Be } from "./Table/constants.js";
|
|
81
|
+
import { PromoSlider as ze } from "./PromoSlider/PromoSlider.js";
|
|
82
|
+
import { CardTrail as Le } from "./CardTrail/CardTrail.js";
|
|
83
|
+
import { ClearButton as we } from "./InputClearButton/ClearButton.js";
|
|
84
|
+
import { CopyText as Ae } from "./CopyText/CopyText.js";
|
|
85
|
+
import { default as Re } from "./Slider/Slider.js";
|
|
86
|
+
import { EProgressBarPosition as ye } from "./Slider/constants.js";
|
|
86
87
|
export {
|
|
87
88
|
Co as Accordion,
|
|
88
89
|
Uo as AccordionItem,
|
|
89
|
-
|
|
90
|
+
Yr as Avatar,
|
|
90
91
|
e as Button,
|
|
91
|
-
|
|
92
|
+
Le as CardTrail,
|
|
92
93
|
Bo as CheckboxMimir,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
Tr as Chip,
|
|
95
|
+
we as ClearButton,
|
|
96
|
+
Ae as CopyText,
|
|
96
97
|
C as DatePicker,
|
|
97
98
|
Q as Drawer,
|
|
98
99
|
_ as Dropdown,
|
|
99
100
|
to as DropdownSelect,
|
|
100
101
|
Mo as EAccordionSize,
|
|
101
|
-
|
|
102
|
-
|
|
102
|
+
$r as EAvatarSize,
|
|
103
|
+
oe as EAvatarVariant,
|
|
103
104
|
p as EButtonForm,
|
|
104
105
|
a as EButtonSize,
|
|
105
106
|
i as EButtonVariantBorderless,
|
|
106
107
|
m as EButtonVariantDefault,
|
|
107
108
|
n as EButtonVariantOutline,
|
|
108
109
|
x as EButtonVariantRound,
|
|
109
|
-
|
|
110
|
-
|
|
110
|
+
Ir as EChipSize,
|
|
111
|
+
Pr as EChipVariant,
|
|
111
112
|
qo as ECounterVariant,
|
|
112
113
|
M as EDatePickerBorderRadius,
|
|
113
114
|
X as EDrawerPosition,
|
|
114
115
|
oo as EDropdownAlign,
|
|
115
116
|
ro as EDropdownPlacement,
|
|
116
117
|
ao as EDropdownSelectSize,
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
118
|
+
xe as EFileItemVariant,
|
|
119
|
+
Mr as EGosZnakSize,
|
|
120
|
+
yr as EGosZnakType,
|
|
121
|
+
wr as EInputRangeSliderBorderState,
|
|
122
|
+
br as EInputRangeSliderPositions,
|
|
122
123
|
S as EInputSize,
|
|
123
124
|
d as EInputStatus,
|
|
124
125
|
s as EInputVariant,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
126
|
+
Gr as ELabelPositions,
|
|
127
|
+
lr as ELinkSize,
|
|
128
|
+
Er as ELinkVariant,
|
|
128
129
|
q as ELoaderSize,
|
|
129
|
-
|
|
130
|
+
pe as ELoadingIndicatorPlacement,
|
|
130
131
|
F as EMergedButtonVariantRound,
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
132
|
+
se as EMessageShortReplyVariant,
|
|
133
|
+
ae as EMultiSelectSearchSize,
|
|
134
|
+
ur as ENotificationBadgeSize,
|
|
135
|
+
ye as EProgressBarPosition,
|
|
135
136
|
go as ESSLoadingPlacement,
|
|
136
137
|
Io as ESelectSearchBorderRadius,
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
138
|
+
Po as ESelectSearchSize,
|
|
139
|
+
Wr as ESkeletonVariant,
|
|
140
|
+
ge as ESortDirection,
|
|
140
141
|
xo as EStepColor,
|
|
141
142
|
fo as EStepsSize,
|
|
142
143
|
No as ETabTrailSize,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
144
|
+
Ie as ETableDisplayMode,
|
|
145
|
+
Pe as ETableScrollButtonVariant,
|
|
146
|
+
Ve as ETableScrollIconName,
|
|
147
|
+
Be as ETableVariant,
|
|
148
|
+
Lo as ETagSize,
|
|
149
|
+
Do as ETagType,
|
|
149
150
|
g as ETextAreaInputSize,
|
|
150
151
|
Xo as EToastPosition,
|
|
151
152
|
Yo as EToastVariant,
|
|
152
|
-
|
|
153
|
-
|
|
153
|
+
ar as EUploaderFilesVariant,
|
|
154
|
+
zr as EUploaderType,
|
|
154
155
|
so as EVoteSize,
|
|
155
|
-
|
|
156
|
+
Cr as GosZnak,
|
|
156
157
|
N as Image,
|
|
157
158
|
l as Input,
|
|
158
|
-
|
|
159
|
+
P as InputPassword,
|
|
159
160
|
B as InputPhoneNumber,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
161
|
+
Lr as InputRangeSlider,
|
|
162
|
+
xr as Link,
|
|
163
|
+
me as ListFiles,
|
|
164
|
+
rr as ListPhoto,
|
|
165
|
+
le as ListPhotos,
|
|
164
166
|
O as Loader,
|
|
165
167
|
U as MergedButton,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
168
|
+
Se as MessageShortReply,
|
|
169
|
+
ee as MultiSelectSearch,
|
|
170
|
+
dr as NotificationBadge,
|
|
171
|
+
D as OtpInput,
|
|
170
172
|
Oo as Pagination,
|
|
171
|
-
|
|
173
|
+
ze as PromoSlider,
|
|
172
174
|
b as RadioGroup,
|
|
173
175
|
co as SelectSearch,
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
176
|
+
jr as SkeletonBrick,
|
|
177
|
+
Kr as SkeletonCircle,
|
|
178
|
+
Hr as SkeletonText,
|
|
179
|
+
Re as Slider,
|
|
178
180
|
J as SliderLazy,
|
|
179
181
|
mo as Steps,
|
|
180
|
-
|
|
182
|
+
vr as Switcher,
|
|
181
183
|
Fo as TabTrail,
|
|
182
|
-
|
|
183
|
-
|
|
184
|
+
ce as Table,
|
|
185
|
+
zo as Tag,
|
|
184
186
|
c as TextArea,
|
|
185
187
|
bo as Timer,
|
|
186
188
|
Jo as ToastProvider,
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
189
|
+
Zr as TwinSwitcher,
|
|
190
|
+
Br as UniversalUploader,
|
|
191
|
+
mr as Uploader,
|
|
192
|
+
tr as UploaderFiles,
|
|
191
193
|
$o as UploaderPhotos,
|
|
192
194
|
Eo as Vote,
|
|
193
|
-
|
|
195
|
+
z as getMaskedInputPhoneValue,
|
|
194
196
|
k as getUnmaskedInputValue,
|
|
195
197
|
Qo as useToast
|
|
196
198
|
};
|
package/dist/index.js
CHANGED
|
@@ -4,12 +4,12 @@ import { I as l } from "./Input-IzZ6B9kw.js";
|
|
|
4
4
|
import { EInputSize as E, EInputStatus as S, EInputVariant as d } 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
|
-
import { InputPassword as
|
|
8
|
-
import { InputPhoneNumber as
|
|
9
|
-
import { getMaskedInputPhoneValue as
|
|
7
|
+
import { InputPassword as P } from "./components/InputPassword/InputPassword.js";
|
|
8
|
+
import { InputPhoneNumber as B } from "./components/InputPhoneNumber/InputPhoneNumber.js";
|
|
9
|
+
import { getMaskedInputPhoneValue as k, getUnmaskedInputValue as z } from "./components/InputPhoneNumber/utils.js";
|
|
10
10
|
import { OtpInput as C } from "./components/OtpInput/OtpInput.js";
|
|
11
|
-
import { RadioGroup as
|
|
12
|
-
import { DatePicker as
|
|
11
|
+
import { RadioGroup as M } from "./components/RadioGroup/RadioGroup.js";
|
|
12
|
+
import { DatePicker as D } from "./components/DatePicker/DatePicker.js";
|
|
13
13
|
import { EDatePickerBorderRadius as w } from "./components/DatePicker/constants.js";
|
|
14
14
|
import { MergedButton as U } from "./components/MergedButton/MergedButton.js";
|
|
15
15
|
import { EMergedButtonVariantRound as F } from "./components/MergedButton/constants.js";
|
|
@@ -28,12 +28,12 @@ import { EStepColor as xo, EStepsSize as no } from "./components/Steps/constants
|
|
|
28
28
|
import { Vote as so } from "./components/Vote/Vote.js";
|
|
29
29
|
import { EVoteSize as So } from "./components/Vote/constants.js";
|
|
30
30
|
import { SelectSearch as co } from "./components/SelectSearch/SelectSearch.js";
|
|
31
|
-
import { ELoadingIndicatorPlacement as go, ESelectSearchBorderRadius as Io, ESelectSearchSize as
|
|
32
|
-
import { CheckboxMimir as
|
|
33
|
-
import { Tag as
|
|
31
|
+
import { ELoadingIndicatorPlacement as go, ESelectSearchBorderRadius as Io, ESelectSearchSize as Po } from "./components/SelectSearch/constants.js";
|
|
32
|
+
import { CheckboxMimir as Bo } from "./components/CheckboxMimir/CheckboxMimir.js";
|
|
33
|
+
import { Tag as ko } from "./components/Tag/Tag.js";
|
|
34
34
|
import { ETagSize as bo, ETagType as Co } from "./components/Tag/constants.js";
|
|
35
|
-
import { Timer as
|
|
36
|
-
import { Accordion as
|
|
35
|
+
import { Timer as Mo } from "./components/Timer/Timer.js";
|
|
36
|
+
import { Accordion as Do } from "./components/Accordion/Accordion.js";
|
|
37
37
|
import { EAccordionSize as wo } from "./components/Accordion/constants.js";
|
|
38
38
|
import { AccordionItem as Uo } from "./components/Accordion/AccordionItem/AccordionItem.js";
|
|
39
39
|
import { TabTrail as Fo } from "./components/TabTrail/TabTrail.js";
|
|
@@ -44,180 +44,182 @@ import { ToastProvider as Ho } from "./components/Toasts/ToastsProvider.js";
|
|
|
44
44
|
import { useToast as Ko } from "./components/Toasts/hooks.js";
|
|
45
45
|
import { EToastPosition as Xo, EToastVariant as Yo } from "./components/Toasts/constants.js";
|
|
46
46
|
import { UploaderPhotos as $o } from "./components/UploaderPhotos/UploaderPhotos.js";
|
|
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 {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
47
|
+
import { ListPhoto as rr } from "./components/ListPhotos/ListPhoto/ListPhoto.js";
|
|
48
|
+
import { UploaderFiles as tr } from "./components/UploaderFiles/UploaderFiles.js";
|
|
49
|
+
import { EUploaderFilesVariant as ar } from "./components/UploaderFiles/constants.js";
|
|
50
|
+
import { Uploader as ir } from "./components/Uploader/Uploader.js";
|
|
51
|
+
import { Link as xr } from "./components/AnchorLink/Link.js";
|
|
52
|
+
import { ELinkSize as lr, ELinkVariant as sr } from "./components/AnchorLink/constants.js";
|
|
53
|
+
import { NotificationBadge as Sr } from "./components/NotificationBadge/NotificationBadge.js";
|
|
54
|
+
import { ENotificationBadgeSize as ur } from "./components/NotificationBadge/constants.js";
|
|
55
|
+
import { Chip as Tr } from "./components/Chip/Chip.js";
|
|
56
|
+
import { EChipSize as Ir, EChipVariant as Pr } from "./components/Chip/constants.js";
|
|
57
|
+
import { UniversalUploader as Br } from "./components/UniversalUploader/UniversalUploader.js";
|
|
58
|
+
import { EUploaderType as kr } from "./components/UniversalUploader/constants.js";
|
|
59
|
+
import { InputRangeSlider as br } from "./components/InputRangeSlider/InputRangeSlider.js";
|
|
60
|
+
import { EInputRangeSliderBorderState as Lr, EInputRangeSliderPositions as Mr } from "./components/InputRangeSlider/constants.js";
|
|
61
|
+
import { GosZnak as Dr } from "./components/GosZnak/GosZnak.js";
|
|
62
|
+
import { EGosZnakSize as wr, EGosZnakType as Ar } from "./components/GosZnak/constants.js";
|
|
63
|
+
import { Switcher as vr } from "./components/Switcher/Switcher.js";
|
|
64
|
+
import { ELabelPositions as Gr } from "./components/Switcher/constants.js";
|
|
65
|
+
import { TwinSwitcher as Or } from "./components/TwinSwitcher/TwinSwitcher.js";
|
|
66
|
+
import { SkeletonBrick as Zr } from "./components/Skeleton/SkeletonBrick/SkeletonBrick.js";
|
|
67
|
+
import { SkeletonText as qr } from "./components/Skeleton/SkeletonText/SkeletonText.js";
|
|
68
|
+
import { SkeletonCircle as Jr } from "./components/Skeleton/SkeletonCircle/SkeletonCircle.js";
|
|
69
|
+
import { ESkeletonVariant as Wr } from "./components/Skeleton/constants.js";
|
|
70
|
+
import { Avatar as Yr } from "./components/Avatar/Avatar.js";
|
|
71
|
+
import { EAvatarSize as $r, EAvatarVariant as oe } from "./components/Avatar/constants.js";
|
|
72
|
+
import { MultiSelectSearch as ee } from "./components/MultiSelectSearch/MultiSelectSearch.js";
|
|
73
|
+
import { ELoadingIndicatorPlacement as pe, EMultiSelectSearchSize as ae } from "./components/MultiSelectSearch/constants.js";
|
|
74
|
+
import { ListFiles as ie } from "./components/ListFiles/ListFiles.js";
|
|
75
|
+
import { EFileItemVariant as xe } from "./components/ListFiles/constants.js";
|
|
76
|
+
import { ListPhotos as le } from "./components/ListPhotos/ListPhotos.js";
|
|
77
|
+
import { MessageShortReply as Ee } from "./components/MessageShortReply/MessageShortReply.js";
|
|
78
|
+
import { EMessageShortReplyVariant as de } from "./components/MessageShortReply/constants.js";
|
|
79
|
+
import { Table as ce } from "./components/Table/Table.js";
|
|
80
|
+
import { ESortDirection as ge, ETableDisplayMode as Ie, ETableScrollButtonVariant as Pe, ETableScrollIconName as Ve, ETableVariant as Be } from "./components/Table/constants.js";
|
|
81
|
+
import { PromoSlider as ke } from "./components/PromoSlider/PromoSlider.js";
|
|
82
|
+
import { CardTrail as be } from "./components/CardTrail/CardTrail.js";
|
|
83
|
+
import { ClearButton as Le } from "./components/InputClearButton/ClearButton.js";
|
|
84
|
+
import { CopyText as ye } from "./components/CopyText/CopyText.js";
|
|
85
|
+
import { useMediaQuery as Re } from "./hooks/useMediaQuery/useMediaQuery.js";
|
|
86
|
+
import { EMediaQuery as Ae, EMinMediaQuery as Ue } from "./hooks/useMediaQuery/constants.js";
|
|
87
|
+
import { useLockBodyScroll as Fe } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
|
|
88
|
+
import { useInterval as Ne } from "./hooks/useInterval/useInterval.js";
|
|
89
|
+
import { useTimer as Qe } from "./hooks/useTimer/index.js";
|
|
90
|
+
import { useCopyToClipboard as je } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
|
|
91
|
+
import { useMergeRefs as He } from "./hooks/useMergeRefs/useMergeRefs.js";
|
|
92
|
+
import { useResizeObserver as Ke } from "./hooks/useResizeObserver/useResizeObserver.js";
|
|
93
|
+
import { useCallbackRef as Xe } from "./hooks/useCallbackRef/index.js";
|
|
94
|
+
import { useThrottledCallback as _e } from "./hooks/useThrottledCallback/index.js";
|
|
95
|
+
import { Icon as ot } from "./icons/Icon.js";
|
|
96
|
+
import { formating as et } from "./utils/index.js";
|
|
97
|
+
import { default as pt } from "./components/Slider/Slider.js";
|
|
98
|
+
import { EProgressBarPosition as mt } from "./components/Slider/constants.js";
|
|
99
|
+
import { parseDate as ft } from "./utils/formating/Date.js";
|
|
99
100
|
import './assets/index.css';export {
|
|
100
|
-
|
|
101
|
+
Do as Accordion,
|
|
101
102
|
Uo as AccordionItem,
|
|
102
|
-
|
|
103
|
+
Yr as Avatar,
|
|
103
104
|
e as Button,
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
105
|
+
be as CardTrail,
|
|
106
|
+
Bo as CheckboxMimir,
|
|
107
|
+
Tr as Chip,
|
|
108
|
+
Le as ClearButton,
|
|
109
|
+
ye as CopyText,
|
|
110
|
+
D as DatePicker,
|
|
110
111
|
K as Drawer,
|
|
111
112
|
_ as Dropdown,
|
|
112
113
|
to as DropdownSelect,
|
|
113
114
|
wo as EAccordionSize,
|
|
114
|
-
|
|
115
|
-
|
|
115
|
+
$r as EAvatarSize,
|
|
116
|
+
oe as EAvatarVariant,
|
|
116
117
|
p as EButtonForm,
|
|
117
118
|
a as EButtonSize,
|
|
118
119
|
m as EButtonVariantBorderless,
|
|
119
120
|
i as EButtonVariantDefault,
|
|
120
121
|
f as EButtonVariantOutline,
|
|
121
122
|
x as EButtonVariantRound,
|
|
122
|
-
|
|
123
|
-
|
|
123
|
+
Ir as EChipSize,
|
|
124
|
+
Pr as EChipVariant,
|
|
124
125
|
jo as ECounterVariant,
|
|
125
126
|
w as EDatePickerBorderRadius,
|
|
126
127
|
X as EDrawerPosition,
|
|
127
128
|
oo as EDropdownAlign,
|
|
128
129
|
ro as EDropdownPlacement,
|
|
129
130
|
ao as EDropdownSelectSize,
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
131
|
+
xe as EFileItemVariant,
|
|
132
|
+
wr as EGosZnakSize,
|
|
133
|
+
Ar as EGosZnakType,
|
|
134
|
+
Lr as EInputRangeSliderBorderState,
|
|
135
|
+
Mr as EInputRangeSliderPositions,
|
|
135
136
|
E as EInputSize,
|
|
136
137
|
S as EInputStatus,
|
|
137
138
|
d as EInputVariant,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
139
|
+
Gr as ELabelPositions,
|
|
140
|
+
lr as ELinkSize,
|
|
141
|
+
sr as ELinkVariant,
|
|
141
142
|
j as ELoaderSize,
|
|
142
|
-
|
|
143
|
-
|
|
143
|
+
pe as ELoadingIndicatorPlacement,
|
|
144
|
+
Ae as EMediaQuery,
|
|
144
145
|
F as EMergedButtonVariantRound,
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
146
|
+
de as EMessageShortReplyVariant,
|
|
147
|
+
Ue as EMinMediaQuery,
|
|
148
|
+
ae as EMultiSelectSearchSize,
|
|
149
|
+
ur as ENotificationBadgeSize,
|
|
150
|
+
mt as EProgressBarPosition,
|
|
150
151
|
go as ESSLoadingPlacement,
|
|
151
152
|
Io as ESelectSearchBorderRadius,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
153
|
+
Po as ESelectSearchSize,
|
|
154
|
+
Wr as ESkeletonVariant,
|
|
155
|
+
ge as ESortDirection,
|
|
155
156
|
xo as EStepColor,
|
|
156
157
|
no as EStepsSize,
|
|
157
158
|
No as ETabTrailSize,
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
159
|
+
Ie as ETableDisplayMode,
|
|
160
|
+
Pe as ETableScrollButtonVariant,
|
|
161
|
+
Ve as ETableScrollIconName,
|
|
162
|
+
Be as ETableVariant,
|
|
162
163
|
bo as ETagSize,
|
|
163
164
|
Co as ETagType,
|
|
164
165
|
g as ETextAreaInputSize,
|
|
165
166
|
Xo as EToastPosition,
|
|
166
167
|
Yo as EToastVariant,
|
|
167
|
-
|
|
168
|
-
|
|
168
|
+
ar as EUploaderFilesVariant,
|
|
169
|
+
kr as EUploaderType,
|
|
169
170
|
So as EVoteSize,
|
|
170
|
-
|
|
171
|
-
|
|
171
|
+
Dr as GosZnak,
|
|
172
|
+
ot as Icon,
|
|
172
173
|
N as Image,
|
|
173
174
|
l as Input,
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
175
|
+
P as InputPassword,
|
|
176
|
+
B as InputPhoneNumber,
|
|
177
|
+
br as InputRangeSlider,
|
|
178
|
+
xr as Link,
|
|
179
|
+
ie as ListFiles,
|
|
180
|
+
rr as ListPhoto,
|
|
181
|
+
le as ListPhotos,
|
|
180
182
|
Q as Loader,
|
|
181
183
|
U as MergedButton,
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
184
|
+
Ee as MessageShortReply,
|
|
185
|
+
ee as MultiSelectSearch,
|
|
186
|
+
Sr as NotificationBadge,
|
|
185
187
|
C as OtpInput,
|
|
186
188
|
Qo as Pagination,
|
|
187
|
-
|
|
188
|
-
|
|
189
|
+
ke as PromoSlider,
|
|
190
|
+
M as RadioGroup,
|
|
189
191
|
co as SelectSearch,
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
192
|
+
Zr as SkeletonBrick,
|
|
193
|
+
Jr as SkeletonCircle,
|
|
194
|
+
qr as SkeletonText,
|
|
195
|
+
pt as Slider,
|
|
194
196
|
H as SliderLazy,
|
|
195
197
|
io as Steps,
|
|
196
|
-
|
|
198
|
+
vr as Switcher,
|
|
197
199
|
Fo as TabTrail,
|
|
198
|
-
|
|
199
|
-
|
|
200
|
+
ce as Table,
|
|
201
|
+
ko as Tag,
|
|
200
202
|
c as TextArea,
|
|
201
|
-
|
|
203
|
+
Mo as Timer,
|
|
202
204
|
Ho as ToastProvider,
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
205
|
+
Or as TwinSwitcher,
|
|
206
|
+
Br as UniversalUploader,
|
|
207
|
+
ir as Uploader,
|
|
208
|
+
tr as UploaderFiles,
|
|
207
209
|
$o as UploaderPhotos,
|
|
208
210
|
so as Vote,
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
211
|
+
et as formating,
|
|
212
|
+
k as getMaskedInputPhoneValue,
|
|
213
|
+
z as getUnmaskedInputValue,
|
|
214
|
+
ft as parseDate,
|
|
215
|
+
Xe as useCallbackRef,
|
|
216
|
+
je as useCopyToClipboard,
|
|
217
|
+
Ne as useInterval,
|
|
218
|
+
Fe as useLockBodyScroll,
|
|
219
|
+
Re as useMediaQuery,
|
|
220
|
+
He as useMergeRefs,
|
|
221
|
+
Ke as useResizeObserver,
|
|
222
|
+
_e as useThrottledCallback,
|
|
223
|
+
Qe as useTimer,
|
|
222
224
|
Ko as useToast
|
|
223
225
|
};
|