@popsure/dirty-swan 0.41.4 → 0.41.6

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

@@ -163,11 +163,6 @@ describe('MultiDropzone component', function () {
             var screen = setup({ uploading: true });
             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 () {

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('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(getByTestId('remove-button'));\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.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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"}
+{"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(getByTestId('remove-button'));\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\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/config-56f12c98.js

@@ -0,0 +1,57 @@
+var sharedConfig = {
+    value: {
+        defaultValue: '',
+        description: 'Current input value.',
+        control: { type: 'text' }
+    },
+    className: {
+        description: 'Wrapper classNames for custom styling',
+        defaultValue: '',
+        control: { type: 'text' }
+    },
+    placeholder: {
+        description: 'Placeholder for DirtySwan Input component',
+        defaultValue: 'Placeholder',
+        control: { type: 'text' }
+    },
+    label: {
+        description: 'Label of the Input component',
+        defaultValue: 'Input Label',
+        control: { type: 'text' }
+    },
+    hideLabel: {
+        description: 'Whether or not a label should be hidden.. This is needed for accessibility purposes and a label should always be provided',
+        defaultValue: false,
+        control: { type: 'boolean' }
+    },
+    prefix: {
+        description: 'A prefix that can be displayed on the left of the input. Specially useful for currencies.',
+        defaultValue: '£',
+        control: { type: 'text' }
+    },
+    id: {
+        description: 'Unique ID identifier of the input. Relevant for accessibility.',
+        defaultValue: '1234567890',
+        control: { type: 'text' }
+    },
+    error: {
+        description: 'Error message that will also make input show on error state.',
+        defaultValue: '',
+        control: { type: 'text' },
+        table: {
+            type: {
+                summary: 'string | boolean'
+            },
+        },
+    },
+    onChange: {
+        description: 'Function that is called when value of current input changes',
+        action: true,
+        table: {
+            category: "Callbacks",
+        },
+    },
+};
+
+export { sharedConfig as s };
+//# sourceMappingURL=config-56f12c98.js.map

package/dist/esm/config-56f12c98.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-56f12c98.js","sources":["../../../src/lib/components/input/stories/config.ts"],"sourcesContent":["const sharedConfig = {\n  value: {\n    defaultValue: '',\n    description: 'Current input value.',\n    control: { type: 'text' }\n  },\n  className: {\n    description: 'Wrapper classNames for custom styling',\n    defaultValue: '',\n    control: { type: 'text' }\n  },\n  placeholder: {\n    description: 'Placeholder for DirtySwan Input component',\n    defaultValue: 'Placeholder',\n    control: { type: 'text' }\n  },\n  label: {\n    description: 'Label of the Input component',\n    defaultValue: 'Input Label',\n    control: { type: 'text' }\n  },\n  hideLabel: {\n    description: 'Whether or not a label should be hidden.. This is needed for accessibility purposes and a label should always be provided',\n    defaultValue: false,\n    control: { type: 'boolean' }\n  },\n  prefix: {\n    description: 'A prefix that can be displayed on the left of the input. Specially useful for currencies.',\n    defaultValue: '£',\n    control: { type: 'text' }\n  },\n  id: {\n    description: 'Unique ID identifier of the input. Relevant for accessibility.',\n    defaultValue: '1234567890',\n    control: { type: 'text' }\n  },\n  error: {\n    description: 'Error message that will also make input show on error state.',\n    defaultValue: '',\n    control: { type: 'text' },\n    table: {\n      type: { \n        summary: 'string | boolean'\n      },\n    },\n  },\n  onChange: {\n    description: 'Function that is called when value of current input changes',\n    action: true,\n    table: {\n      category: \"Callbacks\",\n    },\n  },\n} \n\nexport default sharedConfig;"],"names":[],"mappings":"IAAM,YAAY,GAAG;IACnB,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,sBAAsB;QACnC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,SAAS,EAAE;QACT,WAAW,EAAE,uCAAuC;QACpD,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,WAAW,EAAE;QACX,WAAW,EAAE,2CAA2C;QACxD,YAAY,EAAE,aAAa;QAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,KAAK,EAAE;QACL,WAAW,EAAE,8BAA8B;QAC3C,YAAY,EAAE,aAAa;QAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,SAAS,EAAE;QACT,WAAW,EAAE,2HAA2H;QACxI,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,MAAM,EAAE;QACN,WAAW,EAAE,2FAA2F;QACxG,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,EAAE,EAAE;QACF,WAAW,EAAE,gEAAgE;QAC7E,YAAY,EAAE,YAAY;QAC1B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,KAAK,EAAE;QACL,WAAW,EAAE,8DAA8D;QAC3E,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,kBAAkB;aAC5B;SACF;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,6DAA6D;QAC1E,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE;YACL,QAAQ,EAAE,WAAW;SACtB;KACF;;;;;"}

package/dist/esm/index.js

@@ -6,7 +6,7 @@ export { MultiDropzone } from './components/multiDropzone/index.js';
 export { DownloadButton } from './components/downloadButton/index.js';
 export { InformationBox } from './components/informationBox/index.js';
 export { default as IbanInput } from './components/input/iban/index.js';
-export { default as CurrencyInput } from './components/input/currency/index.js';
+export { CurrencyInput } from './components/input/currency/index.js';
 export { Badge } from './components/badge/index.js';
 export { Checkbox } from './components/input/checkbox/index.js';
 export { Radio } from './components/input/radio/index.js';

package/dist/esm/lib/components/input/currency/index.d.ts

@@ -1,7 +1,8 @@
 import { InputProps } from '..';
-declare const CurrencyInput: ({ value, onChange, type, ...props }: {
-    value?: number | undefined;
-    placeholder?: string | undefined;
-    onChange?: ((value: number) => void) | undefined;
-} & Omit<InputProps, "ref" | "value" | "onChange">) => JSX.Element;
-export default CurrencyInput;
+export declare type CurrencyInputProps = {
+    value?: number | null | undefined;
+    placeholder?: string;
+    onChange?: (value: number | null) => void;
+} & Omit<InputProps, 'onChange' | 'value' | 'ref'>;
+declare const CurrencyInput: ({ value, onChange, type, ...props }: CurrencyInputProps) => JSX.Element;
+export { CurrencyInput };

package/dist/esm/lib/components/input/currency/input.stories.d.ts

@@ -0,0 +1,83 @@
+import { CurrencyInputProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ value, onChange, type, ...props }: CurrencyInputProps) => JSX.Element;
+    argTypes: {
+        value: {
+            defaultValue: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        className: {
+            description: string;
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            description: string;
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        label: {
+            description: string;
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        hideLabel: {
+            description: string;
+            defaultValue: boolean;
+            control: {
+                type: string;
+            };
+        };
+        prefix: {
+            description: string;
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        id: {
+            description: string;
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            description: string;
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            description: string;
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+    };
+    parameters: {
+        componentSubtitle: string;
+    };
+};
+export declare const CurrencyInputStory: {
+    ({ onChange, className, placeholder, value, label, hideLabel, prefix, error }: CurrencyInputProps): JSX.Element;
+    storyName: string;
+};
+export default story;

package/dist/esm/lib/index.d.ts

@@ -6,7 +6,7 @@ import { MultiDropzone, FileType, MultiDropzoneProps, UploadedFile, UploadStatus
 import { DownloadButton } from './components/downloadButton';
 import { InformationBox } from './components/informationBox';
 import IbanInput from './components/input/iban';
-import CurrencyInput from './components/input/currency';
+import { CurrencyInput } from './components/input/currency';
 import { Badge } from './components/badge';
 import { Checkbox } from './components/input/checkbox';
 import { Radio } from './components/input/radio';

package/package.json

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

package/src/lib/components/input/currency/index.test.tsx

@@ -1,6 +1,6 @@
 import { render } from '../../../util/testUtils';
 
-import CurrencyInput from '.';
+import { CurrencyInput } from '.';
 
 const setup = () => {
   const utils = render(<CurrencyInput />);

package/src/lib/components/input/currency/index.tsx

@@ -3,16 +3,18 @@ import { useEffect, useRef, useState } from 'react';
 import { formatInput, reverseFormatInput } from './format';
 import { Input, InputProps } from '..';
 
+export type CurrencyInputProps = {
+  value?: number | null | undefined;
+  placeholder?: string;
+  onChange?: (value: number | null) => void;
+} & Omit<InputProps, 'onChange' | 'value' | 'ref'>
+
 const CurrencyInput = ({
   value,
   onChange,
   type,
   ...props
-}: {
-  value?: number;
-  placeholder?: string;
-  onChange?: (value: number) => void;
-} & Omit<InputProps, 'onChange' | 'value' | 'ref'>) => {
+}: CurrencyInputProps) => {
   const inputRef = useRef<HTMLInputElement | null>(null);
   const [cursor, setCursor] = useState<number | null>(null);
   const [shadowValue, setShadowValue] = useState('');
@@ -35,7 +37,9 @@ const CurrencyInput = ({
   }, [value]);
 
   useEffect(() => {
-    if (shadowValue) {
+    if (shadowValue === '' && value) {
+      onChange?.(null)
+    } else if (shadowValue) {
       onChange?.(reverseFormatInput(shadowValue));
     }
     // eslint-disable-next-line
@@ -69,4 +73,4 @@ const CurrencyInput = ({
   );
 };
 
-export default CurrencyInput;
+export { CurrencyInput };

package/src/lib/components/input/currency/input.stories.tsx

@@ -0,0 +1,48 @@
+
+import { useState } from 'react';
+import { CurrencyInput, CurrencyInputProps } from '.';
+import sharedConfig from '../stories/config';
+
+const story = {
+  title: 'JSX/Inputs',
+  component: CurrencyInput,
+  argTypes: sharedConfig,
+  parameters: {
+    componentSubtitle: 'The default input component is used to gather informations from the user.'
+  }
+};
+
+export const CurrencyInputStory = ({ 
+  onChange,
+  className,
+  placeholder,
+  value,
+  label,
+  hideLabel,
+  prefix,
+  error
+}: CurrencyInputProps) => {
+  const [newValue, setValue] = useState<number | null>(Number);
+
+  const handleOnChange = (value: number | null) => {
+    setValue(value)
+    onChange?.(value);
+  }
+
+  return (
+    <CurrencyInput 
+      onChange={handleOnChange}
+      value={newValue}
+      className={className}
+      placeholder={placeholder}
+      label={label}
+      hideLabel={hideLabel}
+      prefix={prefix}
+      error={error}
+    />
+  );
+};
+
+CurrencyInputStory.storyName = 'CurrencyInput';
+
+export default story;

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

@@ -156,13 +156,6 @@ describe('MultiDropzone component', () => {
         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', () => {

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

@@ -1,4 +1,4 @@
-import { useCallback, useState, useRef } from 'react';
+import { useCallback, useState } from 'react';
 import classnames from 'classnames';
 import { useDropzone, FileRejection } from 'react-dropzone';
 import AnimateHeight from 'react-animate-height';
@@ -88,8 +88,6 @@ const MultiDropzone = ({
     onDrop,
   });
 
-  const uniqueId = useRef(generateId());
-
   return (
     <div className={styles.container}>
       <div
@@ -103,7 +101,6 @@ const MultiDropzone = ({
       >
         <input
           data-testid="ds-drop-input"
-          id={uniqueId.current}
           {...getInputProps()}
         />
         <UploadCloudIcon
@@ -111,8 +108,7 @@ const MultiDropzone = ({
           size={isCondensed ? 24 : 64}
           color={'purple-500'}
         />
-        <label
-          htmlFor={uniqueId.current}
+        <div
           className={`p-h4 mt8 d-block c-pointer ${
             isCondensed ? styles.textInline : ''
           }`}
@@ -121,7 +117,7 @@ const MultiDropzone = ({
             ? textOverrides?.currentlyUploadingText ||
               'Please wait while uploading file...'
             : textOverrides?.instructionsText || 'Choose file or drag & drop'}
-        </label>
+        </div>
         <div className="p-p--small tc-grey-500">
           {textOverrides?.supportsText || placeholder}
         </div>

package/src/lib/index.tsx

@@ -12,7 +12,7 @@ import {
 import { DownloadButton } from './components/downloadButton';
 import { InformationBox } from './components/informationBox';
 import IbanInput from './components/input/iban';
-import CurrencyInput from './components/input/currency';
+import { CurrencyInput } from './components/input/currency';
 import { Badge } from './components/badge';
 import { Checkbox } from './components/input/checkbox';
 import { Radio } from './components/input/radio';

package/src/lib/components/input/currency/index.stories.mdx

@@ -1,33 +0,0 @@
-import { Meta, Preview } from '@storybook/addon-docs/blocks';
-
-import CurrencyInput from '.';
-
-<Meta title="JSX/Inputs/Currency Input" />
-
-# Currency Input
-
-Currency input is a component built on top of the [Input](?path=/story/jsx-inputs-intro--page) component that give you a better formatting when numerical currency values.
-
-The following will be done:
-
-- Adding a Euro sign (€) prefix.
-- Formatting thousand separators with a space as user type in.
-- Setting decimal reparator as a dot (.)
-
-<Preview>
-  <>
-    <h1 className="p-h1">Currency Input</h1>
-    <h4 className="p-h4 mt24">Empty</h4>
-    <CurrencyInput className="wmx5 mt8" />
-    <h4 className="p-h4 mt24">Filled</h4>
-    <CurrencyInput className="wmx5 mt8" value={1234567.32} />
-    <h4 className="p-h4 mt24">With placeholder</h4>
-    <CurrencyInput className="wmx5 mt8" placeholder="Amount" />
-    <h4 className="p-h4 mt24">With label</h4>
-    <CurrencyInput className="wmx5 mt8" label="Amount" placeholder="100" />
-    <h4 className="p-h4 mt24">With label and no placeholder</h4>
-    <CurrencyInput className="wmx5 mt8" label="Amount" />
-    <h4 className="p-h4 mt24">With placeholder and no label</h4>
-    <CurrencyInput className="wmx5 mt8" hideLabel label="Amount" placeholder="0" />
-  </>
-</Preview>