@popsure/dirty-swan 0.27.29 → 0.27.31

package/dist/lib/components/autocompleteAddress/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WithoutAddress: () => JSX.Element;
 export declare const WithAddress: () => JSX.Element;
 export declare const WithoutAddressLocalized: () => JSX.Element;

package/dist/lib/components/autocompleteAddress/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Address } from '@popsure/public-models';
 declare const AutoCompleteAddress: ({ apiKey, address: initialAddress, onAddressChange, placeholders, manualAddressEntryTexts, }: {
     apiKey: string;

package/dist/lib/components/button/index.d.ts

@@ -9,5 +9,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<{
     buttonType?: ButtonType | undefined;
     leftIcon?: Icon | undefined;
     loading?: boolean | undefined;
-} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "className" | "form" | "slot" | "style" | "title" | "onClick" | "hidden" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "leftIcon" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "loading" | "buttonTitle" | "buttonType"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "className" | "form" | "slot" | "style" | "title" | "onClick" | "hidden" | "type" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "leftIcon" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "loading" | "buttonTitle" | "buttonType"> & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/dist/lib/components/chip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Option } from '../../models/autoSuggestInput';
 declare const _default: ({ value, onRemove, }: {
     value: Option;

package/dist/lib/components/comparisonTable/components/AccordionItem/AccordionItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const AccordionItem: ({ children, className, headerClassName, isOpen, onOpen, onClose, label, }: {
     children: React.ReactNode | string;
     className?: string | undefined;

package/dist/lib/components/comparisonTable/components/Chevron.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Chevron: ({ className }: {
     className?: string | undefined;
 }) => JSX.Element;

package/dist/lib/components/comparisonTable/components/Row/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Cell } from '../../index';
 interface RowProps<T> {
     cell: Cell<T>;

package/dist/lib/components/comparisonTable/components/TableArrows/Arrow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ArrowIcon: ({ className }: {
     className?: string | undefined;
 }) => JSX.Element;

package/dist/lib/components/comparisonTable/components/TableArrows/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type ArrowValues = 'prev' | 'next';
 interface TableArrowsProps {
     onClick: (value: ArrowValues) => void;

package/dist/lib/components/comparisonTable/components/TableInfoButton/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const TableInfoButton: ({ onClick, className, }: {
     onClick: () => void;
     className?: string | undefined;

package/dist/lib/components/comparisonTable/components/TableRating/StarIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StarIcon: ({ className }: {
     className: string;
 }) => JSX.Element;

package/dist/lib/components/comparisonTable/components/TableRating/ZapIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ZapIcon: ({ className }: {
     className: string;
 }) => JSX.Element;

package/dist/lib/components/comparisonTable/components/TableRating/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type RatingTypes = 'star' | 'zap';
 interface TableRatingProps {
     type: RatingTypes;

package/dist/lib/components/comparisonTable/components/TableRowHeader/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const TableRowHeader: (props: {
     label: string;
     icon?: string | undefined;

package/dist/lib/components/comparisonTable/components/TableTrueFalse.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const TableTrueFalse: ({ value, className, }: {
     value: boolean;
     className?: string | undefined;

package/dist/lib/components/dateSelector/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './datepicker.scss';
 export declare const fillArray: (from: number, to: number) => number[];
 export declare const daysInMonthOfYear: ({ month, year, }: {

package/dist/lib/components/input/autoSuggestInput/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Option } from '../../../models/autoSuggestInput';
 declare const _default: ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, }: {
     currentOption: string;

package/dist/lib/components/input/autoSuggestMultiSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Option } from '../../../models/autoSuggestInput';
 declare const _default: ({ options, selectedValues, setValues, placeholder, chipsListClassName, multiSelectClassName, wrapText, }: {
     options: Option[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from '..';
 declare const CurrencyInput: ({ value, onChange, type, ...props }: {
     value?: number | undefined;

package/dist/lib/components/input/iban/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from '..';
 declare const IbanInput: ({ value, onChange, ...props }: {
     value?: string | undefined;

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

@@ -12,5 +12,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<{
     label?: string | undefined;
     id?: string | undefined;
     hideLabel?: boolean | undefined;
-} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "enterKeyHint"> & Partial<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "enterKeyHint">>, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "hidden" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "disabled" | "enterKeyHint" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "type" | "width" | "hideLabel"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "enterKeyHint"> & Partial<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "enterKeyHint">>, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "hidden" | "type" | "list" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "disabled" | "enterKeyHint" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "width" | "hideLabel"> & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/lib/components/modal/bottomModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Props } from '..';
 declare const _default: ({ title, isOpen, children, onClose, className, dismissible, }: Props) => JSX.Element;
 export default _default;

package/dist/lib/components/modal/bottomOrRegularModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Props } from '..';
 declare const _default: ({ isOpen, ...props }: Props) => JSX.Element;
 export default _default;

package/dist/lib/components/modal/regularModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Props } from '..';
 declare const _default: ({ title, isOpen, children, onClose, className, dismissible, }: Props) => JSX.Element;
 export default _default;

package/dist/lib/components/multiDropzone/UploadFileCell/index.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
-import { UploadStatus, UploadedFile } from '..';
-declare const _default: ({ uploadStatus, file, onRemoveFile, uploading, }: {
+import React from 'react';
+import { UploadStatus, UploadedFile } from '../types';
+interface Props {
     uploadStatus: UploadStatus;
     file: UploadedFile;
     onRemoveFile: (id: string) => void;
     uploading: boolean;
-}) => JSX.Element;
-export default _default;
+}
+declare const UploadFileCell: React.FC<Props>;
+export default UploadFileCell;

package/dist/lib/components/multiDropzone/icons/index.d.ts

@@ -1,25 +1,11 @@
 declare const _default: {
-    uploadIcon: string;
-    genericIcon: string;
-    bmpIcon: string;
-    docIcon: string;
-    docxIcon: string;
-    heicIcon: string;
-    jpegIcon: string;
-    jpgIcon: string;
-    pdfIcon: string;
-    pngIcon: string;
-    genericCompleteIcon: string;
-    bmpCompleteIcon: string;
-    docCompleteIcon: string;
-    docxCompleteIcon: string;
-    heicCompleteIcon: string;
-    jpegCompleteIcon: string;
-    jpgCompleteIcon: string;
-    pdfCompleteIcon: string;
-    pngCompleteIcon: string;
-    errorIcon: string;
     eyeIcon: string;
+    fileErrorIcon: string;
+    fileIcon: string;
+    fileUploadIcon: string;
     trashIcon: string;
+    trashErrorIcon: string;
+    uploadIcon: string;
+    uploadSmallIcon: string;
 };
 export default _default;

package/dist/lib/components/multiDropzone/index.d.ts

@@ -1,26 +1,15 @@
-/// <reference types="react" />
-export declare type UploadStatus = 'UPLOADING' | 'COMPLETE' | 'ERROR';
-export declare type FileType = 'heic' | 'bmp' | 'jpeg' | 'jpg' | 'png' | 'doc' | 'docx' | 'pdf';
-export interface UploadedFile {
-    id: string;
-    name: string;
-    type: FileType | string;
-    previewUrl?: string;
-    progress: number;
-    error?: string;
-}
-interface Props {
+import { AcceptType, FileType, TextOverrides, UploadedFile, UploadStatus } from './types';
+interface MultiDropzoneProps {
+    accept?: AcceptType;
     onFileSelect: (files: File[]) => void;
     uploadedFiles: UploadedFile[];
     uploading: boolean;
     onRemoveFile: (id: string) => void;
     isCondensed?: boolean;
     maxFiles?: number;
-    textOverrides?: {
-        instructionsText?: string;
-        currentlyUploadingText?: string;
-        supportsText?: string;
-    };
+    maxSize?: number;
+    textOverrides?: TextOverrides;
 }
-declare const _default: ({ uploadedFiles, onFileSelect, uploading, onRemoveFile, isCondensed, maxFiles, textOverrides, }: Props) => JSX.Element;
-export default _default;
+declare const MultiDropZone: ({ accept, uploadedFiles, onFileSelect, uploading, onRemoveFile, isCondensed, maxFiles, maxSize, textOverrides, }: MultiDropzoneProps) => JSX.Element;
+export type { FileType, MultiDropzoneProps, UploadedFile, UploadStatus };
+export default MultiDropZone;

package/dist/lib/components/multiDropzone/index.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/lib/components/multiDropzone/types.d.ts

@@ -0,0 +1,31 @@
+import { Accept } from "react-dropzone";
+export declare type UploadStatus = 'UPLOADING' | 'COMPLETE' | 'ERROR';
+export declare const DOCUMENT_FILES: string[];
+export declare const IMAGE_FILES: string[];
+export declare const FILE_TYPES: string[];
+export declare type FileType = typeof FILE_TYPES[number];
+export interface UploadedFile {
+    id: string;
+    name: string;
+    type: FileType | string;
+    previewUrl?: string;
+    progress: number;
+    error?: string;
+    showProgressBar?: boolean;
+    showLoadingSpinner?: boolean;
+}
+export declare type AcceptType = "document" | "image" | Accept;
+export interface TextOverrides {
+    currentlyUploadingText?: string;
+    fileTypeError?: string;
+    fileTooLargeError?: string;
+    instructionsText?: string;
+    sizeUpToText?: string;
+    supportsText?: string;
+    supportsTextShort?: string;
+    tooManyFilesError?: string;
+}
+export interface ErrorMessage {
+    id: string;
+    message: string;
+}

package/dist/lib/components/multiDropzone/utils/index.d.ts

@@ -0,0 +1,11 @@
+import { Accept, FileError } from "react-dropzone";
+import { AcceptType, TextOverrides, UploadStatus } from "../types";
+export declare const getUploadStatus: (progress: number, error?: string | undefined) => UploadStatus;
+export declare const DOCUMENT_FILES_ACCEPT: Accept;
+export declare const IMAGE_FILES_ACCEPT: Accept;
+export declare const getFormattedAcceptObject: (accept?: AcceptType) => Accept;
+export declare const formatAcceptFileList: (accept: Accept) => string;
+export declare const getErrorMessage: ({ code, message }: FileError, { fileList, maxSize }: {
+    fileList?: string | undefined;
+    maxSize?: number | undefined;
+}, textOverrides?: TextOverrides | undefined) => string;

package/dist/lib/components/segmentedControl/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TitleWithSubtitle {
     title: string;
     subtitle: string;

package/dist/lib/scss/private/base/demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Typography: () => JSX.Element;
 export declare const StaticWidthClasses: () => JSX.Element;
 export declare const MinWidthClasses: () => JSX.Element;

package/dist/lib/scss/public/demo.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Colors: () => JSX.Element;

package/dist/lib/util/formatBytes/index.d.ts

@@ -0,0 +1 @@
+export declare function formatBytes(bytes: number, decimals?: number): string;

package/dist/lib/util/testUtils/customRender.d.ts

@@ -0,0 +1,7 @@
+import { RenderOptions, RenderResult } from '@testing-library/react';
+import { UserEvent } from '@testing-library/user-event/dist/types/setup/setup';
+interface CustomRenderResult extends RenderResult {
+    user: UserEvent;
+}
+export declare const customRender: (ui: JSX.Element, options?: RenderOptions) => CustomRenderResult;
+export {};

package/dist/lib/util/testUtils/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@testing-library/react';
+export { customRender as render } from './customRender';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.27.29",
+  "version": "0.27.31",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,
@@ -34,7 +34,8 @@
     "react-scroll-sync": "^0.9.0",
     "remark-directive": "^2.0.1",
     "sass": "^1.35.1",
-    "signature_pad": "^3.0.0-beta.3"
+    "signature_pad": "^3.0.0-beta.3",
+    "uuid": "^8.3.2"
   },
   "peerDependencies": {
     "react": "^16.12.0",
@@ -78,8 +79,10 @@
     "@storybook/preset-create-react-app": "^3.1.7",
     "@storybook/react": "^6.2.9",
     "@storybook/storybook-deployer": "^2.8.10",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^11.2.7",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.3.0",
     "@types/google.maps": "^3.43.3",
     "@types/jest": "^26.0.23",
     "@types/lodash.debounce": "^4.0.6",

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

@@ -1,5 +1,5 @@
 import { Address } from '@popsure/public-models';
-import { fireEvent, render } from '@testing-library/react';
+import { fireEvent, render } from '../../util/testUtils';
 
 import AutoCompleteAddress from '.';
 
@@ -27,7 +27,7 @@ const setup = (
 const inputTestId = 'ds-input-input';
 
 describe('AutocompleteAddress component', () => {
-  it('Should show all address fields once a search is completed', () => {
+  it('Should show all address fields once a search is completed', async () => {
     // @ts-ignore
     window.google.maps.places.Autocomplete = class {
       reference: HTMLElement;
@@ -55,40 +55,41 @@ describe('AutocompleteAddress component', () => {
       }
     };
 
-    const screen = setup();
-    fireEvent.change(screen.getByTestId(inputTestId), {
+    const { getAllByTestId, getByDisplayValue, getByTestId } = setup();
+
+    fireEvent.change(getByTestId(inputTestId), {
       target: { value: 'Köpeniker' },
     });
 
-    const inputs = screen.getAllByTestId(inputTestId);
-    expect(inputs[0].getAttribute('value')).toBe('Köpeniker Strasse');
-    expect(inputs.length).toEqual(5);
+    expect(getAllByTestId(inputTestId).length).toEqual(5);
+    expect(getByDisplayValue("Köpeniker Strasse")).toBeVisible();
   });
 
   it('Should enable to enter the address manually', async () => {
     const callback = jest.fn();
-    const screen = setup(undefined, callback);
-    const btn = await screen.findByText('Enter address manually');
-    fireEvent.click(btn);
+    const { findByText, getAllByTestId, user } = setup(undefined, callback);
+    const btn = await findByText('Enter address manually');
+
+    await user.click(btn);
 
     // fill out all fields
-    const inputs = screen.getAllByTestId(inputTestId);
+    const inputs = getAllByTestId(inputTestId);
 
-    fireEvent.change(inputs[0], { target: { value: 'Köpeniker Strasse' } });
-    fireEvent.change(inputs[1], { target: { value: '4000' } });
-    fireEvent.change(inputs[3], { target: { value: '10179' } });
-    fireEvent.change(inputs[4], { target: { value: 'Berlin' } });
+    await user.type(inputs[0], 'Köpeniker Strasse');
+    await user.type(inputs[1], '4000');
+    await user.type(inputs[3], '10179');
+    await user.type(inputs[4], 'Berlin');
 
     // callback should be called with a complete address
     expect(callback).toHaveBeenCalledWith(address);
   });
 
   it('Should prefill fields if an address is provided', async () => {
-    const screen = setup(address);
-    const inputs = screen.getAllByTestId(inputTestId);
-    expect(inputs[0].getAttribute('value')).toBe('Köpeniker Strasse');
-    expect(inputs[1].getAttribute('value')).toBe('4000');
-    expect(inputs[3].getAttribute('value')).toBe('10179');
-    expect(inputs[4].getAttribute('value')).toBe('Berlin');
+    const { getByDisplayValue } = setup(address);
+
+    expect(getByDisplayValue("Köpeniker Strasse")).toBeVisible();
+    expect(getByDisplayValue("4000")).toBeVisible();
+    expect(getByDisplayValue("10179")).toBeVisible();
+    expect(getByDisplayValue("Berlin")).toBeVisible();
   });
 });

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

@@ -1,4 +1,4 @@
-import { fireEvent, render } from '@testing-library/react';
+import { render } from '../../../util/testUtils';
 
 import CurrencyInput from '.';
 
@@ -12,45 +12,45 @@ const setup = () => {
 };
 
 describe('Currency input component', () => {
-  it('Should correctly space thousands separators', () => {
-    const { input } = setup();
-    fireEvent.change(input, { target: { value: '1234567' } });
+  it('Should correctly space thousands separators', async () => {
+    const { input, user } = setup();
+    await user.type(input, '1234567');
     expect(input.value).toBe('1 234 567');
   });
 
-  it('Should remove non numerical values', () => {
-    const { input } = setup();
-    fireEvent.change(input, { target: { value: '123asdf4567' } });
+  it('Should remove non numerical values', async () => {
+    const { input, user } = setup();
+    await user.type(input, '123asdf4567');
     expect(input.value).toBe('1 234 567');
   });
 
-  it('Should remove non numerical values', () => {
-    const { input } = setup();
-    fireEvent.change(input, { target: { value: '123asdf4567' } });
+  it('Should remove non numerical values', async () => {
+    const { input, user } = setup();
+    await user.type(input, '123asdf4567');
     expect(input.value).toBe('1 234 567');
   });
 
-  it('Should allow decimal separator', () => {
-    const { input } = setup();
-    fireEvent.change(input, { target: { value: '1234567.34' } });
+  it('Should allow decimal separator', async () => {
+    const { input, user } = setup();
+    await user.type(input, '1234567.34');
     expect(input.value).toBe('1 234 567.34');
   });
 
-  it('Should replace comma decimal seprator with a dot', () => {
-    const { input } = setup();
-    fireEvent.change(input, { target: { value: '1234567,34' } });
+  it('Should replace comma decimal seprator with a dot', async () => {
+    const { input, user } = setup();
+    await user.type(input, '1234567,34');
     expect(input.value).toBe('1 234 567.34');
   });
 
-  it('Should only allow one decimal separator', () => {
-    const { input } = setup();
-    fireEvent.change(input, { target: { value: '1234567..34' } });
+  it('Should only allow one decimal separator', async () => {
+    const { input, user } = setup();
+    await user.type(input, '1234567..34');
     expect(input.value).toBe('1 234 567.34');
   });
 
-  it('Should only allow one decimal separator after a sequence of number', () => {
-    const { input } = setup();
-    fireEvent.change(input, { target: { value: '1234567..34.4' } });
+  it('Should only allow one decimal separator after a sequence of number', async () => {
+    const { input, user } = setup();
+    await user.type(input, '1234567..34.4');
     expect(input.value).toBe('1 234 567.34');
   });
 });

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

@@ -1,12 +1,9 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
+import { v4 as uuidv4 } from 'uuid';
 
 import styles from './style.module.scss';
 
-const generateUniqueId = () => {
-  return `input-id-${Math.floor(Math.random() * 10000000)}`;
-};
-
 // Something weird is going on with enterKeyHint that makes it a required field under certain circumstances. The & Omit<…> and & Pick<…> is a hacky way to go around that.
 export type InputProps = {
   error?: string;
@@ -32,7 +29,7 @@ export default React.forwardRef(
     }: InputProps,
     ref?: React.ForwardedRef<HTMLInputElement>
   ) => {
-    const [uniqueId] = useState(id ?? generateUniqueId());
+    const [uniqueId] = useState(id ?? uuidv4());
     return (
       <div className={`${styles.container} ${className ?? ''}`}>
         {label && (
@@ -40,7 +37,7 @@ export default React.forwardRef(
             htmlFor={uniqueId}
             className={classnames('p-p', styles.label, {
               [styles['label--with-error']]: error,
-              "sr-only": hideLabel,
+              'sr-only': hideLabel,
             })}
           >
             {label}