@popsure/dirty-swan 0.38.1 → 0.38.3

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

@@ -19,21 +19,21 @@ import '../../index-da10b7ad.js';
 var mockOnFileSelect = jest.fn();
 var mockOnRemoveFile = jest.fn();
 var file = new File(['DummyFile'], 'dummy.png', { type: 'image/png' });
-var inputTestId = "ds-drop-input";
-var spinnerTestId = "ds-filecell-spinner";
-var progressbarTestId = "ds-filecell-progressbar";
+var inputTestId = 'ds-drop-input';
+var spinnerTestId = 'ds-filecell-spinner';
+var progressbarTestId = 'ds-filecell-progressbar';
 var uploadedFilesMock = {
-    id: "123",
-    name: "File name",
+    id: '123',
+    name: 'File name',
     progress: 100,
-    type: "jpg",
+    type: 'jpg',
 };
 var setup = function (_a) {
     var _b = _a.uploadedFiles, uploadedFiles = _b === void 0 ? [] : _b, _c = _a.uploading, uploading = _c === void 0 ? false : _c, rest = __rest(_a, ["uploadedFiles", "uploading"]);
     return customRender(jsx(MultiDropzone, __assign({}, rest, { uploadedFiles: uploadedFiles, uploading: uploading, onFileSelect: mockOnFileSelect, onRemoveFile: mockOnRemoveFile }), void 0));
 };
 describe('MultiDropzone component', function () {
-    it("should call onFileSelect on files change", function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should call onFileSelect on files change', function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, getByTestId, user, files;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -49,14 +49,17 @@ describe('MultiDropzone component', function () {
         });
     }); });
     describe('Error states', function () {
-        it("should show max files error message", function () {
+        it('should show max files error message', function () {
             var screen = setup({
                 maxFiles: 1,
-                uploadedFiles: [uploadedFilesMock, __assign(__assign({}, uploadedFilesMock), { id: "222" })],
+                uploadedFiles: [
+                    uploadedFilesMock,
+                    __assign(__assign({}, uploadedFilesMock), { id: '222' }),
+                ],
             });
-            expect(screen.getByText("Too many files.")).toBeVisible();
+            expect(screen.getByText('Too many files.')).toBeVisible();
         });
-        it("should show max file size error message", function () { return __awaiter(void 0, void 0, void 0, function () {
+        it('should show max file size error message', function () { return __awaiter(void 0, void 0, void 0, function () {
             var _a, getByTestId, getByText, user, bigFile;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -67,17 +70,17 @@ describe('MultiDropzone component', function () {
                         return [4 /*yield*/, user.upload(getByTestId(inputTestId), [bigFile])];
                     case 1:
                         _b.sent();
-                        expect(getByText("File is too large. It must be less than 10 Bytes.")).toBeInTheDocument();
+                        expect(getByText('File is too large. It must be less than 10 Bytes.')).toBeInTheDocument();
                         return [2 /*return*/];
                 }
             });
         }); });
-        it("should show wrong filetype error message", function () { return __awaiter(void 0, void 0, void 0, function () {
+        it('should show wrong filetype error message', function () { return __awaiter(void 0, void 0, void 0, function () {
             var _a, getByTestId, getByText, input;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = setup({ accept: "document" }), getByTestId = _a.getByTestId, getByText = _a.getByText;
+                        _a = setup({ accept: 'document' }), getByTestId = _a.getByTestId, getByText = _a.getByText;
                         input = getByTestId(inputTestId);
                         return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
                                 return __generator(this, function (_a) {
@@ -89,17 +92,19 @@ describe('MultiDropzone component', function () {
                             }); })];
                     case 1:
                         _b.sent();
-                        expect(getByText("File type must be one of DOC, DOCX, PDF")).toBeInTheDocument();
+                        expect(getByText('File type must be one of DOC, DOCX, PDF')).toBeInTheDocument();
                         return [2 /*return*/];
                 }
             });
         }); });
-        it("should remove wrong filetype error message", function () { return __awaiter(void 0, void 0, void 0, function () {
+        it('should remove wrong filetype error message', function () { return __awaiter(void 0, void 0, void 0, function () {
             var _a, getByAltText, getByTestId, queryByText, user, input;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = setup({ accept: "document" }), getByAltText = _a.getByAltText, getByTestId = _a.getByTestId, queryByText = _a.queryByText, user = _a.user;
+                        _a = setup({
+                            accept: 'document',
+                        }), getByAltText = _a.getByAltText, getByTestId = _a.getByTestId, queryByText = _a.queryByText, user = _a.user;
                         input = getByTestId(inputTestId);
                         return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
                                 return __generator(this, function (_a) {
@@ -111,88 +116,103 @@ describe('MultiDropzone component', function () {
                             }); })];
                     case 1:
                         _b.sent();
-                        return [4 /*yield*/, user.click(getByAltText("remove"))];
+                        return [4 /*yield*/, user.click(getByAltText('remove'))];
                     case 2:
                         _b.sent();
-                        expect(queryByText("File type must be one of DOC, DOCX, PDF")).not.toBeInTheDocument();
+                        expect(queryByText('File type must be one of DOC, DOCX, PDF')).not.toBeInTheDocument();
                         return [2 /*return*/];
                 }
             });
         }); });
     });
     describe('Copy text', function () {
-        it("should show uploader text", function () {
+        it('should show uploader text', function () {
             var screen = setup({});
-            expect(screen.getByText("Choose file or drag & drop")).toBeInTheDocument();
+            expect(screen.getByText('Choose file or drag & drop')).toBeInTheDocument();
         });
-        it("should show uploader text translated", function () {
-            var instructionsText = "Drag drop file";
+        it('should show uploader text translated', function () {
+            var instructionsText = 'Drag drop file';
             var screen = setup({
-                textOverrides: { instructionsText: instructionsText }
+                textOverrides: { instructionsText: instructionsText },
             });
             expect(screen.getByText(instructionsText)).toBeInTheDocument();
         });
-        it("should show image accept file type label", function () {
-            var screen = setup({ accept: "image" });
-            expect(screen.getByText("Supports HEIC, BMP, JPEG, JPG, PNG")).toBeInTheDocument();
+        it('should show image accept file type label', function () {
+            var screen = setup({ accept: 'image' });
+            expect(screen.getByText('Supports HEIC, BMP, JPEG, JPG, PNG')).toBeInTheDocument();
         });
-        it("should show document accept file type label", function () {
-            var screen = setup({ accept: "document" });
-            expect(screen.getByText("Supports DOC, DOCX, PDF")).toBeInTheDocument();
+        it('should show document accept file type label', function () {
+            var screen = setup({ accept: 'document' });
+            expect(screen.getByText('Supports DOC, DOCX, PDF')).toBeInTheDocument();
         });
-        it("should custom document accept file type label", function () {
-            var screen = setup({ accept: {
-                    "application/pdf": [".pdf"],
-                    "image/jpg": [".jpg"],
-                } });
-            expect(screen.getByText("Supports PDF, JPG")).toBeInTheDocument();
+        it('should custom document accept file type label', function () {
+            var screen = setup({
+                accept: {
+                    'application/pdf': ['.pdf'],
+                    'image/jpg': ['.jpg'],
+                },
+            });
+            expect(screen.getByText('Supports PDF, JPG')).toBeInTheDocument();
         });
-        it("should show disabled text if is uploading", function () {
+        it('should show disabled text if is uploading', function () {
             var screen = setup({ uploading: true });
-            expect(screen.getByText("Please wait while uploading file...")).toBeInTheDocument();
+            expect(screen.getByText('Please wait while uploading file...')).toBeInTheDocument();
+        });
+        it('should associate input with its label', function () {
+            var getByLabelText = setup({}).getByLabelText;
+            var input = getByLabelText('Choose file or drag & drop');
+            expect(input).toBeInTheDocument();
         });
     });
     describe('Uploaded files', function () {
-        it("should show uploaded files", function () {
+        it('should show uploaded files', function () {
             var screen = setup({
                 uploadedFiles: [uploadedFilesMock],
             });
             expect(screen.getByText(uploadedFilesMock.name)).toBeInTheDocument();
         });
-        it("should call onRemoveFile with uploaded file id", function () {
+        it('should call onRemoveFile with uploaded file id', function () {
             var screen = setup({
                 uploadedFiles: [uploadedFilesMock],
             });
-            screen.getByAltText("remove").click();
+            screen.getByAltText('remove').click();
             expect(mockOnRemoveFile).toBeCalledWith(uploadedFilesMock.id);
         });
-        it("should show uploaded file with uploading label", function () {
+        it('should show uploaded file with uploading label', function () {
             var screen = setup({
                 uploadedFiles: [__assign(__assign({}, uploadedFilesMock), { progress: 50 })],
             });
-            expect(screen.getByText("Uploading...")).toBeInTheDocument();
+            expect(screen.getByText('Uploading...')).toBeInTheDocument();
         });
-        it("should show uploaded file with progress bar", function () {
+        it('should show uploaded file with progress bar', function () {
             var screen = setup({
-                uploadedFiles: [__assign(__assign({}, uploadedFilesMock), { progress: 50 })],
+                uploadedFiles: [
+                    __assign(__assign({}, uploadedFilesMock), { progress: 50 }),
+                ],
             });
             expect(screen.getByTestId(progressbarTestId)).toBeInTheDocument();
         });
-        it("should show uploaded file with no progress bar", function () {
+        it('should show uploaded file with no progress bar', function () {
             var screen = setup({
-                uploadedFiles: [__assign(__assign({}, uploadedFilesMock), { progress: 50, showProgressBar: false })],
+                uploadedFiles: [
+                    __assign(__assign({}, uploadedFilesMock), { progress: 50, showProgressBar: false }),
+                ],
             });
             expect(screen.queryByTestId(progressbarTestId)).not.toBeInTheDocument();
         });
-        it("should show uploaded file with loading spinner", function () {
+        it('should show uploaded file with loading spinner', function () {
             var screen = setup({
-                uploadedFiles: [__assign(__assign({}, uploadedFilesMock), { progress: 50, showLoadingSpinner: true })],
+                uploadedFiles: [
+                    __assign(__assign({}, uploadedFilesMock), { progress: 50, showLoadingSpinner: true }),
+                ],
             });
             expect(screen.getByTestId(spinnerTestId)).toBeInTheDocument();
         });
-        it("should show uploaded file with no loading spinner", function () {
+        it('should show uploaded file with no loading spinner', function () {
             var screen = setup({
-                uploadedFiles: [__assign(__assign({}, uploadedFilesMock), { progress: 50, showLoadingSpinner: false })],
+                uploadedFiles: [
+                    __assign(__assign({}, uploadedFilesMock), { progress: 50, showLoadingSpinner: false }),
+                ],
             });
             expect(screen.queryByTestId(spinnerTestId)).not.toBeInTheDocument();
         });

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: [uploadedFilesMock, {\n          ...uploadedFilesMock,\n          id: \"222\"\n        }],\n      });\n  \n      expect(screen.getByText(\"Too many 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 one of DOC, DOCX, PDF\")\n      ).toBeInTheDocument();\n    });\n\n    it(\"should remove wrong filetype error message\", async () => {\n      const { getByAltText, getByTestId, queryByText, user } = 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      await user.click(getByAltText(\"remove\"));\n\n      expect(queryByText(\"File type must be one of DOC, DOCX, PDF\")).not.toBeInTheDocument();\n    });\n  });\n\n  describe('Copy text', () => {\n    it(\"should show uploader text\", () => {\n      const screen = setup({});\n\n      expect(screen.getByText(\"Choose file or drag & drop\")).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 HEIC, BMP, JPEG, JPG, PNG\")\n      ).toBeInTheDocument();\n    });\n\n    it(\"should show document accept file type label\", () => {\n      const screen = setup({ accept: \"document\" });\n\n      expect(\n        screen.getByText(\"Supports DOC, DOCX, PDF\")\n      ).toBeInTheDocument();\n    });\n\n    it(\"should custom document accept file type label\", () => {\n      const screen = setup({ accept: {\n        \"application/pdf\": [\".pdf\"],\n        \"image/jpg\": [\".jpg\"],\n      } });\n\n      expect(\n        screen.getByText(\"Supports PDF, JPG\")\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(\n        screen.getByText(uploadedFilesMock.name)\n      ).toBeInTheDocument();\n    });\n\n    it(\"should call onRemoveFile with uploaded file id\", () => {\n      const screen = setup({\n        uploadedFiles: [uploadedFilesMock],\n      });\n\n      screen.getByAltText(\"remove\").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          ...uploadedFilesMock,\n          progress: 50,\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          ...uploadedFilesMock,\n          progress: 50,\n          showProgressBar: false\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          ...uploadedFilesMock,\n          progress: 50,\n          showLoadingSpinner: true\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          ...uploadedFilesMock,\n          progress: 50,\n          showLoadingSpinner: false\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('Too many 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 one of DOC, DOCX, PDF')\n      ).toBeInTheDocument();\n    });\n\n    it('should remove wrong filetype error message', async () => {\n      const { getByAltText, 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(getByAltText('remove'));\n\n      expect(\n        queryByText('File type must be one of DOC, DOCX, 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 HEIC, BMP, JPEG, JPG, PNG')\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 DOC, DOCX, PDF')).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 PDF, JPG')).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    it('should associate input with its label', () => {\n      const { getByLabelText } = setup({});\n      const input = getByLabelText('Choose file or drag & drop');\n\n      expect(input).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.getByAltText('remove').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/{index-38cf6d96.js → index-dcf47451.js}

@@ -726,4 +726,4 @@ var icons = /*#__PURE__*/Object.freeze({
 });
 
 export { icons as i };
-//# sourceMappingURL=index-38cf6d96.js.map
+//# sourceMappingURL=index-dcf47451.js.map

package/dist/esm/{index-38cf6d96.js.map → index-dcf47451.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-38cf6d96.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-dcf47451.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.38.1",
+  "version": "0.38.3",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,

package/src/lib/components/icon/IconWrapper/IconWrapper.tsx

@@ -21,8 +21,12 @@ const IconWrapper = ({
     className={classNames('d-inline-block', styles.wrapper, className ?? '', {
       [`tc-${color}`]: !!color,
     })}
+    style={{
+      width: `${size}px`,
+      height: `${size}px`
+    }}
   >
-    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <svg className='w100' viewBox="0 0 24 24" fill="none">
       {children}
     </svg>
   </span>

package/src/lib/components/multiDropzone/index.test.tsx

@@ -7,20 +7,20 @@ const mockOnFileSelect = jest.fn();
 const mockOnRemoveFile = jest.fn();
 const file = new File(['DummyFile'], 'dummy.png', { type: 'image/png' });
 
-const inputTestId = "ds-drop-input";
-const spinnerTestId = "ds-filecell-spinner";
-const progressbarTestId = "ds-filecell-progressbar";
+const inputTestId = 'ds-drop-input';
+const spinnerTestId = 'ds-filecell-spinner';
+const progressbarTestId = 'ds-filecell-progressbar';
 const uploadedFilesMock = {
-   id: "123",
-   name: "File name",
-   progress: 100,
-   type: "jpg",
+  id: '123',
+  name: 'File name',
+  progress: 100,
+  type: 'jpg',
 };
 
 const setup = ({
- uploadedFiles = [],
- uploading = false,
- ...rest
+  uploadedFiles = [],
+  uploading = false,
+  ...rest
 }: Partial<MultiDropzoneProps>) => {
   return render(
     <MultiDropzone
@@ -34,7 +34,7 @@ const setup = ({
 };
 
 describe('MultiDropzone component', () => {
-  it("should call onFileSelect on files change", async () => {
+  it('should call onFileSelect on files change', async () => {
     const { getByTestId, user } = setup({});
     const files = [file, file];
 
@@ -44,19 +44,22 @@ describe('MultiDropzone component', () => {
   });
 
   describe('Error states', () => {
-    it("should show max files error message", () => {
+    it('should show max files error message', () => {
       const screen = setup({
         maxFiles: 1,
-        uploadedFiles: [uploadedFilesMock, {
-          ...uploadedFilesMock,
-          id: "222"
-        }],
+        uploadedFiles: [
+          uploadedFilesMock,
+          {
+            ...uploadedFilesMock,
+            id: '222',
+          },
+        ],
       });
-  
-      expect(screen.getByText("Too many files.")).toBeVisible();
+
+      expect(screen.getByText('Too many files.')).toBeVisible();
     });
 
-    it("should show max file size error message", async () => {
+    it('should show max file size error message', async () => {
       const { getByTestId, getByText, user } = setup({ maxSize: 10 });
       const bigFile = file;
       Object.defineProperty(bigFile, 'size', { value: 1024 });
@@ -64,12 +67,12 @@ describe('MultiDropzone component', () => {
       await user.upload(getByTestId(inputTestId), [bigFile]);
 
       expect(
-        getByText("File is too large. It must be less than 10 Bytes.")
+        getByText('File is too large. It must be less than 10 Bytes.')
       ).toBeInTheDocument();
     });
 
-    it("should show wrong filetype error message", async () => {
-      const { getByTestId, getByText } = setup({ accept: "document" });
+    it('should show wrong filetype error message', async () => {
+      const { getByTestId, getByText } = setup({ accept: 'document' });
       const input = getByTestId(inputTestId);
 
       await act(async () => {
@@ -79,12 +82,14 @@ describe('MultiDropzone component', () => {
       });
 
       expect(
-        getByText("File type must be one of DOC, DOCX, PDF")
+        getByText('File type must be one of DOC, DOCX, PDF')
       ).toBeInTheDocument();
     });
 
-    it("should remove wrong filetype error message", async () => {
-      const { getByAltText, getByTestId, queryByText, user } = setup({ accept: "document" });
+    it('should remove wrong filetype error message', async () => {
+      const { getByAltText, getByTestId, queryByText, user } = setup({
+        accept: 'document',
+      });
       const input = getByTestId(inputTestId);
 
       await act(async () => {
@@ -93,135 +98,150 @@ describe('MultiDropzone component', () => {
         fireEvent.change(input, { target: { files: [file] } });
       });
 
-      await user.click(getByAltText("remove"));
+      await user.click(getByAltText('remove'));
 
-      expect(queryByText("File type must be one of DOC, DOCX, PDF")).not.toBeInTheDocument();
+      expect(
+        queryByText('File type must be one of DOC, DOCX, PDF')
+      ).not.toBeInTheDocument();
     });
   });
 
   describe('Copy text', () => {
-    it("should show uploader text", () => {
+    it('should show uploader text', () => {
       const screen = setup({});
 
-      expect(screen.getByText("Choose file or drag & drop")).toBeInTheDocument();
+      expect(
+        screen.getByText('Choose file or drag & drop')
+      ).toBeInTheDocument();
     });
 
-    it("should show uploader text translated", () => {
-      const instructionsText = "Drag drop file";
+    it('should show uploader text translated', () => {
+      const instructionsText = 'Drag drop file';
       const screen = setup({
-        textOverrides: { instructionsText }
+        textOverrides: { instructionsText },
       });
 
       expect(screen.getByText(instructionsText)).toBeInTheDocument();
     });
 
-    it("should show image accept file type label", () => {
-      const screen = setup({ accept: "image" });
+    it('should show image accept file type label', () => {
+      const screen = setup({ accept: 'image' });
 
       expect(
-        screen.getByText("Supports HEIC, BMP, JPEG, JPG, PNG")
+        screen.getByText('Supports HEIC, BMP, JPEG, JPG, PNG')
       ).toBeInTheDocument();
     });
 
-    it("should show document accept file type label", () => {
-      const screen = setup({ accept: "document" });
+    it('should show document accept file type label', () => {
+      const screen = setup({ accept: 'document' });
 
-      expect(
-        screen.getByText("Supports DOC, DOCX, PDF")
-      ).toBeInTheDocument();
+      expect(screen.getByText('Supports DOC, DOCX, PDF')).toBeInTheDocument();
     });
 
-    it("should custom document accept file type label", () => {
-      const screen = setup({ accept: {
-        "application/pdf": [".pdf"],
-        "image/jpg": [".jpg"],
-      } });
+    it('should custom document accept file type label', () => {
+      const screen = setup({
+        accept: {
+          'application/pdf': ['.pdf'],
+          'image/jpg': ['.jpg'],
+        },
+      });
 
-      expect(
-        screen.getByText("Supports PDF, JPG")
-      ).toBeInTheDocument();
+      expect(screen.getByText('Supports PDF, JPG')).toBeInTheDocument();
     });
 
-    it("should show disabled text if is uploading", () => {
+    it('should show disabled text if is uploading', () => {
       const screen = setup({ uploading: true });
 
       expect(
-        screen.getByText("Please wait while uploading file...")
+        screen.getByText('Please wait while uploading file...')
       ).toBeInTheDocument();
     });
+
+    it('should associate input with its label', () => {
+      const { getByLabelText } = setup({});
+      const input = getByLabelText('Choose file or drag & drop');
+
+      expect(input).toBeInTheDocument();
+    });
   });
 
   describe('Uploaded files', () => {
-    it("should show uploaded files", () => {
+    it('should show uploaded files', () => {
       const screen = setup({
         uploadedFiles: [uploadedFilesMock],
       });
 
-      expect(
-        screen.getByText(uploadedFilesMock.name)
-      ).toBeInTheDocument();
+      expect(screen.getByText(uploadedFilesMock.name)).toBeInTheDocument();
     });
 
-    it("should call onRemoveFile with uploaded file id", () => {
+    it('should call onRemoveFile with uploaded file id', () => {
       const screen = setup({
         uploadedFiles: [uploadedFilesMock],
       });
 
-      screen.getByAltText("remove").click();
+      screen.getByAltText('remove').click();
 
       expect(mockOnRemoveFile).toBeCalledWith(uploadedFilesMock.id);
     });
 
-    it("should show uploaded file with uploading label", () => {
+    it('should show uploaded file with uploading label', () => {
       const screen = setup({
         uploadedFiles: [{ ...uploadedFilesMock, progress: 50 }],
       });
 
-      expect(screen.getByText("Uploading...")).toBeInTheDocument();
+      expect(screen.getByText('Uploading...')).toBeInTheDocument();
     });
 
-    it("should show uploaded file with progress bar", () => {
+    it('should show uploaded file with progress bar', () => {
       const screen = setup({
-        uploadedFiles: [{
-          ...uploadedFilesMock,
-          progress: 50,
-        }],
+        uploadedFiles: [
+          {
+            ...uploadedFilesMock,
+            progress: 50,
+          },
+        ],
       });
 
       expect(screen.getByTestId(progressbarTestId)).toBeInTheDocument();
     });
 
-    it("should show uploaded file with no progress bar", () => {
+    it('should show uploaded file with no progress bar', () => {
       const screen = setup({
-        uploadedFiles: [{
-          ...uploadedFilesMock,
-          progress: 50,
-          showProgressBar: false
-        }],
+        uploadedFiles: [
+          {
+            ...uploadedFilesMock,
+            progress: 50,
+            showProgressBar: false,
+          },
+        ],
       });
 
       expect(screen.queryByTestId(progressbarTestId)).not.toBeInTheDocument();
     });
 
-    it("should show uploaded file with loading spinner", () => {
+    it('should show uploaded file with loading spinner', () => {
       const screen = setup({
-        uploadedFiles: [{
-          ...uploadedFilesMock,
-          progress: 50,
-          showLoadingSpinner: true
-        }],
+        uploadedFiles: [
+          {
+            ...uploadedFilesMock,
+            progress: 50,
+            showLoadingSpinner: true,
+          },
+        ],
       });
 
       expect(screen.getByTestId(spinnerTestId)).toBeInTheDocument();
     });
 
-    it("should show uploaded file with no loading spinner", () => {
+    it('should show uploaded file with no loading spinner', () => {
       const screen = setup({
-        uploadedFiles: [{
-          ...uploadedFilesMock,
-          progress: 50,
-          showLoadingSpinner: false
-        }],
+        uploadedFiles: [
+          {
+            ...uploadedFilesMock,
+            progress: 50,
+            showLoadingSpinner: false,
+          },
+        ],
       });
 
       expect(screen.queryByTestId(spinnerTestId)).not.toBeInTheDocument();