@openedx/paragon 23.14.1 → 23.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +80 -14
- 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.d.ts +6 -2
- package/dist/Bubble/index.js +14 -39
- 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/DropdownFilters.js +7 -2
- package/dist/DataTable/DropdownFilters.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 +42 -36
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/messages.d.ts +13 -0
- package/dist/DataTable/messages.js +7 -3
- 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.d.ts +6 -65
- package/dist/Modal/ModalDialog.js +16 -81
- 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.d.ts +0 -25
- package/dist/Modal/ModalLayer.js +13 -35
- 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.d.ts +11 -0
- package/dist/Spinner/index.js +6 -17
- 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 +5 -5
- package/dist/index.js +5 -10
- package/dist/index.js.map +1 -1
- package/dist/theme-urls.json +6 -6
- package/dist/utils/newId.js +1 -2
- package/dist/utils/newId.js.map +1 -1
- package/package.json +2 -2
- 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/Bubble/index.tsx +12 -32
- 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/DataTable/DropdownFilters.jsx +9 -2
- package/src/DataTable/README.md +19 -18
- package/src/DataTable/index.jsx +6 -1
- package/src/DataTable/{messages.js → messages.ts} +5 -0
- package/src/DataTable/tests/DataTable.test.jsx +51 -1
- package/src/DataTable/tests/DropdownFilters.test.jsx +11 -7
- 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/ModalDialog.tsx +6 -66
- package/src/Modal/ModalLayer.tsx +0 -22
- package/src/Modal/modal-popup.mdx +1 -1
- package/src/ProductTour/ProductTour.test.jsx +0 -1
- package/src/ResponsiveEmbed/index.tsx +1 -0
- package/src/Skeleton/index.tsx +1 -0
- package/src/Spinner/{index.jsx → index.tsx} +10 -15
- package/src/Toast/index.tsx +21 -40
- package/src/ToggleButton/index.tsx +2 -0
- package/src/index.ts +5 -10
- /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/Dropzone/{messages.js → messages.ts} +0 -0
- /package/src/ProductTour/{messages.js → messages.ts} +0 -0
- /package/src/Spinner/{Spinner.test.jsx → Spinner.test.tsx} +0 -0
- /package/src/Spinner/__snapshots__/{Spinner.test.jsx.snap → Spinner.test.tsx.snap} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlDecoratorGroup.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormControlFloatingLabel","FormControlDecorator","FormControlDecoratorGroup","
|
|
1
|
+
{"version":3,"file":"FormControlDecoratorGroup.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormControlFloatingLabel","FormControlDecorator","FormControlDecoratorGroup","children","leadingElement","trailingElement","floatingLabel","className","props","formGroupContext","size","createElement","LARGE","SMALL","location","propTypes","node","isRequired","string","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormControlDecoratorGroup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\nimport FormControlFloatingLabel from './FormControlFloatingLabel';\nimport FormControlDecorator from './FormControlDecorator';\n\n/**\n * Decorates a textual input.\n */\nfunction FormControlDecoratorGroup({\n children,\n leadingElement,\n trailingElement,\n floatingLabel,\n className,\n ...props\n}) {\n const formGroupContext = useFormGroupContext(props);\n const size = props.size || formGroupContext.size;\n return (\n <div\n className={classNames(\n 'pgn__form-control-decorator-group',\n {\n 'has-prepended-node': !!leadingElement,\n 'has-appended-node': !!trailingElement,\n 'has-leading-element': !!leadingElement,\n 'has-trailing-element': !!trailingElement,\n 'has-floating-label': !!floatingLabel,\n 'pgn__form-control-decorator-group-lg': size === FORM_CONTROL_SIZES.LARGE,\n 'pgn__form-control-decorator-group-sm': size === FORM_CONTROL_SIZES.SMALL,\n },\n className,\n )}\n {...props}\n >\n {children}\n {leadingElement && <FormControlDecorator location=\"leading\">{leadingElement}</FormControlDecorator>}\n {trailingElement && <FormControlDecorator location=\"trailing\">{trailingElement}</FormControlDecorator>}\n {floatingLabel && <FormControlFloatingLabel>{floatingLabel}</FormControlFloatingLabel>}\n </div>\n );\n}\n\nFormControlDecoratorGroup.propTypes = {\n children: PropTypes.node.isRequired,\n leadingElement: PropTypes.node,\n trailingElement: PropTypes.node,\n floatingLabel: PropTypes.node,\n className: PropTypes.string,\n size: PropTypes.oneOf([\n FORM_CONTROL_SIZES.SMALL,\n FORM_CONTROL_SIZES.LARGE,\n ]),\n};\nFormControlDecoratorGroup.defaultProps = {\n leadingElement: undefined,\n trailingElement: undefined,\n floatingLabel: undefined,\n className: undefined,\n size: undefined,\n};\n\nexport default FormControlDecoratorGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAChD,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,OAAOC,oBAAoB,MAAM,wBAAwB;;AAEzD;AACA;AACA;AACA,SAASC,yBAAyBA,CAAC;EACjCC,QAAQ;EACRC,cAAc;EACdC,eAAe;EACfC,aAAa;EACbC,SAAS;EACT,GAAGC;AACL,CAAC,EAAE;EACD,MAAMC,gBAAgB,GAAGX,mBAAmB,CAACU,KAAK,CAAC;EACnD,MAAME,IAAI,GAAGF,KAAK,CAACE,IAAI,IAAID,gBAAgB,CAACC,IAAI;EAChD,oBACEf,KAAA,CAAAgB,aAAA;IACEJ,SAAS,EAAEV,UAAU,CACnB,mCAAmC,EACnC;MACE,oBAAoB,EAAE,CAAC,CAACO,cAAc;MACtC,mBAAmB,EAAE,CAAC,CAACC,eAAe;MACtC,qBAAqB,EAAE,CAAC,CAACD,cAAc;MACvC,sBAAsB,EAAE,CAAC,CAACC,eAAe;MACzC,oBAAoB,EAAE,CAAC,CAACC,aAAa;MACrC,sCAAsC,EAAEI,IAAI,KAAKX,kBAAkB,CAACa,KAAK;MACzE,sCAAsC,EAAEF,IAAI,KAAKX,kBAAkB,CAACc;IACtE,CAAC,EACDN,SACF,CAAE;IAAA,GACEC;EAAK,GAERL,QAAQ,EACRC,cAAc,iBAAIT,KAAA,CAAAgB,aAAA,CAACV,oBAAoB;IAACa,QAAQ,EAAC;EAAS,GAAEV,cAAqC,CAAC,EAClGC,eAAe,iBAAIV,KAAA,CAAAgB,aAAA,CAACV,oBAAoB;IAACa,QAAQ,EAAC;EAAU,GAAET,eAAsC,CAAC,EACrGC,aAAa,iBAAIX,KAAA,CAAAgB,aAAA,CAACX,wBAAwB,QAAEM,aAAwC,CAClF,CAAC;AAEV;AAEAJ,yBAAyB,CAACa,SAAS,GAAG;EACpCZ,QAAQ,EAAEP,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnCb,cAAc,EAAER,SAAS,CAACoB,IAAI;EAC9BX,eAAe,EAAET,SAAS,CAACoB,IAAI;EAC/BV,aAAa,EAAEV,SAAS,CAACoB,IAAI;EAC7BT,SAAS,EAAEX,SAAS,CAACsB,MAAM;EAC3BR,IAAI,EAAEd,SAAS,CAACuB,KAAK,CAAC,CACpBpB,kBAAkB,CAACc,KAAK,EACxBd,kBAAkB,CAACa,KAAK,CACzB;AACH,CAAC;AACDV,yBAAyB,CAACkB,YAAY,GAAG;EACvChB,cAAc,EAAEiB,SAAS;EACzBhB,eAAe,EAAEgB,SAAS;EAC1Bf,aAAa,EAAEe,SAAS;EACxBd,SAAS,EAAEc,SAAS;EACpBX,IAAI,EAAEW;AACR,CAAC;AAED,eAAenB,yBAAyB","ignoreList":[]}
|
|
@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { useFormGroupContext } from './FormGroupContext';
|
|
5
5
|
import FormText, { resolveTextType } from './FormText';
|
|
6
|
-
function FormControlFeedback(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} = _ref;
|
|
6
|
+
function FormControlFeedback({
|
|
7
|
+
children,
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
11
10
|
const {
|
|
12
11
|
getDescriptorProps,
|
|
13
12
|
isInvalid,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlFeedback.js","names":["React","PropTypes","classNames","useFormGroupContext","FormText","resolveTextType","FormControlFeedback","
|
|
1
|
+
{"version":3,"file":"FormControlFeedback.js","names":["React","PropTypes","classNames","useFormGroupContext","FormText","resolveTextType","FormControlFeedback","children","props","getDescriptorProps","isInvalid","isValid","descriptorProps","className","textType","type","createElement","FEEDBACK_TYPES","propTypes","node","isRequired","string","hasIcon","bool","oneOf","icon","muted","defaultProps","undefined"],"sources":["../../src/Form/FormControlFeedback.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport FormText, { resolveTextType } from './FormText';\n\nfunction FormControlFeedback({ children, ...props }) {\n const { getDescriptorProps, isInvalid, isValid } = useFormGroupContext();\n const descriptorProps = getDescriptorProps(props);\n const className = classNames('pgn__form-control-description', props.className);\n const textType = props.type || resolveTextType({ isInvalid, isValid });\n return (\n <FormText\n {...descriptorProps}\n className={className}\n type={textType}\n >\n {children}\n </FormText>\n );\n}\n\nconst FEEDBACK_TYPES = [\n 'default',\n 'valid',\n 'invalid',\n 'warning',\n 'criteria-empty',\n 'criteria-valid',\n 'criteria-invalid',\n];\n\nFormControlFeedback.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 feedback type, this affects styling. */\n type: PropTypes.oneOf(FEEDBACK_TYPES),\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 feedback with muted styling. */\n muted: PropTypes.bool,\n};\n\nFormControlFeedback.defaultProps = {\n hasIcon: true,\n type: undefined,\n icon: undefined,\n className: undefined,\n muted: false,\n};\n\nexport default FormControlFeedback;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,OAAOC,QAAQ,IAAIC,eAAe,QAAQ,YAAY;AAEtD,SAASC,mBAAmBA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAE;EACnD,MAAM;IAAEC,kBAAkB;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGR,mBAAmB,CAAC,CAAC;EACxE,MAAMS,eAAe,GAAGH,kBAAkB,CAACD,KAAK,CAAC;EACjD,MAAMK,SAAS,GAAGX,UAAU,CAAC,+BAA+B,EAAEM,KAAK,CAACK,SAAS,CAAC;EAC9E,MAAMC,QAAQ,GAAGN,KAAK,CAACO,IAAI,IAAIV,eAAe,CAAC;IAAEK,SAAS;IAAEC;EAAQ,CAAC,CAAC;EACtE,oBACEX,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;IAAA,GACHQ,eAAe;IACnBC,SAAS,EAAEA,SAAU;IACrBE,IAAI,EAAED;EAAS,GAEdP,QACO,CAAC;AAEf;AAEA,MAAMU,cAAc,GAAG,CACrB,SAAS,EACT,OAAO,EACP,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,CACnB;AAEDX,mBAAmB,CAACY,SAAS,GAAG;EAC9B;EACAX,QAAQ,EAAEN,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAP,SAAS,EAAEZ,SAAS,CAACoB,MAAM;EAC3B;EACAC,OAAO,EAAErB,SAAS,CAACsB,IAAI;EACvB;EACAR,IAAI,EAAEd,SAAS,CAACuB,KAAK,CAACP,cAAc,CAAC;EACrC;EACAQ,IAAI,EAAExB,SAAS,CAACkB,IAAI;EACpB;EACAO,KAAK,EAAEzB,SAAS,CAACsB;AACnB,CAAC;AAEDjB,mBAAmB,CAACqB,YAAY,GAAG;EACjCL,OAAO,EAAE,IAAI;EACbP,IAAI,EAAEa,SAAS;EACfH,IAAI,EAAEG,SAAS;EACff,SAAS,EAAEe,SAAS;EACpBF,KAAK,EAAE;AACT,CAAC;AAED,eAAepB,mBAAmB","ignoreList":[]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { useFormGroupContext } from './FormGroupContext';
|
|
4
|
-
function FormControlFloatingLabel(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
} = _ref;
|
|
4
|
+
function FormControlFloatingLabel({
|
|
5
|
+
children
|
|
6
|
+
}) {
|
|
8
7
|
const {
|
|
9
8
|
controlId
|
|
10
9
|
} = useFormGroupContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlFloatingLabel.js","names":["React","PropTypes","useFormGroupContext","FormControlFloatingLabel","
|
|
1
|
+
{"version":3,"file":"FormControlFloatingLabel.js","names":["React","PropTypes","useFormGroupContext","FormControlFloatingLabel","children","controlId","createElement","className","htmlFor","propTypes","node","isRequired"],"sources":["../../src/Form/FormControlFloatingLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\n\nfunction FormControlFloatingLabel({ children }) {\n const { controlId } = useFormGroupContext();\n return (\n <div className=\"pgn__form-control-floating-label\">\n <div className=\"pgn__form-control-floating-label-content\">\n <label\n className=\"pgn__form-control-floating-label-text\"\n htmlFor={controlId}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n\nFormControlFloatingLabel.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default FormControlFloatingLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,SAASC,wBAAwBA,CAAC;EAAEC;AAAS,CAAC,EAAE;EAC9C,MAAM;IAAEC;EAAU,CAAC,GAAGH,mBAAmB,CAAC,CAAC;EAC3C,oBACEF,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/CP,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDP,KAAA,CAAAM,aAAA;IACEC,SAAS,EAAC,uCAAuC;IACjDC,OAAO,EAAEH;EAAU,GAElBD,QACI,CACJ,CACF,CAAC;AAEV;AAEAD,wBAAwB,CAACM,SAAS,GAAG;EACnCL,QAAQ,EAAEH,SAAS,CAACS,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeR,wBAAwB","ignoreList":[]}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
function FormControlSet(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
} = _ref;
|
|
4
|
+
function FormControlSet({
|
|
5
|
+
as,
|
|
6
|
+
className,
|
|
7
|
+
isInline,
|
|
8
|
+
children,
|
|
9
|
+
...props
|
|
10
|
+
}) {
|
|
12
11
|
return /*#__PURE__*/React.createElement(as, {
|
|
13
12
|
className: classNames(className, {
|
|
14
13
|
'pgn__form-control-set': !isInline,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlSet.js","names":["React","PropTypes","classNames","FormControlSet","
|
|
1
|
+
{"version":3,"file":"FormControlSet.js","names":["React","PropTypes","classNames","FormControlSet","as","className","isInline","children","props","createElement","propTypes","elementType","string","bool","node","defaultProps","undefined"],"sources":["../../src/Form/FormControlSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction FormControlSet({\n as,\n className,\n isInline,\n children,\n ...props\n}) {\n return React.createElement(as, {\n className: classNames(\n className,\n {\n 'pgn__form-control-set': !isInline,\n 'pgn__form-control-set-inline': isInline,\n },\n ),\n ...props,\n }, children);\n}\n\nFormControlSet.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies contents of the component. */\n children: PropTypes.node,\n};\n\nFormControlSet.defaultProps = {\n as: 'div',\n className: undefined,\n isInline: false,\n children: null,\n};\n\nexport default FormControlSet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAcA,CAAC;EACtBC,EAAE;EACFC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,oBAAOR,KAAK,CAACS,aAAa,CAACL,EAAE,EAAE;IAC7BC,SAAS,EAAEH,UAAU,CACnBG,SAAS,EACT;MACE,uBAAuB,EAAE,CAACC,QAAQ;MAClC,8BAA8B,EAAEA;IAClC,CACF,CAAC;IACD,GAAGE;EACL,CAAC,EAAED,QAAQ,CAAC;AACd;AAEAJ,cAAc,CAACO,SAAS,GAAG;EACzB;EACAN,EAAE,EAAEH,SAAS,CAACU,WAAW;EACzB;EACAN,SAAS,EAAEJ,SAAS,CAACW,MAAM;EAC3B;EACAN,QAAQ,EAAEL,SAAS,CAACY,IAAI;EACxB;EACAN,QAAQ,EAAEN,SAAS,CAACa;AACtB,CAAC;AAEDX,cAAc,CAACY,YAAY,GAAG;EAC5BX,EAAE,EAAE,KAAK;EACTC,SAAS,EAAEW,SAAS;EACpBV,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeJ,cAAc","ignoreList":[]}
|
package/dist/Form/FormGroup.js
CHANGED
|
@@ -2,16 +2,15 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { FormGroupContextProvider } from './FormGroupContext';
|
|
5
|
-
function FormGroup(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
} = _ref;
|
|
5
|
+
function FormGroup({
|
|
6
|
+
children,
|
|
7
|
+
controlId,
|
|
8
|
+
isInvalid = false,
|
|
9
|
+
isValid = false,
|
|
10
|
+
size,
|
|
11
|
+
as,
|
|
12
|
+
...props
|
|
13
|
+
}) {
|
|
15
14
|
return /*#__PURE__*/React.createElement(as ?? 'div', {
|
|
16
15
|
...props,
|
|
17
16
|
className: classNames('pgn__form-group', props.className)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","
|
|
1
|
+
{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","children","controlId","isInvalid","isValid","size","as","props","createElement","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf"],"sources":["../../src/Form/FormGroup.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\ninterface Props<As extends React.ElementType> {\n /** Specifies contents of the component. */\n children: React.ReactNode;\n /** Specifies class name to append to the base element. */\n className?: string;\n /** Specifies base element for the component. */\n as?: As;\n /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n * Will be autogenerated if none is supplied. */\n controlId?: string;\n /** Specifies whether to display components in invalid state, this affects styling. */\n isInvalid?: boolean;\n /** Specifies whether to display components in valid state, this affects styling. */\n isValid?: boolean;\n /** Specifies size for the component. */\n size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;\n}\n\nfunction FormGroup<As extends React.ElementType = 'div'>({\n children,\n controlId,\n isInvalid = false,\n isValid = false,\n size,\n as,\n ...props\n}: Props<As> & React.ComponentPropsWithoutRef<As>) {\n return React.createElement(\n as ?? 'div',\n {\n ...props,\n className: classNames('pgn__form-group', props.className),\n }, (\n <FormGroupContextProvider\n controlId={controlId}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n >\n {children}\n </FormGroupContextProvider>\n ),\n );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.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 base element for the component. */\n as: PropTypes.elementType,\n /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n * Will be autogenerated if none is supplied. */\n controlId: PropTypes.string,\n /** Specifies whether to display components in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display components in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies size for the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nexport default FormGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAqB7D,SAASC,SAASA,CAAuC;EACvDC,QAAQ;EACRC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,OAAO,GAAG,KAAK;EACfC,IAAI;EACJC,EAAE;EACF,GAAGC;AAC2C,CAAC,EAAE;EACjD,oBAAOX,KAAK,CAACY,aAAa,CACxBF,EAAE,IAAI,KAAK,EACX;IACE,GAAGC,KAAK;IACRE,SAAS,EAAEX,UAAU,CAAC,iBAAiB,EAAES,KAAK,CAACE,SAAS;EAC1D,CAAC,eACCb,KAAA,CAAAY,aAAA,CAACT,wBAAwB;IACvBG,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,MAAMS,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCV,SAAS,CAACW,SAAS,GAAG;EACpB;EACAV,QAAQ,EAAEJ,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEZ,SAAS,CAACiB,MAAM;EAC3B;EACAR,EAAE,EAAET,SAAS,CAACkB,WAAW;EACzB;AACF;EACEb,SAAS,EAAEL,SAAS,CAACiB,MAAM;EAC3B;EACAX,SAAS,EAAEN,SAAS,CAACmB,IAAI;EACzB;EACAZ,OAAO,EAAEP,SAAS,CAACmB,IAAI;EACvB;EACAX,IAAI,EAAER,SAAS,CAACoB,KAAK,CAACP,YAAY;AACpC,CAAC;AAED,eAAeV,SAAS","ignoreList":[]}
|
|
@@ -19,14 +19,13 @@ function useStateEffect(initialState) {
|
|
|
19
19
|
};
|
|
20
20
|
return [state, useSetStateEffect];
|
|
21
21
|
}
|
|
22
|
-
function FormGroupContextProvider(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
} = _ref;
|
|
22
|
+
function FormGroupContextProvider({
|
|
23
|
+
children,
|
|
24
|
+
controlId: explicitControlId,
|
|
25
|
+
isInvalid,
|
|
26
|
+
isValid,
|
|
27
|
+
size
|
|
28
|
+
}) {
|
|
30
29
|
const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);
|
|
31
30
|
const [describedByIds, registerDescriptorId] = useIdList(controlId);
|
|
32
31
|
const [labelledByIds, registerLabelerId] = useIdList(controlId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","classNames","newId","useIdList","omitUndefinedProperties","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","state","setState","useSetStateEffect","newState","FormGroupContextProvider","
|
|
1
|
+
{"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","classNames","newId","useIdList","omitUndefinedProperties","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","state","setState","useSetStateEffect","newState","FormGroupContextProvider","children","controlId","explicitControlId","isInvalid","isValid","size","describedByIds","registerDescriptorId","labelledByIds","registerLabelerId","isControlGroup","controlProps","labelledByIdsForControl","undefined","id","labelProps","htmlFor","descriptorProps","contextValue","createElement","Provider","value"],"sources":["../../src/Form/FormGroupContext.tsx"],"sourcesContent":["import React, {\n useState, useEffect, useMemo, useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport { newId } from '../utils';\nimport { useIdList, omitUndefinedProperties } from './fieldUtils';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nconst identityFn = (props: Record<string, any>) => props;\nconst noop = () => {};\n\ninterface FormGroupContextData {\n getControlProps: (props: Record<string, any>) => Record<string, any>;\n getLabelProps: (props: React.ComponentPropsWithoutRef<'label'>) => React.ComponentPropsWithoutRef<'label'>;\n getDescriptorProps: (props: Record<string, any>) => Record<string, any>;\n useSetIsControlGroupEffect: (isControlGroup: boolean) => void;\n isControlGroup?: boolean;\n controlId?: string;\n isInvalid?: boolean;\n isValid?: boolean;\n size?: string;\n hasFormGroupProvider?: boolean;\n}\n\nconst FormGroupContext = React.createContext<FormGroupContextData>({\n getControlProps: identityFn,\n useSetIsControlGroupEffect: noop,\n getLabelProps: identityFn,\n getDescriptorProps: identityFn,\n hasFormGroupProvider: false,\n});\n\nconst useFormGroupContext = () => React.useContext(FormGroupContext);\n\nfunction useStateEffect<ValueType extends any>(\n initialState: ValueType,\n): [value: ValueType, setter: (v: ValueType) => void] {\n const [state, setState] = useState(initialState);\n const useSetStateEffect = (newState: ValueType) => {\n useEffect(() => setState(newState), [newState]);\n };\n return [state, useSetStateEffect];\n}\n\nfunction FormGroupContextProvider({\n children,\n controlId: explicitControlId,\n isInvalid,\n isValid,\n size,\n}: {\n children: React.ReactNode;\n controlId?: string;\n isInvalid?: boolean;\n isValid?: boolean;\n size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;\n}) {\n const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);\n const [describedByIds, registerDescriptorId] = useIdList(controlId);\n const [labelledByIds, registerLabelerId] = useIdList(controlId);\n const [isControlGroup, useSetIsControlGroupEffect] = useStateEffect(false);\n\n const getControlProps = useCallback((controlProps: Record<string, any>) => {\n // labelledByIds from the list above should only be added to a control\n // if it the control is a group. We prefer adding a condition here because:\n // - Hooks cannot be called inside conditionals\n // - The getLabelProps function below is forced to generate an id\n // whether it is needed or not.\n // - This is what allows consumers of Paragon to use <Form.Label>\n // interchangeably between ControlGroup type controls and regular Controls\n const labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;\n return omitUndefinedProperties({\n ...controlProps,\n 'aria-describedby': classNames(controlProps['aria-describedby'], describedByIds) || undefined,\n 'aria-labelledby': classNames(controlProps['aria-labelledby'], labelledByIdsForControl) || undefined,\n id: controlId,\n });\n }, [\n isControlGroup,\n describedByIds,\n labelledByIds,\n controlId,\n ]);\n\n const getLabelProps = (labelProps: React.ComponentPropsWithoutRef<'label'>) => {\n const id = registerLabelerId(labelProps?.id);\n if (isControlGroup) {\n return { ...labelProps, id };\n }\n return { ...labelProps, htmlFor: controlId };\n };\n\n const getDescriptorProps = (descriptorProps: Record<string, any>) => {\n const id = registerDescriptorId(descriptorProps?.id);\n return { ...descriptorProps, id };\n };\n\n const contextValue: FormGroupContextData = {\n getControlProps,\n getLabelProps,\n getDescriptorProps,\n useSetIsControlGroupEffect,\n isControlGroup,\n controlId,\n isInvalid,\n isValid,\n size,\n hasFormGroupProvider: true,\n };\n\n return (\n <FormGroupContext.Provider value={contextValue}>\n {children}\n </FormGroupContext.Provider>\n );\n}\n\nexport {\n FormGroupContext,\n FormGroupContextProvider,\n useFormGroupContext,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAEC,WAAW,QACpC,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,SAAS,EAAEC,uBAAuB,QAAQ,cAAc;AAGjE,MAAMC,UAAU,GAAIC,KAA0B,IAAKA,KAAK;AACxD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAerB,MAAMC,gBAAgB,gBAAGZ,KAAK,CAACa,aAAa,CAAuB;EACjEC,eAAe,EAAEL,UAAU;EAC3BM,0BAA0B,EAAEJ,IAAI;EAChCK,aAAa,EAAEP,UAAU;EACzBQ,kBAAkB,EAAER,UAAU;EAC9BS,oBAAoB,EAAE;AACxB,CAAC,CAAC;AAEF,MAAMC,mBAAmB,GAAGA,CAAA,KAAMnB,KAAK,CAACoB,UAAU,CAACR,gBAAgB,CAAC;AAEpE,SAASS,cAAcA,CACrBC,YAAuB,EAC6B;EACpD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGvB,QAAQ,CAACqB,YAAY,CAAC;EAChD,MAAMG,iBAAiB,GAAIC,QAAmB,IAAK;IACjDxB,SAAS,CAAC,MAAMsB,QAAQ,CAACE,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EACjD,CAAC;EACD,OAAO,CAACH,KAAK,EAAEE,iBAAiB,CAAC;AACnC;AAEA,SAASE,wBAAwBA,CAAC;EAChCC,QAAQ;EACRC,SAAS,EAAEC,iBAAiB;EAC5BC,SAAS;EACTC,OAAO;EACPC;AAOF,CAAC,EAAE;EACD,MAAMJ,SAAS,GAAG1B,OAAO,CAAC,MAAM2B,iBAAiB,IAAIxB,KAAK,CAAC,YAAY,CAAC,EAAE,CAACwB,iBAAiB,CAAC,CAAC;EAC9F,MAAM,CAACI,cAAc,EAAEC,oBAAoB,CAAC,GAAG5B,SAAS,CAACsB,SAAS,CAAC;EACnE,MAAM,CAACO,aAAa,EAAEC,iBAAiB,CAAC,GAAG9B,SAAS,CAACsB,SAAS,CAAC;EAC/D,MAAM,CAACS,cAAc,EAAEvB,0BAA0B,CAAC,GAAGM,cAAc,CAAC,KAAK,CAAC;EAE1E,MAAMP,eAAe,GAAGV,WAAW,CAAEmC,YAAiC,IAAK;IACzE;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMC,uBAAuB,GAAGF,cAAc,GAAGF,aAAa,GAAGK,SAAS;IAC1E,OAAOjC,uBAAuB,CAAC;MAC7B,GAAG+B,YAAY;MACf,kBAAkB,EAAElC,UAAU,CAACkC,YAAY,CAAC,kBAAkB,CAAC,EAAEL,cAAc,CAAC,IAAIO,SAAS;MAC7F,iBAAiB,EAAEpC,UAAU,CAACkC,YAAY,CAAC,iBAAiB,CAAC,EAAEC,uBAAuB,CAAC,IAAIC,SAAS;MACpGC,EAAE,EAAEb;IACN,CAAC,CAAC;EACJ,CAAC,EAAE,CACDS,cAAc,EACdJ,cAAc,EACdE,aAAa,EACbP,SAAS,CACV,CAAC;EAEF,MAAMb,aAAa,GAAI2B,UAAmD,IAAK;IAC7E,MAAMD,EAAE,GAAGL,iBAAiB,CAACM,UAAU,EAAED,EAAE,CAAC;IAC5C,IAAIJ,cAAc,EAAE;MAClB,OAAO;QAAE,GAAGK,UAAU;QAAED;MAAG,CAAC;IAC9B;IACA,OAAO;MAAE,GAAGC,UAAU;MAAEC,OAAO,EAAEf;IAAU,CAAC;EAC9C,CAAC;EAED,MAAMZ,kBAAkB,GAAI4B,eAAoC,IAAK;IACnE,MAAMH,EAAE,GAAGP,oBAAoB,CAACU,eAAe,EAAEH,EAAE,CAAC;IACpD,OAAO;MAAE,GAAGG,eAAe;MAAEH;IAAG,CAAC;EACnC,CAAC;EAED,MAAMI,YAAkC,GAAG;IACzChC,eAAe;IACfE,aAAa;IACbC,kBAAkB;IAClBF,0BAA0B;IAC1BuB,cAAc;IACdT,SAAS;IACTE,SAAS;IACTC,OAAO;IACPC,IAAI;IACJf,oBAAoB,EAAE;EACxB,CAAC;EAED,oBACElB,KAAA,CAAA+C,aAAA,CAACnC,gBAAgB,CAACoC,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAC5ClB,QACwB,CAAC;AAEhC;AAEA,SACEhB,gBAAgB,EAChBe,wBAAwB,EACxBR,mBAAmB","ignoreList":[]}
|
package/dist/Form/FormLabel.d.ts
CHANGED
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
interface Props {
|
|
4
3
|
/** Specifies contents of the component. */
|
|
5
4
|
children: React.ReactNode;
|
|
6
5
|
/** Specifies whether the component should be displayed with inline styling. */
|
|
7
6
|
isInline?: boolean;
|
|
7
|
+
/** Specifies an additional `className` to add to the base element. */
|
|
8
|
+
className?: string;
|
|
8
9
|
}
|
|
9
10
|
declare function FormLabel({ children, isInline, ...props }: Props & React.ComponentPropsWithoutRef<'label'>): React.ReactElement<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, string | React.JSXElementConstructor<any>>;
|
|
10
|
-
declare namespace FormLabel {
|
|
11
|
-
var propTypes: {
|
|
12
|
-
/** Specifies class name to append to the base element. */
|
|
13
|
-
className: PropTypes.Requireable<string>;
|
|
14
|
-
/** Specifies contents of the component. */
|
|
15
|
-
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
16
|
-
/** Specifies whether the component should be displayed with inline styling. */
|
|
17
|
-
isInline: PropTypes.Requireable<boolean>;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
11
|
export default FormLabel;
|
package/dist/Form/FormLabel.js
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import classNames from 'classnames';
|
|
4
3
|
import { useFormGroupContext } from './FormGroupContext';
|
|
5
4
|
import { FORM_CONTROL_SIZES } from './constants';
|
|
6
|
-
function FormLabel(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
} = _ref;
|
|
5
|
+
function FormLabel({
|
|
6
|
+
children,
|
|
7
|
+
isInline = false,
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
12
10
|
const {
|
|
13
11
|
size,
|
|
14
12
|
isControlGroup,
|
|
@@ -26,13 +24,5 @@ function FormLabel(_ref) {
|
|
|
26
24
|
const componentType = isControlGroup ? 'p' : 'label';
|
|
27
25
|
return /*#__PURE__*/React.createElement(componentType, labelProps, children);
|
|
28
26
|
}
|
|
29
|
-
FormLabel.propTypes = {
|
|
30
|
-
/** Specifies class name to append to the base element. */
|
|
31
|
-
className: PropTypes.string,
|
|
32
|
-
/** Specifies contents of the component. */
|
|
33
|
-
children: PropTypes.node.isRequired,
|
|
34
|
-
/** Specifies whether the component should be displayed with inline styling. */
|
|
35
|
-
isInline: PropTypes.bool
|
|
36
|
-
};
|
|
37
27
|
export default FormLabel;
|
|
38
28
|
//# sourceMappingURL=FormLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.js","names":["React","
|
|
1
|
+
{"version":3,"file":"FormLabel.js","names":["React","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormLabel","children","isInline","props","size","isControlGroup","getLabelProps","className","LARGE","SMALL","labelProps","componentType","createElement"],"sources":["../../src/Form/FormLabel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\ninterface Props {\n /** Specifies contents of the component. */\n children: React.ReactNode;\n /** Specifies whether the component should be displayed with inline styling. */\n isInline?: boolean;\n /** Specifies an additional `className` to add to the base element. */\n className?: string;\n}\n\nfunction FormLabel({ children, isInline = false, ...props }: Props & React.ComponentPropsWithoutRef<'label'>) {\n const { size, isControlGroup, getLabelProps } = useFormGroupContext();\n const className = classNames(\n 'pgn__form-label',\n {\n 'pgn__form-label-inline': isInline,\n 'pgn__form-label-lg': size === FORM_CONTROL_SIZES.LARGE,\n 'pgn__form-label-sm': size === FORM_CONTROL_SIZES.SMALL,\n },\n props.className,\n );\n const labelProps = getLabelProps({ ...props, className });\n const componentType = isControlGroup ? 'p' : 'label';\n return React.createElement(componentType, labelProps, children);\n}\n\nexport default FormLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAWhD,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,KAAK;EAAE,GAAGC;AAAuD,CAAC,EAAE;EAC5G,MAAM;IAAEC,IAAI;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAGR,mBAAmB,CAAC,CAAC;EACrE,MAAMS,SAAS,GAAGV,UAAU,CAC1B,iBAAiB,EACjB;IACE,wBAAwB,EAAEK,QAAQ;IAClC,oBAAoB,EAAEE,IAAI,KAAKL,kBAAkB,CAACS,KAAK;IACvD,oBAAoB,EAAEJ,IAAI,KAAKL,kBAAkB,CAACU;EACpD,CAAC,EACDN,KAAK,CAACI,SACR,CAAC;EACD,MAAMG,UAAU,GAAGJ,aAAa,CAAC;IAAE,GAAGH,KAAK;IAAEI;EAAU,CAAC,CAAC;EACzD,MAAMI,aAAa,GAAGN,cAAc,GAAG,GAAG,GAAG,OAAO;EACpD,oBAAOT,KAAK,CAACgB,aAAa,CAACD,aAAa,EAAED,UAAU,EAAET,QAAQ,CAAC;AACjE;AAEA,eAAeD,SAAS","ignoreList":[]}
|
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,
|