@openedx/paragon 23.14.2 → 23.14.4
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/ActionRow/index.d.ts +18 -0
- package/dist/ActionRow/index.js +6 -24
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/index.js +21 -24
- package/dist/Alert/index.js.map +1 -1
- package/dist/Annotation/index.d.ts +13 -0
- package/dist/Annotation/index.js +11 -30
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Avatar/index.d.ts +11 -0
- package/dist/Avatar/index.js +7 -21
- package/dist/Avatar/index.js.map +1 -1
- package/dist/AvatarButton/index.d.ts +17 -0
- package/dist/AvatarButton/index.js +11 -33
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/Breadcrumb/BreadcrumbLink.js +5 -6
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/index.js +11 -12
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Bubble/index.js +15 -18
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Button/index.d.ts +42 -7
- package/dist/Button/index.js +43 -115
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/BaseCard.js +11 -12
- package/dist/Card/BaseCard.js.map +1 -1
- package/dist/Card/CardBody.js +9 -12
- package/dist/Card/CardBody.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarousel.js +13 -14
- package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselHeader.js +4 -5
- package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselItems.js +3 -4
- package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselProvider.js +7 -8
- package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +5 -6
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.js +5 -6
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/Card/CardCarousel/messages.d.ts +13 -0
- package/dist/Card/CardCarousel/messages.js +4 -5
- package/dist/Card/CardCarousel/messages.js.map +1 -0
- package/dist/Card/CardContext.js +6 -7
- package/dist/Card/CardContext.js.map +1 -1
- package/dist/Card/CardDeck.js +9 -10
- package/dist/Card/CardDeck.js.map +1 -1
- package/dist/Card/CardDivider.js +8 -11
- package/dist/Card/CardDivider.js.map +1 -1
- package/dist/Card/CardFooter.js +9 -10
- package/dist/Card/CardFooter.js.map +1 -1
- package/dist/Card/CardGrid.js +6 -7
- package/dist/Card/CardGrid.js.map +1 -1
- package/dist/Card/CardHeader.js +9 -10
- package/dist/Card/CardHeader.js.map +1 -1
- package/dist/Card/CardImageCap.js +15 -16
- package/dist/Card/CardImageCap.js.map +1 -1
- package/dist/Card/CardSection.js +9 -10
- package/dist/Card/CardSection.js.map +1 -1
- package/dist/Card/CardStatus.js +9 -10
- package/dist/Card/CardStatus.js.map +1 -1
- package/dist/Card/index.js +9 -10
- package/dist/Card/index.js.map +1 -1
- package/dist/Chip/ChipIcon.js +8 -9
- package/dist/Chip/ChipIcon.js.map +1 -1
- package/dist/Chip/index.d.ts +22 -0
- package/dist/Chip/index.js +15 -70
- package/dist/Chip/index.js.map +1 -1
- package/dist/ChipCarousel/index.js +49 -53
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/ChipCarousel/messages.d.ts +13 -0
- package/dist/ChipCarousel/messages.js +4 -5
- package/dist/ChipCarousel/messages.js.map +1 -0
- package/dist/CloseButton/index.js.map +1 -1
- package/dist/Collapse/index.js.map +1 -1
- package/dist/Collapsible/CollapsibleBody.js +6 -7
- package/dist/Collapsible/CollapsibleBody.js.map +1 -1
- package/dist/Collapsible/CollapsibleTrigger.js +9 -10
- package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/Collapsible/CollapsibleVisible.js +5 -6
- package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
- package/dist/ColorPicker/index.js +6 -7
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/Container/index.js +9 -12
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/BulkActions.js +4 -5
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +16 -18
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +5 -6
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/DataTableLayout.js +5 -6
- package/dist/DataTable/DataTableLayout.js.map +1 -1
- package/dist/DataTable/EmptyTable.js +5 -6
- package/dist/DataTable/EmptyTable.js.map +1 -1
- package/dist/DataTable/ExpandAll.js +4 -5
- package/dist/DataTable/ExpandAll.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +3 -4
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/FilterStatus.js +8 -9
- package/dist/DataTable/FilterStatus.js.map +1 -1
- package/dist/DataTable/RowStatus.js +4 -5
- package/dist/DataTable/RowStatus.js.map +1 -1
- package/dist/DataTable/SidebarFilters.js +3 -4
- package/dist/DataTable/SidebarFilters.js.map +1 -1
- package/dist/DataTable/Table.js +3 -4
- package/dist/DataTable/Table.js.map +1 -1
- package/dist/DataTable/TableActions.js +3 -4
- package/dist/DataTable/TableActions.js.map +1 -1
- package/dist/DataTable/TableCell.js +5 -6
- package/dist/DataTable/TableCell.js.map +1 -1
- package/dist/DataTable/TableControlBar.js +3 -4
- package/dist/DataTable/TableControlBar.js.map +1 -1
- package/dist/DataTable/TableFilters.js +6 -7
- package/dist/DataTable/TableFilters.js.map +1 -1
- package/dist/DataTable/TableFooter.js +4 -5
- package/dist/DataTable/TableFooter.js.map +1 -1
- package/dist/DataTable/TableHeaderCell.js +13 -15
- package/dist/DataTable/TableHeaderCell.js.map +1 -1
- package/dist/DataTable/TableHeaderRow.js +3 -4
- package/dist/DataTable/TableHeaderRow.js.map +1 -1
- package/dist/DataTable/TableRow.js +3 -4
- package/dist/DataTable/TableRow.js.map +1 -1
- package/dist/DataTable/filters/CheckboxFilter.js +25 -29
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/DataTable/filters/DropdownFilter.js +16 -20
- package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js +25 -29
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +8 -9
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/hooks.js +11 -13
- package/dist/DataTable/hooks.js.map +1 -1
- package/dist/DataTable/index.js +35 -36
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/messages.d.ts +13 -0
- package/dist/DataTable/messages.js +4 -5
- package/dist/DataTable/messages.js.map +1 -0
- package/dist/DataTable/selection/BaseSelectionStatus.js +11 -12
- package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelect.js +3 -4
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +3 -4
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +4 -5
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/SelectionStatus.js +4 -5
- package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
- package/dist/DataTable/utils/getVisibleColumns.js +9 -13
- package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
- package/dist/Dropdown/index.js +17 -20
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropzone/DefaultContent.js +5 -6
- package/dist/Dropzone/DefaultContent.js.map +1 -1
- package/dist/Dropzone/DragError.js +3 -4
- package/dist/Dropzone/DragError.js.map +1 -1
- package/dist/Dropzone/GenericError.js +4 -5
- package/dist/Dropzone/GenericError.js.map +1 -1
- package/dist/Dropzone/UploadProgress.js +6 -7
- package/dist/Dropzone/UploadProgress.js.map +1 -1
- package/dist/Dropzone/index.js +14 -15
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Dropzone/messages.d.ts +53 -0
- package/dist/Dropzone/messages.js +12 -13
- package/dist/Dropzone/messages.js.map +1 -0
- package/dist/Fade/index.js.map +1 -1
- package/dist/Form/FormAutosuggest.js +18 -20
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +6 -7
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +16 -18
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +11 -12
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +9 -10
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +12 -13
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +4 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -9
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +4 -5
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -4
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +7 -8
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +9 -10
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +7 -8
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.d.ts +2 -11
- package/dist/Form/FormLabel.js +5 -15
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +28 -31
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +11 -12
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +9 -10
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +25 -29
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +16 -19
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/fieldUtils.js +11 -22
- package/dist/Form/fieldUtils.js.map +1 -1
- package/dist/Form/useCheckboxSetValues.js +1 -2
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +17 -21
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Icon/index.js +10 -11
- package/dist/Icon/index.js.map +1 -1
- package/dist/IconButton/index.d.ts +8 -304
- package/dist/IconButton/index.js +21 -84
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButtonToggle/index.js +5 -6
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/Image/index.js.map +1 -1
- package/dist/Layout/index.js +4 -5
- package/dist/Layout/index.js.map +1 -1
- package/dist/Media/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +8 -9
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +8 -9
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/index.js +6 -7
- package/dist/Menu/index.js.map +1 -1
- package/dist/Modal/AlertModal.js +6 -7
- package/dist/Modal/AlertModal.js.map +1 -1
- package/dist/Modal/FullscreenModal.js +7 -8
- package/dist/Modal/FullscreenModal.js.map +1 -1
- package/dist/Modal/MarketingModal.js +9 -10
- package/dist/Modal/MarketingModal.js.map +1 -1
- package/dist/Modal/ModalCloseButton.js +5 -6
- package/dist/Modal/ModalCloseButton.js.map +1 -1
- package/dist/Modal/ModalContext.js +6 -7
- package/dist/Modal/ModalContext.js.map +1 -1
- package/dist/Modal/ModalDialog.js +16 -17
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +5 -6
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +5 -6
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +9 -12
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +5 -6
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +6 -7
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +5 -6
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +5 -6
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +13 -16
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +11 -12
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +7 -8
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/StandardModal.js +7 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/OverflowScroll/OverflowScroll.js +12 -13
- package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollItems.js +3 -4
- package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
- package/dist/Overlay/index.d.ts +2 -2
- package/dist/PageBanner/index.js +9 -10
- package/dist/PageBanner/index.js.map +1 -1
- package/dist/Pagination/PaginationContext.js +12 -13
- package/dist/Pagination/PaginationContext.js.map +1 -1
- package/dist/Pagination/subcomponents/PageButton.js +3 -4
- package/dist/Pagination/subcomponents/PageButton.js.map +1 -1
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/ProductTour/Checkpoint.js +12 -13
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/CheckpointActionRow.js +10 -11
- package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
- package/dist/ProductTour/CheckpointBody.js +3 -4
- package/dist/ProductTour/CheckpointBody.js.map +1 -1
- package/dist/ProductTour/CheckpointHeader.js +7 -8
- package/dist/ProductTour/CheckpointHeader.js.map +1 -1
- package/dist/ProductTour/CheckpointTitle.js +6 -9
- package/dist/ProductTour/CheckpointTitle.js.map +1 -1
- package/dist/ProductTour/index.js +3 -4
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProductTour/messages.d.ts +23 -0
- package/dist/ProductTour/messages.js +6 -7
- package/dist/ProductTour/messages.js.map +1 -0
- package/dist/ProgressBar/index.js +11 -12
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/ResponsiveEmbed/index.js.map +1 -1
- package/dist/Scrollable/index.js +4 -5
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +4 -5
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SelectableBox/SelectableBoxSet.js +13 -14
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/index.js +14 -15
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/Skeleton/index.js.map +1 -1
- package/dist/Spinner/index.js +5 -6
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Stack/index.js +12 -15
- package/dist/Stack/index.js.map +1 -1
- package/dist/StatefulButton/index.js +9 -10
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/Stepper/Stepper.js +4 -5
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/StepperActionRow.js +6 -7
- package/dist/Stepper/StepperActionRow.js.map +1 -1
- package/dist/Stepper/StepperContext.js +4 -5
- package/dist/Stepper/StepperContext.js.map +1 -1
- package/dist/Stepper/StepperHeader.js +23 -31
- package/dist/Stepper/StepperHeader.js.map +1 -1
- package/dist/Stepper/StepperHeaderStep.js +8 -9
- package/dist/Stepper/StepperHeaderStep.js.map +1 -1
- package/dist/Stepper/StepperStep.js +10 -11
- package/dist/Stepper/StepperStep.js.map +1 -1
- package/dist/Sticky/index.js +8 -12
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Tabs/index.js +8 -9
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Toast/ToastContainer.js +3 -4
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/index.d.ts +20 -41
- package/dist/Toast/index.js +11 -48
- package/dist/Toast/index.js.map +1 -1
- package/dist/ToggleButton/index.js.map +1 -1
- package/dist/Tooltip/index.js +11 -14
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Truncate/index.js +9 -10
- package/dist/Truncate/index.js.map +1 -1
- package/dist/asInput/index.js +9 -13
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigationHook.js +17 -21
- package/dist/hooks/useArrowKeyNavigationHook.js.map +1 -1
- package/dist/hooks/useIsVisibleHook.js +4 -6
- package/dist/hooks/useIsVisibleHook.js.map +1 -1
- package/dist/hooks/useToggleHook.js +1 -3
- package/dist/hooks/useToggleHook.js.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.js +4 -8
- package/dist/index.js.map +1 -1
- package/dist/utils/newId.js +1 -2
- package/dist/utils/newId.js.map +1 -1
- package/package.json +1 -1
- package/src/ActionRow/{index.jsx → index.tsx} +14 -22
- package/src/Annotation/{index.jsx → index.tsx} +15 -22
- package/src/Avatar/{index.jsx → index.tsx} +13 -19
- package/src/AvatarButton/{index.jsx → index.tsx} +23 -31
- package/src/Button/index.tsx +68 -93
- package/src/Chip/index.tsx +26 -59
- package/src/CloseButton/index.tsx +1 -0
- package/src/Collapse/index.tsx +1 -0
- package/src/Fade/index.tsx +1 -0
- package/src/Form/FormLabel.tsx +2 -10
- package/src/IconButton/index.tsx +17 -81
- package/src/Image/index.tsx +2 -0
- package/src/Media/index.tsx +1 -0
- package/src/Modal/modal-popup.mdx +1 -1
- package/src/ResponsiveEmbed/index.tsx +1 -0
- package/src/Skeleton/index.tsx +1 -0
- package/src/Toast/index.tsx +21 -40
- package/src/ToggleButton/index.tsx +2 -0
- package/src/index.ts +4 -8
- /package/{src/CloseButton/index.jsx → dist/CloseButton/index.d.ts} +0 -0
- /package/{src/Collapse/index.jsx → dist/Collapse/index.d.ts} +0 -0
- /package/{src/Fade/index.jsx → dist/Fade/index.d.ts} +0 -0
- /package/{src/Image/index.jsx → dist/Image/index.d.ts} +0 -0
- /package/{src/Media/index.jsx → dist/Media/index.d.ts} +0 -0
- /package/{src/ResponsiveEmbed/index.jsx → dist/ResponsiveEmbed/index.d.ts} +0 -0
- /package/{src/Skeleton/index.jsx → dist/Skeleton/index.d.ts} +0 -0
- /package/{src/ToggleButton/index.jsx → dist/ToggleButton/index.d.ts} +0 -0
- /package/src/Card/CardCarousel/{messages.js → messages.ts} +0 -0
- /package/src/ChipCarousel/{messages.js → messages.ts} +0 -0
- /package/src/DataTable/{messages.js → messages.ts} +0 -0
- /package/src/Dropzone/{messages.js → messages.ts} +0 -0
- /package/src/ProductTour/{messages.js → messages.ts} +0 -0
package/dist/Form/FormRadio.js
CHANGED
|
@@ -32,37 +32,34 @@ RadioControl.propTypes = {
|
|
|
32
32
|
RadioControl.defaultProps = {
|
|
33
33
|
className: undefined
|
|
34
34
|
};
|
|
35
|
-
const FormRadio = /*#__PURE__*/React.forwardRef((
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
hasIcon: false
|
|
64
|
-
}, description))));
|
|
65
|
-
});
|
|
35
|
+
const FormRadio = /*#__PURE__*/React.forwardRef(({
|
|
36
|
+
children,
|
|
37
|
+
className,
|
|
38
|
+
controlClassName,
|
|
39
|
+
labelClassName,
|
|
40
|
+
description,
|
|
41
|
+
isInvalid,
|
|
42
|
+
isValid,
|
|
43
|
+
...props
|
|
44
|
+
}, ref) => /*#__PURE__*/React.createElement(FormGroupContextProvider, {
|
|
45
|
+
controlId: props.id,
|
|
46
|
+
isInvalid: isInvalid,
|
|
47
|
+
isValid: isValid
|
|
48
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
49
|
+
className: classNames('pgn__form-radio', className, {
|
|
50
|
+
'pgn__form-control-valid': isValid,
|
|
51
|
+
'pgn__form-control-invalid': isInvalid,
|
|
52
|
+
'pgn__form-control-disabled': props.disabled
|
|
53
|
+
})
|
|
54
|
+
}, /*#__PURE__*/React.createElement(RadioControl, {
|
|
55
|
+
ref: ref,
|
|
56
|
+
className: controlClassName,
|
|
57
|
+
...props
|
|
58
|
+
}), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormLabel, {
|
|
59
|
+
className: labelClassName
|
|
60
|
+
}, children), description && /*#__PURE__*/React.createElement(FormControlFeedback, {
|
|
61
|
+
hasIcon: false
|
|
62
|
+
}, description)))));
|
|
66
63
|
FormRadio.propTypes = {
|
|
67
64
|
/** Specifies id of the FormRadio component. */
|
|
68
65
|
id: PropTypes.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRadio.js","names":["React","PropTypes","classNames","useRadioSetContext","FormGroupContextProvider","useFormGroupContext","FormLabel","FormControlFeedback","RadioControl","forwardRef","props","ref","getControlProps","getRadioControlProps","hasRadioSetProvider","radioProps","className","createElement","type","propTypes","string","defaultProps","undefined","FormRadio","
|
|
1
|
+
{"version":3,"file":"FormRadio.js","names":["React","PropTypes","classNames","useRadioSetContext","FormGroupContextProvider","useFormGroupContext","FormLabel","FormControlFeedback","RadioControl","forwardRef","props","ref","getControlProps","getRadioControlProps","hasRadioSetProvider","radioProps","className","createElement","type","propTypes","string","defaultProps","undefined","FormRadio","children","controlClassName","labelClassName","description","isInvalid","isValid","controlId","id","disabled","hasIcon","node","isRequired","bool"],"sources":["../../src/Form/FormRadio.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useRadioSetContext } from './FormRadioSetContext';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormLabel from './FormLabel';\nimport FormControlFeedback from './FormControlFeedback';\n\nconst RadioControl = React.forwardRef((props, ref) => {\n const { getControlProps } = useFormGroupContext();\n const { getRadioControlProps, hasRadioSetProvider } = useRadioSetContext();\n let radioProps = getControlProps({\n ...props,\n className: classNames('pgn__form-radio-input', props.className),\n });\n\n if (hasRadioSetProvider) {\n radioProps = getRadioControlProps(radioProps);\n }\n\n return (\n <input {...radioProps} type=\"radio\" ref={ref} />\n );\n});\n\nRadioControl.propTypes = {\n className: PropTypes.string,\n};\n\nRadioControl.defaultProps = {\n className: undefined,\n};\n\nconst FormRadio = React.forwardRef(({\n children,\n className,\n controlClassName,\n labelClassName,\n description,\n isInvalid,\n isValid,\n ...props\n}, ref) => (\n <FormGroupContextProvider\n controlId={props.id}\n isInvalid={isInvalid}\n isValid={isValid}\n >\n <div\n className={classNames('pgn__form-radio', className, {\n 'pgn__form-control-valid': isValid,\n 'pgn__form-control-invalid': isInvalid,\n 'pgn__form-control-disabled': props.disabled,\n })}\n >\n <RadioControl ref={ref} className={controlClassName} {...props} />\n <div>\n <FormLabel className={labelClassName}>\n {children}\n </FormLabel>\n {description && (\n <FormControlFeedback hasIcon={false}>\n {description}\n </FormControlFeedback>\n )}\n </div>\n </div>\n </FormGroupContextProvider>\n));\n\nFormRadio.propTypes = {\n /** Specifies id of the FormRadio component. */\n id: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies class name for control component. */\n controlClassName: PropTypes.string,\n /** Specifies class name for label component. */\n labelClassName: PropTypes.string,\n /** Specifies description to show under the radio's value. */\n description: PropTypes.node,\n /** Specifies whether to display component in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display component in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies whether the `FormRadio` is disabled. */\n disabled: PropTypes.bool,\n};\n\nFormRadio.defaultProps = {\n id: undefined,\n className: undefined,\n controlClassName: undefined,\n labelClassName: undefined,\n description: undefined,\n isInvalid: false,\n isValid: false,\n disabled: false,\n};\n\nexport { RadioControl };\nexport default FormRadio;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,18 +3,17 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { useFormGroupContext } from './FormGroupContext';
|
|
4
4
|
import { FormRadioSetContextProvider } from './FormRadioSetContext';
|
|
5
5
|
import FormControlSet from './FormControlSet';
|
|
6
|
-
function FormRadioSet(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
} = _ref;
|
|
6
|
+
function FormRadioSet({
|
|
7
|
+
children,
|
|
8
|
+
name,
|
|
9
|
+
value,
|
|
10
|
+
defaultValue,
|
|
11
|
+
isInline,
|
|
12
|
+
onChange,
|
|
13
|
+
onFocus,
|
|
14
|
+
onBlur,
|
|
15
|
+
...props
|
|
16
|
+
}) {
|
|
18
17
|
const {
|
|
19
18
|
getControlProps,
|
|
20
19
|
useSetIsControlGroupEffect
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRadioSet.js","names":["React","PropTypes","useFormGroupContext","FormRadioSetContextProvider","FormControlSet","FormRadioSet","
|
|
1
|
+
{"version":3,"file":"FormRadioSet.js","names":["React","PropTypes","useFormGroupContext","FormRadioSetContextProvider","FormControlSet","FormRadioSet","children","name","value","defaultValue","isInline","onChange","onFocus","onBlur","props","getControlProps","useSetIsControlGroupEffect","controlProps","createElement","role","propTypes","node","isRequired","className","string","bool","func","defaultProps","undefined"],"sources":["../../src/Form/FormRadioSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FormRadioSetContextProvider } from './FormRadioSetContext';\nimport FormControlSet from './FormControlSet';\n\nfunction FormRadioSet({\n children,\n name,\n value,\n defaultValue,\n isInline,\n onChange,\n onFocus,\n onBlur,\n ...props\n}) {\n const { getControlProps, useSetIsControlGroupEffect } = useFormGroupContext();\n useSetIsControlGroupEffect(true);\n const controlProps = getControlProps(props);\n return (\n <FormRadioSetContextProvider\n name={name}\n value={value}\n defaultValue={defaultValue}\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n >\n <FormControlSet role=\"radiogroup\" isInline={isInline} {...controlProps}>\n {children}\n </FormControlSet>\n </FormRadioSetContextProvider>\n );\n}\n\nFormRadioSet.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies name for the component. */\n name: PropTypes.string.isRequired,\n /** Specifies values for the FormRadioSet. */\n value: PropTypes.string,\n /** Specifies default values. */\n defaultValue: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies onChange event handler. */\n onChange: PropTypes.func,\n /** Specifies onFocus event handler. */\n onFocus: PropTypes.func,\n /** Specifies onBlur event handler. */\n onBlur: PropTypes.func,\n};\n\nFormRadioSet.defaultProps = {\n className: undefined,\n value: undefined,\n defaultValue: undefined,\n isInline: false,\n onChange: undefined,\n onFocus: undefined,\n onBlur: undefined,\n};\n\nexport default FormRadioSet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,SAASC,YAAYA,CAAC;EACpBC,QAAQ;EACRC,IAAI;EACJC,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACN,GAAGC;AACL,CAAC,EAAE;EACD,MAAM;IAAEC,eAAe;IAAEC;EAA2B,CAAC,GAAGd,mBAAmB,CAAC,CAAC;EAC7Ec,0BAA0B,CAAC,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAGF,eAAe,CAACD,KAAK,CAAC;EAC3C,oBACEd,KAAA,CAAAkB,aAAA,CAACf,2BAA2B;IAC1BI,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,QAAQ,EAAEA;EAAS,gBAEnBX,KAAA,CAAAkB,aAAA,CAACd,cAAc;IAACe,IAAI,EAAC,YAAY;IAACT,QAAQ,EAAEA,QAAS;IAAA,GAAKO;EAAY,GACnEX,QACa,CACW,CAAC;AAElC;AAEAD,YAAY,CAACe,SAAS,GAAG;EACvB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,SAAS,EAAEtB,SAAS,CAACuB,MAAM;EAC3B;EACAjB,IAAI,EAAEN,SAAS,CAACuB,MAAM,CAACF,UAAU;EACjC;EACAd,KAAK,EAAEP,SAAS,CAACuB,MAAM;EACvB;EACAf,YAAY,EAAER,SAAS,CAACuB,MAAM;EAC9B;EACAd,QAAQ,EAAET,SAAS,CAACwB,IAAI;EACxB;EACAd,QAAQ,EAAEV,SAAS,CAACyB,IAAI;EACxB;EACAd,OAAO,EAAEX,SAAS,CAACyB,IAAI;EACvB;EACAb,MAAM,EAAEZ,SAAS,CAACyB;AACpB,CAAC;AAEDrB,YAAY,CAACsB,YAAY,GAAG;EAC1BJ,SAAS,EAAEK,SAAS;EACpBpB,KAAK,EAAEoB,SAAS;EAChBnB,YAAY,EAAEmB,SAAS;EACvBlB,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAEiB,SAAS;EACnBhB,OAAO,EAAEgB,SAAS;EAClBf,MAAM,EAAEe;AACV,CAAC;AAED,eAAevB,YAAY","ignoreList":[]}
|
|
@@ -7,16 +7,15 @@ const FormRadioSetContext = /*#__PURE__*/React.createContext({
|
|
|
7
7
|
hasRadioSetProvider: false
|
|
8
8
|
});
|
|
9
9
|
const useRadioSetContext = () => useContext(FormRadioSetContext);
|
|
10
|
-
function FormRadioSetContextProvider(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
} = _ref;
|
|
10
|
+
function FormRadioSetContextProvider({
|
|
11
|
+
children,
|
|
12
|
+
name,
|
|
13
|
+
onBlur,
|
|
14
|
+
onFocus,
|
|
15
|
+
onChange,
|
|
16
|
+
value,
|
|
17
|
+
defaultValue
|
|
18
|
+
}) {
|
|
20
19
|
const isControlled = !defaultValue && value !== undefined;
|
|
21
20
|
const getRadioControlProps = radioProps => ({
|
|
22
21
|
...radioProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRadioSetContext.js","names":["React","useContext","PropTypes","callAllHandlers","identityFn","props","FormRadioSetContext","createContext","getRadioControlProps","hasRadioSetProvider","useRadioSetContext","FormRadioSetContextProvider","
|
|
1
|
+
{"version":3,"file":"FormRadioSetContext.js","names":["React","useContext","PropTypes","callAllHandlers","identityFn","props","FormRadioSetContext","createContext","getRadioControlProps","hasRadioSetProvider","useRadioSetContext","FormRadioSetContextProvider","children","name","onBlur","onFocus","onChange","value","defaultValue","isControlled","undefined","radioProps","checked","defaultChecked","contextValue","createElement","Provider","propTypes","node","isRequired","string","func","defaultProps"],"sources":["../../src/Form/FormRadioSetContext.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { callAllHandlers } from './fieldUtils';\n\nconst identityFn = props => props;\n\nconst FormRadioSetContext = React.createContext({\n getRadioControlProps: identityFn,\n hasRadioSetProvider: false,\n});\n\nconst useRadioSetContext = () => useContext(FormRadioSetContext);\n\nfunction FormRadioSetContextProvider({\n children,\n name,\n onBlur,\n onFocus,\n onChange,\n value,\n defaultValue,\n}) {\n const isControlled = !defaultValue && value !== undefined;\n const getRadioControlProps = (radioProps) => ({\n ...radioProps,\n name,\n /* istanbul ignore next */\n onBlur: radioProps.onBlur ? callAllHandlers(onBlur, radioProps.onBlur) : onBlur,\n /* istanbul ignore next */\n onFocus: radioProps.onFocus ? callAllHandlers(onFocus, radioProps.onFocus) : onFocus,\n /* istanbul ignore next */\n onChange: radioProps.onChange ? callAllHandlers(onChange, radioProps.onChange) : onChange,\n checked: isControlled ? value === radioProps.value : undefined,\n defaultChecked: isControlled ? undefined : defaultValue === radioProps.value,\n });\n const contextValue = {\n name,\n value,\n defaultValue,\n getRadioControlProps,\n onBlur,\n onFocus,\n onChange,\n hasRadioSetProvider: true,\n };\n return (\n <FormRadioSetContext.Provider value={contextValue}>\n {children}\n </FormRadioSetContext.Provider>\n );\n}\n\nFormRadioSetContextProvider.propTypes = {\n children: PropTypes.node.isRequired,\n name: PropTypes.string.isRequired,\n onBlur: PropTypes.func,\n onFocus: PropTypes.func,\n onChange: PropTypes.func,\n value: PropTypes.string,\n defaultValue: PropTypes.string,\n};\n\nFormRadioSetContextProvider.defaultProps = {\n onBlur: undefined,\n onFocus: undefined,\n onChange: undefined,\n value: undefined,\n defaultValue: undefined,\n};\n\nexport default FormRadioSetContext;\nexport {\n useRadioSetContext,\n FormRadioSetContextProvider,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,cAAc;AAE9C,MAAMC,UAAU,GAAGC,KAAK,IAAIA,KAAK;AAEjC,MAAMC,mBAAmB,gBAAGN,KAAK,CAACO,aAAa,CAAC;EAC9CC,oBAAoB,EAAEJ,UAAU;EAChCK,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEF,MAAMC,kBAAkB,GAAGA,CAAA,KAAMT,UAAU,CAACK,mBAAmB,CAAC;AAEhE,SAASK,2BAA2BA,CAAC;EACnCC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC;AACF,CAAC,EAAE;EACD,MAAMC,YAAY,GAAG,CAACD,YAAY,IAAID,KAAK,KAAKG,SAAS;EACzD,MAAMZ,oBAAoB,GAAIa,UAAU,KAAM;IAC5C,GAAGA,UAAU;IACbR,IAAI;IACJ;IACAC,MAAM,EAAEO,UAAU,CAACP,MAAM,GAAGX,eAAe,CAACW,MAAM,EAAEO,UAAU,CAACP,MAAM,CAAC,GAAGA,MAAM;IAC/E;IACAC,OAAO,EAAEM,UAAU,CAACN,OAAO,GAAGZ,eAAe,CAACY,OAAO,EAAEM,UAAU,CAACN,OAAO,CAAC,GAAGA,OAAO;IACpF;IACAC,QAAQ,EAAEK,UAAU,CAACL,QAAQ,GAAGb,eAAe,CAACa,QAAQ,EAAEK,UAAU,CAACL,QAAQ,CAAC,GAAGA,QAAQ;IACzFM,OAAO,EAAEH,YAAY,GAAGF,KAAK,KAAKI,UAAU,CAACJ,KAAK,GAAGG,SAAS;IAC9DG,cAAc,EAAEJ,YAAY,GAAGC,SAAS,GAAGF,YAAY,KAAKG,UAAU,CAACJ;EACzE,CAAC,CAAC;EACF,MAAMO,YAAY,GAAG;IACnBX,IAAI;IACJI,KAAK;IACLC,YAAY;IACZV,oBAAoB;IACpBM,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRP,mBAAmB,EAAE;EACvB,CAAC;EACD,oBACET,KAAA,CAAAyB,aAAA,CAACnB,mBAAmB,CAACoB,QAAQ;IAACT,KAAK,EAAEO;EAAa,GAC/CZ,QAC2B,CAAC;AAEnC;AAEAD,2BAA2B,CAACgB,SAAS,GAAG;EACtCf,QAAQ,EAAEV,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACnChB,IAAI,EAAEX,SAAS,CAAC4B,MAAM,CAACD,UAAU;EACjCf,MAAM,EAAEZ,SAAS,CAAC6B,IAAI;EACtBhB,OAAO,EAAEb,SAAS,CAAC6B,IAAI;EACvBf,QAAQ,EAAEd,SAAS,CAAC6B,IAAI;EACxBd,KAAK,EAAEf,SAAS,CAAC4B,MAAM;EACvBZ,YAAY,EAAEhB,SAAS,CAAC4B;AAC1B,CAAC;AAEDnB,2BAA2B,CAACqB,YAAY,GAAG;EACzClB,MAAM,EAAEM,SAAS;EACjBL,OAAO,EAAEK,SAAS;EAClBJ,QAAQ,EAAEI,SAAS;EACnBH,KAAK,EAAEG,SAAS;EAChBF,YAAY,EAAEE;AAChB,CAAC;AAED,eAAed,mBAAmB;AAClC,SACEI,kBAAkB,EAClBC,2BAA2B","ignoreList":[]}
|
package/dist/Form/FormSwitch.js
CHANGED
|
@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import FormCheckbox from './FormCheckbox';
|
|
5
5
|
import { useFormGroupContext } from './FormGroupContext';
|
|
6
|
-
const SwitchControl = /*#__PURE__*/React.forwardRef((
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} = _ref;
|
|
6
|
+
const SwitchControl = /*#__PURE__*/React.forwardRef(({
|
|
7
|
+
isIndeterminate,
|
|
8
|
+
...props
|
|
9
|
+
}, ref) => {
|
|
11
10
|
const defaultRef = React.useRef();
|
|
12
11
|
const resolvedRef = ref || defaultRef;
|
|
13
12
|
const {
|
|
@@ -39,30 +38,27 @@ SwitchControl.defaultProps = {
|
|
|
39
38
|
isIndeterminate: false,
|
|
40
39
|
className: undefined
|
|
41
40
|
};
|
|
42
|
-
const FormSwitch = /*#__PURE__*/React.forwardRef((
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
className: "pgn__form-switch-helper-text"
|
|
64
|
-
}, helperText));
|
|
65
|
-
});
|
|
41
|
+
const FormSwitch = /*#__PURE__*/React.forwardRef(({
|
|
42
|
+
children,
|
|
43
|
+
className,
|
|
44
|
+
helperText,
|
|
45
|
+
...props
|
|
46
|
+
}, ref) => /*#__PURE__*/React.createElement("div", {
|
|
47
|
+
className: "d-inline-flex flex-column"
|
|
48
|
+
}, /*#__PURE__*/React.createElement(FormCheckbox, {
|
|
49
|
+
className: classNames('pgn__form-switch', className),
|
|
50
|
+
...props,
|
|
51
|
+
role: "switch",
|
|
52
|
+
ref: ref,
|
|
53
|
+
controlAs: SwitchControl
|
|
54
|
+
// ignore the following props for form switch
|
|
55
|
+
,
|
|
56
|
+
isValid: null,
|
|
57
|
+
isInvalid: null,
|
|
58
|
+
description: null
|
|
59
|
+
}, children), helperText && /*#__PURE__*/React.createElement("div", {
|
|
60
|
+
className: "pgn__form-switch-helper-text"
|
|
61
|
+
}, helperText)));
|
|
66
62
|
FormSwitch.propTypes = {
|
|
67
63
|
/** Specifies contents of the component. */
|
|
68
64
|
children: PropTypes.node.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSwitch.js","names":["React","PropTypes","classNames","FormCheckbox","useFormGroupContext","SwitchControl","forwardRef","
|
|
1
|
+
{"version":3,"file":"FormSwitch.js","names":["React","PropTypes","classNames","FormCheckbox","useFormGroupContext","SwitchControl","forwardRef","isIndeterminate","props","ref","defaultRef","useRef","resolvedRef","getControlProps","checkboxProps","className","useEffect","current","indeterminate","createElement","type","propTypes","bool","string","defaultProps","undefined","FormSwitch","children","helperText","role","controlAs","isValid","isInvalid","description","node","isRequired","labelClassName","floatLabelLeft"],"sources":["../../src/Form/FormSwitch.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport FormCheckbox from './FormCheckbox';\nimport { useFormGroupContext } from './FormGroupContext';\n\nconst SwitchControl = React.forwardRef(\n ({ isIndeterminate, ...props }, ref) => {\n const defaultRef = React.useRef();\n const resolvedRef = ref || defaultRef;\n const { getControlProps } = useFormGroupContext();\n const checkboxProps = getControlProps({\n ...props,\n className: classNames(\n 'pgn__form-switch-input',\n props.className,\n ),\n });\n\n React.useEffect(() => {\n // this if(resolvedRef.current) prevents console errors in testing\n if (resolvedRef.current) {\n resolvedRef.current.indeterminate = isIndeterminate;\n }\n }, [resolvedRef, isIndeterminate]);\n\n return (\n <input\n type=\"checkbox\"\n {...checkboxProps}\n ref={resolvedRef}\n />\n );\n },\n);\n\nSwitchControl.propTypes = {\n /** Specifies whether input should be rendered in indeterminate state. */\n isIndeterminate: PropTypes.bool,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nSwitchControl.defaultProps = {\n isIndeterminate: false,\n className: undefined,\n};\n\nconst FormSwitch = React.forwardRef(({\n children,\n className,\n helperText,\n ...props\n}, ref) => (\n <div className=\"d-inline-flex flex-column\">\n <FormCheckbox\n className={classNames('pgn__form-switch', className)}\n {...props}\n role=\"switch\"\n ref={ref}\n controlAs={SwitchControl}\n // ignore the following props for form switch\n isValid={null}\n isInvalid={null}\n description={null}\n >\n {children}\n </FormCheckbox>\n {helperText && (\n <div className=\"pgn__form-switch-helper-text\">\n {helperText}\n </div>\n )}\n </div>\n));\n\nFormSwitch.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies class name to append to the label element. */\n labelClassName: PropTypes.string,\n /** Specifies helper text to display below the switch. */\n helperText: PropTypes.node,\n /** Determines whether the label should float to the left when the switch is active. */\n floatLabelLeft: PropTypes.bool,\n};\n\nFormSwitch.defaultProps = {\n className: undefined,\n labelClassName: undefined,\n helperText: undefined,\n floatLabelLeft: false,\n};\n\nexport { SwitchControl };\nexport default FormSwitch;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,MAAMC,aAAa,gBAAGL,KAAK,CAACM,UAAU,CACpC,CAAC;EAAEC,eAAe;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtC,MAAMC,UAAU,GAAGV,KAAK,CAACW,MAAM,CAAC,CAAC;EACjC,MAAMC,WAAW,GAAGH,GAAG,IAAIC,UAAU;EACrC,MAAM;IAAEG;EAAgB,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACjD,MAAMU,aAAa,GAAGD,eAAe,CAAC;IACpC,GAAGL,KAAK;IACRO,SAAS,EAAEb,UAAU,CACnB,wBAAwB,EACxBM,KAAK,CAACO,SACR;EACF,CAAC,CAAC;EAEFf,KAAK,CAACgB,SAAS,CAAC,MAAM;IACpB;IACA,IAAIJ,WAAW,CAACK,OAAO,EAAE;MACvBL,WAAW,CAACK,OAAO,CAACC,aAAa,GAAGX,eAAe;IACrD;EACF,CAAC,EAAE,CAACK,WAAW,EAAEL,eAAe,CAAC,CAAC;EAElC,oBACEP,KAAA,CAAAmB,aAAA;IACEC,IAAI,EAAC,UAAU;IAAA,GACXN,aAAa;IACjBL,GAAG,EAAEG;EAAY,CAClB,CAAC;AAEN,CACF,CAAC;AAEDP,aAAa,CAACgB,SAAS,GAAG;EACxB;EACAd,eAAe,EAAEN,SAAS,CAACqB,IAAI;EAC/B;EACAP,SAAS,EAAEd,SAAS,CAACsB;AACvB,CAAC;AAEDlB,aAAa,CAACmB,YAAY,GAAG;EAC3BjB,eAAe,EAAE,KAAK;EACtBQ,SAAS,EAAEU;AACb,CAAC;AAED,MAAMC,UAAU,gBAAG1B,KAAK,CAACM,UAAU,CAAC,CAAC;EACnCqB,QAAQ;EACRZ,SAAS;EACTa,UAAU;EACV,GAAGpB;AACL,CAAC,EAAEC,GAAG,kBACJT,KAAA,CAAAmB,aAAA;EAAKJ,SAAS,EAAC;AAA2B,gBACxCf,KAAA,CAAAmB,aAAA,CAAChB,YAAY;EACXY,SAAS,EAAEb,UAAU,CAAC,kBAAkB,EAAEa,SAAS,CAAE;EAAA,GACjDP,KAAK;EACTqB,IAAI,EAAC,QAAQ;EACbpB,GAAG,EAAEA,GAAI;EACTqB,SAAS,EAAEzB;EACX;EAAA;EACA0B,OAAO,EAAE,IAAK;EACdC,SAAS,EAAE,IAAK;EAChBC,WAAW,EAAE;AAAK,GAEjBN,QACW,CAAC,EACdC,UAAU,iBACT5B,KAAA,CAAAmB,aAAA;EAAKJ,SAAS,EAAC;AAA8B,GAC1Ca,UACE,CAEJ,CACN,CAAC;AAEFF,UAAU,CAACL,SAAS,GAAG;EACrB;EACAM,QAAQ,EAAE1B,SAAS,CAACiC,IAAI,CAACC,UAAU;EACnC;EACApB,SAAS,EAAEd,SAAS,CAACsB,MAAM;EAC3B;EACAa,cAAc,EAAEnC,SAAS,CAACsB,MAAM;EAChC;EACAK,UAAU,EAAE3B,SAAS,CAACiC,IAAI;EAC1B;EACAG,cAAc,EAAEpC,SAAS,CAACqB;AAC5B,CAAC;AAEDI,UAAU,CAACF,YAAY,GAAG;EACxBT,SAAS,EAAEU,SAAS;EACpBW,cAAc,EAAEX,SAAS;EACzBG,UAAU,EAAEH,SAAS;EACrBY,cAAc,EAAE;AAClB,CAAC;AAED,SAAShC,aAAa;AACtB,eAAeqB,UAAU","ignoreList":[]}
|
package/dist/Form/FormText.js
CHANGED
|
@@ -13,11 +13,10 @@ const FORM_TEXT_ICONS = {
|
|
|
13
13
|
[FORM_TEXT_TYPES.CRITERIA_VALID]: CheckCircle,
|
|
14
14
|
[FORM_TEXT_TYPES.CRITERIA_INVALID]: Cancel
|
|
15
15
|
};
|
|
16
|
-
const resolveTextType =
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
} = _ref;
|
|
16
|
+
const resolveTextType = ({
|
|
17
|
+
isInvalid,
|
|
18
|
+
isValid
|
|
19
|
+
}) => {
|
|
21
20
|
if (isValid) {
|
|
22
21
|
return FORM_TEXT_TYPES.VALID;
|
|
23
22
|
}
|
|
@@ -26,11 +25,10 @@ const resolveTextType = _ref => {
|
|
|
26
25
|
}
|
|
27
26
|
return FORM_TEXT_TYPES.DEFAULT;
|
|
28
27
|
};
|
|
29
|
-
function FormTextIcon(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
} = _ref2;
|
|
28
|
+
function FormTextIcon({
|
|
29
|
+
type,
|
|
30
|
+
customIcon
|
|
31
|
+
}) {
|
|
34
32
|
if (customIcon) {
|
|
35
33
|
return customIcon;
|
|
36
34
|
}
|
|
@@ -50,15 +48,14 @@ FormTextIcon.defaultProps = {
|
|
|
50
48
|
type: undefined,
|
|
51
49
|
customIcon: undefined
|
|
52
50
|
};
|
|
53
|
-
function FormText(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
} = _ref3;
|
|
51
|
+
function FormText({
|
|
52
|
+
children,
|
|
53
|
+
type,
|
|
54
|
+
icon,
|
|
55
|
+
muted,
|
|
56
|
+
hasIcon,
|
|
57
|
+
...props
|
|
58
|
+
}) {
|
|
62
59
|
const className = classNames(props.className, 'pgn__form-text', `pgn__form-text-${type}`, {
|
|
63
60
|
'text-muted': muted
|
|
64
61
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormText.js","names":["React","PropTypes","classNames","Icon","Check","Close","Cancel","CheckCircle","RadioButtonUnchecked","WarningFilled","FORM_TEXT_TYPES","FORM_TEXT_ICONS","DEFAULT","VALID","INVALID","WARNING","CRITERIA_EMPTY","CRITERIA_VALID","CRITERIA_INVALID","resolveTextType","
|
|
1
|
+
{"version":3,"file":"FormText.js","names":["React","PropTypes","classNames","Icon","Check","Close","Cancel","CheckCircle","RadioButtonUnchecked","WarningFilled","FORM_TEXT_TYPES","FORM_TEXT_ICONS","DEFAULT","VALID","INVALID","WARNING","CRITERIA_EMPTY","CRITERIA_VALID","CRITERIA_INVALID","resolveTextType","isInvalid","isValid","FormTextIcon","type","customIcon","typeIcon","createElement","src","propTypes","oneOf","Object","values","node","defaultProps","undefined","FormText","children","icon","muted","hasIcon","props","className","FORM_TEXT_TYPE_CHOICES","isRequired","string","bool"],"sources":["../../src/Form/FormText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport {\n Check, Close, Cancel, CheckCircle, RadioButtonUnchecked, WarningFilled,\n} from '../../icons';\n\nimport { FORM_TEXT_TYPES } from './constants';\n\nconst FORM_TEXT_ICONS = {\n [FORM_TEXT_TYPES.DEFAULT]: null,\n [FORM_TEXT_TYPES.VALID]: Check,\n [FORM_TEXT_TYPES.INVALID]: Close,\n [FORM_TEXT_TYPES.WARNING]: WarningFilled,\n [FORM_TEXT_TYPES.CRITERIA_EMPTY]: RadioButtonUnchecked,\n [FORM_TEXT_TYPES.CRITERIA_VALID]: CheckCircle,\n [FORM_TEXT_TYPES.CRITERIA_INVALID]: Cancel,\n};\n\nconst resolveTextType = ({ isInvalid, isValid }) => {\n if (isValid) {\n return FORM_TEXT_TYPES.VALID;\n }\n if (isInvalid) {\n return FORM_TEXT_TYPES.INVALID;\n }\n return FORM_TEXT_TYPES.DEFAULT;\n};\n\nfunction FormTextIcon({ type, customIcon }) {\n if (customIcon) {\n return customIcon;\n }\n\n const typeIcon = FORM_TEXT_ICONS[type];\n if (typeIcon) {\n return <Icon src={typeIcon} />;\n }\n\n return null;\n}\n\nFormTextIcon.propTypes = {\n type: PropTypes.oneOf(Object.values(FORM_TEXT_TYPES)),\n customIcon: PropTypes.node,\n};\n\nFormTextIcon.defaultProps = {\n type: undefined,\n customIcon: undefined,\n};\n\nfunction FormText({\n children, type, icon, muted, hasIcon, ...props\n}) {\n const className = classNames(\n props.className,\n 'pgn__form-text',\n `pgn__form-text-${type}`,\n {\n 'text-muted': muted,\n },\n );\n\n return (\n <div {...props} className={className}>\n {hasIcon && <FormTextIcon customIcon={icon} type={type} />}\n <div>\n {children}\n </div>\n </div>\n );\n}\n\nconst FORM_TEXT_TYPE_CHOICES = [\n 'default',\n 'valid',\n 'invalid',\n 'warning',\n 'criteria-empty',\n 'criteria-valid',\n 'criteria-invalid',\n];\n\nFormText.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether to show an icon next to the text. */\n hasIcon: PropTypes.bool,\n /** Specifies text type, this affects styling. */\n type: PropTypes.oneOf(FORM_TEXT_TYPE_CHOICES),\n /** Specifies icon to show, will only be shown if `hasIcon` prop is set to `true`. */\n icon: PropTypes.node,\n /** Specifies whether to show text with muted styling. */\n muted: PropTypes.bool,\n};\n\nFormText.defaultProps = {\n hasIcon: true,\n type: 'default',\n icon: undefined,\n className: undefined,\n muted: false,\n};\n\nexport default FormText;\nexport {\n FORM_TEXT_TYPES,\n FORM_TEXT_ICONS,\n FormTextIcon,\n resolveTextType,\n};\n"],"mappings":"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","ignoreList":[]}
|
package/dist/Form/fieldUtils.js
CHANGED
|
@@ -1,30 +1,22 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import { useState, useEffect } from 'react';
|
|
3
3
|
import { newId } from '../utils';
|
|
4
|
-
const omitUndefinedProperties =
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
let [key, value] = _ref;
|
|
8
|
-
if (value !== undefined) {
|
|
9
|
-
acc[key] = value;
|
|
10
|
-
}
|
|
11
|
-
return acc;
|
|
12
|
-
}, {});
|
|
13
|
-
};
|
|
14
|
-
const callAllHandlers = function () {
|
|
15
|
-
for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
16
|
-
handlers[_key] = arguments[_key];
|
|
4
|
+
const omitUndefinedProperties = (obj = {}) => Object.entries(obj).reduce((acc, [key, value]) => {
|
|
5
|
+
if (value !== undefined) {
|
|
6
|
+
acc[key] = value;
|
|
17
7
|
}
|
|
8
|
+
return acc;
|
|
9
|
+
}, {});
|
|
10
|
+
const callAllHandlers = (...handlers) => {
|
|
18
11
|
const unifiedEventHandler = event => {
|
|
19
12
|
handlers.filter(handler => typeof handler === 'function').forEach(handler => handler(event));
|
|
20
13
|
};
|
|
21
14
|
return unifiedEventHandler;
|
|
22
15
|
};
|
|
23
|
-
const useHasValue =
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
} = _ref2;
|
|
16
|
+
const useHasValue = ({
|
|
17
|
+
defaultValue,
|
|
18
|
+
value
|
|
19
|
+
}) => {
|
|
28
20
|
const [hasUncontrolledValue, setHasUncontrolledValue] = useState(!!defaultValue || defaultValue === 0);
|
|
29
21
|
const hasValue = !!value || value === 0 || hasUncontrolledValue;
|
|
30
22
|
const handleInputEvent = e => setHasUncontrolledValue(!!e.target.value);
|
|
@@ -57,10 +49,7 @@ const useIdList = (uniqueIdPrefix, initialList) => {
|
|
|
57
49
|
};
|
|
58
50
|
return [idList, useRegisteredId];
|
|
59
51
|
};
|
|
60
|
-
const mergeAttributeValues =
|
|
61
|
-
for (var _len2 = arguments.length, values = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
62
|
-
values[_key2] = arguments[_key2];
|
|
63
|
-
}
|
|
52
|
+
const mergeAttributeValues = (...values) => {
|
|
64
53
|
const mergedValues = classNames(values);
|
|
65
54
|
return mergedValues || undefined;
|
|
66
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fieldUtils.js","names":["classNames","useState","useEffect","newId","omitUndefinedProperties","obj","
|
|
1
|
+
{"version":3,"file":"fieldUtils.js","names":["classNames","useState","useEffect","newId","omitUndefinedProperties","obj","Object","entries","reduce","acc","key","value","undefined","callAllHandlers","handlers","unifiedEventHandler","event","filter","handler","forEach","useHasValue","defaultValue","hasUncontrolledValue","setHasUncontrolledValue","hasValue","handleInputEvent","e","target","useIdList","uniqueIdPrefix","initialList","idList","setIdList","addId","idToAdd","oldIdList","getNewId","removeId","idToRemove","id","useRegisteredId","explicitlyRegisteredId","registeredId","setRegisteredId","mergeAttributeValues","values","mergedValues"],"sources":["../../src/Form/fieldUtils.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useState, useEffect } from 'react';\nimport { newId } from '../utils';\n\nconst omitUndefinedProperties = (obj = {}) => Object.entries(obj)\n .reduce((acc, [key, value]) => {\n if (value !== undefined) {\n acc[key] = value;\n }\n return acc;\n }, {} as Record<string, any>);\n\nconst callAllHandlers = <EventType extends Object>(...handlers: ((event: EventType) => void)[]) => {\n const unifiedEventHandler = (event: EventType) => {\n handlers\n .filter(handler => typeof handler === 'function')\n .forEach(handler => handler(event));\n };\n return unifiedEventHandler;\n};\n\nconst useHasValue = <ValueType>({ defaultValue, value }: { defaultValue?: ValueType, value?: ValueType }) => {\n const [hasUncontrolledValue, setHasUncontrolledValue] = useState(!!defaultValue || defaultValue === 0);\n const hasValue = !!value || value === 0 || hasUncontrolledValue;\n const handleInputEvent = (e: React.ChangeEvent<HTMLInputElement>) => setHasUncontrolledValue(!!e.target.value);\n return [hasValue, handleInputEvent];\n};\n\nconst useIdList = (\n uniqueIdPrefix: string,\n initialList?: string[],\n): [idList: string[], useRegisteredId: (id: string | undefined) => string | undefined] => {\n const [idList, setIdList] = useState(initialList || []);\n const addId = (idToAdd: string) => {\n setIdList(oldIdList => [...oldIdList, idToAdd]);\n return idToAdd;\n };\n const getNewId = () => {\n const idToAdd = newId(`${uniqueIdPrefix}-`);\n return addId(idToAdd);\n };\n const removeId = (idToRemove: string | undefined) => {\n setIdList(oldIdList => oldIdList.filter(id => id !== idToRemove));\n };\n\n const useRegisteredId = (explicitlyRegisteredId: string | undefined) => {\n const [registeredId, setRegisteredId] = useState(explicitlyRegisteredId);\n useEffect(() => {\n if (explicitlyRegisteredId) {\n addId(explicitlyRegisteredId);\n } else if (!registeredId) {\n setRegisteredId(getNewId());\n }\n return () => removeId(registeredId);\n }, [registeredId, explicitlyRegisteredId]);\n return registeredId;\n };\n\n return [idList, useRegisteredId];\n};\n\nconst mergeAttributeValues = (...values: (string | undefined)[]) => {\n const mergedValues = classNames(values);\n return mergedValues || undefined;\n};\n\nexport {\n callAllHandlers,\n useHasValue,\n mergeAttributeValues,\n useIdList,\n omitUndefinedProperties,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -12,8 +12,7 @@ const checkboxValuesReducer = (state, action) => {
|
|
|
12
12
|
return [];
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
const useCheckboxSetValues =
|
|
16
|
-
let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
15
|
+
const useCheckboxSetValues = (initialState = []) => {
|
|
17
16
|
const [state, dispatch] = useReducer(checkboxValuesReducer, initialState);
|
|
18
17
|
const dispatchers = {
|
|
19
18
|
add: value => dispatch({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxSetValues.js","names":["useReducer","checkboxValuesReducer","state","action","type","value","filter","useCheckboxSetValues","initialState","
|
|
1
|
+
{"version":3,"file":"useCheckboxSetValues.js","names":["useReducer","checkboxValuesReducer","state","action","type","value","filter","useCheckboxSetValues","initialState","dispatch","dispatchers","add","remove","set","clear"],"sources":["../../src/Form/useCheckboxSetValues.jsx"],"sourcesContent":["import { useReducer } from 'react';\n\nconst checkboxValuesReducer = (state, action) => {\n switch (action.type) {\n case 'add':\n return [...state, action.value];\n case 'remove':\n return state.filter(value => value !== action.value);\n case 'set':\n return [...action.value];\n case 'clear':\n default:\n return [];\n }\n};\n\nconst useCheckboxSetValues = (initialState = []) => {\n const [state, dispatch] = useReducer(checkboxValuesReducer, initialState);\n\n const dispatchers = {\n add: (value) => dispatch({ type: 'add', value }),\n remove: (value) => dispatch({ type: 'remove', value }),\n set: (value) => dispatch({ type: 'set', value }),\n clear: () => dispatch({ type: 'clear' }),\n };\n return [state, dispatchers];\n};\n\nexport default useCheckboxSetValues;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,MAAMC,qBAAqB,GAAGA,CAACC,KAAK,EAAEC,MAAM,KAAK;EAC/C,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,KAAK;MACR,OAAO,CAAC,GAAGF,KAAK,EAAEC,MAAM,CAACE,KAAK,CAAC;IACjC,KAAK,QAAQ;MACX,OAAOH,KAAK,CAACI,MAAM,CAACD,KAAK,IAAIA,KAAK,KAAKF,MAAM,CAACE,KAAK,CAAC;IACtD,KAAK,KAAK;MACR,OAAO,CAAC,GAAGF,MAAM,CAACE,KAAK,CAAC;IAC1B,KAAK,OAAO;IACZ;MACE,OAAO,EAAE;EACb;AACF,CAAC;AAED,MAAME,oBAAoB,GAAGA,CAACC,YAAY,GAAG,EAAE,KAAK;EAClD,MAAM,CAACN,KAAK,EAAEO,QAAQ,CAAC,GAAGT,UAAU,CAACC,qBAAqB,EAAEO,YAAY,CAAC;EAEzE,MAAME,WAAW,GAAG;IAClBC,GAAG,EAAGN,KAAK,IAAKI,QAAQ,CAAC;MAAEL,IAAI,EAAE,KAAK;MAAEC;IAAM,CAAC,CAAC;IAChDO,MAAM,EAAGP,KAAK,IAAKI,QAAQ,CAAC;MAAEL,IAAI,EAAE,QAAQ;MAAEC;IAAM,CAAC,CAAC;IACtDQ,GAAG,EAAGR,KAAK,IAAKI,QAAQ,CAAC;MAAEL,IAAI,EAAE,KAAK;MAAEC;IAAM,CAAC,CAAC;IAChDS,KAAK,EAAEA,CAAA,KAAML,QAAQ,CAAC;MAAEL,IAAI,EAAE;IAAQ,CAAC;EACzC,CAAC;EACD,OAAO,CAACF,KAAK,EAAEQ,WAAW,CAAC;AAC7B,CAAC;AAED,eAAeH,oBAAoB","ignoreList":[]}
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -16,21 +16,20 @@ const messages = defineMessages({
|
|
|
16
16
|
defaultMessage: 'Opens in a new tab'
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
const Hyperlink = /*#__PURE__*/forwardRef((
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
} = _ref;
|
|
19
|
+
const Hyperlink = /*#__PURE__*/forwardRef(({
|
|
20
|
+
as: Component = 'a',
|
|
21
|
+
className,
|
|
22
|
+
destination,
|
|
23
|
+
children,
|
|
24
|
+
target = '_self',
|
|
25
|
+
onClick,
|
|
26
|
+
externalLinkAlternativeText,
|
|
27
|
+
externalLinkTitle,
|
|
28
|
+
variant = 'default',
|
|
29
|
+
isInline = false,
|
|
30
|
+
showLaunchIcon = true,
|
|
31
|
+
...attrs
|
|
32
|
+
}, ref) => {
|
|
34
33
|
const intl = useIntl();
|
|
35
34
|
let externalLinkIcon;
|
|
36
35
|
if (target === '_blank') {
|
|
@@ -89,12 +88,9 @@ Hyperlink.propTypes = {
|
|
|
89
88
|
// @ts-ignore
|
|
90
89
|
as: PropTypes.elementType,
|
|
91
90
|
/** specifies the URL; required iff `as` prop is a standard anchor tag */
|
|
92
|
-
destination: customPropTypeRequirement(PropTypes.string,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
} = _ref2;
|
|
96
|
-
return as && as === 'a';
|
|
97
|
-
},
|
|
91
|
+
destination: customPropTypeRequirement(PropTypes.string, ({
|
|
92
|
+
as
|
|
93
|
+
}) => as && as === 'a',
|
|
98
94
|
// "[`destination` is required when]..."
|
|
99
95
|
'the `as` prop is a standard anchor element (i.e., "a")'),
|
|
100
96
|
/** Content of the hyperlink */
|