@cashub/ui 0.17.7 → 0.17.9
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/dropzone/FileDropzone.js +15 -6
- package/package.json +1 -1
- package/tagify/Tags.js +1 -1
package/dropzone/FileDropzone.js
CHANGED
|
@@ -123,10 +123,15 @@ var FileDropzone = function FileDropzone(_ref) {
|
|
|
123
123
|
hasFail = _useState16[0],
|
|
124
124
|
setHasFail = _useState16[1];
|
|
125
125
|
|
|
126
|
-
var _useState17 = (0, _react.useState)(
|
|
126
|
+
var _useState17 = (0, _react.useState)(false),
|
|
127
127
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
128
|
-
|
|
129
|
-
|
|
128
|
+
isCompleted = _useState18[0],
|
|
129
|
+
setIsCompleted = _useState18[1];
|
|
130
|
+
|
|
131
|
+
var _useState19 = (0, _react.useState)([]),
|
|
132
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
133
|
+
failUploadIndexes = _useState20[0],
|
|
134
|
+
setFailUploadIndexes = _useState20[1];
|
|
130
135
|
|
|
131
136
|
var texts = (0, _react.useMemo)(function () {
|
|
132
137
|
var defaultTexts = {
|
|
@@ -151,6 +156,7 @@ var FileDropzone = function FileDropzone(_ref) {
|
|
|
151
156
|
setIndex(0);
|
|
152
157
|
setSuccessCount(0);
|
|
153
158
|
setHasFail(false);
|
|
159
|
+
setIsCompleted(false);
|
|
154
160
|
setFailUploadIndexes([]);
|
|
155
161
|
}, []); // handle keyboard interaction
|
|
156
162
|
|
|
@@ -360,7 +366,10 @@ var FileDropzone = function FileDropzone(_ref) {
|
|
|
360
366
|
handleReset();
|
|
361
367
|
}, [files, onRemovedFile, handleReset]);
|
|
362
368
|
var handleComplete = (0, _react.useCallback)(function () {
|
|
363
|
-
if (onCompleted)
|
|
369
|
+
if (onCompleted) {
|
|
370
|
+
onCompleted();
|
|
371
|
+
setIsCompleted(true);
|
|
372
|
+
}
|
|
364
373
|
}, [onCompleted]);
|
|
365
374
|
var handleError = (0, _react.useCallback)(function () {
|
|
366
375
|
if (onError) onError();
|
|
@@ -449,10 +458,10 @@ var FileDropzone = function FileDropzone(_ref) {
|
|
|
449
458
|
if (total <= 0) return;
|
|
450
459
|
setPercentage(Math.ceil(successCount / total * 100));
|
|
451
460
|
|
|
452
|
-
if (successCount === total) {
|
|
461
|
+
if (!isCompleted && successCount === total) {
|
|
453
462
|
handleComplete();
|
|
454
463
|
}
|
|
455
|
-
}, [total, successCount, handleComplete]); // check has upload fail
|
|
464
|
+
}, [total, isCompleted, successCount, handleComplete]); // check has upload fail
|
|
456
465
|
|
|
457
466
|
(0, _react.useEffect)(function () {
|
|
458
467
|
if (hasFail && successCount + failUploadIndexes.length === total) {
|
package/package.json
CHANGED
package/tagify/Tags.js
CHANGED
|
@@ -49,7 +49,7 @@ var Tags = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
49
49
|
});
|
|
50
50
|
});
|
|
51
51
|
|
|
52
|
-
var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .tagify {\n --tags-disabled-bg:
|
|
52
|
+
var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .tagify {\n --tags-disabled-bg: transparent;\n\n --tags-border-color: var(--border-color);\n --tags-hover-border-color: var(--border-color);\n --tags-focus-border-color: var(--color-primary);\n --tag-invalid-color: var(--color-danger);\n --tag-remove-btn-bg--hover: var(--color-danger);\n --input-color: var(--font-on-background);\n\n border-radius: var(--border-radius-l);\n width: 100%;\n\n .tagify__tag {\n > div::before {\n border-radius: var(--border-radius-l);\n }\n }\n }\n"])));
|
|
53
53
|
|
|
54
54
|
var _default = Tags;
|
|
55
55
|
exports.default = _default;
|