@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
package/dist/Navbar/index.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
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 from 'react';
|
|
7
8
|
import BaseNavbar from 'react-bootstrap/Navbar';
|
|
8
9
|
import BaseNavbarBrand from 'react-bootstrap/NavbarBrand';
|
|
9
10
|
import BaseNavbarToggle from 'react-bootstrap/NavbarToggle';
|
|
10
11
|
import BaseNavbarCollapse from 'react-bootstrap/NavbarCollapse';
|
|
11
12
|
import PropTypes from 'prop-types';
|
|
12
|
-
export
|
|
13
|
+
export var NAVBAR_LABEL = 'Toggle navigation';
|
|
13
14
|
function Navbar(props) {
|
|
14
15
|
return /*#__PURE__*/React.createElement(BaseNavbar, props);
|
|
15
16
|
}
|
|
@@ -112,8 +113,8 @@ Navbar.defaultProps = {
|
|
|
112
113
|
expand: true,
|
|
113
114
|
expanded: undefined,
|
|
114
115
|
fixed: undefined,
|
|
115
|
-
onSelect: ()
|
|
116
|
-
onToggle: ()
|
|
116
|
+
onSelect: function onSelect() {},
|
|
117
|
+
onToggle: function onToggle() {},
|
|
117
118
|
role: 'navigation',
|
|
118
119
|
sticky: undefined,
|
|
119
120
|
variant: 'light',
|
|
@@ -128,7 +129,7 @@ NavbarToggle.defaultProps = {
|
|
|
128
129
|
as: 'button',
|
|
129
130
|
children: undefined,
|
|
130
131
|
label: NAVBAR_LABEL,
|
|
131
|
-
onClick: ()
|
|
132
|
+
onClick: function onClick() {},
|
|
132
133
|
bsPrefix: 'navbar-toggler'
|
|
133
134
|
};
|
|
134
135
|
NavbarCollapse.defaultProps = {
|
package/dist/Navbar/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","BaseNavbar","BaseNavbarBrand","BaseNavbarToggle","BaseNavbarCollapse","PropTypes","NAVBAR_LABEL","Navbar","props","createElement","NavbarBrand","NavbarToggle","NavbarCollapse","propTypes","_objectSpread","as","elementType","bg","string","collapseOnSelect","bool","expand","oneOf","expanded","fixed","onSelect","func","onToggle","role","sticky","variant","bsPrefix","href","children","node","label","onClick","defaultProps","undefined","Brand","Toggle","Collapse"],"sources":["../../src/Navbar/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseNavbar from 'react-bootstrap/Navbar';\nimport BaseNavbarBrand from 'react-bootstrap/NavbarBrand';\nimport BaseNavbarToggle from 'react-bootstrap/NavbarToggle';\nimport BaseNavbarCollapse from 'react-bootstrap/NavbarCollapse';\nimport PropTypes from 'prop-types';\n\nexport const NAVBAR_LABEL = 'Toggle navigation';\n\nfunction Navbar(props) {\n return <BaseNavbar {...props} />;\n}\nfunction NavbarBrand(props) {\n return <BaseNavbarBrand {...props} />;\n}\nfunction NavbarToggle(props) {\n return <BaseNavbarToggle {...props} />;\n}\nfunction NavbarCollapse(props) {\n return <BaseNavbarCollapse {...props} />;\n}\n\nNavbar.propTypes = {\n ...Navbar.propTypes,\n /** Set a custom element for this component. */\n as: PropTypes.elementType,\n /**\n * A convenience prop for adding `bg-*` utility classes since they\n * are so commonly used here. `light` and `dark` are common choices\n * but any `bg-*` class is supported, including any custom ones you might define.\n *\n * Pairs nicely with the `variant` prop.\n */\n bg: PropTypes.string,\n /**\n * Toggles `expanded` to `false` after the onSelect event of a descendant of a child\n * `<Nav>` fires. Does nothing if no `<Nav>` or `<Nav>` descendants exist.\n *\n * Manually controlling `expanded` via the onSelect callback is recommended instead,\n * for more complex operations that need to be executed after the `select` event of `<Nav>` descendants.\n */\n collapseOnSelect: PropTypes.bool,\n /**\n * The breakpoint, below which, the Navbar will collapse.\n * When `true` the Navbar will always be expanded regardless of screen size.\n */\n expand: PropTypes.oneOf([true, 'sm', 'md', 'lg', 'xl']),\n /** Controls the visibility of the navbar body */\n expanded: PropTypes.bool,\n /**\n * Create a fixed navbar along the top or bottom of the screen,\n * that scrolls with the page. A convenience prop for the `fixed-*` positioning classes.\n */\n fixed: PropTypes.oneOf(['top', 'bottom']),\n /** A callback fired when a descendant of a child `<Nav>` is selected. */\n onSelect: PropTypes.func,\n /**\n * A callback fired when the `<Navbar>` body collapses or expands.\n * Fired when a `<Navbar.Toggle>` is clicked and called with the new `expanded` boolean value.\n *\n * Controls `expanded`.\n */\n onToggle: PropTypes.func,\n /**\n * The ARIA role for the navbar, will default to 'navigation'\n * for Navbars whose as is something other than `<nav>`.\n */\n role: PropTypes.string,\n /**\n * Position the navbar at the top of the viewport, but only after scrolling past it.\n * A convenience prop for the `sticky-top` positioning class.\n */\n sticky: PropTypes.oneOf(['top']),\n /**\n * The general visual variant a the `Navbar`.\n * Use in combination with the `bg` prop,\n * `background-color` utilities, or your own background styles.\n */\n variant: PropTypes.oneOf(['light', 'dark']),\n /** Change the underlying component CSS base class name and modifier class names prefix. */\n bsPrefix: PropTypes.string,\n};\n\nNavbarBrand.propTypes = {\n ...NavbarBrand.propTypes,\n /** Set a custom element for this component. */\n as: PropTypes.elementType,\n /** An href, when provided the Brand will render as an `<a>` element (unless `as` is provided). */\n href: PropTypes.string,\n /** Change the underlying component CSS base class name and modifier class names prefix. */\n bsPrefix: PropTypes.string,\n};\n\nNavbarToggle.propTypes = {\n ...NavbarToggle.propTypes,\n /** Set a custom element for this component. */\n as: PropTypes.elementType,\n /** The toggle content. When empty, the default toggle will be rendered. */\n children: PropTypes.node,\n /** An accessible ARIA label for the toggler button. */\n label: PropTypes.string,\n /** Specifies the callback function when the toggle is clicked. */\n onClick: PropTypes.func,\n /** Change the underlying component CSS base class name and modifier class names prefix. */\n bsPrefix: PropTypes.string,\n};\n\nNavbarCollapse.propTypes = {\n ...NavbarCollapse.propTypes,\n /** Change the underlying component CSS base class name and modifier class names prefix. */\n bsPrefix: PropTypes.string,\n};\n\nNavbar.defaultProps = {\n as: 'nav',\n bg: undefined,\n collapseOnSelect: false,\n expand: true,\n expanded: undefined,\n fixed: undefined,\n onSelect: () => {},\n onToggle: () => {},\n role: 'navigation',\n sticky: undefined,\n variant: 'light',\n bsPrefix: 'navbar',\n};\n\nNavbarBrand.defaultProps = {\n as: 'nav',\n href: undefined,\n bsPrefix: 'navbar',\n};\n\nNavbarToggle.defaultProps = {\n as: 'button',\n children: undefined,\n label: NAVBAR_LABEL,\n onClick: () => {},\n bsPrefix: 'navbar-toggler',\n};\n\nNavbarCollapse.defaultProps = {\n bsPrefix: 'navbar-collapse',\n};\n\nNavbar.Brand = NavbarBrand;\nNavbar.Toggle = NavbarToggle;\nNavbar.Collapse = NavbarCollapse;\n\nexport { NavbarBrand };\nexport default Navbar;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","BaseNavbar","BaseNavbarBrand","BaseNavbarToggle","BaseNavbarCollapse","PropTypes","NAVBAR_LABEL","Navbar","props","createElement","NavbarBrand","NavbarToggle","NavbarCollapse","propTypes","_objectSpread","as","elementType","bg","string","collapseOnSelect","bool","expand","oneOf","expanded","fixed","onSelect","func","onToggle","role","sticky","variant","bsPrefix","href","children","node","label","onClick","defaultProps","undefined","Brand","Toggle","Collapse"],"sources":["../../src/Navbar/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseNavbar from 'react-bootstrap/Navbar';\nimport BaseNavbarBrand from 'react-bootstrap/NavbarBrand';\nimport BaseNavbarToggle from 'react-bootstrap/NavbarToggle';\nimport BaseNavbarCollapse from 'react-bootstrap/NavbarCollapse';\nimport PropTypes from 'prop-types';\n\nexport const NAVBAR_LABEL = 'Toggle navigation';\n\nfunction Navbar(props) {\n return <BaseNavbar {...props} />;\n}\nfunction NavbarBrand(props) {\n return <BaseNavbarBrand {...props} />;\n}\nfunction NavbarToggle(props) {\n return <BaseNavbarToggle {...props} />;\n}\nfunction NavbarCollapse(props) {\n return <BaseNavbarCollapse {...props} />;\n}\n\nNavbar.propTypes = {\n ...Navbar.propTypes,\n /** Set a custom element for this component. */\n as: PropTypes.elementType,\n /**\n * A convenience prop for adding `bg-*` utility classes since they\n * are so commonly used here. `light` and `dark` are common choices\n * but any `bg-*` class is supported, including any custom ones you might define.\n *\n * Pairs nicely with the `variant` prop.\n */\n bg: PropTypes.string,\n /**\n * Toggles `expanded` to `false` after the onSelect event of a descendant of a child\n * `<Nav>` fires. Does nothing if no `<Nav>` or `<Nav>` descendants exist.\n *\n * Manually controlling `expanded` via the onSelect callback is recommended instead,\n * for more complex operations that need to be executed after the `select` event of `<Nav>` descendants.\n */\n collapseOnSelect: PropTypes.bool,\n /**\n * The breakpoint, below which, the Navbar will collapse.\n * When `true` the Navbar will always be expanded regardless of screen size.\n */\n expand: PropTypes.oneOf([true, 'sm', 'md', 'lg', 'xl']),\n /** Controls the visibility of the navbar body */\n expanded: PropTypes.bool,\n /**\n * Create a fixed navbar along the top or bottom of the screen,\n * that scrolls with the page. A convenience prop for the `fixed-*` positioning classes.\n */\n fixed: PropTypes.oneOf(['top', 'bottom']),\n /** A callback fired when a descendant of a child `<Nav>` is selected. */\n onSelect: PropTypes.func,\n /**\n * A callback fired when the `<Navbar>` body collapses or expands.\n * Fired when a `<Navbar.Toggle>` is clicked and called with the new `expanded` boolean value.\n *\n * Controls `expanded`.\n */\n onToggle: PropTypes.func,\n /**\n * The ARIA role for the navbar, will default to 'navigation'\n * for Navbars whose as is something other than `<nav>`.\n */\n role: PropTypes.string,\n /**\n * Position the navbar at the top of the viewport, but only after scrolling past it.\n * A convenience prop for the `sticky-top` positioning class.\n */\n sticky: PropTypes.oneOf(['top']),\n /**\n * The general visual variant a the `Navbar`.\n * Use in combination with the `bg` prop,\n * `background-color` utilities, or your own background styles.\n */\n variant: PropTypes.oneOf(['light', 'dark']),\n /** Change the underlying component CSS base class name and modifier class names prefix. */\n bsPrefix: PropTypes.string,\n};\n\nNavbarBrand.propTypes = {\n ...NavbarBrand.propTypes,\n /** Set a custom element for this component. */\n as: PropTypes.elementType,\n /** An href, when provided the Brand will render as an `<a>` element (unless `as` is provided). */\n href: PropTypes.string,\n /** Change the underlying component CSS base class name and modifier class names prefix. */\n bsPrefix: PropTypes.string,\n};\n\nNavbarToggle.propTypes = {\n ...NavbarToggle.propTypes,\n /** Set a custom element for this component. */\n as: PropTypes.elementType,\n /** The toggle content. When empty, the default toggle will be rendered. */\n children: PropTypes.node,\n /** An accessible ARIA label for the toggler button. */\n label: PropTypes.string,\n /** Specifies the callback function when the toggle is clicked. */\n onClick: PropTypes.func,\n /** Change the underlying component CSS base class name and modifier class names prefix. */\n bsPrefix: PropTypes.string,\n};\n\nNavbarCollapse.propTypes = {\n ...NavbarCollapse.propTypes,\n /** Change the underlying component CSS base class name and modifier class names prefix. */\n bsPrefix: PropTypes.string,\n};\n\nNavbar.defaultProps = {\n as: 'nav',\n bg: undefined,\n collapseOnSelect: false,\n expand: true,\n expanded: undefined,\n fixed: undefined,\n onSelect: () => {},\n onToggle: () => {},\n role: 'navigation',\n sticky: undefined,\n variant: 'light',\n bsPrefix: 'navbar',\n};\n\nNavbarBrand.defaultProps = {\n as: 'nav',\n href: undefined,\n bsPrefix: 'navbar',\n};\n\nNavbarToggle.defaultProps = {\n as: 'button',\n children: undefined,\n label: NAVBAR_LABEL,\n onClick: () => {},\n bsPrefix: 'navbar-toggler',\n};\n\nNavbarCollapse.defaultProps = {\n bsPrefix: 'navbar-collapse',\n};\n\nNavbar.Brand = NavbarBrand;\nNavbar.Toggle = NavbarToggle;\nNavbar.Collapse = NavbarCollapse;\n\nexport { NavbarBrand };\nexport default Navbar;\n"],"mappings":"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"}
|
|
@@ -1,46 +1,54 @@
|
|
|
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 _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); }
|
|
4
|
+
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; }
|
|
5
|
+
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; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
1
7
|
import React, { useState, useMemo } from 'react';
|
|
2
8
|
import PropTypes from 'prop-types';
|
|
3
9
|
import { useOverflowScroll } from './data';
|
|
4
10
|
import OverflowScrollContext from './OverflowScrollContext';
|
|
5
11
|
import OverflowScrollItems from './OverflowScrollItems';
|
|
6
12
|
function OverflowScroll(_ref) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
13
|
+
var ariaLabel = _ref.ariaLabel,
|
|
14
|
+
children = _ref.children,
|
|
15
|
+
childQuerySelector = _ref.childQuerySelector,
|
|
16
|
+
hasInteractiveChildren = _ref.hasInteractiveChildren,
|
|
17
|
+
disableScroll = _ref.disableScroll,
|
|
18
|
+
disableOpacityMasks = _ref.disableOpacityMasks,
|
|
19
|
+
onScrollPrevious = _ref.onScrollPrevious,
|
|
20
|
+
onScrollNext = _ref.onScrollNext,
|
|
21
|
+
offset = _ref.offset,
|
|
22
|
+
offsetType = _ref.offsetType;
|
|
23
|
+
var _useState = useState(),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
overflowRef = _useState2[0],
|
|
26
|
+
setOverflowRef = _useState2[1];
|
|
27
|
+
var _useOverflowScroll = useOverflowScroll({
|
|
28
|
+
childQuerySelector: childQuerySelector,
|
|
29
|
+
hasInteractiveChildren: hasInteractiveChildren,
|
|
30
|
+
disableScroll: disableScroll,
|
|
31
|
+
disableOpacityMasks: disableOpacityMasks,
|
|
32
|
+
onScrollPrevious: onScrollPrevious,
|
|
33
|
+
onScrollNext: onScrollNext,
|
|
34
|
+
overflowRef: overflowRef,
|
|
35
|
+
offset: offset,
|
|
36
|
+
offsetType: offsetType
|
|
37
|
+
}),
|
|
38
|
+
isScrolledToStart = _useOverflowScroll.isScrolledToStart,
|
|
39
|
+
isScrolledToEnd = _useOverflowScroll.isScrolledToEnd,
|
|
40
|
+
scrollToPrevious = _useOverflowScroll.scrollToPrevious,
|
|
41
|
+
scrollToNext = _useOverflowScroll.scrollToNext;
|
|
42
|
+
var contextValue = useMemo(function () {
|
|
43
|
+
return {
|
|
44
|
+
overflowRef: overflowRef,
|
|
45
|
+
setOverflowRef: setOverflowRef,
|
|
46
|
+
isScrolledToStart: isScrolledToStart,
|
|
47
|
+
isScrolledToEnd: isScrolledToEnd,
|
|
48
|
+
scrollToPrevious: scrollToPrevious,
|
|
49
|
+
scrollToNext: scrollToNext
|
|
50
|
+
};
|
|
51
|
+
}, [overflowRef, setOverflowRef, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext]);
|
|
44
52
|
return /*#__PURE__*/React.createElement("div", {
|
|
45
53
|
className: "pgn__overflow-scroll",
|
|
46
54
|
role: "region",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowScroll.js","names":["React","useState","useMemo","PropTypes","useOverflowScroll","OverflowScrollContext","OverflowScrollItems","OverflowScroll","_ref","ariaLabel","children","childQuerySelector","hasInteractiveChildren","disableScroll","disableOpacityMasks","onScrollPrevious","onScrollNext","offset","offsetType","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","contextValue","createElement","className","role","Provider","value","Items","propTypes","string","isRequired","node","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/OverflowScroll/OverflowScroll.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useOverflowScroll } from './data';\nimport OverflowScrollContext from './OverflowScrollContext';\nimport OverflowScrollItems from './OverflowScrollItems';\n\nfunction OverflowScroll({\n ariaLabel,\n children,\n childQuerySelector,\n hasInteractiveChildren,\n disableScroll,\n disableOpacityMasks,\n onScrollPrevious,\n onScrollNext,\n offset,\n offsetType,\n}) {\n const [overflowRef, setOverflowRef] = useState();\n\n const {\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useOverflowScroll({\n childQuerySelector,\n hasInteractiveChildren,\n disableScroll,\n disableOpacityMasks,\n onScrollPrevious,\n onScrollNext,\n overflowRef,\n offset,\n offsetType,\n });\n\n const contextValue = useMemo(() => ({\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n }), [\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n ]);\n\n return (\n <div\n className=\"pgn__overflow-scroll\"\n role=\"region\"\n aria-label={ariaLabel}\n >\n <OverflowScrollContext.Provider value={contextValue}>\n {children}\n </OverflowScrollContext.Provider>\n </div>\n );\n}\n\nOverflowScroll.Items = OverflowScrollItems;\n\nOverflowScroll.propTypes = {\n /** Text describing the OverflowScroll for screen readers */\n ariaLabel: PropTypes.string.isRequired,\n /** Specifies the content of the `OverflowScroll`. */\n children: PropTypes.node.isRequired,\n /** A CSS query selector to find all child elements within the overflow container. */\n childQuerySelector: PropTypes.string,\n /** Whether the child `OverflowScroll` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether users can scroll within the overflow container. */\n disableScroll: PropTypes.bool,\n /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n disableOpacityMasks: PropTypes.bool,\n /** Callback function for when the user scrolls to the previous element. */\n onScrollPrevious: PropTypes.func,\n /** Callback function for when the user scrolls to the next element. */\n onScrollNext: PropTypes.func,\n /** A value specifying the distance the scroll should move. */\n offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /** Type of offset value (percentage or fixed). */\n offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n};\n\nOverflowScroll.defaultProps = {\n childQuerySelector: undefined,\n disableScroll: false,\n hasInteractiveChildren: false,\n disableOpacityMasks: false,\n onScrollPrevious: undefined,\n onScrollNext: undefined,\n offset: undefined,\n offsetType: 'percentage',\n};\n\nexport default OverflowScroll;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SAASC,cAAcA,CAAAC,IAAA,EAWpB;EAAA,
|
|
1
|
+
{"version":3,"file":"OverflowScroll.js","names":["React","useState","useMemo","PropTypes","useOverflowScroll","OverflowScrollContext","OverflowScrollItems","OverflowScroll","_ref","ariaLabel","children","childQuerySelector","hasInteractiveChildren","disableScroll","disableOpacityMasks","onScrollPrevious","onScrollNext","offset","offsetType","_useState","_useState2","_slicedToArray","overflowRef","setOverflowRef","_useOverflowScroll","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","contextValue","createElement","className","role","Provider","value","Items","propTypes","string","isRequired","node","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/OverflowScroll/OverflowScroll.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useOverflowScroll } from './data';\nimport OverflowScrollContext from './OverflowScrollContext';\nimport OverflowScrollItems from './OverflowScrollItems';\n\nfunction OverflowScroll({\n ariaLabel,\n children,\n childQuerySelector,\n hasInteractiveChildren,\n disableScroll,\n disableOpacityMasks,\n onScrollPrevious,\n onScrollNext,\n offset,\n offsetType,\n}) {\n const [overflowRef, setOverflowRef] = useState();\n\n const {\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useOverflowScroll({\n childQuerySelector,\n hasInteractiveChildren,\n disableScroll,\n disableOpacityMasks,\n onScrollPrevious,\n onScrollNext,\n overflowRef,\n offset,\n offsetType,\n });\n\n const contextValue = useMemo(() => ({\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n }), [\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n ]);\n\n return (\n <div\n className=\"pgn__overflow-scroll\"\n role=\"region\"\n aria-label={ariaLabel}\n >\n <OverflowScrollContext.Provider value={contextValue}>\n {children}\n </OverflowScrollContext.Provider>\n </div>\n );\n}\n\nOverflowScroll.Items = OverflowScrollItems;\n\nOverflowScroll.propTypes = {\n /** Text describing the OverflowScroll for screen readers */\n ariaLabel: PropTypes.string.isRequired,\n /** Specifies the content of the `OverflowScroll`. */\n children: PropTypes.node.isRequired,\n /** A CSS query selector to find all child elements within the overflow container. */\n childQuerySelector: PropTypes.string,\n /** Whether the child `OverflowScroll` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether users can scroll within the overflow container. */\n disableScroll: PropTypes.bool,\n /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n disableOpacityMasks: PropTypes.bool,\n /** Callback function for when the user scrolls to the previous element. */\n onScrollPrevious: PropTypes.func,\n /** Callback function for when the user scrolls to the next element. */\n onScrollNext: PropTypes.func,\n /** A value specifying the distance the scroll should move. */\n offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /** Type of offset value (percentage or fixed). */\n offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n};\n\nOverflowScroll.defaultProps = {\n childQuerySelector: undefined,\n disableScroll: false,\n hasInteractiveChildren: false,\n disableOpacityMasks: false,\n onScrollPrevious: undefined,\n onScrollNext: undefined,\n offset: undefined,\n offsetType: 'percentage',\n};\n\nexport default OverflowScroll;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowScrollContext.js","names":["createContext","OverflowScrollContext"],"sources":["../../src/OverflowScroll/OverflowScrollContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst OverflowScrollContext = createContext();\n\nexport default OverflowScrollContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,
|
|
1
|
+
{"version":3,"file":"OverflowScrollContext.js","names":["createContext","OverflowScrollContext"],"sources":["../../src/OverflowScroll/OverflowScrollContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst OverflowScrollContext = createContext();\n\nexport default OverflowScrollContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,IAAMC,qBAAqB,gBAAGD,aAAa,CAAC,CAAC;AAE7C,eAAeC,qBAAqB"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
import { useOverflowScrollItems } from './data';
|
|
3
3
|
function OverflowScrollItems(_ref) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
} = _ref;
|
|
7
|
-
const overflowScrollChildren = useOverflowScrollItems(children);
|
|
4
|
+
var children = _ref.children;
|
|
5
|
+
var overflowScrollChildren = useOverflowScrollItems(children);
|
|
8
6
|
return overflowScrollChildren;
|
|
9
7
|
}
|
|
10
8
|
OverflowScrollItems.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowScrollItems.js","names":["PropTypes","useOverflowScrollItems","OverflowScrollItems","_ref","children","overflowScrollChildren","propTypes","node","isRequired"],"sources":["../../src/OverflowScroll/OverflowScrollItems.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useOverflowScrollItems } from './data';\n\nfunction OverflowScrollItems({ children }) {\n const overflowScrollChildren = useOverflowScrollItems(children);\n return overflowScrollChildren;\n}\n\nOverflowScrollItems.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default OverflowScrollItems;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,sBAAsB,QAAQ,QAAQ;AAE/C,SAASC,mBAAmBA,CAAAC,IAAA,EAAe;EAAA,
|
|
1
|
+
{"version":3,"file":"OverflowScrollItems.js","names":["PropTypes","useOverflowScrollItems","OverflowScrollItems","_ref","children","overflowScrollChildren","propTypes","node","isRequired"],"sources":["../../src/OverflowScroll/OverflowScrollItems.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useOverflowScrollItems } from './data';\n\nfunction OverflowScrollItems({ children }) {\n const overflowScrollChildren = useOverflowScrollItems(children);\n return overflowScrollChildren;\n}\n\nOverflowScrollItems.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default OverflowScrollItems;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,sBAAsB,QAAQ,QAAQ;AAE/C,SAASC,mBAAmBA,CAAAC,IAAA,EAAe;EAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACrC,IAAMC,sBAAsB,GAAGJ,sBAAsB,CAACG,QAAQ,CAAC;EAC/D,OAAOC,sBAAsB;AAC/B;AAEAH,mBAAmB,CAACI,SAAS,GAAG;EAC9BF,QAAQ,EAAEJ,SAAS,CAACO,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeN,mBAAmB"}
|
package/dist/Overlay/index.js
CHANGED
|
@@ -3,15 +3,15 @@ import BaseOverlay from 'react-bootstrap/Overlay';
|
|
|
3
3
|
import BaseOverlayTrigger from 'react-bootstrap/OverlayTrigger';
|
|
4
4
|
import Fade from 'react-bootstrap/Fade';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
var PLACEMENT_VARIANTS = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
|
|
7
|
+
var TRIGGER_VARIANTS = ['hover', 'click', 'focus'];
|
|
8
8
|
function Overlay(props) {
|
|
9
9
|
return /*#__PURE__*/React.createElement(BaseOverlay, props);
|
|
10
10
|
}
|
|
11
11
|
function OverlayTrigger(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement(BaseOverlayTrigger, props, props.children);
|
|
13
13
|
}
|
|
14
|
-
|
|
14
|
+
var triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);
|
|
15
15
|
Overlay.propTypes = {
|
|
16
16
|
/** Specifies the content of the `Overlay`. */
|
|
17
17
|
children: PropTypes.node.isRequired,
|
|
@@ -60,7 +60,7 @@ Overlay.propTypes = {
|
|
|
60
60
|
* Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,
|
|
61
61
|
* or a custom react-transition-group `<Transition>` component can be provided.
|
|
62
62
|
*/
|
|
63
|
-
transition: PropTypes.
|
|
63
|
+
transition: PropTypes.oneOfType([PropTypes.object, PropTypes.bool])
|
|
64
64
|
};
|
|
65
65
|
OverlayTrigger.propTypes = {
|
|
66
66
|
/** Specifies the content of the `OverlayTrigger`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","BaseOverlay","BaseOverlayTrigger","Fade","PropTypes","PLACEMENT_VARIANTS","TRIGGER_VARIANTS","Overlay","props","createElement","OverlayTrigger","children","triggerType","oneOf","propTypes","node","isRequired","container","oneOfType","elementType","func","onEnter","onEntered","onEntering","onExit","onExited","onExiting","onHide","placement","popperConfig","shape","rootClose","bool","rootCloseEvent","show","target","transition","element","overlay","defaultShow","delay","number","flip","onToggle","instanceOf","EventTarget","trigger","arrayOf","defaultProps","undefined"],"sources":["../../src/Overlay/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseOverlay from 'react-bootstrap/Overlay';\nimport BaseOverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport Fade from 'react-bootstrap/Fade';\nimport PropTypes from 'prop-types';\n\nconst PLACEMENT_VARIANTS = [\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n];\n\nconst TRIGGER_VARIANTS = [\n 'hover',\n 'click',\n 'focus',\n];\n\nfunction Overlay(props) {\n return <BaseOverlay {...props} />;\n}\nfunction OverlayTrigger(props) {\n return (\n <BaseOverlayTrigger {...props}>\n {props.children}\n </BaseOverlayTrigger>\n );\n}\n\nconst triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);\n\nOverlay.propTypes = {\n /** Specifies the content of the `Overlay`. */\n children: PropTypes.node.isRequired,\n /**\n * A component instance, DOM node, or function that returns either.\n * The overlay will be positioned in relation to the target.\n */\n container: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n /** Callback fired before the `Overlay` transitions in. */\n onEnter: PropTypes.func,\n /** Callback fired after the `Overlay` finishes transitioning in. */\n onEntered: PropTypes.func,\n /** Callback fired as the `Overlay` begins to transition in. */\n onEntering: PropTypes.func,\n /** Callback fired right before the `Overlay` transitions out */\n onExit: PropTypes.func,\n /** Callback fired after the `Overlay` finishes transitioning out. */\n onExited: PropTypes.func,\n /** Callback fired as the Overlay begins to transition out. */\n onExiting: PropTypes.func,\n /**\n * A callback invoked by the overlay when it wishes to be hidden.\n * Required if `rootClose` is specified.\n */\n onHide: PropTypes.func,\n /** The placement of the `Overlay` in relation to it's target. */\n placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n /** A set of popper options and props passed directly to `Popper`. */\n popperConfig: PropTypes.shape({}),\n /** Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay. */\n rootClose: PropTypes.bool,\n /** Specify event for triggering a “root close” toggle. */\n rootCloseEvent: PropTypes.oneOf(['click', 'mousedown']),\n /** Set the visibility of the `Overlay`. */\n show: PropTypes.bool,\n /**\n * The visibility of the `Overlay`. `show` is a controlled prop so should\n * be paired with `onToggle` to avoid breaking user interactions.\n *\n * Manually toggling show does not wait for delay to change the visibility.\n *\n * Controls `onToggle`.\n */\n target: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n /**\n * Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,\n * or a custom react-transition-group `<Transition>` component can be provided.\n */\n transition: PropTypes.
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","BaseOverlay","BaseOverlayTrigger","Fade","PropTypes","PLACEMENT_VARIANTS","TRIGGER_VARIANTS","Overlay","props","createElement","OverlayTrigger","children","triggerType","oneOf","propTypes","node","isRequired","container","oneOfType","elementType","func","onEnter","onEntered","onEntering","onExit","onExited","onExiting","onHide","placement","popperConfig","shape","rootClose","bool","rootCloseEvent","show","target","transition","object","element","overlay","defaultShow","delay","number","flip","onToggle","instanceOf","EventTarget","trigger","arrayOf","defaultProps","undefined"],"sources":["../../src/Overlay/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseOverlay from 'react-bootstrap/Overlay';\nimport BaseOverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport Fade from 'react-bootstrap/Fade';\nimport PropTypes from 'prop-types';\n\nconst PLACEMENT_VARIANTS = [\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n];\n\nconst TRIGGER_VARIANTS = [\n 'hover',\n 'click',\n 'focus',\n];\n\nfunction Overlay(props) {\n return <BaseOverlay {...props} />;\n}\nfunction OverlayTrigger(props) {\n return (\n <BaseOverlayTrigger {...props}>\n {props.children}\n </BaseOverlayTrigger>\n );\n}\n\nconst triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);\n\nOverlay.propTypes = {\n /** Specifies the content of the `Overlay`. */\n children: PropTypes.node.isRequired,\n /**\n * A component instance, DOM node, or function that returns either.\n * The overlay will be positioned in relation to the target.\n */\n container: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n /** Callback fired before the `Overlay` transitions in. */\n onEnter: PropTypes.func,\n /** Callback fired after the `Overlay` finishes transitioning in. */\n onEntered: PropTypes.func,\n /** Callback fired as the `Overlay` begins to transition in. */\n onEntering: PropTypes.func,\n /** Callback fired right before the `Overlay` transitions out */\n onExit: PropTypes.func,\n /** Callback fired after the `Overlay` finishes transitioning out. */\n onExited: PropTypes.func,\n /** Callback fired as the Overlay begins to transition out. */\n onExiting: PropTypes.func,\n /**\n * A callback invoked by the overlay when it wishes to be hidden.\n * Required if `rootClose` is specified.\n */\n onHide: PropTypes.func,\n /** The placement of the `Overlay` in relation to it's target. */\n placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n /** A set of popper options and props passed directly to `Popper`. */\n popperConfig: PropTypes.shape({}),\n /** Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay. */\n rootClose: PropTypes.bool,\n /** Specify event for triggering a “root close” toggle. */\n rootCloseEvent: PropTypes.oneOf(['click', 'mousedown']),\n /** Set the visibility of the `Overlay`. */\n show: PropTypes.bool,\n /**\n * The visibility of the `Overlay`. `show` is a controlled prop so should\n * be paired with `onToggle` to avoid breaking user interactions.\n *\n * Manually toggling show does not wait for delay to change the visibility.\n *\n * Controls `onToggle`.\n */\n target: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n /**\n * Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,\n * or a custom react-transition-group `<Transition>` component can be provided.\n */\n transition: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n};\n\nOverlayTrigger.propTypes = {\n /** Specifies the content of the `OverlayTrigger`. */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n /** An element or text to overlay next to the target. */\n overlay: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n /** The initial visibility state of the `Overlay`. */\n defaultShow: PropTypes.bool,\n /** A millisecond delay amount to show and hide the `Overlay` once triggered. */\n delay: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({})]),\n /** The initial flip state of the `Overlay`. */\n flip: PropTypes.bool,\n onHide: PropTypes.func,\n /**\n * A callback that fires when the user triggers a change in tooltip visibility.\n * `onToggle` is called with the desired next show, and generally should be\n * passed back to the `show` prop. `onToggle` fires after the configured `delay`.\n *\n * Controls `show`.\n */\n onToggle: PropTypes.func,\n /** The placement of the `Overlay` in relation to it's target. */\n placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n /** A `Popper.js` config object passed to the the underlying popper instance. */\n popperConfig: PropTypes.shape({}),\n /**\n * The visibility of the `Overlay`. `show` is a controlled prop so should\n * be paired with `onToggle` to avoid breaking user interactions.\n *\n * Manually toggling show does not wait for delay to change the visibility.\n *\n * Controls `onToggle`.\n */\n show: PropTypes.bool,\n target: PropTypes.instanceOf(EventTarget),\n /** Specify which action or actions trigger `Overlay` visibility. */\n trigger: PropTypes.oneOfType([triggerType, PropTypes.arrayOf(triggerType)]),\n};\n\nOverlay.defaultProps = {\n container: undefined,\n onEnter: undefined,\n onEntered: undefined,\n onEntering: undefined,\n onExit: undefined,\n onExited: undefined,\n onExiting: undefined,\n onHide: undefined,\n placement: 'top',\n popperConfig: {},\n rootClose: false,\n rootCloseEvent: undefined,\n show: false,\n target: undefined,\n transition: Fade,\n};\n\nOverlayTrigger.defaultProps = {\n defaultShow: false,\n delay: undefined,\n flip: undefined,\n onHide: undefined,\n onToggle: undefined,\n placement: undefined,\n popperConfig: {},\n show: undefined,\n target: undefined,\n trigger: ['hover', 'focus'],\n};\n\nexport { OverlayTrigger };\nexport default Overlay;\n"],"mappings":"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"}
|
package/dist/PageBanner/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "dismissible", "dismissAltText", "onDismiss", "show", "variant"];
|
|
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,8 +8,8 @@ import classNames from 'classnames';
|
|
|
8
8
|
import { Close } from '../../icons';
|
|
9
9
|
import Icon from '../Icon';
|
|
10
10
|
import IconButton from '../IconButton';
|
|
11
|
-
export
|
|
12
|
-
export
|
|
11
|
+
export var PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';
|
|
12
|
+
export var VARIANTS = {
|
|
13
13
|
light: 'light',
|
|
14
14
|
dark: 'dark',
|
|
15
15
|
warning: 'warning',
|
|
@@ -17,20 +17,18 @@ export const VARIANTS = {
|
|
|
17
17
|
accentB: 'accentB'
|
|
18
18
|
};
|
|
19
19
|
function PageBanner(_ref) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
variant
|
|
27
|
-
} = _ref,
|
|
20
|
+
var children = _ref.children,
|
|
21
|
+
dismissible = _ref.dismissible,
|
|
22
|
+
dismissAltText = _ref.dismissAltText,
|
|
23
|
+
onDismiss = _ref.onDismiss,
|
|
24
|
+
show = _ref.show,
|
|
25
|
+
variant = _ref.variant,
|
|
28
26
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
29
27
|
if (!show) {
|
|
30
28
|
return null;
|
|
31
29
|
}
|
|
32
30
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
33
|
-
className: classNames('pgn__pageBanner-component',
|
|
31
|
+
className: classNames('pgn__pageBanner-component', "pgn__pageBanner__".concat(variant)),
|
|
34
32
|
role: "alert",
|
|
35
33
|
"aria-live": "polite",
|
|
36
34
|
"aria-atomic": "true"
|
|
@@ -66,7 +64,7 @@ PageBanner.defaultProps = {
|
|
|
66
64
|
children: undefined,
|
|
67
65
|
dismissible: false,
|
|
68
66
|
dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,
|
|
69
|
-
onDismiss: ()
|
|
67
|
+
onDismiss: function onDismiss() {},
|
|
70
68
|
show: true,
|
|
71
69
|
variant: VARIANTS.accentA
|
|
72
70
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Close","Icon","IconButton","PAGE_BANNER_DISMISS_ALT_TEXT","VARIANTS","light","dark","warning","accentA","accentB","PageBanner","_ref","children","dismissible","dismissAltText","onDismiss","show","variant","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","role","onClick","iconAs","alt","src","size","invertColors","propTypes","node","bool","func","oneOf","defaultProps","undefined"],"sources":["../../src/PageBanner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Close } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';\n\nexport const VARIANTS = {\n light: 'light',\n dark: 'dark',\n warning: 'warning',\n accentA: 'accentA',\n accentB: 'accentB',\n};\n\nfunction PageBanner({\n children, dismissible, dismissAltText, onDismiss, show, variant, ...rest\n}) {\n if (!show) {\n return null;\n }\n return (\n <div\n className={classNames(\n 'pgn__pageBanner-component',\n `pgn__pageBanner__${variant}`,\n )}\n role=\"alert\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n {...rest}\n >\n <div className=\"pgn__pageBanner-content\">\n { children }\n </div>\n {dismissible && (\n <span className=\"pgn__pageBanner-dismissButtonContainer\">\n <IconButton\n onClick={onDismiss}\n iconAs={Icon}\n alt={dismissAltText}\n src={Close}\n size=\"inline\"\n invertColors={variant === 'dark'}\n variant={variant === 'dark' ? 'dark' : 'black'}\n />\n </span>\n )}\n </div>\n );\n}\n\nPageBanner.propTypes = {\n /** An element rendered inside the `Page Banner`. */\n children: PropTypes.node,\n /** Boolean used to control whether `Page Banner` is dismissible. */\n dismissible: PropTypes.bool,\n /** An element to be set as the dismiss button's alt text (preferably a translated string). */\n dismissAltText: PropTypes.node,\n /** A function to be called on dismiss of the `Page Banner`. */\n onDismiss: PropTypes.func,\n /** Boolean used to control whether the Page Banner shows. */\n show: PropTypes.bool,\n /** A string designating which color variant of the `Page Banner` to display */\n variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark, VARIANTS.warning, VARIANTS.accentA, VARIANTS.accentB]),\n};\n\nPageBanner.defaultProps = {\n children: undefined,\n dismissible: false,\n dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,\n onDismiss: () => {},\n show: true,\n variant: VARIANTS.accentA,\n};\n\nexport default PageBanner;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Close","Icon","IconButton","PAGE_BANNER_DISMISS_ALT_TEXT","VARIANTS","light","dark","warning","accentA","accentB","PageBanner","_ref","children","dismissible","dismissAltText","onDismiss","show","variant","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","concat","role","onClick","iconAs","alt","src","size","invertColors","propTypes","node","bool","func","oneOf","defaultProps","undefined"],"sources":["../../src/PageBanner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Close } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';\n\nexport const VARIANTS = {\n light: 'light',\n dark: 'dark',\n warning: 'warning',\n accentA: 'accentA',\n accentB: 'accentB',\n};\n\nfunction PageBanner({\n children, dismissible, dismissAltText, onDismiss, show, variant, ...rest\n}) {\n if (!show) {\n return null;\n }\n return (\n <div\n className={classNames(\n 'pgn__pageBanner-component',\n `pgn__pageBanner__${variant}`,\n )}\n role=\"alert\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n {...rest}\n >\n <div className=\"pgn__pageBanner-content\">\n { children }\n </div>\n {dismissible && (\n <span className=\"pgn__pageBanner-dismissButtonContainer\">\n <IconButton\n onClick={onDismiss}\n iconAs={Icon}\n alt={dismissAltText}\n src={Close}\n size=\"inline\"\n invertColors={variant === 'dark'}\n variant={variant === 'dark' ? 'dark' : 'black'}\n />\n </span>\n )}\n </div>\n );\n}\n\nPageBanner.propTypes = {\n /** An element rendered inside the `Page Banner`. */\n children: PropTypes.node,\n /** Boolean used to control whether `Page Banner` is dismissible. */\n dismissible: PropTypes.bool,\n /** An element to be set as the dismiss button's alt text (preferably a translated string). */\n dismissAltText: PropTypes.node,\n /** A function to be called on dismiss of the `Page Banner`. */\n onDismiss: PropTypes.func,\n /** Boolean used to control whether the Page Banner shows. */\n show: PropTypes.bool,\n /** A string designating which color variant of the `Page Banner` to display */\n variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark, VARIANTS.warning, VARIANTS.accentA, VARIANTS.accentB]),\n};\n\nPageBanner.defaultProps = {\n children: undefined,\n dismissible: false,\n dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,\n onDismiss: () => {},\n show: true,\n variant: VARIANTS.accentA,\n};\n\nexport default PageBanner;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAO,IAAMC,4BAA4B,GAAG,SAAS;AAErD,OAAO,IAAMC,QAAQ,GAAG;EACtBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,UAAUA,CAAAC,IAAA,EAEhB;EAAA,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAKC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAExE,IAAI,CAACJ,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACEnB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;IACEC,SAAS,EAAExB,UAAU,CACnB,2BAA2B,sBAAAyB,MAAA,CACPP,OAAO,CAC7B,CAAE;IACFQ,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY;EAAM,GACdP,IAAI,gBAERrB,KAAA,CAAAwB,aAAA;IAAKE,SAAS,EAAC;EAAyB,GACpCX,QACC,CAAC,EACLC,WAAW,iBACVhB,KAAA,CAAAwB,aAAA;IAAME,SAAS,EAAC;EAAwC,gBACtD1B,KAAA,CAAAwB,aAAA,CAACnB,UAAU;IACTwB,OAAO,EAAEX,SAAU;IACnBY,MAAM,EAAE1B,IAAK;IACb2B,GAAG,EAAEd,cAAe;IACpBe,GAAG,EAAE7B,KAAM;IACX8B,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEd,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEAP,UAAU,CAACsB,SAAS,GAAG;EACrB;EACApB,QAAQ,EAAEd,SAAS,CAACmC,IAAI;EACxB;EACApB,WAAW,EAAEf,SAAS,CAACoC,IAAI;EAC3B;EACApB,cAAc,EAAEhB,SAAS,CAACmC,IAAI;EAC9B;EACAlB,SAAS,EAAEjB,SAAS,CAACqC,IAAI;EACzB;EACAnB,IAAI,EAAElB,SAAS,CAACoC,IAAI;EACpB;EACAjB,OAAO,EAAEnB,SAAS,CAACsC,KAAK,CAAC,CAAChC,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACE,IAAI,EAAEF,QAAQ,CAACG,OAAO,EAAEH,QAAQ,CAACI,OAAO,EAAEJ,QAAQ,CAACK,OAAO,CAAC;AAChH,CAAC;AAEDC,UAAU,CAAC2B,YAAY,GAAG;EACxBzB,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAEX,4BAA4B;EAC5CY,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAEb,QAAQ,CAACI;AACpB,CAAC;AAED,eAAeE,UAAU"}
|