@popsure/dirty-swan 0.38.1 → 0.38.2

package/dist/esm/components/icon/IconWrapper/IconWrapper.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { c as classNames } from '../../../index-6ea95111.js';
 import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
 
-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);
 
@@ -12,7 +12,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 (jsx("span", __assign({ className: classNames('d-inline-block', styles.wrapper, className !== null && className !== void 0 ? className : '', (_b = {},
             _b["tc-" + color] = !!color,
-            _b)) }, { children: 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: jsx("svg", __assign({ className: 'w100', viewBox: "0 0 24 24", fill: "none" }, { children: children }), void 0) }), void 0));
 };
 
 export { IconWrapper };

package/dist/esm/components/icon/IconWrapper/IconWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWrapper.js","sources":["../../../../../../src/lib/components/icon/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Color, Size } from '../../../models/styles';\n\nimport styles from './styles.module.scss';\nimport { ReactNode } from 'react';\n\nexport type IconWrapperProps = {\n  children?: ReactNode;\n  size?: Size;\n  color?: Color;\n  className?: string;\n};\n\nconst IconWrapper = ({\n  children,\n  size = 16,\n  color,\n  className,\n}: IconWrapperProps) => (\n  <span\n    className={classNames('d-inline-block', styles.wrapper, className ?? '', {\n      [`tc-${color}`]: !!color,\n    })}\n  >\n    <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\">\n      {children}\n    </svg>\n  </span>\n);\n\nexport { IconWrapper };"],"names":["_jsx"],"mappings":";;;;;;;;;IAaM,WAAW,GAAG,UAAC,EAKF;;QAJjB,QAAQ,cAAA,EACR,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA;IACa,QACtBA,uBACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE;YACrE,GAAC,QAAM,KAAO,IAAG,CAAC,CAAC,KAAK;gBACxB,gBAEFA,sBAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,gBAC5D,QAAQ,YACL,YACD;AATe;;;;"}
+{"version":3,"file":"IconWrapper.js","sources":["../../../../../../src/lib/components/icon/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Color, Size } from '../../../models/styles';\n\nimport styles from './styles.module.scss';\nimport { ReactNode } from 'react';\n\nexport type IconWrapperProps = {\n  children?: ReactNode;\n  size?: Size;\n  color?: Color;\n  className?: string;\n};\n\nconst IconWrapper = ({\n  children,\n  size = 16,\n  color,\n  className,\n}: IconWrapperProps) => (\n  <span\n    className={classNames('d-inline-block', styles.wrapper, className ?? '', {\n      [`tc-${color}`]: !!color,\n    })}\n    style={{\n      width: `${size}px`,\n      height: `${size}px`\n    }}\n  >\n    <svg className='w100' viewBox=\"0 0 24 24\" fill=\"none\">\n      {children}\n    </svg>\n  </span>\n);\n\nexport { IconWrapper };"],"names":["_jsx"],"mappings":";;;;;;;;;IAaM,WAAW,GAAG,UAAC,EAKF;;QAJjB,QAAQ,cAAA,EACR,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA;IACa,QACtBA,uBACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE;YACrE,GAAC,QAAM,KAAO,IAAG,CAAC,CAAC,KAAK;gBACxB,EACF,KAAK,EAAE;YACL,KAAK,EAAK,IAAI,OAAI;YAClB,MAAM,EAAK,IAAI,OAAI;SACpB,gBAEDA,sBAAK,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,gBAClD,QAAQ,YACL,YACD;AAbe;;;;"}

package/dist/esm/components/icon/icons.stories.js

@@ -2,7 +2,7 @@ import { _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Input } from '../input/index.js';
-import { i as icons } from '../../index-38cf6d96.js';
+import { i as icons } from '../../index-35a77b9b.js';
 import Button from '../button/index.js';
 import { c as classNames } from '../../index-6ea95111.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';

package/dist/esm/components/icon/index.stories.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { IconWrapper } from './IconWrapper/IconWrapper.js';
-import { i as icons } from '../../index-38cf6d96.js';
+import { i as icons } from '../../index-35a77b9b.js';
 import '../../tslib.es6-5bc94358.js';
 import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';

package/dist/esm/components/multiDropzone/index.js

@@ -2812,23 +2812,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 = 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,
@@ -2836,11 +2838,12 @@ var MultiDropzone = function (_a) {
         maxSize: maxSize,
         onDrop: onDrop,
     }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
+    var uniqueId = useRef(generateId());
     return (jsxs("div", __assign({ className: styles.container }, { children: [jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles.dropzoneContainer, (_b = {},
                     _b[styles['dropzoneContainerDisabled']] = uploading,
-                    _b)) }, getRootProps(), { children: [jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
+                    _b)) }, getRootProps(), { children: [jsx("input", __assign({ "data-testid": "ds-drop-input", id: uniqueId.current }, getInputProps()), void 0),
                     jsx("img", { className: isCondensed ? styles.img : '', src: isCondensed ? icons.uploadSmallIcon : icons.uploadIcon, alt: "purple cloud with an arrow" }, void 0),
-                    jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles.textInline : '') }, { children: uploading
+                    jsx("label", __assign({ htmlFor: uniqueId.current, className: "p-h4 mt8 d-block c-pointer " + (isCondensed ? styles.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),
@@ -2855,7 +2858,7 @@ var MultiDropzone = function (_a) {
                     }, onRemoveFile: function () { return removeError(id); }, uploading: false }, id));
             }),
             uploadedFiles.length > 0 && (jsx("div", __assign({ className: "w100 mt16" }, { children: uploadedFiles.map(function (file) { return (jsx(UploadFileCell, { uploadStatus: getUploadStatus(file.progress, file.error), file: file, onRemoveFile: onRemoveFile, uploading: uploading }, file.id)); }) }), void 0)),
-            jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: 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));
+            jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: 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));
 };
 
 export { MultiDropzone };