@openedx/paragon 21.12.1 → 21.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionRow/index.js +7 -8
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/index.js +33 -25
- package/dist/Alert/index.js.map +1 -1
- package/dist/Annotation/index.js +7 -9
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Avatar/index.js +5 -7
- package/dist/Avatar/index.js.map +1 -1
- package/dist/AvatarButton/index.js +10 -12
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/Badge/index.js +6 -4
- package/dist/Badge/index.js.map +1 -1
- package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/index.js +29 -29
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Bubble/index.js +11 -13
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Button/deprecated/index.js +87 -66
- package/dist/Button/deprecated/index.js.map +1 -1
- package/dist/Button/index.js +10 -11
- package/dist/Button/index.js.map +1 -1
- 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/index.js +18 -20
- package/dist/Card/index.js.map +1 -1
- package/dist/Carousel/index.js +17 -11
- package/dist/Carousel/index.js.map +1 -1
- package/dist/CheckBox/index.js +66 -36
- package/dist/CheckBox/index.js.map +1 -1
- package/dist/Chip/index.js +14 -16
- package/dist/Chip/index.js.map +1 -1
- package/dist/ChipCarousel/index.js +29 -30
- package/dist/ChipCarousel/index.js.map +1 -1
- 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/index.js +17 -18
- package/dist/Collapsible/index.js.map +1 -1
- package/dist/ColorPicker/index.js +58 -33
- package/dist/ColorPicker/index.js.map +1 -1
- 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 +57 -39
- 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 +8 -7
- package/dist/DataTable/TablePagination.js.map +1 -1
- package/dist/DataTable/TablePaginationMinimal.js +9 -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/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 +10 -13
- 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/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/deprecated/DropdownButton.js +9 -13
- package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownItem.js +7 -8
- package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownMenu.js +8 -12
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -1
- package/dist/Dropdown/deprecated/index.js +136 -103
- package/dist/Dropdown/deprecated/index.js.map +1 -1
- package/dist/Dropdown/index.js +32 -29
- package/dist/Dropdown/index.js.map +1 -1
- 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/index.js +145 -86
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Fieldset/index.js +82 -57
- package/dist/Fieldset/index.js.map +1 -1
- package/dist/Form/FormAutosuggest.js +137 -95
- 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/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 +2 -2
- package/dist/Icon/index.js +21 -20
- package/dist/Icon/index.js.map +1 -1
- package/dist/IconButton/index.js +30 -32
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButtonToggle/index.js +16 -16
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/Input/index.js +122 -92
- package/dist/Input/index.js.map +1 -1
- package/dist/InputSelect/index.js +78 -51
- package/dist/InputSelect/index.js.map +1 -1
- package/dist/InputText/index.js +11 -9
- package/dist/InputText/index.js.map +1 -1
- package/dist/Layout/index.js +33 -29
- package/dist/Layout/index.js.map +1 -1
- package/dist/ListBox/index.js +112 -80
- package/dist/ListBox/index.js.map +1 -1
- package/dist/ListBoxOption/index.js +68 -45
- package/dist/ListBoxOption/index.js.map +1 -1
- package/dist/MailtoLink/index.js +37 -34
- package/dist/MailtoLink/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +13 -14
- 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/index.js +10 -11
- package/dist/Menu/index.js.map +1 -1
- 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/index.js +215 -187
- package/dist/Modal/index.js.map +1 -1
- package/dist/Nav/index.js +3 -2
- package/dist/Nav/index.js.map +1 -1
- package/dist/Navbar/index.js +7 -6
- package/dist/Navbar/index.js.map +1 -1
- 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/Overlay/index.js +4 -4
- 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/Pagination/index.js +331 -296
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/ProductTour/Checkpoint.js +29 -22
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- 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/index.js +66 -47
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProgressBar/index.js +37 -35
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/RadioButtonGroup/index.js +133 -102
- package/dist/RadioButtonGroup/index.js.map +1 -1
- package/dist/Scrollable/index.js +30 -15
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/SearchField/SearchFieldAdvanced.js +54 -44
- package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
- package/dist/SearchField/SearchFieldClearButton.js +7 -8
- package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
- package/dist/SearchField/SearchFieldInput.js +8 -9
- 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 +12 -15
- package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
- package/dist/SearchField/index.js +22 -22
- package/dist/SearchField/index.js.map +1 -1
- package/dist/SelectableBox/SelectableBoxSet.js +25 -26
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/index.js +42 -38
- package/dist/SelectableBox/index.js.map +1 -1
- 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/Spinner/index.js +8 -9
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Stack/index.js +9 -11
- package/dist/Stack/index.js.map +1 -1
- package/dist/StatefulButton/index.js +15 -17
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/StatusAlert/index.js +120 -82
- package/dist/StatusAlert/index.js.map +1 -1
- 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/Sticky/index.js +30 -22
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Table/index.js +178 -109
- package/dist/Table/index.js.map +1 -1
- package/dist/Tabs/deprecated/index.js +99 -66
- package/dist/Tabs/deprecated/index.js.map +1 -1
- package/dist/Tabs/index.js +65 -49
- package/dist/Tabs/index.js.map +1 -1
- package/dist/TextArea/index.js +10 -8
- package/dist/TextArea/index.js.map +1 -1
- package/dist/Toast/ToastContainer.js +38 -16
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/index.js +33 -18
- package/dist/Toast/index.js.map +1 -1
- package/dist/Tooltip/index.js +8 -9
- package/dist/Tooltip/index.js.map +1 -1
- 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 +38 -37
- package/dist/ValidationFormGroup/index.js.map +1 -1
- package/dist/ValidationMessage/index.js +76 -51
- package/dist/ValidationMessage/index.js.map +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/paragon.css +1 -1
- package/dist/withDeprecatedProps.js +79 -58
- package/dist/withDeprecatedProps.js.map +1 -1
- package/package.json +1 -5
- package/src/Button/index.jsx +2 -2
- package/src/Dropzone/index.jsx +1 -1
- package/src/Hyperlink/index.scss +2 -2
- package/src/Icon/index.jsx +1 -1
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +12 -10
- package/src/IconButton/index.jsx +1 -1
- package/src/Menu/MenuItem.jsx +2 -2
- package/src/Overlay/README.md +1 -1
- package/src/Overlay/index.jsx +1 -1
|
@@ -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":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,cAAc;AAE9C,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAGC,KAAK;EAAA,OAAIA,KAAK;AAAA;AAEjC,IAAMC,mBAAmB,gBAAGN,KAAK,CAACO,aAAa,CAAC;EAC9CC,oBAAoB,EAAEJ,UAAU;EAChCK,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA;EAAA,OAAST,UAAU,CAACK,mBAAmB,CAAC;AAAA;AAEhE,SAASK,2BAA2BA,CAAAC,IAAA,EAQjC;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,YAAY,GAAAP,IAAA,CAAZO,YAAY;EAEZ,IAAMC,YAAY,GAAG,CAACD,YAAY,IAAID,KAAK,KAAKG,SAAS;EACzD,IAAMb,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIc,UAAU;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACnCD,UAAU;MACbR,IAAI,EAAJA,IAAI;MACJ;MACAC,MAAM,EAAEO,UAAU,CAACP,MAAM,GAAGZ,eAAe,CAACY,MAAM,EAAEO,UAAU,CAACP,MAAM,CAAC,GAAGA,MAAM;MAC/E;MACAC,OAAO,EAAEM,UAAU,CAACN,OAAO,GAAGb,eAAe,CAACa,OAAO,EAAEM,UAAU,CAACN,OAAO,CAAC,GAAGA,OAAO;MACpF;MACAC,QAAQ,EAAEK,UAAU,CAACL,QAAQ,GAAGd,eAAe,CAACc,QAAQ,EAAEK,UAAU,CAACL,QAAQ,CAAC,GAAGA,QAAQ;MACzFO,OAAO,EAAEJ,YAAY,GAAGF,KAAK,KAAKI,UAAU,CAACJ,KAAK,GAAGG,SAAS;MAC9DI,cAAc,EAAEL,YAAY,GAAGC,SAAS,GAAGF,YAAY,KAAKG,UAAU,CAACJ;IAAK;EAAA,CAC5E;EACF,IAAMQ,YAAY,GAAG;IACnBZ,IAAI,EAAJA,IAAI;IACJI,KAAK,EAALA,KAAK;IACLC,YAAY,EAAZA,YAAY;IACZX,oBAAoB,EAApBA,oBAAoB;IACpBO,MAAM,EAANA,MAAM;IACNC,OAAO,EAAPA,OAAO;IACPC,QAAQ,EAARA,QAAQ;IACRR,mBAAmB,EAAE;EACvB,CAAC;EACD,oBACET,KAAA,CAAA2B,aAAA,CAACrB,mBAAmB,CAACsB,QAAQ;IAACV,KAAK,EAAEQ;EAAa,GAC/Cb,QAC2B,CAAC;AAEnC;AAEAF,2BAA2B,CAACkB,SAAS,GAAG;EACtChB,QAAQ,EAAEX,SAAS,CAAC4B,IAAI,CAACC,UAAU;EACnCjB,IAAI,EAAEZ,SAAS,CAAC8B,MAAM,CAACD,UAAU;EACjChB,MAAM,EAAEb,SAAS,CAAC+B,IAAI;EACtBjB,OAAO,EAAEd,SAAS,CAAC+B,IAAI;EACvBhB,QAAQ,EAAEf,SAAS,CAAC+B,IAAI;EACxBf,KAAK,EAAEhB,SAAS,CAAC8B,MAAM;EACvBb,YAAY,EAAEjB,SAAS,CAAC8B;AAC1B,CAAC;AAEDrB,2BAA2B,CAACuB,YAAY,GAAG;EACzCnB,MAAM,EAAEM,SAAS;EACjBL,OAAO,EAAEK,SAAS;EAClBJ,QAAQ,EAAEI,SAAS;EACnBH,KAAK,EAAEG,SAAS;EAChBF,YAAY,EAAEE;AAChB,CAAC;AAED,eAAef,mBAAmB;AAClC,SACEI,kBAAkB,EAClBC,2BAA2B"}
|
package/dist/Form/FormSwitch.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
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 = ["isIndeterminate"],
|
|
2
3
|
_excluded2 = ["children", "className", "helperText"];
|
|
3
4
|
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); }
|
|
4
5
|
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; }
|
|
5
6
|
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; }
|
|
6
7
|
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; }
|
|
7
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
8
|
-
function _toPrimitive(input, hint) { if (
|
|
8
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
9
|
+
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); }
|
|
9
10
|
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; }
|
|
10
11
|
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; }
|
|
11
12
|
import React from 'react';
|
|
@@ -13,20 +14,17 @@ import PropTypes from 'prop-types';
|
|
|
13
14
|
import classNames from 'classnames';
|
|
14
15
|
import FormCheckbox from './FormCheckbox';
|
|
15
16
|
import { useFormGroupContext } from './FormGroupContext';
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
isIndeterminate
|
|
19
|
-
} = _ref,
|
|
17
|
+
var SwitchControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
18
|
+
var isIndeterminate = _ref.isIndeterminate,
|
|
20
19
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
getControlProps
|
|
25
|
-
|
|
26
|
-
const checkboxProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
|
|
20
|
+
var defaultRef = React.useRef();
|
|
21
|
+
var resolvedRef = ref || defaultRef;
|
|
22
|
+
var _useFormGroupContext = useFormGroupContext(),
|
|
23
|
+
getControlProps = _useFormGroupContext.getControlProps;
|
|
24
|
+
var checkboxProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
|
|
27
25
|
className: classNames('pgn__form-switch-input', props.className)
|
|
28
26
|
}));
|
|
29
|
-
React.useEffect(()
|
|
27
|
+
React.useEffect(function () {
|
|
30
28
|
// this if(resolvedRef.current) prevents console errors in testing
|
|
31
29
|
if (resolvedRef.current) {
|
|
32
30
|
resolvedRef.current.indeterminate = isIndeterminate;
|
|
@@ -48,12 +46,10 @@ SwitchControl.defaultProps = {
|
|
|
48
46
|
isIndeterminate: false,
|
|
49
47
|
className: undefined
|
|
50
48
|
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
helperText
|
|
56
|
-
} = _ref2,
|
|
49
|
+
var FormSwitch = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
50
|
+
var children = _ref2.children,
|
|
51
|
+
className = _ref2.className,
|
|
52
|
+
helperText = _ref2.helperText,
|
|
57
53
|
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
58
54
|
return /*#__PURE__*/React.createElement("div", {
|
|
59
55
|
className: "d-inline-flex flex-column"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSwitch.js","names":["React","PropTypes","classNames","FormCheckbox","useFormGroupContext","SwitchControl","forwardRef","_ref","ref","isIndeterminate","props","_objectWithoutProperties","_excluded","defaultRef","useRef","resolvedRef","getControlProps","checkboxProps","_objectSpread","className","useEffect","current","indeterminate","createElement","_extends","type","propTypes","bool","string","defaultProps","undefined","FormSwitch","_ref2","children","helperText","_excluded2","role","controlAs","isValid","isInvalid","description","node","isRequired","labelClassName","floatLabelLeft"],"sources":["../../src/Form/FormSwitch.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport FormCheckbox from './FormCheckbox';\nimport { useFormGroupContext } from './FormGroupContext';\n\nconst SwitchControl = React.forwardRef(\n ({ isIndeterminate, ...props }, ref) => {\n const defaultRef = React.useRef();\n const resolvedRef = ref || defaultRef;\n const { getControlProps } = useFormGroupContext();\n const checkboxProps = getControlProps({\n ...props,\n className: classNames(\n 'pgn__form-switch-input',\n props.className,\n ),\n });\n\n React.useEffect(() => {\n // this if(resolvedRef.current) prevents console errors in testing\n if (resolvedRef.current) {\n resolvedRef.current.indeterminate = isIndeterminate;\n }\n }, [resolvedRef, isIndeterminate]);\n\n return (\n <input\n type=\"checkbox\"\n {...checkboxProps}\n ref={resolvedRef}\n />\n );\n },\n);\n\nSwitchControl.propTypes = {\n /** Specifies whether input should be rendered in indeterminate state. */\n isIndeterminate: PropTypes.bool,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nSwitchControl.defaultProps = {\n isIndeterminate: false,\n className: undefined,\n};\n\nconst FormSwitch = React.forwardRef(({\n children,\n className,\n helperText,\n ...props\n}, ref) => (\n <div className=\"d-inline-flex flex-column\">\n <FormCheckbox\n className={classNames('pgn__form-switch', className)}\n {...props}\n role=\"switch\"\n ref={ref}\n controlAs={SwitchControl}\n // ignore the following props for form switch\n isValid={null}\n isInvalid={null}\n description={null}\n >\n {children}\n </FormCheckbox>\n {helperText && (\n <div className=\"pgn__form-switch-helper-text\">\n {helperText}\n </div>\n )}\n </div>\n));\n\nFormSwitch.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies class name to append to the label element. */\n labelClassName: PropTypes.string,\n /** Specifies helper text to display below the switch. */\n helperText: PropTypes.node,\n /** Determines whether the label should float to the left when the switch is active. */\n floatLabelLeft: PropTypes.bool,\n};\n\nFormSwitch.defaultProps = {\n className: undefined,\n labelClassName: undefined,\n helperText: undefined,\n floatLabelLeft: false,\n};\n\nexport { SwitchControl };\nexport default FormSwitch;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormSwitch.js","names":["React","PropTypes","classNames","FormCheckbox","useFormGroupContext","SwitchControl","forwardRef","_ref","ref","isIndeterminate","props","_objectWithoutProperties","_excluded","defaultRef","useRef","resolvedRef","_useFormGroupContext","getControlProps","checkboxProps","_objectSpread","className","useEffect","current","indeterminate","createElement","_extends","type","propTypes","bool","string","defaultProps","undefined","FormSwitch","_ref2","children","helperText","_excluded2","role","controlAs","isValid","isInvalid","description","node","isRequired","labelClassName","floatLabelLeft"],"sources":["../../src/Form/FormSwitch.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport FormCheckbox from './FormCheckbox';\nimport { useFormGroupContext } from './FormGroupContext';\n\nconst SwitchControl = React.forwardRef(\n ({ isIndeterminate, ...props }, ref) => {\n const defaultRef = React.useRef();\n const resolvedRef = ref || defaultRef;\n const { getControlProps } = useFormGroupContext();\n const checkboxProps = getControlProps({\n ...props,\n className: classNames(\n 'pgn__form-switch-input',\n props.className,\n ),\n });\n\n React.useEffect(() => {\n // this if(resolvedRef.current) prevents console errors in testing\n if (resolvedRef.current) {\n resolvedRef.current.indeterminate = isIndeterminate;\n }\n }, [resolvedRef, isIndeterminate]);\n\n return (\n <input\n type=\"checkbox\"\n {...checkboxProps}\n ref={resolvedRef}\n />\n );\n },\n);\n\nSwitchControl.propTypes = {\n /** Specifies whether input should be rendered in indeterminate state. */\n isIndeterminate: PropTypes.bool,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nSwitchControl.defaultProps = {\n isIndeterminate: false,\n className: undefined,\n};\n\nconst FormSwitch = React.forwardRef(({\n children,\n className,\n helperText,\n ...props\n}, ref) => (\n <div className=\"d-inline-flex flex-column\">\n <FormCheckbox\n className={classNames('pgn__form-switch', className)}\n {...props}\n role=\"switch\"\n ref={ref}\n controlAs={SwitchControl}\n // ignore the following props for form switch\n isValid={null}\n isInvalid={null}\n description={null}\n >\n {children}\n </FormCheckbox>\n {helperText && (\n <div className=\"pgn__form-switch-helper-text\">\n {helperText}\n </div>\n )}\n </div>\n));\n\nFormSwitch.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies class name to append to the label element. */\n labelClassName: PropTypes.string,\n /** Specifies helper text to display below the switch. */\n helperText: PropTypes.node,\n /** Determines whether the label should float to the left when the switch is active. */\n floatLabelLeft: PropTypes.bool,\n};\n\nFormSwitch.defaultProps = {\n className: undefined,\n labelClassName: undefined,\n helperText: undefined,\n floatLabelLeft: false,\n};\n\nexport { SwitchControl };\nexport default FormSwitch;\n"],"mappings":"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"}
|
package/dist/Form/FormText.js
CHANGED
|
@@ -1,27 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "type", "icon", "muted", "hasIcon"];
|
|
2
|
+
var _FORM_TEXT_ICONS;
|
|
3
|
+
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
4
|
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
5
|
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
6
|
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; }
|
|
7
|
+
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 _typeof(key) === "symbol" ? key : String(key); }
|
|
9
|
+
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); }
|
|
5
10
|
import React from 'react';
|
|
6
11
|
import PropTypes from 'prop-types';
|
|
7
12
|
import classNames from 'classnames';
|
|
8
13
|
import Icon from '../Icon';
|
|
9
14
|
import { Check, Close, Cancel, CheckCircle, RadioButtonUnchecked, WarningFilled } from '../../icons';
|
|
10
15
|
import { FORM_TEXT_TYPES } from './constants';
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
[FORM_TEXT_TYPES.WARNING]: WarningFilled,
|
|
16
|
-
[FORM_TEXT_TYPES.CRITERIA_EMPTY]: RadioButtonUnchecked,
|
|
17
|
-
[FORM_TEXT_TYPES.CRITERIA_VALID]: CheckCircle,
|
|
18
|
-
[FORM_TEXT_TYPES.CRITERIA_INVALID]: Cancel
|
|
19
|
-
};
|
|
20
|
-
const resolveTextType = _ref => {
|
|
21
|
-
let {
|
|
22
|
-
isInvalid,
|
|
23
|
-
isValid
|
|
24
|
-
} = _ref;
|
|
16
|
+
var FORM_TEXT_ICONS = (_FORM_TEXT_ICONS = {}, _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.DEFAULT, null), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.VALID, Check), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.INVALID, Close), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.WARNING, WarningFilled), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.CRITERIA_EMPTY, RadioButtonUnchecked), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.CRITERIA_VALID, CheckCircle), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.CRITERIA_INVALID, Cancel), _FORM_TEXT_ICONS);
|
|
17
|
+
var resolveTextType = function resolveTextType(_ref) {
|
|
18
|
+
var isInvalid = _ref.isInvalid,
|
|
19
|
+
isValid = _ref.isValid;
|
|
25
20
|
if (isValid) {
|
|
26
21
|
return FORM_TEXT_TYPES.VALID;
|
|
27
22
|
}
|
|
@@ -31,14 +26,12 @@ const resolveTextType = _ref => {
|
|
|
31
26
|
return FORM_TEXT_TYPES.DEFAULT;
|
|
32
27
|
};
|
|
33
28
|
function FormTextIcon(_ref2) {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
customIcon
|
|
37
|
-
} = _ref2;
|
|
29
|
+
var type = _ref2.type,
|
|
30
|
+
customIcon = _ref2.customIcon;
|
|
38
31
|
if (customIcon) {
|
|
39
32
|
return customIcon;
|
|
40
33
|
}
|
|
41
|
-
|
|
34
|
+
var typeIcon = FORM_TEXT_ICONS[type];
|
|
42
35
|
if (typeIcon) {
|
|
43
36
|
return /*#__PURE__*/React.createElement(Icon, {
|
|
44
37
|
src: typeIcon
|
|
@@ -55,15 +48,13 @@ FormTextIcon.defaultProps = {
|
|
|
55
48
|
customIcon: undefined
|
|
56
49
|
};
|
|
57
50
|
function FormText(_ref3) {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
hasIcon
|
|
64
|
-
} = _ref3,
|
|
51
|
+
var children = _ref3.children,
|
|
52
|
+
type = _ref3.type,
|
|
53
|
+
icon = _ref3.icon,
|
|
54
|
+
muted = _ref3.muted,
|
|
55
|
+
hasIcon = _ref3.hasIcon,
|
|
65
56
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
66
|
-
|
|
57
|
+
var className = classNames(props.className, 'pgn__form-text', "pgn__form-text-".concat(type), {
|
|
67
58
|
'text-muted': muted
|
|
68
59
|
});
|
|
69
60
|
return /*#__PURE__*/React.createElement("div", _extends({}, props, {
|
|
@@ -73,7 +64,7 @@ function FormText(_ref3) {
|
|
|
73
64
|
type: type
|
|
74
65
|
}), /*#__PURE__*/React.createElement("div", null, children));
|
|
75
66
|
}
|
|
76
|
-
|
|
67
|
+
var FORM_TEXT_TYPE_CHOICES = ['default', 'valid', 'invalid', 'warning', 'criteria-empty', 'criteria-valid', 'criteria-invalid'];
|
|
77
68
|
FormText.propTypes = {
|
|
78
69
|
/** Specifies contents of the component. */
|
|
79
70
|
children: PropTypes.node.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormText.js","names":["React","PropTypes","classNames","Icon","Check","Close","Cancel","CheckCircle","RadioButtonUnchecked","WarningFilled","FORM_TEXT_TYPES","FORM_TEXT_ICONS","DEFAULT","VALID","INVALID","WARNING","CRITERIA_EMPTY","CRITERIA_VALID","CRITERIA_INVALID","resolveTextType","_ref","isInvalid","isValid","FormTextIcon","_ref2","type","customIcon","typeIcon","createElement","src","propTypes","oneOf","Object","values","node","defaultProps","undefined","FormText","_ref3","children","icon","muted","hasIcon","props","_objectWithoutProperties","_excluded","className","_extends","FORM_TEXT_TYPE_CHOICES","isRequired","string","bool"],"sources":["../../src/Form/FormText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport {\n Check, Close, Cancel, CheckCircle, RadioButtonUnchecked, WarningFilled,\n} from '../../icons';\n\nimport { FORM_TEXT_TYPES } from './constants';\n\nconst FORM_TEXT_ICONS = {\n [FORM_TEXT_TYPES.DEFAULT]: null,\n [FORM_TEXT_TYPES.VALID]: Check,\n [FORM_TEXT_TYPES.INVALID]: Close,\n [FORM_TEXT_TYPES.WARNING]: WarningFilled,\n [FORM_TEXT_TYPES.CRITERIA_EMPTY]: RadioButtonUnchecked,\n [FORM_TEXT_TYPES.CRITERIA_VALID]: CheckCircle,\n [FORM_TEXT_TYPES.CRITERIA_INVALID]: Cancel,\n};\n\nconst resolveTextType = ({ isInvalid, isValid }) => {\n if (isValid) {\n return FORM_TEXT_TYPES.VALID;\n }\n if (isInvalid) {\n return FORM_TEXT_TYPES.INVALID;\n }\n return FORM_TEXT_TYPES.DEFAULT;\n};\n\nfunction FormTextIcon({ type, customIcon }) {\n if (customIcon) {\n return customIcon;\n }\n\n const typeIcon = FORM_TEXT_ICONS[type];\n if (typeIcon) {\n return <Icon src={typeIcon} />;\n }\n\n return null;\n}\n\nFormTextIcon.propTypes = {\n type: PropTypes.oneOf(Object.values(FORM_TEXT_TYPES)),\n customIcon: PropTypes.node,\n};\n\nFormTextIcon.defaultProps = {\n type: undefined,\n customIcon: undefined,\n};\n\nfunction FormText({\n children, type, icon, muted, hasIcon, ...props\n}) {\n const className = classNames(\n props.className,\n 'pgn__form-text',\n `pgn__form-text-${type}`,\n {\n 'text-muted': muted,\n },\n );\n\n return (\n <div {...props} className={className}>\n {hasIcon && <FormTextIcon customIcon={icon} type={type} />}\n <div>\n {children}\n </div>\n </div>\n );\n}\n\nconst FORM_TEXT_TYPE_CHOICES = [\n 'default',\n 'valid',\n 'invalid',\n 'warning',\n 'criteria-empty',\n 'criteria-valid',\n 'criteria-invalid',\n];\n\nFormText.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether to show an icon next to the text. */\n hasIcon: PropTypes.bool,\n /** Specifies text type, this affects styling. */\n type: PropTypes.oneOf(FORM_TEXT_TYPE_CHOICES),\n /** Specifies icon to show, will only be shown if `hasIcon` prop is set to `true`. */\n icon: PropTypes.node,\n /** Specifies whether to show text with muted styling. */\n muted: PropTypes.bool,\n};\n\nFormText.defaultProps = {\n hasIcon: true,\n type: 'default',\n icon: undefined,\n className: undefined,\n muted: false,\n};\n\nexport default FormText;\nexport {\n FORM_TEXT_TYPES,\n FORM_TEXT_ICONS,\n FormTextIcon,\n resolveTextType,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormText.js","names":["React","PropTypes","classNames","Icon","Check","Close","Cancel","CheckCircle","RadioButtonUnchecked","WarningFilled","FORM_TEXT_TYPES","FORM_TEXT_ICONS","_FORM_TEXT_ICONS","_defineProperty","DEFAULT","VALID","INVALID","WARNING","CRITERIA_EMPTY","CRITERIA_VALID","CRITERIA_INVALID","resolveTextType","_ref","isInvalid","isValid","FormTextIcon","_ref2","type","customIcon","typeIcon","createElement","src","propTypes","oneOf","Object","values","node","defaultProps","undefined","FormText","_ref3","children","icon","muted","hasIcon","props","_objectWithoutProperties","_excluded","className","concat","_extends","FORM_TEXT_TYPE_CHOICES","isRequired","string","bool"],"sources":["../../src/Form/FormText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport {\n Check, Close, Cancel, CheckCircle, RadioButtonUnchecked, WarningFilled,\n} from '../../icons';\n\nimport { FORM_TEXT_TYPES } from './constants';\n\nconst FORM_TEXT_ICONS = {\n [FORM_TEXT_TYPES.DEFAULT]: null,\n [FORM_TEXT_TYPES.VALID]: Check,\n [FORM_TEXT_TYPES.INVALID]: Close,\n [FORM_TEXT_TYPES.WARNING]: WarningFilled,\n [FORM_TEXT_TYPES.CRITERIA_EMPTY]: RadioButtonUnchecked,\n [FORM_TEXT_TYPES.CRITERIA_VALID]: CheckCircle,\n [FORM_TEXT_TYPES.CRITERIA_INVALID]: Cancel,\n};\n\nconst resolveTextType = ({ isInvalid, isValid }) => {\n if (isValid) {\n return FORM_TEXT_TYPES.VALID;\n }\n if (isInvalid) {\n return FORM_TEXT_TYPES.INVALID;\n }\n return FORM_TEXT_TYPES.DEFAULT;\n};\n\nfunction FormTextIcon({ type, customIcon }) {\n if (customIcon) {\n return customIcon;\n }\n\n const typeIcon = FORM_TEXT_ICONS[type];\n if (typeIcon) {\n return <Icon src={typeIcon} />;\n }\n\n return null;\n}\n\nFormTextIcon.propTypes = {\n type: PropTypes.oneOf(Object.values(FORM_TEXT_TYPES)),\n customIcon: PropTypes.node,\n};\n\nFormTextIcon.defaultProps = {\n type: undefined,\n customIcon: undefined,\n};\n\nfunction FormText({\n children, type, icon, muted, hasIcon, ...props\n}) {\n const className = classNames(\n props.className,\n 'pgn__form-text',\n `pgn__form-text-${type}`,\n {\n 'text-muted': muted,\n },\n );\n\n return (\n <div {...props} className={className}>\n {hasIcon && <FormTextIcon customIcon={icon} type={type} />}\n <div>\n {children}\n </div>\n </div>\n );\n}\n\nconst FORM_TEXT_TYPE_CHOICES = [\n 'default',\n 'valid',\n 'invalid',\n 'warning',\n 'criteria-empty',\n 'criteria-valid',\n 'criteria-invalid',\n];\n\nFormText.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether to show an icon next to the text. */\n hasIcon: PropTypes.bool,\n /** Specifies text type, this affects styling. */\n type: PropTypes.oneOf(FORM_TEXT_TYPE_CHOICES),\n /** Specifies icon to show, will only be shown if `hasIcon` prop is set to `true`. */\n icon: PropTypes.node,\n /** Specifies whether to show text with muted styling. */\n muted: PropTypes.bool,\n};\n\nFormText.defaultProps = {\n hasIcon: true,\n type: 'default',\n icon: undefined,\n className: undefined,\n muted: false,\n};\n\nexport default FormText;\nexport {\n FORM_TEXT_TYPES,\n FORM_TEXT_ICONS,\n FormTextIcon,\n resolveTextType,\n};\n"],"mappings":"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"}
|
|
@@ -1,36 +1,59 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
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."); }
|
|
3
|
+
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; } }
|
|
4
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
5
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
6
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
+
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); }
|
|
8
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
9
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
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; }
|
|
1
11
|
import { useReducer } from 'react';
|
|
2
|
-
|
|
12
|
+
var checkboxValuesReducer = function checkboxValuesReducer(state, action) {
|
|
3
13
|
switch (action.type) {
|
|
4
14
|
case 'add':
|
|
5
|
-
return [
|
|
15
|
+
return [].concat(_toConsumableArray(state), [action.value]);
|
|
6
16
|
case 'remove':
|
|
7
|
-
return state.filter(
|
|
17
|
+
return state.filter(function (value) {
|
|
18
|
+
return value !== action.value;
|
|
19
|
+
});
|
|
8
20
|
case 'set':
|
|
9
|
-
return
|
|
21
|
+
return _toConsumableArray(action.value);
|
|
10
22
|
case 'clear':
|
|
11
23
|
default:
|
|
12
24
|
return [];
|
|
13
25
|
}
|
|
14
26
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
27
|
+
var useCheckboxSetValues = function useCheckboxSetValues() {
|
|
28
|
+
var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
29
|
+
var _useReducer = useReducer(checkboxValuesReducer, initialState),
|
|
30
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
31
|
+
state = _useReducer2[0],
|
|
32
|
+
dispatch = _useReducer2[1];
|
|
33
|
+
var dispatchers = {
|
|
34
|
+
add: function add(value) {
|
|
35
|
+
return dispatch({
|
|
36
|
+
type: 'add',
|
|
37
|
+
value: value
|
|
38
|
+
});
|
|
39
|
+
},
|
|
40
|
+
remove: function remove(value) {
|
|
41
|
+
return dispatch({
|
|
42
|
+
type: 'remove',
|
|
43
|
+
value: value
|
|
44
|
+
});
|
|
45
|
+
},
|
|
46
|
+
set: function set(value) {
|
|
47
|
+
return dispatch({
|
|
48
|
+
type: 'set',
|
|
49
|
+
value: value
|
|
50
|
+
});
|
|
51
|
+
},
|
|
52
|
+
clear: function clear() {
|
|
53
|
+
return dispatch({
|
|
54
|
+
type: 'clear'
|
|
55
|
+
});
|
|
56
|
+
}
|
|
34
57
|
};
|
|
35
58
|
return [state, dispatchers];
|
|
36
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxSetValues.js","names":["useReducer","checkboxValuesReducer","state","action","type","value","filter","useCheckboxSetValues","initialState","arguments","length","undefined","dispatch","dispatchers","add","remove","set","clear"],"sources":["../../src/Form/useCheckboxSetValues.jsx"],"sourcesContent":["import { useReducer } from 'react';\n\nconst checkboxValuesReducer = (state, action) => {\n switch (action.type) {\n case 'add':\n return [...state, action.value];\n case 'remove':\n return state.filter(value => value !== action.value);\n case 'set':\n return [...action.value];\n case 'clear':\n default:\n return [];\n }\n};\n\nconst useCheckboxSetValues = (initialState = []) => {\n const [state, dispatch] = useReducer(checkboxValuesReducer, initialState);\n\n const dispatchers = {\n add: (value) => dispatch({ type: 'add', value }),\n remove: (value) => dispatch({ type: 'remove', value }),\n set: (value) => dispatch({ type: 'set', value }),\n clear: () => dispatch({ type: 'clear' }),\n };\n return [state, dispatchers];\n};\n\nexport default useCheckboxSetValues;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,
|
|
1
|
+
{"version":3,"file":"useCheckboxSetValues.js","names":["useReducer","checkboxValuesReducer","state","action","type","concat","_toConsumableArray","value","filter","useCheckboxSetValues","initialState","arguments","length","undefined","_useReducer","_useReducer2","_slicedToArray","dispatch","dispatchers","add","remove","set","clear"],"sources":["../../src/Form/useCheckboxSetValues.jsx"],"sourcesContent":["import { useReducer } from 'react';\n\nconst checkboxValuesReducer = (state, action) => {\n switch (action.type) {\n case 'add':\n return [...state, action.value];\n case 'remove':\n return state.filter(value => value !== action.value);\n case 'set':\n return [...action.value];\n case 'clear':\n default:\n return [];\n }\n};\n\nconst useCheckboxSetValues = (initialState = []) => {\n const [state, dispatch] = useReducer(checkboxValuesReducer, initialState);\n\n const dispatchers = {\n add: (value) => dispatch({ type: 'add', value }),\n remove: (value) => dispatch({ type: 'remove', value }),\n set: (value) => dispatch({ type: 'set', value }),\n clear: () => dispatch({ type: 'clear' }),\n };\n return [state, dispatchers];\n};\n\nexport default useCheckboxSetValues;\n"],"mappings":";;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAK,EAAEC,MAAM,EAAK;EAC/C,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,KAAK;MACR,UAAAC,MAAA,CAAAC,kBAAA,CAAWJ,KAAK,IAAEC,MAAM,CAACI,KAAK;IAChC,KAAK,QAAQ;MACX,OAAOL,KAAK,CAACM,MAAM,CAAC,UAAAD,KAAK;QAAA,OAAIA,KAAK,KAAKJ,MAAM,CAACI,KAAK;MAAA,EAAC;IACtD,KAAK,KAAK;MACR,OAAAD,kBAAA,CAAWH,MAAM,CAACI,KAAK;IACzB,KAAK,OAAO;IACZ;MACE,OAAO,EAAE;EACb;AACF,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAA0B;EAAA,IAAtBC,YAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAC7C,IAAAG,WAAA,GAA0Bd,UAAU,CAACC,qBAAqB,EAAES,YAAY,CAAC;IAAAK,YAAA,GAAAC,cAAA,CAAAF,WAAA;IAAlEZ,KAAK,GAAAa,YAAA;IAAEE,QAAQ,GAAAF,YAAA;EAEtB,IAAMG,WAAW,GAAG;IAClBC,GAAG,EAAE,SAAAA,IAACZ,KAAK;MAAA,OAAKU,QAAQ,CAAC;QAAEb,IAAI,EAAE,KAAK;QAAEG,KAAK,EAALA;MAAM,CAAC,CAAC;IAAA;IAChDa,MAAM,EAAE,SAAAA,OAACb,KAAK;MAAA,OAAKU,QAAQ,CAAC;QAAEb,IAAI,EAAE,QAAQ;QAAEG,KAAK,EAALA;MAAM,CAAC,CAAC;IAAA;IACtDc,GAAG,EAAE,SAAAA,IAACd,KAAK;MAAA,OAAKU,QAAQ,CAAC;QAAEb,IAAI,EAAE,KAAK;QAAEG,KAAK,EAALA;MAAM,CAAC,CAAC;IAAA;IAChDe,KAAK,EAAE,SAAAA,MAAA;MAAA,OAAML,QAAQ,CAAC;QAAEb,IAAI,EAAE;MAAQ,CAAC,CAAC;IAAA;EAC1C,CAAC;EACD,OAAO,CAACF,KAAK,EAAEgB,WAAW,CAAC;AAC7B,CAAC;AAED,eAAeT,oBAAoB"}
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["className", "destination", "children", "target", "onClick", "externalLinkAlternativeText", "externalLinkTitle", "variant", "isInline", "showLaunchIcon"];
|
|
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; }
|
|
@@ -9,28 +9,24 @@ import isRequiredIf from 'react-proptype-conditional-require';
|
|
|
9
9
|
import { Launch } from '../../icons';
|
|
10
10
|
import Icon from '../Icon';
|
|
11
11
|
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
showLaunchIcon
|
|
26
|
-
} = props,
|
|
12
|
+
export var HYPER_LINK_EXTERNAL_LINK_ALT_TEXT = 'in a new tab';
|
|
13
|
+
export var HYPER_LINK_EXTERNAL_LINK_TITLE = 'Opens in a new tab';
|
|
14
|
+
var Hyperlink = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
15
|
+
var className = props.className,
|
|
16
|
+
destination = props.destination,
|
|
17
|
+
children = props.children,
|
|
18
|
+
target = props.target,
|
|
19
|
+
onClick = props.onClick,
|
|
20
|
+
externalLinkAlternativeText = props.externalLinkAlternativeText,
|
|
21
|
+
externalLinkTitle = props.externalLinkTitle,
|
|
22
|
+
variant = props.variant,
|
|
23
|
+
isInline = props.isInline,
|
|
24
|
+
showLaunchIcon = props.showLaunchIcon,
|
|
27
25
|
attrs = _objectWithoutProperties(props, _excluded);
|
|
28
|
-
|
|
26
|
+
var externalLinkIcon;
|
|
29
27
|
if (target === '_blank') {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
rel
|
|
33
|
-
} = attrs;
|
|
28
|
+
var generateRel = function generateRel() {
|
|
29
|
+
var rel = attrs.rel;
|
|
34
30
|
if (!rel) {
|
|
35
31
|
return 'noopener noreferrer';
|
|
36
32
|
}
|
|
@@ -62,7 +58,7 @@ const Hyperlink = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
62
58
|
}
|
|
63
59
|
return /*#__PURE__*/React.createElement("a", _extends({
|
|
64
60
|
ref: ref,
|
|
65
|
-
className: classNames('pgn__hyperlink',
|
|
61
|
+
className: classNames('pgn__hyperlink', "".concat(variant, "-link"), {
|
|
66
62
|
'standalone-link': !isInline,
|
|
67
63
|
'inline-link': isInline
|
|
68
64
|
}, className),
|
|
@@ -74,7 +70,7 @@ const Hyperlink = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
74
70
|
Hyperlink.defaultProps = {
|
|
75
71
|
className: undefined,
|
|
76
72
|
target: '_self',
|
|
77
|
-
onClick: ()
|
|
73
|
+
onClick: function onClick() {},
|
|
78
74
|
externalLinkAlternativeText: HYPER_LINK_EXTERNAL_LINK_ALT_TEXT,
|
|
79
75
|
externalLinkTitle: HYPER_LINK_EXTERNAL_LINK_TITLE,
|
|
80
76
|
variant: 'default',
|
|
@@ -97,9 +93,13 @@ Hyperlink.propTypes = {
|
|
|
97
93
|
/** specifies the callback function when the link is clicked */
|
|
98
94
|
onClick: PropTypes.func,
|
|
99
95
|
/** specifies the text for links with a `_blank` target (which loads the URL in a new browsing context). */
|
|
100
|
-
externalLinkAlternativeText: isRequiredIf(PropTypes.string,
|
|
96
|
+
externalLinkAlternativeText: isRequiredIf(PropTypes.string, function (props) {
|
|
97
|
+
return props.target === '_blank';
|
|
98
|
+
}),
|
|
101
99
|
/** specifies the title for links with a `_blank` target (which loads the URL in a new browsing context). */
|
|
102
|
-
externalLinkTitle: isRequiredIf(PropTypes.string,
|
|
100
|
+
externalLinkTitle: isRequiredIf(PropTypes.string, function (props) {
|
|
101
|
+
return props.target === '_blank';
|
|
102
|
+
}),
|
|
103
103
|
/** type of hyperlink */
|
|
104
104
|
variant: PropTypes.oneOf(['default', 'muted', 'brand']),
|
|
105
105
|
/** specify the link style. By default, it will be underlined. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","isRequiredIf","Launch","Icon","withDeprecatedProps","DeprTypes","HYPER_LINK_EXTERNAL_LINK_ALT_TEXT","HYPER_LINK_EXTERNAL_LINK_TITLE","Hyperlink","forwardRef","props","ref","className","destination","children","target","onClick","externalLinkAlternativeText","externalLinkTitle","variant","isInline","showLaunchIcon","attrs","_objectWithoutProperties","_excluded","externalLinkIcon","generateRel","rel","includes","createElement","title","src","screenReaderText","style","height","width","_extends","href","defaultProps","undefined","propTypes","string","isRequired","node","func","oneOf","bool","content","deprType","MOVED","newName"],"sources":["../../src/Hyperlink/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport isRequiredIf from 'react-proptype-conditional-require';\nimport { Launch } from '../../icons';\nimport Icon from '../Icon';\n\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const HYPER_LINK_EXTERNAL_LINK_ALT_TEXT = 'in a new tab';\nexport const HYPER_LINK_EXTERNAL_LINK_TITLE = 'Opens in a new tab';\n\nconst Hyperlink = React.forwardRef((props, ref) => {\n const {\n className,\n destination,\n children,\n target,\n onClick,\n externalLinkAlternativeText,\n externalLinkTitle,\n variant,\n isInline,\n showLaunchIcon,\n ...attrs\n } = props;\n let externalLinkIcon;\n\n if (target === '_blank') {\n const generateRel = () => {\n let { rel } = attrs;\n if (!rel) {\n return 'noopener noreferrer';\n }\n if (!rel.includes('noopener')) {\n rel += ' noopener';\n }\n if (!rel.includes('noreferrer')) {\n rel += ' noreferrer';\n }\n return rel;\n };\n\n // Add this rel attribute to prevent Reverse Tabnabbing\n attrs.rel = generateRel();\n if (showLaunchIcon) {\n externalLinkIcon = (\n <span\n className=\"pgn__hyperlink__external-icon\"\n title={externalLinkTitle}\n >\n <Icon\n src={Launch}\n screenReaderText={externalLinkAlternativeText}\n style={{ height: '1em', width: '1em' }}\n data-testid=\"hyperlink-icon\"\n />\n </span>\n );\n }\n }\n\n return (\n <a\n ref={ref}\n className={classNames(\n 'pgn__hyperlink',\n `${variant}-link`,\n {\n 'standalone-link': !isInline,\n 'inline-link': isInline,\n },\n className,\n )}\n href={destination}\n target={target}\n onClick={onClick}\n {...attrs}\n >\n {children}\n {externalLinkIcon}\n </a>\n );\n});\n\nHyperlink.defaultProps = {\n className: undefined,\n target: '_self',\n onClick: () => {},\n externalLinkAlternativeText: HYPER_LINK_EXTERNAL_LINK_ALT_TEXT,\n externalLinkTitle: HYPER_LINK_EXTERNAL_LINK_TITLE,\n variant: 'default',\n isInline: false,\n showLaunchIcon: true,\n};\n\nHyperlink.propTypes = {\n /** specifies the URL */\n destination: PropTypes.string.isRequired,\n /** Content of the hyperlink */\n children: PropTypes.node.isRequired,\n /** Custom class names for the hyperlink */\n className: PropTypes.string,\n /** specifies where the link should open. The default behavior is `_self`, which means that the URL will be\n * loaded into the same browsing context as the current one.\n * If the target is `_blank` (opening a new window) `rel='noopener'` will be added to the anchor tag to prevent\n * any potential [reverse tabnabbing attack](https://www.owasp.org/index.php/Reverse_Tabnabbing).\n */\n target: PropTypes.string,\n /** specifies the callback function when the link is clicked */\n onClick: PropTypes.func,\n /** specifies the text for links with a `_blank` target (which loads the URL in a new browsing context). */\n externalLinkAlternativeText: isRequiredIf(\n PropTypes.string,\n props => props.target === '_blank',\n ),\n /** specifies the title for links with a `_blank` target (which loads the URL in a new browsing context). */\n externalLinkTitle: isRequiredIf(\n PropTypes.string,\n props => props.target === '_blank',\n ),\n /** type of hyperlink */\n variant: PropTypes.oneOf(['default', 'muted', 'brand']),\n /** specify the link style. By default, it will be underlined. */\n isInline: PropTypes.bool,\n /** specify if we need to show launch Icon. By default, it will be visible. */\n showLaunchIcon: PropTypes.bool,\n};\n\nexport default withDeprecatedProps(Hyperlink, 'Hyperlink', {\n /** specifies the text or element that a URL should be associated with */\n content: {\n deprType: DeprTypes.MOVED,\n newName: 'children',\n },\n});\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,oCAAoC;AAC7D,SAASC,MAAM,QAAQ,aAAa;AACpC,OAAOC,IAAI,MAAM,SAAS;AAE1B,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","isRequiredIf","Launch","Icon","withDeprecatedProps","DeprTypes","HYPER_LINK_EXTERNAL_LINK_ALT_TEXT","HYPER_LINK_EXTERNAL_LINK_TITLE","Hyperlink","forwardRef","props","ref","className","destination","children","target","onClick","externalLinkAlternativeText","externalLinkTitle","variant","isInline","showLaunchIcon","attrs","_objectWithoutProperties","_excluded","externalLinkIcon","generateRel","rel","includes","createElement","title","src","screenReaderText","style","height","width","_extends","concat","href","defaultProps","undefined","propTypes","string","isRequired","node","func","oneOf","bool","content","deprType","MOVED","newName"],"sources":["../../src/Hyperlink/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport isRequiredIf from 'react-proptype-conditional-require';\nimport { Launch } from '../../icons';\nimport Icon from '../Icon';\n\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const HYPER_LINK_EXTERNAL_LINK_ALT_TEXT = 'in a new tab';\nexport const HYPER_LINK_EXTERNAL_LINK_TITLE = 'Opens in a new tab';\n\nconst Hyperlink = React.forwardRef((props, ref) => {\n const {\n className,\n destination,\n children,\n target,\n onClick,\n externalLinkAlternativeText,\n externalLinkTitle,\n variant,\n isInline,\n showLaunchIcon,\n ...attrs\n } = props;\n let externalLinkIcon;\n\n if (target === '_blank') {\n const generateRel = () => {\n let { rel } = attrs;\n if (!rel) {\n return 'noopener noreferrer';\n }\n if (!rel.includes('noopener')) {\n rel += ' noopener';\n }\n if (!rel.includes('noreferrer')) {\n rel += ' noreferrer';\n }\n return rel;\n };\n\n // Add this rel attribute to prevent Reverse Tabnabbing\n attrs.rel = generateRel();\n if (showLaunchIcon) {\n externalLinkIcon = (\n <span\n className=\"pgn__hyperlink__external-icon\"\n title={externalLinkTitle}\n >\n <Icon\n src={Launch}\n screenReaderText={externalLinkAlternativeText}\n style={{ height: '1em', width: '1em' }}\n data-testid=\"hyperlink-icon\"\n />\n </span>\n );\n }\n }\n\n return (\n <a\n ref={ref}\n className={classNames(\n 'pgn__hyperlink',\n `${variant}-link`,\n {\n 'standalone-link': !isInline,\n 'inline-link': isInline,\n },\n className,\n )}\n href={destination}\n target={target}\n onClick={onClick}\n {...attrs}\n >\n {children}\n {externalLinkIcon}\n </a>\n );\n});\n\nHyperlink.defaultProps = {\n className: undefined,\n target: '_self',\n onClick: () => {},\n externalLinkAlternativeText: HYPER_LINK_EXTERNAL_LINK_ALT_TEXT,\n externalLinkTitle: HYPER_LINK_EXTERNAL_LINK_TITLE,\n variant: 'default',\n isInline: false,\n showLaunchIcon: true,\n};\n\nHyperlink.propTypes = {\n /** specifies the URL */\n destination: PropTypes.string.isRequired,\n /** Content of the hyperlink */\n children: PropTypes.node.isRequired,\n /** Custom class names for the hyperlink */\n className: PropTypes.string,\n /** specifies where the link should open. The default behavior is `_self`, which means that the URL will be\n * loaded into the same browsing context as the current one.\n * If the target is `_blank` (opening a new window) `rel='noopener'` will be added to the anchor tag to prevent\n * any potential [reverse tabnabbing attack](https://www.owasp.org/index.php/Reverse_Tabnabbing).\n */\n target: PropTypes.string,\n /** specifies the callback function when the link is clicked */\n onClick: PropTypes.func,\n /** specifies the text for links with a `_blank` target (which loads the URL in a new browsing context). */\n externalLinkAlternativeText: isRequiredIf(\n PropTypes.string,\n props => props.target === '_blank',\n ),\n /** specifies the title for links with a `_blank` target (which loads the URL in a new browsing context). */\n externalLinkTitle: isRequiredIf(\n PropTypes.string,\n props => props.target === '_blank',\n ),\n /** type of hyperlink */\n variant: PropTypes.oneOf(['default', 'muted', 'brand']),\n /** specify the link style. By default, it will be underlined. */\n isInline: PropTypes.bool,\n /** specify if we need to show launch Icon. By default, it will be visible. */\n showLaunchIcon: PropTypes.bool,\n};\n\nexport default withDeprecatedProps(Hyperlink, 'Hyperlink', {\n /** specifies the text or element that a URL should be associated with */\n content: {\n deprType: DeprTypes.MOVED,\n newName: 'children',\n },\n});\n"],"mappings":"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"}
|