@hai-dev/ui-kit 1.0.6 → 1.0.8
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/{Box-CiYPzbPd.js → Box-D8oKffw9.js} +18 -17
- package/dist/{Button-chJUX25I.js → Button-BBF8hp7e.js} +16 -15
- package/dist/{ButtonBase-DZwhOh56.js → ButtonBase-T2KH9jsD.js} +2 -2
- package/dist/{CircularProgress-BCrSQadM.js → CircularProgress-BQQkuSse.js} +110 -136
- package/dist/{DialogTitle-BUcXvkzd.js → Dialog-B97c7WYP.js} +765 -1010
- package/dist/DialogTitle-Du4tqTs0.js +254 -0
- package/dist/{Typography-BmYEfS8y.js → Typography-r_TXEM1e.js} +4 -4
- package/dist/assets/upload-dialog-errors.css +1 -0
- package/dist/assets/upload-dialog.css +1 -1
- package/dist/{chainPropTypes-HYSaT0L0.js → chainPropTypes-KIxDwPzf.js} +15 -15
- package/dist/components/button/button.js +1 -1
- package/dist/components/circular-progress-loader/circular-progress-loader.js +3 -3
- package/dist/components/photo-crop-uploader/components/error-upload-dialog/error-upload-dialog.js +26 -25
- package/dist/components/photo-crop-uploader/components/photo-list/photo-list.js +1 -1
- package/dist/components/photo-crop-uploader/components/upload-button/upload-button.js +17 -17
- package/dist/components/photo-crop-uploader/components/upload-dialog/types.d.ts +12 -1
- package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog-errors.d.ts +3 -0
- package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog-errors.js +10 -0
- package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog.js +152 -129
- package/dist/components/photo-crop-uploader/constants.d.ts +3 -0
- package/dist/components/photo-crop-uploader/constants.js +35 -32
- package/dist/components/photo-crop-uploader/locale.js +8 -2
- package/dist/components/photo-crop-uploader/photo-crop-uploader.js +191 -152
- package/dist/components/photo-crop-uploader/types.d.ts +17 -3
- package/dist/components/photo-crop-uploader/utils/get-default-cropped-photo.d.ts +2 -1
- package/dist/components/photo-crop-uploader/utils/get-default-cropped-photo.js +26 -19
- package/dist/constants.d.ts +1 -0
- package/dist/constants.js +2 -1
- package/dist/createSimplePaletteValueFilter-nb0wSOzC.js +30 -0
- package/dist/{createTheme-BfVKUMHQ.js → createTheme-RvzX1VSA.js} +9 -9
- package/dist/extendSxProp-BW9e6LtL.js +36 -0
- package/dist/upload-dialog-errors-ku54UrUb.js +365 -0
- package/dist/useTheme-CsjkCBFJ.js +16 -0
- package/package.json +1 -1
- package/dist/extendSxProp-bpz0eCso.js +0 -49
|
@@ -0,0 +1,254 @@
|
|
|
1
|
+
import * as p from "react";
|
|
2
|
+
import { g as d, a as g, c as u, P as o } from "./createTheme-RvzX1VSA.js";
|
|
3
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
4
|
+
import { u as m, s as D, c as v } from "./chainPropTypes-KIxDwPzf.js";
|
|
5
|
+
import { m as b } from "./createSimplePaletteValueFilter-nb0wSOzC.js";
|
|
6
|
+
import { T as x } from "./Typography-r_TXEM1e.js";
|
|
7
|
+
const y = /* @__PURE__ */ p.createContext({});
|
|
8
|
+
process.env.NODE_ENV !== "production" && (y.displayName = "DialogContext");
|
|
9
|
+
function C(t) {
|
|
10
|
+
return d("MuiDialogActions", t);
|
|
11
|
+
}
|
|
12
|
+
g("MuiDialogActions", ["root", "spacing"]);
|
|
13
|
+
const N = (t) => {
|
|
14
|
+
const {
|
|
15
|
+
classes: s,
|
|
16
|
+
disableSpacing: e
|
|
17
|
+
} = t;
|
|
18
|
+
return v({
|
|
19
|
+
root: ["root", !e && "spacing"]
|
|
20
|
+
}, C, s);
|
|
21
|
+
}, O = D("div", {
|
|
22
|
+
name: "MuiDialogActions",
|
|
23
|
+
slot: "Root",
|
|
24
|
+
overridesResolver: (t, s) => {
|
|
25
|
+
const {
|
|
26
|
+
ownerState: e
|
|
27
|
+
} = t;
|
|
28
|
+
return [s.root, !e.disableSpacing && s.spacing];
|
|
29
|
+
}
|
|
30
|
+
})({
|
|
31
|
+
display: "flex",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
padding: 8,
|
|
34
|
+
justifyContent: "flex-end",
|
|
35
|
+
flex: "0 0 auto",
|
|
36
|
+
variants: [{
|
|
37
|
+
props: ({
|
|
38
|
+
ownerState: t
|
|
39
|
+
}) => !t.disableSpacing,
|
|
40
|
+
style: {
|
|
41
|
+
"& > :not(style) ~ :not(style)": {
|
|
42
|
+
marginLeft: 8
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}]
|
|
46
|
+
}), S = /* @__PURE__ */ p.forwardRef(function(s, e) {
|
|
47
|
+
const i = m({
|
|
48
|
+
props: s,
|
|
49
|
+
name: "MuiDialogActions"
|
|
50
|
+
}), {
|
|
51
|
+
className: r,
|
|
52
|
+
disableSpacing: a = !1,
|
|
53
|
+
...l
|
|
54
|
+
} = i, n = {
|
|
55
|
+
...i,
|
|
56
|
+
disableSpacing: a
|
|
57
|
+
}, c = N(n);
|
|
58
|
+
return /* @__PURE__ */ f(O, {
|
|
59
|
+
className: u(c.root, r),
|
|
60
|
+
ownerState: n,
|
|
61
|
+
ref: e,
|
|
62
|
+
...l
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
process.env.NODE_ENV !== "production" && (S.propTypes = {
|
|
66
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
67
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
68
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
69
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
70
|
+
/**
|
|
71
|
+
* The content of the component.
|
|
72
|
+
*/
|
|
73
|
+
children: o.node,
|
|
74
|
+
/**
|
|
75
|
+
* Override or extend the styles applied to the component.
|
|
76
|
+
*/
|
|
77
|
+
classes: o.object,
|
|
78
|
+
/**
|
|
79
|
+
* @ignore
|
|
80
|
+
*/
|
|
81
|
+
className: o.string,
|
|
82
|
+
/**
|
|
83
|
+
* If `true`, the actions do not have additional margin.
|
|
84
|
+
* @default false
|
|
85
|
+
*/
|
|
86
|
+
disableSpacing: o.bool,
|
|
87
|
+
/**
|
|
88
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
89
|
+
*/
|
|
90
|
+
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
|
|
91
|
+
});
|
|
92
|
+
function w(t) {
|
|
93
|
+
return d("MuiDialogContent", t);
|
|
94
|
+
}
|
|
95
|
+
g("MuiDialogContent", ["root", "dividers"]);
|
|
96
|
+
function M(t) {
|
|
97
|
+
return d("MuiDialogTitle", t);
|
|
98
|
+
}
|
|
99
|
+
const R = g("MuiDialogTitle", ["root"]), j = (t) => {
|
|
100
|
+
const {
|
|
101
|
+
classes: s,
|
|
102
|
+
dividers: e
|
|
103
|
+
} = t;
|
|
104
|
+
return v({
|
|
105
|
+
root: ["root", e && "dividers"]
|
|
106
|
+
}, w, s);
|
|
107
|
+
}, h = D("div", {
|
|
108
|
+
name: "MuiDialogContent",
|
|
109
|
+
slot: "Root",
|
|
110
|
+
overridesResolver: (t, s) => {
|
|
111
|
+
const {
|
|
112
|
+
ownerState: e
|
|
113
|
+
} = t;
|
|
114
|
+
return [s.root, e.dividers && s.dividers];
|
|
115
|
+
}
|
|
116
|
+
})(b(({
|
|
117
|
+
theme: t
|
|
118
|
+
}) => ({
|
|
119
|
+
flex: "1 1 auto",
|
|
120
|
+
// Add iOS momentum scrolling for iOS < 13.0
|
|
121
|
+
WebkitOverflowScrolling: "touch",
|
|
122
|
+
overflowY: "auto",
|
|
123
|
+
padding: "20px 24px",
|
|
124
|
+
variants: [{
|
|
125
|
+
props: ({
|
|
126
|
+
ownerState: s
|
|
127
|
+
}) => s.dividers,
|
|
128
|
+
style: {
|
|
129
|
+
padding: "16px 24px",
|
|
130
|
+
borderTop: `1px solid ${(t.vars || t).palette.divider}`,
|
|
131
|
+
borderBottom: `1px solid ${(t.vars || t).palette.divider}`
|
|
132
|
+
}
|
|
133
|
+
}, {
|
|
134
|
+
props: ({
|
|
135
|
+
ownerState: s
|
|
136
|
+
}) => !s.dividers,
|
|
137
|
+
style: {
|
|
138
|
+
[`.${R.root} + &`]: {
|
|
139
|
+
paddingTop: 0
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}]
|
|
143
|
+
}))), A = /* @__PURE__ */ p.forwardRef(function(s, e) {
|
|
144
|
+
const i = m({
|
|
145
|
+
props: s,
|
|
146
|
+
name: "MuiDialogContent"
|
|
147
|
+
}), {
|
|
148
|
+
className: r,
|
|
149
|
+
dividers: a = !1,
|
|
150
|
+
...l
|
|
151
|
+
} = i, n = {
|
|
152
|
+
...i,
|
|
153
|
+
dividers: a
|
|
154
|
+
}, c = j(n);
|
|
155
|
+
return /* @__PURE__ */ f(h, {
|
|
156
|
+
className: u(c.root, r),
|
|
157
|
+
ownerState: n,
|
|
158
|
+
ref: e,
|
|
159
|
+
...l
|
|
160
|
+
});
|
|
161
|
+
});
|
|
162
|
+
process.env.NODE_ENV !== "production" && (A.propTypes = {
|
|
163
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
164
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
165
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
166
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
167
|
+
/**
|
|
168
|
+
* The content of the component.
|
|
169
|
+
*/
|
|
170
|
+
children: o.node,
|
|
171
|
+
/**
|
|
172
|
+
* Override or extend the styles applied to the component.
|
|
173
|
+
*/
|
|
174
|
+
classes: o.object,
|
|
175
|
+
/**
|
|
176
|
+
* @ignore
|
|
177
|
+
*/
|
|
178
|
+
className: o.string,
|
|
179
|
+
/**
|
|
180
|
+
* Display the top and bottom dividers.
|
|
181
|
+
* @default false
|
|
182
|
+
*/
|
|
183
|
+
dividers: o.bool,
|
|
184
|
+
/**
|
|
185
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
186
|
+
*/
|
|
187
|
+
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
|
|
188
|
+
});
|
|
189
|
+
const E = (t) => {
|
|
190
|
+
const {
|
|
191
|
+
classes: s
|
|
192
|
+
} = t;
|
|
193
|
+
return v({
|
|
194
|
+
root: ["root"]
|
|
195
|
+
}, M, s);
|
|
196
|
+
}, U = D(x, {
|
|
197
|
+
name: "MuiDialogTitle",
|
|
198
|
+
slot: "Root"
|
|
199
|
+
})({
|
|
200
|
+
padding: "16px 24px",
|
|
201
|
+
flex: "0 0 auto"
|
|
202
|
+
}), $ = /* @__PURE__ */ p.forwardRef(function(s, e) {
|
|
203
|
+
const i = m({
|
|
204
|
+
props: s,
|
|
205
|
+
name: "MuiDialogTitle"
|
|
206
|
+
}), {
|
|
207
|
+
className: r,
|
|
208
|
+
id: a,
|
|
209
|
+
...l
|
|
210
|
+
} = i, n = i, c = E(n), {
|
|
211
|
+
titleId: T = a
|
|
212
|
+
} = p.useContext(y);
|
|
213
|
+
return /* @__PURE__ */ f(U, {
|
|
214
|
+
component: "h2",
|
|
215
|
+
className: u(c.root, r),
|
|
216
|
+
ownerState: n,
|
|
217
|
+
ref: e,
|
|
218
|
+
variant: "h6",
|
|
219
|
+
id: a ?? T,
|
|
220
|
+
...l
|
|
221
|
+
});
|
|
222
|
+
});
|
|
223
|
+
process.env.NODE_ENV !== "production" && ($.propTypes = {
|
|
224
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
225
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
226
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
227
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
228
|
+
/**
|
|
229
|
+
* The content of the component.
|
|
230
|
+
*/
|
|
231
|
+
children: o.node,
|
|
232
|
+
/**
|
|
233
|
+
* Override or extend the styles applied to the component.
|
|
234
|
+
*/
|
|
235
|
+
classes: o.object,
|
|
236
|
+
/**
|
|
237
|
+
* @ignore
|
|
238
|
+
*/
|
|
239
|
+
className: o.string,
|
|
240
|
+
/**
|
|
241
|
+
* @ignore
|
|
242
|
+
*/
|
|
243
|
+
id: o.string,
|
|
244
|
+
/**
|
|
245
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
246
|
+
*/
|
|
247
|
+
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
|
|
248
|
+
});
|
|
249
|
+
export {
|
|
250
|
+
$ as D,
|
|
251
|
+
A as a,
|
|
252
|
+
S as b,
|
|
253
|
+
y as c
|
|
254
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as O from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { g as j, a as S, c as B, b as c, P as e } from "./createTheme-RvzX1VSA.js";
|
|
3
3
|
import { jsx as P } from "react/jsx-runtime";
|
|
4
|
-
import { e as w } from "./extendSxProp-
|
|
5
|
-
import { m as C, c as W } from "./
|
|
6
|
-
import { u as M, s as R, c as N } from "./chainPropTypes-
|
|
4
|
+
import { e as w } from "./extendSxProp-BW9e6LtL.js";
|
|
5
|
+
import { m as C, c as W } from "./createSimplePaletteValueFilter-nb0wSOzC.js";
|
|
6
|
+
import { u as M, s as R, c as N } from "./chainPropTypes-KIxDwPzf.js";
|
|
7
7
|
function D() {
|
|
8
8
|
return w;
|
|
9
9
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._dialog_1mcfu_1 .MuiPaper-root{border-radius:24px;padding:48px;min-width:840px;max-width:100%}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7::-webkit-scrollbar{height:8px;width:8px}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7::-webkit-scrollbar-track{background:#f2f3f5;border-radius:16px}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:16px}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7{margin:32px 0 24px}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7 ._errorItem_1mcfu_22{font-weight:500;font-size:22px;line-height:150%;color:#e2402fe0}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7 ._errorItem_1mcfu_22 ._fileName_1mcfu_28{font-weight:700}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7 *+*{margin-top:16px}._dialog_1mcfu_1 .MuiPaper-root ._topActions_1mcfu_34{position:absolute;right:0;top:0;padding:32px}._dialog_1mcfu_1 .MuiPaper-root ._topActions_1mcfu_34 ._close_1mcfu_40{width:40px;height:40px}._dialog_1mcfu_1 .MuiPaper-root ._botActions_1mcfu_44{padding:0;display:flex;justify-content:space-between}._dialog_1mcfu_1 .MuiPaper-root ._botActions_1mcfu_44 ._button_1mcfu_49{width:100%;text-transform:none}._dialog_1mcfu_1 .MuiPaper-root ._title_1mcfu_53{padding:0;font-weight:600;font-size:32px;line-height:100%}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59{margin:32px 0 24px;padding-bottom:0;display:flex;align-items:center;justify-content:center;overflow:visible}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59._many_1mcfu_67{justify-content:space-between}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59 ._photoList_1mcfu_70{display:flex;flex-direction:column}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59 ._crop_1mcfu_74{max-height:670px}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59 ._crop_1mcfu_74 .ReactCrop__child-wrapper,._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59 ._crop_1mcfu_74 .ReactCrop__crop-mask{border-radius:12px}._dialog_1mcfu_1 .MuiPaper-root ._dialogText_1mcfu_83{color:#e2402fe0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as U, k as Z, l as k, E as z, m as ee, n as q, o as O,
|
|
1
|
+
import { r as U, k as Z, l as k, E as z, m as ee, n as q, o as O, e as te, p as re, s as ne, f as J, i as se, b as oe, c as ie, P as F, j as ae, h as ue } from "./createTheme-RvzX1VSA.js";
|
|
2
2
|
import * as D from "react";
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
4
|
var V, X;
|
|
@@ -148,10 +148,10 @@ function me(e) {
|
|
|
148
148
|
function he(e, t, r) {
|
|
149
149
|
e.theme = Pe(e.theme) ? r : e.theme[t] || e.theme;
|
|
150
150
|
}
|
|
151
|
-
function
|
|
151
|
+
function $(e, t, r) {
|
|
152
152
|
const n = typeof t == "function" ? t(e) : t;
|
|
153
153
|
if (Array.isArray(n))
|
|
154
|
-
return n.flatMap((o) =>
|
|
154
|
+
return n.flatMap((o) => $(e, o, r));
|
|
155
155
|
if (Array.isArray(n?.variants)) {
|
|
156
156
|
let o;
|
|
157
157
|
if (n.isProcessed)
|
|
@@ -227,12 +227,12 @@ function pe(e = {}) {
|
|
|
227
227
|
return c;
|
|
228
228
|
if (typeof c == "function")
|
|
229
229
|
return function(P) {
|
|
230
|
-
return
|
|
230
|
+
return $(P, c, P.theme.modularCssLayers ? m : void 0);
|
|
231
231
|
};
|
|
232
232
|
if (se(c)) {
|
|
233
233
|
const l = ye(c);
|
|
234
234
|
return function(S) {
|
|
235
|
-
return l.variants ?
|
|
235
|
+
return l.variants ? $(S, l, S.theme.modularCssLayers ? m : void 0) : S.theme.modularCssLayers ? w(l.style, m) : l.style;
|
|
236
236
|
};
|
|
237
237
|
}
|
|
238
238
|
return c;
|
|
@@ -244,15 +244,15 @@ function pe(e = {}) {
|
|
|
244
244
|
return null;
|
|
245
245
|
const H = {};
|
|
246
246
|
for (const W in h)
|
|
247
|
-
H[W] =
|
|
247
|
+
H[W] = $(y, h[W], y.theme.modularCssLayers ? "theme" : void 0);
|
|
248
248
|
return E(y, H);
|
|
249
249
|
}), u && !N && S.push(function(y) {
|
|
250
250
|
const h = y.theme?.components?.[u]?.variants;
|
|
251
251
|
return h ? Y(y, h, [], y.theme.modularCssLayers ? "theme" : void 0) : null;
|
|
252
252
|
}), R || S.push(J), Array.isArray(P[0])) {
|
|
253
|
-
const A = P.shift(), y = new Array(l.length).fill(""),
|
|
253
|
+
const A = P.shift(), y = new Array(l.length).fill(""), j = new Array(S.length).fill("");
|
|
254
254
|
let h;
|
|
255
|
-
h = [...y, ...A,
|
|
255
|
+
h = [...y, ...A, ...j], h.raw = [...y, ...A.raw, ...j], l.unshift(h);
|
|
256
256
|
}
|
|
257
257
|
const Q = [...l, ...P, ...S], I = g(...Q);
|
|
258
258
|
return a.muiName && (I.muiName = a.muiName), process.env.NODE_ENV !== "production" && (I.displayName = ve(u, f, a)), I;
|
|
@@ -359,13 +359,13 @@ const Ee = ae();
|
|
|
359
359
|
function Ne(e) {
|
|
360
360
|
return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
|
|
361
361
|
}
|
|
362
|
-
const Re = (e) => Ne(e) && e !== "classes",
|
|
362
|
+
const Re = (e) => Ne(e) && e !== "classes", je = pe({
|
|
363
363
|
themeId: ue,
|
|
364
364
|
defaultTheme: Ee,
|
|
365
365
|
rootShouldForwardProp: Re
|
|
366
366
|
});
|
|
367
367
|
process.env.NODE_ENV !== "production" && (F.node, F.object.isRequired);
|
|
368
|
-
function
|
|
368
|
+
function $e(e) {
|
|
369
369
|
return Te(e);
|
|
370
370
|
}
|
|
371
371
|
function Fe(e, t) {
|
|
@@ -374,14 +374,14 @@ function Fe(e, t) {
|
|
|
374
374
|
};
|
|
375
375
|
}
|
|
376
376
|
export {
|
|
377
|
-
|
|
378
|
-
|
|
377
|
+
le as a,
|
|
378
|
+
Fe as b,
|
|
379
379
|
Ae as c,
|
|
380
|
-
|
|
380
|
+
M as d,
|
|
381
381
|
Ee as e,
|
|
382
382
|
xe as k,
|
|
383
383
|
ye as p,
|
|
384
384
|
Re as r,
|
|
385
|
-
|
|
386
|
-
|
|
385
|
+
je as s,
|
|
386
|
+
$e as u
|
|
387
387
|
};
|
|
@@ -3,7 +3,7 @@ import { c as U } from "../../index-B2JRaoNz.js";
|
|
|
3
3
|
import { ButtonContent as a } from "./button-content.js";
|
|
4
4
|
import { BUTTON_COLOR_GRAY as h, BUTTON_SIZE_DEFAULT as I, BUTTON_VARIANT_OUTLINED as x, MIN_WIDTH_DEFAULT as C, BUTTON_WEIGHT_MEDIUM as E } from "./constants.js";
|
|
5
5
|
import { s as A } from "../../button.module-BZPPmSAS.js";
|
|
6
|
-
import { B as D } from "../../ButtonBase-
|
|
6
|
+
import { B as D } from "../../ButtonBase-T2KH9jsD.js";
|
|
7
7
|
import { getButtonClassnames as L } from "./utils/get-button-classnames.js";
|
|
8
8
|
const F = (m) => {
|
|
9
9
|
const {
|
|
@@ -2,9 +2,9 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as n } from "../../index-B2JRaoNz.js";
|
|
3
3
|
import { PRECENT_SYMBOL as m } from "../../constants.js";
|
|
4
4
|
import { CIRCULAR_PROGRESS_DEFAULT_VALUE as _, CIRCULAR_PROGRESS_SIZE as p } from "./constants.js";
|
|
5
|
-
import { B as a } from "../../Box-
|
|
6
|
-
import { C } from "../../CircularProgress-
|
|
7
|
-
import { T as d } from "../../Typography-
|
|
5
|
+
import { B as a } from "../../Box-D8oKffw9.js";
|
|
6
|
+
import { C } from "../../CircularProgress-BQQkuSse.js";
|
|
7
|
+
import { T as d } from "../../Typography-r_TXEM1e.js";
|
|
8
8
|
import '../../assets/circular-progress-loader.css';const g = "_circularProgressLoader_ric36_1", b = "_progress_ric36_7", u = "_labelContainer_ric36_10", x = "_labelText_ric36_20", r = {
|
|
9
9
|
circularProgressLoader: g,
|
|
10
10
|
progress: b,
|
package/dist/components/photo-crop-uploader/components/error-upload-dialog/error-upload-dialog.js
CHANGED
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as e, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import { c as p } from "../../../../index-B2JRaoNz.js";
|
|
3
|
-
import { localizedText as
|
|
4
|
-
import { EN_LOCALE as
|
|
5
|
-
import { D as x
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
3
|
+
import { localizedText as m } from "../../locale.js";
|
|
4
|
+
import { EN_LOCALE as u } from "../../../../constants.js";
|
|
5
|
+
import { D as x } from "../../../../Dialog-B97c7WYP.js";
|
|
6
|
+
import { D as T, a as C, b as D } from "../../../../DialogTitle-Du4tqTs0.js";
|
|
7
|
+
import * as y from "react";
|
|
8
|
+
import { g as h, a as E, c as N, P as o } from "../../../../createTheme-RvzX1VSA.js";
|
|
9
|
+
import { u as _, s as b, c as P, r as j } from "../../../../chainPropTypes-KIxDwPzf.js";
|
|
10
|
+
import { T as v } from "../../../../Typography-r_TXEM1e.js";
|
|
11
|
+
import { B as w } from "../../../../Button-BBF8hp7e.js";
|
|
11
12
|
import '../../../../assets/error-upload-dialog.css';function O(t) {
|
|
12
13
|
return h("MuiDialogContentText", t);
|
|
13
14
|
}
|
|
14
15
|
E("MuiDialogContentText", ["root"]);
|
|
15
16
|
const U = (t) => {
|
|
16
17
|
const {
|
|
17
|
-
classes:
|
|
18
|
+
classes: r
|
|
18
19
|
} = t, s = P({
|
|
19
20
|
root: ["root"]
|
|
20
|
-
}, O,
|
|
21
|
+
}, O, r);
|
|
21
22
|
return {
|
|
22
|
-
...
|
|
23
|
+
...r,
|
|
23
24
|
// forward classes to the Typography
|
|
24
25
|
...s
|
|
25
26
|
};
|
|
@@ -27,16 +28,16 @@ const U = (t) => {
|
|
|
27
28
|
shouldForwardProp: (t) => j(t) || t === "classes",
|
|
28
29
|
name: "MuiDialogContentText",
|
|
29
30
|
slot: "Root"
|
|
30
|
-
})({}), g = /* @__PURE__ */
|
|
31
|
+
})({}), g = /* @__PURE__ */ y.forwardRef(function(r, a) {
|
|
31
32
|
const s = _({
|
|
32
|
-
props:
|
|
33
|
+
props: r,
|
|
33
34
|
name: "MuiDialogContentText"
|
|
34
35
|
}), {
|
|
35
36
|
children: n,
|
|
36
37
|
className: l,
|
|
37
38
|
...i
|
|
38
39
|
} = s, c = U(i);
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
+
return /* @__PURE__ */ e(M, {
|
|
40
41
|
component: "p",
|
|
41
42
|
variant: "body1",
|
|
42
43
|
color: "textSecondary",
|
|
@@ -69,31 +70,31 @@ process.env.NODE_ENV !== "production" && (g.propTypes = {
|
|
|
69
70
|
*/
|
|
70
71
|
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
|
|
71
72
|
});
|
|
72
|
-
const R = "_dialog_lyvu5_1", S = "_dialogErrorText_lyvu5_1",
|
|
73
|
+
const R = "_dialog_lyvu5_1", S = "_dialogErrorText_lyvu5_1", d = {
|
|
73
74
|
dialog: R,
|
|
74
75
|
dialogErrorText: S
|
|
75
|
-
},
|
|
76
|
+
}, I = (t) => {
|
|
76
77
|
const {
|
|
77
|
-
photoError:
|
|
78
|
+
photoError: r,
|
|
78
79
|
onCloseErrorDialog: a,
|
|
79
|
-
locale: s =
|
|
80
|
+
locale: s = u,
|
|
80
81
|
className: n,
|
|
81
82
|
...l
|
|
82
83
|
} = t;
|
|
83
|
-
return /* @__PURE__ */
|
|
84
|
+
return /* @__PURE__ */ f(
|
|
84
85
|
x,
|
|
85
86
|
{
|
|
86
|
-
className: p(
|
|
87
|
+
className: p(d.dialog, n),
|
|
87
88
|
onClose: a,
|
|
88
89
|
...l,
|
|
89
90
|
children: [
|
|
90
|
-
/* @__PURE__ */
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
/* @__PURE__ */
|
|
91
|
+
/* @__PURE__ */ e(T, { children: m[s].error }),
|
|
92
|
+
/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(g, { className: p(d.dialogErrorText), children: r }) }),
|
|
93
|
+
/* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(w, { onClick: a, children: m[s].back }) })
|
|
93
94
|
]
|
|
94
95
|
}
|
|
95
96
|
);
|
|
96
97
|
};
|
|
97
98
|
export {
|
|
98
|
-
|
|
99
|
+
I as ErrorUploadDialog
|
|
99
100
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as p, jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { c as o } from "../../../../index-B2JRaoNz.js";
|
|
3
3
|
import { MAX_ITEMS_COUNT as r } from "./constants.js";
|
|
4
|
-
import { B as n } from "../../../../Box-
|
|
4
|
+
import { B as n } from "../../../../Box-D8oKffw9.js";
|
|
5
5
|
import '../../../../assets/photo-list.css';const g = "_photoList_rrp1z_1", u = "_item_rrp1z_6", x = "_image_rrp1z_17", t = {
|
|
6
6
|
photoList: g,
|
|
7
7
|
item: u,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as n, jsxs as v, Fragment as b } from "react/jsx-runtime";
|
|
2
2
|
import { useState as k, useRef as R } from "react";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as a } from "../../../../index-B2JRaoNz.js";
|
|
4
4
|
import { localizedText as x } from "../../locale.js";
|
|
5
5
|
import { EN_LOCALE as V } from "../../../../constants.js";
|
|
6
6
|
import { SUPPORTED_IMAGE_EXTENSIONS as y } from "../../constants.js";
|
|
7
7
|
import { UPLOAD_BUTTON_WIDTH_DEFAULT as W, UPLOAD_BUTTON_TAB_INDEX as j, UPLOAD_BUTTON_IMAGE_SIZE as T } from "./constants.js";
|
|
8
|
-
import { B as H } from "../../../../Button-
|
|
9
|
-
import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill='%23ffffff'%20d='M544%20864V672h128L512%20480%20352%20672h128v192H320v-1.6c-5.376.32-10.496%201.6-16%201.6A240%20240%200%200%201%2064%20624c0-123.136%2093.12-223.488%20212.608-237.248A239.808%20239.808%200%200%201%20512%20192a239.872%20239.872%200%200%201%20235.456%20194.752c119.488%2013.76%20212.48%20114.112%20212.48%20237.248a240%20240%200%200%201-240%20240c-5.376%200-10.56-1.28-16-1.6v1.6H544z'/%3e%3c/g%3e%3c/svg%3e", F = "_dragDropWrapper_cgx9x_1", z = "_input_cgx9x_4",
|
|
8
|
+
import { B as H } from "../../../../Button-BBF8hp7e.js";
|
|
9
|
+
import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill='%23ffffff'%20d='M544%20864V672h128L512%20480%20352%20672h128v192H320v-1.6c-5.376.32-10.496%201.6-16%201.6A240%20240%200%200%201%2064%20624c0-123.136%2093.12-223.488%20212.608-237.248A239.808%20239.808%200%200%201%20512%20192a239.872%20239.872%200%200%201%20235.456%20194.752c119.488%2013.76%20212.48%20114.112%20212.48%20237.248a240%20240%200%200%201-240%20240c-5.376%200-10.56-1.28-16-1.6v1.6H544z'/%3e%3c/g%3e%3c/svg%3e", F = "_dragDropWrapper_cgx9x_1", z = "_input_cgx9x_4", i = {
|
|
10
10
|
dragDropWrapper: F,
|
|
11
11
|
input: z
|
|
12
12
|
}, ee = (w) => {
|
|
13
13
|
const {
|
|
14
14
|
buttonClassname: C,
|
|
15
|
-
buttonDisabled:
|
|
15
|
+
buttonDisabled: r = !1,
|
|
16
16
|
children: E,
|
|
17
17
|
className: p,
|
|
18
18
|
onChange: o,
|
|
@@ -32,18 +32,18 @@ import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!
|
|
|
32
32
|
fromSources: t,
|
|
33
33
|
...u
|
|
34
34
|
} = w, [P, l] = k(!1), c = R(null), h = (e) => {
|
|
35
|
-
e && e.length > 0 && o && o({
|
|
35
|
+
r || e && e.length > 0 && o && o({
|
|
36
36
|
target: {
|
|
37
37
|
files: e,
|
|
38
38
|
value: ""
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
}, U = (e) => {
|
|
42
|
-
t?.length || (e.preventDefault(), e.stopPropagation(), N(e),
|
|
42
|
+
t?.length || (e.preventDefault(), e.stopPropagation(), N(e), r || l(!0));
|
|
43
43
|
}, A = (e) => {
|
|
44
44
|
t?.length || (e.preventDefault(), e.stopPropagation(), S(e), l(!1));
|
|
45
45
|
}, B = (e) => {
|
|
46
|
-
if (t?.length || (e.preventDefault(), e.stopPropagation(), I(e), l(!1),
|
|
46
|
+
if (t?.length || (e.preventDefault(), e.stopPropagation(), I(e), l(!1), r)) return;
|
|
47
47
|
const _ = e.dataTransfer?.files;
|
|
48
48
|
h(_);
|
|
49
49
|
}, G = () => {
|
|
@@ -53,22 +53,22 @@ import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!
|
|
|
53
53
|
}, m = (e) => {
|
|
54
54
|
h(e.target.files), o && o(e);
|
|
55
55
|
};
|
|
56
|
-
return /* @__PURE__ */
|
|
56
|
+
return /* @__PURE__ */ n(
|
|
57
57
|
"div",
|
|
58
58
|
{
|
|
59
|
-
className:
|
|
59
|
+
className: a(i.dragDropWrapper),
|
|
60
60
|
onDragOver: U,
|
|
61
61
|
onDragLeave: A,
|
|
62
62
|
onDrop: B,
|
|
63
63
|
onClick: G,
|
|
64
64
|
children: s ? /* @__PURE__ */ v(b, { children: [
|
|
65
65
|
s,
|
|
66
|
-
/* @__PURE__ */
|
|
66
|
+
/* @__PURE__ */ n(
|
|
67
67
|
"input",
|
|
68
68
|
{
|
|
69
69
|
onClick: D,
|
|
70
70
|
ref: c,
|
|
71
|
-
className:
|
|
71
|
+
className: a(i.input, p),
|
|
72
72
|
type: "file",
|
|
73
73
|
accept: d.join(", "),
|
|
74
74
|
onChange: m,
|
|
@@ -85,10 +85,10 @@ import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!
|
|
|
85
85
|
},
|
|
86
86
|
role: "none",
|
|
87
87
|
variant: "contained",
|
|
88
|
-
disabled:
|
|
88
|
+
disabled: r,
|
|
89
89
|
tabIndex: j,
|
|
90
|
-
className:
|
|
91
|
-
startIcon: /* @__PURE__ */
|
|
90
|
+
className: a(i.uploadButton, C),
|
|
91
|
+
startIcon: /* @__PURE__ */ n(
|
|
92
92
|
"img",
|
|
93
93
|
{
|
|
94
94
|
width: T,
|
|
@@ -99,12 +99,12 @@ import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!
|
|
|
99
99
|
),
|
|
100
100
|
children: [
|
|
101
101
|
P ? x[g].drop : E,
|
|
102
|
-
/* @__PURE__ */
|
|
102
|
+
/* @__PURE__ */ n(
|
|
103
103
|
"input",
|
|
104
104
|
{
|
|
105
105
|
onClick: D,
|
|
106
106
|
ref: c,
|
|
107
|
-
className:
|
|
107
|
+
className: a(i.input, p),
|
|
108
108
|
type: "file",
|
|
109
109
|
accept: d.join(", "),
|
|
110
110
|
onChange: m,
|
|
@@ -2,7 +2,7 @@ import { SyntheticEvent } from 'react';
|
|
|
2
2
|
import { DialogProps } from '@mui/material';
|
|
3
3
|
import { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
|
|
4
4
|
import { Locale } from '../../../../types';
|
|
5
|
-
import { PhotoDataUrl } from '../../types';
|
|
5
|
+
import { FileErrorItem, PhotoDataUrl } from '../../types';
|
|
6
6
|
type OnPhotoLoad = (event: SyntheticEvent<HTMLImageElement, Event>) => void;
|
|
7
7
|
type OnCropChange = (pixelCrop: PixelCrop, percentCrop: PercentCrop) => void;
|
|
8
8
|
type ImageRef = {
|
|
@@ -18,6 +18,7 @@ type UploadDialogCustomProps = {
|
|
|
18
18
|
onPhotoCrop?: () => void;
|
|
19
19
|
onNextPhoto?: () => void;
|
|
20
20
|
onSkipCrop?: () => void;
|
|
21
|
+
onClearErrors?: () => void;
|
|
21
22
|
photoCrops: Crop[];
|
|
22
23
|
minDimension?: number;
|
|
23
24
|
aspectRatio?: number;
|
|
@@ -25,6 +26,16 @@ type UploadDialogCustomProps = {
|
|
|
25
26
|
circular?: boolean;
|
|
26
27
|
keepSelection?: boolean;
|
|
27
28
|
photoIndex: number;
|
|
29
|
+
photoSourceLoading: boolean;
|
|
30
|
+
loadingValue?: number;
|
|
31
|
+
errors?: FileErrorItem[];
|
|
28
32
|
};
|
|
29
33
|
export type UploadDialogProps = UploadDialogCustomProps & DialogProps;
|
|
34
|
+
export type UploadDialogErrorsProps = {
|
|
35
|
+
photoSources: PhotoDataUrl[];
|
|
36
|
+
errors?: FileErrorItem[];
|
|
37
|
+
onCloseDialogHandler?: () => void;
|
|
38
|
+
onClearErrors?: () => void;
|
|
39
|
+
locale?: Locale;
|
|
40
|
+
};
|
|
30
41
|
export {};
|