@popsure/dirty-swan 0.33.3 → 0.33.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/cjs/index.js +31 -18
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/lib/components/dateSelector/index.d.ts +11 -11
  4. package/dist/cjs/lib/components/dateSelector/index.stories.d.ts +65 -0
  5. package/dist/cjs/lib/components/modal/bottomModal/index.d.ts +1 -2
  6. package/dist/cjs/lib/components/modal/bottomOrRegularModal/index.d.ts +1 -2
  7. package/dist/cjs/lib/components/modal/index.d.ts +3 -3
  8. package/dist/cjs/lib/components/modal/index.stories.d.ts +62 -0
  9. package/dist/cjs/lib/components/modal/regularModal/index.d.ts +1 -2
  10. package/dist/cjs/lib/components/multiDropzone/index.d.ts +4 -4
  11. package/dist/cjs/lib/components/multiDropzone/index.stories.d.ts +72 -0
  12. package/dist/cjs/lib/index.d.ts +2 -2
  13. package/dist/cjs/lib/util/images/index.d.ts +12 -0
  14. package/dist/esm/components/dateSelector/index.js +6 -2179
  15. package/dist/esm/components/dateSelector/index.js.map +1 -1
  16. package/dist/esm/components/dateSelector/index.stories.js +92 -0
  17. package/dist/esm/components/dateSelector/index.stories.js.map +1 -0
  18. package/dist/esm/components/dateSelector/index.test.js +1 -1
  19. package/dist/esm/components/dateSelector/index.test.js.map +1 -1
  20. package/dist/esm/components/input/checkbox/index.stories.js +1 -1
  21. package/dist/esm/components/modal/bottomModal/index.js +3 -3
  22. package/dist/esm/components/modal/bottomModal/index.js.map +1 -1
  23. package/dist/esm/components/modal/bottomOrRegularModal/index.js +5 -5
  24. package/dist/esm/components/modal/bottomOrRegularModal/index.js.map +1 -1
  25. package/dist/esm/components/modal/index.stories.js +118 -0
  26. package/dist/esm/components/modal/index.stories.js.map +1 -0
  27. package/dist/esm/components/modal/regularModal/index.js +3 -3
  28. package/dist/esm/components/modal/regularModal/index.js.map +1 -1
  29. package/dist/esm/components/multiDropzone/index.js +3 -3
  30. package/dist/esm/components/multiDropzone/index.js.map +1 -1
  31. package/dist/esm/components/multiDropzone/index.stories.js +147 -0
  32. package/dist/esm/components/multiDropzone/index.stories.js.map +1 -0
  33. package/dist/esm/components/multiDropzone/index.test.js +2 -2
  34. package/dist/esm/components/multiDropzone/index.test.js.map +1 -1
  35. package/dist/esm/index-31224f74.js +26 -0
  36. package/dist/esm/index-31224f74.js.map +1 -0
  37. package/dist/esm/index-639cf8b3.js +2179 -0
  38. package/dist/esm/index-639cf8b3.js.map +1 -0
  39. package/dist/esm/index.js +6 -6
  40. package/dist/esm/lib/components/dateSelector/index.d.ts +11 -11
  41. package/dist/esm/lib/components/dateSelector/index.stories.d.ts +65 -0
  42. package/dist/esm/lib/components/modal/bottomModal/index.d.ts +1 -2
  43. package/dist/esm/lib/components/modal/bottomOrRegularModal/index.d.ts +1 -2
  44. package/dist/esm/lib/components/modal/index.d.ts +3 -3
  45. package/dist/esm/lib/components/modal/index.stories.d.ts +62 -0
  46. package/dist/esm/lib/components/modal/regularModal/index.d.ts +1 -2
  47. package/dist/esm/lib/components/multiDropzone/index.d.ts +4 -4
  48. package/dist/esm/lib/components/multiDropzone/index.stories.d.ts +72 -0
  49. package/dist/esm/lib/index.d.ts +2 -2
  50. package/dist/esm/lib/util/images/index.d.ts +12 -0
  51. package/dist/esm/util/images/index.stories.js +7 -4
  52. package/dist/esm/util/images/index.stories.js.map +1 -1
  53. package/package.json +1 -1
  54. package/src/App.tsx +1 -1
  55. package/src/lib/components/dateSelector/index.stories.tsx +104 -0
  56. package/src/lib/components/dateSelector/index.test.tsx +2 -2
  57. package/src/lib/components/dateSelector/index.tsx +14 -14
  58. package/src/lib/components/modal/bottomModal/index.tsx +1 -1
  59. package/src/lib/components/modal/bottomOrRegularModal/index.tsx +2 -2
  60. package/src/lib/components/modal/index.stories.tsx +254 -0
  61. package/src/lib/components/modal/index.ts +3 -3
  62. package/src/lib/components/modal/regularModal/index.tsx +1 -1
  63. package/src/lib/components/multiDropzone/index.stories.tsx +228 -0
  64. package/src/lib/components/multiDropzone/index.test.tsx +1 -1
  65. package/src/lib/components/multiDropzone/index.tsx +6 -6
  66. package/src/lib/index.tsx +3 -2
  67. package/src/lib/util/images/index.stories.tsx +20 -12
  68. package/src/lib/util/images/index.ts +23 -9
  69. package/dist/esm/index-db2e797f.js +0 -13
  70. package/dist/esm/index-db2e797f.js.map +0 -1
  71. package/src/lib/components/dateSelector/index.stories.mdx +0 -106
  72. package/src/lib/components/modal/index.stories.mdx +0 -313
  73. package/src/lib/components/multiDropzone/index.stories.mdx +0 -187
@@ -4,20 +4,20 @@ export declare const daysInMonthOfYear: ({ month, year, }: {
4
4
  month: number;
5
5
  year: number;
6
6
  }) => number;
7
- declare const DateSelector: ({ value, onChange, yearBoundaries, displayCalendar, placeholders, dayjsLocale, firstDayOfWeek, }: {
8
- value?: string | undefined;
7
+ export interface DateSelectorProps {
8
+ value?: string;
9
9
  onChange: (date: string) => void;
10
10
  yearBoundaries: {
11
11
  min: number;
12
12
  max: number;
13
13
  };
14
- displayCalendar?: boolean | undefined;
14
+ displayCalendar?: boolean;
15
+ dayjsLocale?: ILocale;
15
16
  placeholders?: {
16
- day?: string | undefined;
17
- month?: string | undefined;
18
- year?: string | undefined;
19
- } | undefined;
20
- dayjsLocale?: ILocale | undefined;
21
- firstDayOfWeek?: number | undefined;
22
- }) => JSX.Element;
23
- export default DateSelector;
17
+ day?: string;
18
+ month?: string;
19
+ year?: string;
20
+ };
21
+ firstDayOfWeek?: number;
22
+ }
23
+ export declare const DateSelector: ({ value, onChange, yearBoundaries, displayCalendar, placeholders, dayjsLocale, firstDayOfWeek, }: DateSelectorProps) => JSX.Element;
@@ -0,0 +1,65 @@
1
+ import { DateSelectorProps } from '.';
2
+ declare const story: {
3
+ title: string;
4
+ component: ({ value, onChange, yearBoundaries, displayCalendar, placeholders, dayjsLocale, firstDayOfWeek, }: DateSelectorProps) => JSX.Element;
5
+ decorators: ((Story: any) => JSX.Element)[];
6
+ argTypes: {
7
+ yearBoundaries: {
8
+ description: string;
9
+ defaultValue: {
10
+ min: number;
11
+ max: number;
12
+ };
13
+ };
14
+ displayCalendar: {
15
+ description: string;
16
+ defaultValue: boolean;
17
+ };
18
+ onChange: {
19
+ description: string;
20
+ action: boolean;
21
+ table: {
22
+ category: string;
23
+ type: {
24
+ summary: string;
25
+ };
26
+ };
27
+ };
28
+ value: {
29
+ defaultValue: string;
30
+ description: string;
31
+ table: {
32
+ type: {
33
+ summary: string;
34
+ };
35
+ };
36
+ };
37
+ dayjsLocale: {
38
+ description: string;
39
+ };
40
+ placeholders: {
41
+ description: string;
42
+ };
43
+ firstDayOfWeek: {
44
+ description: string;
45
+ };
46
+ };
47
+ parameters: {
48
+ componentSubtitle: string;
49
+ design: {
50
+ url: string;
51
+ type: string;
52
+ };
53
+ docs: {
54
+ source: {
55
+ excludeDecorators: boolean;
56
+ };
57
+ };
58
+ };
59
+ };
60
+ export declare const DateSelectorStory: {
61
+ ({ displayCalendar, onChange, yearBoundaries, value }: DateSelectorProps): JSX.Element;
62
+ storyName: string;
63
+ };
64
+ export declare const DateSelectorLocalisation: ({ onChange, value, yearBoundaries }: DateSelectorProps) => JSX.Element;
65
+ export default story;
@@ -1,3 +1,2 @@
1
1
  import { Props } from '..';
2
- declare const _default: ({ title, isOpen, children, onClose, className, dismissible, }: Props) => JSX.Element;
3
- export default _default;
2
+ export declare const BottomModal: ({ title, isOpen, children, onClose, className, dismissible, }: Props) => JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { Props } from '..';
2
- declare const _default: ({ isOpen, ...props }: Props) => JSX.Element;
3
- export default _default;
2
+ export declare const BottomOrRegularModal: ({ isOpen, ...props }: Props) => JSX.Element;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import BottomModal from './bottomModal';
3
- import RegularModal from './regularModal';
4
- import BottomOrRegularModal from './bottomOrRegularModal';
2
+ import { BottomModal } from './bottomModal';
3
+ import { RegularModal } from './regularModal';
4
+ import { BottomOrRegularModal } from './bottomOrRegularModal';
5
5
  export interface Props {
6
6
  title?: string;
7
7
  isOpen: boolean;
@@ -0,0 +1,62 @@
1
+ import { Props } from '.';
2
+ declare const story: {
3
+ title: string;
4
+ component: ({ isOpen, ...props }: Props) => JSX.Element;
5
+ argTypes: {
6
+ title: {
7
+ defaultValue: string;
8
+ description: string;
9
+ };
10
+ isOpen: {
11
+ defaultValue: boolean;
12
+ description: string;
13
+ };
14
+ dismissible: {
15
+ defaultValue: boolean;
16
+ description: string;
17
+ };
18
+ className: {
19
+ defaultValue: string;
20
+ description: string;
21
+ };
22
+ children: {
23
+ defaultValue: string;
24
+ description: string;
25
+ type: string;
26
+ table: {
27
+ type: {
28
+ summary: string;
29
+ };
30
+ };
31
+ };
32
+ onClose: {
33
+ description: string;
34
+ action: boolean;
35
+ table: {
36
+ category: string;
37
+ };
38
+ };
39
+ };
40
+ parameters: {
41
+ componentSubtitle: string;
42
+ docs: {
43
+ description: {
44
+ component: string;
45
+ };
46
+ };
47
+ };
48
+ };
49
+ export declare const BottomOrRegularModalStory: {
50
+ ({ children, className, dismissible, isOpen, onClose, title, }: Props): JSX.Element;
51
+ storyName: string;
52
+ };
53
+ export declare const RegularModalStory: {
54
+ ({ children, isOpen, onClose, title, }: Props): JSX.Element;
55
+ storyName: string;
56
+ };
57
+ export declare const BottomModalStory: {
58
+ ({ children, isOpen, onClose, title, }: Props): JSX.Element;
59
+ storyName: string;
60
+ };
61
+ export declare const NonDismissibleModal: ({ children, isOpen, onClose, title, }: Props) => JSX.Element;
62
+ export default story;
@@ -1,3 +1,2 @@
1
1
  import { Props } from '..';
2
- declare const _default: ({ title, isOpen, children, onClose, className, dismissible, }: Props) => JSX.Element;
3
- export default _default;
2
+ export declare const RegularModal: ({ title, isOpen, children, onClose, className, dismissible, }: Props) => JSX.Element;
@@ -1,15 +1,15 @@
1
1
  import { AcceptType, FileType, TextOverrides, UploadedFile, UploadStatus } from './types';
2
2
  interface MultiDropzoneProps {
3
- accept?: AcceptType;
4
- onFileSelect: (files: File[]) => void;
5
3
  uploadedFiles: UploadedFile[];
6
4
  uploading: boolean;
5
+ onFileSelect: (files: File[]) => void;
7
6
  onRemoveFile: (id: string) => void;
7
+ accept?: AcceptType;
8
8
  isCondensed?: boolean;
9
9
  maxFiles?: number;
10
10
  maxSize?: number;
11
11
  textOverrides?: TextOverrides;
12
12
  }
13
- declare const MultiDropZone: ({ accept, uploadedFiles, onFileSelect, uploading, onRemoveFile, isCondensed, maxFiles, maxSize, textOverrides, }: MultiDropzoneProps) => JSX.Element;
13
+ declare const MultiDropzone: ({ uploadedFiles, onFileSelect, onRemoveFile, uploading, isCondensed, accept, maxFiles, maxSize, textOverrides, }: MultiDropzoneProps) => JSX.Element;
14
14
  export type { FileType, MultiDropzoneProps, UploadedFile, UploadStatus };
15
- export default MultiDropZone;
15
+ export { MultiDropzone };
@@ -0,0 +1,72 @@
1
+ import { MultiDropzoneProps } from '.';
2
+ declare const story: {
3
+ title: string;
4
+ component: ({ uploadedFiles, onFileSelect, onRemoveFile, uploading, isCondensed, accept, maxFiles, maxSize, textOverrides, }: MultiDropzoneProps) => JSX.Element;
5
+ argTypes: {
6
+ uploadedFiles: {
7
+ defaultValue: {
8
+ id: string;
9
+ name: string;
10
+ }[];
11
+ description: string;
12
+ };
13
+ uploading: {
14
+ defaultValue: boolean;
15
+ description: string;
16
+ };
17
+ isCondensed: {
18
+ defaultValue: boolean;
19
+ description: string;
20
+ };
21
+ maxFiles: {
22
+ description: string;
23
+ table: {
24
+ category: string;
25
+ };
26
+ };
27
+ maxSize: {
28
+ description: string;
29
+ table: {
30
+ category: string;
31
+ };
32
+ };
33
+ accept: {
34
+ description: string;
35
+ table: {
36
+ category: string;
37
+ };
38
+ };
39
+ onRemoveFile: {
40
+ description: string;
41
+ action: boolean;
42
+ table: {
43
+ category: string;
44
+ };
45
+ };
46
+ onFileSelect: {
47
+ description: string;
48
+ action: boolean;
49
+ table: {
50
+ category: string;
51
+ };
52
+ };
53
+ textOverrides: {
54
+ description: string;
55
+ };
56
+ };
57
+ parameters: {
58
+ componentSubtitle: string;
59
+ };
60
+ };
61
+ export declare const MultiDropzoneStory: {
62
+ ({ onFileSelect, onRemoveFile, uploading, uploadedFiles, isCondensed, maxFiles, maxSize, textOverrides, }: MultiDropzoneProps): JSX.Element;
63
+ storyName: string;
64
+ };
65
+ export declare const UploadingState: () => JSX.Element;
66
+ export declare const CondensedView: () => JSX.Element;
67
+ export declare const ErrorState: () => JSX.Element;
68
+ export declare const AcceptingOnlyImages: () => JSX.Element;
69
+ export declare const AcceptingOnlyDocuments: () => JSX.Element;
70
+ export declare const LimitingFileSizeTo2MB: () => JSX.Element;
71
+ export declare const I18nSupport: () => JSX.Element;
72
+ export default story;
@@ -1,8 +1,8 @@
1
- import DateSelector from './components/dateSelector';
1
+ import { DateSelector } from './components/dateSelector';
2
2
  import { SignaturePad } from './components/signaturePad';
3
3
  import { AutocompleteAddress } from './components/autocompleteAddress';
4
4
  import Input from './components/input';
5
- import MultiDropzone, { FileType, MultiDropzoneProps, UploadedFile, UploadStatus } from './components/multiDropzone';
5
+ import { MultiDropzone, FileType, MultiDropzoneProps, UploadedFile, UploadStatus } from './components/multiDropzone';
6
6
  import { DownloadButton } from './components/downloadButton';
7
7
  import IbanInput from './components/input/iban';
8
8
  import CurrencyInput from './components/input/currency';
@@ -2,10 +2,22 @@ declare const images: {
2
2
  readonly aid: "https://assets.cdn.feather-insurance.com/assets/images/aid.svg";
3
3
  readonly bed: "https://assets.cdn.feather-insurance.com/assets/images/bed.svg";
4
4
  readonly bigDog: "https://assets.cdn.feather-insurance.com/assets/images/bigDog.svg";
5
+ readonly verticalIcons: {
6
+ readonly dogLiability: "https://assets.cdn.feather-insurance.com/assets/images/dogLiabilityIcon.png";
7
+ readonly dogLiability2x: "https://assets.cdn.feather-insurance.com/assets/images/dogLiabilityIcon2x.png";
8
+ readonly dogLiability3x: "https://assets.cdn.feather-insurance.com/assets/images/dogLiabilityIcon3x.png";
9
+ readonly lifeIcon: "https://assets.cdn.feather-insurance.com/assets/images/lifeIcon.png";
10
+ readonly lifeIcon2x: "https://assets.cdn.feather-insurance.com/assets/images/lifeIcon2x.png";
11
+ readonly lifeIcon3x: "https://assets.cdn.feather-insurance.com/assets/images/lifeIcon3x.png";
12
+ };
5
13
  readonly brokenAquarium: "https://assets.cdn.feather-insurance.com/assets/images/brokenAquarium.svg";
6
14
  readonly brokenGlass: "https://assets.cdn.feather-insurance.com/assets/images/brokenGlass.svg";
7
15
  readonly damagedLaptop: "https://assets.cdn.feather-insurance.com/assets/images/damagedLaptop.svg";
8
16
  readonly moneyIncome: "https://assets.cdn.feather-insurance.com/assets/images/moneyIncome.svg";
9
17
  readonly washingMachine: "https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg";
18
+ readonly bill: "https://assets.cdn.feather-insurance.com/assets/images/bill.svg";
19
+ readonly books: "https://assets.cdn.feather-insurance.com/assets/images/books.svg";
20
+ readonly finalExpenses: "https://assets.cdn.feather-insurance.com/assets/images/finalExpenses.svg";
21
+ readonly mortgage: "https://assets.cdn.feather-insurance.com/assets/images/mortgage.svg";
10
22
  };
11
23
  export { images };