@openedx/paragon 22.0.0-alpha.24 → 22.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -46
- package/bin/paragon-scripts.js +16 -123
- package/dist/ActionRow/_index.scss +4 -2
- package/dist/ActionRow/_variables.scss +2 -0
- package/dist/ActionRow/index.js +7 -8
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/_variables.scss +24 -0
- package/dist/Alert/index.js +33 -25
- package/dist/Alert/index.js.map +1 -1
- package/dist/Alert/index.scss +32 -41
- package/dist/Annotation/_variables.scss +18 -0
- package/dist/Annotation/index.js +7 -9
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Annotation/index.scss +103 -130
- package/dist/Avatar/_variables.scss +10 -0
- package/dist/Avatar/index.js +5 -7
- package/dist/Avatar/index.js.map +1 -1
- package/dist/Avatar/index.scss +20 -18
- package/dist/AvatarButton/_variables.scss +3 -0
- package/dist/AvatarButton/index.js +10 -12
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/AvatarButton/index.scss +5 -3
- package/dist/Badge/_variables.scss +16 -0
- package/dist/Badge/index.js +6 -4
- package/dist/Badge/index.js.map +1 -1
- package/dist/Badge/index.scss +2 -112
- package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/_variables.scss +27 -0
- package/dist/Breadcrumb/index.js +29 -29
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Breadcrumb/index.scss +16 -14
- package/dist/Bubble/_variables.scss +8 -0
- package/dist/Bubble/index.js +11 -13
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Bubble/index.scss +12 -25
- package/dist/Button/_variables.scss +52 -0
- package/dist/Button/deprecated/index.js +149 -0
- package/dist/Button/deprecated/index.js.map +1 -0
- package/dist/Button/index.js +12 -11
- package/dist/Button/index.js.map +1 -1
- package/dist/Button/index.scss +370 -855
- package/dist/Card/CardBody.js +4 -6
- package/dist/Card/CardBody.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarousel.js +11 -13
- package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
- package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
- package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
- package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
- package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/Card/CardContext.js +8 -10
- package/dist/Card/CardContext.js.map +1 -1
- package/dist/Card/CardDeck.js +19 -17
- package/dist/Card/CardDeck.js.map +1 -1
- package/dist/Card/CardDivider.js +3 -5
- package/dist/Card/CardDivider.js.map +1 -1
- package/dist/Card/CardFooter.js +15 -18
- package/dist/Card/CardFooter.js.map +1 -1
- package/dist/Card/CardGrid.js +13 -11
- package/dist/Card/CardGrid.js.map +1 -1
- package/dist/Card/CardHeader.js +17 -22
- package/dist/Card/CardHeader.js.map +1 -1
- package/dist/Card/CardImageCap.js +48 -33
- package/dist/Card/CardImageCap.js.map +1 -1
- package/dist/Card/CardSection.js +11 -14
- package/dist/Card/CardSection.js.map +1 -1
- package/dist/Card/CardStatus.js +11 -14
- package/dist/Card/CardStatus.js.map +1 -1
- package/dist/Card/_variables.scss +55 -0
- package/dist/Card/index.js +18 -20
- package/dist/Card/index.js.map +1 -1
- package/dist/Card/index.scss +79 -78
- package/dist/Carousel/_variables.scss +27 -0
- package/dist/Carousel/index.js +17 -11
- package/dist/Carousel/index.js.map +1 -1
- package/dist/Carousel/index.scss +2 -168
- package/dist/CheckBox/index.js +102 -0
- package/dist/CheckBox/index.js.map +1 -0
- package/dist/CheckBoxGroup/index.js +15 -0
- package/dist/CheckBoxGroup/index.js.map +1 -0
- package/dist/Chip/ChipIcon.js +47 -0
- package/dist/Chip/ChipIcon.js.map +1 -0
- package/dist/Chip/_variables.scss +28 -0
- package/dist/Chip/constants.js +5 -0
- package/dist/Chip/index.js +66 -40
- package/dist/Chip/index.js.map +1 -1
- package/dist/Chip/index.scss +102 -61
- package/dist/Chip/mixins.scss +42 -0
- package/dist/ChipCarousel/_variables.scss +3 -0
- package/dist/ChipCarousel/index.js +29 -30
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/ChipCarousel/index.scss +4 -1
- package/dist/CloseButton/_variables.scss +6 -0
- package/dist/CloseButton/index.scss +2 -31
- package/dist/Code/_variables.scss +17 -0
- package/dist/Code/index.scss +2 -47
- package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
- package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
- package/dist/Collapsible/CollapsibleBody.js +13 -15
- package/dist/Collapsible/CollapsibleBody.js.map +1 -1
- package/dist/Collapsible/CollapsibleTrigger.js +18 -20
- package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/Collapsible/CollapsibleVisible.js +6 -9
- package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
- package/dist/Collapsible/_variables.scss +12 -0
- package/dist/Collapsible/index.js +17 -18
- package/dist/Collapsible/index.js.map +1 -1
- package/dist/Collapsible/index.scss +15 -15
- package/dist/ColorPicker/_variables.scss +2 -0
- package/dist/ColorPicker/index.js +58 -33
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/ColorPicker/index.scss +11 -9
- package/dist/Container/_variables.scss +5 -0
- package/dist/Container/index.js +8 -9
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/ActionDisplay.js +8 -9
- package/dist/DataTable/ActionDisplay.js.map +1 -1
- package/dist/DataTable/BulkActions.js +23 -20
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +46 -43
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +59 -41
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/DataTableContext.js +1 -1
- package/dist/DataTable/DataTableContext.js.map +1 -1
- package/dist/DataTable/DataTableLayout.js +6 -9
- package/dist/DataTable/DataTableLayout.js.map +1 -1
- package/dist/DataTable/DataViewToggle.js +25 -20
- package/dist/DataTable/DataViewToggle.js.map +1 -1
- package/dist/DataTable/DropdownFilters.js +41 -28
- package/dist/DataTable/DropdownFilters.js.map +1 -1
- package/dist/DataTable/EmptyTable.js +6 -9
- package/dist/DataTable/EmptyTable.js.map +1 -1
- package/dist/DataTable/ExpandAll.js +2 -4
- package/dist/DataTable/ExpandAll.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +2 -4
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/FilterStatus.js +18 -17
- package/dist/DataTable/FilterStatus.js.map +1 -1
- package/dist/DataTable/RowStatus.js +15 -18
- package/dist/DataTable/RowStatus.js.map +1 -1
- package/dist/DataTable/SidebarFilters.js +16 -13
- package/dist/DataTable/SidebarFilters.js.map +1 -1
- package/dist/DataTable/SmartStatus.js +14 -16
- package/dist/DataTable/SmartStatus.js.map +1 -1
- package/dist/DataTable/Table.js +17 -19
- package/dist/DataTable/Table.js.map +1 -1
- package/dist/DataTable/TableActions.js +11 -13
- package/dist/DataTable/TableActions.js.map +1 -1
- package/dist/DataTable/TableCell.js +6 -10
- package/dist/DataTable/TableCell.js.map +1 -1
- package/dist/DataTable/TableControlBar.js +7 -12
- package/dist/DataTable/TableControlBar.js.map +1 -1
- package/dist/DataTable/TableFilters.js +14 -12
- package/dist/DataTable/TableFilters.js.map +1 -1
- package/dist/DataTable/TableFooter.js +5 -8
- package/dist/DataTable/TableFooter.js.map +1 -1
- package/dist/DataTable/TableHeaderCell.js +11 -15
- package/dist/DataTable/TableHeaderCell.js.map +1 -1
- package/dist/DataTable/TableHeaderRow.js +6 -4
- package/dist/DataTable/TableHeaderRow.js.map +1 -1
- package/dist/DataTable/TablePagination.js +15 -9
- package/dist/DataTable/TablePagination.js.map +1 -1
- package/dist/DataTable/TablePaginationMinimal.js +14 -8
- package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
- package/dist/DataTable/TableRow.js +15 -18
- package/dist/DataTable/TableRow.js.map +1 -1
- package/dist/DataTable/_variables.scss +11 -0
- package/dist/DataTable/filters/CheckboxFilter.js +23 -22
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/DataTable/filters/DropdownFilter.js +14 -19
- package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +15 -18
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/hooks.js +29 -25
- package/dist/DataTable/hooks.js.map +1 -1
- package/dist/DataTable/index.js +120 -104
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/index.scss +50 -48
- package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
- package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelect.js +13 -9
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/SelectionStatus.js +23 -23
- package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
- package/dist/DataTable/utils/getVisibleColumns.js +36 -44
- package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
- package/dist/Dropdown/_variables.scss +33 -0
- package/dist/Dropdown/deprecated/DropdownButton.js +44 -0
- package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -0
- package/dist/Dropdown/deprecated/DropdownItem.js +33 -0
- package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -0
- package/dist/Dropdown/deprecated/DropdownMenu.js +46 -0
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -0
- package/dist/Dropdown/deprecated/index.js +242 -0
- package/dist/Dropdown/deprecated/index.js.map +1 -0
- package/dist/Dropdown/index.js +34 -29
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropdown/index.scss +12 -11
- package/dist/Dropzone/DefaultContent.js +13 -13
- package/dist/Dropzone/DefaultContent.js.map +1 -1
- package/dist/Dropzone/DragError.js +1 -3
- package/dist/Dropzone/DragError.js.map +1 -1
- package/dist/Dropzone/GenericError.js +7 -7
- package/dist/Dropzone/GenericError.js.map +1 -1
- package/dist/Dropzone/UploadProgress.js +6 -8
- package/dist/Dropzone/UploadProgress.js.map +1 -1
- package/dist/Dropzone/_variables.scss +9 -0
- package/dist/Dropzone/index.js +144 -85
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Dropzone/index.scss +14 -12
- package/dist/Fieldset/index.js +117 -0
- package/dist/Fieldset/index.js.map +1 -0
- package/dist/Fieldset/index.scss +12 -0
- package/dist/Form/FormAutosuggest.js +284 -154
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +4 -6
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +35 -42
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +13 -16
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +39 -34
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +41 -35
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +3 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -10
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +12 -15
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -6
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +8 -9
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +11 -12
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +64 -39
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.js +15 -17
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +19 -22
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +13 -16
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +39 -34
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +16 -20
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +20 -29
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/_FormText.scss +8 -8
- package/dist/Form/_index.scss +146 -168
- package/dist/Form/_mixins.scss +3 -216
- package/dist/Form/_variables.scss +267 -0
- package/dist/Form/useCheckboxSetValues.js +46 -23
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +25 -25
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Hyperlink/index.scss +3 -3
- package/dist/Icon/_variables.scss +7 -0
- package/dist/Icon/index.js +21 -20
- package/dist/Icon/index.js.map +1 -1
- package/dist/Icon/index.scss +12 -10
- package/dist/IconButton/index.js +39 -35
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButton/index.scss +74 -387
- package/dist/IconButtonToggle/index.js +16 -16
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/IconButtonToggle/index.scss +1 -1
- package/dist/Image/_variables.scss +13 -0
- package/dist/Image/index.scss +2 -53
- package/dist/Input/index.js +166 -0
- package/dist/Input/index.js.map +1 -0
- package/dist/InputSelect/index.js +105 -0
- package/dist/InputSelect/index.js.map +1 -0
- package/dist/InputText/index.js +45 -0
- package/dist/InputText/index.js.map +1 -0
- package/dist/Layout/index.js +33 -29
- package/dist/Layout/index.js.map +1 -1
- package/dist/ListBox/index.js +148 -0
- package/dist/ListBox/index.js.map +1 -0
- package/dist/ListBoxOption/index.js +94 -0
- package/dist/ListBoxOption/index.js.map +1 -0
- package/dist/MailtoLink/index.js +37 -34
- package/dist/MailtoLink/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +11 -12
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +68 -44
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/_variables.scss +24 -0
- package/dist/Menu/index.js +10 -11
- package/dist/Menu/index.js.map +1 -1
- package/dist/Menu/index.scss +27 -25
- package/dist/Modal/AlertModal.js +5 -7
- package/dist/Modal/AlertModal.js.map +1 -1
- package/dist/Modal/FullscreenModal.js +6 -8
- package/dist/Modal/FullscreenModal.js.map +1 -1
- package/dist/Modal/MarketingModal.js +8 -10
- package/dist/Modal/MarketingModal.js.map +1 -1
- package/dist/Modal/ModalCloseButton.js +13 -15
- package/dist/Modal/ModalCloseButton.js.map +1 -1
- package/dist/Modal/ModalContext.js +13 -13
- package/dist/Modal/ModalContext.js.map +1 -1
- package/dist/Modal/ModalDialog.js +22 -23
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +22 -11
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +6 -7
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +6 -7
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +6 -7
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +8 -9
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +6 -7
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +6 -7
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +11 -17
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +17 -17
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +25 -18
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/Portal.js +40 -18
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/StandardModal.js +6 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/Modal/_ModalDialog.scss +48 -50
- package/dist/Modal/_variables.scss +50 -0
- package/dist/Modal/index.js +293 -0
- package/dist/Modal/index.js.map +1 -0
- package/dist/Modal/index.scss +73 -6
- package/dist/Nav/_mixins.scss +4 -4
- package/dist/Nav/_variables.scss +58 -0
- package/dist/Nav/index.js +3 -2
- package/dist/Nav/index.js.map +1 -1
- package/dist/Nav/index.scss +66 -70
- package/dist/Navbar/_variables.scss +40 -0
- package/dist/Navbar/index.js +7 -6
- package/dist/Navbar/index.js.map +1 -1
- package/dist/Navbar/index.scss +2 -276
- package/dist/OverflowScroll/OverflowScroll.js +45 -37
- package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
- package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
- package/dist/OverflowScroll/_variables.scss +5 -0
- package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/dist/OverflowScroll/index.scss +1 -0
- package/dist/Overlay/index.js +6 -5
- package/dist/Overlay/index.js.map +1 -1
- package/dist/PageBanner/index.js +11 -13
- package/dist/PageBanner/index.js.map +1 -1
- package/dist/PageBanner/index.scss +21 -17
- package/dist/Pagination/DefaultPagination.js +34 -0
- package/dist/Pagination/DefaultPagination.js.map +1 -0
- package/dist/Pagination/MinimalPagination.js +8 -0
- package/dist/Pagination/MinimalPagination.js.map +1 -0
- package/dist/Pagination/PaginationContext.js +200 -0
- package/dist/Pagination/PaginationContext.js.map +1 -0
- package/dist/Pagination/ReducedPagination.js +8 -0
- package/dist/Pagination/ReducedPagination.js.map +1 -0
- package/dist/Pagination/_variables.scss +19 -0
- package/dist/Pagination/constants.js +15 -1
- package/dist/Pagination/getPaginationRange.js +4 -0
- package/dist/Pagination/index.js +44 -358
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Pagination/index.scss +120 -226
- package/dist/Pagination/subcomponents/Ellipsis.js +11 -0
- package/dist/Pagination/subcomponents/Ellipsis.js.map +1 -0
- package/dist/Pagination/subcomponents/NextPageButton.js +57 -0
- package/dist/Pagination/subcomponents/NextPageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PageButton.js +31 -0
- package/dist/Pagination/subcomponents/PageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PageOfCountButton.js +17 -0
- package/dist/Pagination/subcomponents/PageOfCountButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PaginationDropdown.js +34 -0
- package/dist/Pagination/subcomponents/PaginationDropdown.js.map +1 -0
- package/dist/Pagination/subcomponents/PreviousPageButton.js +57 -0
- package/dist/Pagination/subcomponents/PreviousPageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/ScreenReaderText.js +13 -0
- package/dist/Pagination/subcomponents/ScreenReaderText.js.map +1 -0
- package/dist/Pagination/subcomponents/index.js +7 -0
- package/dist/Popover/_variables.scss +36 -0
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/Popover/index.scss +10 -9
- package/dist/ProductTour/Checkpoint.js +29 -22
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/Checkpoint.scss +43 -71
- package/dist/ProductTour/CheckpointActionRow.js +18 -16
- package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
- package/dist/ProductTour/CheckpointBody.js +2 -4
- package/dist/ProductTour/CheckpointBody.js.map +1 -1
- package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
- package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
- package/dist/ProductTour/CheckpointTitle.js +2 -4
- package/dist/ProductTour/CheckpointTitle.js.map +1 -1
- package/dist/ProductTour/_variables.scss +15 -0
- package/dist/ProductTour/index.js +66 -47
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProgressBar/_variables.scss +23 -0
- package/dist/ProgressBar/index.js +37 -35
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/ProgressBar/index.scss +36 -28
- package/dist/RadioButtonGroup/index.js +188 -0
- package/dist/RadioButtonGroup/index.js.map +1 -0
- package/dist/Scrollable/index.js +30 -15
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/Scrollable/index.scss +2 -2
- package/dist/SearchField/SearchFieldAdvanced.js +56 -51
- package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
- package/dist/SearchField/SearchFieldClearButton.js +19 -20
- package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
- package/dist/SearchField/SearchFieldInput.js +10 -11
- package/dist/SearchField/SearchFieldInput.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +5 -8
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SearchField/SearchFieldSubmitButton.js +23 -23
- package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
- package/dist/SearchField/_variables.scss +14 -0
- package/dist/SearchField/index.js +26 -31
- package/dist/SearchField/index.js.map +1 -1
- package/dist/SearchField/index.scss +23 -31
- package/dist/SelectableBox/SelectableBoxSet.js +25 -26
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/_variables.scss +5 -0
- package/dist/SelectableBox/index.js +42 -38
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/SelectableBox/index.scss +13 -11
- package/dist/Sheet/SheetContainer.js +38 -16
- package/dist/Sheet/SheetContainer.js.map +1 -1
- package/dist/Sheet/index.js +65 -43
- package/dist/Sheet/index.js.map +1 -1
- package/dist/Sheet/index.scss +10 -10
- package/dist/Spinner/_variables.scss +9 -0
- package/dist/Spinner/index.js +8 -9
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Spinner/index.scss +2 -57
- package/dist/Stack/_variables.scss +1 -0
- package/dist/Stack/index.js +9 -11
- package/dist/Stack/index.js.map +1 -1
- package/dist/Stack/index.scss +3 -1
- package/dist/StatefulButton/index.js +15 -17
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/StatusAlert/index.js +168 -0
- package/dist/StatusAlert/index.js.map +1 -0
- package/dist/Stepper/Stepper.js +2 -4
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/StepperActionRow.js +7 -10
- package/dist/Stepper/StepperActionRow.js.map +1 -1
- package/dist/Stepper/StepperContext.js +64 -32
- package/dist/Stepper/StepperContext.js.map +1 -1
- package/dist/Stepper/StepperHeader.js +23 -30
- package/dist/Stepper/StepperHeader.js.map +1 -1
- package/dist/Stepper/StepperHeaderStep.js +14 -17
- package/dist/Stepper/StepperHeaderStep.js.map +1 -1
- package/dist/Stepper/StepperStep.js +23 -24
- package/dist/Stepper/StepperStep.js.map +1 -1
- package/dist/Stepper/_variables.scss +18 -0
- package/dist/Stepper/index.scss +20 -19
- package/dist/Sticky/_variables.scss +3 -0
- package/dist/Sticky/index.js +30 -22
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Sticky/index.scss +6 -4
- package/dist/Table/_variables.scss +34 -0
- package/dist/Table/index.js +267 -0
- package/dist/Table/index.js.map +1 -0
- package/dist/Table/index.scss +12 -0
- package/dist/Tabs/_variables.scss +24 -0
- package/dist/Tabs/deprecated/Tabs.scss +3 -0
- package/dist/Tabs/deprecated/index.js +123 -0
- package/dist/Tabs/deprecated/index.js.map +1 -0
- package/dist/Tabs/index.js +67 -49
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tabs/index.scss +25 -26
- package/dist/TextArea/index.js +44 -0
- package/dist/TextArea/index.js.map +1 -0
- package/dist/Toast/ToastContainer.js +38 -16
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/ToastContainer.scss +11 -9
- package/dist/Toast/_variables.scss +19 -0
- package/dist/Toast/index.js +33 -18
- package/dist/Toast/index.js.map +1 -1
- package/dist/Toast/index.scss +10 -9
- package/dist/Tooltip/_variables.scss +21 -0
- package/dist/Tooltip/index.js +8 -9
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Tooltip/index.scss +10 -136
- package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
- package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
- package/dist/TransitionReplace/index.js +136 -100
- package/dist/TransitionReplace/index.js.map +1 -1
- package/dist/Truncate/index.js +30 -24
- package/dist/Truncate/index.js.map +1 -1
- package/dist/ValidationFormGroup/index.js +106 -0
- package/dist/ValidationFormGroup/index.js.map +1 -0
- package/dist/ValidationMessage/index.js +76 -51
- package/dist/ValidationMessage/index.js.map +1 -1
- package/dist/ValidationMessage/index.scss +1 -1
- package/dist/asInput/index.js +251 -202
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigation.js +46 -43
- package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
- package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
- package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
- package/dist/hooks/useIsVisible.js +20 -13
- package/dist/hooks/useIsVisible.js.map +1 -1
- package/dist/hooks/useToggle.js +18 -11
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/hooks/useWindowSize.js +17 -6
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/index.js +14 -0
- package/dist/index.scss +4 -0
- package/dist/paragon.css +45 -0
- package/dist/utils/breakpoints.js +1 -1
- package/dist/utils/propTypes/utils.js +17 -2
- package/dist/withDeprecatedProps.js +79 -58
- package/dist/withDeprecatedProps.js.map +1 -1
- package/lib/help.js +23 -36
- package/lib/migrate-to-openedx-scope.js +62 -0
- package/package.json +20 -33
- package/{styles/scss → scss}/core/_functions.scss +1 -1
- package/scss/core/_grid.scss +21 -0
- package/{styles/scss → scss}/core/_utilities.scss +11 -17
- package/scss/core/_variables.scss +875 -0
- package/scss/core/core.scss +21 -0
- package/{styles/scss → scss}/core/utilities-only.scss +0 -1
- package/src/ActionRow/_index.scss +4 -2
- package/src/ActionRow/_variables.scss +2 -0
- package/src/Alert/_variables.scss +24 -0
- package/src/Alert/index.scss +32 -41
- package/src/Annotation/_variables.scss +18 -0
- package/src/Annotation/index.scss +103 -130
- package/src/Avatar/_variables.scss +10 -0
- package/src/Avatar/index.scss +20 -18
- package/src/AvatarButton/_variables.scss +3 -0
- package/src/AvatarButton/index.scss +5 -3
- package/src/Badge/_variables.scss +16 -0
- package/src/Badge/index.scss +2 -112
- package/src/Breadcrumb/_variables.scss +27 -0
- package/src/Breadcrumb/index.scss +16 -14
- package/src/Bubble/_variables.scss +8 -0
- package/src/Bubble/index.scss +12 -25
- package/src/Button/README.md +84 -0
- package/src/Button/_variables.scss +52 -0
- package/src/Button/deprecated/Button.test.jsx +34 -0
- package/src/Button/deprecated/index.jsx +145 -0
- package/src/Button/index.jsx +5 -2
- package/src/Button/index.scss +370 -855
- package/src/Card/_variables.scss +55 -0
- package/src/Card/index.scss +79 -78
- package/src/Carousel/_variables.scss +27 -0
- package/src/Carousel/index.scss +2 -168
- package/src/CheckBox/CheckBox.test.jsx +65 -0
- package/src/CheckBox/README.md +93 -0
- package/src/CheckBox/index.jsx +80 -0
- package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +33 -0
- package/src/CheckBoxGroup/README.md +35 -0
- package/src/CheckBoxGroup/index.jsx +19 -0
- package/src/Chip/Chip.test.jsx +82 -16
- package/src/Chip/ChipIcon.tsx +54 -0
- package/src/Chip/README.md +116 -11
- package/src/Chip/__snapshots__/Chip.test.jsx.snap +84 -90
- package/src/Chip/_variables.scss +28 -0
- package/src/Chip/constants.js +5 -0
- package/src/Chip/index.scss +102 -61
- package/src/Chip/index.tsx +79 -46
- package/src/Chip/mixins.scss +42 -0
- package/src/ChipCarousel/_variables.scss +3 -0
- package/src/ChipCarousel/index.scss +4 -1
- package/src/CloseButton/_variables.scss +6 -0
- package/src/CloseButton/index.scss +2 -31
- package/src/Code/_variables.scss +17 -0
- package/src/Code/index.scss +2 -47
- package/src/Collapsible/_variables.scss +12 -0
- package/src/Collapsible/index.scss +15 -15
- package/src/ColorPicker/_variables.scss +2 -0
- package/src/ColorPicker/index.scss +11 -9
- package/src/Container/_variables.scss +5 -0
- package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
- package/src/DataTable/TablePagination.jsx +7 -2
- package/src/DataTable/TablePaginationMinimal.jsx +5 -0
- package/src/DataTable/_variables.scss +11 -0
- package/src/DataTable/filters/TextFilter.jsx +4 -5
- package/src/DataTable/index.scss +50 -48
- package/src/DataTable/tests/TablePagination.test.jsx +6 -6
- package/src/Dropdown/README.md +93 -0
- package/src/Dropdown/_variables.scss +33 -0
- package/src/Dropdown/deprecated/Dropdown.test.jsx +238 -0
- package/src/Dropdown/deprecated/DropdownButton.jsx +52 -0
- package/src/Dropdown/deprecated/DropdownItem.jsx +34 -0
- package/src/Dropdown/deprecated/DropdownMenu.jsx +50 -0
- package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +229 -0
- package/src/Dropdown/deprecated/index.jsx +222 -0
- package/src/Dropdown/index.jsx +2 -0
- package/src/Dropdown/index.scss +12 -11
- package/src/Dropzone/_variables.scss +9 -0
- package/src/Dropzone/index.scss +14 -12
- package/src/Fieldset/Fieldset.test.jsx +101 -0
- package/src/Fieldset/README.md +146 -0
- package/src/Fieldset/index.jsx +107 -0
- package/src/Fieldset/index.scss +12 -0
- package/src/Form/FormAutosuggest.jsx +332 -254
- package/src/Form/_FormText.scss +8 -8
- package/src/Form/_index.scss +146 -168
- package/src/Form/_mixins.scss +3 -216
- package/src/Form/_variables.scss +267 -0
- package/src/Form/form-autosuggest.mdx +114 -57
- package/src/Form/tests/FormAutosuggest.test.jsx +63 -16
- package/src/Hyperlink/index.scss +3 -3
- package/src/Icon/README.md +3 -3
- package/src/Icon/_variables.scss +7 -0
- package/src/Icon/index.jsx +1 -1
- package/src/Icon/index.scss +12 -10
- package/src/IconButton/README.md +15 -1
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +28 -5
- package/src/IconButton/index.jsx +14 -7
- package/src/IconButton/index.scss +74 -387
- package/src/IconButtonToggle/index.scss +1 -1
- package/src/Image/_variables.scss +13 -0
- package/src/Image/index.scss +2 -53
- package/src/Input/README.md +74 -0
- package/src/Input/__snapshots__/input.test.jsx.snap +53 -0
- package/src/Input/index.jsx +151 -0
- package/src/Input/input.test.jsx +85 -0
- package/src/InputSelect/README.md +136 -0
- package/src/InputSelect/index.jsx +92 -0
- package/src/InputText/InputText.test.jsx +74 -0
- package/src/InputText/README.md +293 -0
- package/src/InputText/index.jsx +49 -0
- package/src/ListBox/ListBox.test.jsx +161 -0
- package/src/ListBox/README.md +185 -0
- package/src/ListBox/index.jsx +115 -0
- package/src/ListBoxOption/ListBoxOption.test.jsx +154 -0
- package/src/ListBoxOption/index.jsx +78 -0
- package/src/Menu/_variables.scss +24 -0
- package/src/Menu/index.scss +27 -25
- package/src/Modal/README.md +148 -0
- package/src/Modal/_ModalDialog.scss +48 -50
- package/src/Modal/_variables.scss +50 -0
- package/src/Modal/index.jsx +319 -0
- package/src/Modal/index.scss +73 -6
- package/src/Modal/tests/Modal.test.jsx +261 -0
- package/src/Nav/_mixins.scss +4 -4
- package/src/Nav/_variables.scss +58 -0
- package/src/Nav/index.scss +66 -70
- package/src/Navbar/_variables.scss +40 -0
- package/src/Navbar/index.scss +2 -276
- package/src/OverflowScroll/_variables.scss +5 -0
- package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/src/OverflowScroll/index.scss +1 -0
- package/src/Overlay/index.jsx +3 -2
- package/src/PageBanner/index.scss +21 -17
- package/src/Pagination/DefaultPagination.jsx +43 -0
- package/src/Pagination/MinimalPagination.jsx +11 -0
- package/src/Pagination/Pagination.test.jsx +201 -156
- package/src/Pagination/PaginationContext.jsx +191 -0
- package/src/Pagination/README.md +86 -22
- package/src/Pagination/ReducedPagination.jsx +12 -0
- package/src/Pagination/__snapshots__/Pagination.test.jsx.snap +301 -0
- package/src/Pagination/_variables.scss +19 -0
- package/src/Pagination/constants.js +15 -1
- package/src/Pagination/getPaginationRange.js +4 -0
- package/src/Pagination/index.jsx +48 -420
- package/src/Pagination/index.scss +120 -226
- package/src/Pagination/subcomponents/Ellipsis.jsx +13 -0
- package/src/Pagination/subcomponents/NextPageButton.jsx +64 -0
- package/src/Pagination/subcomponents/PageButton.jsx +33 -0
- package/src/Pagination/subcomponents/PageOfCountButton.jsx +25 -0
- package/src/Pagination/subcomponents/PaginationDropdown.jsx +37 -0
- package/src/Pagination/subcomponents/PreviousPageButton.jsx +64 -0
- package/src/Pagination/subcomponents/ScreenReaderText.jsx +17 -0
- package/src/Pagination/subcomponents/index.js +7 -0
- package/src/Popover/_variables.scss +36 -0
- package/src/Popover/index.scss +10 -9
- package/src/ProductTour/Checkpoint.scss +43 -71
- package/src/ProductTour/_variables.scss +15 -0
- package/src/ProgressBar/_variables.scss +23 -0
- package/src/ProgressBar/index.scss +36 -28
- package/src/RadioButtonGroup/README.md +50 -0
- package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +127 -0
- package/src/RadioButtonGroup/index.jsx +185 -0
- package/src/Scrollable/index.scss +2 -2
- package/src/SearchField/SearchField.test.jsx +1 -1
- package/src/SearchField/SearchFieldAdvanced.jsx +2 -4
- package/src/SearchField/SearchFieldClearButton.jsx +13 -5
- package/src/SearchField/SearchFieldInput.jsx +2 -2
- package/src/SearchField/SearchFieldSubmitButton.jsx +10 -8
- package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +29 -33
- package/src/SearchField/_variables.scss +14 -0
- package/src/SearchField/index.jsx +4 -6
- package/src/SearchField/index.scss +23 -31
- package/src/SelectableBox/_variables.scss +5 -0
- package/src/SelectableBox/index.scss +13 -11
- package/src/Sheet/index.scss +10 -10
- package/src/Spinner/_variables.scss +9 -0
- package/src/Spinner/index.scss +2 -57
- package/src/Stack/_variables.scss +1 -0
- package/src/Stack/index.scss +3 -1
- package/src/StatusAlert/README.md +149 -0
- package/src/StatusAlert/StatusAlert.test.jsx +150 -0
- package/src/StatusAlert/index.jsx +144 -0
- package/src/Stepper/_variables.scss +18 -0
- package/src/Stepper/index.scss +20 -19
- package/src/Sticky/_variables.scss +3 -0
- package/src/Sticky/index.scss +6 -4
- package/src/Table/README.md +506 -0
- package/src/Table/Table.test.jsx +367 -0
- package/src/Table/_variables.scss +34 -0
- package/src/Table/index.jsx +264 -0
- package/src/Table/index.scss +12 -0
- package/src/Tabs/README.md +3 -1
- package/src/Tabs/_variables.scss +24 -0
- package/src/Tabs/deprecated/Tabs.scss +3 -0
- package/src/Tabs/deprecated/Tabs.test.jsx +50 -0
- package/src/Tabs/deprecated/index.jsx +117 -0
- package/src/Tabs/index.jsx +3 -0
- package/src/Tabs/index.scss +25 -26
- package/src/TextArea/README.md +63 -0
- package/src/TextArea/index.jsx +48 -0
- package/src/Toast/ToastContainer.scss +11 -9
- package/src/Toast/_variables.scss +19 -0
- package/src/Toast/index.scss +10 -9
- package/src/Tooltip/_variables.scss +21 -0
- package/src/Tooltip/index.scss +10 -136
- package/src/TransitionReplace/README.md +4 -4
- package/src/ValidationFormGroup/README.md +116 -0
- package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +146 -0
- package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +161 -0
- package/src/ValidationFormGroup/index.jsx +114 -0
- package/src/ValidationMessage/index.scss +1 -1
- package/src/index.js +14 -0
- package/src/index.scss +4 -0
- package/src/utils/breakpoints.js +1 -1
- package/src/utils/propTypes/utils.js +17 -2
- package/dist/Annotation/_mixins.scss +0 -104
- package/dist/Button/_mixins.scss +0 -14
- package/dist/Button/button-group.scss +0 -126
- package/dist/Card/card-bootstrap.scss +0 -168
- package/dist/Dropdown/dropdown-bootstrap.scss +0 -181
- package/dist/Form/_bootstrap-custom-forms.scss +0 -551
- package/dist/Form/_bootstrap-forms.scss +0 -381
- package/dist/Form/_input-group.scss +0 -188
- package/dist/IconButton/_mixins.scss +0 -4
- package/dist/Pagination/pagination-bootstrap.scss +0 -83
- package/dist/Popover/popover-bootstrap.scss +0 -198
- package/dist/ProgressBar/_mixins.scss +0 -22
- package/dist/ProgressBar/bootstrap-progress.scss +0 -49
- package/dist/Toast/bootstrap-toast.scss +0 -46
- package/dist/core.css +0 -16778
- package/dist/core.css.map +0 -1
- package/dist/core.min.css +0 -2
- package/dist/light.css +0 -4090
- package/dist/light.css.map +0 -1
- package/dist/light.min.css +0 -2
- package/dist/theme-urls.json +0 -21
- package/lib/build-scss.js +0 -188
- package/lib/build-tokens.js +0 -119
- package/lib/replace-variables.js +0 -38
- package/lib/utils.js +0 -9
- package/src/Annotation/_mixins.scss +0 -104
- package/src/Button/_mixins.scss +0 -14
- package/src/Button/button-group.scss +0 -126
- package/src/Card/card-bootstrap.scss +0 -168
- package/src/Dropdown/dropdown-bootstrap.scss +0 -181
- package/src/Form/_bootstrap-custom-forms.scss +0 -551
- package/src/Form/_bootstrap-forms.scss +0 -381
- package/src/Form/_input-group.scss +0 -188
- package/src/IconButton/_mixins.scss +0 -4
- package/src/Pagination/pagination-bootstrap.scss +0 -83
- package/src/Popover/popover-bootstrap.scss +0 -198
- package/src/ProgressBar/_mixins.scss +0 -22
- package/src/ProgressBar/bootstrap-progress.scss +0 -49
- package/src/Toast/bootstrap-toast.scss +0 -46
- package/styles/css/core/custom-media-breakpoints.css +0 -17
- package/styles/css/core/index.css +0 -2
- package/styles/css/core/variables.css +0 -606
- package/styles/css/themes/light/index.css +0 -2
- package/styles/css/themes/light/utility-classes.css +0 -2454
- package/styles/css/themes/light/variables.css +0 -1636
- package/styles/scss/core/_grid.scss +0 -21
- package/styles/scss/core/_variables.scss +0 -869
- package/styles/scss/core/bootstrap-override/_functions.scss +0 -104
- package/styles/scss/core/bootstrap-override/_mixins.scss +0 -4
- package/styles/scss/core/bootstrap-override/_utilities.scss +0 -4
- package/styles/scss/core/bootstrap-override/bootstrap.scss +0 -2
- package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +0 -80
- package/styles/scss/core/bootstrap-override/mixins/_grid.scss +0 -69
- package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +0 -22
- package/styles/scss/core/bootstrap-override/utilities/_background.scss +0 -7
- package/styles/scss/core/bootstrap-override/utilities/_borders.scss +0 -67
- package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +0 -70
- package/styles/scss/core/bootstrap-override/utilities/_text.scss +0 -68
- package/styles/scss/core/core.scss +0 -21
- package/tokens/README.md +0 -158
- package/tokens/css-utilities.js +0 -56
- package/tokens/map-scss-to-css.js +0 -24
- package/tokens/replace-variables.js +0 -32
- package/tokens/sass-helpers.js +0 -98
- package/tokens/src/core/alias/size.json +0 -15
- package/tokens/src/core/components/ActionRow.json +0 -10
- package/tokens/src/core/components/Alert.json +0 -30
- package/tokens/src/core/components/Annotation.json +0 -25
- package/tokens/src/core/components/Avatar.json +0 -17
- package/tokens/src/core/components/AvatarButton.json +0 -11
- package/tokens/src/core/components/Badge.json +0 -33
- package/tokens/src/core/components/Breadcrumb.json +0 -37
- package/tokens/src/core/components/Bubble.json +0 -10
- package/tokens/src/core/components/Button/core.json +0 -105
- package/tokens/src/core/components/Card.json +0 -91
- package/tokens/src/core/components/Carousel.json +0 -37
- package/tokens/src/core/components/Chip.json +0 -19
- package/tokens/src/core/components/ChipCarousel.json +0 -9
- package/tokens/src/core/components/CloseButton.json +0 -14
- package/tokens/src/core/components/Code.json +0 -34
- package/tokens/src/core/components/Collapsible.json +0 -29
- package/tokens/src/core/components/ColorPicker.json +0 -8
- package/tokens/src/core/components/Container.json +0 -13
- package/tokens/src/core/components/DataTable.json +0 -27
- package/tokens/src/core/components/Dropdown.json +0 -67
- package/tokens/src/core/components/Dropzone.json +0 -21
- package/tokens/src/core/components/Form/other.json +0 -14
- package/tokens/src/core/components/Form/size.json +0 -233
- package/tokens/src/core/components/Form/spacing.json +0 -155
- package/tokens/src/core/components/Form/transition.json +0 -16
- package/tokens/src/core/components/Form/typography.json +0 -122
- package/tokens/src/core/components/Icon.json +0 -11
- package/tokens/src/core/components/IconButton.json +0 -15
- package/tokens/src/core/components/Image.json +0 -28
- package/tokens/src/core/components/Menu.json +0 -48
- package/tokens/src/core/components/Modal.json +0 -47
- package/tokens/src/core/components/Nav.json +0 -55
- package/tokens/src/core/components/Navbar.json +0 -70
- package/tokens/src/core/components/Pagination.json +0 -70
- package/tokens/src/core/components/Popover.json +0 -48
- package/tokens/src/core/components/ProductTour.json +0 -37
- package/tokens/src/core/components/ProgressBar.json +0 -39
- package/tokens/src/core/components/SearchField.json +0 -23
- package/tokens/src/core/components/SelectableBox.json +0 -9
- package/tokens/src/core/components/Sheet.json +0 -10
- package/tokens/src/core/components/Spinner.json +0 -19
- package/tokens/src/core/components/Stack.json +0 -7
- package/tokens/src/core/components/Stepper.json +0 -42
- package/tokens/src/core/components/Sticky.json +0 -7
- package/tokens/src/core/components/Tab.json +0 -19
- package/tokens/src/core/components/Tabs.json +0 -19
- package/tokens/src/core/components/Toast.json +0 -30
- package/tokens/src/core/components/Tooltip.json +0 -33
- package/tokens/src/core/components/general/caret.json +0 -13
- package/tokens/src/core/components/general/headings.json +0 -16
- package/tokens/src/core/components/general/hr.json +0 -10
- package/tokens/src/core/components/general/input.json +0 -51
- package/tokens/src/core/components/general/link.json +0 -30
- package/tokens/src/core/components/general/list.json +0 -26
- package/tokens/src/core/components/general/text.json +0 -24
- package/tokens/src/core/global/breakpoints.json +0 -12
- package/tokens/src/core/global/display.json +0 -21
- package/tokens/src/core/global/elevation.json +0 -19
- package/tokens/src/core/global/other.json +0 -4
- package/tokens/src/core/global/spacing.json +0 -35
- package/tokens/src/core/global/transition.json +0 -14
- package/tokens/src/core/global/typography.json +0 -91
- package/tokens/src/core/utilities/color.json +0 -12
- package/tokens/src/themes/light/alias/color.json +0 -114
- package/tokens/src/themes/light/components/Alert.json +0 -47
- package/tokens/src/themes/light/components/Annotation.json +0 -29
- package/tokens/src/themes/light/components/Avatar.json +0 -7
- package/tokens/src/themes/light/components/Badge.json +0 -186
- package/tokens/src/themes/light/components/Breadcrumb.json +0 -14
- package/tokens/src/themes/light/components/Bubble.json +0 -18
- package/tokens/src/themes/light/components/Button/brand.json +0 -260
- package/tokens/src/themes/light/components/Button/core.json +0 -24
- package/tokens/src/themes/light/components/Button/danger.json +0 -247
- package/tokens/src/themes/light/components/Button/dark.json +0 -230
- package/tokens/src/themes/light/components/Button/info.json +0 -238
- package/tokens/src/themes/light/components/Button/light.json +0 -236
- package/tokens/src/themes/light/components/Button/primary.json +0 -250
- package/tokens/src/themes/light/components/Button/secondary.json +0 -278
- package/tokens/src/themes/light/components/Button/success.json +0 -253
- package/tokens/src/themes/light/components/Button/tertiary.json +0 -109
- package/tokens/src/themes/light/components/Button/warning.json +0 -276
- package/tokens/src/themes/light/components/Card.json +0 -40
- package/tokens/src/themes/light/components/Carousel.json +0 -45
- package/tokens/src/themes/light/components/Chip.json +0 -19
- package/tokens/src/themes/light/components/CloseButton.json +0 -10
- package/tokens/src/themes/light/components/Code.json +0 -23
- package/tokens/src/themes/light/components/DataTable.json +0 -26
- package/tokens/src/themes/light/components/Dropdown.json +0 -41
- package/tokens/src/themes/light/components/Dropzone.json +0 -23
- package/tokens/src/themes/light/components/Form/color.json +0 -270
- package/tokens/src/themes/light/components/Form/elevation.json +0 -76
- package/tokens/src/themes/light/components/Form/other.json +0 -131
- package/tokens/src/themes/light/components/IconButton.json +0 -451
- package/tokens/src/themes/light/components/Image.json +0 -18
- package/tokens/src/themes/light/components/Menu.json +0 -30
- package/tokens/src/themes/light/components/Modal.json +0 -37
- package/tokens/src/themes/light/components/Nav.json +0 -166
- package/tokens/src/themes/light/components/Navbar.json +0 -136
- package/tokens/src/themes/light/components/OverflowScroll.json +0 -9
- package/tokens/src/themes/light/components/PageBanner.json +0 -24
- package/tokens/src/themes/light/components/Pagination.json +0 -40
- package/tokens/src/themes/light/components/Popover.json +0 -55
- package/tokens/src/themes/light/components/ProductTour.json +0 -35
- package/tokens/src/themes/light/components/ProgressBar.json +0 -20
- package/tokens/src/themes/light/components/Scrollable.json +0 -14
- package/tokens/src/themes/light/components/SearchField.json +0 -25
- package/tokens/src/themes/light/components/Sheet.json +0 -22
- package/tokens/src/themes/light/components/Stepper.json +0 -34
- package/tokens/src/themes/light/components/Sticky.json +0 -18
- package/tokens/src/themes/light/components/Tab.json +0 -62
- package/tokens/src/themes/light/components/Toast.json +0 -33
- package/tokens/src/themes/light/components/Tooltip.json +0 -30
- package/tokens/src/themes/light/components/general/body.json +0 -8
- package/tokens/src/themes/light/components/general/headings.json +0 -7
- package/tokens/src/themes/light/components/general/hr.json +0 -15
- package/tokens/src/themes/light/components/general/input.json +0 -18
- package/tokens/src/themes/light/components/general/link.json +0 -109
- package/tokens/src/themes/light/components/general/list.json +0 -38
- package/tokens/src/themes/light/components/general/text.json +0 -6
- package/tokens/src/themes/light/global/color.json +0 -1661
- package/tokens/src/themes/light/global/elevation.json +0 -201
- package/tokens/src/themes/light/global/other.json +0 -4
- package/tokens/style-dictionary.js +0 -223
- package/tokens/utils.js +0 -210
- /package/{styles/scss → scss}/core/_exports.module.scss +0 -0
- /package/{styles/scss → scss}/core/_typography.scss +0 -0
|
@@ -1,44 +1,69 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
5
|
-
function _toPrimitive(input, hint) { if (
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
12
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
6
13
|
import React, { useState, useEffect, useMemo, useCallback } from 'react';
|
|
7
14
|
import PropTypes from 'prop-types';
|
|
8
15
|
import classNames from 'classnames';
|
|
9
16
|
import { newId } from '../utils';
|
|
10
17
|
import { useIdList, omitUndefinedProperties } from './fieldUtils';
|
|
11
18
|
import { FORM_CONTROL_SIZES } from './constants';
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
19
|
+
var identityFn = function identityFn(props) {
|
|
20
|
+
return props;
|
|
21
|
+
};
|
|
22
|
+
var noop = function noop() {};
|
|
23
|
+
var FormGroupContext = /*#__PURE__*/React.createContext({
|
|
15
24
|
getControlProps: identityFn,
|
|
16
25
|
useSetIsControlGroupEffect: noop,
|
|
17
26
|
getLabelProps: identityFn,
|
|
18
27
|
getDescriptorProps: identityFn,
|
|
19
28
|
hasFormGroupProvider: false
|
|
20
29
|
});
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
30
|
+
var useFormGroupContext = function useFormGroupContext() {
|
|
31
|
+
return React.useContext(FormGroupContext);
|
|
32
|
+
};
|
|
33
|
+
var useStateEffect = function useStateEffect(initialState) {
|
|
34
|
+
var _useState = useState(initialState),
|
|
35
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
+
state = _useState2[0],
|
|
37
|
+
setState = _useState2[1];
|
|
38
|
+
var useSetStateEffect = function useSetStateEffect(newState) {
|
|
39
|
+
useEffect(function () {
|
|
40
|
+
return setState(newState);
|
|
41
|
+
}, [newState]);
|
|
26
42
|
};
|
|
27
43
|
return [state, useSetStateEffect];
|
|
28
44
|
};
|
|
29
45
|
function FormGroupContextProvider(_ref) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
46
|
+
var children = _ref.children,
|
|
47
|
+
explicitControlId = _ref.controlId,
|
|
48
|
+
isInvalid = _ref.isInvalid,
|
|
49
|
+
isValid = _ref.isValid,
|
|
50
|
+
size = _ref.size;
|
|
51
|
+
var controlId = useMemo(function () {
|
|
52
|
+
return explicitControlId || newId('form-field');
|
|
53
|
+
}, [explicitControlId]);
|
|
54
|
+
var _useIdList = useIdList(controlId),
|
|
55
|
+
_useIdList2 = _slicedToArray(_useIdList, 2),
|
|
56
|
+
describedByIds = _useIdList2[0],
|
|
57
|
+
registerDescriptorId = _useIdList2[1];
|
|
58
|
+
var _useIdList3 = useIdList(controlId),
|
|
59
|
+
_useIdList4 = _slicedToArray(_useIdList3, 2),
|
|
60
|
+
labelledByIds = _useIdList4[0],
|
|
61
|
+
registerLabelerId = _useIdList4[1];
|
|
62
|
+
var _useStateEffect = useStateEffect(false),
|
|
63
|
+
_useStateEffect2 = _slicedToArray(_useStateEffect, 2),
|
|
64
|
+
isControlGroup = _useStateEffect2[0],
|
|
65
|
+
useSetIsControlGroupEffect = _useStateEffect2[1];
|
|
66
|
+
var getControlProps = useCallback(function (controlProps) {
|
|
42
67
|
// labelledByIds from the list above should only be added to a control
|
|
43
68
|
// if it the control is a group. We prefer adding a condition here because:
|
|
44
69
|
// - Hooks cannot be called inside conditionals
|
|
@@ -46,40 +71,40 @@ function FormGroupContextProvider(_ref) {
|
|
|
46
71
|
// whether it is needed or not.
|
|
47
72
|
// - This is what allows consumers of Paragon to use <Form.Label>
|
|
48
73
|
// interchangeably between ControlGroup type controls and regular Controls
|
|
49
|
-
|
|
74
|
+
var labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;
|
|
50
75
|
return omitUndefinedProperties(_objectSpread(_objectSpread({}, controlProps), {}, {
|
|
51
76
|
'aria-describedby': classNames(controlProps['aria-describedby'], describedByIds) || undefined,
|
|
52
77
|
'aria-labelledby': classNames(controlProps['aria-labelledby'], labelledByIdsForControl) || undefined,
|
|
53
78
|
id: controlId
|
|
54
79
|
}));
|
|
55
80
|
}, [isControlGroup, describedByIds, labelledByIds, controlId]);
|
|
56
|
-
|
|
57
|
-
|
|
81
|
+
var getLabelProps = function getLabelProps(labelProps) {
|
|
82
|
+
var id = registerLabelerId(labelProps === null || labelProps === void 0 ? void 0 : labelProps.id);
|
|
58
83
|
if (isControlGroup) {
|
|
59
84
|
return _objectSpread(_objectSpread({}, labelProps), {}, {
|
|
60
|
-
id
|
|
85
|
+
id: id
|
|
61
86
|
});
|
|
62
87
|
}
|
|
63
88
|
return _objectSpread(_objectSpread({}, labelProps), {}, {
|
|
64
89
|
htmlFor: controlId
|
|
65
90
|
});
|
|
66
91
|
};
|
|
67
|
-
|
|
68
|
-
|
|
92
|
+
var getDescriptorProps = function getDescriptorProps(descriptorProps) {
|
|
93
|
+
var id = registerDescriptorId(descriptorProps === null || descriptorProps === void 0 ? void 0 : descriptorProps.id);
|
|
69
94
|
return _objectSpread(_objectSpread({}, descriptorProps), {}, {
|
|
70
|
-
id
|
|
95
|
+
id: id
|
|
71
96
|
});
|
|
72
97
|
};
|
|
73
|
-
|
|
74
|
-
getControlProps,
|
|
75
|
-
getLabelProps,
|
|
76
|
-
getDescriptorProps,
|
|
77
|
-
useSetIsControlGroupEffect,
|
|
78
|
-
isControlGroup,
|
|
79
|
-
controlId,
|
|
80
|
-
isInvalid,
|
|
81
|
-
isValid,
|
|
82
|
-
size,
|
|
98
|
+
var contextValue = {
|
|
99
|
+
getControlProps: getControlProps,
|
|
100
|
+
getLabelProps: getLabelProps,
|
|
101
|
+
getDescriptorProps: getDescriptorProps,
|
|
102
|
+
useSetIsControlGroupEffect: useSetIsControlGroupEffect,
|
|
103
|
+
isControlGroup: isControlGroup,
|
|
104
|
+
controlId: controlId,
|
|
105
|
+
isInvalid: isInvalid,
|
|
106
|
+
isValid: isValid,
|
|
107
|
+
size: size,
|
|
83
108
|
hasFormGroupProvider: true
|
|
84
109
|
};
|
|
85
110
|
return /*#__PURE__*/React.createElement(FormGroupContext.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","PropTypes","classNames","newId","useIdList","omitUndefinedProperties","FORM_CONTROL_SIZES","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","state","setState","useSetStateEffect","newState","FormGroupContextProvider","_ref","children","
|
|
1
|
+
{"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","PropTypes","classNames","newId","useIdList","omitUndefinedProperties","FORM_CONTROL_SIZES","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","_useState","_useState2","_slicedToArray","state","setState","useSetStateEffect","newState","FormGroupContextProvider","_ref","children","explicitControlId","controlId","isInvalid","isValid","size","_useIdList","_useIdList2","describedByIds","registerDescriptorId","_useIdList3","_useIdList4","labelledByIds","registerLabelerId","_useStateEffect","_useStateEffect2","isControlGroup","controlProps","labelledByIdsForControl","undefined","_objectSpread","id","labelProps","htmlFor","descriptorProps","contextValue","createElement","Provider","value","propTypes","node","isRequired","string","bool","oneOf","SMALL","LARGE","defaultProps"],"sources":["../../src/Form/FormGroupContext.jsx"],"sourcesContent":["import React, {\n useState, useEffect, useMemo, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { newId } from '../utils';\nimport { useIdList, omitUndefinedProperties } from './fieldUtils';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nconst identityFn = props => props;\nconst noop = () => {};\n\nconst FormGroupContext = React.createContext({\n getControlProps: identityFn,\n useSetIsControlGroupEffect: noop,\n getLabelProps: identityFn,\n getDescriptorProps: identityFn,\n hasFormGroupProvider: false,\n});\n\nconst useFormGroupContext = () => React.useContext(FormGroupContext);\n\nconst useStateEffect = (initialState) => {\n const [state, setState] = useState(initialState);\n const useSetStateEffect = (newState) => {\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 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) => {\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) => {\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) => {\n const id = registerDescriptorId(descriptorProps?.id);\n return { ...descriptorProps, id };\n };\n\n const contextValue = {\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\nFormGroupContextProvider.propTypes = {\n children: PropTypes.node.isRequired,\n controlId: PropTypes.string,\n isInvalid: PropTypes.bool,\n isValid: PropTypes.bool,\n size: PropTypes.oneOf([\n FORM_CONTROL_SIZES.SMALL,\n FORM_CONTROL_SIZES.LARGE,\n ]),\n};\n\nFormGroupContextProvider.defaultProps = {\n controlId: undefined,\n isInvalid: undefined,\n isValid: undefined,\n size: undefined,\n};\n\nexport {\n FormGroupContext,\n FormGroupContextProvider,\n useFormGroupContext,\n};\n"],"mappings":"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"}
|
package/dist/Form/FormLabel.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["children", "isInline"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
10
|
import React from 'react';
|
|
@@ -12,28 +13,25 @@ import classNames from 'classnames';
|
|
|
12
13
|
import { useFormGroupContext } from './FormGroupContext';
|
|
13
14
|
import { FORM_CONTROL_SIZES } from './constants';
|
|
14
15
|
function FormLabel(_ref) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
isInline
|
|
18
|
-
} = _ref,
|
|
16
|
+
var children = _ref.children,
|
|
17
|
+
isInline = _ref.isInline,
|
|
19
18
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
|
|
21
|
-
size,
|
|
22
|
-
isControlGroup,
|
|
23
|
-
getLabelProps
|
|
24
|
-
|
|
25
|
-
const className = classNames('pgn__form-label', {
|
|
19
|
+
var _useFormGroupContext = useFormGroupContext(),
|
|
20
|
+
size = _useFormGroupContext.size,
|
|
21
|
+
isControlGroup = _useFormGroupContext.isControlGroup,
|
|
22
|
+
getLabelProps = _useFormGroupContext.getLabelProps;
|
|
23
|
+
var className = classNames('pgn__form-label', {
|
|
26
24
|
'pgn__form-label-inline': isInline,
|
|
27
25
|
'pgn__form-label-lg': size === FORM_CONTROL_SIZES.LARGE,
|
|
28
26
|
'pgn__form-label-sm': size === FORM_CONTROL_SIZES.SMALL
|
|
29
27
|
}, props.className);
|
|
30
|
-
|
|
31
|
-
className
|
|
28
|
+
var labelProps = getLabelProps(_objectSpread(_objectSpread({}, props), {}, {
|
|
29
|
+
className: className
|
|
32
30
|
}));
|
|
33
|
-
|
|
31
|
+
var componentType = isControlGroup ? 'p' : 'label';
|
|
34
32
|
return /*#__PURE__*/React.createElement(componentType, labelProps, children);
|
|
35
33
|
}
|
|
36
|
-
|
|
34
|
+
var SIZE_CHOICES = ['sm', 'lg'];
|
|
37
35
|
FormLabel.propTypes = {
|
|
38
36
|
/** Specifies class name to append to the base element. */
|
|
39
37
|
className: PropTypes.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormLabel","_ref","children","isInline","props","_objectWithoutProperties","_excluded","size","isControlGroup","getLabelProps","className","LARGE","SMALL","labelProps","_objectSpread","componentType","createElement","SIZE_CHOICES","propTypes","string","node","isRequired","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormLabel.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';\n\nfunction FormLabel({ children, isInline, ...props }) {\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\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormLabel.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies size of the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormLabel.defaultProps = {\n isInline: false,\n size: undefined,\n className: undefined,\n};\n\nexport default FormLabel;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormLabel.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormLabel","_ref","children","isInline","props","_objectWithoutProperties","_excluded","_useFormGroupContext","size","isControlGroup","getLabelProps","className","LARGE","SMALL","labelProps","_objectSpread","componentType","createElement","SIZE_CHOICES","propTypes","string","node","isRequired","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormLabel.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';\n\nfunction FormLabel({ children, isInline, ...props }) {\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\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormLabel.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies size of the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormLabel.defaultProps = {\n isInline: false,\n size: undefined,\n className: undefined,\n};\n\nexport default FormLabel;\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;AAEhD,SAASC,SAASA,CAAAC,IAAA,EAAmC;EAAA,IAAhCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC/C,IAAAC,oBAAA,GAAgDT,mBAAmB,CAAC,CAAC;IAA7DU,IAAI,GAAAD,oBAAA,CAAJC,IAAI;IAAEC,cAAc,GAAAF,oBAAA,CAAdE,cAAc;IAAEC,aAAa,GAAAH,oBAAA,CAAbG,aAAa;EAC3C,IAAMC,SAAS,GAAGd,UAAU,CAC1B,iBAAiB,EACjB;IACE,wBAAwB,EAAEM,QAAQ;IAClC,oBAAoB,EAAEK,IAAI,KAAKT,kBAAkB,CAACa,KAAK;IACvD,oBAAoB,EAAEJ,IAAI,KAAKT,kBAAkB,CAACc;EACpD,CAAC,EACDT,KAAK,CAACO,SACR,CAAC;EACD,IAAMG,UAAU,GAAGJ,aAAa,CAAAK,aAAA,CAAAA,aAAA,KAAMX,KAAK;IAAEO,SAAS,EAATA;EAAS,EAAE,CAAC;EACzD,IAAMK,aAAa,GAAGP,cAAc,GAAG,GAAG,GAAG,OAAO;EACpD,oBAAOd,KAAK,CAACsB,aAAa,CAACD,aAAa,EAAEF,UAAU,EAAEZ,QAAQ,CAAC;AACjE;AAEA,IAAMgB,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjClB,SAAS,CAACmB,SAAS,GAAG;EACpB;EACAR,SAAS,EAAEf,SAAS,CAACwB,MAAM;EAC3B;EACAlB,QAAQ,EAAEN,SAAS,CAACyB,IAAI,CAACC,UAAU;EACnC;EACAnB,QAAQ,EAAEP,SAAS,CAAC2B,IAAI;EACxB;EACAf,IAAI,EAAEZ,SAAS,CAAC4B,KAAK,CAACN,YAAY;AACpC,CAAC;AAEDlB,SAAS,CAACyB,YAAY,GAAG;EACvBtB,QAAQ,EAAE,KAAK;EACfK,IAAI,EAAEkB,SAAS;EACff,SAAS,EAAEe;AACb,CAAC;AAED,eAAe1B,SAAS"}
|
package/dist/Form/FormRadio.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "className", "controlClassName", "labelClassName", "description", "isInvalid", "isValid"];
|
|
2
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
3
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
4
5
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
5
6
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
7
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
8
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
9
|
-
function _toPrimitive(input, hint) { if (
|
|
9
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
10
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
11
|
import React from 'react';
|
|
11
12
|
import PropTypes from 'prop-types';
|
|
12
13
|
import classNames from 'classnames';
|
|
@@ -14,15 +15,13 @@ import { useRadioSetContext } from './FormRadioSetContext';
|
|
|
14
15
|
import { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';
|
|
15
16
|
import FormLabel from './FormLabel';
|
|
16
17
|
import FormControlFeedback from './FormControlFeedback';
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
getControlProps
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
} = useRadioSetContext();
|
|
25
|
-
let radioProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
|
|
18
|
+
var RadioControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
19
|
+
var _useFormGroupContext = useFormGroupContext(),
|
|
20
|
+
getControlProps = _useFormGroupContext.getControlProps;
|
|
21
|
+
var _useRadioSetContext = useRadioSetContext(),
|
|
22
|
+
getRadioControlProps = _useRadioSetContext.getRadioControlProps,
|
|
23
|
+
hasRadioSetProvider = _useRadioSetContext.hasRadioSetProvider;
|
|
24
|
+
var radioProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
|
|
26
25
|
className: classNames('pgn__form-radio-input', props.className)
|
|
27
26
|
}));
|
|
28
27
|
if (hasRadioSetProvider) {
|
|
@@ -39,16 +38,14 @@ RadioControl.propTypes = {
|
|
|
39
38
|
RadioControl.defaultProps = {
|
|
40
39
|
className: undefined
|
|
41
40
|
};
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
isValid
|
|
51
|
-
} = _ref,
|
|
41
|
+
var FormRadio = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
42
|
+
var children = _ref.children,
|
|
43
|
+
className = _ref.className,
|
|
44
|
+
controlClassName = _ref.controlClassName,
|
|
45
|
+
labelClassName = _ref.labelClassName,
|
|
46
|
+
description = _ref.description,
|
|
47
|
+
isInvalid = _ref.isInvalid,
|
|
48
|
+
isValid = _ref.isValid,
|
|
52
49
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
53
50
|
return /*#__PURE__*/React.createElement(FormGroupContextProvider, {
|
|
54
51
|
controlId: props.id,
|
|
@@ -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","_objectSpread","className","createElement","_extends","type","propTypes","string","defaultProps","undefined","FormRadio","_ref","children","controlClassName","labelClassName","description","isInvalid","isValid","_objectWithoutProperties","_excluded","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":"
|
|
1
|
+
{"version":3,"file":"FormRadio.js","names":["React","PropTypes","classNames","useRadioSetContext","FormGroupContextProvider","useFormGroupContext","FormLabel","FormControlFeedback","RadioControl","forwardRef","props","ref","_useFormGroupContext","getControlProps","_useRadioSetContext","getRadioControlProps","hasRadioSetProvider","radioProps","_objectSpread","className","createElement","_extends","type","propTypes","string","defaultProps","undefined","FormRadio","_ref","children","controlClassName","labelClassName","description","isInvalid","isValid","_objectWithoutProperties","_excluded","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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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "name", "value", "defaultValue", "isInline", "onChange", "onFocus", "onBlur"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -8,23 +8,20 @@ import { useFormGroupContext } from './FormGroupContext';
|
|
|
8
8
|
import { FormRadioSetContextProvider } from './FormRadioSetContext';
|
|
9
9
|
import FormControlSet from './FormControlSet';
|
|
10
10
|
function FormRadioSet(_ref) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
onBlur
|
|
20
|
-
} = _ref,
|
|
11
|
+
var children = _ref.children,
|
|
12
|
+
name = _ref.name,
|
|
13
|
+
value = _ref.value,
|
|
14
|
+
defaultValue = _ref.defaultValue,
|
|
15
|
+
isInline = _ref.isInline,
|
|
16
|
+
onChange = _ref.onChange,
|
|
17
|
+
onFocus = _ref.onFocus,
|
|
18
|
+
onBlur = _ref.onBlur,
|
|
21
19
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
|
|
23
|
-
getControlProps,
|
|
24
|
-
useSetIsControlGroupEffect
|
|
25
|
-
} = useFormGroupContext();
|
|
20
|
+
var _useFormGroupContext = useFormGroupContext(),
|
|
21
|
+
getControlProps = _useFormGroupContext.getControlProps,
|
|
22
|
+
useSetIsControlGroupEffect = _useFormGroupContext.useSetIsControlGroupEffect;
|
|
26
23
|
useSetIsControlGroupEffect(true);
|
|
27
|
-
|
|
24
|
+
var controlProps = getControlProps(props);
|
|
28
25
|
return /*#__PURE__*/React.createElement(FormRadioSetContextProvider, {
|
|
29
26
|
name: name,
|
|
30
27
|
value: value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRadioSet.js","names":["React","PropTypes","useFormGroupContext","FormRadioSetContextProvider","FormControlSet","FormRadioSet","_ref","children","name","value","defaultValue","isInline","onChange","onFocus","onBlur","props","_objectWithoutProperties","_excluded","getControlProps","useSetIsControlGroupEffect","controlProps","createElement","_extends","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,CAAAC,IAAA,EAUlB;EAAA,
|
|
1
|
+
{"version":3,"file":"FormRadioSet.js","names":["React","PropTypes","useFormGroupContext","FormRadioSetContextProvider","FormControlSet","FormRadioSet","_ref","children","name","value","defaultValue","isInline","onChange","onFocus","onBlur","props","_objectWithoutProperties","_excluded","_useFormGroupContext","getControlProps","useSetIsControlGroupEffect","controlProps","createElement","_extends","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,CAAAC,IAAA,EAUlB;EAAA,IATDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IACHC,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,IAAAC,oBAAA,GAAwDhB,mBAAmB,CAAC,CAAC;IAArEiB,eAAe,GAAAD,oBAAA,CAAfC,eAAe;IAAEC,0BAA0B,GAAAF,oBAAA,CAA1BE,0BAA0B;EACnDA,0BAA0B,CAAC,IAAI,CAAC;EAChC,IAAMC,YAAY,GAAGF,eAAe,CAACJ,KAAK,CAAC;EAC3C,oBACEf,KAAA,CAAAsB,aAAA,CAACnB,2BAA2B;IAC1BK,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,QAAQ,EAAEA;EAAS,gBAEnBZ,KAAA,CAAAsB,aAAA,CAAClB,cAAc,EAAAmB,QAAA;IAACC,IAAI,EAAC,YAAY;IAACb,QAAQ,EAAEA;EAAS,GAAKU,YAAY,GACnEd,QACa,CACW,CAAC;AAElC;AAEAF,YAAY,CAACoB,SAAS,GAAG;EACvB;EACAlB,QAAQ,EAAEN,SAAS,CAACyB,IAAI,CAACC,UAAU;EACnC;EACAC,SAAS,EAAE3B,SAAS,CAAC4B,MAAM;EAC3B;EACArB,IAAI,EAAEP,SAAS,CAAC4B,MAAM,CAACF,UAAU;EACjC;EACAlB,KAAK,EAAER,SAAS,CAAC4B,MAAM;EACvB;EACAnB,YAAY,EAAET,SAAS,CAAC4B,MAAM;EAC9B;EACAlB,QAAQ,EAAEV,SAAS,CAAC6B,IAAI;EACxB;EACAlB,QAAQ,EAAEX,SAAS,CAAC8B,IAAI;EACxB;EACAlB,OAAO,EAAEZ,SAAS,CAAC8B,IAAI;EACvB;EACAjB,MAAM,EAAEb,SAAS,CAAC8B;AACpB,CAAC;AAED1B,YAAY,CAAC2B,YAAY,GAAG;EAC1BJ,SAAS,EAAEK,SAAS;EACpBxB,KAAK,EAAEwB,SAAS;EAChBvB,YAAY,EAAEuB,SAAS;EACvBtB,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAEqB,SAAS;EACnBpB,OAAO,EAAEoB,SAAS;EAClBnB,MAAM,EAAEmB;AACV,CAAC;AAED,eAAe5B,YAAY"}
|
|
@@ -1,47 +1,52 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
5
|
-
function _toPrimitive(input, hint) { if (
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
6
7
|
import React, { useContext } from 'react';
|
|
7
8
|
import PropTypes from 'prop-types';
|
|
8
9
|
import { callAllHandlers } from './fieldUtils';
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
var identityFn = function identityFn(props) {
|
|
11
|
+
return props;
|
|
12
|
+
};
|
|
13
|
+
var FormRadioSetContext = /*#__PURE__*/React.createContext({
|
|
11
14
|
getRadioControlProps: identityFn,
|
|
12
15
|
hasRadioSetProvider: false
|
|
13
16
|
});
|
|
14
|
-
|
|
17
|
+
var useRadioSetContext = function useRadioSetContext() {
|
|
18
|
+
return useContext(FormRadioSetContext);
|
|
19
|
+
};
|
|
15
20
|
function FormRadioSetContextProvider(_ref) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
name,
|
|
39
|
-
value,
|
|
40
|
-
defaultValue,
|
|
41
|
-
getRadioControlProps,
|
|
42
|
-
onBlur,
|
|
43
|
-
onFocus,
|
|
44
|
-
onChange,
|
|
21
|
+
var children = _ref.children,
|
|
22
|
+
name = _ref.name,
|
|
23
|
+
onBlur = _ref.onBlur,
|
|
24
|
+
onFocus = _ref.onFocus,
|
|
25
|
+
onChange = _ref.onChange,
|
|
26
|
+
value = _ref.value,
|
|
27
|
+
defaultValue = _ref.defaultValue;
|
|
28
|
+
var isControlled = !defaultValue && value !== undefined;
|
|
29
|
+
var getRadioControlProps = function getRadioControlProps(radioProps) {
|
|
30
|
+
return _objectSpread(_objectSpread({}, radioProps), {}, {
|
|
31
|
+
name: name,
|
|
32
|
+
/* istanbul ignore next */
|
|
33
|
+
onBlur: radioProps.onBlur ? callAllHandlers(onBlur, radioProps.onBlur) : onBlur,
|
|
34
|
+
/* istanbul ignore next */
|
|
35
|
+
onFocus: radioProps.onFocus ? callAllHandlers(onFocus, radioProps.onFocus) : onFocus,
|
|
36
|
+
/* istanbul ignore next */
|
|
37
|
+
onChange: radioProps.onChange ? callAllHandlers(onChange, radioProps.onChange) : onChange,
|
|
38
|
+
checked: isControlled ? value === radioProps.value : undefined,
|
|
39
|
+
defaultChecked: isControlled ? undefined : defaultValue === radioProps.value
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
var contextValue = {
|
|
43
|
+
name: name,
|
|
44
|
+
value: value,
|
|
45
|
+
defaultValue: defaultValue,
|
|
46
|
+
getRadioControlProps: getRadioControlProps,
|
|
47
|
+
onBlur: onBlur,
|
|
48
|
+
onFocus: onFocus,
|
|
49
|
+
onChange: onChange,
|
|
45
50
|
hasRadioSetProvider: true
|
|
46
51
|
};
|
|
47
52
|
return /*#__PURE__*/React.createElement(FormRadioSetContext.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRadioSetContext.js","names":["React","useContext","PropTypes","callAllHandlers","identityFn","props","FormRadioSetContext","createContext","getRadioControlProps","hasRadioSetProvider","useRadioSetContext","FormRadioSetContextProvider","_ref","children","name","onBlur","onFocus","onChange","value","defaultValue","isControlled","undefined","radioProps","_objectSpread","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":"
|
|
1
|
+
{"version":3,"file":"FormRadioSetContext.js","names":["React","useContext","PropTypes","callAllHandlers","identityFn","props","FormRadioSetContext","createContext","getRadioControlProps","hasRadioSetProvider","useRadioSetContext","FormRadioSetContextProvider","_ref","children","name","onBlur","onFocus","onChange","value","defaultValue","isControlled","undefined","radioProps","_objectSpread","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":"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"}
|