@luscii-healthtech/web-ui 0.0.0-alpha.01cea45
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 +238 -0
- package/dist/components/Accordion/Accordion.d.ts +10 -0
- package/dist/components/Accordion/AccordionItem.d.ts +9 -0
- package/dist/components/AccordionList/AccordionList.d.ts +42 -0
- package/dist/components/AccordionList/subcomponents/AccordionListActions.d.ts +18 -0
- package/dist/components/Avatar/Avatar.d.ts +23 -0
- package/dist/components/Badge/Badge.d.ts +7 -0
- package/dist/components/BaseList/BaseList.d.ts +7 -0
- package/dist/components/BaseList/BaseList.types.d.ts +55 -0
- package/dist/components/BaseList/BaseListEmptyState.d.ts +7 -0
- package/dist/components/BaseList/BaseListHeader.d.ts +4 -0
- package/dist/components/BaseList/BaseListIcon.d.ts +5 -0
- package/dist/components/BaseList/BaseListItem.d.ts +4 -0
- package/dist/components/BaseList/DraggableBaseList/DraggableBaseList.d.ts +4 -0
- package/dist/components/BaseList/DraggableBaseList/DraggableBaseListItem.d.ts +3 -0
- package/dist/components/BaseList/DraggableBaseList/index.d.ts +2 -0
- package/dist/components/BaseList/ListSkeleton/ListItemSkeleton.d.ts +2 -0
- package/dist/components/BaseList/ListSkeleton/ListSkeleton.d.ts +8 -0
- package/dist/components/BaseList/SortableBaseList/SortableBaseList.d.ts +4 -0
- package/dist/components/BaseList/SortableBaseList/SortableBaseListItem.d.ts +3 -0
- package/dist/components/BaseList/SortableBaseList/index.d.ts +2 -0
- package/dist/components/BaseList/index.d.ts +6 -0
- package/dist/components/BaseList/utils.d.ts +10 -0
- package/dist/components/Breadcrumbs/BreadcrumbItem.d.ts +4 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +3 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts +14 -0
- package/dist/components/Breadcrumbs/index.d.ts +2 -0
- package/dist/components/Button/Button.d.ts +9 -0
- package/dist/components/Button/Button.types.d.ts +32 -0
- package/dist/components/Button/ButtonIcon.d.ts +7 -0
- package/dist/components/ButtonV2/ButtonProps.type.d.ts +49 -0
- package/dist/components/ButtonV2/ButtonV2.d.ts +3 -0
- package/dist/components/ButtonV2/PrimaryButton.d.ts +3 -0
- package/dist/components/ButtonV2/SecondaryButton.d.ts +3 -0
- package/dist/components/ButtonV2/TertiaryButton.d.ts +3 -0
- package/dist/components/Card/Actions.d.ts +2 -0
- package/dist/components/Card/Card.d.ts +57 -0
- package/dist/components/Card/Padding.d.ts +6 -0
- package/dist/components/Card/Section.d.ts +6 -0
- package/dist/components/Card/TopBar.d.ts +9 -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 +14 -0
- package/dist/components/CheckBoxListModal/CheckboxListModal.d.ts +30 -0
- package/dist/components/Checkbox/Checkbox.d.ts +64 -0
- package/dist/components/CheckboxList/CheckboxGroup.d.ts +3 -0
- package/dist/components/CheckboxList/CheckboxList.d.ts +4 -0
- package/dist/components/CheckboxList/CheckboxList.types.d.ts +74 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +3 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialogChoices.d.ts +7 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialogMessage.d.ts +4 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialogTitle.d.ts +3 -0
- package/dist/components/ConfirmationDialog/types/ConfirmationDialog.types.d.ts +41 -0
- package/dist/components/Container/FlexColumn.d.ts +7 -0
- package/dist/components/Container/FlexContainer.d.ts +9 -0
- package/dist/components/Container/FlexRow.d.ts +7 -0
- package/dist/components/Container/types/FlexContainerProps.type.d.ts +26 -0
- package/dist/components/Divider/Divider.d.ts +6 -0
- package/dist/components/DragHandle/DragHandle.d.ts +7 -0
- package/dist/components/DragHandle/DragHandle.types.d.ts +6 -0
- package/dist/components/DragHandle/index.d.ts +2 -0
- package/dist/components/Dropzone/Dropzone.d.ts +6 -0
- package/dist/components/Dropzone/Dropzone.types.d.ts +33 -0
- package/dist/components/Dropzone/index.d.ts +2 -0
- package/dist/components/EmptyListMessage/EmptyListMessage.d.ts +14 -0
- package/dist/components/FilterBar/ActiveFilters.d.ts +9 -0
- package/dist/components/FilterBar/FilterBar.d.ts +96 -0
- package/dist/components/FilterBar/FilterBar.utils.d.ts +32 -0
- package/dist/components/FilterBar/FilterBarProps.type.d.ts +86 -0
- package/dist/components/FilterBar/FiltersMenus.d.ts +8 -0
- package/dist/components/FilterBar/SortMenu.d.ts +9 -0
- package/dist/components/FilterBar/index.d.ts +2 -0
- package/dist/components/Form/Form.d.ts +30 -0
- package/dist/components/Form/FormFieldCheckbox.d.ts +9 -0
- package/dist/components/Form/FormFieldCheckboxList.d.ts +9 -0
- package/dist/components/Form/FormFieldErrorMessages.d.ts +8 -0
- package/dist/components/Form/FormFieldLabeler.d.ts +8 -0
- package/dist/components/Form/FormImagePicker.d.ts +9 -0
- package/dist/components/Form/FormInput.d.ts +14 -0
- package/dist/components/Form/FormRadioGroup.d.ts +13 -0
- package/dist/components/Form/FormSelect.d.ts +10 -0
- package/dist/components/Form/FormTextarea.d.ts +14 -0
- package/dist/components/Form/form.transformer.d.ts +3 -0
- package/dist/components/Form/form.types.d.ts +92 -0
- package/dist/components/Icon/Icon.d.ts +17 -0
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/Icons/BellIcon.d.ts +4 -0
- package/dist/components/Icons/BluetoothIcon.d.ts +4 -0
- package/dist/components/Icons/CalendarDayIcon.d.ts +4 -0
- package/dist/components/Icons/CalendarMonthIcon.d.ts +4 -0
- package/dist/components/Icons/CalendarRepeatIcon.d.ts +4 -0
- package/dist/components/Icons/ChartBarsIcon.d.ts +4 -0
- package/dist/components/Icons/ChartLineAndBarsIcon.d.ts +4 -0
- package/dist/components/Icons/ChatBubbleIcon.d.ts +4 -0
- package/dist/components/Icons/ChatBubbleWithTextIcon.d.ts +4 -0
- package/dist/components/Icons/CheckIcon.d.ts +4 -0
- package/dist/components/Icons/ChevronDoubleIcon.d.ts +4 -0
- package/dist/components/Icons/ChevronDownIcon.d.ts +4 -0
- package/dist/components/Icons/ChevronLeftIcon.d.ts +4 -0
- package/dist/components/Icons/ChevronRightIcon.d.ts +4 -0
- package/dist/components/Icons/ClockIcon.d.ts +4 -0
- package/dist/components/Icons/CogwheelIcon.d.ts +4 -0
- package/dist/components/Icons/CopyToClipboardIcon.d.ts +4 -0
- package/dist/components/Icons/CrossIcon.d.ts +4 -0
- package/dist/components/Icons/CrossInCircleIcon.d.ts +4 -0
- package/dist/components/Icons/CrossInFilledCircleIcon.d.ts +4 -0
- package/dist/components/Icons/DatabaseIcon.d.ts +4 -0
- package/dist/components/Icons/DragIndicatorIcon.d.ts +4 -0
- package/dist/components/Icons/EmailIcon.d.ts +4 -0
- package/dist/components/Icons/EmptyIcon.d.ts +4 -0
- package/dist/components/Icons/ExclamationMarkIcon.d.ts +4 -0
- package/dist/components/Icons/ExportIcon.d.ts +4 -0
- package/dist/components/Icons/EyeClosedIcon.d.ts +4 -0
- package/dist/components/Icons/EyeIconSlashed.d.ts +4 -0
- package/dist/components/Icons/EyeOpenIcon.d.ts +4 -0
- package/dist/components/Icons/FilterIcon.d.ts +4 -0
- package/dist/components/Icons/FireIcon.d.ts +4 -0
- package/dist/components/Icons/FirstAidKitIcon.d.ts +4 -0
- package/dist/components/Icons/FlagIcon.d.ts +4 -0
- package/dist/components/Icons/ForwardIcon.d.ts +4 -0
- package/dist/components/Icons/GroupIcon.d.ts +4 -0
- package/dist/components/Icons/GroupOfThreeIcon.d.ts +4 -0
- package/dist/components/Icons/HamburgerIcon.d.ts +4 -0
- package/dist/components/Icons/HandshakeIcon.d.ts +4 -0
- package/dist/components/Icons/HeartIcon.d.ts +4 -0
- package/dist/components/Icons/HomeIcon.d.ts +4 -0
- package/dist/components/Icons/ImageIcon.d.ts +4 -0
- package/dist/components/Icons/InfoIcon.d.ts +4 -0
- package/dist/components/Icons/LifebuoyIcon.d.ts +4 -0
- package/dist/components/Icons/LightBulbIcon.d.ts +4 -0
- package/dist/components/Icons/LinkIcon.d.ts +4 -0
- package/dist/components/Icons/LockIcon.d.ts +4 -0
- package/dist/components/Icons/LogOutIcon.d.ts +4 -0
- package/dist/components/Icons/MessageWithArrowIcon.d.ts +4 -0
- package/dist/components/Icons/MoreIcon.d.ts +4 -0
- package/dist/components/Icons/MouseIcon.d.ts +4 -0
- package/dist/components/Icons/NoteIcon.d.ts +4 -0
- package/dist/components/Icons/PageViewIcon.d.ts +4 -0
- package/dist/components/Icons/PatientIcon.d.ts +4 -0
- package/dist/components/Icons/PencilIcon.d.ts +4 -0
- package/dist/components/Icons/PhoneIcon.d.ts +4 -0
- package/dist/components/Icons/PieChartIcon.d.ts +4 -0
- package/dist/components/Icons/PinIcon.d.ts +4 -0
- package/dist/components/Icons/PlusIcon.d.ts +4 -0
- package/dist/components/Icons/PrinterIcon.d.ts +4 -0
- package/dist/components/Icons/RobotIcon.d.ts +4 -0
- package/dist/components/Icons/RocketIcon.d.ts +4 -0
- package/dist/components/Icons/SearchIcon.d.ts +4 -0
- package/dist/components/Icons/ShareIcon.d.ts +4 -0
- package/dist/components/Icons/SmallCircleIcon.d.ts +4 -0
- package/dist/components/Icons/SmallDiamondIcon.d.ts +4 -0
- package/dist/components/Icons/SmallSquareIcon.d.ts +4 -0
- package/dist/components/Icons/StarIcon.d.ts +4 -0
- package/dist/components/Icons/TrashBinIcon.d.ts +4 -0
- package/dist/components/Icons/iconWrapper/iconWrapper.d.ts +4 -0
- package/dist/components/Icons/iconWrapper/index.d.ts +1 -0
- package/dist/components/Icons/index.d.ts +244 -0
- package/dist/components/Icons/special-icons/ChartLineColoredIcon.d.ts +4 -0
- package/dist/components/Icons/special-icons/GearColoredIcon.d.ts +4 -0
- package/dist/components/Icons/special-icons/GroupColoredIcon.d.ts +4 -0
- package/dist/components/Icons/special-icons/StatusColoredIcon.d.ts +4 -0
- package/dist/components/Icons/special-icons/index.d.ts +4 -0
- package/dist/components/Icons/types/IconProps.type.d.ts +8 -0
- package/dist/components/Image/Image.d.ts +10 -0
- package/dist/components/InfoField/InfoField.d.ts +28 -0
- package/dist/components/Input/Input.d.ts +56 -0
- package/dist/components/Input/SearchInput.d.ts +24 -0
- package/dist/components/Link/Link.d.ts +19 -0
- package/dist/components/List/List.d.ts +6 -0
- package/dist/components/List/List.types.d.ts +19 -0
- package/dist/components/List/ListItem.d.ts +4 -0
- package/dist/components/List/index.d.ts +5 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.d.ts +12 -0
- package/dist/components/MediaPicker/ImageCategory.d.ts +14 -0
- package/dist/components/MediaPicker/MediaPicker.d.ts +91 -0
- package/dist/components/Modal/FullPageModal.d.ts +41 -0
- package/dist/components/Modal/FullPageModalHeader.d.ts +13 -0
- package/dist/components/Modal/Modal.d.ts +11 -0
- package/dist/components/Modal/ModalBase.d.ts +16 -0
- package/dist/components/Modal/ModalFooter.d.ts +12 -0
- package/dist/components/Modal/ModalHeader.d.ts +6 -0
- package/dist/components/Modal/subcomponents/FullPageModalActions.d.ts +18 -0
- package/dist/components/NavMenu/NavLayout.d.ts +35 -0
- package/dist/components/NavMenu/NavMenu.d.ts +16 -0
- package/dist/components/NavMenu/NavMenuContent.d.ts +3 -0
- package/dist/components/NavMenu/NavMenuFooter.d.ts +3 -0
- package/dist/components/NavMenu/NavMenuHeader.d.ts +3 -0
- package/dist/components/NavMenu/NavMenuItem.d.ts +3 -0
- package/dist/components/NavMenu/types/NavMenuFooterProps.type.d.ts +5 -0
- package/dist/components/NavMenu/types/NavMenuHeaderProps.type.d.ts +11 -0
- package/dist/components/NavMenu/types/NavMenuItemProps.type.d.ts +11 -0
- package/dist/components/NotificationBanner/NotificationBanner.d.ts +41 -0
- package/dist/components/Page/CRUDPage.d.ts +4 -0
- package/dist/components/Page/CRUDPage.types.d.ts +32 -0
- package/dist/components/Page/index.d.ts +3 -0
- package/dist/components/PageHeader/PageHeader.d.ts +4 -0
- package/dist/components/PageHeader/PageHeader.types.d.ts +28 -0
- package/dist/components/PageHeader/index.d.ts +2 -0
- package/dist/components/PaginationMenu/PaginationMenu.d.ts +3 -0
- package/dist/components/PaginationMenu/PaginationMenu.types.d.ts +37 -0
- package/dist/components/PaginationMenu/PaginationMenu.utils.d.ts +15 -0
- package/dist/components/PaginationMenu/PaginationMenuLarge.d.ts +3 -0
- package/dist/components/PaginationMenu/PaginationMenuSmall.d.ts +3 -0
- package/dist/components/PreviewPhone/PreviewPhone.d.ts +7 -0
- package/dist/components/Radio/RadioV2.d.ts +17 -0
- package/dist/components/RadioGroup/RadioGroupV2.d.ts +10 -0
- package/dist/components/Section/Section.d.ts +25 -0
- package/dist/components/Section/SectionItem.d.ts +9 -0
- package/dist/components/Section/SectionItemWithContent.d.ts +9 -0
- package/dist/components/Section/subcomponents/SectionActions.d.ts +21 -0
- package/dist/components/Select/Select.d.ts +46 -0
- package/dist/components/Select/SelectDropdownIndicator.d.ts +3 -0
- package/dist/components/Select/SelectLoadingIndicator.d.ts +3 -0
- package/dist/components/SettingsMenuButton/SettingsMenuButton.d.ts +19 -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 +10 -0
- package/dist/components/Tabbar/Tabbar.d.ts +18 -0
- package/dist/components/Tabbar/TabbarItem.d.ts +16 -0
- package/dist/components/Table/Table.d.ts +16 -0
- package/dist/components/Table/Table.types.d.ts +42 -0
- package/dist/components/Table/Table.utils.d.ts +3 -0
- package/dist/components/Table/TableBody.d.ts +13 -0
- package/dist/components/Table/TableBodyRow.d.ts +10 -0
- package/dist/components/Table/TableBodyRowDataCell.d.ts +8 -0
- package/dist/components/Table/TableFooter.d.ts +8 -0
- package/dist/components/Table/TableHeader.d.ts +7 -0
- package/dist/components/Tag/Tag.d.ts +26 -0
- package/dist/components/Tag/TagGroup.d.ts +23 -0
- package/dist/components/Text/Text.d.ts +115 -0
- package/dist/components/TextEditor/TextEditor.d.ts +53 -0
- package/dist/components/TextLink/TextLink.d.ts +14 -0
- package/dist/components/Textarea/Textarea.d.ts +33 -0
- package/dist/components/Timeline/Timeline.d.ts +14 -0
- package/dist/components/Timeline/TimelineHeader.d.ts +10 -0
- package/dist/components/Timeline/TimelineStep.d.ts +10 -0
- package/dist/components/Title/Title.d.ts +31 -0
- package/dist/components/Toaster/Toaster.d.ts +17 -0
- package/dist/components/Toaster/toast-elements-getter.d.ts +22 -0
- package/dist/components/Toaster/toast-progress-animator.d.ts +12 -0
- package/dist/components/Toaster/toast.d.ts +12 -0
- package/dist/components/UnorderedList/UnorderedList.d.ts +61 -0
- package/dist/components/VerticalMenu/VerticalMenu.d.ts +84 -0
- package/dist/components/ViewItem/ViewItem.d.ts +16 -0
- package/dist/components/WeekdaysPicker/WeekdaysPicker.d.ts +42 -0
- package/dist/index.d.ts +82 -0
- package/dist/index.development.js +6063 -0
- package/dist/index.development.js.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/types/general.types.d.ts +8 -0
- package/dist/utils/string.utils.d.ts +7 -0
- package/dist/web-ui-tailwind.css +3082 -0
- package/dist/web-ui.esm.js +2 -0
- package/dist/web-ui.esm.js.map +1 -0
- package/package.json +165 -0
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
import { IconProps } from "../types/IconProps.type";
|
|
3
|
+
declare const IconWrapper: (SVGComponent: (props: IconProps & Pick<HTMLAttributes<SVGElement>, "role">) => JSX.Element) => (props: IconProps) => JSX.Element;
|
|
4
|
+
export default IconWrapper;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./iconWrapper";
|
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
export * from "./special-icons";
|
|
2
|
+
export { default as BellIcon } from "./BellIcon";
|
|
3
|
+
export { default as BluetoothIcon } from "./BluetoothIcon";
|
|
4
|
+
export { default as CalendarDayIcon } from "./CalendarDayIcon";
|
|
5
|
+
export { default as CalendarMonthIcon } from "./CalendarMonthIcon";
|
|
6
|
+
export { default as CalendarRepeatIcon } from "./CalendarRepeatIcon";
|
|
7
|
+
export { default as ChartBarsIcon } from "./ChartBarsIcon";
|
|
8
|
+
export { default as ChartLineAndBarsIcon } from "./ChartLineAndBarsIcon";
|
|
9
|
+
export { default as ChatBubbleIcon } from "./ChatBubbleIcon";
|
|
10
|
+
export { default as ChatBubbleWithTextIcon } from "./ChatBubbleWithTextIcon";
|
|
11
|
+
export { default as CheckIcon } from "./CheckIcon";
|
|
12
|
+
export { default as ChevronDoubleIcon } from "./ChevronDoubleIcon";
|
|
13
|
+
export { default as ChevronDownIcon } from "./ChevronDownIcon";
|
|
14
|
+
export { default as ChevronLeftIcon } from "./ChevronLeftIcon";
|
|
15
|
+
export { default as ChevronRightIcon } from "./ChevronRightIcon";
|
|
16
|
+
export { default as ClockIcon } from "./ClockIcon";
|
|
17
|
+
export { default as CogwheelIcon } from "./CogwheelIcon";
|
|
18
|
+
export { default as CopyToClipboardIcon } from "./CopyToClipboardIcon";
|
|
19
|
+
export { default as CrossIcon } from "./CrossIcon";
|
|
20
|
+
export { default as CrossInCircleIcon } from "./CrossInCircleIcon";
|
|
21
|
+
export { default as CrossInFilledCircleIcon } from "./CrossInFilledCircleIcon";
|
|
22
|
+
export { default as DatabaseIcon } from "./DatabaseIcon";
|
|
23
|
+
export { default as DragIndicatorIcon } from "./DragIndicatorIcon";
|
|
24
|
+
export { default as EmailIcon } from "./EmailIcon";
|
|
25
|
+
export { default as EmptyIcon } from "./EmptyIcon";
|
|
26
|
+
export { default as ExclamationMarkIcon } from "./ExclamationMarkIcon";
|
|
27
|
+
export { default as ExportIcon } from "./ExportIcon";
|
|
28
|
+
export { default as EyeClosedIcon } from "./EyeClosedIcon";
|
|
29
|
+
export { default as EyeOpenIcon } from "./EyeOpenIcon";
|
|
30
|
+
export { default as FilterIcon } from "./FilterIcon";
|
|
31
|
+
export { default as FireIcon } from "./FireIcon";
|
|
32
|
+
export { default as FirstAidKitIcon } from "./FirstAidKitIcon";
|
|
33
|
+
export { default as FlagIcon } from "./FlagIcon";
|
|
34
|
+
export { default as ForwardIcon } from "./ForwardIcon";
|
|
35
|
+
export { default as GroupIcon } from "./GroupIcon";
|
|
36
|
+
export { default as GroupOfThreeIcon } from "./GroupOfThreeIcon";
|
|
37
|
+
export { default as HamburgerIcon } from "./HamburgerIcon";
|
|
38
|
+
export { default as HandshakeIcon } from "./HandshakeIcon";
|
|
39
|
+
export { default as HeartIcon } from "./HeartIcon";
|
|
40
|
+
export { default as HomeIcon } from "./HomeIcon";
|
|
41
|
+
export { default as ImageIcon } from "./ImageIcon";
|
|
42
|
+
export { default as InfoIcon } from "./InfoIcon";
|
|
43
|
+
export { default as LifebuoyIcon } from "./LifebuoyIcon";
|
|
44
|
+
export { default as LightBulbIcon } from "./LightBulbIcon";
|
|
45
|
+
export { default as LinkIcon } from "./LinkIcon";
|
|
46
|
+
export { default as LockIcon } from "./LockIcon";
|
|
47
|
+
export { default as LogOutIcon } from "./LogOutIcon";
|
|
48
|
+
export { default as MessageWithArrowIcon } from "./MessageWithArrowIcon";
|
|
49
|
+
export { default as MoreIcon } from "./MoreIcon";
|
|
50
|
+
export { default as MouseIcon } from "./MouseIcon";
|
|
51
|
+
export { default as NoteIcon } from "./NoteIcon";
|
|
52
|
+
export { default as PageViewIcon } from "./PageViewIcon";
|
|
53
|
+
export { default as PatientIcon } from "./PatientIcon";
|
|
54
|
+
export { default as PencilIcon } from "./PencilIcon";
|
|
55
|
+
export { default as PhoneIcon } from "./PhoneIcon";
|
|
56
|
+
export { default as PieChartIcon } from "./PieChartIcon";
|
|
57
|
+
export { default as PinIcon } from "./PinIcon";
|
|
58
|
+
export { default as PlusIcon } from "./PlusIcon";
|
|
59
|
+
export { default as PrinterIcon } from "./PrinterIcon";
|
|
60
|
+
export { default as RobotIcon } from "./RobotIcon";
|
|
61
|
+
export { default as RocketIcon } from "./RocketIcon";
|
|
62
|
+
export { default as SearchIcon } from "./SearchIcon";
|
|
63
|
+
export { default as ShareIcon } from "./ShareIcon";
|
|
64
|
+
export { default as SmallCircleIcon } from "./SmallCircleIcon";
|
|
65
|
+
export { default as SmallDiamondIcon } from "./SmallDiamondIcon";
|
|
66
|
+
export { default as SmallSquareIcon } from "./SmallSquareIcon";
|
|
67
|
+
export { default as StarIcon } from "./StarIcon";
|
|
68
|
+
export { default as TrashBinIcon } from "./TrashBinIcon";
|
|
69
|
+
/**
|
|
70
|
+
* These exports are to ensure backwards compatibility with the
|
|
71
|
+
* old icon names, until we are ready to make the breaking change
|
|
72
|
+
* to the new names.
|
|
73
|
+
*/
|
|
74
|
+
/**
|
|
75
|
+
* @deprecated
|
|
76
|
+
* Use the `PlusIcon` component instead.
|
|
77
|
+
*
|
|
78
|
+
* This is a temporary component to support the breaking change
|
|
79
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
80
|
+
* named icons (e.g. `BellIcon`).
|
|
81
|
+
*/
|
|
82
|
+
export { default as AddIcon } from "./PlusIcon";
|
|
83
|
+
/**
|
|
84
|
+
* @deprecated
|
|
85
|
+
* Use the `BellIcon` component instead.
|
|
86
|
+
*
|
|
87
|
+
* This is a temporary component to support the breaking change
|
|
88
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
89
|
+
* named icons (e.g. `BellIcon`).
|
|
90
|
+
*/
|
|
91
|
+
export { default as AlertsIcon } from "./BellIcon";
|
|
92
|
+
/**
|
|
93
|
+
* @deprecated
|
|
94
|
+
* Use the `ChartBarsIcon` component instead.
|
|
95
|
+
*
|
|
96
|
+
* This is a temporary component to support the breaking change
|
|
97
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
98
|
+
* named icons (e.g. `BellIcon`).
|
|
99
|
+
*/
|
|
100
|
+
export { default as ChartIcon } from "./ChartBarsIcon";
|
|
101
|
+
/**
|
|
102
|
+
* @deprecated
|
|
103
|
+
* Use the `ChatBubbleIcon` component instead.
|
|
104
|
+
*
|
|
105
|
+
* This is a temporary component to support the breaking change
|
|
106
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
107
|
+
* named icons (e.g. `BellIcon`).
|
|
108
|
+
*/
|
|
109
|
+
export { default as ChatBoxIcon } from "./ChatBubbleIcon";
|
|
110
|
+
/**
|
|
111
|
+
* @deprecated
|
|
112
|
+
* Use the `TrashBinIcon` component instead.
|
|
113
|
+
*
|
|
114
|
+
* This is a temporary component to support the breaking change
|
|
115
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
116
|
+
* named icons (e.g. `BellIcon`).
|
|
117
|
+
*/
|
|
118
|
+
export { default as DeleteIcon } from "./TrashBinIcon";
|
|
119
|
+
/**
|
|
120
|
+
* @deprecated
|
|
121
|
+
* Use the `DragIndicatorIcon` component instead.
|
|
122
|
+
*
|
|
123
|
+
* This is a temporary component to support the breaking change
|
|
124
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
125
|
+
* named icons (e.g. `BellIcon`).
|
|
126
|
+
*/
|
|
127
|
+
export { default as DragIcon } from "./DragIndicatorIcon";
|
|
128
|
+
/**
|
|
129
|
+
* @deprecated
|
|
130
|
+
* Use the `PencilIcon` component instead.
|
|
131
|
+
*
|
|
132
|
+
* This is a temporary component to support the breaking change
|
|
133
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
134
|
+
* named icons (e.g. `BellIcon`).
|
|
135
|
+
*/
|
|
136
|
+
export { default as EditIcon } from "./PencilIcon";
|
|
137
|
+
/**
|
|
138
|
+
* @deprecated
|
|
139
|
+
* Use the `EyeOpenIcon` component instead.
|
|
140
|
+
*
|
|
141
|
+
* This is a temporary component to support the breaking change
|
|
142
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
143
|
+
* named icons (e.g. `BellIcon`).
|
|
144
|
+
*/
|
|
145
|
+
export { default as EyeIcon } from "./EyeOpenIcon";
|
|
146
|
+
/**
|
|
147
|
+
* @deprecated
|
|
148
|
+
* Use the `EyeClosedIcon` component instead.
|
|
149
|
+
*
|
|
150
|
+
* This is a temporary component to support the breaking change
|
|
151
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
152
|
+
* named icons (e.g. `BellIcon`).
|
|
153
|
+
*/
|
|
154
|
+
export { default as EyeIconSlashed } from "./EyeClosedIcon";
|
|
155
|
+
/**
|
|
156
|
+
* @deprecated
|
|
157
|
+
* Use the `CogwheelIcon` component instead.
|
|
158
|
+
*
|
|
159
|
+
* This is a temporary component to support the breaking change
|
|
160
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
161
|
+
* named icons (e.g. `BellIcon`).
|
|
162
|
+
*/
|
|
163
|
+
export { default as GearIcon } from "./CogwheelIcon";
|
|
164
|
+
/**
|
|
165
|
+
* @deprecated
|
|
166
|
+
* Use the `MessageWithArrowIcon` component instead.
|
|
167
|
+
*
|
|
168
|
+
* This is a temporary component to support the breaking change
|
|
169
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
170
|
+
* named icons (e.g. `BellIcon`).
|
|
171
|
+
*/
|
|
172
|
+
export { default as MessagesIcon } from "./MessageWithArrowIcon";
|
|
173
|
+
/**
|
|
174
|
+
* @deprecated
|
|
175
|
+
* Use the `NoteIcon` component instead.
|
|
176
|
+
*
|
|
177
|
+
* This is a temporary component to support the breaking change
|
|
178
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
179
|
+
* named icons (e.g. `BellIcon`).
|
|
180
|
+
*/
|
|
181
|
+
export { default as NotesIcon } from "./NoteIcon";
|
|
182
|
+
/**
|
|
183
|
+
* @deprecated
|
|
184
|
+
* Use the `PrinterIcon` component instead.
|
|
185
|
+
*
|
|
186
|
+
* This is a temporary component to support the breaking change
|
|
187
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
188
|
+
* named icons (e.g. `BellIcon`).
|
|
189
|
+
*/
|
|
190
|
+
export { default as PrintIcon } from "./PrinterIcon";
|
|
191
|
+
/**
|
|
192
|
+
* @deprecated
|
|
193
|
+
* Use the `RocketIcon` component instead.
|
|
194
|
+
*
|
|
195
|
+
* This is a temporary component to support the breaking change
|
|
196
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
197
|
+
* named icons (e.g. `BellIcon`).
|
|
198
|
+
*/
|
|
199
|
+
export { default as SpaceRocketIcon } from "./RocketIcon";
|
|
200
|
+
/**
|
|
201
|
+
* @deprecated
|
|
202
|
+
* Use the `CogwheelIcon` component instead.
|
|
203
|
+
*
|
|
204
|
+
* This is a temporary component to support the breaking change
|
|
205
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
206
|
+
* named icons (e.g. `BellIcon`).
|
|
207
|
+
*/
|
|
208
|
+
export { default as SettingsIcon } from "./CogwheelIcon";
|
|
209
|
+
/**
|
|
210
|
+
* @deprecated
|
|
211
|
+
* Use the `ChevronRightIcon` component instead.
|
|
212
|
+
*
|
|
213
|
+
* This is a temporary component to support the breaking change
|
|
214
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
215
|
+
* named icons (e.g. `BellIcon`).
|
|
216
|
+
*/
|
|
217
|
+
export { default as RightArrowIcon } from "./ChevronRightIcon";
|
|
218
|
+
/**
|
|
219
|
+
* @deprecated
|
|
220
|
+
* Use the `ChevronDownIcon` component instead.
|
|
221
|
+
*
|
|
222
|
+
* This is a temporary component to support the breaking change
|
|
223
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
224
|
+
* named icons (e.g. `BellIcon`).
|
|
225
|
+
*/
|
|
226
|
+
export { default as DownArrowIcon } from "./ChevronDownIcon";
|
|
227
|
+
/**
|
|
228
|
+
* @deprecated
|
|
229
|
+
* Use the `ChevronLeftIcon` component instead.
|
|
230
|
+
*
|
|
231
|
+
* This is a temporary component to support the breaking change
|
|
232
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
233
|
+
* named icons (e.g. `BellIcon`).
|
|
234
|
+
*/
|
|
235
|
+
export { default as LeftArrowIcon } from "./ChevronLeftIcon";
|
|
236
|
+
/**
|
|
237
|
+
* @deprecated
|
|
238
|
+
* Use the `ExclamationMarkIcon` component instead.
|
|
239
|
+
*
|
|
240
|
+
* This is a temporary component to support the breaking change
|
|
241
|
+
* from specifically named icons (e.g. `AlertsIcon`) to generically
|
|
242
|
+
* named icons (e.g. `BellIcon`).
|
|
243
|
+
*/
|
|
244
|
+
export { default as WarningIcon } from "./ExclamationMarkIcon";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as ChartLineColoredIcon } from "./ChartLineColoredIcon";
|
|
2
|
+
export { default as GearColoredIcon } from "./GearColoredIcon";
|
|
3
|
+
export { default as GroupColoredIcon } from "./GroupColoredIcon";
|
|
4
|
+
export { default as StatusColoredIcon } from "./StatusColoredIcon";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import * as Icons from "../index";
|
|
3
|
+
export interface IconProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
onClick?: (event: React.MouseEvent<SVGSVGElement> | undefined) => void;
|
|
6
|
+
"data-test-id"?: string;
|
|
7
|
+
}
|
|
8
|
+
export type IconKey = keyof typeof Icons;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { MouseEventHandler } from "react";
|
|
2
|
+
interface ImageProps {
|
|
3
|
+
src: string;
|
|
4
|
+
className: string;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
onClick?: MouseEventHandler<HTMLSpanElement>;
|
|
7
|
+
showIconOnFailure?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const Image: React.VFC<ImageProps>;
|
|
10
|
+
export default Image;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface InfoFieldProps {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
/**
|
|
6
|
+
* Gives the component interactive abilities. The `value` prop
|
|
7
|
+
* is used in conjunction with this.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* // The `value` prop will be used as the `href` attribute of the link. This will open a new tab.
|
|
12
|
+
* <InfoField linkType="link" value="https://www.nos.nl" />
|
|
13
|
+
*
|
|
14
|
+
* // The `value` prop will be copied to the clipboard when the user clicks the component.
|
|
15
|
+
* <InfoField linkType="clipboard" value="14/09/1988" />
|
|
16
|
+
*
|
|
17
|
+
* // A phone call will be triggered based on the phone number in the `value` prop.
|
|
18
|
+
* <InfoField linkType="tel" value="+31612345678" />
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
linkType: "none" | "link" | "clipboard" | "tel";
|
|
22
|
+
supportsMultiline?: boolean;
|
|
23
|
+
onCopyToClipboard?: (value?: string) => void;
|
|
24
|
+
icon?: JSX.Element;
|
|
25
|
+
className?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare const InfoField: (props: InfoFieldProps) => JSX.Element;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { AllowedTextInputTypes } from "../Form/form.types";
|
|
3
|
+
import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
|
|
4
|
+
import { FormFieldWidth } from "../Form/form.types";
|
|
5
|
+
import "./Input.css";
|
|
6
|
+
/**
|
|
7
|
+
* It's very complicated to tap into the onChange events of inputs,
|
|
8
|
+
* so I omit the type it requires and add a easier one to deal with.
|
|
9
|
+
*/
|
|
10
|
+
type CustomHTMLInputProps = Omit<React.HTMLProps<HTMLInputElement>, "onChange" | "ref"> & {
|
|
11
|
+
isError?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export type FakeEventTarget = {
|
|
14
|
+
target: {
|
|
15
|
+
value: string;
|
|
16
|
+
name: string;
|
|
17
|
+
};
|
|
18
|
+
currentTarget: {
|
|
19
|
+
value: string;
|
|
20
|
+
name: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export interface InputProps extends CustomHTMLInputProps {
|
|
24
|
+
type?: AllowedTextInputTypes;
|
|
25
|
+
clearable?: boolean;
|
|
26
|
+
isDisabled?: boolean;
|
|
27
|
+
withPrefix?: string;
|
|
28
|
+
withSuffix?: string;
|
|
29
|
+
icon?: React.FC<IconProps> | IconKey;
|
|
30
|
+
width?: FormFieldWidth;
|
|
31
|
+
/**
|
|
32
|
+
* Check the `asFormField` prop of this component to understand why this signature.
|
|
33
|
+
*/
|
|
34
|
+
onChange?: (event: FakeEventTarget | string) => void;
|
|
35
|
+
/**
|
|
36
|
+
* ### TO BE USED WHEN INSIDE REACT-HOOK-FORM
|
|
37
|
+
*
|
|
38
|
+
* react-hook-form uses the onChange event differently.
|
|
39
|
+
* Instead of passing an `event` object, it uses the value itself from the callback.
|
|
40
|
+
*
|
|
41
|
+
* So we need to use this flag to determine how to call the onChange callback.
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
*
|
|
45
|
+
* // In react-hook-forms:
|
|
46
|
+
*
|
|
47
|
+
* onChange({target: { name: 'myInput' }, value: 'text'}) // -> this whole object will be set as the value
|
|
48
|
+
*
|
|
49
|
+
* // so instead do:
|
|
50
|
+
*
|
|
51
|
+
* onChange('text') // -> 🤝
|
|
52
|
+
*/
|
|
53
|
+
asFormField?: boolean;
|
|
54
|
+
}
|
|
55
|
+
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
56
|
+
export default Input;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Input from "./Input";
|
|
3
|
+
type InputProps = React.ComponentProps<typeof Input>;
|
|
4
|
+
export type SearchInputProps = Omit<InputProps, "icon" | "type" | "width" | "clearable" | "withSuffix" | "withPrefix" | "asFormField" | "isError"> & {
|
|
5
|
+
/**
|
|
6
|
+
* WARNING: Please note that this value is currently not passed on to the
|
|
7
|
+
* component. It's not deprecated, it will most likely be implemented correctly
|
|
8
|
+
* at a later stage.
|
|
9
|
+
*/
|
|
10
|
+
width?: InputProps["width"];
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated
|
|
13
|
+
* A search input should never be used in a form with multiple fields.
|
|
14
|
+
*/
|
|
15
|
+
asFormField?: InputProps["asFormField"];
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated
|
|
18
|
+
* A search input should never be in error state, because the
|
|
19
|
+
* user cannot do anything wrong when typing in this field.
|
|
20
|
+
*/
|
|
21
|
+
isError?: InputProps["isError"];
|
|
22
|
+
};
|
|
23
|
+
export declare const SearchInput: React.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Source for the typing of the `as` prop: https://stackoverflow.com/a/66568474
|
|
4
|
+
*/
|
|
5
|
+
type Props<E extends React.ElementType> = React.PropsWithChildren<{
|
|
6
|
+
/**
|
|
7
|
+
* Provide a custom component tag name to render instead of the default `a` tag.
|
|
8
|
+
*
|
|
9
|
+
* @default "a"
|
|
10
|
+
* @example "button"
|
|
11
|
+
*/
|
|
12
|
+
as?: E;
|
|
13
|
+
}>;
|
|
14
|
+
/**
|
|
15
|
+
* A bare-bones wrapper around an <a> tag, containing only our preferred styling. This is component
|
|
16
|
+
* can be used for any link and not just text links.
|
|
17
|
+
*/
|
|
18
|
+
export declare function Link<T extends React.ElementType = "a">(props: Props<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof Props<T>>): React.JSX.Element;
|
|
19
|
+
export {};
|