img-upload-kit 2.0.1 → 2.0.2
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/CHANGELOG.md +89 -89
- package/MIGRATION.md +192 -192
- package/README.md +243 -243
- package/dist/bin.js +1 -1
- package/dist/bin.js.map +1 -1
- package/dist/blur.cjs +3 -3
- package/dist/blur.cjs.map +1 -1
- package/dist/blur.js +2 -2
- package/dist/{chunk-XKQMCY5Z.cjs → chunk-2OVNXHTN.cjs} +1 -1
- package/dist/chunk-2OVNXHTN.cjs.map +1 -0
- package/dist/{chunk-FP5YIWG5.cjs → chunk-3ICG2SLL.cjs} +1 -1
- package/dist/chunk-3ICG2SLL.cjs.map +1 -0
- package/dist/{chunk-J6A44Y3W.js → chunk-4ASFG3KB.js} +1 -1
- package/dist/chunk-4ASFG3KB.js.map +1 -0
- package/dist/{chunk-IDLLCVGB.js → chunk-AI3JJLSA.js} +3 -3
- package/dist/chunk-AI3JJLSA.js.map +1 -0
- package/dist/{chunk-MHGQEBPW.js → chunk-CV23O4YU.js} +1 -1
- package/dist/chunk-CV23O4YU.js.map +1 -0
- package/dist/{chunk-25GYKQ6J.js → chunk-G7LLSKBV.js} +1 -1
- package/dist/chunk-G7LLSKBV.js.map +1 -0
- package/dist/{chunk-EWVIL57J.js → chunk-IB3TEDLR.js} +1 -1
- package/dist/chunk-IB3TEDLR.js.map +1 -0
- package/dist/{chunk-DFCSN3X7.cjs → chunk-KJVYWKIG.cjs} +1 -1
- package/dist/chunk-KJVYWKIG.cjs.map +1 -0
- package/dist/{chunk-34L4TEE3.cjs → chunk-NEDBIIE3.cjs} +1 -1
- package/dist/chunk-NEDBIIE3.cjs.map +1 -0
- package/dist/chunk-QHU7FUO4.cjs.map +1 -1
- package/dist/{chunk-VYVZVUNI.js → chunk-QQHZJKNA.js} +1 -1
- package/dist/chunk-QQHZJKNA.js.map +1 -0
- package/dist/{chunk-HILELQGS.js → chunk-TT5C7K3Q.js} +1 -1
- package/dist/chunk-TT5C7K3Q.js.map +1 -0
- package/dist/{chunk-TA5Y64JM.cjs → chunk-U2TWTEBY.cjs} +24 -24
- package/dist/chunk-U2TWTEBY.cjs.map +1 -0
- package/dist/{chunk-MBQJ6NVJ.cjs → chunk-WISG74VL.cjs} +1 -1
- package/dist/chunk-WISG74VL.cjs.map +1 -0
- package/dist/{chunk-LOSVFO56.cjs → chunk-YRXXQUDE.cjs} +1 -1
- package/dist/chunk-YRXXQUDE.cjs.map +1 -0
- package/dist/cli.cjs +1 -1
- package/dist/cli.cjs.map +1 -1
- package/dist/cli.js +1 -1
- package/dist/cli.js.map +1 -1
- package/dist/headless.cjs +4 -4
- package/dist/headless.cjs.map +1 -1
- package/dist/headless.js +3 -3
- package/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4 -4
- package/dist/react.cjs +138 -138
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +5 -5
- package/dist/react.js.map +1 -1
- package/dist/server-handler.cjs +2 -2
- package/dist/server-handler.cjs.map +1 -1
- package/dist/server-handler.js +1 -1
- package/dist/server.cjs +30 -30
- package/dist/server.cjs.map +1 -1
- package/dist/server.js +2 -2
- package/dist/server.js.map +1 -1
- package/dist/storage.cjs +9 -9
- package/dist/storage.cjs.map +1 -1
- package/dist/storage.js +1 -1
- package/dist/storage.js.map +1 -1
- package/dist/styles/animated-image.css +112 -112
- package/dist/styles/tokens.css +123 -123
- package/dist/styles.css +235 -235
- package/package.json +1 -1
- package/dist/chunk-25GYKQ6J.js.map +0 -1
- package/dist/chunk-34L4TEE3.cjs.map +0 -1
- package/dist/chunk-DFCSN3X7.cjs.map +0 -1
- package/dist/chunk-EWVIL57J.js.map +0 -1
- package/dist/chunk-FP5YIWG5.cjs.map +0 -1
- package/dist/chunk-HILELQGS.js.map +0 -1
- package/dist/chunk-IDLLCVGB.js.map +0 -1
- package/dist/chunk-J6A44Y3W.js.map +0 -1
- package/dist/chunk-LOSVFO56.cjs.map +0 -1
- package/dist/chunk-MBQJ6NVJ.cjs.map +0 -1
- package/dist/chunk-MHGQEBPW.js.map +0 -1
- package/dist/chunk-TA5Y64JM.cjs.map +0 -1
- package/dist/chunk-VYVZVUNI.js.map +0 -1
- package/dist/chunk-XKQMCY5Z.cjs.map +0 -1
package/dist/react.cjs
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkWISG74VLcjs = require('./chunk-WISG74VL.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _chunk3ICG2SLLcjs = require('./chunk-3ICG2SLL.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
@@ -43,17 +43,17 @@ var _chunkFP5YIWG5cjs = require('./chunk-FP5YIWG5.cjs');
|
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
var
|
|
46
|
+
var _chunkU2TWTEBYcjs = require('./chunk-U2TWTEBY.cjs');
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
|
|
50
50
|
|
|
51
|
-
var
|
|
51
|
+
var _chunkKJVYWKIGcjs = require('./chunk-KJVYWKIG.cjs');
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
|
|
55
55
|
|
|
56
|
-
var
|
|
56
|
+
var _chunkNEDBIIE3cjs = require('./chunk-NEDBIIE3.cjs');
|
|
57
57
|
|
|
58
58
|
// src/react/hooks/index.ts
|
|
59
59
|
var _react = require('react');
|
|
@@ -63,14 +63,14 @@ var _react = require('react');
|
|
|
63
63
|
function useBlurDataURL(imageSrc, options = {}) {
|
|
64
64
|
const { type = "default", size = "small" } = options;
|
|
65
65
|
return _react.useMemo.call(void 0, () => {
|
|
66
|
-
if (!imageSrc) return
|
|
67
|
-
return
|
|
66
|
+
if (!imageSrc) return _chunkWISG74VLcjs.DEFAULT_PLACEHOLDERS[type];
|
|
67
|
+
return _chunkWISG74VLcjs.blurService.getBlurDataURL(imageSrc, { type, size });
|
|
68
68
|
}, [imageSrc, type, size]);
|
|
69
69
|
}
|
|
70
70
|
function useBulkBlurData(imageSrcs, options = {}) {
|
|
71
71
|
const { type = "default", size = "small" } = options;
|
|
72
72
|
return _react.useMemo.call(void 0, () => {
|
|
73
|
-
return
|
|
73
|
+
return _chunkWISG74VLcjs.blurService.getBulkBlurData(imageSrcs, { type, size });
|
|
74
74
|
}, [imageSrcs, type, size]);
|
|
75
75
|
}
|
|
76
76
|
function useProgressiveBlur(imageSrc, size = "small") {
|
|
@@ -78,46 +78,46 @@ function useProgressiveBlur(imageSrc, size = "small") {
|
|
|
78
78
|
if (!imageSrc) {
|
|
79
79
|
return {
|
|
80
80
|
color: "#E5E7EB",
|
|
81
|
-
blur:
|
|
81
|
+
blur: _chunkWISG74VLcjs.DEFAULT_PLACEHOLDERS.default,
|
|
82
82
|
hasBlur: false
|
|
83
83
|
};
|
|
84
84
|
}
|
|
85
|
-
return
|
|
85
|
+
return _chunkWISG74VLcjs.blurService.getProgressiveData(imageSrc, size);
|
|
86
86
|
}, [imageSrc, size]);
|
|
87
87
|
}
|
|
88
88
|
function useHasBlurHash(imageSrc) {
|
|
89
89
|
return _react.useMemo.call(void 0, () => {
|
|
90
90
|
if (!imageSrc) return false;
|
|
91
|
-
return
|
|
91
|
+
return _chunkWISG74VLcjs.blurService.hasBlurHash(imageSrc);
|
|
92
92
|
}, [imageSrc]);
|
|
93
93
|
}
|
|
94
94
|
function useDominantColor(imageSrc) {
|
|
95
95
|
return _react.useMemo.call(void 0, () => {
|
|
96
96
|
if (!imageSrc) return "#E5E7EB";
|
|
97
|
-
return
|
|
97
|
+
return _chunkWISG74VLcjs.blurService.getDominantColor(imageSrc);
|
|
98
98
|
}, [imageSrc]);
|
|
99
99
|
}
|
|
100
100
|
function useBlurMetadata() {
|
|
101
101
|
return _react.useMemo.call(void 0, () => {
|
|
102
|
-
return
|
|
102
|
+
return _chunkWISG74VLcjs.blurService.getMetadata();
|
|
103
103
|
}, []);
|
|
104
104
|
}
|
|
105
105
|
function useBlurHash(imageSrc) {
|
|
106
106
|
return _react.useMemo.call(void 0, () => {
|
|
107
107
|
if (!imageSrc) return null;
|
|
108
|
-
return
|
|
108
|
+
return _chunkWISG74VLcjs.blurService.getBlurHash(imageSrc);
|
|
109
109
|
}, [imageSrc]);
|
|
110
110
|
}
|
|
111
111
|
function useBlurDataWithColor(imageSrc, size = "small") {
|
|
112
112
|
return _react.useMemo.call(void 0, () => {
|
|
113
113
|
if (!imageSrc) {
|
|
114
114
|
return {
|
|
115
|
-
blurDataUrl:
|
|
115
|
+
blurDataUrl: _chunkWISG74VLcjs.DEFAULT_PLACEHOLDERS.default,
|
|
116
116
|
blurColor: "#E5E7EB",
|
|
117
117
|
hasBlur: false
|
|
118
118
|
};
|
|
119
119
|
}
|
|
120
|
-
const progressive =
|
|
120
|
+
const progressive = _chunkWISG74VLcjs.blurService.getProgressiveData(imageSrc, size);
|
|
121
121
|
return {
|
|
122
122
|
blurDataUrl: progressive.blur,
|
|
123
123
|
blurColor: progressive.color,
|
|
@@ -127,8 +127,8 @@ function useBlurDataWithColor(imageSrc, size = "small") {
|
|
|
127
127
|
}
|
|
128
128
|
function useBlurVariant(imageSrc, size = "small", type = "default") {
|
|
129
129
|
return _react.useMemo.call(void 0, () => {
|
|
130
|
-
if (!imageSrc) return
|
|
131
|
-
return
|
|
130
|
+
if (!imageSrc) return _chunkWISG74VLcjs.DEFAULT_PLACEHOLDERS[type];
|
|
131
|
+
return _chunkWISG74VLcjs.blurService.getBlurDataURL(imageSrc, { type, size });
|
|
132
132
|
}, [imageSrc, size, type]);
|
|
133
133
|
}
|
|
134
134
|
|
|
@@ -235,7 +235,7 @@ var useProgressiveImage = useProgressiveBlur;
|
|
|
235
235
|
function useBlurPreload(imageSrcs, size = "small") {
|
|
236
236
|
_react.useEffect.call(void 0, () => {
|
|
237
237
|
if (imageSrcs.length > 0) {
|
|
238
|
-
|
|
238
|
+
_chunkWISG74VLcjs.blurService.preloadBlurData(imageSrcs, size);
|
|
239
239
|
}
|
|
240
240
|
}, [imageSrcs, size]);
|
|
241
241
|
}
|
|
@@ -412,15 +412,15 @@ function AltTextInput({
|
|
|
412
412
|
translations,
|
|
413
413
|
unstyled: propUnstyled
|
|
414
414
|
}) {
|
|
415
|
-
const ctx =
|
|
415
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
416
416
|
const isUnstyled = _nullishCoalesce(propUnstyled, () => ( ctx.unstyled));
|
|
417
|
-
const locale =
|
|
418
|
-
const ui =
|
|
417
|
+
const locale = _chunkU2TWTEBYcjs.normalizeUploadLocale.call(void 0, propLocale || ctx.locale);
|
|
418
|
+
const ui = _chunkU2TWTEBYcjs.resolveTranslations.call(void 0, locale, translations || ctx.translations);
|
|
419
419
|
const resolvedPlaceholder = placeholder || ui.describeImagePlaceholder;
|
|
420
420
|
const resolvedLabel = label || ui.addImageDescription;
|
|
421
421
|
const inputId = _react.useId.call(void 0, );
|
|
422
422
|
const hintId = showHint ? `${inputId}-hint` : void 0;
|
|
423
|
-
const cls = (defaultClass) =>
|
|
423
|
+
const cls = (defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, isUnstyled);
|
|
424
424
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
425
425
|
"div",
|
|
426
426
|
{
|
|
@@ -487,7 +487,7 @@ function BlurImage({
|
|
|
487
487
|
renderImage: propRenderImage,
|
|
488
488
|
onImageLoad
|
|
489
489
|
}) {
|
|
490
|
-
const ctx =
|
|
490
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
491
491
|
const renderImage = propRenderImage || ctx.renderImage;
|
|
492
492
|
const [loadedSrc, setLoadedSrc] = _react.useState.call(void 0, null);
|
|
493
493
|
const [failedSrc, setFailedSrc] = _react.useState.call(void 0, null);
|
|
@@ -496,7 +496,7 @@ function BlurImage({
|
|
|
496
496
|
onImageLoadRef.current = onImageLoad;
|
|
497
497
|
const decodedHashUrl = _react.useMemo.call(void 0, () => {
|
|
498
498
|
if (blurDataUrl || !blurHash) return null;
|
|
499
|
-
return
|
|
499
|
+
return _chunk3ICG2SLLcjs.decodeBlurHashToDataURL.call(void 0, blurHash, 32, 32);
|
|
500
500
|
}, [blurDataUrl, blurHash]);
|
|
501
501
|
const effectiveBlurUrl = blurDataUrl || decodedHashUrl || void 0;
|
|
502
502
|
const isLoaded = loadedSrc === src;
|
|
@@ -581,10 +581,10 @@ function AltTextModal({
|
|
|
581
581
|
renderImage,
|
|
582
582
|
unstyled: propUnstyled
|
|
583
583
|
}) {
|
|
584
|
-
const ctx =
|
|
584
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
585
585
|
const isUnstyled = _nullishCoalesce(propUnstyled, () => ( ctx.unstyled));
|
|
586
|
-
const locale =
|
|
587
|
-
const ui =
|
|
586
|
+
const locale = _chunkU2TWTEBYcjs.normalizeUploadLocale.call(void 0, propLocale || ctx.locale);
|
|
587
|
+
const ui = _chunkU2TWTEBYcjs.resolveTranslations.call(void 0, locale, translations || ctx.translations);
|
|
588
588
|
const [localAltText, setLocalAltText] = _react.useState.call(void 0, initialAltText);
|
|
589
589
|
const inputRef = _react.useRef.call(void 0, null);
|
|
590
590
|
const { dialogRef, titleId, descriptionId } = useDialog({
|
|
@@ -592,7 +592,7 @@ function AltTextModal({
|
|
|
592
592
|
onClose,
|
|
593
593
|
initialFocusRef: inputRef
|
|
594
594
|
});
|
|
595
|
-
const cls = (defaultClass) =>
|
|
595
|
+
const cls = (defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, isUnstyled);
|
|
596
596
|
const handleSave = () => {
|
|
597
597
|
onSave(localAltText);
|
|
598
598
|
onClose();
|
|
@@ -760,7 +760,7 @@ function resolveIntrinsicPlaceholderUrl({
|
|
|
760
760
|
if (dataUrl) return dataUrl;
|
|
761
761
|
if (blurHash && typeof document !== "undefined") {
|
|
762
762
|
try {
|
|
763
|
-
const decoded =
|
|
763
|
+
const decoded = _chunk3ICG2SLLcjs.decodeBlurHashToDataURL.call(void 0, blurHash, 32, 32);
|
|
764
764
|
if (decoded) return decoded;
|
|
765
765
|
} catch (e3) {
|
|
766
766
|
}
|
|
@@ -898,7 +898,7 @@ function useImageReveal({
|
|
|
898
898
|
// src/react/components/AnimatedImage/AnimatedImage.tsx
|
|
899
899
|
|
|
900
900
|
var preventDrag = (event) => event.preventDefault();
|
|
901
|
-
var cn = (...classes) =>
|
|
901
|
+
var cn = (...classes) => _chunkU2TWTEBYcjs.cx.call(void 0, ...classes) || void 0;
|
|
902
902
|
function AnimatedImage({
|
|
903
903
|
image,
|
|
904
904
|
src: srcProp,
|
|
@@ -1088,9 +1088,9 @@ function BlurServiceDebugger() {
|
|
|
1088
1088
|
_react.useEffect.call(void 0, () => {
|
|
1089
1089
|
if (typeof window === "undefined") return void 0;
|
|
1090
1090
|
const target = window;
|
|
1091
|
-
target.blurService =
|
|
1091
|
+
target.blurService = _chunkWISG74VLcjs.blurService;
|
|
1092
1092
|
return () => {
|
|
1093
|
-
if (target.blurService ===
|
|
1093
|
+
if (target.blurService === _chunkWISG74VLcjs.blurService) {
|
|
1094
1094
|
delete target.blurService;
|
|
1095
1095
|
}
|
|
1096
1096
|
};
|
|
@@ -1145,7 +1145,7 @@ function sampleCanvasPixelHex(event, canvasRef) {
|
|
|
1145
1145
|
}
|
|
1146
1146
|
const [r, g, b, alpha] = pixel;
|
|
1147
1147
|
if (alpha === 0) return null;
|
|
1148
|
-
return
|
|
1148
|
+
return _chunkNEDBIIE3cjs.rgbToHex.call(void 0, r, g, b);
|
|
1149
1149
|
}
|
|
1150
1150
|
|
|
1151
1151
|
// src/react/components/BlurColorControls.tsx
|
|
@@ -1257,10 +1257,10 @@ function SaveButton({
|
|
|
1257
1257
|
"button",
|
|
1258
1258
|
{
|
|
1259
1259
|
type,
|
|
1260
|
-
className:
|
|
1260
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-save-button", unstyled, className),
|
|
1261
1261
|
...rest,
|
|
1262
1262
|
children: [
|
|
1263
|
-
icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
1263
|
+
icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-save-button__icon", unstyled), children: icon }),
|
|
1264
1264
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children })
|
|
1265
1265
|
]
|
|
1266
1266
|
}
|
|
@@ -1288,11 +1288,11 @@ function BlurVisualizationModal({
|
|
|
1288
1288
|
renderImage,
|
|
1289
1289
|
unstyled: propUnstyled
|
|
1290
1290
|
}) {
|
|
1291
|
-
const ctx =
|
|
1291
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
1292
1292
|
const isUnstyled = _nullishCoalesce(propUnstyled, () => ( ctx.unstyled));
|
|
1293
|
-
const locale =
|
|
1294
|
-
const tModal =
|
|
1295
|
-
const cls = (defaultClass) =>
|
|
1293
|
+
const locale = _chunkU2TWTEBYcjs.normalizeUploadLocale.call(void 0, propLocale || ctx.locale);
|
|
1294
|
+
const tModal = _chunkU2TWTEBYcjs.resolveTranslations.call(void 0, locale, translations || ctx.translations).blurModal;
|
|
1295
|
+
const cls = (defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, isUnstyled);
|
|
1296
1296
|
const { dialogRef, titleId } = useDialog({ isOpen, onClose });
|
|
1297
1297
|
const textareaId = _react.useId.call(void 0, );
|
|
1298
1298
|
const baseColor = _react.useMemo.call(void 0, () => (blurColor || detectedColor || "#F5F5F5").toUpperCase(), [blurColor, detectedColor]);
|
|
@@ -1394,7 +1394,7 @@ function BlurVisualizationModal({
|
|
|
1394
1394
|
const sanitized = event.target.value.replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
|
|
1395
1395
|
setHexInput(sanitized.toUpperCase());
|
|
1396
1396
|
if (sanitized.length === 3 || sanitized.length === 6) {
|
|
1397
|
-
const normalized =
|
|
1397
|
+
const normalized = _chunkNEDBIIE3cjs.normalizeColorInput.call(void 0, `#${sanitized}`);
|
|
1398
1398
|
if (normalized) {
|
|
1399
1399
|
setLocalColor(normalized);
|
|
1400
1400
|
scheduleColorEmit(normalized);
|
|
@@ -1418,7 +1418,7 @@ function BlurVisualizationModal({
|
|
|
1418
1418
|
colorTimerRef.current = null;
|
|
1419
1419
|
pendingColorRef.current = null;
|
|
1420
1420
|
}
|
|
1421
|
-
const normalized =
|
|
1421
|
+
const normalized = _chunkNEDBIIE3cjs.normalizeColorInput.call(void 0, detectedColor) || detectedColor.toUpperCase();
|
|
1422
1422
|
setLocalColor(normalized);
|
|
1423
1423
|
setHexInput(normalized.replace("#", ""));
|
|
1424
1424
|
if (onUseDetectedColor) onUseDetectedColor();
|
|
@@ -1449,7 +1449,7 @@ function BlurVisualizationModal({
|
|
|
1449
1449
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: cls("iuk-blur-modal__title-row"), children: [
|
|
1450
1450
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, EyeIcon, { size: 20, className: cls("iuk-blur-modal__title-icon") }),
|
|
1451
1451
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { id: titleId, className: cls("iuk-blur-modal__title"), children: tModal.title }),
|
|
1452
|
-
optimizedSize ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: cls("iuk-badge"), children:
|
|
1452
|
+
optimizedSize ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: cls("iuk-badge"), children: _chunkKJVYWKIGcjs.formatFileSize.call(void 0, optimizedSize) }) : null
|
|
1453
1453
|
] }),
|
|
1454
1454
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", onClick: handleClose, className: cls("iuk-icon-btn"), "aria-label": tModal.closeModal, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, XIcon, { size: 18 }) })
|
|
1455
1455
|
] }),
|
|
@@ -1500,7 +1500,7 @@ function BlurVisualizationModal({
|
|
|
1500
1500
|
optimizedSize && originalSize && originalSize > optimizedSize ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: cls("iuk-blur-modal__savings"), children: [
|
|
1501
1501
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: tModal.saved }),
|
|
1502
1502
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "strong", { children: [
|
|
1503
|
-
|
|
1503
|
+
_chunkKJVYWKIGcjs.formatFileSize.call(void 0, originalSize - optimizedSize),
|
|
1504
1504
|
" (",
|
|
1505
1505
|
Math.round((originalSize - optimizedSize) / originalSize * 100),
|
|
1506
1506
|
"%)"
|
|
@@ -1581,11 +1581,11 @@ function MultiEmptyDropzone({
|
|
|
1581
1581
|
providerStyles: pSty,
|
|
1582
1582
|
styles: cSty
|
|
1583
1583
|
}) {
|
|
1584
|
-
const visualState = _nullishCoalesce(propVisualState, () => (
|
|
1585
|
-
const slotClass = (slot, defaultClass) =>
|
|
1586
|
-
const slotStyle = (slot) =>
|
|
1587
|
-
const rootClassName =
|
|
1588
|
-
|
|
1584
|
+
const visualState = _nullishCoalesce(propVisualState, () => ( _chunkU2TWTEBYcjs.resolveUploadDataState.call(void 0, { disabled, hasError, isDragging })));
|
|
1585
|
+
const slotClass = (slot, defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, unstyled, _optionalChain([pCls, 'optionalAccess', _39 => _39[slot]]), _optionalChain([cCls, 'optionalAccess', _40 => _40[slot]]));
|
|
1586
|
+
const slotStyle = (slot) => _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([pSty, 'optionalAccess', _41 => _41[slot]]), _optionalChain([cSty, 'optionalAccess', _42 => _42[slot]]));
|
|
1587
|
+
const rootClassName = _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0,
|
|
1588
|
+
_chunkU2TWTEBYcjs.cx.call(void 0,
|
|
1589
1589
|
"iuk-multi__empty",
|
|
1590
1590
|
isDragging && "iuk-multi__empty--dragging",
|
|
1591
1591
|
disabled && "iuk-multi__empty--disabled",
|
|
@@ -1601,7 +1601,7 @@ function MultiEmptyDropzone({
|
|
|
1601
1601
|
hasError && _optionalChain([pCls, 'optionalAccess', _49 => _49.emptyDropzoneError]),
|
|
1602
1602
|
hasError && _optionalChain([cCls, 'optionalAccess', _50 => _50.emptyDropzoneError])
|
|
1603
1603
|
);
|
|
1604
|
-
const rootStyle =
|
|
1604
|
+
const rootStyle = _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0,
|
|
1605
1605
|
_optionalChain([pSty, 'optionalAccess', _51 => _51.emptyDropzone]),
|
|
1606
1606
|
_optionalChain([cSty, 'optionalAccess', _52 => _52.emptyDropzone]),
|
|
1607
1607
|
isDragging ? _optionalChain([pSty, 'optionalAccess', _53 => _53.emptyDropzoneDragging]) : void 0,
|
|
@@ -1626,8 +1626,8 @@ function MultiEmptyDropzone({
|
|
|
1626
1626
|
style: rootStyle,
|
|
1627
1627
|
onPaste,
|
|
1628
1628
|
...dragHandlers,
|
|
1629
|
-
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className:
|
|
1630
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
1629
|
+
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-dropzone__prompt", unstyled), children: [
|
|
1630
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-dropzone__icon", unstyled), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImagePlusIcon, { size: 40, strokeWidth: 1.5 }) }),
|
|
1631
1631
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1632
1632
|
"h3",
|
|
1633
1633
|
{
|
|
@@ -1716,10 +1716,10 @@ function MultiAddMoreTile({
|
|
|
1716
1716
|
providerStyles: pSty,
|
|
1717
1717
|
styles: cSty
|
|
1718
1718
|
}) {
|
|
1719
|
-
const slotClass = (slot, defaultClass) =>
|
|
1720
|
-
const slotStyle = (slot) =>
|
|
1721
|
-
const rootClassName =
|
|
1722
|
-
|
|
1719
|
+
const slotClass = (slot, defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, unstyled, _optionalChain([pCls, 'optionalAccess', _59 => _59[slot]]), _optionalChain([cCls, 'optionalAccess', _60 => _60[slot]]));
|
|
1720
|
+
const slotStyle = (slot) => _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([pSty, 'optionalAccess', _61 => _61[slot]]), _optionalChain([cSty, 'optionalAccess', _62 => _62[slot]]));
|
|
1721
|
+
const rootClassName = _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0,
|
|
1722
|
+
_chunkU2TWTEBYcjs.cx.call(void 0,
|
|
1723
1723
|
"iuk-tile iuk-tile--add-more",
|
|
1724
1724
|
isDragging && "iuk-tile--dragging",
|
|
1725
1725
|
disabled && "iuk-tile--disabled"
|
|
@@ -1730,7 +1730,7 @@ function MultiAddMoreTile({
|
|
|
1730
1730
|
isDragging && _optionalChain([pCls, 'optionalAccess', _65 => _65.addMoreTileDragging]),
|
|
1731
1731
|
isDragging && _optionalChain([cCls, 'optionalAccess', _66 => _66.addMoreTileDragging])
|
|
1732
1732
|
);
|
|
1733
|
-
const rootStyle =
|
|
1733
|
+
const rootStyle = _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0,
|
|
1734
1734
|
_optionalChain([pSty, 'optionalAccess', _67 => _67.addMoreTile]),
|
|
1735
1735
|
_optionalChain([cSty, 'optionalAccess', _68 => _68.addMoreTile]),
|
|
1736
1736
|
isDragging ? _optionalChain([pSty, 'optionalAccess', _69 => _69.addMoreTileDragging]) : void 0,
|
|
@@ -1829,8 +1829,8 @@ function MultiUploadHeaderAlerts({
|
|
|
1829
1829
|
providerStyles,
|
|
1830
1830
|
styles
|
|
1831
1831
|
}) {
|
|
1832
|
-
const slotClass = (slot, defaultClass) =>
|
|
1833
|
-
const slotStyle = (slot) =>
|
|
1832
|
+
const slotClass = (slot, defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, unstyled, _optionalChain([providerClassNames, 'optionalAccess', _71 => _71[slot]]), _optionalChain([classNames, 'optionalAccess', _72 => _72[slot]]));
|
|
1833
|
+
const slotStyle = (slot) => _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([providerStyles, 'optionalAccess', _73 => _73[slot]]), _optionalChain([styles, 'optionalAccess', _74 => _74[slot]]));
|
|
1834
1834
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
1835
1835
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "header", className: slotClass("header", "iuk-multi__header"), style: slotStyle("header"), children: [
|
|
1836
1836
|
(label || ui.uploadImages) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -1843,7 +1843,7 @@ function MultiUploadHeaderAlerts({
|
|
|
1843
1843
|
style: slotStyle("label"),
|
|
1844
1844
|
children: [
|
|
1845
1845
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label || ui.uploadImages }),
|
|
1846
|
-
required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
1846
|
+
required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-required", unstyled), children: "*" }),
|
|
1847
1847
|
totalCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-slot": "count", className: slotClass("count", "iuk-multi__count"), style: slotStyle("count"), children: [
|
|
1848
1848
|
"(",
|
|
1849
1849
|
totalCount,
|
|
@@ -1904,10 +1904,10 @@ function MultiUploadHeaderAlerts({
|
|
|
1904
1904
|
className: slotClass("alert", "iuk-alert iuk-alert--info"),
|
|
1905
1905
|
style: slotStyle("alert"),
|
|
1906
1906
|
children: [
|
|
1907
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className:
|
|
1908
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoaderIcon, { size: 16, className:
|
|
1907
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-alert__row", unstyled), children: [
|
|
1908
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoaderIcon, { size: 16, className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-spin", unstyled) }),
|
|
1909
1909
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
|
|
1910
|
-
|
|
1910
|
+
_chunkU2TWTEBYcjs.formatUploadingCount.call(void 0, ui, uploadingCount, locale, translations),
|
|
1911
1911
|
"..."
|
|
1912
1912
|
] })
|
|
1913
1913
|
] }),
|
|
@@ -1937,7 +1937,7 @@ function MultiUploadHeaderAlerts({
|
|
|
1937
1937
|
type: "button",
|
|
1938
1938
|
onClick: onRetryFailed,
|
|
1939
1939
|
disabled: isUploading || disabled,
|
|
1940
|
-
className:
|
|
1940
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-link-btn", unstyled),
|
|
1941
1941
|
children: ui.retryFailedUploads
|
|
1942
1942
|
}
|
|
1943
1943
|
)
|
|
@@ -1967,7 +1967,7 @@ function MultiUploadHeaderAlerts({
|
|
|
1967
1967
|
style: slotStyle("alert"),
|
|
1968
1968
|
children: [
|
|
1969
1969
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertTriangleIcon, { size: 16 }),
|
|
1970
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children:
|
|
1970
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkU2TWTEBYcjs.formatNeedsAltMessage.call(void 0, ui, missingAltCount, locale) })
|
|
1971
1971
|
]
|
|
1972
1972
|
}
|
|
1973
1973
|
)
|
|
@@ -1992,8 +1992,8 @@ function MultiFooterSection({
|
|
|
1992
1992
|
providerStyles,
|
|
1993
1993
|
styles
|
|
1994
1994
|
}) {
|
|
1995
|
-
const slotClass = (slot, defaultClass) =>
|
|
1996
|
-
const slotStyle = (slot) =>
|
|
1995
|
+
const slotClass = (slot, defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, unstyled, _optionalChain([providerClassNames, 'optionalAccess', _75 => _75[slot]]), _optionalChain([classNames, 'optionalAccess', _76 => _76[slot]]));
|
|
1996
|
+
const slotStyle = (slot) => _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([providerStyles, 'optionalAccess', _77 => _77[slot]]), _optionalChain([styles, 'optionalAccess', _78 => _78[slot]]));
|
|
1997
1997
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
1998
1998
|
(helperText || displayError) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1999
1999
|
"p",
|
|
@@ -2001,15 +2001,15 @@ function MultiFooterSection({
|
|
|
2001
2001
|
id: statusTextId,
|
|
2002
2002
|
role: displayError ? "alert" : void 0,
|
|
2003
2003
|
"data-slot": displayError ? "error-text" : "helper-text",
|
|
2004
|
-
className:
|
|
2005
|
-
|
|
2004
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0,
|
|
2005
|
+
_chunkU2TWTEBYcjs.cx.call(void 0, "iuk-helper-text", Boolean(displayError) && "iuk-helper-text--error"),
|
|
2006
2006
|
unstyled,
|
|
2007
2007
|
_optionalChain([providerClassNames, 'optionalAccess', _79 => _79.helperText]),
|
|
2008
2008
|
_optionalChain([classNames, 'optionalAccess', _80 => _80.helperText]),
|
|
2009
2009
|
Boolean(displayError) && _optionalChain([providerClassNames, 'optionalAccess', _81 => _81.errorText]),
|
|
2010
2010
|
Boolean(displayError) && _optionalChain([classNames, 'optionalAccess', _82 => _82.errorText])
|
|
2011
2011
|
),
|
|
2012
|
-
style:
|
|
2012
|
+
style: _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0,
|
|
2013
2013
|
_optionalChain([providerStyles, 'optionalAccess', _83 => _83.helperText]),
|
|
2014
2014
|
_optionalChain([styles, 'optionalAccess', _84 => _84.helperText]),
|
|
2015
2015
|
displayError ? _optionalChain([providerStyles, 'optionalAccess', _85 => _85.errorText]) : void 0,
|
|
@@ -2019,7 +2019,7 @@ function MultiFooterSection({
|
|
|
2019
2019
|
}
|
|
2020
2020
|
),
|
|
2021
2021
|
isOpen && hasPreviews && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "commit-bar", className: slotClass("commitBar", "iuk-commit-bar"), style: slotStyle("commitBar"), children: [
|
|
2022
|
-
requireAltText && missingAltCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className:
|
|
2022
|
+
requireAltText && missingAltCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-badge iuk-badge--warning", unstyled), children: [
|
|
2023
2023
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertTriangleIcon, { size: 13 }),
|
|
2024
2024
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: ui.withoutAltText.replace("{count}", String(missingAltCount)) })
|
|
2025
2025
|
] }),
|
|
@@ -2064,17 +2064,17 @@ function PreviewTile({
|
|
|
2064
2064
|
className,
|
|
2065
2065
|
style
|
|
2066
2066
|
}) {
|
|
2067
|
-
const ctx =
|
|
2067
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
2068
2068
|
const isUnstyled = _nullishCoalesce(propUnstyled, () => ( ctx.unstyled));
|
|
2069
|
-
const locale =
|
|
2070
|
-
const ui =
|
|
2069
|
+
const locale = _chunkU2TWTEBYcjs.normalizeUploadLocale.call(void 0, propLocale || ctx.locale);
|
|
2070
|
+
const ui = _chunkU2TWTEBYcjs.resolveTranslations.call(void 0, locale, translations || ctx.translations);
|
|
2071
2071
|
const [showBlurModal, setShowBlurModal] = _react.useState.call(void 0, false);
|
|
2072
|
-
const cls = (defaultClass) =>
|
|
2072
|
+
const cls = (defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, isUnstyled);
|
|
2073
2073
|
const isSvg = Boolean(
|
|
2074
2074
|
_optionalChain([preview, 'access', _87 => _87.url, 'optionalAccess', _88 => _88.toLowerCase, 'call', _89 => _89(), 'access', _90 => _90.includes, 'call', _91 => _91(".svg")]) || _optionalChain([preview, 'access', _92 => _92.data, 'optionalAccess', _93 => _93.format]) === "svg" || _optionalChain([preview, 'access', _94 => _94.url, 'optionalAccess', _95 => _95.includes, 'call', _96 => _96("image/svg+xml")])
|
|
2075
2075
|
);
|
|
2076
2076
|
const displayUrl = _react.useMemo.call(void 0,
|
|
2077
|
-
() =>
|
|
2077
|
+
() => _chunkU2TWTEBYcjs.appendCacheBuster.call(void 0, preview.url, {
|
|
2078
2078
|
enabled: appendBuster,
|
|
2079
2079
|
token: _optionalChain([preview, 'access', _97 => _97.data, 'optionalAccess', _98 => _98.contentHash]) || _optionalChain([preview, 'access', _99 => _99.data, 'optionalAccess', _100 => _100.uploadedAt])
|
|
2080
2080
|
}),
|
|
@@ -2085,7 +2085,7 @@ function PreviewTile({
|
|
|
2085
2085
|
const actualBlurColor = preview.blurColor || _optionalChain([preview, 'access', _107 => _107.data, 'optionalAccess', _108 => _108.blurColor]);
|
|
2086
2086
|
const isUploading = Boolean(preview.isUploading);
|
|
2087
2087
|
const hasError = Boolean(preview.error);
|
|
2088
|
-
const visualState =
|
|
2088
|
+
const visualState = _chunkU2TWTEBYcjs.resolveUploadDataState.call(void 0, {
|
|
2089
2089
|
disabled,
|
|
2090
2090
|
hasError,
|
|
2091
2091
|
isUploading,
|
|
@@ -2105,8 +2105,8 @@ function PreviewTile({
|
|
|
2105
2105
|
"data-selected": isSelected || void 0,
|
|
2106
2106
|
"data-uploading": isUploading || void 0,
|
|
2107
2107
|
"data-error": hasError || void 0,
|
|
2108
|
-
className:
|
|
2109
|
-
|
|
2108
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0,
|
|
2109
|
+
_chunkU2TWTEBYcjs.cx.call(void 0, "iuk-tile", isSelected && "iuk-tile--selected", hasError && "iuk-tile--error"),
|
|
2110
2110
|
isUnstyled,
|
|
2111
2111
|
className
|
|
2112
2112
|
),
|
|
@@ -2150,7 +2150,7 @@ function PreviewTile({
|
|
|
2150
2150
|
type: "button",
|
|
2151
2151
|
"data-slot": "tile-alt-btn",
|
|
2152
2152
|
className: cls(
|
|
2153
|
-
|
|
2153
|
+
_chunkU2TWTEBYcjs.cx.call(void 0,
|
|
2154
2154
|
"iuk-tile__action iuk-tile__action--alt",
|
|
2155
2155
|
Boolean(preview.altText) && "iuk-tile__action--has-alt"
|
|
2156
2156
|
)
|
|
@@ -2317,16 +2317,16 @@ function QualitySelector({
|
|
|
2317
2317
|
disabled = false,
|
|
2318
2318
|
unstyled = false
|
|
2319
2319
|
}) {
|
|
2320
|
-
const resolvedLocale =
|
|
2320
|
+
const resolvedLocale = _chunkU2TWTEBYcjs.normalizeUploadLocale.call(void 0, locale);
|
|
2321
2321
|
const isAr = resolvedLocale === "ar";
|
|
2322
|
-
const ui =
|
|
2323
|
-
const cls = (defaultClass) =>
|
|
2324
|
-
const standardPreset = preset ?
|
|
2322
|
+
const ui = _chunkU2TWTEBYcjs.resolveTranslations.call(void 0, resolvedLocale, translations);
|
|
2323
|
+
const cls = (defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, unstyled);
|
|
2324
|
+
const standardPreset = preset ? _chunkNEDBIIE3cjs.STANDARD_PRESETS[preset] : void 0;
|
|
2325
2325
|
const recommended = recommendedLevel || _optionalChain([standardPreset, 'optionalAccess', _117 => _117.recommendedQualityLevel]) || "high";
|
|
2326
2326
|
const note = recommendationNote || _optionalChain([standardPreset, 'optionalAccess', _118 => _118.recommendationNote]);
|
|
2327
|
-
const selected =
|
|
2328
|
-
const levels = Object.keys(
|
|
2329
|
-
const estimatedSize = originalFileSize !== void 0 ?
|
|
2327
|
+
const selected = _chunkKJVYWKIGcjs.QUALITY_PRESETS[value];
|
|
2328
|
+
const levels = Object.keys(_chunkKJVYWKIGcjs.QUALITY_PRESETS);
|
|
2329
|
+
const estimatedSize = originalFileSize !== void 0 ? _chunkKJVYWKIGcjs.estimateOutputSize.call(void 0, originalFileSize, value) : null;
|
|
2330
2330
|
const saving = Math.round((1 - selected.compressionRatio) * 100);
|
|
2331
2331
|
const handleRadioGroupKeyDown = (event) => {
|
|
2332
2332
|
if (disabled) return;
|
|
@@ -2375,7 +2375,7 @@ function QualitySelector({
|
|
|
2375
2375
|
"aria-label": ui.qualityLevelAria,
|
|
2376
2376
|
onKeyDown: handleRadioGroupKeyDown,
|
|
2377
2377
|
children: levels.map((level) => {
|
|
2378
|
-
const item =
|
|
2378
|
+
const item = _chunkKJVYWKIGcjs.QUALITY_PRESETS[level];
|
|
2379
2379
|
const isSelected = value === level;
|
|
2380
2380
|
const isRecommended = level === recommended;
|
|
2381
2381
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -2388,7 +2388,7 @@ function QualitySelector({
|
|
|
2388
2388
|
disabled,
|
|
2389
2389
|
onClick: () => !disabled && onChange(level),
|
|
2390
2390
|
className: cls(
|
|
2391
|
-
|
|
2391
|
+
_chunkU2TWTEBYcjs.cx.call(void 0,
|
|
2392
2392
|
"iuk-quality__tab",
|
|
2393
2393
|
isSelected && "iuk-quality__tab--selected",
|
|
2394
2394
|
isRecommended && !isSelected && "iuk-quality__tab--recommended",
|
|
@@ -2507,14 +2507,14 @@ function UploadProgressPanel({
|
|
|
2507
2507
|
renderImage,
|
|
2508
2508
|
unstyled: propUnstyled
|
|
2509
2509
|
}) {
|
|
2510
|
-
const ctx =
|
|
2510
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
2511
2511
|
const isUnstyled = _nullishCoalesce(propUnstyled, () => ( ctx.unstyled));
|
|
2512
|
-
const locale =
|
|
2512
|
+
const locale = _chunkU2TWTEBYcjs.normalizeUploadLocale.call(void 0, propLocale || ctx.locale);
|
|
2513
2513
|
const effectiveOverrides = translations || ctx.translations;
|
|
2514
|
-
const ui =
|
|
2514
|
+
const ui = _chunkU2TWTEBYcjs.resolveTranslations.call(void 0, locale, effectiveOverrides);
|
|
2515
2515
|
const [isMinimized, setIsMinimized] = _react.useState.call(void 0, false);
|
|
2516
2516
|
const uploadingCount = items.length;
|
|
2517
|
-
const cls = (defaultClass) =>
|
|
2517
|
+
const cls = (defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, isUnstyled);
|
|
2518
2518
|
if (uploadingCount === 0) return null;
|
|
2519
2519
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2520
2520
|
"div",
|
|
@@ -2524,13 +2524,13 @@ function UploadProgressPanel({
|
|
|
2524
2524
|
"data-unstyled": isUnstyled || void 0,
|
|
2525
2525
|
dir: locale === "ar" ? "rtl" : "ltr",
|
|
2526
2526
|
className: cls(
|
|
2527
|
-
|
|
2527
|
+
_chunkU2TWTEBYcjs.cx.call(void 0, "iuk-progress-dock", isMinimized && "iuk-progress-dock--collapsed")
|
|
2528
2528
|
),
|
|
2529
2529
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2530
2530
|
"div",
|
|
2531
2531
|
{
|
|
2532
2532
|
className: cls(
|
|
2533
|
-
|
|
2533
|
+
_chunkU2TWTEBYcjs.cx.call(void 0, "iuk-progress-panel", isMinimized && "iuk-progress-panel--minimized")
|
|
2534
2534
|
),
|
|
2535
2535
|
children: [
|
|
2536
2536
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -2543,7 +2543,7 @@ function UploadProgressPanel({
|
|
|
2543
2543
|
children: [
|
|
2544
2544
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: cls("iuk-progress-panel__title"), children: [
|
|
2545
2545
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoaderIcon, { size: 16, className: cls("iuk-spin") }),
|
|
2546
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children:
|
|
2546
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkU2TWTEBYcjs.formatUploadingCount.call(void 0, ui, uploadingCount, locale, effectiveOverrides) }),
|
|
2547
2547
|
totalCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: cls("iuk-progress-panel__count"), children: [
|
|
2548
2548
|
"(",
|
|
2549
2549
|
completedCount,
|
|
@@ -2632,13 +2632,13 @@ function MultiImageUploadInner(props, ref) {
|
|
|
2632
2632
|
renderTile,
|
|
2633
2633
|
renderAddMore
|
|
2634
2634
|
} = props;
|
|
2635
|
-
const ctx =
|
|
2635
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
2636
2636
|
const isUnstyled = _nullishCoalesce(props.unstyled, () => ( ctx.unstyled));
|
|
2637
2637
|
const pCls = ctx.multiClassNames;
|
|
2638
2638
|
const pSty = ctx.multiStyles;
|
|
2639
|
-
const slotClass = (slot, defaultClass) =>
|
|
2640
|
-
const slotStyle = (slot) =>
|
|
2641
|
-
const state =
|
|
2639
|
+
const slotClass = (slot, defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, isUnstyled, _optionalChain([pCls, 'optionalAccess', _129 => _129[slot]]), _optionalChain([cCls, 'optionalAccess', _130 => _130[slot]]));
|
|
2640
|
+
const slotStyle = (slot) => _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([pSty, 'optionalAccess', _131 => _131[slot]]), _optionalChain([cSty, 'optionalAccess', _132 => _132[slot]]));
|
|
2641
|
+
const state = _chunkU2TWTEBYcjs.useMultiImageState.call(void 0, props);
|
|
2642
2642
|
const { locale, ui, previews, selectedPreviews, uploadingPreviews, imagesWithoutAlt, editingTarget } = state;
|
|
2643
2643
|
const rootRef = _react.useRef.call(void 0, null);
|
|
2644
2644
|
const labelId = _react.useId.call(void 0, );
|
|
@@ -2647,11 +2647,11 @@ function MultiImageUploadInner(props, ref) {
|
|
|
2647
2647
|
const fileInputRef = _react.useRef.call(void 0, null);
|
|
2648
2648
|
const folderInputRef = _react.useRef.call(void 0, null);
|
|
2649
2649
|
const dockItems = useRetainedProgressItems(uploadingPreviews, previews);
|
|
2650
|
-
const { isDragging, dragHandlers } =
|
|
2650
|
+
const { isDragging, dragHandlers } = _chunkU2TWTEBYcjs.useDragAndDrop.call(void 0, {
|
|
2651
2651
|
disabled,
|
|
2652
2652
|
onDrop: (files) => void state.handleFileSelect(files)
|
|
2653
2653
|
});
|
|
2654
|
-
const { onPaste } =
|
|
2654
|
+
const { onPaste } = _chunkU2TWTEBYcjs.useClipboardPaste.call(void 0, {
|
|
2655
2655
|
enabled: enablePaste,
|
|
2656
2656
|
pasteTarget,
|
|
2657
2657
|
disabled,
|
|
@@ -2686,7 +2686,7 @@ function MultiImageUploadInner(props, ref) {
|
|
|
2686
2686
|
const displayError = error || state.validationError;
|
|
2687
2687
|
const hasError = Boolean(displayError) || state.hasFailedUploads;
|
|
2688
2688
|
const hasStatusText = Boolean(helperText || displayError);
|
|
2689
|
-
const visualState =
|
|
2689
|
+
const visualState = _chunkU2TWTEBYcjs.resolveUploadDataState.call(void 0, {
|
|
2690
2690
|
disabled,
|
|
2691
2691
|
hasError,
|
|
2692
2692
|
isUploading: state.isUploading,
|
|
@@ -2721,8 +2721,8 @@ function MultiImageUploadInner(props, ref) {
|
|
|
2721
2721
|
providerStyles: pSty,
|
|
2722
2722
|
styles: cSty
|
|
2723
2723
|
};
|
|
2724
|
-
const hiddenInputClass =
|
|
2725
|
-
const hiddenInputStyle = isUnstyled ?
|
|
2724
|
+
const hiddenInputClass = _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-hidden-input", isUnstyled);
|
|
2725
|
+
const hiddenInputStyle = isUnstyled ? _chunkU2TWTEBYcjs.HIDDEN_INPUT_STYLE : void 0;
|
|
2726
2726
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
2727
2727
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2728
2728
|
"div",
|
|
@@ -2731,8 +2731,8 @@ function MultiImageUploadInner(props, ref) {
|
|
|
2731
2731
|
"data-slot": "multi-root",
|
|
2732
2732
|
"data-state": visualState,
|
|
2733
2733
|
"data-unstyled": isUnstyled || void 0,
|
|
2734
|
-
className:
|
|
2735
|
-
style:
|
|
2734
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-multi", isUnstyled, _optionalChain([pCls, 'optionalAccess', _144 => _144.root]), _optionalChain([cCls, 'optionalAccess', _145 => _145.root]), className),
|
|
2735
|
+
style: _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([pSty, 'optionalAccess', _146 => _146.root]), _optionalChain([cSty, 'optionalAccess', _147 => _147.root]), style),
|
|
2736
2736
|
dir: locale === "ar" ? "rtl" : "ltr",
|
|
2737
2737
|
onPaste,
|
|
2738
2738
|
onBlur: onBlur ? (e) => {
|
|
@@ -2994,8 +2994,8 @@ function resolveSingleDropzoneSlot(flags, styling) {
|
|
|
2994
2994
|
const { isDragging, hasPreview, disabled, hasError } = flags;
|
|
2995
2995
|
const { unstyled, providerClassNames: pCls, classNames: cCls, providerStyles: pSty, styles: cSty } = styling;
|
|
2996
2996
|
return {
|
|
2997
|
-
className:
|
|
2998
|
-
|
|
2997
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0,
|
|
2998
|
+
_chunkU2TWTEBYcjs.cx.call(void 0,
|
|
2999
2999
|
"iuk-dropzone",
|
|
3000
3000
|
isDragging && "iuk-dropzone--dragging",
|
|
3001
3001
|
hasPreview && "iuk-dropzone--has-image",
|
|
@@ -3014,7 +3014,7 @@ function resolveSingleDropzoneSlot(flags, styling) {
|
|
|
3014
3014
|
hasError && _optionalChain([pCls, 'optionalAccess', _156 => _156.dropzoneError]),
|
|
3015
3015
|
hasError && _optionalChain([cCls, 'optionalAccess', _157 => _157.dropzoneError])
|
|
3016
3016
|
),
|
|
3017
|
-
style:
|
|
3017
|
+
style: _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0,
|
|
3018
3018
|
_optionalChain([pSty, 'optionalAccess', _158 => _158.dropzone]),
|
|
3019
3019
|
_optionalChain([cSty, 'optionalAccess', _159 => _159.dropzone]),
|
|
3020
3020
|
isDragging ? _optionalChain([pSty, 'optionalAccess', _160 => _160.dropzoneDragging]) : void 0,
|
|
@@ -3042,8 +3042,8 @@ function SingleDropzoneEmptyPrompt({
|
|
|
3042
3042
|
providerStyles,
|
|
3043
3043
|
styles
|
|
3044
3044
|
}) {
|
|
3045
|
-
const slotClass = (slot, defaultClass) =>
|
|
3046
|
-
const slotStyle = (slot) =>
|
|
3045
|
+
const slotClass = (slot, defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, unstyled, _optionalChain([providerClassNames, 'optionalAccess', _168 => _168[slot]]), _optionalChain([classNames, 'optionalAccess', _169 => _169[slot]]));
|
|
3046
|
+
const slotStyle = (slot) => _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([providerStyles, 'optionalAccess', _170 => _170[slot]]), _optionalChain([styles, 'optionalAccess', _171 => _171[slot]]));
|
|
3047
3047
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
3048
3048
|
"div",
|
|
3049
3049
|
{
|
|
@@ -3057,7 +3057,7 @@ function SingleDropzoneEmptyPrompt({
|
|
|
3057
3057
|
"data-slot": "dropzone-icon",
|
|
3058
3058
|
className: slotClass("dropzoneIcon", "iuk-dropzone__icon"),
|
|
3059
3059
|
style: slotStyle("dropzoneIcon"),
|
|
3060
|
-
children: isUploading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
3060
|
+
children: isUploading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-spinner", unstyled) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImagePlusIcon, { size: 36, strokeWidth: 1.5 })
|
|
3061
3061
|
}
|
|
3062
3062
|
),
|
|
3063
3063
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -3139,8 +3139,8 @@ function SingleStatusFooter({
|
|
|
3139
3139
|
providerStyles,
|
|
3140
3140
|
styles
|
|
3141
3141
|
}) {
|
|
3142
|
-
const slotClass = (slot, defaultClass) =>
|
|
3143
|
-
const slotStyle = (slot) =>
|
|
3142
|
+
const slotClass = (slot, defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, unstyled, _optionalChain([providerClassNames, 'optionalAccess', _172 => _172[slot]]), _optionalChain([classNames, 'optionalAccess', _173 => _173[slot]]));
|
|
3143
|
+
const slotStyle = (slot) => _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([providerStyles, 'optionalAccess', _174 => _174[slot]]), _optionalChain([styles, 'optionalAccess', _175 => _175[slot]]));
|
|
3144
3144
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
3145
3145
|
showMissingAltWarning && hasPreview && !hasAltText && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
3146
3146
|
"div",
|
|
@@ -3178,7 +3178,7 @@ function SingleStatusFooter({
|
|
|
3178
3178
|
children: [
|
|
3179
3179
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DownloadIcon, { size: 15, "aria-hidden": "true" }),
|
|
3180
3180
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: ui.downloadImage }),
|
|
3181
|
-
sizeInfo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
3181
|
+
sizeInfo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-badge", unstyled), children: formatCompactBytes(sizeInfo.optimized) })
|
|
3182
3182
|
]
|
|
3183
3183
|
}
|
|
3184
3184
|
),
|
|
@@ -3188,15 +3188,15 @@ function SingleStatusFooter({
|
|
|
3188
3188
|
id: statusTextId,
|
|
3189
3189
|
role: displayError ? "alert" : void 0,
|
|
3190
3190
|
"data-slot": displayError ? "error-text" : "helper-text",
|
|
3191
|
-
className:
|
|
3192
|
-
|
|
3191
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0,
|
|
3192
|
+
_chunkU2TWTEBYcjs.cx.call(void 0, "iuk-helper-text", Boolean(displayError) && "iuk-helper-text--error"),
|
|
3193
3193
|
unstyled,
|
|
3194
3194
|
_optionalChain([providerClassNames, 'optionalAccess', _176 => _176.helperText]),
|
|
3195
3195
|
_optionalChain([classNames, 'optionalAccess', _177 => _177.helperText]),
|
|
3196
3196
|
Boolean(displayError) && _optionalChain([providerClassNames, 'optionalAccess', _178 => _178.errorText]),
|
|
3197
3197
|
Boolean(displayError) && _optionalChain([classNames, 'optionalAccess', _179 => _179.errorText])
|
|
3198
3198
|
),
|
|
3199
|
-
style:
|
|
3199
|
+
style: _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0,
|
|
3200
3200
|
_optionalChain([providerStyles, 'optionalAccess', _180 => _180.helperText]),
|
|
3201
3201
|
_optionalChain([styles, 'optionalAccess', _181 => _181.helperText]),
|
|
3202
3202
|
displayError ? _optionalChain([providerStyles, 'optionalAccess', _182 => _182.errorText]) : void 0,
|
|
@@ -3212,7 +3212,7 @@ function SingleStatusFooter({
|
|
|
3212
3212
|
className: slotClass("commitBar", "iuk-commit-bar"),
|
|
3213
3213
|
style: slotStyle("commitBar"),
|
|
3214
3214
|
children: [
|
|
3215
|
-
requireAltText && !hasAltText && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className:
|
|
3215
|
+
requireAltText && !hasAltText && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-badge iuk-badge--warning", unstyled), children: [
|
|
3216
3216
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertTriangleIcon, { size: 13 }),
|
|
3217
3217
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: ui.missingDescription })
|
|
3218
3218
|
] }),
|
|
@@ -3265,15 +3265,15 @@ function SingleImageUploadInner(props, ref) {
|
|
|
3265
3265
|
renderDropzone,
|
|
3266
3266
|
renderPreview
|
|
3267
3267
|
} = props;
|
|
3268
|
-
const ctx =
|
|
3268
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
3269
3269
|
const isUnstyled = _nullishCoalesce(props.unstyled, () => ( ctx.unstyled));
|
|
3270
3270
|
const pCls = ctx.singleClassNames;
|
|
3271
3271
|
const pSty = ctx.singleStyles;
|
|
3272
|
-
const slotClass = (slot, defaultClass) =>
|
|
3273
|
-
const slotStyle = (slot) =>
|
|
3274
|
-
const state =
|
|
3275
|
-
const { isDragging, dragHandlers } =
|
|
3276
|
-
const { onPaste } =
|
|
3272
|
+
const slotClass = (slot, defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, isUnstyled, _optionalChain([pCls, 'optionalAccess', _184 => _184[slot]]), _optionalChain([cCls, 'optionalAccess', _185 => _185[slot]]));
|
|
3273
|
+
const slotStyle = (slot) => _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([pSty, 'optionalAccess', _186 => _186[slot]]), _optionalChain([cSty, 'optionalAccess', _187 => _187[slot]]));
|
|
3274
|
+
const state = _chunkU2TWTEBYcjs.useSingleImageState.call(void 0, props);
|
|
3275
|
+
const { isDragging, dragHandlers } = _chunkU2TWTEBYcjs.useDragAndDrop.call(void 0, { disabled, onDrop: state.handleFileSelect });
|
|
3276
|
+
const { onPaste } = _chunkU2TWTEBYcjs.useClipboardPaste.call(void 0, {
|
|
3277
3277
|
enabled: enablePaste,
|
|
3278
3278
|
pasteTarget,
|
|
3279
3279
|
disabled,
|
|
@@ -3306,7 +3306,7 @@ function SingleImageUploadInner(props, ref) {
|
|
|
3306
3306
|
const hasError = Boolean(displayError);
|
|
3307
3307
|
const hasLabel = Boolean(label || state.ui.uploadImage);
|
|
3308
3308
|
const hasStatusText = Boolean(helperText || displayError);
|
|
3309
|
-
const visualState =
|
|
3309
|
+
const visualState = _chunkU2TWTEBYcjs.resolveUploadDataState.call(void 0, {
|
|
3310
3310
|
disabled,
|
|
3311
3311
|
hasError,
|
|
3312
3312
|
isUploading: state.isUploading,
|
|
@@ -3351,18 +3351,18 @@ function SingleImageUploadInner(props, ref) {
|
|
|
3351
3351
|
"data-slot": "single-root",
|
|
3352
3352
|
"data-state": visualState,
|
|
3353
3353
|
"data-unstyled": isUnstyled || void 0,
|
|
3354
|
-
className:
|
|
3355
|
-
style:
|
|
3354
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-single", isUnstyled, _optionalChain([pCls, 'optionalAccess', _195 => _195.root]), _optionalChain([cCls, 'optionalAccess', _196 => _196.root]), className),
|
|
3355
|
+
style: _chunkU2TWTEBYcjs.resolveSlotStyle.call(void 0, _optionalChain([pSty, 'optionalAccess', _197 => _197.root]), _optionalChain([cSty, 'optionalAccess', _198 => _198.root]), style),
|
|
3356
3356
|
dir: state.locale === "ar" ? "rtl" : "ltr",
|
|
3357
3357
|
onBlur: onBlur ? (e) => {
|
|
3358
3358
|
if (!e.currentTarget.contains(e.relatedTarget)) onBlur();
|
|
3359
3359
|
} : void 0,
|
|
3360
3360
|
children: [
|
|
3361
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "status", "aria-live": "polite", "aria-atomic": "true", style:
|
|
3361
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "status", "aria-live": "polite", "aria-atomic": "true", style: _chunkU2TWTEBYcjs.HIDDEN_INPUT_STYLE, children: state.liveAnnouncement }),
|
|
3362
3362
|
name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", name, value: state.serializedFormValue, required, "data-slot": "form-input" }),
|
|
3363
3363
|
hasLabel && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { id: labelId, htmlFor: inputId, "data-slot": "label", className: slotClass("label", "iuk-label"), style: slotStyle("label"), children: [
|
|
3364
3364
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label || state.ui.uploadImage }),
|
|
3365
|
-
required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
3365
|
+
required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-required", isUnstyled), children: "*" })
|
|
3366
3366
|
] }),
|
|
3367
3367
|
showQualitySelector && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "quality-selector", className: slotClass("qualitySelector"), style: slotStyle("qualitySelector"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
3368
3368
|
QualitySelector,
|
|
@@ -3387,8 +3387,8 @@ function SingleImageUploadInner(props, ref) {
|
|
|
3387
3387
|
accept,
|
|
3388
3388
|
capture,
|
|
3389
3389
|
onChange: handleInputChange,
|
|
3390
|
-
className:
|
|
3391
|
-
style: isUnstyled ?
|
|
3390
|
+
className: _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, "iuk-hidden-input", isUnstyled),
|
|
3391
|
+
style: isUnstyled ? _chunkU2TWTEBYcjs.HIDDEN_INPUT_STYLE : void 0,
|
|
3392
3392
|
disabled,
|
|
3393
3393
|
"aria-label": state.ui.fileInputAria,
|
|
3394
3394
|
"aria-invalid": hasError || void 0,
|
|
@@ -3558,10 +3558,10 @@ var SingleImageUpload = _react.forwardRef.call(void 0, SingleImageUploadInner);
|
|
|
3558
3558
|
// src/react/components/ImageUpload.tsx
|
|
3559
3559
|
|
|
3560
3560
|
function ImageUploadInner(props, ref) {
|
|
3561
|
-
const ctx =
|
|
3561
|
+
const ctx = _chunkU2TWTEBYcjs.useImageUploadContext.call(void 0, );
|
|
3562
3562
|
const isUnstyled = _nullishCoalesce(props.unstyled, () => ( ctx.unstyled));
|
|
3563
|
-
const uploadLocale =
|
|
3564
|
-
const ui =
|
|
3563
|
+
const uploadLocale = _chunkU2TWTEBYcjs.normalizeUploadLocale.call(void 0, props.locale || ctx.locale);
|
|
3564
|
+
const ui = _chunkU2TWTEBYcjs.resolveTranslations.call(void 0,
|
|
3565
3565
|
uploadLocale,
|
|
3566
3566
|
props.translations || ctx.translations
|
|
3567
3567
|
);
|
|
@@ -3569,7 +3569,7 @@ function ImageUploadInner(props, ref) {
|
|
|
3569
3569
|
const { isOpen, onClose, title, modeVariant } = props;
|
|
3570
3570
|
const [isMinimized, setIsMinimized] = _react.useState.call(void 0, false);
|
|
3571
3571
|
const [dockNode, setDockNode] = _react.useState.call(void 0, null);
|
|
3572
|
-
const cls = (defaultClass) =>
|
|
3572
|
+
const cls = (defaultClass) => _chunkU2TWTEBYcjs.resolveSlotClass.call(void 0, defaultClass, isUnstyled);
|
|
3573
3573
|
_react.useEffect.call(void 0, () => {
|
|
3574
3574
|
if (!isOpen) {
|
|
3575
3575
|
setIsMinimized(false);
|
|
@@ -3775,5 +3775,5 @@ var UnifiedImageUpload = ImageUpload;
|
|
|
3775
3775
|
|
|
3776
3776
|
|
|
3777
3777
|
|
|
3778
|
-
exports.ARABIC_UPLOAD_TRANSLATIONS =
|
|
3778
|
+
exports.ARABIC_UPLOAD_TRANSLATIONS = _chunkU2TWTEBYcjs.ARABIC_UPLOAD_TRANSLATIONS; exports.AltTextInput = AltTextInput; exports.AltTextModal = AltTextModal; exports.AnimatedImage = AnimatedImage; exports.BlurImage = BlurImage; exports.BlurServiceDebugger = BlurServiceDebugger; exports.BlurVisualizationModal = BlurVisualizationModal; exports.DEFAULT_NEUTRAL_COLORS = DEFAULT_NEUTRAL_COLORS; exports.DEFAULT_PLACEHOLDERS = _chunkWISG74VLcjs.DEFAULT_PLACEHOLDERS; exports.DEFAULT_UPLOAD_TRANSLATIONS = _chunkU2TWTEBYcjs.DEFAULT_UPLOAD_TRANSLATIONS; exports.HIDDEN_INPUT_STYLE = _chunkU2TWTEBYcjs.HIDDEN_INPUT_STYLE; exports.HeadlessMultiUpload = _chunkU2TWTEBYcjs.HeadlessMultiUpload; exports.HeadlessSingleUpload = _chunkU2TWTEBYcjs.HeadlessSingleUpload; exports.ImageUpload = ImageUpload; exports.ImageUploadProvider = _chunkU2TWTEBYcjs.ImageUploadProvider; exports.MultiImageUpload = MultiImageUpload; exports.PreviewTile = PreviewTile; exports.QualitySelector = QualitySelector; exports.SaveButton = SaveButton; exports.SingleImageUpload = SingleImageUpload; exports.UnifiedImageUpload = UnifiedImageUpload; exports.UploadProgressPanel = UploadProgressPanel; exports.arTranslations = _chunkU2TWTEBYcjs.arTranslations; exports.blurService = _chunkWISG74VLcjs.blurService; exports.buildUploadFormData = _chunkU2TWTEBYcjs.buildUploadFormData; exports.createFallbackBlurSvg = createFallbackBlurSvg; exports.createUploadAbortError = _chunkU2TWTEBYcjs.createUploadAbortError; exports.cx = _chunkU2TWTEBYcjs.cx; exports.enTranslations = _chunkU2TWTEBYcjs.enTranslations; exports.extractClipboardImageFiles = _chunkU2TWTEBYcjs.extractClipboardImageFiles; exports.formatNeedsAltMessage = _chunkU2TWTEBYcjs.formatNeedsAltMessage; exports.formatSkippedImagesMessage = _chunkU2TWTEBYcjs.formatSkippedImagesMessage; exports.formatUploadingCount = _chunkU2TWTEBYcjs.formatUploadingCount; exports.isUploadAbortError = _chunkU2TWTEBYcjs.isUploadAbortError; exports.normalizeUploadLocale = _chunkU2TWTEBYcjs.normalizeUploadLocale; exports.parseErrorPayload = _chunkU2TWTEBYcjs.parseErrorPayload; exports.resolveBackgroundColor = resolveBackgroundColor; exports.resolveIntrinsicPlaceholderUrl = resolveIntrinsicPlaceholderUrl; exports.resolveMeaningfulColor = resolveMeaningfulColor; exports.resolvePlaceholderUrl = resolvePlaceholderUrl; exports.resolveSlotClass = _chunkU2TWTEBYcjs.resolveSlotClass; exports.resolveSlotStyle = _chunkU2TWTEBYcjs.resolveSlotStyle; exports.resolveTranslations = _chunkU2TWTEBYcjs.resolveTranslations; exports.resolveUploadDataState = _chunkU2TWTEBYcjs.resolveUploadDataState; exports.selectPluralCategory = _chunkU2TWTEBYcjs.selectPluralCategory; exports.toFileListLike = _chunkU2TWTEBYcjs.toFileListLike; exports.uploadText = _chunkU2TWTEBYcjs.uploadText; exports.uploadViaXhr = _chunkU2TWTEBYcjs.uploadViaXhr; exports.useBlurDataURL = useBlurDataURL; exports.useBlurDataWithColor = useBlurDataWithColor; exports.useBlurHash = useBlurHash; exports.useBlurMetadata = useBlurMetadata; exports.useBlurPreload = useBlurPreload; exports.useBlurVariant = useBlurVariant; exports.useBulkBlurData = useBulkBlurData; exports.useClipboardPaste = _chunkU2TWTEBYcjs.useClipboardPaste; exports.useDialog = useDialog; exports.useDominantColor = useDominantColor; exports.useDragAndDrop = _chunkU2TWTEBYcjs.useDragAndDrop; exports.useDropzone = _chunkU2TWTEBYcjs.useDragAndDrop; exports.useFilePreview = _chunkU2TWTEBYcjs.useFilePreview; exports.useHasBlurHash = useHasBlurHash; exports.useImageReveal = useImageReveal; exports.useImageUpload = _chunkU2TWTEBYcjs.useImageUpload; exports.useImageUploadContext = _chunkU2TWTEBYcjs.useImageUploadContext; exports.useMultiUpload = _chunkU2TWTEBYcjs.useMultiUpload; exports.useProgressiveBlur = useProgressiveBlur; exports.useProgressiveImage = useProgressiveImage; exports.useSingleUpload = _chunkU2TWTEBYcjs.useSingleUpload;
|
|
3779
3779
|
//# sourceMappingURL=react.cjs.map
|