@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["classNames","PropTypes","React","MediaQuery","ChevronLeft","ChevronRight","ArrowBackIos","ArrowForwardIos","greaterThan","Button","Dropdown","IconButton","Icon","breakpoints","newId","ELLIPSIS","getPaginationRange","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","VARIANTS","default","secondary","reduced","minimal","ReducedPagination","_ref","currentPage","pageCount","handlePageSelect","createElement","Toggle","variant","id","Menu","className","Array","keys","map","pageNum","Item","onClick","key","Pagination","Component","constructor","props","previousButtonRef","nextButtonRef","pageRefs","state","pageButtonSelected","bind","shouldComponentUpdate","nextProps","nextState","componentDidUpdate","prevProps","prevState","currentPageRef","focus","setPageButtonSelectedState","setState","page","onPageSelect","handlePreviousNextButtonClick","value","renderEllipsisButton","renderPageButton","buttonLabels","active","ariaLabel","ref","element","toString","renderPageOfCountButton","pageOfCount","label","renderPreviousButton","icons","size","isFirstPage","isDisabled","previousPage","iconSize","previous","disabled","tabIndex","undefined","leftIcon","src","iconAs","alt","renderNextButton","isLastPage","nextPage","next","rightIcon","renderScreenReaderSection","description","renderPageButtons","maxPagesDisplayed","pages","currentIndex","count","length","requireFirstAndLastPages","pageIndex","renderReducedPagination","renderMinimalPaginations","render","invertColors","paginationLabel","maxWidth","extraSmall","minWidth","small","propTypes","func","isRequired","number","string","shape","node","oneOf","bool","defaultProps","Reduced"],"sources":["../../src/Pagination/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport MediaQuery from 'react-responsive';\n\nimport {\n ChevronLeft, ChevronRight, ArrowBackIos, ArrowForwardIos,\n} from '../../icons';\nimport { greaterThan } from '../utils/propTypes';\nimport Button from '../Button';\nimport Dropdown from '../Dropdown';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\nimport breakpoints from '../utils/breakpoints';\nimport newId from '../utils/newId';\nimport { ELLIPSIS } from './constants';\nimport getPaginationRange from './getPaginationRange';\n\nexport const PAGINATION_BUTTON_LABEL_PREV = 'Previous';\nexport const PAGINATION_BUTTON_LABEL_NEXT = 'Next';\nexport const PAGINATION_BUTTON_LABEL_PAGE = 'Page';\nexport const PAGINATION_BUTTON_LABEL_CURRENT_PAGE = 'Current Page';\nexport const PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT = 'of';\nexport const PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT = 'Go to next page';\nexport const PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT = 'Go to previous page';\n\nconst VARIANTS = {\n default: 'default',\n secondary: 'secondary',\n reduced: 'reduced',\n minimal: 'minimal',\n};\n\nfunction ReducedPagination({ currentPage, pageCount, handlePageSelect }) {\n if (pageCount <= 1) { return null; }\n return (\n <Dropdown>\n <Dropdown.Toggle variant=\"tertiary\" id=\"Pagination dropdown\">\n {currentPage} of {pageCount}\n </Dropdown.Toggle>\n <Dropdown.Menu className=\"pgn__reduced-pagination-dropdown\">\n {[...Array(pageCount).keys()].map(pageNum => (\n <Dropdown.Item\n onClick={() => handlePageSelect(pageNum + 1)}\n key={pageNum}\n data-testid=\"pagination-dropdown-item\"\n >\n {pageNum + 1}\n </Dropdown.Item>\n ))}\n </Dropdown.Menu>\n </Dropdown>\n );\n}\n\nclass Pagination extends React.Component {\n constructor(props) {\n super(props);\n\n this.previousButtonRef = null;\n this.nextButtonRef = null;\n\n this.pageRefs = {};\n\n this.state = {\n currentPage: this.props.currentPage,\n pageButtonSelected: false,\n };\n\n this.handlePageSelect = this.handlePageSelect.bind(this);\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n // Update only when the props and currentPage state changes to avoid re-render\n // if only the pageButtonSelected state is changed.\n return nextProps !== this.props || nextState.currentPage !== this.state.currentPage;\n }\n\n componentDidUpdate(prevProps, prevState) {\n const { currentPage, pageButtonSelected } = this.state;\n const currentPageRef = this.pageRefs[currentPage];\n\n if (currentPageRef && pageButtonSelected) {\n currentPageRef.focus();\n this.setPageButtonSelectedState(false);\n }\n /* eslint-disable react/no-did-update-set-state */\n if (\n this.state.currentPage === prevState.currentPage\n && (this.props.currentPage !== prevProps.currentPage\n || this.props.currentPage !== this.state.currentPage)\n ) {\n this.setState({\n currentPage: this.props.currentPage,\n });\n }\n }\n\n handlePageSelect(page) {\n if (page !== this.state.currentPage) {\n this.setState({\n currentPage: page,\n pageButtonSelected: true,\n });\n this.props.onPageSelect(page);\n }\n }\n\n handlePreviousNextButtonClick(page) {\n const { pageCount } = this.props;\n\n if (page === 1) {\n this.nextButtonRef.focus();\n } else if (page === pageCount) {\n this.previousButtonRef.focus();\n }\n this.setState({ currentPage: page });\n this.props.onPageSelect(page);\n }\n\n setPageButtonSelectedState(value) {\n this.setState({ pageButtonSelected: value });\n }\n\n renderEllipsisButton() {\n return (\n <li\n className={classNames(['page-item', 'disabled'])}\n key={newId('pagination-ellipsis-')}\n >\n <span\n className={classNames([\n 'btn',\n 'page-link',\n 'ml-0',\n 'border-0',\n ])}\n >\n ...\n </span>\n </li>\n );\n }\n\n renderPageButton(page) {\n const { buttonLabels } = this.props;\n const active = page === this.state.currentPage || null;\n\n let ariaLabel = `${buttonLabels.page} ${page}`;\n if (active) {\n ariaLabel += `, ${buttonLabels.currentPage}`;\n }\n\n return (\n <li\n className={classNames([\n 'page-item',\n {\n active,\n },\n ])}\n key={page}\n >\n <Button\n className=\"page-link\"\n aria-label={ariaLabel}\n ref={(element) => { this.pageRefs[page] = element; }}\n onClick={() => { this.handlePageSelect(page); }}\n >\n {page.toString()}\n </Button>\n </li>\n );\n }\n\n renderPageOfCountButton() {\n const { currentPage } = this.state;\n const { pageCount, buttonLabels } = this.props;\n\n const ariaLabel = `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n const label = (\n <span>\n {`${currentPage} `}\n {buttonLabels.pageOfCount}\n {` ${pageCount}`}\n </span>\n );\n\n return (\n <li\n className={classNames(['page-item', 'disabled'])}\n key={currentPage}\n >\n <span\n className={classNames([\n 'btn',\n 'page-link',\n 'mx-2',\n 'border-0',\n ])}\n aria-label={ariaLabel}\n >\n {label}\n </span>\n </li>\n );\n }\n\n renderPreviousButton() {\n const {\n buttonLabels, icons, variant, size, pageCount,\n } = this.props;\n const { currentPage } = this.state;\n const isFirstPage = currentPage === 1;\n const isDisabled = isFirstPage || pageCount === 0;\n const previousPage = isFirstPage ? null : currentPage - 1;\n const iconSize = (variant !== VARIANTS.reduced && size !== 'small') || variant === VARIANTS.minimal;\n\n let ariaLabel = `${buttonLabels.previous}`;\n if (previousPage) {\n ariaLabel += `, ${buttonLabels.page} ${previousPage}`;\n }\n\n return (\n <li\n className={classNames(\n 'page-item',\n {\n disabled: isDisabled,\n },\n )}\n >\n {\n variant === VARIANTS.default\n ? (\n <Button\n className=\"previous page-link\"\n aria-label={ariaLabel}\n tabIndex={isDisabled ? '-1' : undefined}\n onClick={() => { this.handlePreviousNextButtonClick(previousPage); }}\n ref={(element) => { this.previousButtonRef = element; }}\n disabled={isDisabled}\n >\n <div>\n {icons.leftIcon}\n {variant === VARIANTS.default ? buttonLabels.previous : null}\n </div>\n </Button>\n )\n : (\n <IconButton\n src={iconSize ? ArrowBackIos : ChevronLeft}\n iconAs={Icon}\n className=\"previous page-link\"\n aria-label={ariaLabel}\n tabIndex={isDisabled ? '-1' : undefined}\n onClick={() => { this.handlePreviousNextButtonClick(previousPage); }}\n ref={(element) => { this.previousButtonRef = element; }}\n disabled={isDisabled}\n alt={PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT}\n />\n )\n }\n </li>\n );\n }\n\n renderNextButton() {\n const {\n buttonLabels, pageCount, icons, variant, size,\n } = this.props;\n const { currentPage } = this.state;\n const isLastPage = (currentPage === pageCount);\n const isDisabled = isLastPage || (pageCount <= 1);\n const nextPage = isLastPage ? null : currentPage + 1;\n const iconSize = (variant !== VARIANTS.reduced && size !== 'small') || variant === VARIANTS.minimal;\n\n let ariaLabel = `${buttonLabels.next}`;\n if (nextPage) {\n ariaLabel += `, ${buttonLabels.page} ${nextPage}`;\n }\n\n return (\n <li\n className={classNames(\n 'page-item',\n {\n disabled: isDisabled,\n },\n )}\n >\n {variant === VARIANTS.default ? (\n <Button\n className=\"next page-link\"\n aria-label={ariaLabel}\n tabIndex={isDisabled ? '-1' : undefined}\n onClick={() => { this.handlePreviousNextButtonClick(nextPage); }}\n ref={(element) => { this.nextButtonRef = element; }}\n disabled={isDisabled}\n >\n <div>\n {variant === VARIANTS.default ? buttonLabels.next : null}\n {icons.rightIcon}\n </div>\n </Button>\n ) : (\n <IconButton\n src={iconSize ? ArrowForwardIos : ChevronRight}\n iconAs={Icon}\n className=\"next page-link\"\n aria-label={ariaLabel}\n tabIndex={isDisabled ? '-1' : undefined}\n onClick={() => { this.handlePreviousNextButtonClick(nextPage); }}\n ref={(element) => { this.nextButtonRef = element; }}\n disabled={isDisabled}\n alt={PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT}\n />\n )}\n </li>\n );\n }\n\n renderScreenReaderSection() {\n const { currentPage } = this.state;\n const { buttonLabels, pageCount } = this.props;\n\n const description = `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n return (\n <div\n className=\"sr-only\"\n aria-live=\"polite\"\n aria-relevant=\"text\"\n aria-atomic\n >\n {description}\n </div>\n );\n }\n\n renderPageButtons() {\n const { currentPage } = this.state;\n const { pageCount, maxPagesDisplayed } = this.props;\n\n const pages = getPaginationRange({\n currentIndex: currentPage,\n count: pageCount,\n length: maxPagesDisplayed,\n requireFirstAndLastPages: true,\n });\n\n if (pageCount <= 1) {\n return null;\n }\n return pages.map((pageIndex) => {\n if (pageIndex === ELLIPSIS) {\n return this.renderEllipsisButton();\n }\n return this.renderPageButton(pageIndex + 1);\n });\n }\n\n renderReducedPagination() {\n const { currentPage } = this.state;\n const { pageCount } = this.props;\n\n return (\n <ul className=\"pagination\">\n {this.renderPreviousButton()}\n <ReducedPagination currentPage={currentPage} pageCount={pageCount} handlePageSelect={this.handlePageSelect} />\n {this.renderNextButton()}\n </ul>\n );\n }\n\n renderMinimalPaginations() {\n return (\n <ul className=\"pagination\">\n {this.renderPreviousButton()}\n {this.renderNextButton()}\n </ul>\n );\n }\n\n render() {\n const { variant, invertColors, size } = this.props;\n return (\n <nav\n aria-label={this.props.paginationLabel}\n className={classNames(this.props.className, {\n [`pagination-${variant}`]: variant,\n 'pagination-inverse': invertColors,\n 'pagination-small': size !== VARIANTS.default,\n })}\n >\n {this.renderScreenReaderSection()}\n {variant === VARIANTS.default || variant === VARIANTS.secondary\n ? (\n <ul className=\"pagination\">\n {this.renderPreviousButton()}\n <MediaQuery maxWidth={breakpoints.extraSmall.maxWidth}>\n {this.renderPageOfCountButton()}\n </MediaQuery>\n <MediaQuery minWidth={breakpoints.small.minWidth}>\n {this.renderPageButtons()}\n </MediaQuery>\n {this.renderNextButton()}\n </ul>\n )\n : null}\n {variant === VARIANTS.reduced ? this.renderReducedPagination() : null}\n {variant === VARIANTS.minimal ? this.renderMinimalPaginations() : null}\n </nav>\n );\n }\n}\n\nPagination.propTypes = {\n /**\n * Specifies a callback function that is executed when the\n * user selects a page button or the `Previous`/`Next` buttons. For example:\n *\n * ```jsx\n * <Pagination onPageSelect={(pageNumber) => { console.log(pageNumber); } />\n * ```\n */\n onPageSelect: PropTypes.func.isRequired,\n /** Specifies the total number of pages in the `Pagination` component. */\n pageCount: PropTypes.number.isRequired,\n /** Specifies the `aria-label` for the `<nav>` element that wraps the pagination button list. */\n paginationLabel: PropTypes.string.isRequired,\n /**\n * Specifies the labels to use for the `Previous`/`Next`\n * buttons as well as the various parts of `aria-label`\n * on the page buttons for accessibility. All button labels\n * accept both string or elements. The button label options are as follows:\n *\n * `previous`: Text for the `Previous` button;\n *\n * `next`: Text for the `Next` button;\n *\n * `page`: Text in the `aria-label` on page buttons to describe the button (e.g., \"**Page** 1\");\n *\n * `currentPage`: Text to depict the selected page in the `aria-label`\n * on page buttons (e.g., \"Page 1, **Current Page**\");\n *\n * `pageOfCount`: Text that separates the current page and total page count\n * for the mobile UI (e.g., \"Page 1 **of** 20\").\n *\n * The default is:\n * ```javascript\n * {\n * previous: 'Previous',\n * next: 'Next',\n * page: 'Page',\n * currentPage: 'Current Page',\n * pageOfCount: 'of',\n * }\n * ```\n */\n buttonLabels: PropTypes.shape({\n previous: PropTypes.string,\n next: PropTypes.string,\n page: PropTypes.string,\n currentPage: PropTypes.string,\n pageOfCount: PropTypes.string,\n }),\n /** Specifies any class name(s) for the `Pagination` component. The default is an empty string. */\n className: PropTypes.string,\n /** specifies the page that the `Pagination` component will automatically select. The default is `1`. */\n currentPage: PropTypes.number,\n /**\n * Specifies the number of page buttons to display in between the `Previous`\n * and `Next` buttons. This number also includes any ellipses in the total count.\n * Also, to ensure that at least one clickable page button is shown when both ellipses\n * are displayed, this value must be greater than `4`. The default is `7`.\n */\n maxPagesDisplayed: greaterThan(4),\n /**\n * Specifies icons used to indicate previous and next page. Can be an element,\n * string, symbol, etc. Default is chevrons rendered using fa-css.\n */\n icons: PropTypes.shape({\n leftIcon: PropTypes.node,\n rightIcon: PropTypes.node,\n }),\n variant: PropTypes.oneOf(['default', 'secondary', 'reduced', 'minimal']),\n invertColors: PropTypes.bool,\n size: PropTypes.oneOf(['default', 'small']),\n};\n\nPagination.defaultProps = {\n icons: {\n leftIcon: <Icon src={ChevronLeft} />,\n rightIcon: <Icon src={ChevronRight} />,\n },\n buttonLabels: {\n previous: PAGINATION_BUTTON_LABEL_PREV,\n next: PAGINATION_BUTTON_LABEL_NEXT,\n page: PAGINATION_BUTTON_LABEL_PAGE,\n currentPage: PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n pageOfCount: PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n },\n className: undefined,\n currentPage: 1,\n maxPagesDisplayed: 7,\n variant: 'default',\n invertColors: false,\n size: 'default',\n};\n\nReducedPagination.propTypes = {\n currentPage: PropTypes.number.isRequired,\n pageCount: PropTypes.number.isRequired,\n handlePageSelect: PropTypes.func.isRequired,\n};\n\nPagination.Reduced = ReducedPagination;\n\nexport default Pagination;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["classNames","PropTypes","React","MediaQuery","ChevronLeft","ChevronRight","ArrowBackIos","ArrowForwardIos","greaterThan","Button","Dropdown","IconButton","Icon","breakpoints","newId","ELLIPSIS","getPaginationRange","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","VARIANTS","secondary","reduced","minimal","ReducedPagination","_ref","currentPage","pageCount","handlePageSelect","createElement","Toggle","variant","id","Menu","className","_toConsumableArray","Array","keys","map","pageNum","Item","onClick","key","Pagination","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","previousButtonRef","nextButtonRef","pageRefs","state","pageButtonSelected","bind","_assertThisInitialized","_createClass","value","shouldComponentUpdate","nextProps","nextState","componentDidUpdate","prevProps","prevState","_this$state","currentPageRef","focus","setPageButtonSelectedState","setState","page","onPageSelect","handlePreviousNextButtonClick","renderEllipsisButton","renderPageButton","_this2","buttonLabels","active","ariaLabel","concat","ref","element","toString","renderPageOfCountButton","_this$props","pageOfCount","label","renderPreviousButton","_this3","_this$props2","icons","size","isFirstPage","isDisabled","previousPage","iconSize","previous","disabled","tabIndex","undefined","leftIcon","src","iconAs","alt","renderNextButton","_this4","_this$props3","isLastPage","nextPage","next","rightIcon","renderScreenReaderSection","_this$props4","description","renderPageButtons","_this5","_this$props5","maxPagesDisplayed","pages","currentIndex","count","length","requireFirstAndLastPages","pageIndex","renderReducedPagination","renderMinimalPaginations","render","_classNames","_this$props6","invertColors","paginationLabel","_defineProperty","maxWidth","extraSmall","minWidth","small","Component","propTypes","func","isRequired","number","string","shape","node","oneOf","bool","defaultProps","Reduced"],"sources":["../../src/Pagination/index.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport MediaQuery from 'react-responsive';\n\nimport {\n ChevronLeft, ChevronRight, ArrowBackIos, ArrowForwardIos,\n} from '../../icons';\nimport { greaterThan } from '../utils/propTypes';\nimport Button from '../Button';\nimport Dropdown from '../Dropdown';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\nimport breakpoints from '../utils/breakpoints';\nimport newId from '../utils/newId';\nimport { ELLIPSIS } from './constants';\nimport getPaginationRange from './getPaginationRange';\n\nexport const PAGINATION_BUTTON_LABEL_PREV = 'Previous';\nexport const PAGINATION_BUTTON_LABEL_NEXT = 'Next';\nexport const PAGINATION_BUTTON_LABEL_PAGE = 'Page';\nexport const PAGINATION_BUTTON_LABEL_CURRENT_PAGE = 'Current Page';\nexport const PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT = 'of';\nexport const PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT = 'Go to next page';\nexport const PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT = 'Go to previous page';\n\nconst VARIANTS = {\n default: 'default',\n secondary: 'secondary',\n reduced: 'reduced',\n minimal: 'minimal',\n};\n\nfunction ReducedPagination({ currentPage, pageCount, handlePageSelect }) {\n if (pageCount <= 1) { return null; }\n return (\n <Dropdown>\n <Dropdown.Toggle variant=\"tertiary\" id=\"Pagination dropdown\">\n {currentPage} of {pageCount}\n </Dropdown.Toggle>\n <Dropdown.Menu className=\"pgn__reduced-pagination-dropdown\">\n {[...Array(pageCount).keys()].map(pageNum => (\n <Dropdown.Item\n onClick={() => handlePageSelect(pageNum + 1)}\n key={pageNum}\n data-testid=\"pagination-dropdown-item\"\n >\n {pageNum + 1}\n </Dropdown.Item>\n ))}\n </Dropdown.Menu>\n </Dropdown>\n );\n}\n\nclass Pagination extends React.Component {\n constructor(props) {\n super(props);\n\n this.previousButtonRef = null;\n this.nextButtonRef = null;\n\n this.pageRefs = {};\n\n this.state = {\n currentPage: this.props.currentPage,\n pageButtonSelected: false,\n };\n\n this.handlePageSelect = this.handlePageSelect.bind(this);\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n // Update only when the props and currentPage state changes to avoid re-render\n // if only the pageButtonSelected state is changed.\n return nextProps !== this.props || nextState.currentPage !== this.state.currentPage;\n }\n\n componentDidUpdate(prevProps, prevState) {\n const { currentPage, pageButtonSelected } = this.state;\n const currentPageRef = this.pageRefs[currentPage];\n\n if (currentPageRef && pageButtonSelected) {\n currentPageRef.focus();\n this.setPageButtonSelectedState(false);\n }\n /* eslint-disable react/no-did-update-set-state */\n if (\n this.state.currentPage === prevState.currentPage\n && (this.props.currentPage !== prevProps.currentPage\n || this.props.currentPage !== this.state.currentPage)\n ) {\n this.setState({\n currentPage: this.props.currentPage,\n });\n }\n }\n\n handlePageSelect(page) {\n if (page !== this.state.currentPage) {\n this.setState({\n currentPage: page,\n pageButtonSelected: true,\n });\n this.props.onPageSelect(page);\n }\n }\n\n handlePreviousNextButtonClick(page) {\n const { pageCount } = this.props;\n\n if (page === 1) {\n this.nextButtonRef.focus();\n } else if (page === pageCount) {\n this.previousButtonRef.focus();\n }\n this.setState({ currentPage: page });\n this.props.onPageSelect(page);\n }\n\n setPageButtonSelectedState(value) {\n this.setState({ pageButtonSelected: value });\n }\n\n renderEllipsisButton() {\n return (\n <li\n className={classNames(['page-item', 'disabled'])}\n key={newId('pagination-ellipsis-')}\n >\n <span\n className={classNames([\n 'btn',\n 'page-link',\n 'ml-0',\n 'border-0',\n ])}\n >\n ...\n </span>\n </li>\n );\n }\n\n renderPageButton(page) {\n const { buttonLabels } = this.props;\n const active = page === this.state.currentPage || null;\n\n let ariaLabel = `${buttonLabels.page} ${page}`;\n if (active) {\n ariaLabel += `, ${buttonLabels.currentPage}`;\n }\n\n return (\n <li\n className={classNames([\n 'page-item',\n {\n active,\n },\n ])}\n key={page}\n >\n <Button\n className=\"page-link\"\n aria-label={ariaLabel}\n ref={(element) => { this.pageRefs[page] = element; }}\n onClick={() => { this.handlePageSelect(page); }}\n >\n {page.toString()}\n </Button>\n </li>\n );\n }\n\n renderPageOfCountButton() {\n const { currentPage } = this.state;\n const { pageCount, buttonLabels } = this.props;\n\n const ariaLabel = `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n const label = (\n <span>\n {`${currentPage} `}\n {buttonLabels.pageOfCount}\n {` ${pageCount}`}\n </span>\n );\n\n return (\n <li\n className={classNames(['page-item', 'disabled'])}\n key={currentPage}\n >\n <span\n className={classNames([\n 'btn',\n 'page-link',\n 'mx-2',\n 'border-0',\n ])}\n aria-label={ariaLabel}\n >\n {label}\n </span>\n </li>\n );\n }\n\n renderPreviousButton() {\n const {\n buttonLabels, icons, variant, size, pageCount,\n } = this.props;\n const { currentPage } = this.state;\n const isFirstPage = currentPage === 1;\n const isDisabled = isFirstPage || pageCount === 0;\n const previousPage = isFirstPage ? null : currentPage - 1;\n const iconSize = (variant !== VARIANTS.reduced && size !== 'small') || variant === VARIANTS.minimal;\n\n let ariaLabel = `${buttonLabels.previous}`;\n if (previousPage) {\n ariaLabel += `, ${buttonLabels.page} ${previousPage}`;\n }\n\n return (\n <li\n className={classNames(\n 'page-item',\n {\n disabled: isDisabled,\n },\n )}\n >\n {\n variant === VARIANTS.default\n ? (\n <Button\n className=\"previous page-link\"\n aria-label={ariaLabel}\n tabIndex={isDisabled ? '-1' : undefined}\n onClick={() => { this.handlePreviousNextButtonClick(previousPage); }}\n ref={(element) => { this.previousButtonRef = element; }}\n disabled={isDisabled}\n >\n <div>\n {icons.leftIcon}\n {variant === VARIANTS.default ? buttonLabels.previous : null}\n </div>\n </Button>\n )\n : (\n <IconButton\n src={iconSize ? ArrowBackIos : ChevronLeft}\n iconAs={Icon}\n className=\"previous page-link\"\n aria-label={ariaLabel}\n tabIndex={isDisabled ? '-1' : undefined}\n onClick={() => { this.handlePreviousNextButtonClick(previousPage); }}\n ref={(element) => { this.previousButtonRef = element; }}\n disabled={isDisabled}\n alt={PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT}\n />\n )\n }\n </li>\n );\n }\n\n renderNextButton() {\n const {\n buttonLabels, pageCount, icons, variant, size,\n } = this.props;\n const { currentPage } = this.state;\n const isLastPage = (currentPage === pageCount);\n const isDisabled = isLastPage || (pageCount <= 1);\n const nextPage = isLastPage ? null : currentPage + 1;\n const iconSize = (variant !== VARIANTS.reduced && size !== 'small') || variant === VARIANTS.minimal;\n\n let ariaLabel = `${buttonLabels.next}`;\n if (nextPage) {\n ariaLabel += `, ${buttonLabels.page} ${nextPage}`;\n }\n\n return (\n <li\n className={classNames(\n 'page-item',\n {\n disabled: isDisabled,\n },\n )}\n >\n {variant === VARIANTS.default ? (\n <Button\n className=\"next page-link\"\n aria-label={ariaLabel}\n tabIndex={isDisabled ? '-1' : undefined}\n onClick={() => { this.handlePreviousNextButtonClick(nextPage); }}\n ref={(element) => { this.nextButtonRef = element; }}\n disabled={isDisabled}\n >\n <div>\n {variant === VARIANTS.default ? buttonLabels.next : null}\n {icons.rightIcon}\n </div>\n </Button>\n ) : (\n <IconButton\n src={iconSize ? ArrowForwardIos : ChevronRight}\n iconAs={Icon}\n className=\"next page-link\"\n aria-label={ariaLabel}\n tabIndex={isDisabled ? '-1' : undefined}\n onClick={() => { this.handlePreviousNextButtonClick(nextPage); }}\n ref={(element) => { this.nextButtonRef = element; }}\n disabled={isDisabled}\n alt={PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT}\n />\n )}\n </li>\n );\n }\n\n renderScreenReaderSection() {\n const { currentPage } = this.state;\n const { buttonLabels, pageCount } = this.props;\n\n const description = `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n return (\n <div\n className=\"sr-only\"\n aria-live=\"polite\"\n aria-relevant=\"text\"\n aria-atomic\n >\n {description}\n </div>\n );\n }\n\n renderPageButtons() {\n const { currentPage } = this.state;\n const { pageCount, maxPagesDisplayed } = this.props;\n\n const pages = getPaginationRange({\n currentIndex: currentPage,\n count: pageCount,\n length: maxPagesDisplayed,\n requireFirstAndLastPages: true,\n });\n\n if (pageCount <= 1) {\n return null;\n }\n return pages.map((pageIndex) => {\n if (pageIndex === ELLIPSIS) {\n return this.renderEllipsisButton();\n }\n return this.renderPageButton(pageIndex + 1);\n });\n }\n\n renderReducedPagination() {\n const { currentPage } = this.state;\n const { pageCount } = this.props;\n\n return (\n <ul className=\"pagination\">\n {this.renderPreviousButton()}\n <ReducedPagination currentPage={currentPage} pageCount={pageCount} handlePageSelect={this.handlePageSelect} />\n {this.renderNextButton()}\n </ul>\n );\n }\n\n renderMinimalPaginations() {\n return (\n <ul className=\"pagination\">\n {this.renderPreviousButton()}\n {this.renderNextButton()}\n </ul>\n );\n }\n\n render() {\n const { variant, invertColors, size } = this.props;\n return (\n <nav\n aria-label={this.props.paginationLabel}\n className={classNames(this.props.className, {\n [`pagination-${variant}`]: variant,\n 'pagination-inverse': invertColors,\n 'pagination-small': size !== VARIANTS.default,\n })}\n >\n {this.renderScreenReaderSection()}\n {variant === VARIANTS.default || variant === VARIANTS.secondary\n ? (\n <ul className=\"pagination\">\n {this.renderPreviousButton()}\n <MediaQuery maxWidth={breakpoints.extraSmall.maxWidth}>\n {this.renderPageOfCountButton()}\n </MediaQuery>\n <MediaQuery minWidth={breakpoints.small.minWidth}>\n {this.renderPageButtons()}\n </MediaQuery>\n {this.renderNextButton()}\n </ul>\n )\n : null}\n {variant === VARIANTS.reduced ? this.renderReducedPagination() : null}\n {variant === VARIANTS.minimal ? this.renderMinimalPaginations() : null}\n </nav>\n );\n }\n}\n\nPagination.propTypes = {\n /**\n * Specifies a callback function that is executed when the\n * user selects a page button or the `Previous`/`Next` buttons. For example:\n *\n * ```jsx\n * <Pagination onPageSelect={(pageNumber) => { console.log(pageNumber); } />\n * ```\n */\n onPageSelect: PropTypes.func.isRequired,\n /** Specifies the total number of pages in the `Pagination` component. */\n pageCount: PropTypes.number.isRequired,\n /** Specifies the `aria-label` for the `<nav>` element that wraps the pagination button list. */\n paginationLabel: PropTypes.string.isRequired,\n /**\n * Specifies the labels to use for the `Previous`/`Next`\n * buttons as well as the various parts of `aria-label`\n * on the page buttons for accessibility. All button labels\n * accept both string or elements. The button label options are as follows:\n *\n * `previous`: Text for the `Previous` button;\n *\n * `next`: Text for the `Next` button;\n *\n * `page`: Text in the `aria-label` on page buttons to describe the button (e.g., \"**Page** 1\");\n *\n * `currentPage`: Text to depict the selected page in the `aria-label`\n * on page buttons (e.g., \"Page 1, **Current Page**\");\n *\n * `pageOfCount`: Text that separates the current page and total page count\n * for the mobile UI (e.g., \"Page 1 **of** 20\").\n *\n * The default is:\n * ```javascript\n * {\n * previous: 'Previous',\n * next: 'Next',\n * page: 'Page',\n * currentPage: 'Current Page',\n * pageOfCount: 'of',\n * }\n * ```\n */\n buttonLabels: PropTypes.shape({\n previous: PropTypes.string,\n next: PropTypes.string,\n page: PropTypes.string,\n currentPage: PropTypes.string,\n pageOfCount: PropTypes.string,\n }),\n /** Specifies any class name(s) for the `Pagination` component. The default is an empty string. */\n className: PropTypes.string,\n /** specifies the page that the `Pagination` component will automatically select. The default is `1`. */\n currentPage: PropTypes.number,\n /**\n * Specifies the number of page buttons to display in between the `Previous`\n * and `Next` buttons. This number also includes any ellipses in the total count.\n * Also, to ensure that at least one clickable page button is shown when both ellipses\n * are displayed, this value must be greater than `4`. The default is `7`.\n */\n maxPagesDisplayed: greaterThan(4),\n /**\n * Specifies icons used to indicate previous and next page. Can be an element,\n * string, symbol, etc. Default is chevrons rendered using fa-css.\n */\n icons: PropTypes.shape({\n leftIcon: PropTypes.node,\n rightIcon: PropTypes.node,\n }),\n variant: PropTypes.oneOf(['default', 'secondary', 'reduced', 'minimal']),\n invertColors: PropTypes.bool,\n size: PropTypes.oneOf(['default', 'small']),\n};\n\nPagination.defaultProps = {\n icons: {\n leftIcon: <Icon src={ChevronLeft} />,\n rightIcon: <Icon src={ChevronRight} />,\n },\n buttonLabels: {\n previous: PAGINATION_BUTTON_LABEL_PREV,\n next: PAGINATION_BUTTON_LABEL_NEXT,\n page: PAGINATION_BUTTON_LABEL_PAGE,\n currentPage: PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n pageOfCount: PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n },\n className: undefined,\n currentPage: 1,\n maxPagesDisplayed: 7,\n variant: 'default',\n invertColors: false,\n size: 'default',\n};\n\nReducedPagination.propTypes = {\n currentPage: PropTypes.number.isRequired,\n pageCount: PropTypes.number.isRequired,\n handlePageSelect: PropTypes.func.isRequired,\n};\n\nPagination.Reduced = ReducedPagination;\n\nexport default Pagination;\n"],"mappings":"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"}
|
package/dist/Popover/index.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["children", "variant"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
5
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
|
+
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 _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
+
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); }
|
|
8
9
|
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; }
|
|
9
10
|
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; }
|
|
10
11
|
import React from 'react';
|
|
@@ -13,17 +14,13 @@ import classNames from 'classnames';
|
|
|
13
14
|
import BasePopover from 'react-bootstrap/Popover';
|
|
14
15
|
import BasePopoverTitle from 'react-bootstrap/PopoverTitle';
|
|
15
16
|
import BasePopoverContent from 'react-bootstrap/PopoverContent';
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
variant
|
|
21
|
-
} = _ref,
|
|
17
|
+
var PLACEMENT_VARIANTS = ['auto', 'top', 'bottom', 'left', 'right'];
|
|
18
|
+
var Popover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19
|
+
var children = _ref.children,
|
|
20
|
+
variant = _ref.variant,
|
|
22
21
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
22
|
return /*#__PURE__*/React.createElement(BasePopover, _extends({}, props, {
|
|
24
|
-
className: classNames({
|
|
25
|
-
[`popover-${variant}`]: !!variant
|
|
26
|
-
}, props.className),
|
|
23
|
+
className: classNames(_defineProperty({}, "popover-".concat(variant), !!variant), props.className),
|
|
27
24
|
ref: ref
|
|
28
25
|
}), children);
|
|
29
26
|
});
|
|
@@ -33,7 +30,7 @@ function PopoverTitle(props) {
|
|
|
33
30
|
function PopoverContent(props) {
|
|
34
31
|
return /*#__PURE__*/React.createElement(BasePopoverContent, props);
|
|
35
32
|
}
|
|
36
|
-
|
|
33
|
+
var commonPropTypes = {
|
|
37
34
|
/** Specifies the base element */
|
|
38
35
|
as: PropTypes.elementType,
|
|
39
36
|
/** Overrides underlying component base CSS class name */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BasePopover","BasePopoverTitle","BasePopoverContent","PLACEMENT_VARIANTS","Popover","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","className","PopoverTitle","PopoverContent","commonPropTypes","as","elementType","bsPrefix","string","propTypes","_objectSpread","id","isRequired","placement","oneOf","title","arrowProps","shape","oneOfType","func","current","element","style","content","bool","popper","show","node","defaultProps","undefined","Title","Content"],"sources":["../../src/Popover/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BasePopover from 'react-bootstrap/Popover';\nimport BasePopoverTitle from 'react-bootstrap/PopoverTitle';\nimport BasePopoverContent from 'react-bootstrap/PopoverContent';\n\nconst PLACEMENT_VARIANTS = [\n 'auto',\n 'top',\n 'bottom',\n 'left',\n 'right',\n];\n\nconst Popover = React.forwardRef(({\n children,\n variant,\n ...props\n}, ref) => (\n <BasePopover\n {...props}\n className={classNames({ [`popover-${variant}`]: !!variant }, props.className)}\n ref={ref}\n >\n {children}\n </BasePopover>\n));\n\nfunction PopoverTitle(props) {\n return <BasePopoverTitle {...props} />;\n}\nfunction PopoverContent(props) {\n return <BasePopoverContent {...props} />;\n}\n\nconst commonPropTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Overrides underlying component base CSS class name */\n bsPrefix: PropTypes.string,\n};\n\nPopoverTitle.propTypes = commonPropTypes;\nPopoverContent.propTypes = commonPropTypes;\n\nPopover.propTypes = {\n ...BasePopover.propTypes,\n /** An html id attribute, necessary for accessibility. */\n id: PropTypes.string.isRequired,\n /**\n * Sets the direction the Popover is positioned towards.\n *\n * This is generally provided by the `Overlay` component positioning the popover.\n */\n placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n /**\n * When this prop is set, it creates a `Popover` with\n * a `Popover.Title` inside passing the children directly to it.\n */\n title: PropTypes.string,\n /**\n * An `Overlay` injected set of props for positioning the popover arrow.\n *\n * This is generally provided by the `Overlay` component positioning the popover.\n */\n arrowProps: PropTypes.shape({\n ref: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.element }),\n ]),\n style: PropTypes.shape({}),\n }),\n /**\n * When this prop is set, it creates a `Popover` with\n * a `Popover.Content` inside passing the children directly to it.\n */\n content: PropTypes.bool,\n /** A `Popper.js` config object passed to the the underlying popper instance. */\n popper: PropTypes.shape({}),\n /** Whether the `Overlay` is shown. */\n show: PropTypes.bool,\n /** Specifies the content of the `Overlay` */\n children: PropTypes.node,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** The visual style of the `Overlay` */\n variant: PropTypes.string,\n};\n\nPopover.defaultProps = {\n ...BasePopover.defaultProps,\n placement: 'right',\n title: undefined,\n arrowProps: undefined,\n content: undefined,\n popper: undefined,\n show: undefined,\n children: undefined,\n className: undefined,\n variant: undefined,\n};\n\nPopoverTitle.defaultProps = {\n as: 'div',\n bsPrefix: 'popover-header',\n};\n\nPopoverContent.defaultProps = {\n as: 'div',\n bsPrefix: 'popover-body',\n};\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nexport { PopoverTitle, PopoverContent };\nexport default Popover;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BasePopover","BasePopoverTitle","BasePopoverContent","PLACEMENT_VARIANTS","Popover","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","className","_defineProperty","concat","PopoverTitle","PopoverContent","commonPropTypes","as","elementType","bsPrefix","string","propTypes","_objectSpread","id","isRequired","placement","oneOf","title","arrowProps","shape","oneOfType","func","current","element","style","content","bool","popper","show","node","defaultProps","undefined","Title","Content"],"sources":["../../src/Popover/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BasePopover from 'react-bootstrap/Popover';\nimport BasePopoverTitle from 'react-bootstrap/PopoverTitle';\nimport BasePopoverContent from 'react-bootstrap/PopoverContent';\n\nconst PLACEMENT_VARIANTS = [\n 'auto',\n 'top',\n 'bottom',\n 'left',\n 'right',\n];\n\nconst Popover = React.forwardRef(({\n children,\n variant,\n ...props\n}, ref) => (\n <BasePopover\n {...props}\n className={classNames({ [`popover-${variant}`]: !!variant }, props.className)}\n ref={ref}\n >\n {children}\n </BasePopover>\n));\n\nfunction PopoverTitle(props) {\n return <BasePopoverTitle {...props} />;\n}\nfunction PopoverContent(props) {\n return <BasePopoverContent {...props} />;\n}\n\nconst commonPropTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Overrides underlying component base CSS class name */\n bsPrefix: PropTypes.string,\n};\n\nPopoverTitle.propTypes = commonPropTypes;\nPopoverContent.propTypes = commonPropTypes;\n\nPopover.propTypes = {\n ...BasePopover.propTypes,\n /** An html id attribute, necessary for accessibility. */\n id: PropTypes.string.isRequired,\n /**\n * Sets the direction the Popover is positioned towards.\n *\n * This is generally provided by the `Overlay` component positioning the popover.\n */\n placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n /**\n * When this prop is set, it creates a `Popover` with\n * a `Popover.Title` inside passing the children directly to it.\n */\n title: PropTypes.string,\n /**\n * An `Overlay` injected set of props for positioning the popover arrow.\n *\n * This is generally provided by the `Overlay` component positioning the popover.\n */\n arrowProps: PropTypes.shape({\n ref: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.element }),\n ]),\n style: PropTypes.shape({}),\n }),\n /**\n * When this prop is set, it creates a `Popover` with\n * a `Popover.Content` inside passing the children directly to it.\n */\n content: PropTypes.bool,\n /** A `Popper.js` config object passed to the the underlying popper instance. */\n popper: PropTypes.shape({}),\n /** Whether the `Overlay` is shown. */\n show: PropTypes.bool,\n /** Specifies the content of the `Overlay` */\n children: PropTypes.node,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** The visual style of the `Overlay` */\n variant: PropTypes.string,\n};\n\nPopover.defaultProps = {\n ...BasePopover.defaultProps,\n placement: 'right',\n title: undefined,\n arrowProps: undefined,\n content: undefined,\n popper: undefined,\n show: undefined,\n children: undefined,\n className: undefined,\n variant: undefined,\n};\n\nPopoverTitle.defaultProps = {\n as: 'div',\n bsPrefix: 'popover-header',\n};\n\nPopoverContent.defaultProps = {\n as: 'div',\n bsPrefix: 'popover-body',\n};\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nexport { PopoverTitle, PopoverContent };\nexport default Popover;\n"],"mappings":"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"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["body", "index", "placement", "target", "title", "totalCheckpoints"];
|
|
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
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
+
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."); }
|
|
5
|
+
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); }
|
|
6
|
+
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; }
|
|
7
|
+
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; } }
|
|
8
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
3
9
|
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
10
|
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; }
|
|
5
11
|
import React, { useEffect, useState } from 'react';
|
|
@@ -13,26 +19,27 @@ import CheckpointBody from './CheckpointBody';
|
|
|
13
19
|
import CheckpointBreadcrumbs from './CheckpointBreadcrumbs';
|
|
14
20
|
import CheckpointTitle from './CheckpointTitle';
|
|
15
21
|
import messages from './messages';
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
totalCheckpoints
|
|
24
|
-
} = _ref,
|
|
22
|
+
var Checkpoint = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
23
|
+
var body = _ref.body,
|
|
24
|
+
index = _ref.index,
|
|
25
|
+
placement = _ref.placement,
|
|
26
|
+
target = _ref.target,
|
|
27
|
+
title = _ref.title,
|
|
28
|
+
totalCheckpoints = _ref.totalCheckpoints,
|
|
25
29
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
-
|
|
27
|
-
|
|
30
|
+
var _useState = useState(false),
|
|
31
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
+
checkpointVisible = _useState2[0],
|
|
33
|
+
setCheckpointVisible = _useState2[1];
|
|
34
|
+
var isMobile = useMediaQuery({
|
|
28
35
|
maxWidth: breakpoints.small.maxWidth
|
|
29
36
|
});
|
|
30
|
-
useEffect(()
|
|
31
|
-
|
|
32
|
-
|
|
37
|
+
useEffect(function () {
|
|
38
|
+
var targetElement = document.querySelector(target);
|
|
39
|
+
var checkpoint = document.querySelector('#pgn__checkpoint');
|
|
33
40
|
if (targetElement && checkpoint) {
|
|
34
41
|
// Use the Popper library to translate the Checkpoint to its target's coordinates
|
|
35
|
-
|
|
42
|
+
var checkpointPopper = createPopper(targetElement, checkpoint, {
|
|
36
43
|
placement: isMobile ? 'top' : placement,
|
|
37
44
|
strategy: 'fixed',
|
|
38
45
|
modifiers: [{
|
|
@@ -59,11 +66,11 @@ const Checkpoint = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
59
66
|
}
|
|
60
67
|
}
|
|
61
68
|
}, [target, isMobile, placement]);
|
|
62
|
-
useEffect(()
|
|
69
|
+
useEffect(function () {
|
|
63
70
|
if (checkpointVisible) {
|
|
64
71
|
// Scroll the Checkpoint into view once its rendered
|
|
65
|
-
|
|
66
|
-
|
|
72
|
+
var targetElement = document.querySelector(target);
|
|
73
|
+
var targetOffset = targetElement.getBoundingClientRect().top;
|
|
67
74
|
if (targetOffset < 0 || targetElement.getBoundingClientRect().bottom > global.innerHeight) {
|
|
68
75
|
if (placement.includes('top')) {
|
|
69
76
|
if (targetOffset < 0) {
|
|
@@ -78,12 +85,12 @@ const Checkpoint = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
78
85
|
behavior: 'smooth'
|
|
79
86
|
});
|
|
80
87
|
}
|
|
81
|
-
|
|
88
|
+
var button = document.querySelector('.pgn__checkpoint-button_advance');
|
|
82
89
|
button.focus();
|
|
83
90
|
}
|
|
84
91
|
}, [target, checkpointVisible, placement]);
|
|
85
|
-
|
|
86
|
-
|
|
92
|
+
var isLastCheckpoint = index + 1 === totalCheckpoints;
|
|
93
|
+
var isOnlyCheckpoint = totalCheckpoints === 1;
|
|
87
94
|
return /*#__PURE__*/React.createElement("div", {
|
|
88
95
|
id: "pgn__checkpoint",
|
|
89
96
|
className: "pgn__checkpoint",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkpoint.js","names":["React","useEffect","useState","useMediaQuery","PropTypes","createPopper","FormattedMessage","breakpoints","CheckpointActionRow","CheckpointBody","CheckpointBreadcrumbs","CheckpointTitle","messages","Checkpoint","forwardRef","_ref","ref","body","index","placement","target","title","totalCheckpoints","props","_objectWithoutProperties","_excluded","checkpointVisible","setCheckpointVisible","isMobile","maxWidth","small","targetElement","document","querySelector","checkpoint","checkpointPopper","strategy","modifiers","name","options","padding","offset","tetherOffset","forceUpdate","targetOffset","getBoundingClientRect","top","bottom","global","innerHeight","includes","scrollTo","behavior","button","focus","isLastCheckpoint","isOnlyCheckpoint","createElement","id","className","role","style","visibility","pointerEvents","_extends","topPositionText","values","step","currentIndex","bottomPositionText","defaultProps","advanceButtonText","dismissButtonText","endButtonText","showDismissButton","undefined","propTypes","node","number","isRequired","onAdvance","func","onDismiss","onEnd","oneOf","string","bool"],"sources":["../../src/ProductTour/Checkpoint.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { createPopper } from '@popperjs/core';\nimport { FormattedMessage } from 'react-intl';\n\nimport breakpoints from '../utils/breakpoints';\n\nimport CheckpointActionRow from './CheckpointActionRow';\nimport CheckpointBody from './CheckpointBody';\nimport CheckpointBreadcrumbs from './CheckpointBreadcrumbs';\nimport CheckpointTitle from './CheckpointTitle';\nimport messages from './messages';\n\nconst Checkpoint = React.forwardRef(({\n body,\n index,\n placement,\n target,\n title,\n totalCheckpoints,\n ...props\n}, ref) => {\n const [checkpointVisible, setCheckpointVisible] = useState(false);\n const isMobile = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n useEffect(() => {\n const targetElement = document.querySelector(target);\n const checkpoint = document.querySelector('#pgn__checkpoint');\n if (targetElement && checkpoint) {\n // Use the Popper library to translate the Checkpoint to its target's coordinates\n const checkpointPopper = createPopper(targetElement, checkpoint, {\n placement: isMobile ? 'top' : placement,\n strategy: 'fixed',\n modifiers: [\n {\n name: 'arrow',\n options: {\n padding: 25,\n },\n },\n {\n name: 'offset',\n options: {\n offset: [0, 20],\n },\n },\n {\n name: 'preventOverflow',\n options: {\n padding: 20,\n tetherOffset: 35,\n },\n },\n ],\n });\n setCheckpointVisible(true);\n if (checkpointPopper) {\n checkpointPopper.forceUpdate();\n }\n }\n }, [target, isMobile, placement]);\n\n useEffect(() => {\n if (checkpointVisible) {\n // Scroll the Checkpoint into view once its rendered\n const targetElement = document.querySelector(target);\n let targetOffset = targetElement.getBoundingClientRect().top;\n if ((targetOffset < 0) || (targetElement.getBoundingClientRect().bottom > global.innerHeight)) {\n if (placement.includes('top')) {\n if (targetOffset < 0) {\n targetOffset *= -1;\n }\n targetOffset -= 280;\n } else {\n targetOffset -= 80;\n }\n\n global.scrollTo({\n top: targetOffset, behavior: 'smooth',\n });\n }\n\n const button = document.querySelector('.pgn__checkpoint-button_advance');\n button.focus();\n }\n }, [target, checkpointVisible, placement]);\n\n const isLastCheckpoint = index + 1 === totalCheckpoints;\n const isOnlyCheckpoint = totalCheckpoints === 1;\n\n return (\n <div\n id=\"pgn__checkpoint\"\n className=\"pgn__checkpoint\"\n aria-labelledby=\"pgn__checkpoint-title\"\n ref={ref}\n role=\"dialog\"\n style={{ visibility: checkpointVisible ? 'visible' : 'hidden', pointerEvents: checkpointVisible ? 'auto' : 'none' }}\n >\n <span className=\"sr-only\">\n <FormattedMessage\n {...messages.topPositionText}\n values={{ step: index + 1 }}\n />\n </span>\n {(title || !isOnlyCheckpoint) && (\n <div className=\"pgn__checkpoint-header\">\n <CheckpointTitle>{title}</CheckpointTitle>\n <CheckpointBreadcrumbs currentIndex={index} totalCheckpoints={totalCheckpoints} />\n </div>\n )}\n <CheckpointBody>{body}</CheckpointBody>\n <CheckpointActionRow\n isLastCheckpoint={isLastCheckpoint}\n index={index}\n {...props}\n />\n <div id=\"pgn__checkpoint-arrow\" data-popper-arrow />\n <span className=\"sr-only\">\n <FormattedMessage\n {...messages.bottomPositionText}\n values={{ step: index + 1 }}\n />\n </span>\n </div>\n );\n});\n\nCheckpoint.defaultProps = {\n advanceButtonText: null,\n body: null,\n dismissButtonText: null,\n endButtonText: null,\n placement: 'top',\n title: null,\n showDismissButton: undefined,\n};\n\nCheckpoint.propTypes = {\n /** The text displayed on the button used to advance the tour for the given Checkpoint. */\n advanceButtonText: PropTypes.node,\n /** The text displayed in the body of the Checkpoint */\n body: PropTypes.node,\n /** The text displayed on the button used to dismiss the tour for the given Checkpoint. */\n dismissButtonText: PropTypes.node,\n /** The text displayed on the button used to end the tour for the given Checkpoint. */\n endButtonText: PropTypes.node,\n /** The current index of the given Checkpoint */\n index: PropTypes.number.isRequired,\n /** A function that runs when triggering the `onClick` event of the advance\n * button for the given Checkpoint. */\n onAdvance: PropTypes.func.isRequired,\n /** A function that runs when triggering the `onClick` event of the dismiss\n * button for the given Checkpoint. */\n onDismiss: PropTypes.func.isRequired,\n /** A function that runs when triggering the `onClick` event of the advance\n * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n onEnd: PropTypes.func.isRequired,\n /** A string that dictates the alignment of the Checkpoint around its target. */\n placement: PropTypes.oneOf([\n 'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n 'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n ]),\n /** The CSS selector for the Checkpoint's desired target. */\n target: PropTypes.string.isRequired,\n /** The text displayed in the title of the Checkpoint */\n title: PropTypes.node,\n /** The total number of Checkpoints in a tour */\n totalCheckpoints: PropTypes.number.isRequired,\n /** Enforces visibility of the dismiss button under all circumstances */\n showDismissButton: PropTypes.bool,\n};\n\nexport default Checkpoint;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkpoint.js","names":["React","useEffect","useState","useMediaQuery","PropTypes","createPopper","FormattedMessage","breakpoints","CheckpointActionRow","CheckpointBody","CheckpointBreadcrumbs","CheckpointTitle","messages","Checkpoint","forwardRef","_ref","ref","body","index","placement","target","title","totalCheckpoints","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","checkpointVisible","setCheckpointVisible","isMobile","maxWidth","small","targetElement","document","querySelector","checkpoint","checkpointPopper","strategy","modifiers","name","options","padding","offset","tetherOffset","forceUpdate","targetOffset","getBoundingClientRect","top","bottom","global","innerHeight","includes","scrollTo","behavior","button","focus","isLastCheckpoint","isOnlyCheckpoint","createElement","id","className","role","style","visibility","pointerEvents","_extends","topPositionText","values","step","currentIndex","bottomPositionText","defaultProps","advanceButtonText","dismissButtonText","endButtonText","showDismissButton","undefined","propTypes","node","number","isRequired","onAdvance","func","onDismiss","onEnd","oneOf","string","bool"],"sources":["../../src/ProductTour/Checkpoint.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { createPopper } from '@popperjs/core';\nimport { FormattedMessage } from 'react-intl';\n\nimport breakpoints from '../utils/breakpoints';\n\nimport CheckpointActionRow from './CheckpointActionRow';\nimport CheckpointBody from './CheckpointBody';\nimport CheckpointBreadcrumbs from './CheckpointBreadcrumbs';\nimport CheckpointTitle from './CheckpointTitle';\nimport messages from './messages';\n\nconst Checkpoint = React.forwardRef(({\n body,\n index,\n placement,\n target,\n title,\n totalCheckpoints,\n ...props\n}, ref) => {\n const [checkpointVisible, setCheckpointVisible] = useState(false);\n const isMobile = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n useEffect(() => {\n const targetElement = document.querySelector(target);\n const checkpoint = document.querySelector('#pgn__checkpoint');\n if (targetElement && checkpoint) {\n // Use the Popper library to translate the Checkpoint to its target's coordinates\n const checkpointPopper = createPopper(targetElement, checkpoint, {\n placement: isMobile ? 'top' : placement,\n strategy: 'fixed',\n modifiers: [\n {\n name: 'arrow',\n options: {\n padding: 25,\n },\n },\n {\n name: 'offset',\n options: {\n offset: [0, 20],\n },\n },\n {\n name: 'preventOverflow',\n options: {\n padding: 20,\n tetherOffset: 35,\n },\n },\n ],\n });\n setCheckpointVisible(true);\n if (checkpointPopper) {\n checkpointPopper.forceUpdate();\n }\n }\n }, [target, isMobile, placement]);\n\n useEffect(() => {\n if (checkpointVisible) {\n // Scroll the Checkpoint into view once its rendered\n const targetElement = document.querySelector(target);\n let targetOffset = targetElement.getBoundingClientRect().top;\n if ((targetOffset < 0) || (targetElement.getBoundingClientRect().bottom > global.innerHeight)) {\n if (placement.includes('top')) {\n if (targetOffset < 0) {\n targetOffset *= -1;\n }\n targetOffset -= 280;\n } else {\n targetOffset -= 80;\n }\n\n global.scrollTo({\n top: targetOffset, behavior: 'smooth',\n });\n }\n\n const button = document.querySelector('.pgn__checkpoint-button_advance');\n button.focus();\n }\n }, [target, checkpointVisible, placement]);\n\n const isLastCheckpoint = index + 1 === totalCheckpoints;\n const isOnlyCheckpoint = totalCheckpoints === 1;\n\n return (\n <div\n id=\"pgn__checkpoint\"\n className=\"pgn__checkpoint\"\n aria-labelledby=\"pgn__checkpoint-title\"\n ref={ref}\n role=\"dialog\"\n style={{ visibility: checkpointVisible ? 'visible' : 'hidden', pointerEvents: checkpointVisible ? 'auto' : 'none' }}\n >\n <span className=\"sr-only\">\n <FormattedMessage\n {...messages.topPositionText}\n values={{ step: index + 1 }}\n />\n </span>\n {(title || !isOnlyCheckpoint) && (\n <div className=\"pgn__checkpoint-header\">\n <CheckpointTitle>{title}</CheckpointTitle>\n <CheckpointBreadcrumbs currentIndex={index} totalCheckpoints={totalCheckpoints} />\n </div>\n )}\n <CheckpointBody>{body}</CheckpointBody>\n <CheckpointActionRow\n isLastCheckpoint={isLastCheckpoint}\n index={index}\n {...props}\n />\n <div id=\"pgn__checkpoint-arrow\" data-popper-arrow />\n <span className=\"sr-only\">\n <FormattedMessage\n {...messages.bottomPositionText}\n values={{ step: index + 1 }}\n />\n </span>\n </div>\n );\n});\n\nCheckpoint.defaultProps = {\n advanceButtonText: null,\n body: null,\n dismissButtonText: null,\n endButtonText: null,\n placement: 'top',\n title: null,\n showDismissButton: undefined,\n};\n\nCheckpoint.propTypes = {\n /** The text displayed on the button used to advance the tour for the given Checkpoint. */\n advanceButtonText: PropTypes.node,\n /** The text displayed in the body of the Checkpoint */\n body: PropTypes.node,\n /** The text displayed on the button used to dismiss the tour for the given Checkpoint. */\n dismissButtonText: PropTypes.node,\n /** The text displayed on the button used to end the tour for the given Checkpoint. */\n endButtonText: PropTypes.node,\n /** The current index of the given Checkpoint */\n index: PropTypes.number.isRequired,\n /** A function that runs when triggering the `onClick` event of the advance\n * button for the given Checkpoint. */\n onAdvance: PropTypes.func.isRequired,\n /** A function that runs when triggering the `onClick` event of the dismiss\n * button for the given Checkpoint. */\n onDismiss: PropTypes.func.isRequired,\n /** A function that runs when triggering the `onClick` event of the advance\n * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n onEnd: PropTypes.func.isRequired,\n /** A string that dictates the alignment of the Checkpoint around its target. */\n placement: PropTypes.oneOf([\n 'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n 'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n ]),\n /** The CSS selector for the Checkpoint's desired target. */\n target: PropTypes.string.isRequired,\n /** The text displayed in the title of the Checkpoint */\n title: PropTypes.node,\n /** The total number of Checkpoints in a tour */\n totalCheckpoints: PropTypes.number.isRequired,\n /** Enforces visibility of the dismiss button under all circumstances */\n showDismissButton: PropTypes.bool,\n};\n\nexport default Checkpoint;\n"],"mappings":"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"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import Button from '../Button';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
index
|
|
15
|
-
} = _ref;
|
|
4
|
+
var CheckpointActionRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
5
|
+
var advanceButtonText = _ref.advanceButtonText,
|
|
6
|
+
dismissButtonText = _ref.dismissButtonText,
|
|
7
|
+
endButtonText = _ref.endButtonText,
|
|
8
|
+
isLastCheckpoint = _ref.isLastCheckpoint,
|
|
9
|
+
onAdvance = _ref.onAdvance,
|
|
10
|
+
onDismiss = _ref.onDismiss,
|
|
11
|
+
onEnd = _ref.onEnd,
|
|
12
|
+
showDismissButton = _ref.showDismissButton,
|
|
13
|
+
index = _ref.index;
|
|
16
14
|
return /*#__PURE__*/React.createElement("div", {
|
|
17
15
|
className: "pgn__checkpoint-action-row",
|
|
18
16
|
ref: ref
|
|
@@ -24,7 +22,11 @@ const CheckpointActionRow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
24
22
|
autoFocus: true,
|
|
25
23
|
className: "pgn__checkpoint-button_advance",
|
|
26
24
|
variant: "primary",
|
|
27
|
-
onClick: isLastCheckpoint ?
|
|
25
|
+
onClick: isLastCheckpoint ? function () {
|
|
26
|
+
return onEnd(index);
|
|
27
|
+
} : function () {
|
|
28
|
+
return onAdvance(index);
|
|
29
|
+
}
|
|
28
30
|
}, isLastCheckpoint ? endButtonText : advanceButtonText));
|
|
29
31
|
});
|
|
30
32
|
CheckpointActionRow.defaultProps = {
|
|
@@ -32,9 +34,9 @@ CheckpointActionRow.defaultProps = {
|
|
|
32
34
|
dismissButtonText: '',
|
|
33
35
|
endButtonText: '',
|
|
34
36
|
isLastCheckpoint: false,
|
|
35
|
-
onAdvance: ()
|
|
36
|
-
onDismiss: ()
|
|
37
|
-
onEnd: ()
|
|
37
|
+
onAdvance: function onAdvance() {},
|
|
38
|
+
onDismiss: function onDismiss() {},
|
|
39
|
+
onEnd: function onEnd() {},
|
|
38
40
|
showDismissButton: undefined,
|
|
39
41
|
index: 0
|
|
40
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckpointActionRow.js","names":["React","PropTypes","Button","CheckpointActionRow","forwardRef","_ref","ref","advanceButtonText","dismissButtonText","endButtonText","isLastCheckpoint","onAdvance","onDismiss","onEnd","showDismissButton","index","createElement","className","undefined","variant","onClick","autoFocus","defaultProps","propTypes","node","bool","func","number"],"sources":["../../src/ProductTour/CheckpointActionRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nconst CheckpointActionRow = React.forwardRef(({\n advanceButtonText,\n dismissButtonText,\n endButtonText,\n isLastCheckpoint,\n onAdvance,\n onDismiss,\n onEnd,\n showDismissButton,\n index,\n}, ref) => (\n <div className=\"pgn__checkpoint-action-row\" ref={ref}>\n {(showDismissButton === undefined ? !isLastCheckpoint : showDismissButton) && (\n <Button\n variant=\"tertiary\"\n className=\"pgn__checkpoint-button_dismiss\"\n onClick={onDismiss}\n >\n {dismissButtonText}\n </Button>\n )}\n <Button\n autoFocus\n className=\"pgn__checkpoint-button_advance\"\n variant=\"primary\"\n onClick={isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)}\n >\n {isLastCheckpoint ? endButtonText : advanceButtonText}\n </Button>\n </div>\n));\n\nCheckpointActionRow.defaultProps = {\n advanceButtonText: '',\n dismissButtonText: '',\n endButtonText: '',\n isLastCheckpoint: false,\n onAdvance: () => {},\n onDismiss: () => {},\n onEnd: () => {},\n showDismissButton: undefined,\n index: 0,\n};\n\nCheckpointActionRow.propTypes = {\n /** The text displayed on the button used to advance the tour. */\n advanceButtonText: PropTypes.node,\n /** The text displayed on the button used to dismiss the tour. */\n dismissButtonText: PropTypes.node,\n /** The text displayed on the button used to end the tour. */\n endButtonText: PropTypes.node,\n /** Whether the parent Checkpoint is the last in the tour. */\n isLastCheckpoint: PropTypes.bool,\n /** A function that runs when triggering the `onClick` event of the advance button. */\n onAdvance: PropTypes.func,\n /** A function that runs when triggering the `onClick` event of the dismiss button. */\n onDismiss: PropTypes.func,\n /** A function that runs when triggering the `onClick` event of the advance button if isLastCheckpoint is true. */\n onEnd: PropTypes.func,\n /** Enforces visibility of the dismiss button under all circumstances */\n showDismissButton: PropTypes.bool,\n /** Allows visibility of last index value for onEnd checkpoint compatibility */\n index: PropTypes.number,\n};\n\nexport default CheckpointActionRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,
|
|
1
|
+
{"version":3,"file":"CheckpointActionRow.js","names":["React","PropTypes","Button","CheckpointActionRow","forwardRef","_ref","ref","advanceButtonText","dismissButtonText","endButtonText","isLastCheckpoint","onAdvance","onDismiss","onEnd","showDismissButton","index","createElement","className","undefined","variant","onClick","autoFocus","defaultProps","propTypes","node","bool","func","number"],"sources":["../../src/ProductTour/CheckpointActionRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nconst CheckpointActionRow = React.forwardRef(({\n advanceButtonText,\n dismissButtonText,\n endButtonText,\n isLastCheckpoint,\n onAdvance,\n onDismiss,\n onEnd,\n showDismissButton,\n index,\n}, ref) => (\n <div className=\"pgn__checkpoint-action-row\" ref={ref}>\n {(showDismissButton === undefined ? !isLastCheckpoint : showDismissButton) && (\n <Button\n variant=\"tertiary\"\n className=\"pgn__checkpoint-button_dismiss\"\n onClick={onDismiss}\n >\n {dismissButtonText}\n </Button>\n )}\n <Button\n autoFocus\n className=\"pgn__checkpoint-button_advance\"\n variant=\"primary\"\n onClick={isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)}\n >\n {isLastCheckpoint ? endButtonText : advanceButtonText}\n </Button>\n </div>\n));\n\nCheckpointActionRow.defaultProps = {\n advanceButtonText: '',\n dismissButtonText: '',\n endButtonText: '',\n isLastCheckpoint: false,\n onAdvance: () => {},\n onDismiss: () => {},\n onEnd: () => {},\n showDismissButton: undefined,\n index: 0,\n};\n\nCheckpointActionRow.propTypes = {\n /** The text displayed on the button used to advance the tour. */\n advanceButtonText: PropTypes.node,\n /** The text displayed on the button used to dismiss the tour. */\n dismissButtonText: PropTypes.node,\n /** The text displayed on the button used to end the tour. */\n endButtonText: PropTypes.node,\n /** Whether the parent Checkpoint is the last in the tour. */\n isLastCheckpoint: PropTypes.bool,\n /** A function that runs when triggering the `onClick` event of the advance button. */\n onAdvance: PropTypes.func,\n /** A function that runs when triggering the `onClick` event of the dismiss button. */\n onDismiss: PropTypes.func,\n /** A function that runs when triggering the `onClick` event of the advance button if isLastCheckpoint is true. */\n onEnd: PropTypes.func,\n /** Enforces visibility of the dismiss button under all circumstances */\n showDismissButton: PropTypes.bool,\n /** Allows visibility of last index value for onEnd checkpoint compatibility */\n index: PropTypes.number,\n};\n\nexport default CheckpointActionRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,mBAAmB,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAU1CC,GAAG;EAAA,IATJC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IACjBC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;IACjBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;IAChBC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,iBAAiB,GAAAT,IAAA,CAAjBS,iBAAiB;IACjBC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAAA,oBAELf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC,4BAA4B;IAACX,GAAG,EAAEA;EAAI,GAClD,CAACQ,iBAAiB,KAAKI,SAAS,GAAG,CAACR,gBAAgB,GAAGI,iBAAiB,kBACvEd,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLiB,OAAO,EAAC,UAAU;IAClBF,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAER;EAAU,GAElBJ,iBACK,CACT,eACDR,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLmB,SAAS;IACTJ,SAAS,EAAC,gCAAgC;IAC1CE,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAEV,gBAAgB,GAAG;MAAA,OAAMG,KAAK,CAACE,KAAK,CAAC;IAAA,IAAG;MAAA,OAAMJ,SAAS,CAACI,KAAK,CAAC;IAAA;EAAC,GAEvEL,gBAAgB,GAAGD,aAAa,GAAGF,iBAC9B,CACL,CAAC;AAAA,CACP,CAAC;AAEFJ,mBAAmB,CAACmB,YAAY,GAAG;EACjCf,iBAAiB,EAAE,EAAE;EACrBC,iBAAiB,EAAE,EAAE;EACrBC,aAAa,EAAE,EAAE;EACjBC,gBAAgB,EAAE,KAAK;EACvBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,KAAK,EAAE,SAAAA,MAAA,EAAM,CAAC,CAAC;EACfC,iBAAiB,EAAEI,SAAS;EAC5BH,KAAK,EAAE;AACT,CAAC;AAEDZ,mBAAmB,CAACoB,SAAS,GAAG;EAC9B;EACAhB,iBAAiB,EAAEN,SAAS,CAACuB,IAAI;EACjC;EACAhB,iBAAiB,EAAEP,SAAS,CAACuB,IAAI;EACjC;EACAf,aAAa,EAAER,SAAS,CAACuB,IAAI;EAC7B;EACAd,gBAAgB,EAAET,SAAS,CAACwB,IAAI;EAChC;EACAd,SAAS,EAAEV,SAAS,CAACyB,IAAI;EACzB;EACAd,SAAS,EAAEX,SAAS,CAACyB,IAAI;EACzB;EACAb,KAAK,EAAEZ,SAAS,CAACyB,IAAI;EACrB;EACAZ,iBAAiB,EAAEb,SAAS,CAACwB,IAAI;EACjC;EACAV,KAAK,EAAEd,SAAS,CAAC0B;AACnB,CAAC;AAED,eAAexB,mBAAmB"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
children
|
|
6
|
-
} = _ref;
|
|
3
|
+
var CheckpointBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
4
|
+
var children = _ref.children;
|
|
7
5
|
if (!children) {
|
|
8
6
|
return null;
|
|
9
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckpointBody.js","names":["React","PropTypes","CheckpointBody","forwardRef","_ref","ref","children","createElement","className","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBody = React.forwardRef(({ children }, ref) => {\n if (!children) {\n return null;\n }\n\n return (\n <div className=\"pgn__checkpoint-body\" ref={ref}>\n {children}\n </div>\n );\n});\n\nCheckpointBody.defaultProps = {\n children: null,\n};\n\nCheckpointBody.propTypes = {\n children: PropTypes.node,\n};\n\nexport default CheckpointBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,
|
|
1
|
+
{"version":3,"file":"CheckpointBody.js","names":["React","PropTypes","CheckpointBody","forwardRef","_ref","ref","children","createElement","className","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBody = React.forwardRef(({ children }, ref) => {\n if (!children) {\n return null;\n }\n\n return (\n <div className=\"pgn__checkpoint-body\" ref={ref}>\n {children}\n </div>\n );\n});\n\nCheckpointBody.defaultProps = {\n children: null,\n};\n\nCheckpointBody.propTypes = {\n children: PropTypes.node,\n};\n\nexport default CheckpointBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAeC,GAAG,EAAK;EAAA,IAApBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjD,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC,sBAAsB;IAACH,GAAG,EAAEA;EAAI,GAC5CC,QACE,CAAC;AAEV,CAAC,CAAC;AAEFJ,cAAc,CAACO,YAAY,GAAG;EAC5BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,cAAc,CAACQ,SAAS,GAAG;EACzBJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,cAAc"}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
totalCheckpoints
|
|
7
|
-
} = _ref;
|
|
3
|
+
var CheckpointBreadcrumbs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
4
|
+
var currentIndex = _ref.currentIndex,
|
|
5
|
+
totalCheckpoints = _ref.totalCheckpoints;
|
|
8
6
|
if (totalCheckpoints === 1) {
|
|
9
7
|
return null;
|
|
10
8
|
}
|
|
11
9
|
return /*#__PURE__*/React.createElement("span", {
|
|
12
10
|
className: "pgn__checkpoint-breadcrumb-container",
|
|
13
11
|
ref: ref
|
|
14
|
-
}, new Array(totalCheckpoints).fill(0).map((v, i)
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
12
|
+
}, new Array(totalCheckpoints).fill(0).map(function (v, i) {
|
|
13
|
+
return i === currentIndex ? /*#__PURE__*/React.createElement("span", {
|
|
14
|
+
/* eslint-disable-next-line react/no-array-index-key */
|
|
15
|
+
key: i,
|
|
16
|
+
className: "pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active",
|
|
17
|
+
"data-testid": "pgn__checkpoint-breadcrumb_active"
|
|
18
|
+
}) : /*#__PURE__*/React.createElement("span", {
|
|
19
|
+
/* eslint-disable-next-line react/no-array-index-key */
|
|
20
|
+
key: i,
|
|
21
|
+
className: "pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive",
|
|
22
|
+
"data-testid": "pgn__checkpoint-breadcrumb_inactive"
|
|
23
|
+
});
|
|
24
|
+
}));
|
|
25
25
|
});
|
|
26
26
|
CheckpointBreadcrumbs.defaultProps = {
|
|
27
27
|
currentIndex: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckpointBreadcrumbs.js","names":["React","PropTypes","CheckpointBreadcrumbs","forwardRef","_ref","ref","currentIndex","totalCheckpoints","createElement","className","Array","fill","map","v","i","key","defaultProps","propTypes","number"],"sources":["../../src/ProductTour/CheckpointBreadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBreadcrumbs = React.forwardRef(({ currentIndex, totalCheckpoints }, ref) => {\n if (totalCheckpoints === 1) {\n return null;\n }\n return (\n <span className=\"pgn__checkpoint-breadcrumb-container\" ref={ref}>\n {new Array(totalCheckpoints).fill(0).map((v, i) => (\n i === currentIndex\n ? (\n <span\n /* eslint-disable-next-line react/no-array-index-key */\n key={i}\n className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active\"\n data-testid=\"pgn__checkpoint-breadcrumb_active\"\n />\n )\n : (\n <span\n /* eslint-disable-next-line react/no-array-index-key */\n key={i}\n className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive\"\n data-testid=\"pgn__checkpoint-breadcrumb_inactive\"\n />\n )\n ))}\n </span>\n );\n});\n\nCheckpointBreadcrumbs.defaultProps = {\n currentIndex: null,\n totalCheckpoints: null,\n};\n\nCheckpointBreadcrumbs.propTypes = {\n /** The current index of the parent Checkpoint within the tour. */\n currentIndex: PropTypes.number,\n /** The total number of Checkpoints within the tour. */\n totalCheckpoints: PropTypes.number,\n};\n\nexport default CheckpointBreadcrumbs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,
|
|
1
|
+
{"version":3,"file":"CheckpointBreadcrumbs.js","names":["React","PropTypes","CheckpointBreadcrumbs","forwardRef","_ref","ref","currentIndex","totalCheckpoints","createElement","className","Array","fill","map","v","i","key","defaultProps","propTypes","number"],"sources":["../../src/ProductTour/CheckpointBreadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBreadcrumbs = React.forwardRef(({ currentIndex, totalCheckpoints }, ref) => {\n if (totalCheckpoints === 1) {\n return null;\n }\n return (\n <span className=\"pgn__checkpoint-breadcrumb-container\" ref={ref}>\n {new Array(totalCheckpoints).fill(0).map((v, i) => (\n i === currentIndex\n ? (\n <span\n /* eslint-disable-next-line react/no-array-index-key */\n key={i}\n className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active\"\n data-testid=\"pgn__checkpoint-breadcrumb_active\"\n />\n )\n : (\n <span\n /* eslint-disable-next-line react/no-array-index-key */\n key={i}\n className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive\"\n data-testid=\"pgn__checkpoint-breadcrumb_inactive\"\n />\n )\n ))}\n </span>\n );\n});\n\nCheckpointBreadcrumbs.defaultProps = {\n currentIndex: null,\n totalCheckpoints: null,\n};\n\nCheckpointBreadcrumbs.propTypes = {\n /** The current index of the parent Checkpoint within the tour. */\n currentIndex: PropTypes.number,\n /** The total number of Checkpoints within the tour. */\n totalCheckpoints: PropTypes.number,\n};\n\nexport default CheckpointBreadcrumbs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,qBAAqB,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAqCC,GAAG,EAAK;EAAA,IAA1CC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;EAC9E,IAAIA,gBAAgB,KAAK,CAAC,EAAE;IAC1B,OAAO,IAAI;EACb;EACA,oBACEP,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC,sCAAsC;IAACJ,GAAG,EAAEA;EAAI,GAC7D,IAAIK,KAAK,CAACH,gBAAgB,CAAC,CAACI,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;IAAA,OAC5CA,CAAC,KAAKR,YAAY,gBAEdN,KAAA,CAAAQ,aAAA;MACE;MACAO,GAAG,EAAED,CAAE;MACPL,SAAS,EAAC,8DAA8D;MACxE,eAAY;IAAmC,CAChD,CAAC,gBAGFT,KAAA,CAAAQ,aAAA;MACE;MACAO,GAAG,EAAED,CAAE;MACPL,SAAS,EAAC,gEAAgE;MAC1E,eAAY;IAAqC,CAClD,CACF;EAAA,CACJ,CACG,CAAC;AAEX,CAAC,CAAC;AAEFP,qBAAqB,CAACc,YAAY,GAAG;EACnCV,YAAY,EAAE,IAAI;EAClBC,gBAAgB,EAAE;AACpB,CAAC;AAEDL,qBAAqB,CAACe,SAAS,GAAG;EAChC;EACAX,YAAY,EAAEL,SAAS,CAACiB,MAAM;EAC9B;EACAX,gBAAgB,EAAEN,SAAS,CAACiB;AAC9B,CAAC;AAED,eAAehB,qBAAqB"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
children
|
|
6
|
-
} = _ref;
|
|
3
|
+
var CheckpointTitle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
4
|
+
var children = _ref.children;
|
|
7
5
|
return /*#__PURE__*/React.createElement("h2", {
|
|
8
6
|
id: "pgn__checkpoint-title",
|
|
9
7
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckpointTitle.js","names":["React","PropTypes","CheckpointTitle","forwardRef","_ref","ref","children","createElement","id","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointTitle = React.forwardRef(({ children }, ref) => (\n <h2 id=\"pgn__checkpoint-title\" ref={ref}>\n {children}\n </h2>\n));\n\nCheckpointTitle.defaultProps = {\n children: null,\n};\n\nCheckpointTitle.propTypes = {\n children: PropTypes.node,\n};\n\nexport default CheckpointTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,
|
|
1
|
+
{"version":3,"file":"CheckpointTitle.js","names":["React","PropTypes","CheckpointTitle","forwardRef","_ref","ref","children","createElement","id","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointTitle = React.forwardRef(({ children }, ref) => (\n <h2 id=\"pgn__checkpoint-title\" ref={ref}>\n {children}\n </h2>\n));\n\nCheckpointTitle.defaultProps = {\n children: null,\n};\n\nCheckpointTitle.propTypes = {\n children: PropTypes.node,\n};\n\nexport default CheckpointTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,eAAe,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAeC,GAAG;EAAA,IAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAClDN,KAAA,CAAAO,aAAA;IAAIC,EAAE,EAAC,uBAAuB;IAACH,GAAG,EAAEA;EAAI,GACrCC,QACC,CAAC;AAAA,CACN,CAAC;AAEFJ,eAAe,CAACO,YAAY,GAAG;EAC7BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,eAAe,CAACQ,SAAS,GAAG;EAC1BJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,eAAe"}
|