@luscii-healthtech/web-ui 58.19.2 → 59.0.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/dist/esm/components/Accordion/AccordionItem.js +2 -2
- package/dist/esm/components/Accordion/AccordionItem.js.map +1 -1
- package/dist/esm/components/Avatar/Avatar.js +9 -29
- package/dist/esm/components/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/Avatar/AvatarGroup.js +2 -8
- package/dist/esm/components/Avatar/AvatarGroup.js.map +1 -1
- package/dist/esm/components/Badge/Badge.js +1 -3
- package/dist/esm/components/Badge/Badge.js.map +1 -1
- package/dist/esm/components/ButtonV2/ButtonV2.js +11 -10
- package/dist/esm/components/ButtonV2/ButtonV2.js.map +1 -1
- package/dist/esm/components/ButtonV2/PrimaryButton.js +1 -1
- package/dist/esm/components/ButtonV2/PrimaryButton.js.map +1 -1
- package/dist/esm/components/ButtonV2/SecondaryButton.js +1 -1
- package/dist/esm/components/ButtonV2/TertiaryButton.js +1 -1
- package/dist/esm/components/Card/Card.js +4 -4
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/CenteredHero/CenteredHero.js +2 -2
- package/dist/esm/components/CenteredHero/CenteredHero.js.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.js +1 -1
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialogChoices.js +5 -13
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialogChoices.js.map +1 -1
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialogMessage.js +1 -1
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialogMessage.js.map +1 -1
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialogTitle.js +2 -2
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialogTitle.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +2 -3
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/EmptyListMessage/EmptyListMessage.js +1 -1
- package/dist/esm/components/EmptyListMessage/EmptyListMessage.js.map +1 -1
- package/dist/esm/components/FlyOutMenu/FlyOutMenu.js +3 -4
- package/dist/esm/components/FlyOutMenu/FlyOutMenu.js.map +1 -1
- package/dist/esm/components/InfoField/InfoField.js +1 -1
- package/dist/esm/components/InfoField/InfoField.js.map +1 -1
- package/dist/esm/components/Input/SearchInput.js.map +1 -1
- package/dist/esm/components/MediaPicker/ImageCategory.js +1 -1
- package/dist/esm/components/MediaPicker/ImageCategory.js.map +1 -1
- package/dist/esm/components/MediaPicker/MediaPicker.js +1 -1
- package/dist/esm/components/MediaPicker/MediaPicker.js.map +1 -1
- package/dist/esm/components/Modal/FullPageModal.js +2 -2
- package/dist/esm/components/Modal/FullPageModal.js.map +1 -1
- package/dist/esm/components/Modal/FullPageModalHeader.js +2 -3
- package/dist/esm/components/Modal/FullPageModalHeader.js.map +1 -1
- package/dist/esm/components/Modal/ModalBase.js +1 -1
- package/dist/esm/components/Modal/ModalBase.js.map +1 -1
- package/dist/esm/components/Modal/ModalFooter.js +3 -5
- package/dist/esm/components/Modal/ModalFooter.js.map +1 -1
- package/dist/esm/components/Modal/ModalHeader.js +2 -2
- package/dist/esm/components/Modal/ModalHeader.js.map +1 -1
- package/dist/esm/components/Page/CRUDPage.js +3 -7
- package/dist/esm/components/Page/CRUDPage.js.map +1 -1
- package/dist/esm/components/Page/Page.js +2 -2
- package/dist/esm/components/Page/Page.js.map +1 -1
- package/dist/esm/components/PaginationMenu/PaginationMenu.js +1 -1
- package/dist/esm/components/PaginationMenu/PaginationMenu.js.map +1 -1
- package/dist/esm/components/RangeCoverage/RangeCoverage.js +2 -2
- package/dist/esm/components/RangeCoverage/RangeCoverage.js.map +1 -1
- package/dist/esm/components/Section/Section.js.map +1 -1
- package/dist/esm/components/Section/SectionItemWithContent.js +1 -1
- package/dist/esm/components/Section/SectionItemWithContent.js.map +1 -1
- package/dist/esm/components/Section/subcomponents/SectionHeader.js +2 -2
- package/dist/esm/components/Section/subcomponents/SectionHeader.js.map +1 -1
- package/dist/esm/components/SettingsMenuButton/SettingsMenuButton.js +3 -3
- package/dist/esm/components/SettingsMenuButton/SettingsMenuButton.js.map +1 -1
- package/dist/esm/components/Switcher/SwitcherItem.js +1 -1
- package/dist/esm/components/Switcher/SwitcherItem.js.map +1 -1
- package/dist/esm/components/Table/TableBodyRowDataCell.js +2 -1
- package/dist/esm/components/Table/TableBodyRowDataCell.js.map +1 -1
- package/dist/esm/components/Tag/TagGroup.js +2 -3
- package/dist/esm/components/Tag/TagGroup.js.map +1 -1
- package/dist/esm/components/Text/Text.js +7 -15
- package/dist/esm/components/Text/Text.js.map +1 -1
- package/dist/esm/components/TextEditor/LinkTooltip.js +1 -1
- package/dist/esm/components/TextEditor/LinkTooltip.js.map +1 -1
- package/dist/esm/components/Timeline/TimelineHeader.js +2 -2
- package/dist/esm/components/Timeline/TimelineHeader.js.map +1 -1
- package/dist/esm/components/Timeline/TimelineStep.js +1 -1
- package/dist/esm/components/Timeline/TimelineStep.js.map +1 -1
- package/dist/esm/components/TimelineCard/TimelineCard.js +6 -8
- package/dist/esm/components/TimelineCard/TimelineCard.js.map +1 -1
- package/dist/esm/components/Title/PageTitle.js +1 -0
- package/dist/esm/components/Title/PageTitle.js.map +1 -1
- package/dist/esm/index.js +2 -20
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/system/Sizes.js.map +1 -1
- package/dist/index.development.js +668 -1139
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/ActionController/ActionController.d.ts +1 -1
- package/dist/src/components/Avatar/Avatar.d.ts +9 -42
- package/dist/src/components/Badge/Badge.d.ts +0 -4
- package/dist/src/components/Box/Box.d.ts +3 -3
- package/dist/src/components/ButtonV2/ButtonProps.type.d.ts +0 -13
- package/dist/src/components/Card/Card.d.ts +3 -3
- package/dist/src/components/Checkbox/Checkbox.d.ts +2 -11
- package/dist/src/components/ConfirmationDialog/ConfirmationDialogChoices.d.ts +1 -1
- package/dist/src/components/ConfirmationDialog/types/ConfirmationDialog.types.d.ts +2 -2
- package/dist/src/components/DatePicker/DatePicker.d.ts +0 -10
- package/dist/src/components/DropdownTrigger/DropdownTrigger.d.ts +1 -1
- package/dist/src/components/EmptyListMessage/EmptyListMessage.d.ts +1 -5
- package/dist/src/components/FlyOutMenu/FlyOutMenu.d.ts +0 -4
- package/dist/src/components/Icons/types/IconProps.type.d.ts +1 -1
- package/dist/src/components/Input/Input.d.ts +1 -1
- package/dist/src/components/Input/SearchInput.d.ts +0 -11
- package/dist/src/components/Input/StyledInput.d.ts +2 -2
- package/dist/src/components/InputSelect/InputSelect.d.ts +1 -1
- package/dist/src/components/InputSelect/InputSelect.utils.d.ts +1 -1
- package/dist/src/components/LoadingIndicator/LoadingIndicator.d.ts +1 -1
- package/dist/src/components/Modal/FullPageModal.d.ts +0 -10
- package/dist/src/components/Modal/FullPageModalHeader.d.ts +0 -7
- package/dist/src/components/Modal/ModalFooter.d.ts +0 -17
- package/dist/src/components/NaturalLanguageForm/NaturalLanguageForm.d.ts +1 -5
- package/dist/src/components/NaturalLanguageForm/NaturalLanguageFormContext.d.ts +1 -1
- package/dist/src/components/Page/CRUDPage.types.d.ts +0 -25
- package/dist/src/components/PaginationMenu/PaginationMenu.types.d.ts +5 -16
- package/dist/src/components/Section/Section.d.ts +0 -4
- package/dist/src/components/Select/StyledSelect.d.ts +2 -2
- package/dist/src/components/Stack/Stack.d.ts +1 -1
- package/dist/src/components/Table/Table.types.d.ts +6 -3
- package/dist/src/components/Tag/TagGroup.d.ts +1 -17
- package/dist/src/components/Text/Text.d.ts +0 -33
- package/dist/src/components/Timeline/TimelineHeader.d.ts +3 -3
- package/dist/src/components/TimelineCard/TimelineCard.d.ts +2 -21
- package/dist/src/components/Title/PageTitle.d.ts +1 -0
- package/dist/src/components/UnorderedList/UnorderedList.d.ts +1 -1
- package/dist/src/components/forms/shared/LabelText.d.ts +1 -1
- package/dist/src/generated/components/ActionController/ActionController.d.ts +1 -1
- package/dist/src/generated/components/Avatar/Avatar.d.ts +9 -42
- package/dist/src/generated/components/Badge/Badge.d.ts +0 -4
- package/dist/src/generated/components/Box/Box.d.ts +3 -3
- package/dist/src/generated/components/ButtonV2/ButtonProps.type.d.ts +0 -13
- package/dist/src/generated/components/Card/Card.d.ts +3 -3
- package/dist/src/generated/components/Checkbox/Checkbox.d.ts +2 -11
- package/dist/src/generated/components/ConfirmationDialog/ConfirmationDialogChoices.d.ts +1 -1
- package/dist/src/generated/components/ConfirmationDialog/types/ConfirmationDialog.types.d.ts +2 -2
- package/dist/src/generated/components/DatePicker/DatePicker.d.ts +0 -10
- package/dist/src/generated/components/DropdownTrigger/DropdownTrigger.d.ts +1 -1
- package/dist/src/generated/components/EmptyListMessage/EmptyListMessage.d.ts +1 -5
- package/dist/src/generated/components/FlyOutMenu/FlyOutMenu.d.ts +0 -4
- package/dist/src/generated/components/Icons/types/IconProps.type.d.ts +1 -1
- package/dist/src/generated/components/Input/Input.d.ts +1 -1
- package/dist/src/generated/components/Input/SearchInput.d.ts +0 -11
- package/dist/src/generated/components/Input/StyledInput.d.ts +2 -2
- package/dist/src/generated/components/InputSelect/InputSelect.d.ts +1 -1
- package/dist/src/generated/components/InputSelect/InputSelect.utils.d.ts +1 -1
- package/dist/src/generated/components/LoadingIndicator/LoadingIndicator.d.ts +1 -1
- package/dist/src/generated/components/Modal/FullPageModal.d.ts +0 -10
- package/dist/src/generated/components/Modal/FullPageModalHeader.d.ts +0 -7
- package/dist/src/generated/components/Modal/ModalFooter.d.ts +0 -17
- package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageForm.d.ts +1 -5
- package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageFormContext.d.ts +1 -1
- package/dist/src/generated/components/Page/CRUDPage.types.d.ts +0 -25
- package/dist/src/generated/components/PaginationMenu/PaginationMenu.types.d.ts +5 -16
- package/dist/src/generated/components/Section/Section.d.ts +0 -4
- package/dist/src/generated/components/Select/StyledSelect.d.ts +2 -2
- package/dist/src/generated/components/Stack/Stack.d.ts +1 -1
- package/dist/src/generated/components/Table/Table.types.d.ts +6 -3
- package/dist/src/generated/components/Tag/TagGroup.d.ts +1 -17
- package/dist/src/generated/components/Text/Text.d.ts +0 -33
- package/dist/src/generated/components/Timeline/TimelineHeader.d.ts +3 -3
- package/dist/src/generated/components/TimelineCard/TimelineCard.d.ts +2 -21
- package/dist/src/generated/components/Title/PageTitle.d.ts +1 -0
- package/dist/src/generated/components/UnorderedList/UnorderedList.d.ts +1 -1
- package/dist/src/generated/components/forms/shared/LabelText.d.ts +1 -1
- package/dist/src/generated/index.d.ts +2 -11
- package/dist/src/generated/system/Sizes.d.ts +2 -5
- package/dist/src/generated/types/general.types.d.ts +1 -1
- package/dist/src/index.d.ts +2 -11
- package/dist/src/system/Sizes.d.ts +2 -5
- package/dist/src/types/general.types.d.ts +1 -1
- package/dist/stories/AccordionListRecipe.stories.d.ts +1 -2
- package/dist/stories/ActionController.stories.d.ts +6 -6
- package/dist/stories/AsideLayout.stories.d.ts +6 -6
- package/dist/stories/Avatar.stories.d.ts +4 -9
- package/dist/stories/Badge.stories.d.ts +0 -1
- package/dist/stories/Box.stories.d.ts +6 -6
- package/dist/stories/DatePicker.stories.d.ts +0 -1
- package/dist/stories/DetailsDisclosure.stories.d.ts +1669 -1669
- package/dist/stories/Divider.stories.d.ts +12 -12
- package/dist/stories/FullPageModal.stories.d.ts +0 -11
- package/dist/stories/HoverIndicatorControl.stories.d.ts +6 -6
- package/dist/stories/LabeledDatePicker.stories.d.ts +0 -1
- package/dist/stories/ListRecipe.stories.d.ts +1 -2
- package/dist/stories/ModalDialog.stories.d.ts +3553 -3553
- package/dist/stories/NaturalLanguageForm.stories.d.ts +0 -4
- package/dist/stories/PageWithCenteredContentLayout.stories.d.ts +18 -18
- package/dist/stories/PrimaryTabBar.stories.d.ts +44 -44
- package/dist/stories/RangeCoverage.stories.d.ts +1 -1
- package/dist/stories/Section.stories.d.ts +6 -6
- package/dist/stories/SplitViewLayout.stories.d.ts +6 -6
- package/dist/stories/Stack.stories.d.ts +1 -1
- package/dist/stories/StyledOrderedList.stories.d.ts +44 -44
- package/dist/stories/StyledUnorderedList.stories.d.ts +44 -44
- package/dist/stories/Tabs.stories.d.ts +6 -6
- package/dist/stories/Text.stories.d.ts +0 -20
- package/dist/stories/TextColors.stories.d.ts +0 -1
- package/dist/stories/TextLegacy.stories.d.ts +0 -3
- package/dist/stories/TimelineCard.stories.d.ts +0 -8
- package/dist/stories/TimelineCardLayout.stories.d.ts +6 -6
- package/dist/stories/VerticalMenu.stories.d.ts +6 -6
- package/dist/web-ui-tailwind.css +0 -127
- package/package.json +18 -24
- package/dist/esm/components/AccordionList/AccordionList.js +0 -74
- package/dist/esm/components/AccordionList/AccordionList.js.map +0 -1
- package/dist/esm/components/AccordionList/subcomponents/AccordionListActions.js +0 -8
- package/dist/esm/components/AccordionList/subcomponents/AccordionListActions.js.map +0 -1
- package/dist/esm/components/BaseList/BaseList.js +0 -28
- package/dist/esm/components/BaseList/BaseList.js.map +0 -1
- package/dist/esm/components/BaseList/BaseListEmptyState.js +0 -14
- package/dist/esm/components/BaseList/BaseListEmptyState.js.map +0 -1
- package/dist/esm/components/BaseList/BaseListHeader.js +0 -24
- package/dist/esm/components/BaseList/BaseListHeader.js.map +0 -1
- package/dist/esm/components/BaseList/BaseListIcon.js +0 -19
- package/dist/esm/components/BaseList/BaseListIcon.js.map +0 -1
- package/dist/esm/components/BaseList/BaseListItem.js +0 -40
- package/dist/esm/components/BaseList/BaseListItem.js.map +0 -1
- package/dist/esm/components/BaseList/DraggableBaseList/DraggableBaseList.js +0 -12
- package/dist/esm/components/BaseList/DraggableBaseList/DraggableBaseList.js.map +0 -1
- package/dist/esm/components/BaseList/DraggableBaseList/DraggableBaseListItem.js +0 -22
- package/dist/esm/components/BaseList/DraggableBaseList/DraggableBaseListItem.js.map +0 -1
- package/dist/esm/components/BaseList/ListSkeleton/ListItemSkeleton.js +0 -8
- package/dist/esm/components/BaseList/ListSkeleton/ListItemSkeleton.js.map +0 -1
- package/dist/esm/components/BaseList/ListSkeleton/ListSkeleton.js +0 -13
- package/dist/esm/components/BaseList/ListSkeleton/ListSkeleton.js.map +0 -1
- package/dist/esm/components/BaseList/ListSkeleton/ListSkeleton.scss.js +0 -5
- package/dist/esm/components/BaseList/ListSkeleton/ListSkeleton.scss.js.map +0 -1
- package/dist/esm/components/BaseList/SortableBaseList/SortableBaseList.js +0 -13
- package/dist/esm/components/BaseList/SortableBaseList/SortableBaseList.js.map +0 -1
- package/dist/esm/components/BaseList/SortableBaseList/SortableBaseListItem.js +0 -28
- package/dist/esm/components/BaseList/SortableBaseList/SortableBaseListItem.js.map +0 -1
- package/dist/esm/components/BaseList/utils.js +0 -29
- package/dist/esm/components/BaseList/utils.js.map +0 -1
- package/dist/esm/components/List/List.js +0 -125
- package/dist/esm/components/List/List.js.map +0 -1
- package/dist/esm/components/List/ListItem.js +0 -16
- package/dist/esm/components/List/ListItem.js.map +0 -1
- package/dist/esm/components/Radio/RadioV2.js +0 -19
- package/dist/esm/components/Radio/RadioV2.js.map +0 -1
- package/dist/esm/components/RadioGroup/RadioGroupV2.js +0 -22
- package/dist/esm/components/RadioGroup/RadioGroupV2.js.map +0 -1
- package/dist/esm/components/TextLink/TextLink.js +0 -19
- package/dist/esm/components/TextLink/TextLink.js.map +0 -1
- package/dist/esm/components/Title/Title.js +0 -51
- package/dist/esm/components/Title/Title.js.map +0 -1
- package/dist/src/components/AccordionList/AccordionList.d.ts +0 -54
- package/dist/src/components/AccordionList/subcomponents/AccordionListActions.d.ts +0 -18
- package/dist/src/components/BaseList/BaseList.d.ts +0 -7
- package/dist/src/components/BaseList/BaseList.types.d.ts +0 -88
- package/dist/src/components/BaseList/BaseListEmptyState.d.ts +0 -7
- package/dist/src/components/BaseList/BaseListHeader.d.ts +0 -4
- package/dist/src/components/BaseList/BaseListIcon.d.ts +0 -5
- package/dist/src/components/BaseList/BaseListItem.d.ts +0 -4
- package/dist/src/components/BaseList/DraggableBaseList/DraggableBaseList.d.ts +0 -4
- package/dist/src/components/BaseList/DraggableBaseList/DraggableBaseListItem.d.ts +0 -3
- package/dist/src/components/BaseList/DraggableBaseList/index.d.ts +0 -2
- package/dist/src/components/BaseList/ListSkeleton/ListItemSkeleton.d.ts +0 -2
- package/dist/src/components/BaseList/ListSkeleton/ListSkeleton.d.ts +0 -13
- package/dist/src/components/BaseList/SortableBaseList/SortableBaseList.d.ts +0 -4
- package/dist/src/components/BaseList/SortableBaseList/SortableBaseListItem.d.ts +0 -3
- package/dist/src/components/BaseList/SortableBaseList/index.d.ts +0 -2
- package/dist/src/components/BaseList/index.d.ts +0 -6
- package/dist/src/components/BaseList/utils.d.ts +0 -10
- package/dist/src/components/List/List.d.ts +0 -8
- package/dist/src/components/List/List.types.d.ts +0 -30
- package/dist/src/components/List/ListItem.d.ts +0 -4
- package/dist/src/components/List/index.d.ts +0 -5
- package/dist/src/components/Radio/RadioV2.d.ts +0 -23
- package/dist/src/components/RadioGroup/RadioGroupV2.d.ts +0 -23
- package/dist/src/components/TextLink/TextLink.d.ts +0 -14
- package/dist/src/components/Title/Title.d.ts +0 -44
- package/dist/src/generated/components/AccordionList/AccordionList.d.ts +0 -54
- package/dist/src/generated/components/AccordionList/subcomponents/AccordionListActions.d.ts +0 -18
- package/dist/src/generated/components/BaseList/BaseList.d.ts +0 -7
- package/dist/src/generated/components/BaseList/BaseList.types.d.ts +0 -88
- package/dist/src/generated/components/BaseList/BaseListEmptyState.d.ts +0 -7
- package/dist/src/generated/components/BaseList/BaseListHeader.d.ts +0 -4
- package/dist/src/generated/components/BaseList/BaseListIcon.d.ts +0 -5
- package/dist/src/generated/components/BaseList/BaseListItem.d.ts +0 -4
- package/dist/src/generated/components/BaseList/DraggableBaseList/DraggableBaseList.d.ts +0 -4
- package/dist/src/generated/components/BaseList/DraggableBaseList/DraggableBaseListItem.d.ts +0 -3
- package/dist/src/generated/components/BaseList/DraggableBaseList/index.d.ts +0 -2
- package/dist/src/generated/components/BaseList/ListSkeleton/ListItemSkeleton.d.ts +0 -2
- package/dist/src/generated/components/BaseList/ListSkeleton/ListSkeleton.d.ts +0 -13
- package/dist/src/generated/components/BaseList/SortableBaseList/SortableBaseList.d.ts +0 -4
- package/dist/src/generated/components/BaseList/SortableBaseList/SortableBaseListItem.d.ts +0 -3
- package/dist/src/generated/components/BaseList/SortableBaseList/index.d.ts +0 -2
- package/dist/src/generated/components/BaseList/index.d.ts +0 -6
- package/dist/src/generated/components/BaseList/utils.d.ts +0 -10
- package/dist/src/generated/components/List/List.d.ts +0 -8
- package/dist/src/generated/components/List/List.types.d.ts +0 -30
- package/dist/src/generated/components/List/ListItem.d.ts +0 -4
- package/dist/src/generated/components/List/index.d.ts +0 -5
- package/dist/src/generated/components/Radio/RadioV2.d.ts +0 -23
- package/dist/src/generated/components/RadioGroup/RadioGroupV2.d.ts +0 -23
- package/dist/src/generated/components/TextLink/TextLink.d.ts +0 -14
- package/dist/src/generated/components/Title/Title.d.ts +0 -44
- package/dist/stories/AccordionList.stories.d.ts +0 -120
- package/dist/stories/BaseList.stories.d.ts +0 -16
- package/dist/stories/Checkbox.stories.d.ts +0 -61
- package/dist/stories/DraggableAccordionList.stories.d.ts +0 -11
- package/dist/stories/DraggableList.stories.d.ts +0 -9
- package/dist/stories/EmptyListMessage.stories.d.ts +0 -32
- package/dist/stories/List.stories.d.ts +0 -248
- package/dist/stories/RadioGroupV2.stories.d.ts +0 -37
- package/dist/stories/RadioV2.stories.d.ts +0 -42
- package/dist/stories/SortableList.stories.d.ts +0 -9
- package/dist/stories/TextLink.stories.d.ts +0 -10
- package/dist/stories/Title.stories.d.ts +0 -16
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import type { FC, ReactNode } from "react";
|
|
2
|
-
import { type AccordionProps } from "../Accordion/Accordion";
|
|
3
|
-
import { type DraggableListProps, type ListItemProps, type SortableListProps } from "../List";
|
|
4
|
-
import { type AccordionItemProps } from "../Accordion/AccordionItem";
|
|
5
|
-
import { type BaseButtonProps } from "../ButtonV2/ButtonProps.type";
|
|
6
|
-
import { AccordionListActions } from "./subcomponents/AccordionListActions";
|
|
7
|
-
export interface AccordionListProps extends Omit<AccordionProps, "items"> {
|
|
8
|
-
localisations: {
|
|
9
|
-
title: string;
|
|
10
|
-
searchPlaceholder?: string;
|
|
11
|
-
emptyListText?: string;
|
|
12
|
-
};
|
|
13
|
-
accordionItems: AccordionItem[];
|
|
14
|
-
/**
|
|
15
|
-
* @deprecated
|
|
16
|
-
* Use the `actions` prop to render any button(s)
|
|
17
|
-
* or other component(s) automatically in the correct area.
|
|
18
|
-
*/
|
|
19
|
-
buttonProps?: BaseButtonProps;
|
|
20
|
-
isSearchEnabled?: boolean;
|
|
21
|
-
isLoading?: boolean;
|
|
22
|
-
isError?: boolean;
|
|
23
|
-
errorState?: {
|
|
24
|
-
title: string;
|
|
25
|
-
description: string;
|
|
26
|
-
};
|
|
27
|
-
actions?: ReactNode;
|
|
28
|
-
headerActions?: ReactNode;
|
|
29
|
-
}
|
|
30
|
-
export type AccordionListItemProps<T = ListItemProps> = Omit<AccordionItemProps, "title" | "content"> & {
|
|
31
|
-
listItems: T[];
|
|
32
|
-
draggableListType?: "default";
|
|
33
|
-
title: ReactNode;
|
|
34
|
-
};
|
|
35
|
-
export type DraggableAccordionListItemProps = Omit<AccordionItemProps, "title" | "content"> & {
|
|
36
|
-
draggableListType: "draggable";
|
|
37
|
-
listItems: DraggableListProps["items"];
|
|
38
|
-
title: ReactNode;
|
|
39
|
-
};
|
|
40
|
-
export type SortableAccordionListItemProps = Omit<AccordionItemProps, "title" | "content"> & {
|
|
41
|
-
draggableListType: "sortable";
|
|
42
|
-
draggableIdentifier: string;
|
|
43
|
-
listItems: SortableListProps["items"];
|
|
44
|
-
title: ReactNode;
|
|
45
|
-
};
|
|
46
|
-
export type AccordionItem = AccordionListItemProps | DraggableAccordionListItemProps | SortableAccordionListItemProps;
|
|
47
|
-
type StaticComponents = {
|
|
48
|
-
Actions: typeof AccordionListActions;
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* @deprecated Please check out the recipes on how to create an `AccordionList` component using composition: https://design.luscii.com/?path=/docs/recipes-accordion-list-composition--docs
|
|
52
|
-
*/
|
|
53
|
-
export declare const AccordionList: FC<AccordionListProps> & StaticComponents;
|
|
54
|
-
export default AccordionList;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { PropsWithChildren, FC } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Use in the actions of an AccordionList. Spaces out the action
|
|
4
|
-
* components correctly in relation to the styling of the AccordionList component.
|
|
5
|
-
*
|
|
6
|
-
* @usage
|
|
7
|
-
* ```tsx
|
|
8
|
-
* <AccordionList
|
|
9
|
-
* actions={
|
|
10
|
-
* <AccordionList.Actions>
|
|
11
|
-
* <PrimaryButton />
|
|
12
|
-
* <SecondaryButton />
|
|
13
|
-
* </AccordionList.Actions>
|
|
14
|
-
* }
|
|
15
|
-
* />
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
export declare const AccordionListActions: FC<PropsWithChildren>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { type JSX } from "react";
|
|
2
|
-
import type { BaseListItemProps, BaseListProps } from "./BaseList.types";
|
|
3
|
-
declare const BaseListInner: <T extends BaseListItemProps>({ dataTestId, title, subtitle, headerButton, headerAccessory, emptyStateMessage, isLoading, items, headerTransparent, itemComponent, footer, withBorder, }: BaseListProps<T>, ref: React.ForwardedRef<HTMLUListElement>) => JSX.Element;
|
|
4
|
-
export declare const BaseList: <T extends BaseListItemProps>(props: BaseListProps<T> & {
|
|
5
|
-
ref?: React.ForwardedRef<HTMLUListElement>;
|
|
6
|
-
}) => ReturnType<typeof BaseListInner>;
|
|
7
|
-
export {};
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import type { JSX, Ref, ReactNode, HTMLProps, FC } from "react";
|
|
2
|
-
import { type PrimaryButtonProps, type ButtonDefinition } from "../ButtonV2/ButtonProps.type";
|
|
3
|
-
import { type IconProps } from "../Icons/types/IconProps.type";
|
|
4
|
-
import { type TitleProps } from "../Title/Title";
|
|
5
|
-
export type BaseListItemProps = {
|
|
6
|
-
itemId: string | number;
|
|
7
|
-
title: React.ReactNode;
|
|
8
|
-
subtitle?: React.ReactNode;
|
|
9
|
-
icon?: ReactNode | React.FunctionComponent<IconProps>;
|
|
10
|
-
accessories?: JSX.Element[];
|
|
11
|
-
onlyShowAccessoriesOnHover?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Provide a term to match against when filtering the list.
|
|
14
|
-
*/
|
|
15
|
-
matchTerm?: string;
|
|
16
|
-
onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
|
|
17
|
-
/** Same as onClick to be compatible with listItem */
|
|
18
|
-
handleItemClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
|
|
19
|
-
onAssetLoadError?: (payload: OnAssetLoadErrorPayload) => void;
|
|
20
|
-
tooltipId?: string;
|
|
21
|
-
isSelected?: boolean;
|
|
22
|
-
roundTop?: boolean;
|
|
23
|
-
roundBottom?: boolean;
|
|
24
|
-
withBorder?: boolean;
|
|
25
|
-
isDraggable?: boolean;
|
|
26
|
-
dataTestId?: string;
|
|
27
|
-
ref?: Ref<HTMLLIElement>;
|
|
28
|
-
renderDragHandle?: () => ReactNode;
|
|
29
|
-
htmlProps?: HTMLProps<HTMLLIElement>;
|
|
30
|
-
className?: string;
|
|
31
|
-
/**
|
|
32
|
-
* @private
|
|
33
|
-
* For internal use only: indicates this is a nested child row.
|
|
34
|
-
*/
|
|
35
|
-
__isNested?: boolean;
|
|
36
|
-
};
|
|
37
|
-
export type OnAssetLoadErrorPayload = Pick<BaseListItemProps, "itemId" | "subtitle" | "title" | "icon">;
|
|
38
|
-
export interface BaseListProps<T extends BaseListItemProps = BaseListItemProps> {
|
|
39
|
-
items: T[];
|
|
40
|
-
title?: string | TitleProps;
|
|
41
|
-
/**
|
|
42
|
-
* Optional subtitle to display under the main title in the header.
|
|
43
|
-
*/
|
|
44
|
-
subtitle?: React.ReactNode;
|
|
45
|
-
/**
|
|
46
|
-
* @deprecated props accepting props from other components should accept components instead.
|
|
47
|
-
*
|
|
48
|
-
* Use `headerAccessory` instead.
|
|
49
|
-
*/
|
|
50
|
-
headerButton?: ButtonDefinition<PrimaryButtonProps>;
|
|
51
|
-
headerAccessory?: ReactNode;
|
|
52
|
-
headerTransparent?: boolean;
|
|
53
|
-
itemComponent?: FC<T>;
|
|
54
|
-
emptyStateMessage?: string;
|
|
55
|
-
isLoading?: boolean;
|
|
56
|
-
dataTestId?: string;
|
|
57
|
-
footer?: ReactNode;
|
|
58
|
-
/**
|
|
59
|
-
* This prop will surround the component with a 1px slate-300 border.
|
|
60
|
-
*/
|
|
61
|
-
withBorder?: boolean;
|
|
62
|
-
ref?: Ref<HTMLUListElement>;
|
|
63
|
-
}
|
|
64
|
-
export type BaseListHeaderProps = {
|
|
65
|
-
title?: string | TitleProps;
|
|
66
|
-
/**
|
|
67
|
-
* Optional subtitle to display under the main title in the header.
|
|
68
|
-
*/
|
|
69
|
-
subtitle?: React.ReactNode;
|
|
70
|
-
/**
|
|
71
|
-
* @deprecated props are accepting props from other components should accept components instead.
|
|
72
|
-
*
|
|
73
|
-
* Use `headerAccessory` instead.
|
|
74
|
-
*/
|
|
75
|
-
button?: ButtonDefinition<PrimaryButtonProps>;
|
|
76
|
-
headerAccessory?: ReactNode;
|
|
77
|
-
transparent?: boolean;
|
|
78
|
-
withBorder?: boolean;
|
|
79
|
-
};
|
|
80
|
-
export type DraggableBaseListProps = Omit<BaseListProps<DraggableBaseListItemProps>, "itemComponent">;
|
|
81
|
-
export type DraggableBaseListItemProps = BaseListItemProps & {
|
|
82
|
-
draggableIdentifier: string;
|
|
83
|
-
draggableData?: Record<string, unknown>;
|
|
84
|
-
};
|
|
85
|
-
export type SortableBaseListProps = DraggableBaseListProps & {
|
|
86
|
-
draggableIdentifier: string;
|
|
87
|
-
};
|
|
88
|
-
export type SortableBaseListItemProps = DraggableBaseListItemProps;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { JSX } from "react";
|
|
2
|
-
import "./ListSkeleton.scss";
|
|
3
|
-
type ListSkeletonProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Accessible label for the loading indicator.
|
|
6
|
-
* @default "Loading"
|
|
7
|
-
*/
|
|
8
|
-
"aria-label"?: string;
|
|
9
|
-
items: number;
|
|
10
|
-
dataTestId?: string;
|
|
11
|
-
};
|
|
12
|
-
export declare const ListSkeleton: ({ items, "aria-label": ariaLabel, dataTestId, }: ListSkeletonProps) => JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { BaseList } from "./BaseList";
|
|
2
|
-
export { BaseListItem } from "./BaseListItem";
|
|
3
|
-
export type { BaseListProps, BaseListItemProps, OnAssetLoadErrorPayload, DraggableBaseListProps, DraggableBaseListItemProps, } from "./BaseList.types";
|
|
4
|
-
export { DraggableBaseList, DraggableBaseListItem } from "./DraggableBaseList";
|
|
5
|
-
export { SortableBaseList, SortableBaseListItem } from "./SortableBaseList";
|
|
6
|
-
export { getDndListItemProps } from "./utils";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type Active, type Over } from "@dnd-kit/core";
|
|
2
|
-
import { type ListItemProps } from "../List/List";
|
|
3
|
-
declare const draggableListItemPropsPointer: {
|
|
4
|
-
readonly symbol: symbol;
|
|
5
|
-
};
|
|
6
|
-
type DraggableListItemProps = WeakMap<typeof draggableListItemPropsPointer, Pick<ListItemProps, "itemId" | "title" | "subtitle" | "icon" | "isDraggable" | "isSelected">>;
|
|
7
|
-
export declare const createDraggableListProps: ({ itemId, title, subtitle, icon, isDraggable, isSelected, }: ListItemProps) => DraggableListItemProps;
|
|
8
|
-
export declare const draggableListPropsKey: "listItem";
|
|
9
|
-
export declare const getDndListItemProps: (subject: Active | Over) => ListItemProps | null;
|
|
10
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type FC } from "react";
|
|
2
|
-
import type { ListItemProps, ListProps } from "./List.types";
|
|
3
|
-
export { ListProps, ListItemProps };
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Please check out the recipes on how to create a `List` component using composition: https://design.luscii.com/?path=/docs/recipes-list-composition--docs
|
|
6
|
-
*/
|
|
7
|
-
declare const List: FC<ListProps>;
|
|
8
|
-
export default List;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import type { BaseListProps, BaseListItemProps, OnAssetLoadErrorPayload, DraggableBaseListProps, SortableBaseListProps } from "../BaseList/BaseList.types";
|
|
2
|
-
export type ListItemProps = Omit<BaseListItemProps, "onClick"> & {
|
|
3
|
-
handleItemClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
|
|
4
|
-
/** Optional nested rows to show when expanded */
|
|
5
|
-
children?: ListItemProps[];
|
|
6
|
-
};
|
|
7
|
-
export type DefaultListProps = Omit<BaseListProps<ListItemProps>, "renderItem" | "itemComponent"> & {
|
|
8
|
-
onDragEnd?: (itemId: string | number, newIndex: number, rest: {
|
|
9
|
-
/**
|
|
10
|
-
* The current order of the items in the list, with all of
|
|
11
|
-
* the item details.
|
|
12
|
-
*/
|
|
13
|
-
state: BaseListProps["items"];
|
|
14
|
-
}) => void;
|
|
15
|
-
onAssetLoadError?: (payload: OnAssetLoadErrorPayload) => void;
|
|
16
|
-
/**
|
|
17
|
-
* Optional subtitle to display under the main title in the header.
|
|
18
|
-
*/
|
|
19
|
-
subtitle?: React.ReactNode;
|
|
20
|
-
};
|
|
21
|
-
export type DraggableListProps = DraggableBaseListProps;
|
|
22
|
-
export type SortableListProps = SortableBaseListProps;
|
|
23
|
-
export type SortableListItemProps = SortableListProps["items"][number];
|
|
24
|
-
export type ListProps = ({
|
|
25
|
-
draggableListType: "default";
|
|
26
|
-
} & DefaultListProps) | ({
|
|
27
|
-
draggableListType: "draggable";
|
|
28
|
-
} & DraggableListProps) | ({
|
|
29
|
-
draggableListType: "sortable";
|
|
30
|
-
} & SortableListProps) | DefaultListProps;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as List } from "./List";
|
|
2
|
-
export { ListItem } from "./ListItem";
|
|
3
|
-
export type { ListProps, ListItemProps, DraggableListProps, SortableListProps, SortableListItemProps, } from "./List.types";
|
|
4
|
-
export type { OnAssetLoadErrorPayload } from "../BaseList";
|
|
5
|
-
export { getDndListItemProps } from "../BaseList";
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
name: string;
|
|
4
|
-
value: string | number;
|
|
5
|
-
text?: string;
|
|
6
|
-
info?: string;
|
|
7
|
-
isError?: boolean;
|
|
8
|
-
innerRef?: React.Ref<HTMLInputElement>;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* @deprecated Use `LabeledRadio` components in a `LabeledRadioGroup` instead.
|
|
12
|
-
*
|
|
13
|
-
* E.g. with React Hook Form:
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```tsx
|
|
17
|
-
* <LabeledRadioGroup>
|
|
18
|
-
* <LabeledRadio {...register("favoriteFruit")} label="Apple" value="apple" />
|
|
19
|
-
* <LabeledRadio {...register("favoriteFruit")} label="Banana" value="banana" />
|
|
20
|
-
* </LabeledRadioGroup>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export declare const RadioV2: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { type RadioProps } from "../Radio/RadioV2";
|
|
3
|
-
export interface RadioGroupProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "checked"> {
|
|
4
|
-
name: string;
|
|
5
|
-
isError?: boolean;
|
|
6
|
-
options: Omit<RadioProps, "name">[];
|
|
7
|
-
innerRef?: React.Ref<HTMLInputElement>;
|
|
8
|
-
title?: string;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* @deprecated Use `LabeledRadio` components in a `LabeledRadioGroup` instead.
|
|
12
|
-
*
|
|
13
|
-
* E.g. with React Hook Form:
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```tsx
|
|
17
|
-
* <LabeledRadioGroup>
|
|
18
|
-
* <LabeledRadio {...register("favoriteFruit")} label="Apple" value="apple" />
|
|
19
|
-
* <LabeledRadio {...register("favoriteFruit")} label="Banana" value="banana" />
|
|
20
|
-
* </LabeledRadioGroup>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export declare const RadioGroupV2: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { JSX } from "react";
|
|
2
|
-
export interface TextLinkProps {
|
|
3
|
-
text: string;
|
|
4
|
-
enabled?: boolean;
|
|
5
|
-
href?: string;
|
|
6
|
-
rel?: string;
|
|
7
|
-
target?: string;
|
|
8
|
-
onClick?: () => void;
|
|
9
|
-
className?: string;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated Use `Link`.
|
|
13
|
-
*/
|
|
14
|
-
export declare const TextLink: (props: TextLinkProps) => JSX.Element;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import type { ForwardedRef, PropsWithChildren } from "react";
|
|
2
|
-
import { type HTMLProps } from "react";
|
|
3
|
-
import "./Title.scss";
|
|
4
|
-
import { type TextColor } from "../Text/Text";
|
|
5
|
-
export type TitleStyle = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
|
|
6
|
-
type SharedProps = {
|
|
7
|
-
/**
|
|
8
|
-
* @deprecated, use variant instead
|
|
9
|
-
*/
|
|
10
|
-
type?: TitleStyle;
|
|
11
|
-
/**
|
|
12
|
-
* @default "base"
|
|
13
|
-
*/
|
|
14
|
-
variant?: TitleStyle;
|
|
15
|
-
color?: TextColor;
|
|
16
|
-
className?: string;
|
|
17
|
-
ref?: ForwardedRef<HTMLHeadingElement>;
|
|
18
|
-
/**
|
|
19
|
-
* Sets the "level" of the Section Heading element.
|
|
20
|
-
* @example <Title level="2">title</Title> // <h2>title</h2>
|
|
21
|
-
*
|
|
22
|
-
* When used any level based on the "variant" prop will be ignored.
|
|
23
|
-
*/
|
|
24
|
-
level?: "1" | "2" | "3" | "4" | "5" | "6";
|
|
25
|
-
};
|
|
26
|
-
type WithChildrenProp = PropsWithChildren<SharedProps> & {
|
|
27
|
-
/**
|
|
28
|
-
* @deprecated Use children instead
|
|
29
|
-
*/
|
|
30
|
-
text?: never;
|
|
31
|
-
};
|
|
32
|
-
type WithTextProp = SharedProps & {
|
|
33
|
-
/**
|
|
34
|
-
* @deprecated Use children instead
|
|
35
|
-
*/
|
|
36
|
-
text: string;
|
|
37
|
-
children?: never;
|
|
38
|
-
};
|
|
39
|
-
export type TitleProps = (WithChildrenProp | WithTextProp) & HTMLProps<HTMLHeadingElement>;
|
|
40
|
-
/**
|
|
41
|
-
* @deprecated Use the new `Heading` component instead.
|
|
42
|
-
*/
|
|
43
|
-
export declare const Title: (props: TitleProps) => import("react").JSX.Element;
|
|
44
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import type { FC, ReactNode } from "react";
|
|
2
|
-
import { type AccordionProps } from "../Accordion/Accordion";
|
|
3
|
-
import { type DraggableListProps, type ListItemProps, type SortableListProps } from "../List";
|
|
4
|
-
import { type AccordionItemProps } from "../Accordion/AccordionItem";
|
|
5
|
-
import { type BaseButtonProps } from "../ButtonV2/ButtonProps.type";
|
|
6
|
-
import { AccordionListActions } from "./subcomponents/AccordionListActions";
|
|
7
|
-
export interface AccordionListProps extends Omit<AccordionProps, "items"> {
|
|
8
|
-
localisations: {
|
|
9
|
-
title: string;
|
|
10
|
-
searchPlaceholder?: string;
|
|
11
|
-
emptyListText?: string;
|
|
12
|
-
};
|
|
13
|
-
accordionItems: AccordionItem[];
|
|
14
|
-
/**
|
|
15
|
-
* @deprecated
|
|
16
|
-
* Use the `actions` prop to render any button(s)
|
|
17
|
-
* or other component(s) automatically in the correct area.
|
|
18
|
-
*/
|
|
19
|
-
buttonProps?: BaseButtonProps;
|
|
20
|
-
isSearchEnabled?: boolean;
|
|
21
|
-
isLoading?: boolean;
|
|
22
|
-
isError?: boolean;
|
|
23
|
-
errorState?: {
|
|
24
|
-
title: string;
|
|
25
|
-
description: string;
|
|
26
|
-
};
|
|
27
|
-
actions?: ReactNode;
|
|
28
|
-
headerActions?: ReactNode;
|
|
29
|
-
}
|
|
30
|
-
export type AccordionListItemProps<T = ListItemProps> = Omit<AccordionItemProps, "title" | "content"> & {
|
|
31
|
-
listItems: T[];
|
|
32
|
-
draggableListType?: "default";
|
|
33
|
-
title: ReactNode;
|
|
34
|
-
};
|
|
35
|
-
export type DraggableAccordionListItemProps = Omit<AccordionItemProps, "title" | "content"> & {
|
|
36
|
-
draggableListType: "draggable";
|
|
37
|
-
listItems: DraggableListProps["items"];
|
|
38
|
-
title: ReactNode;
|
|
39
|
-
};
|
|
40
|
-
export type SortableAccordionListItemProps = Omit<AccordionItemProps, "title" | "content"> & {
|
|
41
|
-
draggableListType: "sortable";
|
|
42
|
-
draggableIdentifier: string;
|
|
43
|
-
listItems: SortableListProps["items"];
|
|
44
|
-
title: ReactNode;
|
|
45
|
-
};
|
|
46
|
-
export type AccordionItem = AccordionListItemProps | DraggableAccordionListItemProps | SortableAccordionListItemProps;
|
|
47
|
-
type StaticComponents = {
|
|
48
|
-
Actions: typeof AccordionListActions;
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* @deprecated Please check out the recipes on how to create an `AccordionList` component using composition: https://design.luscii.com/?path=/docs/recipes-accordion-list-composition--docs
|
|
52
|
-
*/
|
|
53
|
-
export declare const AccordionList: FC<AccordionListProps> & StaticComponents;
|
|
54
|
-
export default AccordionList;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { PropsWithChildren, FC } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Use in the actions of an AccordionList. Spaces out the action
|
|
4
|
-
* components correctly in relation to the styling of the AccordionList component.
|
|
5
|
-
*
|
|
6
|
-
* @usage
|
|
7
|
-
* ```tsx
|
|
8
|
-
* <AccordionList
|
|
9
|
-
* actions={
|
|
10
|
-
* <AccordionList.Actions>
|
|
11
|
-
* <PrimaryButton />
|
|
12
|
-
* <SecondaryButton />
|
|
13
|
-
* </AccordionList.Actions>
|
|
14
|
-
* }
|
|
15
|
-
* />
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
export declare const AccordionListActions: FC<PropsWithChildren>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { type JSX } from "react";
|
|
2
|
-
import type { BaseListItemProps, BaseListProps } from "./BaseList.types";
|
|
3
|
-
declare const BaseListInner: <T extends BaseListItemProps>({ dataTestId, title, subtitle, headerButton, headerAccessory, emptyStateMessage, isLoading, items, headerTransparent, itemComponent, footer, withBorder, }: BaseListProps<T>, ref: React.ForwardedRef<HTMLUListElement>) => JSX.Element;
|
|
4
|
-
export declare const BaseList: <T extends BaseListItemProps>(props: BaseListProps<T> & {
|
|
5
|
-
ref?: React.ForwardedRef<HTMLUListElement>;
|
|
6
|
-
}) => ReturnType<typeof BaseListInner>;
|
|
7
|
-
export {};
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import type { JSX, Ref, ReactNode, HTMLProps, FC } from "react";
|
|
2
|
-
import { type PrimaryButtonProps, type ButtonDefinition } from "../ButtonV2/ButtonProps.type";
|
|
3
|
-
import { type IconProps } from "../Icons/types/IconProps.type";
|
|
4
|
-
import { type TitleProps } from "../Title/Title";
|
|
5
|
-
export type BaseListItemProps = {
|
|
6
|
-
itemId: string | number;
|
|
7
|
-
title: React.ReactNode;
|
|
8
|
-
subtitle?: React.ReactNode;
|
|
9
|
-
icon?: ReactNode | React.FunctionComponent<IconProps>;
|
|
10
|
-
accessories?: JSX.Element[];
|
|
11
|
-
onlyShowAccessoriesOnHover?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Provide a term to match against when filtering the list.
|
|
14
|
-
*/
|
|
15
|
-
matchTerm?: string;
|
|
16
|
-
onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
|
|
17
|
-
/** Same as onClick to be compatible with listItem */
|
|
18
|
-
handleItemClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
|
|
19
|
-
onAssetLoadError?: (payload: OnAssetLoadErrorPayload) => void;
|
|
20
|
-
tooltipId?: string;
|
|
21
|
-
isSelected?: boolean;
|
|
22
|
-
roundTop?: boolean;
|
|
23
|
-
roundBottom?: boolean;
|
|
24
|
-
withBorder?: boolean;
|
|
25
|
-
isDraggable?: boolean;
|
|
26
|
-
dataTestId?: string;
|
|
27
|
-
ref?: Ref<HTMLLIElement>;
|
|
28
|
-
renderDragHandle?: () => ReactNode;
|
|
29
|
-
htmlProps?: HTMLProps<HTMLLIElement>;
|
|
30
|
-
className?: string;
|
|
31
|
-
/**
|
|
32
|
-
* @private
|
|
33
|
-
* For internal use only: indicates this is a nested child row.
|
|
34
|
-
*/
|
|
35
|
-
__isNested?: boolean;
|
|
36
|
-
};
|
|
37
|
-
export type OnAssetLoadErrorPayload = Pick<BaseListItemProps, "itemId" | "subtitle" | "title" | "icon">;
|
|
38
|
-
export interface BaseListProps<T extends BaseListItemProps = BaseListItemProps> {
|
|
39
|
-
items: T[];
|
|
40
|
-
title?: string | TitleProps;
|
|
41
|
-
/**
|
|
42
|
-
* Optional subtitle to display under the main title in the header.
|
|
43
|
-
*/
|
|
44
|
-
subtitle?: React.ReactNode;
|
|
45
|
-
/**
|
|
46
|
-
* @deprecated props accepting props from other components should accept components instead.
|
|
47
|
-
*
|
|
48
|
-
* Use `headerAccessory` instead.
|
|
49
|
-
*/
|
|
50
|
-
headerButton?: ButtonDefinition<PrimaryButtonProps>;
|
|
51
|
-
headerAccessory?: ReactNode;
|
|
52
|
-
headerTransparent?: boolean;
|
|
53
|
-
itemComponent?: FC<T>;
|
|
54
|
-
emptyStateMessage?: string;
|
|
55
|
-
isLoading?: boolean;
|
|
56
|
-
dataTestId?: string;
|
|
57
|
-
footer?: ReactNode;
|
|
58
|
-
/**
|
|
59
|
-
* This prop will surround the component with a 1px slate-300 border.
|
|
60
|
-
*/
|
|
61
|
-
withBorder?: boolean;
|
|
62
|
-
ref?: Ref<HTMLUListElement>;
|
|
63
|
-
}
|
|
64
|
-
export type BaseListHeaderProps = {
|
|
65
|
-
title?: string | TitleProps;
|
|
66
|
-
/**
|
|
67
|
-
* Optional subtitle to display under the main title in the header.
|
|
68
|
-
*/
|
|
69
|
-
subtitle?: React.ReactNode;
|
|
70
|
-
/**
|
|
71
|
-
* @deprecated props are accepting props from other components should accept components instead.
|
|
72
|
-
*
|
|
73
|
-
* Use `headerAccessory` instead.
|
|
74
|
-
*/
|
|
75
|
-
button?: ButtonDefinition<PrimaryButtonProps>;
|
|
76
|
-
headerAccessory?: ReactNode;
|
|
77
|
-
transparent?: boolean;
|
|
78
|
-
withBorder?: boolean;
|
|
79
|
-
};
|
|
80
|
-
export type DraggableBaseListProps = Omit<BaseListProps<DraggableBaseListItemProps>, "itemComponent">;
|
|
81
|
-
export type DraggableBaseListItemProps = BaseListItemProps & {
|
|
82
|
-
draggableIdentifier: string;
|
|
83
|
-
draggableData?: Record<string, unknown>;
|
|
84
|
-
};
|
|
85
|
-
export type SortableBaseListProps = DraggableBaseListProps & {
|
|
86
|
-
draggableIdentifier: string;
|
|
87
|
-
};
|
|
88
|
-
export type SortableBaseListItemProps = DraggableBaseListItemProps;
|