@digigov/react-experimental 2.0.0-rc.2 → 2.0.0-rc.20

package/libs/ui/src/feedback/PhaseBanner/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/libs/ui/src/feedback/PhaseBanner/__stories__/Underlined.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Underlined: () => JSX.Element;
+import React from 'react';
+export declare const Underlined: () => React.JSX.Element;
 export default Underlined;

package/libs/ui/src/feedback/WarningText/WarningText.stories.d.ts

@@ -6,7 +6,7 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/feedback/WarningText/__stories__/Default";
-export * from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
-export * from "@digigov/ui/feedback/WarningText/__stories__/Dense";
+export { Default } from "@digigov/ui/feedback/WarningText/__stories__/Default";
+export { AssistiveText } from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
+export { Dense } from "@digigov/ui/feedback/WarningText/__stories__/Dense";
 import WarningText from '@digigov/ui/feedback/WarningText';

package/libs/ui/src/feedback/WarningText/__stories__/AssistiveText.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const AssistiveText: () => JSX.Element;
+import React from 'react';
+export declare const AssistiveText: () => React.JSX.Element;
 export default AssistiveText;

package/libs/ui/src/feedback/WarningText/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/libs/ui/src/feedback/WarningText/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Dense: () => JSX.Element;
+import React from 'react';
+export declare const Dense: () => React.JSX.Element;
 export default Dense;

package/libs/ui/src/feedback/WarningText/index.d.ts

@@ -1,3 +1,4 @@
 export * from '@digigov/react-core/WarningText';
 import WarningText from '@digigov/react-core/WarningText';
+export { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';
 export default WarningText;

package/libs/ui/src/form/AutoComplete/AutoComplete.stories.d.ts

@@ -4,11 +4,14 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/form/AutoComplete/__stories__/Default";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithInLine";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithMinLength";
+export { Default } from "@digigov/ui/form/AutoComplete/__stories__/Default";
+export { Multiple } from "@digigov/ui/form/AutoComplete/__stories__/Multiple";
+export { MultipleWithDefaultValues } from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues";
+export { MultipleShowingTwoSelected } from "@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected";
+export { MultipleWithMinLength } from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength";
+export { WithAutoSelect } from "@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect";
+export { WithDefaultValue } from "@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue";
+export { WithPlaceHolder } from "@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder";
+export { WithShowAllValues } from "@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues";
+export { WithMinLength } from "@digigov/ui/form/AutoComplete/__stories__/WithMinLength";
 import AutoComplete from '@digigov/ui/form/AutoComplete';

package/libs/ui/src/form/AutoComplete/Status/index.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
 import AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';
-import AutoCompleteStatusWrapper from '@digigov/react-core/AutoCompleteStatusWrapper';
+import AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';
 type StatusProps = {
     id: string;
     length: number;
@@ -33,8 +33,10 @@ export default class Status extends Component<StatusProps, StateProps> {
         silenced: boolean;
     };
     debounceStatusUpdate: () => void;
+    lastDebounceCall: any;
+    componentWillUnmount(): void;
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(): void;
     render(): JSX.Element;
 }
-export { AutoCompleteStatusWrapper, AutoCompleteStatus };
+export { AutoCompleteStatusContainer, AutoCompleteStatus };

package/libs/ui/src/form/AutoComplete/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/libs/ui/src/form/AutoComplete/__stories__/Multiple.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Multiple: () => React.JSX.Element;
+export default Multiple;

package/libs/ui/src/form/AutoComplete/__stories__/MultipleShowingTwoSelected.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MultipleShowingTwoSelected: () => React.JSX.Element;
+export default MultipleShowingTwoSelected;

package/libs/ui/src/form/AutoComplete/__stories__/MultipleWithDefaultValues.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MultipleWithDefaultValues: () => React.JSX.Element;
+export default MultipleWithDefaultValues;

package/libs/ui/src/form/AutoComplete/__stories__/MultipleWithMinLength.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MultipleWithMinLength: () => React.JSX.Element;
+export default MultipleWithMinLength;

package/libs/ui/src/form/AutoComplete/__stories__/WithAutoSelect.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithAutoSelect: () => JSX.Element;
+import React from 'react';
+export declare const WithAutoSelect: () => React.JSX.Element;
 export default WithAutoSelect;

package/libs/ui/src/form/AutoComplete/__stories__/WithDefaultValue.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithDefaultValue: () => JSX.Element;
+import React from 'react';
+export declare const WithDefaultValue: () => React.JSX.Element;
 export default WithDefaultValue;

package/libs/ui/src/form/AutoComplete/__stories__/WithMinLength.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithMinLength: () => JSX.Element;
+import React from 'react';
+export declare const WithMinLength: () => React.JSX.Element;
 export default WithMinLength;

package/libs/ui/src/form/AutoComplete/__stories__/WithPlaceHolder.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithPlaceHolder: () => JSX.Element;
+import React from 'react';
+export declare const WithPlaceHolder: () => React.JSX.Element;
 export default WithPlaceHolder;

package/libs/ui/src/form/AutoComplete/__stories__/WithShowAllValues.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithShowAllValues: () => JSX.Element;
+import React from 'react';
+export declare const WithShowAllValues: () => React.JSX.Element;
 export default WithShowAllValues;

package/libs/ui/src/form/AutoComplete/index.d.ts

@@ -5,10 +5,13 @@ import AutoCompleteInput from '@digigov/react-core/AutoCompleteInput';
 import AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
 import AutoCompleteResultList from '@digigov/react-core/AutoCompleteResultList';
 import AutoCompleteResultListItem from '@digigov/react-core/AutoCompleteResultListItem';
-import AutoCompleteWrapper from '@digigov/react-core/AutoCompleteWrapper';
+import AutoCompleteContainer from '@digigov/react-core/AutoCompleteContainer';
+import AutoCompleteMultipleInputContainer from '@digigov/react-core/AutoCompleteMultipleInputContainer';
+import AutoCompleteMultipleInput from '@digigov/react-core/AutoCompleteMultipleInput';
 export interface AutoCompleteProps {
     source: (query: string, syncResults: (options: string[]) => void) => void;
     id: string;
+    multiple?: boolean;
     tStatusResults?: (x: number, y: string) => string;
     tStatusNoResults?: () => string;
     tStatusQueryTooShort?: (x: number) => string;
@@ -16,29 +19,27 @@ export interface AutoCompleteProps {
     tNoResults?: () => string;
     tAssistiveHint?: () => string;
     templates?: {
-        suggestion?: (value: any) => any;
+        suggestion?: (value: any, query: string | string[]) => any;
         inputValue?: (value: any) => string;
     };
     width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
     autoselect?: boolean;
-    defaultValue?: string;
-    displayMenu?: 'overlay' | 'inline';
+    defaultValue?: string | string[];
     minLength?: number;
     name?: string;
     placeholder?: string;
     onConfirm?: (x: any) => void;
     confirmOnBlur?: boolean;
-    showNoOptionsFound?: boolean;
-    showAllValues?: boolean;
     required?: boolean;
-    dropdownArrow?: React.ElementType;
+    numberOfSelected?: 1 | 2 | 3 | 'all';
 }
 export type State = {
     focused: any;
     hovered: any;
     menuOpen: boolean;
-    options: string[];
+    options: any[];
     query: string;
+    selectedValues: any[];
     validChoiceMade: boolean;
     selected: any;
     ariaHint: boolean;
@@ -51,36 +52,27 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     static defaultProps: {
         width: string;
         autoselect: boolean;
-        defaultValue: string;
-        displayMenu: string;
         minLength: number;
         name: string;
         placeholder: string;
         onConfirm: () => void;
         confirmOnBlur: boolean;
-        showNoOptionsFound: boolean;
-        showAllValues: boolean;
         required: boolean;
         tNoResults: () => string;
         tAssistiveHint: () => string;
-        dropdownArrow: (props: any) => JSX.Element;
     };
     elementReferences: {};
-    $pollInput: any;
     constructor(props: AutoCompleteProps);
     isQueryAnOption(query: string, options: string[]): boolean;
     componentDidMount(): void;
-    componentWillUnmount(): void;
-    pollInputElement(): void;
     getDirectInputChanges(): void;
     componentDidUpdate(_: any, prevState: Readonly<State>): void;
     hasAutoselect(): boolean;
     templateInputValue(value: string): string;
     templateSuggestion(value: string): string;
-    handleComponentBlur(newState: NewQueryProps): void;
+    handleComponentBlur(newState?: NewQueryProps): void;
     handleListMouseLeave(): void;
-    handleOptionBlur(event: React.FocusEvent<HTMLLIElement>, index: number): void;
-    handleInputBlur(): void;
+    handleAutoCompleteBlur(event: any, index?: number): void;
     handleInputChange(event: {
         target: any;
     }): void;
@@ -88,6 +80,7 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     handleInputFocus(): void;
     handleOptionFocus(index: number): void;
     handleOptionMouseEnter(index: number): void;
+    handleOptionClickMultiple(index: number): void;
     handleOptionClick(index: number): void;
     handleOptionMouseDown(event: {
         preventDefault: () => void;
@@ -114,4 +107,4 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     }): void;
     render(): JSX.Element;
 }
-export { AutoComplete, AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteWrapper, AutoCompleteAssistiveHint, };
+export { AutoComplete, AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteContainer, AutoCompleteAssistiveHint, AutoCompleteMultipleInputContainer, AutoCompleteMultipleInput, };

package/libs/ui/src/form/AutoComplete/utils.d.ts

@@ -4,6 +4,7 @@ export declare const keyCodes: {
     32: string;
     38: string;
     40: string;
+    8: string;
 };
 export declare function isIosDevice(): boolean | undefined;
 export declare function isPrintableKeyCode(keyCode: number): boolean;

package/libs/ui/src/form/Button/Button.stories.d.ts

@@ -6,16 +6,16 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/form/Button/__stories__/Primary";
-export * from "@digigov/ui/form/Button/__stories__/Secondary";
-export * from "@digigov/ui/form/Button/__stories__/Warning";
-export * from "@digigov/ui/form/Button/__stories__/GroupingButtons";
-export * from "@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks";
-export * from "@digigov/ui/form/Button/__stories__/CallToActionButton";
-export * from "@digigov/ui/form/Button/__stories__/Disabled";
-export * from "@digigov/ui/form/Button/__stories__/Dense";
-export * from "@digigov/ui/form/Button/__stories__/ButtonLinkButton";
-export * from "@digigov/ui/form/Button/__stories__/Back";
-export * from "@digigov/ui/form/Button/__stories__/WithVariantLink";
-export * from "@digigov/ui/form/Button/__stories__/ThemeToggle";
+export { Primary } from "@digigov/ui/form/Button/__stories__/Primary";
+export { Secondary } from "@digigov/ui/form/Button/__stories__/Secondary";
+export { Warning } from "@digigov/ui/form/Button/__stories__/Warning";
+export { GroupingButtons } from "@digigov/ui/form/Button/__stories__/GroupingButtons";
+export { GroupingButtonsAndLinks } from "@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks";
+export { CallToActionButton } from "@digigov/ui/form/Button/__stories__/CallToActionButton";
+export { Disabled } from "@digigov/ui/form/Button/__stories__/Disabled";
+export { Dense } from "@digigov/ui/form/Button/__stories__/Dense";
+export { ButtonLinkButton } from "@digigov/ui/form/Button/__stories__/ButtonLinkButton";
+export { Back } from "@digigov/ui/form/Button/__stories__/Back";
+export { WithVariantLink } from "@digigov/ui/form/Button/__stories__/WithVariantLink";
+export { ThemeToggle } from "@digigov/ui/form/Button/__stories__/ThemeToggle";
 import Button from '@digigov/ui/form/Button';

package/libs/ui/src/form/Button/ThemeToggleButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const ThemeToggleButton: () => JSX.Element;
+import React from 'react';
+export declare const ThemeToggleButton: () => React.JSX.Element;
 export default ThemeToggleButton;

package/libs/ui/src/form/Button/__stories__/Back.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import BackLink from '@digigov/ui/navigation/BackLink';
-export declare const Back: () => JSX.Element;
+export declare const Back: () => React.JSX.Element;
 export default BackLink;

package/libs/ui/src/form/Button/__stories__/ButtonLinkButton.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * My primary descrition is the best description that was described
  */
-export declare const ButtonLinkButton: () => JSX.Element;
+export declare const ButtonLinkButton: () => React.JSX.Element;
 export default ButtonLinkButton;

package/libs/ui/src/form/Button/__stories__/CallToActionButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const CallToActionButton: () => JSX.Element;
+import React from 'react';
+export declare const CallToActionButton: () => React.JSX.Element;
 export default CallToActionButton;

package/libs/ui/src/form/Button/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Dense: () => JSX.Element;
+import React from 'react';
+export declare const Dense: () => React.JSX.Element;
 export default Dense;

package/libs/ui/src/form/Button/__stories__/Disabled.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Disabled: () => JSX.Element;
+import React from 'react';
+export declare const Disabled: () => React.JSX.Element;
 export default Disabled;

package/libs/ui/src/form/Button/__stories__/GroupingButtons.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const GroupingButtons: () => JSX.Element;
+import React from 'react';
+export declare const GroupingButtons: () => React.JSX.Element;
 export default GroupingButtons;

package/libs/ui/src/form/Button/__stories__/GroupingButtonsAndLinks.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const GroupingButtonsAndLinks: () => JSX.Element;
+import React from 'react';
+export declare const GroupingButtonsAndLinks: () => React.JSX.Element;
 export default GroupingButtonsAndLinks;

package/libs/ui/src/form/Button/__stories__/Primary.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Primary: () => JSX.Element;
+import React from 'react';
+export declare const Primary: () => React.JSX.Element;
 export default Primary;

package/libs/ui/src/form/Button/__stories__/Secondary.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Secondary: () => JSX.Element;
+import React from 'react';
+export declare const Secondary: () => React.JSX.Element;
 export default Secondary;

package/libs/ui/src/form/Button/__stories__/ThemeToggle.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const ThemeToggle: () => JSX.Element;
+import React from 'react';
+export declare const ThemeToggle: () => React.JSX.Element;
 export default ThemeToggle;

package/libs/ui/src/form/Button/__stories__/Warning.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Warning: () => JSX.Element;
+import React from 'react';
+export declare const Warning: () => React.JSX.Element;
 export default Warning;

package/libs/ui/src/form/Button/__stories__/WithVariantLink.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithVariantLink: () => JSX.Element;
+import React from 'react';
+export declare const WithVariantLink: () => React.JSX.Element;
 export default WithVariantLink;

package/libs/ui/src/form/Checkbox/Checkbox.stories.d.ts

@@ -6,14 +6,14 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/form/Checkbox/__stories__/Default";
-export * from "@digigov/ui/form/Checkbox/__stories__/Inline";
-export * from "@digigov/ui/form/Checkbox/__stories__/InlineWithDivider";
-export * from "@digigov/ui/form/Checkbox/__stories__/MultipleQuestions";
-export * from "@digigov/ui/form/Checkbox/__stories__/WithHint";
-export * from "@digigov/ui/form/Checkbox/__stories__/NoneAnswer";
-export * from "@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError";
-export * from "@digigov/ui/form/Checkbox/__stories__/WithErrorMessage";
-export * from "@digigov/ui/form/Checkbox/__stories__/ConditionalReveal";
-export * from "@digigov/ui/form/Checkbox/__stories__/Dense";
+export { Default } from "@digigov/ui/form/Checkbox/__stories__/Default";
+export { Inline } from "@digigov/ui/form/Checkbox/__stories__/Inline";
+export { InlineWithDivider } from "@digigov/ui/form/Checkbox/__stories__/InlineWithDivider";
+export { MultipleQuestions } from "@digigov/ui/form/Checkbox/__stories__/MultipleQuestions";
+export { WithHint } from "@digigov/ui/form/Checkbox/__stories__/WithHint";
+export { NoneAnswer } from "@digigov/ui/form/Checkbox/__stories__/NoneAnswer";
+export { NoneAnswerWithError } from "@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError";
+export { WithErrorMessage } from "@digigov/ui/form/Checkbox/__stories__/WithErrorMessage";
+export { ConditionalReveal } from "@digigov/ui/form/Checkbox/__stories__/ConditionalReveal";
+export { Dense } from "@digigov/ui/form/Checkbox/__stories__/Dense";
 import Checkbox from '@digigov/ui/form/Checkbox';

package/libs/ui/src/form/Checkbox/__stories__/ConditionalReveal.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const ConditionalReveal: () => JSX.Element;
+import React from 'react';
+export declare const ConditionalReveal: () => React.JSX.Element;
 export default ConditionalReveal;

package/libs/ui/src/form/Checkbox/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/libs/ui/src/form/Checkbox/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Dense: () => JSX.Element;
+import React from 'react';
+export declare const Dense: () => React.JSX.Element;
 export default Dense;

package/libs/ui/src/form/Checkbox/__stories__/Inline.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Inline: () => JSX.Element;
+import React from 'react';
+export declare const Inline: () => React.JSX.Element;
 export default Inline;

package/libs/ui/src/form/Checkbox/__stories__/InlineWithDivider.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const InlineWithDivider: () => JSX.Element;
+import React from 'react';
+export declare const InlineWithDivider: () => React.JSX.Element;
 export default InlineWithDivider;

package/libs/ui/src/form/Checkbox/__stories__/MultipleQuestions.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const MultipleQuestions: () => JSX.Element;
+import React from 'react';
+export declare const MultipleQuestions: () => React.JSX.Element;
 export default MultipleQuestions;

package/libs/ui/src/form/Checkbox/__stories__/NoneAnswer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const NoneAnswer: () => JSX.Element;
+import React from 'react';
+export declare const NoneAnswer: () => React.JSX.Element;
 export default NoneAnswer;

package/libs/ui/src/form/Checkbox/__stories__/NoneAnswerWithError.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const NoneAnswerWithError: () => JSX.Element;
+import React from 'react';
+export declare const NoneAnswerWithError: () => React.JSX.Element;
 export default NoneAnswerWithError;

package/libs/ui/src/form/Checkbox/__stories__/WithErrorMessage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithErrorMessage: () => JSX.Element;
+import React from 'react';
+export declare const WithErrorMessage: () => React.JSX.Element;
 export default WithErrorMessage;

package/libs/ui/src/form/Checkbox/__stories__/WithHint.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithHint: () => JSX.Element;
+import React from 'react';
+export declare const WithHint: () => React.JSX.Element;
 export default WithHint;

package/libs/ui/src/form/Checkbox/index.d.ts

@@ -1,5 +1,6 @@
 export * from '@digigov/react-core/Checkbox';
 export * from '@digigov/react-core/CheckboxItem';
+export * from '@digigov/react-core/CheckboxItemInput';
 export * from '@digigov/react-core/CheckboxConditional';
 import Checkbox from '@digigov/react-core/Checkbox';
 export default Checkbox;

package/libs/ui/src/form/DateInputContainer/DateInputContainer.stories.d.ts

@@ -6,9 +6,9 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/form/DateInputContainer/__stories__/Default";
-export * from "@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions";
-export * from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage";
-export * from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField";
-export * from "@digigov/ui/form/DateInputContainer/__stories__/Dense";
+export { Default } from "@digigov/ui/form/DateInputContainer/__stories__/Default";
+export { MultipleQuestions } from "@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions";
+export { WithErrorMessage } from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage";
+export { WithErrorMessageForSingleField } from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField";
+export { Dense } from "@digigov/ui/form/DateInputContainer/__stories__/Dense";
 import DateInputContainer from '@digigov/ui/form/DateInputContainer';

package/libs/ui/src/form/DateInputContainer/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/libs/ui/src/form/DateInputContainer/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Dense: () => JSX.Element;
+import React from 'react';
+export declare const Dense: () => React.JSX.Element;
 export default Dense;

package/libs/ui/src/form/DateInputContainer/__stories__/MultipleQuestions.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const MultipleQuestions: () => JSX.Element;
+import React from 'react';
+export declare const MultipleQuestions: () => React.JSX.Element;
 export default MultipleQuestions;

package/libs/ui/src/form/DateInputContainer/__stories__/WithErrorMessage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithErrorMessage: () => JSX.Element;
+import React from 'react';
+export declare const WithErrorMessage: () => React.JSX.Element;
 export default WithErrorMessage;

package/libs/ui/src/form/DateInputContainer/__stories__/WithErrorMessageForSingleField.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithErrorMessageForSingleField: () => JSX.Element;
+import React from 'react';
+export declare const WithErrorMessageForSingleField: () => React.JSX.Element;
 export default WithErrorMessageForSingleField;

package/libs/ui/src/form/ErrorMessage/ErrorMessage.stories.d.ts

@@ -6,7 +6,7 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/form/ErrorMessage/__stories__/Default";
-export * from "@digigov/ui/form/ErrorMessage/__stories__/DateInputError";
-export * from "@digigov/ui/form/ErrorMessage/__stories__/ErrorMessageOnly";
+export { Default } from "@digigov/ui/form/ErrorMessage/__stories__/Default";
+export { DateInputError } from "@digigov/ui/form/ErrorMessage/__stories__/DateInputError";
+export { ErrorMessageOnly } from "@digigov/ui/form/ErrorMessage/__stories__/ErrorMessageOnly";
 import ErrorMessage from '@digigov/ui/form/ErrorMessage';

package/libs/ui/src/form/ErrorMessage/__stories__/DateInputError.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const DateInputError: () => JSX.Element;
+import React from 'react';
+export declare const DateInputError: () => React.JSX.Element;
 export default DateInputError;

package/libs/ui/src/form/ErrorMessage/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/libs/ui/src/form/ErrorMessage/__stories__/ErrorMessageOnly.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const ErrorMessageOnly: () => JSX.Element;
+import React from 'react';
+export declare const ErrorMessageOnly: () => React.JSX.Element;
 export default ErrorMessageOnly;