@popsure/dirty-swan 0.27.5 → 0.27.6
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/index.js +9 -9
- package/dist/index.js.map +1 -1
- package/dist/lib/components/multiDropzone/index.d.ts +2 -1
- package/package.json +1 -1
- package/src/lib/components/multiDropzone/icons/upload.svg +4 -4
- package/src/lib/components/multiDropzone/index.stories.mdx +21 -0
- package/src/lib/components/multiDropzone/index.tsx +17 -8
- package/src/lib/components/multiDropzone/style.module.scss +19 -14
package/dist/index.js
CHANGED
|
@@ -7792,11 +7792,11 @@ var AutoCompleteAddress = function (_a) {
|
|
|
7792
7792
|
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));
|
|
7793
7793
|
};
|
|
7794
7794
|
|
|
7795
|
-
var css_248z$n = ".style-module_container__Uyltc {\n background-color:
|
|
7796
|
-
var styles$m = {"container":"style-module_container__Uyltc","
|
|
7795
|
+
var css_248z$n = ".style-module_container__Uyltc {\n background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n border: 1px dashed var(--ds-primary-500);\n padding: 32px 0;\n background-color: white;\n transition: all 0.6s ease-in-out;\n}\n\n.style-module_img__11JI8 {\n vertical-align: middle;\n margin-right: 8px;\n height: 18px;\n}\n\n.style-module_textInline__2F21z {\n display: inline-flex;\n}\n\n.style-module_dropzoneContainer__yZoGP:focus {\n outline: none;\n}\n\n.style-module_dropzoneContainer__yZoGP:hover {\n background-color: var(--ds-primary-100);\n transition: 0.5s ease;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n pointer-events: none;\n opacity: 0.4;\n}";
|
|
7796
|
+
var styles$m = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
|
|
7797
7797
|
styleInject(css_248z$n);
|
|
7798
7798
|
|
|
7799
|
-
var uploadSvg = "data:image/svg+xml,%3Csvg%20width%3D%
|
|
7799
|
+
var uploadSvg = "data:image/svg+xml,%3Csvg%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M25.589%2052.324H16.6368C12.2734%2052.324%202.91699%2048.3383%202.91699%2038.0351C2.91699%2026.9493%2012.2734%2023.2325%2016.9623%2023.2325C17.6018%2017.8902%2021.1291%207.97805%2034.1238%207.29132C46.6242%207.29132%2052.2035%2018.5714%2051.2854%2026.9756C56.175%2026.6729%2067.0837%2028.8787%2067.0837%2039.8558C67.0837%2049.1926%2057.3044%2052.7417%2052.4147%2052.324H44.7121%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M35%2063.2981V32.646%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M27.3428%2040.3045L35.0013%2032.646L42.6599%2040.3045%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
7800
7800
|
|
|
7801
7801
|
var genericSvg = "data:image/svg+xml,%3Csvg%20width%3D%2256%22%20height%3D%2269%22%20viewBox%3D%220%200%2056%2069%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.2542%201.10374C18.4419%200.914378%2018.6976%200.807861%2018.9642%200.807861H48.7127C50.5586%200.807861%2052.3271%201.54742%2053.6298%202.8611C54.9322%204.17449%2055.6623%205.95405%2055.6623%207.80786V61.8079C55.6623%2063.6617%2054.9322%2065.4412%2053.6298%2066.7546C52.3271%2068.0683%2050.5586%2068.8079%2048.7127%2068.8079H7.06486C5.21896%2068.8079%203.45038%2068.0683%202.14772%2066.7546C0.845342%2065.4412%200.115173%2063.6617%200.115173%2061.8079V19.8079C0.115173%2019.5441%200.219378%2019.291%200.405096%2019.1037L18.2542%201.10374ZM19.3809%202.80786L2.11517%2020.2196V61.8079C2.11517%2063.1367%202.63868%2064.4093%203.56787%2065.3464C4.49678%2066.2831%205.75485%2066.8079%207.06486%2066.8079H48.7127C50.0227%2066.8079%2051.2807%2066.2831%2052.2096%2065.3464C53.1388%2064.4093%2053.6623%2063.1366%2053.6623%2061.8079V7.80786C53.6623%206.47907%2053.1388%205.20639%2052.2096%204.26934C51.2807%203.33258%2050.0227%202.80786%2048.7127%202.80786H19.3809Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5491%2014.2607V1.80786H19.5491V14.2607C19.5491%2016.1558%2018.8471%2017.9861%2017.5781%2019.3458C16.3069%2020.7078%2014.5674%2021.4871%2012.7378%2021.4871H1.11517V19.4871H12.7378C13.9907%2019.4871%2015.2075%2018.9545%2016.116%2017.9811C17.0266%2017.0054%2017.5491%2015.6682%2017.5491%2014.2607Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fsvg%3E";
|
|
7802
7802
|
|
|
@@ -7952,16 +7952,16 @@ var getUploadStatus = function (progress, error) {
|
|
|
7952
7952
|
};
|
|
7953
7953
|
var index$7 = (function (_a) {
|
|
7954
7954
|
var _b;
|
|
7955
|
-
var uploadedFiles = _a.uploadedFiles, onFileSelect = _a.onFileSelect, uploading = _a.uploading, onRemoveFile = _a.onRemoveFile;
|
|
7955
|
+
var uploadedFiles = _a.uploadedFiles, onFileSelect = _a.onFileSelect, uploading = _a.uploading, onRemoveFile = _a.onRemoveFile, _c = _a.isCondensed, isCondensed = _c === void 0 ? false : _c;
|
|
7956
7956
|
var onDrop = require$$0.useCallback(function (acceptedFiles) {
|
|
7957
7957
|
onFileSelect(acceptedFiles[0]);
|
|
7958
7958
|
}, [onFileSelect]);
|
|
7959
|
-
var
|
|
7960
|
-
return (jsxRuntime.jsxs("div", __assign({ className:
|
|
7961
|
-
_b[styles$m['
|
|
7959
|
+
var _d = useDropzone({ onDrop: onDrop }), getRootProps = _d.getRootProps, getInputProps = _d.getInputProps;
|
|
7960
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$m.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles$m.dropzoneContainer, (_b = {},
|
|
7961
|
+
_b[styles$m['dropzoneContainerDisabled']] = uploading,
|
|
7962
7962
|
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({}, getInputProps()), void 0),
|
|
7963
|
-
jsxRuntime.jsx("img", { src: icons.uploadIcon, alt: "" }, void 0),
|
|
7964
|
-
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8" }, { children: uploading
|
|
7963
|
+
jsxRuntime.jsx("img", { className: isCondensed ? styles$m.img : '', src: icons.uploadIcon, alt: "purple cloud with an arrow" }, void 0),
|
|
7964
|
+
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles$m.textInline : '') }, { children: uploading
|
|
7965
7965
|
? 'Please wait while uploading file...'
|
|
7966
7966
|
: 'Choose file or drag & drop' }), void 0),
|
|
7967
7967
|
jsxRuntime.jsx("div", __assign({ className: "p-p--small tc-grey-500" }, { children: "Supports JPEG, PNG, PDF" }), void 0)] }), void 0),
|