@popsure/dirty-swan 0.27.30 → 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/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AcceptType, FileType, TextOverrides, UploadedFile, UploadStatus } from './types';
 interface MultiDropzoneProps {
     accept?: AcceptType;

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/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.30",
+  "version": "0.27.31",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,
@@ -79,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}

package/src/lib/components/modal/regularModal/index.tsx

@@ -36,19 +36,21 @@ export default ({
         } ${className}`}
         onClick={handleContainerClick}
       >
-        <div className={styles.header}>
-          <div className={`p-h2 ${styles.title}`}>{title}</div>
-          {dismissible && (
-            <button
-              type="button"
-              className={styles.close}
-              onClick={handleOnClose}
-            >
-              <img src={imageClose} alt="Close" />
-            </button>
-          )}
+        <div className={styles.body}>
+          <div className={styles.header}>
+            <div className={`p-h2 ${styles.title}`}>{title}</div>
+            {dismissible && (
+              <button
+                type="button"
+                className={styles.close}
+                onClick={handleOnClose}
+              >
+                <img src={imageClose} alt="Close" />
+              </button>
+            )}
+          </div>
+          {children}
         </div>
-        {children}
       </div>
     </div>
   );

package/src/lib/components/modal/regularModal/style.module.scss

@@ -22,12 +22,12 @@
 
 @keyframes appear-in {
   0% {
-    transform: translateY(24px) translateX(-50%);
+    transform: translateY(24px);
     opacity: 0;
     visibility: hidden;
   }
   100% {
-    transform: translateY(0) translateX(-50%);
+    transform: translateY(0);
     opacity: 1;
     visibility: visible;
   }
@@ -35,12 +35,12 @@
 
 @keyframes disappear-out {
   0% {
-    transform: translateY(0) translateX(-50%);
+    transform: translateY(0);
     opacity: 1;
     visibility: visible;
   }
   100% {
-    transform: translateY(24px) translateX(-50%);
+    transform: translateY(24px);
     opacity: 0;
     visibility: hidden;
   }
@@ -70,25 +70,20 @@
 .container {
   position: relative;
 
-  background-color: white;
-
-  border-radius: 8px;
+  display: flex;
+  align-items: center;
 
   max-width: 592px;
-  width: fit-content;
-  width: -moz-fit-content;
+  width: 100%;
+  min-height: 100%;
+
+  margin: 0 auto;
 
   animation-name: appear-in;
   animation-duration: 0.4s;
   animation-fill-mode: both;
   animation-timing-function: ease-out;
 
-  top: calc(100vh / 2 - 50% / 2);
-  left: 50%;
-  transform: translateX(-50%);
-
-  margin-bottom: 80px;
-
   &--close {
     @extend .container;
     animation-name: disappear-out;
@@ -99,6 +94,12 @@
   }
 }
 
+.body {
+  background-color: white;
+  border-radius: 8px;
+  margin: 32px auto;
+}
+
 .header {
   display: flex;
   justify-content: space-between;