@popsure/dirty-swan 0.62.3 → 0.63.0

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

@@ -1,250 +1,18 @@
-import { d as __spreadArray } from '../../tslib.es6-CVlKGIvp.js';
+import { _ as __spreadArray } from '../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { MultiDropzone } from './index.js';
-import '../../index-DLQEsiym.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
-import '../../index-hWqCLhoS.js';
-import '../../index-DZVEBgCf.js';
-import '../../index-DYcCCrfR.js';
-import '../../index-CNcEE5dn.js';
-import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-6ea95111.js';
+import '../../index-dd80248b.js';
+import '../../index-a0ef2ab4.js';
+import '../../index-69a46657.js';
+import '../../style-inject.es-1f59c1d0.js';
 import '../icon/icons/UploadCloud.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import './UploadFileCell/index.js';
 import '../icon/icons/EyeVision.js';
 import '../icon/icons/File.js';
 import '../icon/icons/Trash2.js';
-import '../button/index.js';
-import '../../useMediaQuery-BlEUymPA.js';
-
-// src/viewport/defaults.ts
-var INITIAL_VIEWPORTS = {
-  iphone5: {
-    name: "iPhone 5",
-    styles: {
-      height: "568px",
-      width: "320px"
-    },
-    type: "mobile"
-  },
-  iphone6: {
-    name: "iPhone 6",
-    styles: {
-      height: "667px",
-      width: "375px"
-    },
-    type: "mobile"
-  },
-  iphone6p: {
-    name: "iPhone 6 Plus",
-    styles: {
-      height: "736px",
-      width: "414px"
-    },
-    type: "mobile"
-  },
-  iphone8p: {
-    name: "iPhone 8 Plus",
-    styles: {
-      height: "736px",
-      width: "414px"
-    },
-    type: "mobile"
-  },
-  iphonex: {
-    name: "iPhone X",
-    styles: {
-      height: "812px",
-      width: "375px"
-    },
-    type: "mobile"
-  },
-  iphonexr: {
-    name: "iPhone XR",
-    styles: {
-      height: "896px",
-      width: "414px"
-    },
-    type: "mobile"
-  },
-  iphonexsmax: {
-    name: "iPhone XS Max",
-    styles: {
-      height: "896px",
-      width: "414px"
-    },
-    type: "mobile"
-  },
-  iphonese2: {
-    name: "iPhone SE (2nd generation)",
-    styles: {
-      height: "667px",
-      width: "375px"
-    },
-    type: "mobile"
-  },
-  iphone12mini: {
-    name: "iPhone 12 mini",
-    styles: {
-      height: "812px",
-      width: "375px"
-    },
-    type: "mobile"
-  },
-  iphone12: {
-    name: "iPhone 12",
-    styles: {
-      height: "844px",
-      width: "390px"
-    },
-    type: "mobile"
-  },
-  iphone12promax: {
-    name: "iPhone 12 Pro Max",
-    styles: {
-      height: "926px",
-      width: "428px"
-    },
-    type: "mobile"
-  },
-  iphoneSE3: {
-    name: "iPhone SE 3rd generation",
-    styles: {
-      height: "667px",
-      width: "375px"
-    },
-    type: "mobile"
-  },
-  iphone13: {
-    name: "iPhone 13",
-    styles: {
-      height: "844px",
-      width: "390px"
-    },
-    type: "mobile"
-  },
-  iphone13pro: {
-    name: "iPhone 13 Pro",
-    styles: {
-      height: "844px",
-      width: "390px"
-    },
-    type: "mobile"
-  },
-  iphone13promax: {
-    name: "iPhone 13 Pro Max",
-    styles: {
-      height: "926px",
-      width: "428px"
-    },
-    type: "mobile"
-  },
-  iphone14: {
-    name: "iPhone 14",
-    styles: {
-      height: "844px",
-      width: "390px"
-    },
-    type: "mobile"
-  },
-  iphone14pro: {
-    name: "iPhone 14 Pro",
-    styles: {
-      height: "852px",
-      width: "393px"
-    },
-    type: "mobile"
-  },
-  iphone14promax: {
-    name: "iPhone 14 Pro Max",
-    styles: {
-      height: "932px",
-      width: "430px"
-    },
-    type: "mobile"
-  },
-  ipad: {
-    name: "iPad",
-    styles: {
-      height: "1024px",
-      width: "768px"
-    },
-    type: "tablet"
-  },
-  ipad10p: {
-    name: "iPad Pro 10.5-in",
-    styles: {
-      height: "1112px",
-      width: "834px"
-    },
-    type: "tablet"
-  },
-  ipad11p: {
-    name: "iPad Pro 11-in",
-    styles: {
-      height: "1194px",
-      width: "834px"
-    },
-    type: "tablet"
-  },
-  ipad12p: {
-    name: "iPad Pro 12.9-in",
-    styles: {
-      height: "1366px",
-      width: "1024px"
-    },
-    type: "tablet"
-  },
-  galaxys5: {
-    name: "Galaxy S5",
-    styles: {
-      height: "640px",
-      width: "360px"
-    },
-    type: "mobile"
-  },
-  galaxys9: {
-    name: "Galaxy S9",
-    styles: {
-      height: "740px",
-      width: "360px"
-    },
-    type: "mobile"
-  },
-  nexus5x: {
-    name: "Nexus 5X",
-    styles: {
-      height: "660px",
-      width: "412px"
-    },
-    type: "mobile"
-  },
-  nexus6p: {
-    name: "Nexus 6P",
-    styles: {
-      height: "732px",
-      width: "412px"
-    },
-    type: "mobile"
-  },
-  pixel: {
-    name: "Pixel",
-    styles: {
-      height: "960px",
-      width: "540px"
-    },
-    type: "mobile"
-  },
-  pixelxl: {
-    name: "Pixel XL",
-    styles: {
-      height: "1280px",
-      width: "720px"
-    },
-    type: "mobile"
-  }
-};
 
 var story = {
     title: 'JSX/MultiDropzone',
@@ -298,42 +66,38 @@ var story = {
         },
     },
     args: {
-        uploadedFiles: [
-            {
+        uploadedFiles: [{
                 id: '123456789',
-                name: 'my-code-doesnt-work-i-have-no-idea-why-my-code-works.jpg',
-            },
-        ],
+                name: 'my-code-doesnt-work-i-have-no-idea-why-my-code-works.jpg'
+            }],
         uploading: false,
         isCondensed: false,
         textOverrides: {},
-        maxFiles: 0,
+        maxFiles: 0
     },
     parameters: {
         componentSubtitle: 'MultiDropzone component allows upload of multiple documents / files.',
     },
 };
-var MultiDropzoneStory = {
-    render: function (_a) {
-        var onFileSelect = _a.onFileSelect, onRemoveFile = _a.onRemoveFile, uploading = _a.uploading, _b = _a.uploadedFiles, uploadedFiles = _b === void 0 ? [] : _b, isCondensed = _a.isCondensed, maxFiles = _a.maxFiles, maxSize = _a.maxSize, textOverrides = _a.textOverrides;
-        var _c = useState(uploadedFiles), localFiles = _c[0], setLocalFiles = _c[1];
-        var handleOnRemoveFile = function (id) {
-            onRemoveFile === null || onRemoveFile === void 0 ? void 0 : onRemoveFile(id);
-            setLocalFiles(function (prevFiles) { return prevFiles.filter(function (file) { return file.id !== id; }); });
-        };
-        var handleOnFileSelect = function (files) {
-            var newFiles = files.map(function (newFile) { return ({
-                id: String(new Date().getTime()),
-                name: newFile.name,
-                progress: 100,
-            }); });
-            setLocalFiles(function (prevFiles) { return __spreadArray(__spreadArray([], prevFiles, true), newFiles, true); });
-            onFileSelect(files);
-        };
-        return (jsx(MultiDropzone, { onFileSelect: handleOnFileSelect, onRemoveFile: handleOnRemoveFile, uploadedFiles: localFiles, uploading: uploading, isCondensed: isCondensed, maxFiles: maxFiles, maxSize: maxSize, textOverrides: textOverrides }));
-    },
-    name: 'MultiDropzone',
+var MultiDropzoneStory = function (_a) {
+    var onFileSelect = _a.onFileSelect, onRemoveFile = _a.onRemoveFile, uploading = _a.uploading, _b = _a.uploadedFiles, uploadedFiles = _b === void 0 ? [] : _b, isCondensed = _a.isCondensed, maxFiles = _a.maxFiles, maxSize = _a.maxSize, textOverrides = _a.textOverrides;
+    var _c = useState(uploadedFiles), localFiles = _c[0], setLocalFiles = _c[1];
+    var handleOnRemoveFile = function (id) {
+        onRemoveFile === null || onRemoveFile === void 0 ? void 0 : onRemoveFile(id);
+        setLocalFiles(function (prevFiles) { return prevFiles.filter(function (file) { return file.id !== id; }); });
+    };
+    var handleOnFileSelect = function (files) {
+        var newFiles = files.map(function (newFile) { return ({
+            id: String(new Date().getTime()),
+            name: newFile.name,
+            progress: 100,
+        }); });
+        setLocalFiles(function (prevFiles) { return __spreadArray(__spreadArray([], prevFiles, true), newFiles, true); });
+        onFileSelect(files);
+    };
+    return (jsx(MultiDropzone, { onFileSelect: handleOnFileSelect, onRemoveFile: handleOnRemoveFile, uploadedFiles: localFiles, uploading: uploading, isCondensed: isCondensed, maxFiles: maxFiles, maxSize: maxSize, textOverrides: textOverrides }));
 };
+MultiDropzoneStory.storyName = "MultiDropzone";
 var UploadingState = function () { return (jsx(MultiDropzone, { uploadedFiles: [
         {
             id: '123',
@@ -410,20 +174,9 @@ var LimitingFileSizeTo2MB = function () { return (jsx(MultiDropzone, { isCondens
 var I18nSupport = function () { return (jsx(MultiDropzone, { uploadedFiles: [], onFileSelect: function () { }, uploading: false, onRemoveFile: function () { }, textOverrides: {
         instructionsText: 'Datei auswählen oder per Drag & Drop platzieren',
         supportsTextShort: 'Unterstützt werden',
-        currentlyUploadingText: 'Bitte warten während die Datei hochgeladen wird...',
+        currentlyUploadingText: 'Bitte warten während die Datei hochgeladen wird...'
     } })); };
-var NonDesktopDevice = {
-    render: function () { return (jsx(MultiDropzone, { uploadedFiles: [], onFileSelect: function () { }, uploading: false, onRemoveFile: function () { }, textOverrides: {
-            instructionsTextMobile: 'Tippen Sie, um eine Datei auszuwählen',
-            currentlyUploadingText: 'Bitte warten, während die Datei hochgeladen wird...',
-        } })); },
-    parameters: {
-        viewport: {
-            viewports: INITIAL_VIEWPORTS,
-            defaultViewport: 'iphone6',
-        },
-    },
-};
 
-export { AcceptingOnlyDocuments, AcceptingOnlyImages, AcceptingOnlyVideos, CondensedView, ErrorState, I18nSupport, LimitingFileSizeTo2MB, MultiDropzoneStory, NonDesktopDevice, TooManyFilesErrorState, UploadingState, story as default };
+export default story;
+export { AcceptingOnlyDocuments, AcceptingOnlyImages, AcceptingOnlyVideos, CondensedView, ErrorState, I18nSupport, LimitingFileSizeTo2MB, MultiDropzoneStory, TooManyFilesErrorState, UploadingState };
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../node_modules/storybook/dist/_browser-chunks/chunk-TMDZCWME.js","../../../../../src/lib/components/multiDropzone/index.stories.tsx"],"sourcesContent":["// src/viewport/defaults.ts\nvar INITIAL_VIEWPORTS = {\n  iphone5: {\n    name: \"iPhone 5\",\n    styles: {\n      height: \"568px\",\n      width: \"320px\"\n    },\n    type: \"mobile\"\n  },\n  iphone6: {\n    name: \"iPhone 6\",\n    styles: {\n      height: \"667px\",\n      width: \"375px\"\n    },\n    type: \"mobile\"\n  },\n  iphone6p: {\n    name: \"iPhone 6 Plus\",\n    styles: {\n      height: \"736px\",\n      width: \"414px\"\n    },\n    type: \"mobile\"\n  },\n  iphone8p: {\n    name: \"iPhone 8 Plus\",\n    styles: {\n      height: \"736px\",\n      width: \"414px\"\n    },\n    type: \"mobile\"\n  },\n  iphonex: {\n    name: \"iPhone X\",\n    styles: {\n      height: \"812px\",\n      width: \"375px\"\n    },\n    type: \"mobile\"\n  },\n  iphonexr: {\n    name: \"iPhone XR\",\n    styles: {\n      height: \"896px\",\n      width: \"414px\"\n    },\n    type: \"mobile\"\n  },\n  iphonexsmax: {\n    name: \"iPhone XS Max\",\n    styles: {\n      height: \"896px\",\n      width: \"414px\"\n    },\n    type: \"mobile\"\n  },\n  iphonese2: {\n    name: \"iPhone SE (2nd generation)\",\n    styles: {\n      height: \"667px\",\n      width: \"375px\"\n    },\n    type: \"mobile\"\n  },\n  iphone12mini: {\n    name: \"iPhone 12 mini\",\n    styles: {\n      height: \"812px\",\n      width: \"375px\"\n    },\n    type: \"mobile\"\n  },\n  iphone12: {\n    name: \"iPhone 12\",\n    styles: {\n      height: \"844px\",\n      width: \"390px\"\n    },\n    type: \"mobile\"\n  },\n  iphone12promax: {\n    name: \"iPhone 12 Pro Max\",\n    styles: {\n      height: \"926px\",\n      width: \"428px\"\n    },\n    type: \"mobile\"\n  },\n  iphoneSE3: {\n    name: \"iPhone SE 3rd generation\",\n    styles: {\n      height: \"667px\",\n      width: \"375px\"\n    },\n    type: \"mobile\"\n  },\n  iphone13: {\n    name: \"iPhone 13\",\n    styles: {\n      height: \"844px\",\n      width: \"390px\"\n    },\n    type: \"mobile\"\n  },\n  iphone13pro: {\n    name: \"iPhone 13 Pro\",\n    styles: {\n      height: \"844px\",\n      width: \"390px\"\n    },\n    type: \"mobile\"\n  },\n  iphone13promax: {\n    name: \"iPhone 13 Pro Max\",\n    styles: {\n      height: \"926px\",\n      width: \"428px\"\n    },\n    type: \"mobile\"\n  },\n  iphone14: {\n    name: \"iPhone 14\",\n    styles: {\n      height: \"844px\",\n      width: \"390px\"\n    },\n    type: \"mobile\"\n  },\n  iphone14pro: {\n    name: \"iPhone 14 Pro\",\n    styles: {\n      height: \"852px\",\n      width: \"393px\"\n    },\n    type: \"mobile\"\n  },\n  iphone14promax: {\n    name: \"iPhone 14 Pro Max\",\n    styles: {\n      height: \"932px\",\n      width: \"430px\"\n    },\n    type: \"mobile\"\n  },\n  ipad: {\n    name: \"iPad\",\n    styles: {\n      height: \"1024px\",\n      width: \"768px\"\n    },\n    type: \"tablet\"\n  },\n  ipad10p: {\n    name: \"iPad Pro 10.5-in\",\n    styles: {\n      height: \"1112px\",\n      width: \"834px\"\n    },\n    type: \"tablet\"\n  },\n  ipad11p: {\n    name: \"iPad Pro 11-in\",\n    styles: {\n      height: \"1194px\",\n      width: \"834px\"\n    },\n    type: \"tablet\"\n  },\n  ipad12p: {\n    name: \"iPad Pro 12.9-in\",\n    styles: {\n      height: \"1366px\",\n      width: \"1024px\"\n    },\n    type: \"tablet\"\n  },\n  galaxys5: {\n    name: \"Galaxy S5\",\n    styles: {\n      height: \"640px\",\n      width: \"360px\"\n    },\n    type: \"mobile\"\n  },\n  galaxys9: {\n    name: \"Galaxy S9\",\n    styles: {\n      height: \"740px\",\n      width: \"360px\"\n    },\n    type: \"mobile\"\n  },\n  nexus5x: {\n    name: \"Nexus 5X\",\n    styles: {\n      height: \"660px\",\n      width: \"412px\"\n    },\n    type: \"mobile\"\n  },\n  nexus6p: {\n    name: \"Nexus 6P\",\n    styles: {\n      height: \"732px\",\n      width: \"412px\"\n    },\n    type: \"mobile\"\n  },\n  pixel: {\n    name: \"Pixel\",\n    styles: {\n      height: \"960px\",\n      width: \"540px\"\n    },\n    type: \"mobile\"\n  },\n  pixelxl: {\n    name: \"Pixel XL\",\n    styles: {\n      height: \"1280px\",\n      width: \"720px\"\n    },\n    type: \"mobile\"\n  }\n};\nvar DEFAULT_VIEWPORT = \"responsive\";\nvar MINIMAL_VIEWPORTS = {\n  mobile1: {\n    name: \"Small mobile\",\n    styles: {\n      height: \"568px\",\n      width: \"320px\"\n    },\n    type: \"mobile\"\n  },\n  mobile2: {\n    name: \"Large mobile\",\n    styles: {\n      height: \"896px\",\n      width: \"414px\"\n    },\n    type: \"mobile\"\n  },\n  tablet: {\n    name: \"Tablet\",\n    styles: {\n      height: \"1112px\",\n      width: \"834px\"\n    },\n    type: \"tablet\"\n  },\n  desktop: {\n    name: \"Desktop\",\n    styles: {\n      height: \"1024px\",\n      width: \"1280px\"\n    },\n    type: \"desktop\"\n  }\n};\n\n// src/viewport/responsiveViewport.tsx\nvar responsiveViewport = {\n  name: \"Reset viewport\",\n  styles: {\n    height: \"100%\",\n    width: \"100%\"\n  },\n  type: \"desktop\"\n};\n\nexport {\n  INITIAL_VIEWPORTS,\n  DEFAULT_VIEWPORT,\n  MINIMAL_VIEWPORTS,\n  responsiveViewport\n};\n","import { useState } from 'react';\nimport { MultiDropzone, MultiDropzoneProps } from '.';\nimport { UploadedFile } from './types';\n\n// @ts-ignore\nimport { INITIAL_VIEWPORTS } from 'storybook/viewport';\n\nconst story = {\n  title: 'JSX/MultiDropzone',\n  component: MultiDropzone,\n  argTypes: {\n    uploadedFiles: {\n      description: 'List of files to be displayed on the component.',\n    },\n    uploading: {\n      defaultValue: false,\n      description:\n        'Property that allows to display component in an uploading state',\n    },\n    isCondensed: {\n      defaultValue: false,\n      description:\n        'Property that allows to display component in a smaller layout',\n    },\n    maxFiles: {\n      description:\n        'Property that allows to display the maximum number of files allowed',\n      table: {\n        category: 'File Validation',\n      },\n    },\n    maxSize: {\n      description:\n        'Property that allows to display the maximum size of files allowed',\n      table: {\n        category: 'File Validation',\n      },\n    },\n    accept: {\n      description:\n        'Property that allows to define which file types are accepted',\n      table: {\n        category: 'File Validation',\n      },\n    },\n    onRemoveFile: {\n      description: 'Called when a file remove button is clicked',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    onFileSelect: {\n      description: 'Called when a file is uploaded',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    textOverrides: {\n      description: 'Properties that allow to localise component',\n    },\n  },\n  args: {\n    uploadedFiles: [\n      {\n        id: '123456789',\n        name: 'my-code-doesnt-work-i-have-no-idea-why-my-code-works.jpg',\n      },\n    ],\n    uploading: false,\n    isCondensed: false,\n    textOverrides: {},\n    maxFiles: 0,\n  },\n  parameters: {\n    componentSubtitle:\n      'MultiDropzone component allows upload of multiple documents / files.',\n  },\n};\n\nexport const MultiDropzoneStory = {\n  render: ({\n    onFileSelect,\n    onRemoveFile,\n    uploading,\n    uploadedFiles = [],\n    isCondensed,\n    maxFiles,\n    maxSize,\n    textOverrides,\n  }: MultiDropzoneProps) => {\n    const [localFiles, setLocalFiles] = useState<UploadedFile[]>(uploadedFiles);\n\n    const handleOnRemoveFile = (id: string) => {\n      onRemoveFile?.(id);\n      setLocalFiles((prevFiles) => prevFiles.filter((file) => file.id !== id));\n    };\n\n    const handleOnFileSelect = (files: File[]) => {\n      const newFiles = files.map((newFile) => ({\n        id: String(new Date().getTime()),\n        name: newFile.name,\n        progress: 100,\n      }));\n      setLocalFiles((prevFiles) => [...prevFiles, ...newFiles]);\n      onFileSelect(files);\n    };\n\n    return (\n      <MultiDropzone\n        onFileSelect={handleOnFileSelect}\n        onRemoveFile={handleOnRemoveFile}\n        uploadedFiles={localFiles}\n        uploading={uploading}\n        isCondensed={isCondensed}\n        maxFiles={maxFiles}\n        maxSize={maxSize}\n        textOverrides={textOverrides}\n      />\n    );\n  },\n\n  name: 'MultiDropzone',\n};\n\nexport const UploadingState = () => (\n  <MultiDropzone\n    uploadedFiles={[\n      {\n        id: '123',\n        progress: 72,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n      },\n      {\n        id: '124',\n        progress: 72,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        showLoadingSpinner: true,\n        showProgressBar: false,\n      },\n      {\n        id: '125',\n        progress: 72,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        showLoadingSpinner: true,\n      },\n      {\n        id: '456',\n        progress: 100,\n        name: 'test_file_name2.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name2.pdf',\n      },\n    ]}\n    onFileSelect={() => {}}\n    uploading={true}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const CondensedView = () => (\n  <MultiDropzone\n    uploadedFiles={[\n      {\n        id: '123',\n        progress: 100,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n      },\n    ]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n    isCondensed\n  />\n);\n\nexport const ErrorState = () => (\n  <MultiDropzone\n    uploadedFiles={[\n      {\n        id: '123',\n        progress: 0,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        error: 'File is too big!',\n      },\n    ]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const TooManyFilesErrorState = () => (\n  <MultiDropzone\n    maxFiles={2}\n    isCondensed\n    uploadedFiles={[\n      {\n        id: '123',\n        progress: 100,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n      },\n      {\n        id: '124',\n        progress: 100,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        showLoadingSpinner: true,\n        showProgressBar: false,\n      },\n      {\n        id: '125',\n        progress: 100,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        showLoadingSpinner: true,\n      },\n    ]}\n    uploading={false}\n    onFileSelect={() => {}}\n  />\n);\n\nexport const AcceptingOnlyImages = () => (\n  <MultiDropzone\n    accept=\"image\"\n    isCondensed\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const AcceptingOnlyDocuments = () => (\n  <MultiDropzone\n    accept=\"document\"\n    isCondensed\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const AcceptingOnlyVideos = () => (\n  <MultiDropzone\n    accept=\"video\"\n    isCondensed\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const LimitingFileSizeTo2MB = () => (\n  <MultiDropzone\n    isCondensed\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n    maxSize={2096000}\n  />\n);\n\nexport const I18nSupport = () => (\n  <MultiDropzone\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n    textOverrides={{\n      instructionsText: 'Datei auswählen oder per Drag & Drop platzieren',\n      supportsTextShort: 'Unterstützt werden',\n      currentlyUploadingText:\n        'Bitte warten während die Datei hochgeladen wird...',\n    }}\n  />\n);\n\nexport const NonDesktopDevice = {\n  render: () => (\n    <MultiDropzone\n      uploadedFiles={[]}\n      onFileSelect={() => {}}\n      uploading={false}\n      onRemoveFile={() => {}}\n      textOverrides={{\n        instructionsTextMobile: 'Tippen Sie, um eine Datei auszuwählen',\n        currentlyUploadingText:\n          'Bitte warten, während die Datei hochgeladen wird...',\n      }}\n    />\n  ),\n\n  parameters: {\n    viewport: {\n      viewports: INITIAL_VIEWPORTS,\n      defaultViewport: 'iphone6',\n    },\n  },\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AACA,IAAI,iBAAiB,GAAG;AACxB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,4BAA4B;AACtC,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,gBAAgB;AAC1B,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,mBAAmB;AAC7B,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,0BAA0B;AACpC,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,mBAAmB;AAC7B,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,mBAAmB;AAC7B,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,QAAQ;AACtB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,kBAAkB;AAC5B,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,QAAQ;AACtB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,gBAAgB;AAC1B,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,QAAQ;AACtB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,kBAAkB;AAC5B,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,QAAQ;AACtB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,OAAO;AACrB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,MAAM,EAAE;AACZ,MAAM,MAAM,EAAE,QAAQ;AACtB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,IAAI,EAAE;AACV;AACA,CAAC;;AC3ND,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,QAAQ,EAAE;AACR,QAAA,aAAa,EAAE;AACb,YAAA,WAAW,EAAE,iDAAiD;AAC/D,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,WAAW,EACT,iEAAiE;AACpE,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,WAAW,EACT,+DAA+D;AAClE,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EACT,qEAAqE;AACvE,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,iBAAiB;AAC5B,aAAA;AACF,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EACT,mEAAmE;AACrE,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,iBAAiB;AAC5B,aAAA;AACF,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,WAAW,EACT,8DAA8D;AAChE,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,iBAAiB;AAC5B,aAAA;AACF,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,WAAW,EAAE,6CAA6C;AAC1D,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,WAAW;AACtB,aAAA;AACF,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,WAAW,EAAE,gCAAgC;AAC7C,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,WAAW;AACtB,aAAA;AACF,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,WAAW,EAAE,6CAA6C;AAC3D,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,aAAa,EAAE;AACb,YAAA;AACE,gBAAA,EAAE,EAAE,WAAW;AACf,gBAAA,IAAI,EAAE,0DAA0D;AACjE,aAAA;AACF,SAAA;AACD,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,aAAa,EAAE,EAAE;AACjB,QAAA,QAAQ,EAAE,CAAC;AACZ,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,iBAAiB,EACf,sEAAsE;AACzE,KAAA;;AAGI,IAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,UAAC,EASY,EAAA;YARnB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,aAAkB,EAAlB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAClB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,aAAa,GAAA,EAAA,CAAA,aAAA;QAEP,IAAA,EAAA,GAA8B,QAAQ,CAAiB,aAAa,CAAC,EAApE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAA2C;QAE3E,IAAM,kBAAkB,GAAG,UAAC,EAAU,EAAA;AACpC,YAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAG,EAAE,CAAC;YAClB,aAAa,CAAC,UAAC,SAAS,EAAA,EAAK,OAAA,SAAS,CAAC,MAAM,CAAC,UAAC,IAAI,EAAA,EAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA,CAAd,CAAc,CAAC,CAAA,CAA1C,CAA0C,CAAC;AAC1E,QAAA,CAAC;QAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,EAAA;YACvC,IAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,EAAA,EAAK,QAAC;gBACvC,EAAE,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;gBAChC,IAAI,EAAE,OAAO,CAAC,IAAI;AAClB,gBAAA,QAAQ,EAAE,GAAG;aACd,EAAC,CAJsC,CAItC,CAAC;YACH,aAAa,CAAC,UAAC,SAAS,EAAA,EAAK,OAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAI,SAAS,EAAA,IAAA,CAAA,EAAK,QAAQ,EAAA,IAAA,CAAA,CAAA,CAA1B,CAA2B,CAAC;YACzD,YAAY,CAAC,KAAK,CAAC;AACrB,QAAA,CAAC;AAED,QAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EACZ,YAAY,EAAE,kBAAkB,EAChC,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAE,UAAU,EACzB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAAA,CAC5B;IAEN,CAAC;AAED,IAAA,IAAI,EAAE,eAAe;;AAGhB,IAAM,cAAc,GAAG,YAAA,EAAM,QAClCA,GAAA,CAAC,aAAa,EAAA,EACZ,aAAa,EAAE;AACb,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,UAAU,EAAE,0CAA0C;AACvD,SAAA;AACD,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,UAAU,EAAE,0CAA0C;AACtD,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,eAAe,EAAE,KAAK;AACvB,SAAA;AACD,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,EAAE;AACZ,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,UAAU,EAAE,0CAA0C;AACtD,YAAA,kBAAkB,EAAE,IAAI;AACzB,SAAA;AACD,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,UAAU,EAAE,2CAA2C;AACxD,SAAA;AACF,KAAA,EACD,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,SAAS,EAAE,IAAI,EACf,YAAY,EAAE,YAAA,EAAO,CAAC,GACtB,EACH,CAnCmC;AAqC7B,IAAM,aAAa,GAAG,YAAA,EAAM,QACjCA,GAAA,CAAC,aAAa,EAAA,EACZ,aAAa,EAAE;AACb,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,UAAU,EAAE,0CAA0C;AACvD,SAAA;AACF,KAAA,EACD,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,WAAW,SACX,EACH,CAfkC;AAiB5B,IAAM,UAAU,GAAG,YAAA,EAAM,QAC9BA,GAAA,CAAC,aAAa,EAAA,EACZ,aAAa,EAAE;AACb,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,UAAU,EAAE,0CAA0C;AACtD,YAAA,KAAK,EAAE,kBAAkB;AAC1B,SAAA;AACF,KAAA,EACD,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,GACtB,EACH,CAf+B;AAiBzB,IAAM,sBAAsB,GAAG,YAAA,EAAM,QAC1CA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,CAAC,EACX,WAAW,EAAA,IAAA,EACX,aAAa,EAAE;AACb,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,UAAU,EAAE,0CAA0C;AACvD,SAAA;AACD,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,UAAU,EAAE,0CAA0C;AACtD,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,eAAe,EAAE,KAAK;AACvB,SAAA;AACD,QAAA;AACE,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,UAAU,EAAE,0CAA0C;AACtD,YAAA,kBAAkB,EAAE,IAAI;AACzB,SAAA;AACF,KAAA,EACD,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,EAAA,CACtB,EACH,CA9B2C;AAgCrC,IAAM,mBAAmB,GAAG,YAAA,EAAM,QACvCA,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAC,OAAO,EACd,WAAW,QACX,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,GACtB,EACH,CATwC;AAWlC,IAAM,sBAAsB,GAAG,YAAA,EAAM,QAC1CA,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAC,UAAU,EACjB,WAAW,QACX,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,GACtB,EACH,CAT2C;AAWrC,IAAM,mBAAmB,GAAG,YAAA,EAAM,QACvCA,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAC,OAAO,EACd,WAAW,QACX,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,GACtB,EACH,CATwC;AAWlC,IAAM,qBAAqB,GAAG,YAAA,EAAM,QACzCA,GAAA,CAAC,aAAa,EAAA,EACZ,WAAW,EAAA,IAAA,EACX,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,OAAO,EAAE,OAAO,GAChB,EACH,CAT0C;AAWpC,IAAM,WAAW,GAAG,YAAA,EAAM,QAC/BA,GAAA,CAAC,aAAa,EAAA,EACZ,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,aAAa,EAAE;AACb,QAAA,gBAAgB,EAAE,iDAAiD;AACnE,QAAA,iBAAiB,EAAE,oBAAoB;AACvC,QAAA,sBAAsB,EACpB,oDAAoD;KACvD,EAAA,CACD,EACH,CAbgC;AAe1B,IAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,YAAA,EAAM,QACZA,GAAA,CAAC,aAAa,EAAA,EACZ,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,cAAO,CAAC,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,YAAA,EAAO,CAAC,EACtB,aAAa,EAAE;AACb,YAAA,sBAAsB,EAAE,uCAAuC;AAC/D,YAAA,sBAAsB,EACpB,qDAAqD;SACxD,EAAA,CACD,GAXU,CAYb;AAED,IAAA,UAAU,EAAE;AACV,QAAA,QAAQ,EAAE;AACR,YAAA,SAAS,EAAE,iBAAiB;AAC5B,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA;AACF,KAAA;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/multiDropzone/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { MultiDropzone, MultiDropzoneProps } from '.';\nimport { UploadedFile } from './types';\n\nconst story = {\n  title: 'JSX/MultiDropzone',\n  component: MultiDropzone,\n  argTypes: {\n    uploadedFiles: {\n      description: 'List of files to be displayed on the component.',\n    },\n    uploading: {\n      defaultValue: false,\n      description: 'Property that allows to display component in an uploading state',\n    },\n    isCondensed: {\n      defaultValue: false,\n      description: 'Property that allows to display component in a smaller layout',\n    },\n    maxFiles: {\n      description: 'Property that allows to display the maximum number of files allowed',\n      table: {\n        category: 'File Validation',\n      },\n    },\n    maxSize: {\n      description: 'Property that allows to display the maximum size of files allowed',\n      table: {\n        category: 'File Validation',\n      },\n    },\n    accept: {\n      description: 'Property that allows to define which file types are accepted',\n      table: {\n        category: 'File Validation',\n      },\n    },\n    onRemoveFile: {\n      description: 'Called when a file remove button is clicked',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    onFileSelect: {\n      description: 'Called when a file is uploaded',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    textOverrides: {\n      description: 'Properties that allow to localise component',\n    },\n  },\n  args: {\n    uploadedFiles: [{\n      id: '123456789',\n      name: 'my-code-doesnt-work-i-have-no-idea-why-my-code-works.jpg'\n    }],\n    uploading: false,\n    isCondensed: false,\n    textOverrides: {},\n    maxFiles: 0\n  },\n  parameters: {\n    componentSubtitle: 'MultiDropzone component allows upload of multiple documents / files.',\n  },\n};\n\nexport const MultiDropzoneStory = ({\n  onFileSelect,\n  onRemoveFile,\n  uploading,\n  uploadedFiles = [],\n  isCondensed,\n  maxFiles,\n  maxSize,\n  textOverrides,\n}: MultiDropzoneProps) => {\n  const [localFiles, setLocalFiles] = useState<UploadedFile[]>(uploadedFiles);\n\n  const handleOnRemoveFile = (id: string) => {\n    onRemoveFile?.(id);\n    setLocalFiles((prevFiles) => prevFiles.filter((file) => file.id !== id));\n  };\n\n  const handleOnFileSelect = (files: File[]) => {\n    const newFiles = files.map((newFile) => ({\n      id: String(new Date().getTime()),\n      name: newFile.name,\n      progress: 100,\n    }));\n    setLocalFiles((prevFiles) => [...prevFiles, ...newFiles]);\n    onFileSelect(files);\n  };\n\n  return (\n    <MultiDropzone \n      onFileSelect={handleOnFileSelect} \n      onRemoveFile={handleOnRemoveFile} \n      uploadedFiles={localFiles} \n      uploading={uploading} \n      isCondensed={isCondensed}\n      maxFiles={maxFiles}\n      maxSize={maxSize}\n      textOverrides={textOverrides}\n    />\n  );\n};\n\nMultiDropzoneStory.storyName = \"MultiDropzone\";\n\nexport const UploadingState = () => (\n  <MultiDropzone\n    uploadedFiles={[\n      {\n        id: '123',\n        progress: 72,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n      },\n      {\n        id: '124',\n        progress: 72,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        showLoadingSpinner: true,\n        showProgressBar: false,\n      },\n      {\n        id: '125',\n        progress: 72,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        showLoadingSpinner: true,\n      },\n      {\n        id: '456',\n        progress: 100,\n        name: 'test_file_name2.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name2.pdf',\n      },\n    ]}\n    onFileSelect={() => {}}\n    uploading={true}\n    onRemoveFile={() => {}}\n  />\n);\n\n\nexport const CondensedView = () => (\n  <MultiDropzone\n    uploadedFiles={[\n      {\n        id: '123',\n        progress: 100,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n      },\n    ]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n    isCondensed\n  />\n);\n\nexport const ErrorState = () => (\n  <MultiDropzone\n    uploadedFiles={[\n      {\n        id: '123',\n        progress: 0,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        error: 'File is too big!',\n      },\n    ]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const TooManyFilesErrorState = () => (\n  <MultiDropzone\n    maxFiles={2}\n    isCondensed\n    uploadedFiles={[\n      {\n        id: '123',\n        progress: 100,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n      },\n      {\n        id: '124',\n        progress: 100,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        showLoadingSpinner: true,\n        showProgressBar: false,\n      },\n      {\n        id: '125',\n        progress: 100,\n        name: 'test_file_name.pdf',\n        previewUrl: 'http://getpopsure.com/test_file_name.pdf',\n        showLoadingSpinner: true,\n      },\n    ]}\n    uploading={false}\n    onFileSelect={() => {}}\n  />\n);\n\nexport const AcceptingOnlyImages = () => (\n  <MultiDropzone\n    accept=\"image\"\n    isCondensed\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const AcceptingOnlyDocuments = () => (\n  <MultiDropzone\n    accept=\"document\"\n    isCondensed\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const AcceptingOnlyVideos = () => (\n  <MultiDropzone\n    accept=\"video\"\n    isCondensed\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n  />\n);\n\nexport const LimitingFileSizeTo2MB = () => (\n  <MultiDropzone\n    isCondensed\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n    maxSize={2096000}\n  />\n);\n\nexport const I18nSupport = () => (\n  <MultiDropzone\n    uploadedFiles={[]}\n    onFileSelect={() => {}}\n    uploading={false}\n    onRemoveFile={() => {}}\n    textOverrides={{\n      instructionsText: 'Datei auswählen oder per Drag & Drop platzieren',\n      supportsTextShort: 'Unterstützt werden',\n      currentlyUploadingText:\n        'Bitte warten während die Datei hochgeladen wird...'\n    }}\n  />\n);\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;IAIM,KAAK,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,WAAW,EAAE,iDAAiD;SAC/D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,iEAAiE;SAC/E;QACD,WAAW,EAAE;YACX,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,+DAA+D;SAC7E;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,qEAAqE;YAClF,KAAK,EAAE;gBACL,QAAQ,EAAE,iBAAiB;aAC5B;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,mEAAmE;YAChF,KAAK,EAAE;gBACL,QAAQ,EAAE,iBAAiB;aAC5B;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,8DAA8D;YAC3E,KAAK,EAAE;gBACL,QAAQ,EAAE,iBAAiB;aAC5B;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,6CAA6C;YAC1D,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,gCAAgC;YAC7C,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;QACD,aAAa,EAAE;YACb,WAAW,EAAE,6CAA6C;SAC3D;KACF;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,CAAC;gBACd,EAAE,EAAE,WAAW;gBACf,IAAI,EAAE,0DAA0D;aACjE,CAAC;QACF,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,EAAE;QACjB,QAAQ,EAAE,CAAC;KACZ;IACD,UAAU,EAAE;QACV,iBAAiB,EAAE,sEAAsE;KAC1F;EACD;IAEW,kBAAkB,GAAG,UAAC,EASd;QARnB,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,qBAAkB,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,aAAa,mBAAA;IAEP,IAAA,KAA8B,QAAQ,CAAiB,aAAa,CAAC,EAApE,UAAU,QAAA,EAAE,aAAa,QAA2C,CAAC;IAE5E,IAAM,kBAAkB,GAAG,UAAC,EAAU;QACpC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,EAAE,CAAC,CAAC;QACnB,aAAa,CAAC,UAAC,SAAS,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,GAAA,CAAC,GAAA,CAAC,CAAC;KAC1E,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAC,KAAa;QACvC,IAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,QAAC;YACvC,EAAE,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,QAAQ,EAAE,GAAG;SACd,IAAC,CAAC,CAAC;QACJ,aAAa,CAAC,UAAC,SAAS,IAAK,uCAAI,SAAS,SAAK,QAAQ,UAAC,CAAC,CAAC;QAC1D,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;IAEF,QACEA,IAAC,aAAa,IACZ,YAAY,EAAE,kBAAkB,EAChC,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAE,UAAU,EACzB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,GAC5B,EACF;AACJ,EAAE;AAEF,kBAAkB,CAAC,SAAS,GAAG,eAAe,CAAC;IAElC,cAAc,GAAG,cAAM,QAClCA,IAAC,aAAa,IACZ,aAAa,EAAE;QACb;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,oBAAoB;YAC1B,UAAU,EAAE,0CAA0C;SACvD;QACD;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,oBAAoB;YAC1B,UAAU,EAAE,0CAA0C;YACtD,kBAAkB,EAAE,IAAI;YACxB,eAAe,EAAE,KAAK;SACvB;QACD;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,oBAAoB;YAC1B,UAAU,EAAE,0CAA0C;YACtD,kBAAkB,EAAE,IAAI;SACzB;QACD;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,qBAAqB;YAC3B,UAAU,EAAE,2CAA2C;SACxD;KACF,EACD,YAAY,EAAE,eAAQ,EACtB,SAAS,EAAE,IAAI,EACf,YAAY,EAAE,eAAQ,GACtB,KACF;IAGW,aAAa,GAAG,cAAM,QACjCA,IAAC,aAAa,IACZ,aAAa,EAAE;QACb;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,oBAAoB;YAC1B,UAAU,EAAE,0CAA0C;SACvD;KACF,EACD,YAAY,EAAE,eAAQ,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,eAAQ,EACtB,WAAW,SACX,KACF;IAEW,UAAU,GAAG,cAAM,QAC9BA,IAAC,aAAa,IACZ,aAAa,EAAE;QACb;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,CAAC;YACX,IAAI,EAAE,oBAAoB;YAC1B,UAAU,EAAE,0CAA0C;YACtD,KAAK,EAAE,kBAAkB;SAC1B;KACF,EACD,YAAY,EAAE,eAAQ,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,eAAQ,GACtB,KACF;IAEW,sBAAsB,GAAG,cAAM,QAC1CA,IAAC,aAAa,IACZ,QAAQ,EAAE,CAAC,EACX,WAAW,QACX,aAAa,EAAE;QACb;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,oBAAoB;YAC1B,UAAU,EAAE,0CAA0C;SACvD;QACD;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,oBAAoB;YAC1B,UAAU,EAAE,0CAA0C;YACtD,kBAAkB,EAAE,IAAI;YACxB,eAAe,EAAE,KAAK;SACvB;QACD;YACE,EAAE,EAAE,KAAK;YACT,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,oBAAoB;YAC1B,UAAU,EAAE,0CAA0C;YACtD,kBAAkB,EAAE,IAAI;SACzB;KACF,EACD,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,eAAQ,GACtB,KACF;IAEW,mBAAmB,GAAG,cAAM,QACvCA,IAAC,aAAa,IACZ,MAAM,EAAC,OAAO,EACd,WAAW,QACX,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,eAAQ,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,eAAQ,GACtB,KACF;IAEW,sBAAsB,GAAG,cAAM,QAC1CA,IAAC,aAAa,IACZ,MAAM,EAAC,UAAU,EACjB,WAAW,QACX,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,eAAQ,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,eAAQ,GACtB,KACF;IAEW,mBAAmB,GAAG,cAAM,QACvCA,IAAC,aAAa,IACZ,MAAM,EAAC,OAAO,EACd,WAAW,QACX,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,eAAQ,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,eAAQ,GACtB,KACF;IAEW,qBAAqB,GAAG,cAAM,QACzCA,IAAC,aAAa,IACZ,WAAW,QACX,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,eAAQ,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,eAAQ,EACtB,OAAO,EAAE,OAAO,GAChB,KACF;IAEW,WAAW,GAAG,cAAM,QAC/BA,IAAC,aAAa,IACZ,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,eAAQ,EACtB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,eAAQ,EACtB,aAAa,EAAE;QACb,gBAAgB,EAAE,iDAAiD;QACnE,iBAAiB,EAAE,oBAAoB;QACvC,sBAAsB,EACpB,oDAAoD;KACvD,GACD;;;;;"}

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

@@ -1,27 +1,25 @@
-import { _ as __awaiter, a as __generator, b as __assign, c as __rest } from '../../tslib.es6-CVlKGIvp.js';
+import { c as __awaiter, d as __generator, a as __assign, b as __rest } from '../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { a as act, f as fireEvent, c as customRender } from '../../customRender-DzdqZxUd.js';
-import '../../index-BCxawEMQ.js';
+import { c as customRender, a as act, f as fireEvent } from '../../customRender-d03c10b6.js';
+import '../../index-6f567b0b.js';
 import { MultiDropzone } from './index.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import 'util';
+import '../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../index-DLQEsiym.js';
-import '../../index-hWqCLhoS.js';
-import '../../index-DZVEBgCf.js';
-import '../../index-DYcCCrfR.js';
-import '../../index-CNcEE5dn.js';
-import '../../style-inject.es-tgCJW-Cu.js';
+import 'os';
+import 'tty';
+import '../../index-6ea95111.js';
+import '../../index-dd80248b.js';
+import '../../index-a0ef2ab4.js';
+import '../../index-69a46657.js';
+import '../../style-inject.es-1f59c1d0.js';
 import '../icon/icons/UploadCloud.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import './UploadFileCell/index.js';
 import '../icon/icons/EyeVision.js';
 import '../icon/icons/File.js';
 import '../icon/icons/Trash2.js';
-import '../button/index.js';
-import '../../useMediaQuery-BlEUymPA.js';
 
 var mockOnFileSelect = jest.fn();
 var mockOnRemoveFile = jest.fn();
@@ -178,7 +176,7 @@ describe('MultiDropzone component', function () {
                 uploadedFiles: [uploadedFilesMock],
             });
             screen.getByTestId('remove-button').click();
-            expect(mockOnRemoveFile).toHaveBeenCalledWith(uploadedFilesMock.id);
+            expect(mockOnRemoveFile).toBeCalledWith(uploadedFilesMock.id);
         });
         it('should show uploaded file with uploading label', function () {
             var screen = setup({

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/multiDropzone/index.test.tsx"],"sourcesContent":["import { act, fireEvent, render } from '../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport { MultiDropzone, MultiDropzoneProps } from '.';\n\nconst mockOnFileSelect = jest.fn();\nconst mockOnRemoveFile = jest.fn();\nconst file = new File(['DummyFile'], 'dummy.png', { type: 'image/png' });\n\nconst inputTestId = 'ds-drop-input';\nconst spinnerTestId = 'ds-filecell-spinner';\nconst progressbarTestId = 'ds-filecell-progressbar';\nconst uploadedFilesMock = {\n  id: '123',\n  name: 'File name',\n  progress: 100,\n  type: 'jpg',\n};\n\nconst setup = ({\n  uploadedFiles = [],\n  uploading = false,\n  ...rest\n}: Partial<MultiDropzoneProps>) => {\n  return render(\n    <MultiDropzone\n      {...rest}\n      uploadedFiles={uploadedFiles}\n      uploading={uploading}\n      onFileSelect={mockOnFileSelect}\n      onRemoveFile={mockOnRemoveFile}\n    />\n  );\n};\n\ndescribe('MultiDropzone component', () => {\n  it('should call onFileSelect on files change', async () => {\n    const { getByTestId, user } = setup({});\n    const files = [file, file];\n\n    await user.upload(getByTestId(inputTestId), files);\n\n    expect(mockOnFileSelect).toHaveBeenCalledWith(files);\n  });\n\n  describe('Error states', () => {\n    it('should show max files error message', () => {\n      const screen = setup({\n        maxFiles: 1,\n        uploadedFiles: [\n          uploadedFilesMock,\n          {\n            ...uploadedFilesMock,\n            id: '222',\n          },\n        ],\n      });\n\n      expect(screen.getByText('You can upload maximum 1 files.')).toBeVisible();\n    });\n\n    it('should show max file size error message', async () => {\n      const { getByTestId, getByText, user } = setup({ maxSize: 10 });\n      const bigFile = file;\n      Object.defineProperty(bigFile, 'size', { value: 1024 });\n\n      await user.upload(getByTestId(inputTestId), [bigFile]);\n\n      expect(\n        getByText('File is too large. It must be less than 10 Bytes.')\n      ).toBeInTheDocument();\n    });\n\n    it('should show wrong filetype error message', async () => {\n      const { getByTestId, getByText } = setup({ accept: 'document' });\n      const input = getByTestId(inputTestId);\n\n      await act(async () => {\n        // Keeping fireevent to emulate file change like drop\n        // Using userevent.upload doesn't work since input has an accept/html validation\n        fireEvent.change(input, { target: { files: [file] } });\n      });\n\n      expect(getByText('File type must be DOC, DOCX, PDF')).toBeInTheDocument();\n    });\n\n    it('should remove wrong filetype error message', async () => {\n      const { getByTestId, queryByText, user } = setup({\n        accept: 'document',\n      });\n      const input = getByTestId(inputTestId);\n\n      await act(async () => {\n        // Keeping fireevent to emulate file change like drop\n        // Using userevent.upload doesn't work since input has an accept/html validation\n        fireEvent.change(input, { target: { files: [file] } });\n      });\n\n      await user.click(getByTestId('remove-button'));\n\n      expect(queryByText('File type must be PDF')).not.toBeInTheDocument();\n    });\n  });\n\n  describe('Copy text', () => {\n    it('should show uploader text', () => {\n      const screen = setup({});\n\n      expect(\n        screen.getByText('Choose file or drag & drop')\n      ).toBeInTheDocument();\n    });\n\n    it('should show uploader text translated', () => {\n      const instructionsText = 'Drag drop file';\n      const screen = setup({\n        textOverrides: { instructionsText },\n      });\n\n      expect(screen.getByText(instructionsText)).toBeInTheDocument();\n    });\n\n    it('should show image accept file type label', () => {\n      const screen = setup({ accept: 'image' });\n\n      expect(screen.getByText('Supports images')).toBeInTheDocument();\n    });\n\n    it('should show document accept file type label', () => {\n      const screen = setup({ accept: 'document' });\n\n      expect(screen.getByText('Supports documents')).toBeInTheDocument();\n    });\n\n    it('should custom document accept file type label', () => {\n      const screen = setup({\n        accept: {\n          'application/pdf': ['.pdf'],\n          'image/jpg': ['.jpg'],\n        },\n      });\n\n      expect(\n        screen.getByText('Supports images, videos and documents')\n      ).toBeInTheDocument();\n    });\n\n    it('should show disabled text if is uploading', () => {\n      const screen = setup({ uploading: true });\n\n      expect(\n        screen.getByText('Please wait while uploading file...')\n      ).toBeInTheDocument();\n    });\n  });\n\n  describe('Uploaded files', () => {\n    it('should show uploaded files', () => {\n      const screen = setup({\n        uploadedFiles: [uploadedFilesMock],\n      });\n\n      expect(screen.getByText(uploadedFilesMock.name)).toBeInTheDocument();\n    });\n\n    it('should call onRemoveFile with uploaded file id', () => {\n      const screen = setup({\n        uploadedFiles: [uploadedFilesMock],\n      });\n\n      screen.getByTestId('remove-button').click();\n\n      expect(mockOnRemoveFile).toHaveBeenCalledWith(uploadedFilesMock.id);\n    });\n\n    it('should show uploaded file with uploading label', () => {\n      const screen = setup({\n        uploadedFiles: [{ ...uploadedFilesMock, progress: 50 }],\n      });\n\n      expect(screen.getByText('Uploading...')).toBeInTheDocument();\n    });\n\n    it('should show uploaded file with progress bar', () => {\n      const screen = setup({\n        uploadedFiles: [\n          {\n            ...uploadedFilesMock,\n            progress: 50,\n          },\n        ],\n      });\n\n      expect(screen.getByTestId(progressbarTestId)).toBeInTheDocument();\n    });\n\n    it('should show uploaded file with no progress bar', () => {\n      const screen = setup({\n        uploadedFiles: [\n          {\n            ...uploadedFilesMock,\n            progress: 50,\n            showProgressBar: false,\n          },\n        ],\n      });\n\n      expect(screen.queryByTestId(progressbarTestId)).not.toBeInTheDocument();\n    });\n\n    it('should show uploaded file with loading spinner', () => {\n      const screen = setup({\n        uploadedFiles: [\n          {\n            ...uploadedFilesMock,\n            progress: 50,\n            showLoadingSpinner: true,\n          },\n        ],\n      });\n\n      expect(screen.getByTestId(spinnerTestId)).toBeInTheDocument();\n    });\n\n    it('should show uploaded file with no loading spinner', () => {\n      const screen = setup({\n        uploadedFiles: [\n          {\n            ...uploadedFilesMock,\n            progress: 50,\n            showLoadingSpinner: false,\n          },\n        ],\n      });\n\n      expect(screen.queryByTestId(spinnerTestId)).not.toBeInTheDocument();\n    });\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/multiDropzone/index.test.tsx"],"sourcesContent":["import { act, fireEvent, render } from '../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport { MultiDropzone, MultiDropzoneProps } from '.';\n\nconst mockOnFileSelect = jest.fn();\nconst mockOnRemoveFile = jest.fn();\nconst file = new File(['DummyFile'], 'dummy.png', { type: 'image/png' });\n\nconst inputTestId = 'ds-drop-input';\nconst spinnerTestId = 'ds-filecell-spinner';\nconst progressbarTestId = 'ds-filecell-progressbar';\nconst uploadedFilesMock = {\n  id: '123',\n  name: 'File name',\n  progress: 100,\n  type: 'jpg',\n};\n\nconst setup = ({\n  uploadedFiles = [],\n  uploading = false,\n  ...rest\n}: Partial<MultiDropzoneProps>) => {\n  return render(\n    <MultiDropzone\n      {...rest}\n      uploadedFiles={uploadedFiles}\n      uploading={uploading}\n      onFileSelect={mockOnFileSelect}\n      onRemoveFile={mockOnRemoveFile}\n    />\n  );\n};\n\ndescribe('MultiDropzone component', () => {\n  it('should call onFileSelect on files change', async () => {\n    const { getByTestId, user } = setup({});\n    const files = [file, file];\n\n    await user.upload(getByTestId(inputTestId), files);\n\n    expect(mockOnFileSelect).toHaveBeenCalledWith(files);\n  });\n\n  describe('Error states', () => {\n    it('should show max files error message', () => {\n      const screen = setup({\n        maxFiles: 1,\n        uploadedFiles: [\n          uploadedFilesMock,\n          {\n            ...uploadedFilesMock,\n            id: '222',\n          },\n        ],\n      });\n\n      expect(screen.getByText('You can upload maximum 1 files.')).toBeVisible();\n    });\n\n    it('should show max file size error message', async () => {\n      const { getByTestId, getByText, user } = setup({ maxSize: 10 });\n      const bigFile = file;\n      Object.defineProperty(bigFile, 'size', { value: 1024 });\n\n      await user.upload(getByTestId(inputTestId), [bigFile]);\n\n      expect(\n        getByText('File is too large. It must be less than 10 Bytes.')\n      ).toBeInTheDocument();\n    });\n\n    it('should show wrong filetype error message', async () => {\n      const { getByTestId, getByText } = setup({ accept: 'document' });\n      const input = getByTestId(inputTestId);\n\n      await act(async () => {\n        // Keeping fireevent to emulate file change like drop\n        // Using userevent.upload doesn't work since input has an accept/html validation\n        fireEvent.change(input, { target: { files: [file] } });\n      });\n\n      expect(\n        getByText('File type must be DOC, DOCX, PDF')\n      ).toBeInTheDocument();\n    });\n\n    it('should remove wrong filetype error message', async () => {\n      const { getByTestId, queryByText, user } = setup({\n        accept: 'document',\n      });\n      const input = getByTestId(inputTestId);\n\n      await act(async () => {\n        // Keeping fireevent to emulate file change like drop\n        // Using userevent.upload doesn't work since input has an accept/html validation\n        fireEvent.change(input, { target: { files: [file] } });\n      });\n\n      await user.click(getByTestId('remove-button'));\n\n      expect(\n        queryByText('File type must be PDF')\n      ).not.toBeInTheDocument();\n    });\n  });\n\n  describe('Copy text', () => {\n    it('should show uploader text', () => {\n      const screen = setup({});\n\n      expect(\n        screen.getByText('Choose file or drag & drop')\n      ).toBeInTheDocument();\n    });\n\n    it('should show uploader text translated', () => {\n      const instructionsText = 'Drag drop file';\n      const screen = setup({\n        textOverrides: { instructionsText },\n      });\n\n      expect(screen.getByText(instructionsText)).toBeInTheDocument();\n    });\n\n    it('should show image accept file type label', () => {\n      const screen = setup({ accept: 'image' });\n\n      expect(\n        screen.getByText('Supports images')\n      ).toBeInTheDocument();\n    });\n\n    it('should show document accept file type label', () => {\n      const screen = setup({ accept: 'document' });\n\n      expect(screen.getByText('Supports documents')).toBeInTheDocument();\n    });\n\n    it('should custom document accept file type label', () => {\n      const screen = setup({\n        accept: {\n          'application/pdf': ['.pdf'],\n          'image/jpg': ['.jpg'],\n        },\n      });\n\n      expect(screen.getByText('Supports images, videos and documents')).toBeInTheDocument();\n    });\n\n    it('should show disabled text if is uploading', () => {\n      const screen = setup({ uploading: true });\n\n      expect(\n        screen.getByText('Please wait while uploading file...')\n      ).toBeInTheDocument();\n    });\n  });\n\n  describe('Uploaded files', () => {\n    it('should show uploaded files', () => {\n      const screen = setup({\n        uploadedFiles: [uploadedFilesMock],\n      });\n\n      expect(screen.getByText(uploadedFilesMock.name)).toBeInTheDocument();\n    });\n\n    it('should call onRemoveFile with uploaded file id', () => {\n      const screen = setup({\n        uploadedFiles: [uploadedFilesMock],\n      });\n\n      screen.getByTestId('remove-button').click();\n\n      expect(mockOnRemoveFile).toBeCalledWith(uploadedFilesMock.id);\n    });\n\n    it('should show uploaded file with uploading label', () => {\n      const screen = setup({\n        uploadedFiles: [{ ...uploadedFilesMock, progress: 50 }],\n      });\n\n      expect(screen.getByText('Uploading...')).toBeInTheDocument();\n    });\n\n    it('should show uploaded file with progress bar', () => {\n      const screen = setup({\n        uploadedFiles: [\n          {\n            ...uploadedFilesMock,\n            progress: 50,\n          },\n        ],\n      });\n\n      expect(screen.getByTestId(progressbarTestId)).toBeInTheDocument();\n    });\n\n    it('should show uploaded file with no progress bar', () => {\n      const screen = setup({\n        uploadedFiles: [\n          {\n            ...uploadedFilesMock,\n            progress: 50,\n            showProgressBar: false,\n          },\n        ],\n      });\n\n      expect(screen.queryByTestId(progressbarTestId)).not.toBeInTheDocument();\n    });\n\n    it('should show uploaded file with loading spinner', () => {\n      const screen = setup({\n        uploadedFiles: [\n          {\n            ...uploadedFilesMock,\n            progress: 50,\n            showLoadingSpinner: true,\n          },\n        ],\n      });\n\n      expect(screen.getByTestId(spinnerTestId)).toBeInTheDocument();\n    });\n\n    it('should show uploaded file with no loading spinner', () => {\n      const screen = setup({\n        uploadedFiles: [\n          {\n            ...uploadedFilesMock,\n            progress: 50,\n            showLoadingSpinner: false,\n          },\n        ],\n      });\n\n      expect(screen.queryByTestId(spinnerTestId)).not.toBeInTheDocument();\n    });\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
-import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-purple-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-purple-600);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
+var css_248z = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
 var styles = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
 styleInject(css_248z);
 
@@ -20,14 +20,14 @@ var SegmentedControl = function (_a) {
     }, [selectedIndex]);
     return (jsx("div", { className: className, children: jsxs("div", { className: styles['background-container'], children: [jsx("div", { ref: chipContainer, className: styles['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
                         return (jsx("div", { role: "button", tabIndex: 0, onKeyDown: function (e) {
-                                if (e.key === 'Enter' || e.code === 'Space') {
+                                if (e.key === 'Enter') {
                                     onChange(index);
                                 }
                             }, onClick: function () {
                                 onChange(index);
-                            }, className: styles.chip, children: typeof value === 'string' ? (jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value })) : (jsxs(Fragment, { children: [jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value.title }), jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
-                                            ? 'tc-neutral-600'
-                                            : 'tc-purple-600'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
+                            }, className: styles.chip, children: typeof value === 'string' ? (jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-primary-500'), children: value })) : (jsxs(Fragment, { children: [jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-primary-500'), children: value.title }), jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
+                                            ? 'tc-grey-500'
+                                            : 'tc-primary-500'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
                     }) }), jsx("div", { className: styles['select-chip-background'], style: {
                         width: "".concat(selectedChipBackgroundWidthLeft.width, "px"),
                         height: "".concat(height - 16, "px"),

package/dist/esm/components/segmentedControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/segmentedControl/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styles from './style.module.scss';\n\ninterface TitleWithSubtitle {\n  title: string;\n  subtitle: string;\n}\n\nexport interface SegmentedControlProps {\n  className?: string;\n  values: Array<TitleWithSubtitle> | Array<string>;\n  selectedIndex: number;\n  onChange: (selectedIndex: number) => void;\n}\n\nconst SegmentedControl = ({\n  className = '',\n  values,\n  selectedIndex,\n  onChange,\n}: SegmentedControlProps) => {\n  const [selectedChipBackgroundWidthLeft, setSelectedChipBackgroundWidthLeft] =\n    useState<{\n      left: number;\n      width: number;\n    }>({ left: 0, width: 0 });\n  const chipContainer = useRef<HTMLDivElement | null>(null);\n  const height = typeof values[0] === 'string' ? 48 : 66;\n\n  useEffect(() => {\n    const selectedChip = chipContainer.current?.children[\n      selectedIndex\n    ] as HTMLDivElement;\n    const left = selectedChip.offsetLeft;\n    const width = selectedChip.offsetWidth;\n    setSelectedChipBackgroundWidthLeft({ left, width });\n  }, [selectedIndex]);\n\n  return (\n    <div className={className}>\n      <div className={styles['background-container']}>\n        <div\n          ref={chipContainer}\n          className={styles['chip-container']}\n          style={{ height: `${height}px` }}\n        >\n          {values.map((value: TitleWithSubtitle | string, index: number) => {\n            return (\n              <div\n                role=\"button\"\n                tabIndex={0}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.code === 'Space') {\n                    onChange(index);\n                  }\n                }}\n                onClick={() => {\n                  onChange(index);\n                }}\n                className={styles.chip}\n                key={typeof value === 'string' ? value : value.title}\n              >\n                {typeof value === 'string' ? (\n                  <div\n                    className={`p-h4 ta-center ${\n                      selectedIndex === index ? '' : 'tc-purple-600'\n                    }`}\n                  >\n                    {value}\n                  </div>\n                ) : (\n                  <>\n                    <div\n                      className={`p-h4 ta-center ${\n                        selectedIndex === index ? '' : 'tc-purple-600'\n                      }`}\n                    >\n                      {value.title}\n                    </div>\n                    <div\n                      className={`p-p--small ta-center ${\n                        selectedIndex === index\n                          ? 'tc-neutral-600'\n                          : 'tc-purple-600'\n                      }`}\n                    >\n                      {value.subtitle}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n        <div\n          className={styles['select-chip-background']}\n          style={{\n            width: `${selectedChipBackgroundWidthLeft.width}px`,\n            height: `${height - 16}px`,\n            left: `${selectedChipBackgroundWidthLeft.left}px`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport { SegmentedControl };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/segmentedControl/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styles from './style.module.scss';\n\ninterface TitleWithSubtitle {\n  title: string;\n  subtitle: string;\n}\n\nexport interface SegmentedControlProps {\n  className?: string;\n  values: Array<TitleWithSubtitle> | Array<string>;\n  selectedIndex: number;\n  onChange: (selectedIndex: number) => void;\n}\n\nconst SegmentedControl = ({\n  className = '',\n  values,\n  selectedIndex,\n  onChange,\n}: SegmentedControlProps) => {\n  const [selectedChipBackgroundWidthLeft, setSelectedChipBackgroundWidthLeft] =\n    useState<{\n      left: number;\n      width: number;\n    }>({ left: 0, width: 0 });\n  const chipContainer = useRef<HTMLDivElement | null>(null);\n  const height = typeof values[0] === 'string' ? 48 : 66;\n\n  useEffect(() => {\n    const selectedChip = chipContainer.current?.children[\n      selectedIndex\n    ] as HTMLDivElement;\n    const left = selectedChip.offsetLeft;\n    const width = selectedChip.offsetWidth;\n    setSelectedChipBackgroundWidthLeft({ left, width });\n  }, [selectedIndex]);\n\n  return (\n    <div className={className}>\n      <div className={styles['background-container']}>\n        <div\n          ref={chipContainer}\n          className={styles['chip-container']}\n          style={{ height: `${height}px` }}\n        >\n          {values.map((value: TitleWithSubtitle | string, index: number) => {\n            return (\n              <div\n                role=\"button\"\n                tabIndex={0}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    onChange(index);\n                  }\n                }}\n                onClick={() => {\n                  onChange(index);\n                }}\n                className={styles.chip}\n                key={typeof value === 'string' ? value : value.title}\n              >\n                {typeof value === 'string' ? (\n                  <div\n                    className={`p-h4 ta-center ${\n                      selectedIndex === index ? '' : 'tc-primary-500'\n                    }`}\n                  >\n                    {value}\n                  </div>\n                ) : (\n                  <>\n                    <div\n                      className={`p-h4 ta-center ${\n                        selectedIndex === index ? '' : 'tc-primary-500'\n                      }`}\n                    >\n                      {value.title}\n                    </div>\n                    <div\n                      className={`p-p--small ta-center ${\n                        selectedIndex === index\n                          ? 'tc-grey-500'\n                          : 'tc-primary-500'\n                      }`}\n                    >\n                      {value.subtitle}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n        <div\n          className={styles['select-chip-background']}\n          style={{\n            width: `${selectedChipBackgroundWidthLeft.width}px`,\n            height: `${height - 16}px`,\n            left: `${selectedChipBackgroundWidthLeft.left}px`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport { SegmentedControl };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;IAeM,gBAAgB,GAAG,UAAC,EAKF;QAJtB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA;IAEF,IAAA,KACJ,QAAQ,CAGL,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAJpB,+BAA+B,QAAA,EAAE,kCAAkC,QAI/C,CAAC;IAC5B,IAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC1D,IAAM,MAAM,GAAG,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAC;IAEvD,SAAS,CAAC;;QACR,IAAM,YAAY,GAAG,MAAA,aAAa,CAAC,OAAO,0CAAE,QAAQ,CAClD,aAAa,CACI,CAAC;QACpB,IAAM,IAAI,GAAG,YAAY,CAAC,UAAU,CAAC;QACrC,IAAM,KAAK,GAAG,YAAY,CAAC,WAAW,CAAC;QACvC,kCAAkC,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;KACrD,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,QACEA,aAAK,SAAS,EAAE,SAAS,YACvBC,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,aAC5CD,aACE,GAAG,EAAE,aAAa,EAClB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EACnC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAG,MAAM,OAAI,EAAE,YAE/B,MAAM,CAAC,GAAG,CAAC,UAAC,KAAiC,EAAE,KAAa;wBAC3D,QACEA,aACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAC,CAAC;gCACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oCACrB,QAAQ,CAAC,KAAK,CAAC,CAAC;iCACjB;6BACF,EACD,OAAO,EAAE;gCACP,QAAQ,CAAC,KAAK,CAAC,CAAC;6BACjB,EACD,SAAS,EAAE,MAAM,CAAC,IAAI,YAGrB,OAAO,KAAK,KAAK,QAAQ,IACxBA,aACE,SAAS,EAAE,yBACT,aAAa,KAAK,KAAK,GAAG,EAAE,GAAG,gBAAgB,CAC/C,YAED,KAAK,GACF,KAENC,4BACED,aACE,SAAS,EAAE,yBACT,aAAa,KAAK,KAAK,GAAG,EAAE,GAAG,gBAAgB,CAC/C,YAED,KAAK,CAAC,KAAK,GACR,EACNA,aACE,SAAS,EAAE,+BACT,aAAa,KAAK,KAAK;8CACnB,aAAa;8CACb,gBAAgB,CACpB,YAED,KAAK,CAAC,QAAQ,GACX,IACL,CACJ,IA7BI,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK,CA8BhD,EACN;qBACH,CAAC,GACE,EACNA,aACE,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAC3C,KAAK,EAAE;wBACL,KAAK,EAAE,UAAG,+BAA+B,CAAC,KAAK,OAAI;wBACnD,MAAM,EAAE,UAAG,MAAM,GAAG,EAAE,OAAI;wBAC1B,IAAI,EAAE,UAAG,+BAA+B,CAAC,IAAI,OAAI;qBAClD,GACD,IACE,GACF,EACN;AACJ;;;;"}