@luscii-healthtech/web-ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +181 -0
- package/dist/components/Acknowledgement/Acknowledgement.d.ts +22 -0
- package/dist/components/Avatar/Avatar.d.ts +29 -0
- package/dist/components/Badge/Badge.d.ts +7 -0
- package/dist/components/Button/Button.d.ts +5 -0
- package/dist/components/Button/Button.types.d.ts +32 -0
- package/dist/components/Button/ButtonIcon.d.ts +7 -0
- package/dist/components/ButtonV2/ButtonV2.d.ts +13 -0
- package/dist/components/ButtonV2/PrimaryButton.d.ts +12 -0
- package/dist/components/ButtonV2/SecondaryButton.d.ts +8 -0
- package/dist/components/ButtonV2/TertiaryButton.d.ts +8 -0
- package/dist/components/Carousel/Carousel.d.ts +8 -0
- package/dist/components/Carousel/GliderContainer.d.ts +7 -0
- package/dist/components/CenteredHero/CenteredHero.d.ts +22 -0
- package/dist/components/Checkbox/Checkbox.d.ts +17 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +33 -0
- package/dist/components/Datepicker/Datepicker.d.ts +24 -0
- package/dist/components/Dropdown/Dropdown.d.ts +47 -0
- package/dist/components/EmptyListMessage/EmptyListMessage.d.ts +14 -0
- package/dist/components/ErrorBlock/ErrorBlock.d.ts +13 -0
- package/dist/components/Icons/AddIcon.d.ts +3 -0
- package/dist/components/Icons/AlertsIcon.d.ts +6 -0
- package/dist/components/Icons/BellIcon.d.ts +6 -0
- package/dist/components/Icons/ChartIcon.d.ts +3 -0
- package/dist/components/Icons/ChatBox.d.ts +5 -0
- package/dist/components/Icons/CheckIcon.d.ts +2 -0
- package/dist/components/Icons/ChevronIcon.d.ts +8 -0
- package/dist/components/Icons/CrossIcon.d.ts +7 -0
- package/dist/components/Icons/DeleteIcon.d.ts +6 -0
- package/dist/components/Icons/DownArrowIcon.d.ts +6 -0
- package/dist/components/Icons/DragIcon.d.ts +3 -0
- package/dist/components/Icons/EditIcon.d.ts +6 -0
- package/dist/components/Icons/EmptyStateDashboardIcon.d.ts +2 -0
- package/dist/components/Icons/ExclamationMarkIcon.d.ts +6 -0
- package/dist/components/Icons/EyeIcon.d.ts +3 -0
- package/dist/components/Icons/GearIcon.d.ts +3 -0
- package/dist/components/Icons/GroupIcon.d.ts +3 -0
- package/dist/components/Icons/HeartIcon.d.ts +6 -0
- package/dist/components/Icons/LeftArrowIcon.d.ts +6 -0
- package/dist/components/Icons/LightBulbIcon.d.ts +6 -0
- package/dist/components/Icons/LockIcon.d.ts +6 -0
- package/dist/components/Icons/MessagesIcon.d.ts +6 -0
- package/dist/components/Icons/NotesIcon.d.ts +6 -0
- package/dist/components/Icons/PinIcon.d.ts +6 -0
- package/dist/components/Icons/PrintIcon.d.ts +3 -0
- package/dist/components/Icons/RightArrowIcon.d.ts +6 -0
- package/dist/components/Icons/SmallCircleIcon.d.ts +6 -0
- package/dist/components/Icons/SmallDiamondIcon.d.ts +6 -0
- package/dist/components/Icons/SmallSquareIcon.d.ts +6 -0
- package/dist/components/Icons/SpaceRocketIcon.d.ts +6 -0
- package/dist/components/Icons/types/IconProps.type.d.ts +3 -0
- package/dist/components/InfoBlock/InfoBlock.d.ts +14 -0
- package/dist/components/InfoField/InfoField.d.ts +18 -0
- package/dist/components/Input/Input.d.ts +44 -0
- package/dist/components/Line/Line.d.ts +14 -0
- package/dist/components/ListItem/ListItem.d.ts +9 -0
- package/dist/components/ListTable/ListTable.d.ts +35 -0
- package/dist/components/ListTable/ListTableCell.d.ts +10 -0
- package/dist/components/ListTable/ListTableHeader.d.ts +7 -0
- package/dist/components/ListTable/ListTableRow.d.ts +9 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.d.ts +11 -0
- package/dist/components/Menu/Menu.d.ts +14 -0
- package/dist/components/Modal/Modal.d.ts +31 -0
- package/dist/components/Modal/ModalWithButtons.d.ts +9 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +25 -0
- package/dist/components/MultiSelect/MultiSelectUtils.d.ts +1 -0
- package/dist/components/NavMenu/NavLayout.d.ts +20 -0
- package/dist/components/NavMenu/NavMenu.d.ts +1 -0
- package/dist/components/NavMenu/NavMenuContent.d.ts +7 -0
- package/dist/components/NavMenu/NavMenuItem.d.ts +15 -0
- package/dist/components/NotificationBanner/NotificationBanner.d.ts +22 -0
- package/dist/components/Page/CRUDPage.d.ts +43 -0
- package/dist/components/Page/Page.d.ts +58 -0
- package/dist/components/PaginationMenu/PaginationMenu.d.ts +20 -0
- package/dist/components/PaginationMenu/PaginationMenuLarge.d.ts +13 -0
- package/dist/components/PaginationMenu/PaginationMenuSmall.d.ts +8 -0
- package/dist/components/PreviewPhone/PreviewPhone.d.ts +7 -0
- package/dist/components/PreviewPhone/useWindowDimensions.d.ts +4 -0
- package/dist/components/Radio/Radio.d.ts +18 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts +31 -0
- package/dist/components/Section/Section.d.ts +15 -0
- package/dist/components/Select/LegacySelect.d.ts +32 -0
- package/dist/components/Select/Select.d.ts +6 -0
- package/dist/components/Select/options.transformer.d.ts +14 -0
- package/dist/components/Select/select.utils.d.ts +7 -0
- package/dist/components/SettingsMenuButton/SettingsMenuButton.d.ts +16 -0
- package/dist/components/Spinner/Spinner.d.ts +6 -0
- package/dist/components/Steps/Step.d.ts +10 -0
- package/dist/components/Steps/Steps.d.ts +11 -0
- package/dist/components/Switcher/Switcher.d.ts +26 -0
- package/dist/components/Switcher/SwitcherItem.d.ts +24 -0
- package/dist/components/TabLinks/TabLinks.d.ts +14 -0
- package/dist/components/Tabbar/Tabbar.d.ts +10 -0
- package/dist/components/Tabbar/TabbarItem.d.ts +15 -0
- package/dist/components/Tag/Tag.d.ts +17 -0
- package/dist/components/Tag/TagGroup.d.ts +13 -0
- package/dist/components/Text/LegacyText.d.ts +37 -0
- package/dist/components/Text/Text.d.ts +27 -0
- package/dist/components/TextEditor/TextEditor.d.ts +14 -0
- package/dist/components/TextEditorV2/TextEditorV2.d.ts +6 -0
- package/dist/components/TextLink/TextLink.d.ts +11 -0
- package/dist/components/TextListItem/TextListItem.d.ts +12 -0
- package/dist/components/Textarea/Textarea.d.ts +22 -0
- package/dist/components/Title/LegacyTitle.d.ts +22 -0
- package/dist/components/Title/Title.d.ts +14 -0
- package/dist/components/ViewItem/ViewItem.d.ts +16 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +8 -0
- package/dist/types/general.types.d.ts +7 -0
- package/dist/utils/useOutsideClick.d.ts +2 -0
- package/dist/web-ui.cjs.development.js +23 -0
- package/dist/web-ui.cjs.development.js.map +1 -0
- package/dist/web-ui.cjs.production.min.js +2 -0
- package/dist/web-ui.cjs.production.min.js.map +1 -0
- package/dist/web-ui.esm.js +17 -0
- package/dist/web-ui.esm.js.map +1 -0
- package/package.json +122 -0
- package/src/assets/add.svg +5 -0
- package/src/assets/add_hover.svg +4 -0
- package/src/assets/big-menu-icon-hover.svg +6 -0
- package/src/assets/big-menu-icon.svg +6 -0
- package/src/assets/check-cross-icon.svg +7 -0
- package/src/assets/check-icon-primary.svg +5 -0
- package/src/assets/check-icon.svg +3 -0
- package/src/assets/chevron-double.svg +3 -0
- package/src/assets/close.svg +3 -0
- package/src/assets/color-variant-cross.svg +3 -0
- package/src/assets/cross-dark.svg +3 -0
- package/src/assets/delete.svg +4 -0
- package/src/assets/delete_hover.svg +4 -0
- package/src/assets/edit.svg +6 -0
- package/src/assets/edit_hover.svg +6 -0
- package/src/assets/error-icon.svg +7 -0
- package/src/assets/grid-view-icon-active.svg +6 -0
- package/src/assets/grid-view-icon.svg +6 -0
- package/src/assets/groups.svg +3 -0
- package/src/assets/hamburger.svg +5 -0
- package/src/assets/happy-star.svg +9 -0
- package/src/assets/hcps.svg +3 -0
- package/src/assets/info-icon.svg +6 -0
- package/src/assets/left-arrow-blue.svg +3 -0
- package/src/assets/left-arrow-grey.svg +3 -0
- package/src/assets/list-view-icon-active.svg +3 -0
- package/src/assets/list-view-icon.svg +3 -0
- package/src/assets/loading.svg +16 -0
- package/src/assets/modal-close-icon-active.svg +9 -0
- package/src/assets/modal-close-icon.svg +9 -0
- package/src/assets/no-open-alerts.svg +19 -0
- package/src/assets/patients.svg +3 -0
- package/src/assets/phone-mockup.svg +9 -0
- package/src/assets/programs.svg +3 -0
- package/src/assets/right-arrow-blue.svg +3 -0
- package/src/assets/right-arrow-grey.svg +3 -0
- package/src/assets/search-cancel.svg +3 -0
- package/src/assets/search-not-found.svg +70 -0
- package/src/assets/search.svg +3 -0
- package/src/assets/spinner-gray.svg +6 -0
- package/src/assets/spinner.svg +6 -0
- package/src/assets/starIcon.svg +3 -0
- package/src/assets/success-icon.svg +7 -0
- package/src/components/Acknowledgement/Acknowledgement.js +61 -0
- package/src/components/Acknowledgement/Acknowledgement.scss +49 -0
- package/src/components/Avatar/Avatar.js +81 -0
- package/src/components/Avatar/Avatar.scss +153 -0
- package/src/components/Badge/Badge.tsx +23 -0
- package/src/components/Button/Button.examples.md +46 -0
- package/src/components/Button/Button.tsx +200 -0
- package/src/components/Button/Button.types.ts +41 -0
- package/src/components/Button/ButtonIcon.tsx +42 -0
- package/src/components/ButtonV2/ButtonV2.tsx +91 -0
- package/src/components/ButtonV2/PrimaryButton.tsx +43 -0
- package/src/components/ButtonV2/SecondaryButton.tsx +31 -0
- package/src/components/ButtonV2/TertiaryButton.tsx +31 -0
- package/src/components/Carousel/Carousel.tsx +52 -0
- package/src/components/Carousel/GliderContainer.scss +13 -0
- package/src/components/Carousel/GliderContainer.tsx +22 -0
- package/src/components/CenteredHero/CenteredHero.js +50 -0
- package/src/components/Checkbox/Checkbox.scss +115 -0
- package/src/components/Checkbox/Checkbox.tsx +114 -0
- package/src/components/ConfirmationDialog/ConfirmationDialog.scss +15 -0
- package/src/components/ConfirmationDialog/ConfirmationDialog.tsx +84 -0
- package/src/components/Datepicker/Datepicker.js +96 -0
- package/src/components/Datepicker/Datepicker.scss +331 -0
- package/src/components/Dropdown/Dropdown.js +364 -0
- package/src/components/Dropdown/Dropdown.scss +83 -0
- package/src/components/EmptyListMessage/EmptyListMessage.tsx +34 -0
- package/src/components/ErrorBlock/ErrorBlock.js +24 -0
- package/src/components/ErrorBlock/ErrorBlock.scss +20 -0
- package/src/components/Icons/AddIcon.tsx +27 -0
- package/src/components/Icons/AlertsIcon.tsx +26 -0
- package/src/components/Icons/BellIcon.tsx +26 -0
- package/src/components/Icons/ChartIcon.tsx +20 -0
- package/src/components/Icons/ChatBox.tsx +23 -0
- package/src/components/Icons/CheckIcon.tsx +23 -0
- package/src/components/Icons/ChevronIcon.tsx +30 -0
- package/src/components/Icons/CrossIcon.tsx +26 -0
- package/src/components/Icons/DeleteIcon.tsx +23 -0
- package/src/components/Icons/DownArrowIcon.tsx +17 -0
- package/src/components/Icons/DragIcon.tsx +23 -0
- package/src/components/Icons/EditIcon.tsx +23 -0
- package/src/components/Icons/EmptyStateDashboardIcon.tsx +130 -0
- package/src/components/Icons/ExclamationMarkIcon.tsx +23 -0
- package/src/components/Icons/EyeIcon.tsx +21 -0
- package/src/components/Icons/GearIcon.tsx +21 -0
- package/src/components/Icons/GroupIcon.tsx +21 -0
- package/src/components/Icons/HeartIcon.tsx +23 -0
- package/src/components/Icons/LeftArrowIcon.tsx +23 -0
- package/src/components/Icons/LightBulbIcon.tsx +28 -0
- package/src/components/Icons/LockIcon.tsx +23 -0
- package/src/components/Icons/MessagesIcon.tsx +23 -0
- package/src/components/Icons/NotesIcon.tsx +23 -0
- package/src/components/Icons/PinIcon.tsx +23 -0
- package/src/components/Icons/PrintIcon.tsx +15 -0
- package/src/components/Icons/RightArrowIcon.tsx +23 -0
- package/src/components/Icons/SmallCircleIcon.tsx +21 -0
- package/src/components/Icons/SmallDiamondIcon.tsx +31 -0
- package/src/components/Icons/SmallSquareIcon.tsx +21 -0
- package/src/components/Icons/SpaceRocketIcon.tsx +23 -0
- package/src/components/Icons/types/IconProps.type.ts +3 -0
- package/src/components/InfoBlock/InfoBlock.js +24 -0
- package/src/components/InfoBlock/InfoBlock.scss +20 -0
- package/src/components/InfoField/InfoField.tsx +86 -0
- package/src/components/Input/Input.examples.md +94 -0
- package/src/components/Input/Input.js +141 -0
- package/src/components/Line/Line.js +38 -0
- package/src/components/ListItem/ListItem.scss +20 -0
- package/src/components/ListItem/ListItem.tsx +26 -0
- package/src/components/ListTable/ListTable.tsx +157 -0
- package/src/components/ListTable/ListTableCell.tsx +67 -0
- package/src/components/ListTable/ListTableHeader.tsx +33 -0
- package/src/components/ListTable/ListTableRow.tsx +46 -0
- package/src/components/LoadingIndicator/LoadingIndicator.scss +50 -0
- package/src/components/LoadingIndicator/LoadingIndicator.tsx +44 -0
- package/src/components/Menu/Menu.js +74 -0
- package/src/components/Menu/Menu.scss +27 -0
- package/src/components/Modal/Modal.scss +117 -0
- package/src/components/Modal/Modal.tsx +104 -0
- package/src/components/Modal/ModalWithButtons.tsx +34 -0
- package/src/components/MultiSelect/MultiSelect.js +117 -0
- package/src/components/MultiSelect/MultiSelect.scss +29 -0
- package/src/components/MultiSelect/MultiSelectUtils.js +23 -0
- package/src/components/NavMenu/NavLayout.tsx +40 -0
- package/src/components/NavMenu/NavMenu.js +35 -0
- package/src/components/NavMenu/NavMenuContent.tsx +23 -0
- package/src/components/NavMenu/NavMenuItem.tsx +96 -0
- package/src/components/NotificationBanner/NotificationBanner.tsx +57 -0
- package/src/components/Page/CRUDPage.js +123 -0
- package/src/components/Page/CRUDPage.scss +32 -0
- package/src/components/Page/Page.js +102 -0
- package/src/components/Page/Page.scss +59 -0
- package/src/components/PaginationMenu/PaginationMenu.js +31 -0
- package/src/components/PaginationMenu/PaginationMenuLarge.tsx +94 -0
- package/src/components/PaginationMenu/PaginationMenuSmall.tsx +40 -0
- package/src/components/PreviewPhone/PreviewPhone.tsx +53 -0
- package/src/components/PreviewPhone/useWindowDimensions.js +26 -0
- package/src/components/Radio/Radio.js +99 -0
- package/src/components/Radio/Radio.scss +58 -0
- package/src/components/RadioGroup/RadioGroup.js +63 -0
- package/src/components/RadioGroup/RadioGroup.scss +37 -0
- package/src/components/Section/Section.scss +74 -0
- package/src/components/Section/Section.tsx +67 -0
- package/src/components/Select/LegacySelect.js +114 -0
- package/src/components/Select/Select.examples.md +161 -0
- package/src/components/Select/Select.tsx +136 -0
- package/src/components/Select/options.transformer.ts +36 -0
- package/src/components/Select/select.utils.spec.ts +63 -0
- package/src/components/Select/select.utils.ts +45 -0
- package/src/components/SettingsMenuButton/SettingsMenuButton.tsx +111 -0
- package/src/components/Spinner/Spinner.tsx +23 -0
- package/src/components/Steps/Step.tsx +22 -0
- package/src/components/Steps/Steps.tsx +24 -0
- package/src/components/Switcher/Switcher.js +58 -0
- package/src/components/Switcher/SwitcherItem.js +61 -0
- package/src/components/Switcher/SwitcherItem.scss +67 -0
- package/src/components/TabLinks/TabLinks.tsx +63 -0
- package/src/components/Tabbar/Tabbar.tsx +29 -0
- package/src/components/Tabbar/TabbarItem.tsx +53 -0
- package/src/components/Tag/Tag.tsx +39 -0
- package/src/components/Tag/TagGroup.tsx +25 -0
- package/src/components/Text/LegacyText.js +78 -0
- package/src/components/Text/Text.scss +67 -0
- package/src/components/Text/Text.tsx +81 -0
- package/src/components/TextEditor/TextEditor.js +61 -0
- package/src/components/TextEditor/TextEditor.scss +14 -0
- package/src/components/TextEditorV2/TextEditorV2.js +58 -0
- package/src/components/TextEditorV2/TextEditorV2.scss +110 -0
- package/src/components/TextLink/TextLink.tsx +42 -0
- package/src/components/TextListItem/TextListItem.js +31 -0
- package/src/components/TextListItem/TextListItem.scss +10 -0
- package/src/components/Textarea/Textarea.js +108 -0
- package/src/components/Textarea/Textarea.scss +56 -0
- package/src/components/Title/LegacyTitle.js +64 -0
- package/src/components/Title/Title.scss +65 -0
- package/src/components/Title/Title.tsx +57 -0
- package/src/components/ViewItem/ViewItem.tsx +73 -0
- package/src/index.tsx +14 -0
- package/src/styles/_colors.scss +59 -0
- package/src/styles/_layout.scss +64 -0
- package/src/styles/_shadows.scss +19 -0
- package/src/styles/_typography.scss +8 -0
- package/src/styles/_utils.scss +45 -0
- package/src/styles/fonts/avenir/3A0AF8_0_0.eot +0 -0
- package/src/styles/fonts/avenir/3A0AF8_0_0.ttf +0 -0
- package/src/styles/fonts/avenir/3A0AF8_0_0.woff +0 -0
- package/src/styles/fonts/avenir/3A0AF8_0_0.woff2 +0 -0
- package/src/styles/fonts/avenir/3A0AF8_1_0.eot +0 -0
- package/src/styles/fonts/avenir/3A0AF8_1_0.ttf +0 -0
- package/src/styles/fonts/avenir/3A0AF8_1_0.woff +0 -0
- package/src/styles/fonts/avenir/3A0AF8_1_0.woff2 +0 -0
- package/src/types/general.types.ts +11 -0
- package/src/utils/useOutsideClick.js +19 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default InfoBlock;
|
|
2
|
+
declare function InfoBlock({ message, className, containsDangerousHtml }: {
|
|
3
|
+
message: any;
|
|
4
|
+
className: any;
|
|
5
|
+
containsDangerousHtml?: boolean | undefined;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
declare namespace InfoBlock {
|
|
8
|
+
export namespace propTypes {
|
|
9
|
+
export const message: PropTypes.Validator<string>;
|
|
10
|
+
export const containsDangerousHtml: PropTypes.Requireable<boolean>;
|
|
11
|
+
export const className: PropTypes.Requireable<string>;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type InfoFieldLinkType = "none" | "link" | "clipboard" | "tel";
|
|
3
|
+
interface InfoFieldProps {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
linkType: InfoFieldLinkType;
|
|
7
|
+
supportsMultiline?: boolean;
|
|
8
|
+
onCopyToClipboard?: () => void;
|
|
9
|
+
icon?: JSX.Element;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const InfoField: {
|
|
13
|
+
(props: InfoFieldProps): JSX.Element;
|
|
14
|
+
defaultProps: {
|
|
15
|
+
linkType: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export default Input;
|
|
2
|
+
declare function Input({ withSuffix, withPrefix, className, clearable, type, isDisabled, icon, setRef, onChange, name, value, ...otherProps }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
withSuffix?: string | undefined;
|
|
5
|
+
withPrefix?: string | undefined;
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
clearable?: boolean | undefined;
|
|
8
|
+
type?: string | undefined;
|
|
9
|
+
isDisabled?: boolean | undefined;
|
|
10
|
+
icon: any;
|
|
11
|
+
setRef?: (() => undefined) | undefined;
|
|
12
|
+
onChange: any;
|
|
13
|
+
name: any;
|
|
14
|
+
value: any;
|
|
15
|
+
}): JSX.Element;
|
|
16
|
+
declare namespace Input {
|
|
17
|
+
export const propTypes: {
|
|
18
|
+
className: PropTypes.Requireable<string>;
|
|
19
|
+
type: PropTypes.Requireable<string>;
|
|
20
|
+
value: PropTypes.Requireable<any>;
|
|
21
|
+
name: PropTypes.Validator<string>;
|
|
22
|
+
placeholder: PropTypes.Requireable<string>;
|
|
23
|
+
clearable: PropTypes.Requireable<boolean>;
|
|
24
|
+
maxLength: PropTypes.Requireable<number>;
|
|
25
|
+
isDisabled: PropTypes.Requireable<boolean>;
|
|
26
|
+
withPrefix: PropTypes.Requireable<string>;
|
|
27
|
+
withSuffix: PropTypes.Requireable<string>;
|
|
28
|
+
icon: PropTypes.Requireable<string>;
|
|
29
|
+
onChange: PropTypes.Validator<(...args: any[]) => any>;
|
|
30
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
31
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
32
|
+
onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
|
|
33
|
+
onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
34
|
+
id: PropTypes.Requireable<string>;
|
|
35
|
+
setRef: PropTypes.Requireable<any>;
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
export namespace INPUT_TYPES {
|
|
39
|
+
export const EMAIL: string;
|
|
40
|
+
export const NUMBER: string;
|
|
41
|
+
export const PASSWORD: string;
|
|
42
|
+
export const TEXT: string;
|
|
43
|
+
}
|
|
44
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default Line;
|
|
2
|
+
declare function Line({ left, right, className }: {
|
|
3
|
+
left: any;
|
|
4
|
+
right: any;
|
|
5
|
+
className: any;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
declare namespace Line {
|
|
8
|
+
export namespace propTypes {
|
|
9
|
+
export const left: PropTypes.Requireable<any[]>;
|
|
10
|
+
export const right: PropTypes.Requireable<any[]>;
|
|
11
|
+
export const className: PropTypes.Requireable<string>;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TextProps } from "../Text/Text";
|
|
3
|
+
import { RestPropped } from "../../types/general.types";
|
|
4
|
+
export declare type ListTableItem = RestPropped;
|
|
5
|
+
export interface ListTableProps<ItemType extends ListTableItem, CellType> extends RestPropped {
|
|
6
|
+
items?: ItemType[];
|
|
7
|
+
configuration: ListTablePropsConfiguration<ItemType, CellType>;
|
|
8
|
+
pageCount?: number;
|
|
9
|
+
currentPage?: number;
|
|
10
|
+
onRowClick?: (arg: ItemType) => void;
|
|
11
|
+
onPageClick?: (arg: number) => void;
|
|
12
|
+
isLoading?: boolean;
|
|
13
|
+
showHeader?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
localization: {
|
|
16
|
+
page: string;
|
|
17
|
+
next: string;
|
|
18
|
+
previous: string;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export interface ListTablePropsConfiguration<ItemType extends ListTableItem, CellType> {
|
|
22
|
+
emptyValue?: string;
|
|
23
|
+
fields: ListTablePropsConfigurationField<ItemType, CellType>[];
|
|
24
|
+
idField: keyof ItemType;
|
|
25
|
+
emptyListText: string;
|
|
26
|
+
}
|
|
27
|
+
export interface ListTablePropsConfigurationField<ItemType extends ListTableItem, CellType> {
|
|
28
|
+
name: string;
|
|
29
|
+
title?: string;
|
|
30
|
+
className?: string;
|
|
31
|
+
field: (arg: ItemType) => string | CellType;
|
|
32
|
+
textProps?: Omit<TextProps, "text">;
|
|
33
|
+
}
|
|
34
|
+
export declare function ListTable<ItemType extends ListTableItem, CellType>({ items, configuration, pageCount, currentPage, onPageClick, onRowClick, isLoading, showHeader, className, localization, ...restProps }: ListTableProps<ItemType, CellType>): JSX.Element;
|
|
35
|
+
export default ListTable;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ListTablePropsConfigurationField } from "./ListTable";
|
|
3
|
+
export interface ListTableCellProps<ItemType, CellType> {
|
|
4
|
+
isHeader?: boolean;
|
|
5
|
+
value: string | CellType;
|
|
6
|
+
configuration: ListTablePropsConfigurationField<ItemType, CellType>;
|
|
7
|
+
emptyValue?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function ListTableCell<ItemType, CellType>({ isHeader, value, configuration, emptyValue, }: ListTableCellProps<ItemType, CellType>): JSX.Element;
|
|
10
|
+
export default ListTableCell;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ListTableItem, ListTablePropsConfigurationField } from "./ListTable";
|
|
3
|
+
export interface ListTableHeaderProps<ItemType extends ListTableItem, CellType> {
|
|
4
|
+
className?: string;
|
|
5
|
+
configurationFields: ListTablePropsConfigurationField<ItemType, CellType>[];
|
|
6
|
+
}
|
|
7
|
+
export declare function ListTableHeader<ItemType extends ListTableItem, CellType>({ className, configurationFields, }: ListTableHeaderProps<ItemType, CellType>): JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ListTableItem, ListTablePropsConfiguration } from "./ListTable";
|
|
3
|
+
export interface ListTableRowProps<ItemType extends ListTableItem, CellType> {
|
|
4
|
+
item: ItemType;
|
|
5
|
+
onClick?: (arg: ItemType) => void;
|
|
6
|
+
configuration: ListTablePropsConfiguration<ItemType, CellType>;
|
|
7
|
+
}
|
|
8
|
+
export declare function ListTableRow<ItemType extends ListTableItem, CellType>({ item, onClick, configuration, }: ListTableRowProps<ItemType, CellType>): JSX.Element;
|
|
9
|
+
export default ListTableRow;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { RestPropped } from "../../types/general.types";
|
|
3
|
+
import "./LoadingIndicator.scss";
|
|
4
|
+
export interface LoadingIndicatorProps extends RestPropped {
|
|
5
|
+
asModal?: boolean;
|
|
6
|
+
asSpinner?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
spinnerColor?: "blue" | "gray";
|
|
9
|
+
}
|
|
10
|
+
export declare function LoadingIndicator({ asModal, asSpinner, className, spinnerColor, ...restProps }: LoadingIndicatorProps): JSX.Element;
|
|
11
|
+
export default LoadingIndicator;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default Menu;
|
|
2
|
+
declare class Menu extends React.PureComponent<any, any, any> {
|
|
3
|
+
static propTypes: {
|
|
4
|
+
children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
|
|
5
|
+
};
|
|
6
|
+
constructor(props: any);
|
|
7
|
+
handleClickOutside: (event: any) => void;
|
|
8
|
+
handleIconClick: (event: any) => void;
|
|
9
|
+
openMenu: () => void;
|
|
10
|
+
closeMenu: () => void;
|
|
11
|
+
rootRef: HTMLDivElement | null | undefined;
|
|
12
|
+
}
|
|
13
|
+
import React from "react";
|
|
14
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Modal.scss";
|
|
3
|
+
export declare const MODAL_SIZES: {
|
|
4
|
+
readonly DEFAULT: "default";
|
|
5
|
+
readonly WIDE: "wide";
|
|
6
|
+
readonly WIDER: "wider";
|
|
7
|
+
readonly EXTRA_SMALL: "extra-small";
|
|
8
|
+
};
|
|
9
|
+
declare type MODAL_SIZES_NAMES = keyof typeof MODAL_SIZES;
|
|
10
|
+
export declare type MODAL_SIZES_VALUES = typeof MODAL_SIZES[MODAL_SIZES_NAMES];
|
|
11
|
+
export interface ModalProps {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
type?: MODAL_SIZES_VALUES;
|
|
14
|
+
isOpen?: boolean;
|
|
15
|
+
shouldCloseOnOverlayClick?: boolean;
|
|
16
|
+
showTitleBar?: boolean;
|
|
17
|
+
title?: string;
|
|
18
|
+
onCloseClick?: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
|
|
19
|
+
backAltText?: string;
|
|
20
|
+
closeAltText?: string;
|
|
21
|
+
className?: string;
|
|
22
|
+
closeButtonId?: string;
|
|
23
|
+
withPadding?: boolean;
|
|
24
|
+
showHeader?: boolean;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Don't use this modal directly if you need to add buttons to it.
|
|
28
|
+
* There's a component called <ModalWithButtons /> you can use instead.
|
|
29
|
+
*/
|
|
30
|
+
declare function Modal({ children, type, isOpen, shouldCloseOnOverlayClick, showTitleBar, title, onCloseClick, closeAltText, className, closeButtonId, withPadding, showHeader, }: ModalProps): JSX.Element;
|
|
31
|
+
export default Modal;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ModalProps } from "./Modal";
|
|
3
|
+
export declare type ButtonsAlignment = "justify-end" | "justify-between";
|
|
4
|
+
declare type ModalWithButtonProps = ModalProps & {
|
|
5
|
+
buttons: [JSX.Element, JSX.Element?];
|
|
6
|
+
buttonsAlignment: ButtonsAlignment;
|
|
7
|
+
};
|
|
8
|
+
export declare const ModalWithButtons: (props: ModalWithButtonProps) => JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export function MultiSelect({ checkboxList, radioLabel, onChange, validationError, name, implicitSelect, radioOnDemand, }: {
|
|
2
|
+
checkboxList: any;
|
|
3
|
+
radioLabel: any;
|
|
4
|
+
onChange: any;
|
|
5
|
+
validationError: any;
|
|
6
|
+
name: any;
|
|
7
|
+
implicitSelect: any;
|
|
8
|
+
radioOnDemand: any;
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
export namespace MultiSelect {
|
|
11
|
+
export namespace propTypes {
|
|
12
|
+
export const name: PropTypes.Requireable<string>;
|
|
13
|
+
export const checkboxList: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
14
|
+
isChecked: PropTypes.Requireable<boolean>;
|
|
15
|
+
name: PropTypes.Validator<string>;
|
|
16
|
+
description: PropTypes.Requireable<string>;
|
|
17
|
+
identifier: PropTypes.Validator<string>;
|
|
18
|
+
}> | null | undefined)[]>;
|
|
19
|
+
export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
+
export const validationError: PropTypes.Requireable<string>;
|
|
21
|
+
export const implicitSelect: PropTypes.Requireable<object>;
|
|
22
|
+
export const radioOnDemand: PropTypes.Requireable<boolean>;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function handleImplicitSelect(implicitSelected: any, event: any, list: any, property: any): any[];
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface NavMenuLayoutProps {
|
|
3
|
+
menu: JSX.Element;
|
|
4
|
+
children: JSX.Element | JSX.Element[];
|
|
5
|
+
patientSidebar?: JSX.Element;
|
|
6
|
+
isNavDisabled?: boolean;
|
|
7
|
+
disableScrolling?: boolean;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* @param props {NavMenuLayoutProps} - explaining specifically the `disableScrolling` prop:
|
|
12
|
+
*
|
|
13
|
+
* The patient overview page has some challenges we want to overcome in regards to the multiple scrollable
|
|
14
|
+
* content (the charts and the action bar with alerts, etc).
|
|
15
|
+
*
|
|
16
|
+
* In order to have the setup working on the patient overview page and the rest of the application, we have to
|
|
17
|
+
* progamatically disable/enable if that location will have a normal scrolling mechanism with specific margin/padding,
|
|
18
|
+
* or we will need to let the components take care of that.
|
|
19
|
+
*/
|
|
20
|
+
export declare const NavLayout: (props: NavMenuLayoutProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function NavMenu(props: any): JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface NavMenuItemProps {
|
|
3
|
+
href?: string;
|
|
4
|
+
linkTo?: string;
|
|
5
|
+
title: string;
|
|
6
|
+
isSelected: boolean;
|
|
7
|
+
img: string;
|
|
8
|
+
imgOnHover: string;
|
|
9
|
+
dataTestId: string;
|
|
10
|
+
gtmEvent?: string;
|
|
11
|
+
isExternal?: boolean;
|
|
12
|
+
type?: "separator" | "spacer" | "base" | void;
|
|
13
|
+
track?: (event: string) => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const NavMenuItem: (props: NavMenuItemProps) => JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type NotificationBannerColor = "base" | "blue" | "red" | "green" | "amber";
|
|
3
|
+
export interface NotificationBannerLinkProps {
|
|
4
|
+
text: string;
|
|
5
|
+
enabled: boolean;
|
|
6
|
+
handleClick?: () => void;
|
|
7
|
+
}
|
|
8
|
+
interface NotificationBannerProps {
|
|
9
|
+
text: string;
|
|
10
|
+
color?: NotificationBannerColor;
|
|
11
|
+
icon?: JSX.Element;
|
|
12
|
+
linkProps?: NotificationBannerLinkProps;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const NotificationBanner: {
|
|
16
|
+
(props: NotificationBannerProps): JSX.Element;
|
|
17
|
+
defaultProps: {
|
|
18
|
+
color: string;
|
|
19
|
+
onButtonClick: undefined;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export default CRUDPage;
|
|
2
|
+
declare function CRUDPage({ dataTestId, title, stepTitles, currentStep, submitButtonProps, deleteButtonProps, cancelButtonProps, icon, className, children, isLoading, isSubmitting, navMenuComponent, localization, }: {
|
|
3
|
+
dataTestId?: string | undefined;
|
|
4
|
+
title: any;
|
|
5
|
+
stepTitles: any;
|
|
6
|
+
currentStep?: number | undefined;
|
|
7
|
+
submitButtonProps: any;
|
|
8
|
+
deleteButtonProps: any;
|
|
9
|
+
cancelButtonProps: any;
|
|
10
|
+
icon: any;
|
|
11
|
+
className: any;
|
|
12
|
+
children: any;
|
|
13
|
+
isLoading: any;
|
|
14
|
+
isSubmitting: any;
|
|
15
|
+
navMenuComponent: any;
|
|
16
|
+
localization: any;
|
|
17
|
+
}): JSX.Element;
|
|
18
|
+
declare namespace CRUDPage {
|
|
19
|
+
export namespace propTypes {
|
|
20
|
+
export const isLoading: PropTypes.Requireable<boolean>;
|
|
21
|
+
export const title: PropTypes.Validator<string>;
|
|
22
|
+
export const stepTitles: PropTypes.Requireable<any[]>;
|
|
23
|
+
export const currentStep: PropTypes.Requireable<number>;
|
|
24
|
+
export const submitButtonProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
25
|
+
name: PropTypes.Requireable<string>;
|
|
26
|
+
handler: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
+
}>>;
|
|
28
|
+
export const deleteButtonProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
29
|
+
name: PropTypes.Requireable<string>;
|
|
30
|
+
handler: PropTypes.Requireable<(...args: any[]) => any>;
|
|
31
|
+
}>>;
|
|
32
|
+
export const cancelButtonProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
33
|
+
name: PropTypes.Requireable<string>;
|
|
34
|
+
handler: PropTypes.Requireable<(...args: any[]) => any>;
|
|
35
|
+
}>>;
|
|
36
|
+
export const className: PropTypes.Requireable<string>;
|
|
37
|
+
export const icon: PropTypes.Requireable<string>;
|
|
38
|
+
export const isSubmitting: PropTypes.Requireable<boolean>;
|
|
39
|
+
export const navMenuComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
|
|
40
|
+
export const localization: PropTypes.Requireable<object>;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
export default Page;
|
|
2
|
+
/**
|
|
3
|
+
* Renders page's content, if `isLoading` is false otherwise shows loading indicator.
|
|
4
|
+
*
|
|
5
|
+
* `breadcrumbs`, `title` and `content` can be lazy properties, that is parameterless functions which return actual value.
|
|
6
|
+
* `children` property has priority over `content` property.
|
|
7
|
+
*/
|
|
8
|
+
export type Breadcrumb = {
|
|
9
|
+
name?: string | undefined;
|
|
10
|
+
icon?: string | Object | undefined;
|
|
11
|
+
link?: string | undefined;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Renders page's content, if `isLoading` is false otherwise shows loading indicator.
|
|
15
|
+
*
|
|
16
|
+
* `breadcrumbs`, `title` and `content` can be lazy properties, that is parameterless functions which return actual value.
|
|
17
|
+
* `children` property has priority over `content` property.
|
|
18
|
+
*
|
|
19
|
+
* @typedef {{ name?: string, icon?: string|Object, link?: string}} Breadcrumb
|
|
20
|
+
*
|
|
21
|
+
*/
|
|
22
|
+
declare function Page({ dataTestId, breadcrumbs, title, accessories, accessoryPosition, className, children, content, isLoading, isPolling, spinnerColor, navLayoutProps, showFeedbackBlock, feedbackBlock, navMenu, id, }: {
|
|
23
|
+
dataTestId?: string | undefined;
|
|
24
|
+
breadcrumbs: any;
|
|
25
|
+
title: any;
|
|
26
|
+
accessories: any;
|
|
27
|
+
accessoryPosition?: string | undefined;
|
|
28
|
+
className: any;
|
|
29
|
+
children: any;
|
|
30
|
+
content: any;
|
|
31
|
+
isLoading?: boolean | undefined;
|
|
32
|
+
isPolling?: boolean | undefined;
|
|
33
|
+
spinnerColor?: string | undefined;
|
|
34
|
+
navLayoutProps?: {} | undefined;
|
|
35
|
+
showFeedbackBlock?: boolean | undefined;
|
|
36
|
+
feedbackBlock?: JSX.Element | undefined;
|
|
37
|
+
navMenu: any;
|
|
38
|
+
id: any;
|
|
39
|
+
}): JSX.Element;
|
|
40
|
+
declare namespace Page {
|
|
41
|
+
export namespace propTypes {
|
|
42
|
+
export const breadcrumbs: PropTypes.Requireable<((...args: any[]) => any) | (PropTypes.InferProps<{
|
|
43
|
+
name: PropTypes.Requireable<string>;
|
|
44
|
+
icon: PropTypes.Requireable<string>;
|
|
45
|
+
link: PropTypes.Requireable<string>;
|
|
46
|
+
}> | null | undefined)[]>;
|
|
47
|
+
export const isLoading: PropTypes.Requireable<boolean>;
|
|
48
|
+
export const isFetching: PropTypes.Requireable<boolean>;
|
|
49
|
+
export const spinnerColor: PropTypes.Requireable<string>;
|
|
50
|
+
export const title: PropTypes.Requireable<string | ((...args: any[]) => any)>;
|
|
51
|
+
export const accessories: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.ReactElementLike>;
|
|
52
|
+
export const accessoryPosition: PropTypes.Requireable<string>;
|
|
53
|
+
export const content: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
|
|
54
|
+
export const id: PropTypes.Requireable<string>;
|
|
55
|
+
export const navLayoutProps: PropTypes.Requireable<object>;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export default PaginationMenu;
|
|
2
|
+
declare function PaginationMenu({ pageCount, currentPage, onPageClick, small, className, localization }: {
|
|
3
|
+
pageCount: any;
|
|
4
|
+
currentPage: any;
|
|
5
|
+
onPageClick: any;
|
|
6
|
+
small: any;
|
|
7
|
+
className: any;
|
|
8
|
+
localization: any;
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
declare namespace PaginationMenu {
|
|
11
|
+
export namespace propTypes {
|
|
12
|
+
export const pageCount: PropTypes.Validator<number>;
|
|
13
|
+
export const currentPage: PropTypes.Validator<number>;
|
|
14
|
+
export const onPageClick: PropTypes.Validator<(...args: any[]) => any>;
|
|
15
|
+
export const small: PropTypes.Requireable<boolean>;
|
|
16
|
+
export const className: PropTypes.Requireable<string>;
|
|
17
|
+
export const localization: PropTypes.Requireable<object>;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
import PropTypes from "prop-types";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface PaginationMenuLargeProps {
|
|
3
|
+
pageCount: number;
|
|
4
|
+
currentPage: number;
|
|
5
|
+
onPageClick: (page: number) => void;
|
|
6
|
+
localization: {
|
|
7
|
+
previous: string;
|
|
8
|
+
next: string;
|
|
9
|
+
page: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export declare const PaginationMenuLarge: (props: PaginationMenuLargeProps) => JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export default Radio;
|
|
2
|
+
declare class Radio extends React.PureComponent<any, any, any> {
|
|
3
|
+
static propTypes: {
|
|
4
|
+
className: PropTypes.Requireable<string>;
|
|
5
|
+
text: PropTypes.Requireable<string>;
|
|
6
|
+
isChecked: PropTypes.Validator<boolean>;
|
|
7
|
+
isDisabled: PropTypes.Requireable<boolean>;
|
|
8
|
+
name: PropTypes.Validator<string>;
|
|
9
|
+
value: PropTypes.Requireable<React.Key>;
|
|
10
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
11
|
+
};
|
|
12
|
+
constructor(props: any);
|
|
13
|
+
handleChange: (event: any) => void;
|
|
14
|
+
handleFocus: () => void;
|
|
15
|
+
handleBlur: () => void;
|
|
16
|
+
}
|
|
17
|
+
import React from "react";
|
|
18
|
+
import PropTypes from "prop-types";
|