@popsure/dirty-swan 0.38.0 → 0.38.2

package/dist/cjs/index.js

@@ -5387,7 +5387,7 @@ var AutocompleteAddress = function (_a) {
                                         debouncedSetPlace(newAddress);
                                     } }, "autocomplete-city")] }), void 0)] }, void 0)) }), void 0),
             manualAddressEntry === false && (jsxRuntime.jsxs("div", __assign({ className: "p-p mt8" }, { children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ',
-                    jsxRuntime.jsx("span", __assign({ className: "p-a fw-bold c-pointer", onClick: handleEnterAddressManually }, { children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'Enter address manually' }), void 0)] }), void 0))] }, void 0));
+                    jsxRuntime.jsx("button", __assign({ className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button" }, { children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' }), void 0)] }), void 0))] }, void 0));
 };
 
 var propTypes$1 = {exports: {}};
@@ -8577,23 +8577,25 @@ var MultiDropzone = function (_a) {
     var formattedAccept = getFormattedAcceptObject(accept);
     var fileList = formatAcceptFileList(formattedAccept);
     var maxSizePlaceholder = maxSize && maxSize > 0
-        ? ((textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.sizeUpToText) || "up to") + " " + formatBytes(maxSize)
-        : "";
-    var placeholder = ((textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsTextShort) || "Supports") + " " + (fileList || "JPEG, PNG, PDF") + " " + maxSizePlaceholder;
+        ? ((textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.sizeUpToText) || 'up to') + " " + formatBytes(maxSize)
+        : '';
+    var placeholder = ((textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsTextShort) || 'Supports') + " " + (fileList || 'JPEG, PNG, PDF') + " " + maxSizePlaceholder;
     var isOverMaxFiles = maxFiles > 0 && uploadedFiles.length > maxFiles;
-    var removeError = function (removeId) { return (setErrors(errors.filter(function (_a) {
-        var id = _a.id;
-        return id !== removeId;
-    }))); };
+    var removeError = function (removeId) {
+        return setErrors(errors.filter(function (_a) {
+            var id = _a.id;
+            return id !== removeId;
+        }));
+    };
     var onDrop = require$$0.useCallback(function (acceptedFiles, filesRejected) {
         onFileSelect(acceptedFiles);
-        setErrors(function (previousErrors) { return (__spreadArray$1(__spreadArray$1([], previousErrors), filesRejected.map(function (_a) {
+        setErrors(function (previousErrors) { return __spreadArray$1(__spreadArray$1([], previousErrors), filesRejected.map(function (_a) {
             var errors = _a.errors;
             return ({
                 id: generateId(),
                 message: getErrorMessage(errors[0], { fileList: fileList, maxSize: maxSize }, textOverrides),
             });
-        }))); });
+        })); });
     }, [fileList, maxSize, onFileSelect, textOverrides]);
     var _f = useDropzone({
         accept: formattedAccept,
@@ -8601,11 +8603,12 @@ var MultiDropzone = function (_a) {
         maxSize: maxSize,
         onDrop: onDrop,
     }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
+    var uniqueId = require$$0.useRef(generateId());
     return (jsxRuntime.jsxs("div", __assign({ className: styles$s.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles$s.dropzoneContainer, (_b = {},
                     _b[styles$s['dropzoneContainerDisabled']] = uploading,
-                    _b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
+                    _b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input", id: uniqueId.current }, getInputProps()), void 0),
                     jsxRuntime.jsx("img", { className: isCondensed ? styles$s.img : '', src: isCondensed ? icons.uploadSmallIcon : icons.uploadIcon, alt: "purple cloud with an arrow" }, void 0),
-                    jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles$s.textInline : '') }, { children: uploading
+                    jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId.current, className: "p-h4 mt8 d-block c-pointer " + (isCondensed ? styles$s.textInline : '') }, { children: uploading
                             ? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
                                 'Please wait while uploading file...'
                             : (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), void 0),
@@ -8620,7 +8623,7 @@ var MultiDropzone = function (_a) {
                     }, onRemoveFile: function () { return removeError(id); }, uploading: false }, id));
             }),
             uploadedFiles.length > 0 && (jsxRuntime.jsx("div", __assign({ className: "w100 mt16" }, { children: uploadedFiles.map(function (file) { return (jsxRuntime.jsx(UploadFileCell, { uploadStatus: getUploadStatus(file.progress, file.error), file: file, onRemoveFile: onRemoveFile, uploading: uploading }, file.id)); }) }), void 0)),
-            jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: jsxRuntime.jsx("p", __assign({ className: "tc-red-500 p-p--small" }, { children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.tooManyFilesError) || "Too many files." }), void 0) }), void 0)] }), void 0));
+            jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: jsxRuntime.jsx("p", __assign({ className: "tc-red-500 p-p--small" }, { children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.tooManyFilesError) || 'Too many files.' }), void 0) }), void 0)] }), void 0));
 };
 
 var css_248z$r = ".styles-module_content-container__4wuQ0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
@@ -8635,7 +8638,7 @@ var buttonTypeClassNameMap = {
     outlineGrey: 'p-btn--outline-grey',
 };
 var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon; _a.type; var props = __rest$1(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon", "type"]);
+    var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon, props = __rest$1(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon"]);
     var buttonClassName = buttonTypeClassNameMap[buttonType];
     var loadingClassName = loading ? 'p-btn--loading' : '';
     return (jsxRuntime.jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxRuntime.jsxs("div", __assign({ className: styles$q['content-container'] }, { children: [jsxRuntime.jsx("img", { width: "20px", height: "20px", className: "mr8", src: leftIcon.src, alt: leftIcon.alt }, void 0),
@@ -36380,7 +36383,7 @@ var Spinner = function (_a) {
     return (jsxRuntime.jsx("div", { className: classNames('ds-spinner', "ds-spinner__" + size), "data-testid": "ds-spinner" }, void 0));
 };
 
-var css_248z = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
+var css_248z = ".styles-module_wrapper__1_lY0 {\n  padding: 4px;\n}";
 var styles = {"wrapper":"styles-module_wrapper__1_lY0"};
 styleInject(css_248z);
 
@@ -36389,7 +36392,10 @@ var IconWrapper = function (_a) {
     var children = _a.children, _c = _a.size, size = _c === void 0 ? 16 : _c, color = _a.color, className = _a.className;
     return (jsxRuntime.jsx("span", __assign({ className: classNames('d-inline-block', styles.wrapper, className !== null && className !== void 0 ? className : '', (_b = {},
             _b["tc-" + color] = !!color,
-            _b)) }, { children: jsxRuntime.jsx("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, { children: children }), void 0) }), void 0));
+            _b)), style: {
+            width: size + "px",
+            height: size + "px"
+        } }, { children: jsxRuntime.jsx("svg", __assign({ className: 'w100', viewBox: "0 0 24 24", fill: "none" }, { children: children }), void 0) }), void 0));
 };
 
 var _1 = (function (props) {