@openedx/paragon 21.12.1 → 21.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionRow/index.js +7 -8
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/index.js +33 -25
- package/dist/Alert/index.js.map +1 -1
- package/dist/Annotation/index.js +7 -9
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Avatar/index.js +5 -7
- package/dist/Avatar/index.js.map +1 -1
- package/dist/AvatarButton/index.js +10 -12
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/Badge/index.js +6 -4
- package/dist/Badge/index.js.map +1 -1
- package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/index.js +29 -29
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Bubble/index.js +11 -13
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Button/deprecated/index.js +87 -66
- package/dist/Button/deprecated/index.js.map +1 -1
- package/dist/Button/index.js +10 -11
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/CardBody.js +4 -6
- package/dist/Card/CardBody.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarousel.js +11 -13
- package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
- package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
- package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
- package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
- package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/Card/CardContext.js +8 -10
- package/dist/Card/CardContext.js.map +1 -1
- package/dist/Card/CardDeck.js +19 -17
- package/dist/Card/CardDeck.js.map +1 -1
- package/dist/Card/CardDivider.js +3 -5
- package/dist/Card/CardDivider.js.map +1 -1
- package/dist/Card/CardFooter.js +15 -18
- package/dist/Card/CardFooter.js.map +1 -1
- package/dist/Card/CardGrid.js +13 -11
- package/dist/Card/CardGrid.js.map +1 -1
- package/dist/Card/CardHeader.js +17 -22
- package/dist/Card/CardHeader.js.map +1 -1
- package/dist/Card/CardImageCap.js +48 -33
- package/dist/Card/CardImageCap.js.map +1 -1
- package/dist/Card/CardSection.js +11 -14
- package/dist/Card/CardSection.js.map +1 -1
- package/dist/Card/CardStatus.js +11 -14
- package/dist/Card/CardStatus.js.map +1 -1
- package/dist/Card/index.js +18 -20
- package/dist/Card/index.js.map +1 -1
- package/dist/Carousel/index.js +17 -11
- package/dist/Carousel/index.js.map +1 -1
- package/dist/CheckBox/index.js +66 -36
- package/dist/CheckBox/index.js.map +1 -1
- package/dist/Chip/index.js +14 -16
- package/dist/Chip/index.js.map +1 -1
- package/dist/ChipCarousel/index.js +29 -30
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
- package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
- package/dist/Collapsible/CollapsibleBody.js +13 -15
- package/dist/Collapsible/CollapsibleBody.js.map +1 -1
- package/dist/Collapsible/CollapsibleTrigger.js +18 -20
- package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/Collapsible/CollapsibleVisible.js +6 -9
- package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
- package/dist/Collapsible/index.js +17 -18
- package/dist/Collapsible/index.js.map +1 -1
- package/dist/ColorPicker/index.js +58 -33
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/Container/index.js +8 -9
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/ActionDisplay.js +8 -9
- package/dist/DataTable/ActionDisplay.js.map +1 -1
- package/dist/DataTable/BulkActions.js +23 -20
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +46 -43
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +57 -39
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/DataTableContext.js +1 -1
- package/dist/DataTable/DataTableContext.js.map +1 -1
- package/dist/DataTable/DataTableLayout.js +6 -9
- package/dist/DataTable/DataTableLayout.js.map +1 -1
- package/dist/DataTable/DataViewToggle.js +25 -20
- package/dist/DataTable/DataViewToggle.js.map +1 -1
- package/dist/DataTable/DropdownFilters.js +41 -28
- package/dist/DataTable/DropdownFilters.js.map +1 -1
- package/dist/DataTable/EmptyTable.js +6 -9
- package/dist/DataTable/EmptyTable.js.map +1 -1
- package/dist/DataTable/ExpandAll.js +2 -4
- package/dist/DataTable/ExpandAll.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +2 -4
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/FilterStatus.js +18 -17
- package/dist/DataTable/FilterStatus.js.map +1 -1
- package/dist/DataTable/RowStatus.js +15 -18
- package/dist/DataTable/RowStatus.js.map +1 -1
- package/dist/DataTable/SidebarFilters.js +16 -13
- package/dist/DataTable/SidebarFilters.js.map +1 -1
- package/dist/DataTable/SmartStatus.js +14 -16
- package/dist/DataTable/SmartStatus.js.map +1 -1
- package/dist/DataTable/Table.js +17 -19
- package/dist/DataTable/Table.js.map +1 -1
- package/dist/DataTable/TableActions.js +11 -13
- package/dist/DataTable/TableActions.js.map +1 -1
- package/dist/DataTable/TableCell.js +6 -10
- package/dist/DataTable/TableCell.js.map +1 -1
- package/dist/DataTable/TableControlBar.js +7 -12
- package/dist/DataTable/TableControlBar.js.map +1 -1
- package/dist/DataTable/TableFilters.js +14 -12
- package/dist/DataTable/TableFilters.js.map +1 -1
- package/dist/DataTable/TableFooter.js +5 -8
- package/dist/DataTable/TableFooter.js.map +1 -1
- package/dist/DataTable/TableHeaderCell.js +11 -15
- package/dist/DataTable/TableHeaderCell.js.map +1 -1
- package/dist/DataTable/TableHeaderRow.js +6 -4
- package/dist/DataTable/TableHeaderRow.js.map +1 -1
- package/dist/DataTable/TablePagination.js +8 -7
- package/dist/DataTable/TablePagination.js.map +1 -1
- package/dist/DataTable/TablePaginationMinimal.js +9 -8
- package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
- package/dist/DataTable/TableRow.js +15 -18
- package/dist/DataTable/TableRow.js.map +1 -1
- package/dist/DataTable/filters/CheckboxFilter.js +23 -22
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/DataTable/filters/DropdownFilter.js +14 -19
- package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +10 -13
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/hooks.js +29 -25
- package/dist/DataTable/hooks.js.map +1 -1
- package/dist/DataTable/index.js +120 -104
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
- package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelect.js +13 -9
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/SelectionStatus.js +23 -23
- package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
- package/dist/DataTable/utils/getVisibleColumns.js +36 -44
- package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownButton.js +9 -13
- package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownItem.js +7 -8
- package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownMenu.js +8 -12
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -1
- package/dist/Dropdown/deprecated/index.js +136 -103
- package/dist/Dropdown/deprecated/index.js.map +1 -1
- package/dist/Dropdown/index.js +32 -29
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropzone/DefaultContent.js +13 -13
- package/dist/Dropzone/DefaultContent.js.map +1 -1
- package/dist/Dropzone/DragError.js +1 -3
- package/dist/Dropzone/DragError.js.map +1 -1
- package/dist/Dropzone/GenericError.js +7 -7
- package/dist/Dropzone/GenericError.js.map +1 -1
- package/dist/Dropzone/UploadProgress.js +6 -8
- package/dist/Dropzone/UploadProgress.js.map +1 -1
- package/dist/Dropzone/index.js +145 -86
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Fieldset/index.js +82 -57
- package/dist/Fieldset/index.js.map +1 -1
- package/dist/Form/FormAutosuggest.js +137 -95
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +4 -6
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +35 -42
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +13 -16
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +39 -34
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +41 -35
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +3 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -10
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +12 -15
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -6
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +8 -9
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +11 -12
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +64 -39
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.js +15 -17
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +19 -22
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +13 -16
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +39 -34
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +16 -20
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +20 -29
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/useCheckboxSetValues.js +46 -23
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +25 -25
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Hyperlink/index.scss +2 -2
- package/dist/Icon/index.js +21 -20
- package/dist/Icon/index.js.map +1 -1
- package/dist/IconButton/index.js +30 -32
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButtonToggle/index.js +16 -16
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/Input/index.js +122 -92
- package/dist/Input/index.js.map +1 -1
- package/dist/InputSelect/index.js +78 -51
- package/dist/InputSelect/index.js.map +1 -1
- package/dist/InputText/index.js +11 -9
- package/dist/InputText/index.js.map +1 -1
- package/dist/Layout/index.js +33 -29
- package/dist/Layout/index.js.map +1 -1
- package/dist/ListBox/index.js +112 -80
- package/dist/ListBox/index.js.map +1 -1
- package/dist/ListBoxOption/index.js +68 -45
- package/dist/ListBoxOption/index.js.map +1 -1
- package/dist/MailtoLink/index.js +37 -34
- package/dist/MailtoLink/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +13 -14
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +68 -44
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/index.js +10 -11
- package/dist/Menu/index.js.map +1 -1
- package/dist/Modal/AlertModal.js +5 -7
- package/dist/Modal/AlertModal.js.map +1 -1
- package/dist/Modal/FullscreenModal.js +6 -8
- package/dist/Modal/FullscreenModal.js.map +1 -1
- package/dist/Modal/MarketingModal.js +8 -10
- package/dist/Modal/MarketingModal.js.map +1 -1
- package/dist/Modal/ModalCloseButton.js +13 -15
- package/dist/Modal/ModalCloseButton.js.map +1 -1
- package/dist/Modal/ModalContext.js +13 -13
- package/dist/Modal/ModalContext.js.map +1 -1
- package/dist/Modal/ModalDialog.js +22 -23
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +22 -11
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +6 -7
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +6 -7
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +6 -7
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +8 -9
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +6 -7
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +6 -7
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +11 -17
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +17 -17
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +25 -18
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/Portal.js +40 -18
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/StandardModal.js +6 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/Modal/index.js +215 -187
- package/dist/Modal/index.js.map +1 -1
- package/dist/Nav/index.js +3 -2
- package/dist/Nav/index.js.map +1 -1
- package/dist/Navbar/index.js +7 -6
- package/dist/Navbar/index.js.map +1 -1
- package/dist/OverflowScroll/OverflowScroll.js +45 -37
- package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
- package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
- package/dist/Overlay/index.js +4 -4
- package/dist/Overlay/index.js.map +1 -1
- package/dist/PageBanner/index.js +11 -13
- package/dist/PageBanner/index.js.map +1 -1
- package/dist/Pagination/index.js +331 -296
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/ProductTour/Checkpoint.js +29 -22
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/CheckpointActionRow.js +18 -16
- package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
- package/dist/ProductTour/CheckpointBody.js +2 -4
- package/dist/ProductTour/CheckpointBody.js.map +1 -1
- package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
- package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
- package/dist/ProductTour/CheckpointTitle.js +2 -4
- package/dist/ProductTour/CheckpointTitle.js.map +1 -1
- package/dist/ProductTour/index.js +66 -47
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProgressBar/index.js +37 -35
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/RadioButtonGroup/index.js +133 -102
- package/dist/RadioButtonGroup/index.js.map +1 -1
- package/dist/Scrollable/index.js +30 -15
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/SearchField/SearchFieldAdvanced.js +54 -44
- package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
- package/dist/SearchField/SearchFieldClearButton.js +7 -8
- package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
- package/dist/SearchField/SearchFieldInput.js +8 -9
- package/dist/SearchField/SearchFieldInput.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +5 -8
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SearchField/SearchFieldSubmitButton.js +12 -15
- package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
- package/dist/SearchField/index.js +22 -22
- package/dist/SearchField/index.js.map +1 -1
- package/dist/SelectableBox/SelectableBoxSet.js +25 -26
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/index.js +42 -38
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/Sheet/SheetContainer.js +38 -16
- package/dist/Sheet/SheetContainer.js.map +1 -1
- package/dist/Sheet/index.js +65 -43
- package/dist/Sheet/index.js.map +1 -1
- package/dist/Spinner/index.js +8 -9
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Stack/index.js +9 -11
- package/dist/Stack/index.js.map +1 -1
- package/dist/StatefulButton/index.js +15 -17
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/StatusAlert/index.js +120 -82
- package/dist/StatusAlert/index.js.map +1 -1
- package/dist/Stepper/Stepper.js +2 -4
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/StepperActionRow.js +7 -10
- package/dist/Stepper/StepperActionRow.js.map +1 -1
- package/dist/Stepper/StepperContext.js +64 -32
- package/dist/Stepper/StepperContext.js.map +1 -1
- package/dist/Stepper/StepperHeader.js +23 -30
- package/dist/Stepper/StepperHeader.js.map +1 -1
- package/dist/Stepper/StepperHeaderStep.js +14 -17
- package/dist/Stepper/StepperHeaderStep.js.map +1 -1
- package/dist/Stepper/StepperStep.js +23 -24
- package/dist/Stepper/StepperStep.js.map +1 -1
- package/dist/Sticky/index.js +30 -22
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Table/index.js +178 -109
- package/dist/Table/index.js.map +1 -1
- package/dist/Tabs/deprecated/index.js +99 -66
- package/dist/Tabs/deprecated/index.js.map +1 -1
- package/dist/Tabs/index.js +65 -49
- package/dist/Tabs/index.js.map +1 -1
- package/dist/TextArea/index.js +10 -8
- package/dist/TextArea/index.js.map +1 -1
- package/dist/Toast/ToastContainer.js +38 -16
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/index.js +33 -18
- package/dist/Toast/index.js.map +1 -1
- package/dist/Tooltip/index.js +8 -9
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
- package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
- package/dist/TransitionReplace/index.js +136 -100
- package/dist/TransitionReplace/index.js.map +1 -1
- package/dist/Truncate/index.js +30 -24
- package/dist/Truncate/index.js.map +1 -1
- package/dist/ValidationFormGroup/index.js +38 -37
- package/dist/ValidationFormGroup/index.js.map +1 -1
- package/dist/ValidationMessage/index.js +76 -51
- package/dist/ValidationMessage/index.js.map +1 -1
- package/dist/asInput/index.js +251 -202
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigation.js +46 -43
- package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
- package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
- package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
- package/dist/hooks/useIsVisible.js +20 -13
- package/dist/hooks/useIsVisible.js.map +1 -1
- package/dist/hooks/useToggle.js +18 -11
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/hooks/useWindowSize.js +17 -6
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/paragon.css +1 -1
- package/dist/withDeprecatedProps.js +79 -58
- package/dist/withDeprecatedProps.js.map +1 -1
- package/package.json +1 -5
- package/src/Button/index.jsx +2 -2
- package/src/Dropzone/index.jsx +1 -1
- package/src/Hyperlink/index.scss +2 -2
- package/src/Icon/index.jsx +1 -1
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +12 -10
- package/src/IconButton/index.jsx +1 -1
- package/src/Menu/MenuItem.jsx +2 -2
- package/src/Overlay/README.md +1 -1
- package/src/Overlay/index.jsx +1 -1
package/dist/ActionRow/index.js
CHANGED
|
@@ -1,20 +1,19 @@
|
|
|
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 = ["as", "isStacked", "children"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
10
|
import React from 'react';
|
|
10
11
|
import PropTypes from 'prop-types';
|
|
11
12
|
import classNames from 'classnames';
|
|
12
13
|
function ActionRow(_ref) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
children
|
|
17
|
-
} = _ref,
|
|
14
|
+
var as = _ref.as,
|
|
15
|
+
isStacked = _ref.isStacked,
|
|
16
|
+
children = _ref.children,
|
|
18
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
18
|
return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
|
|
20
19
|
className: classNames(props.className, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","ActionRow","_ref","as","isStacked","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","string","node","bool","defaultProps","undefined","ActionRowSpacer","Spacer"],"sources":["../../src/ActionRow/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ActionRow({\n as,\n isStacked,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames(props.className, {\n 'pgn__action-row': !isStacked,\n 'pgn__action-row-stacked': isStacked,\n }),\n },\n children,\n );\n}\n\nActionRow.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** Specifies the contents of the row */\n children: PropTypes.node,\n /** Specifies whether row should be displayed horizontally */\n isStacked: PropTypes.bool,\n};\n\nActionRow.defaultProps = {\n as: 'div',\n className: undefined,\n children: null,\n isStacked: false,\n};\n\nfunction ActionRowSpacer() {\n return <span className=\"pgn__action-row-spacer\" />;\n}\n\nActionRow.Spacer = ActionRowSpacer;\n\nexport { ActionRowSpacer };\nexport default ActionRow;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","ActionRow","_ref","as","isStacked","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","string","node","bool","defaultProps","undefined","ActionRowSpacer","Spacer"],"sources":["../../src/ActionRow/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ActionRow({\n as,\n isStacked,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames(props.className, {\n 'pgn__action-row': !isStacked,\n 'pgn__action-row-stacked': isStacked,\n }),\n },\n children,\n );\n}\n\nActionRow.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** Specifies the contents of the row */\n children: PropTypes.node,\n /** Specifies whether row should be displayed horizontally */\n isStacked: PropTypes.bool,\n};\n\nActionRow.defaultProps = {\n as: 'div',\n className: undefined,\n children: null,\n isStacked: false,\n};\n\nfunction ActionRowSpacer() {\n return <span className=\"pgn__action-row-spacer\" />;\n}\n\nActionRow.Spacer = ActionRowSpacer;\n\nexport { ActionRowSpacer };\nexport default ActionRow;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAAC,IAAA,EAKf;EAAA,IAJDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBAAOV,KAAK,CAACW,aAAa,CACxBN,EAAE,EAAAO,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEX,UAAU,CAACM,KAAK,CAACK,SAAS,EAAE;MACrC,iBAAiB,EAAE,CAACP,SAAS;MAC7B,yBAAyB,EAAEA;IAC7B,CAAC;EAAC,IAEJC,QACF,CAAC;AACH;AAEAJ,SAAS,CAACW,SAAS,GAAG;EACpB;EACAT,EAAE,EAAEJ,SAAS,CAACc,WAAW;EACzB;EACAF,SAAS,EAAEZ,SAAS,CAACe,MAAM;EAC3B;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxB;EACAX,SAAS,EAAEL,SAAS,CAACiB;AACvB,CAAC;AAEDf,SAAS,CAACgB,YAAY,GAAG;EACvBd,EAAE,EAAE,KAAK;EACTQ,SAAS,EAAEO,SAAS;EACpBb,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAE;AACb,CAAC;AAED,SAASe,eAAeA,CAAA,EAAG;EACzB,oBAAOrB,KAAA,CAAAW,aAAA;IAAME,SAAS,EAAC;EAAwB,CAAE,CAAC;AACpD;AAEAV,SAAS,CAACmB,MAAM,GAAGD,eAAe;AAElC,SAASA,eAAe;AACxB,eAAelB,SAAS"}
|
package/dist/Alert/index.js
CHANGED
|
@@ -1,10 +1,17 @@
|
|
|
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", "icon", "actions", "dismissible", "onClose", "closeLabel", "stacked"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
function _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); }
|
|
9
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
+
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."); }
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
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; } }
|
|
14
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
15
|
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
16
|
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
17
|
import React, { useCallback, useEffect, useState } from 'react';
|
|
@@ -18,32 +25,33 @@ import Icon from '../Icon';
|
|
|
18
25
|
import breakpoints from '../utils/breakpoints';
|
|
19
26
|
import Button from '../Button';
|
|
20
27
|
import ActionRow from '../ActionRow';
|
|
21
|
-
export
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
stacked
|
|
31
|
-
} = _ref,
|
|
28
|
+
export var ALERT_CLOSE_LABEL_TEXT = 'Dismiss';
|
|
29
|
+
var Alert = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
30
|
+
var children = _ref.children,
|
|
31
|
+
icon = _ref.icon,
|
|
32
|
+
actions = _ref.actions,
|
|
33
|
+
dismissible = _ref.dismissible,
|
|
34
|
+
onClose = _ref.onClose,
|
|
35
|
+
closeLabel = _ref.closeLabel,
|
|
36
|
+
stacked = _ref.stacked,
|
|
32
37
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
|
|
34
|
-
|
|
38
|
+
var _useState = useState(stacked),
|
|
39
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
+
isStacked = _useState2[0],
|
|
41
|
+
setIsStacked = _useState2[1];
|
|
42
|
+
var isExtraSmall = useMediaQuery({
|
|
35
43
|
maxWidth: breakpoints.extraSmall.maxWidth
|
|
36
44
|
});
|
|
37
|
-
|
|
38
|
-
useEffect(()
|
|
45
|
+
var actionButtonSize = 'sm';
|
|
46
|
+
useEffect(function () {
|
|
39
47
|
if (isExtraSmall) {
|
|
40
48
|
setIsStacked(true);
|
|
41
49
|
} else {
|
|
42
50
|
setIsStacked(stacked);
|
|
43
51
|
}
|
|
44
52
|
}, [isExtraSmall, stacked]);
|
|
45
|
-
|
|
46
|
-
|
|
53
|
+
var cloneActionElement = useCallback(function (Action) {
|
|
54
|
+
var addtlActionProps = {
|
|
47
55
|
size: actionButtonSize,
|
|
48
56
|
key: Action.props.children
|
|
49
57
|
};
|
|
@@ -62,7 +70,7 @@ const Alert = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
62
70
|
})
|
|
63
71
|
}, /*#__PURE__*/React.createElement("div", {
|
|
64
72
|
className: "alert-message-content"
|
|
65
|
-
}, children), (dismissible || actions
|
|
73
|
+
}, children), (dismissible || (actions === null || actions === void 0 ? void 0 : actions.length) > 0) && /*#__PURE__*/React.createElement(ActionRow, {
|
|
66
74
|
className: "pgn__alert-actions"
|
|
67
75
|
}, /*#__PURE__*/React.createElement(ActionRow.Spacer, null), dismissible && /*#__PURE__*/React.createElement(Button, {
|
|
68
76
|
size: actionButtonSize,
|
|
@@ -78,7 +86,7 @@ const Alert = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
78
86
|
// This is needed to display a default prop for Alert.Heading element
|
|
79
87
|
// Copied from react-bootstrap since BaseAlert.Heading component doesn't have defaultProps,
|
|
80
88
|
// so there seems to be no other way of providing correct default prop for base element
|
|
81
|
-
|
|
89
|
+
var DivStyledAsH4 = divWithClassName('h4');
|
|
82
90
|
DivStyledAsH4.displayName = 'DivStyledAsH4';
|
|
83
91
|
function AlertHeading(props) {
|
|
84
92
|
return /*#__PURE__*/React.createElement(BaseAlert.Heading, props);
|
|
@@ -86,7 +94,7 @@ function AlertHeading(props) {
|
|
|
86
94
|
function AlertLink(props) {
|
|
87
95
|
return /*#__PURE__*/React.createElement(BaseAlert.Link, props);
|
|
88
96
|
}
|
|
89
|
-
|
|
97
|
+
var commonPropTypes = {
|
|
90
98
|
/** Specifies the base element */
|
|
91
99
|
as: PropTypes.elementType,
|
|
92
100
|
/** Overrides underlying component base CSS class name */
|
|
@@ -114,7 +122,7 @@ Alert.propTypes = _objectSpread(_objectSpread({}, BaseAlert.propTypes), {}, {
|
|
|
114
122
|
* more detailed customization is also provided.
|
|
115
123
|
*/
|
|
116
124
|
transition: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
|
|
117
|
-
in: PropTypes.bool,
|
|
125
|
+
"in": PropTypes.bool,
|
|
118
126
|
appear: PropTypes.bool,
|
|
119
127
|
children: PropTypes.node,
|
|
120
128
|
onEnter: PropTypes.func,
|
|
@@ -146,7 +154,7 @@ Alert.defaultProps = _objectSpread(_objectSpread({}, BaseAlert.defaultProps), {}
|
|
|
146
154
|
icon: undefined,
|
|
147
155
|
actions: undefined,
|
|
148
156
|
dismissible: false,
|
|
149
|
-
onClose: ()
|
|
157
|
+
onClose: function onClose() {},
|
|
150
158
|
closeLabel: undefined,
|
|
151
159
|
show: true,
|
|
152
160
|
stacked: false
|
package/dist/Alert/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","PropTypes","classNames","BaseAlert","divWithClassName","FormattedMessage","useMediaQuery","Icon","breakpoints","Button","ActionRow","ALERT_CLOSE_LABEL_TEXT","Alert","forwardRef","_ref","ref","children","icon","actions","dismissible","onClose","closeLabel","stacked","props","_objectWithoutProperties","_excluded","isStacked","setIsStacked","isExtraSmall","maxWidth","extraSmall","actionButtonSize","cloneActionElement","Action","addtlActionProps","size","key","cloneElement","createElement","_extends","className","src","length","Spacer","variant","onClick","id","defaultMessage","description","map","DivStyledAsH4","displayName","AlertHeading","Heading","AlertLink","Link","commonPropTypes","as","elementType","bsPrefix","string","propTypes","defaultProps","_objectSpread","oneOf","transition","oneOfType","bool","shape","in","appear","node","onEnter","func","onEntered","onEntering","onExit","onExited","onExiting","show","arrayOf","element","undefined"],"sources":["../../src/Alert/index.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseAlert from 'react-bootstrap/Alert';\nimport divWithClassName from 'react-bootstrap/divWithClassName';\nimport { FormattedMessage } from 'react-intl';\nimport { useMediaQuery } from 'react-responsive';\nimport Icon from '../Icon';\nimport breakpoints from '../utils/breakpoints';\nimport Button from '../Button';\nimport ActionRow from '../ActionRow';\n\nexport const ALERT_CLOSE_LABEL_TEXT = 'Dismiss';\n\nconst Alert = React.forwardRef(({\n children,\n icon,\n actions,\n dismissible,\n onClose,\n closeLabel,\n stacked,\n ...props\n}, ref) => {\n const [isStacked, setIsStacked] = useState(stacked);\n const isExtraSmall = useMediaQuery({ maxWidth: breakpoints.extraSmall.maxWidth });\n const actionButtonSize = 'sm';\n\n useEffect(() => {\n if (isExtraSmall) {\n setIsStacked(true);\n } else {\n setIsStacked(stacked);\n }\n }, [isExtraSmall, stacked]);\n\n const cloneActionElement = useCallback(\n (Action) => {\n const addtlActionProps = { size: actionButtonSize, key: Action.props.children };\n return React.cloneElement(Action, addtlActionProps);\n },\n [],\n );\n\n return (\n <BaseAlert\n {...props}\n className={classNames('alert-content', props.className)}\n ref={ref}\n >\n {icon && <Icon src={icon} className=\"alert-icon\" />}\n <div\n className={classNames({\n 'pgn__alert-message-wrapper': !isStacked,\n 'pgn__alert-message-wrapper-stacked': isStacked,\n })}\n >\n <div className=\"alert-message-content\">\n {children}\n </div>\n {(dismissible || actions?.length > 0) && (\n <ActionRow className=\"pgn__alert-actions\">\n <ActionRow.Spacer />\n {dismissible && (\n <Button\n size={actionButtonSize}\n variant=\"tertiary\"\n onClick={onClose}\n >\n {closeLabel || (\n <FormattedMessage\n id=\"pgn.Alert.closeLabel\"\n defaultMessage=\"Dismiss\"\n description=\"Label of a close button on Alert component\"\n />\n )}\n </Button>\n )}\n {actions && actions.map(cloneActionElement)}\n </ActionRow>\n )}\n </div>\n </BaseAlert>\n );\n});\n\n// This is needed to display a default prop for Alert.Heading element\n// Copied from react-bootstrap since BaseAlert.Heading component doesn't have defaultProps,\n// so there seems to be no other way of providing correct default prop for base element\nconst DivStyledAsH4 = divWithClassName('h4');\nDivStyledAsH4.displayName = 'DivStyledAsH4';\n\nfunction AlertHeading(props) {\n return <BaseAlert.Heading {...props} />;\n}\nfunction AlertLink(props) {\n return <BaseAlert.Link {...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\nAlertLink.propTypes = commonPropTypes;\nAlertHeading.propTypes = commonPropTypes;\n\nAlertLink.defaultProps = {\n as: 'a',\n bsPrefix: 'alert-link',\n};\n\nAlertHeading.defaultProps = {\n as: DivStyledAsH4,\n bsPrefix: 'alert-heading',\n};\n\nAlert.propTypes = {\n ...BaseAlert.propTypes,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** Overrides underlying component base CSS class name */\n bsPrefix: PropTypes.string,\n /** Specifies variant to use. */\n variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light']),\n /**\n * Animate the entering and exiting of the Alert. `true` will use the `<Fade>` transition,\n * more detailed customization is also provided.\n */\n transition: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({\n in: PropTypes.bool,\n appear: PropTypes.bool,\n children: PropTypes.node,\n onEnter: PropTypes.func,\n onEntered: PropTypes.func,\n onEntering: PropTypes.func,\n onExit: PropTypes.func,\n onExited: PropTypes.func,\n onExiting: PropTypes.func,\n })]),\n /** Docstring for the children prop */\n children: PropTypes.node,\n /** Docstring for the icon prop... Icon that will be shown in the alert */\n icon: PropTypes.func,\n /** Whether the alert is shown. */\n show: PropTypes.bool,\n /** Whether the alert is dismissible. Defaults to true. */\n dismissible: PropTypes.bool,\n /** Optional callback function for when the alert it dismissed. */\n onClose: PropTypes.func,\n /** Optional list of action elements. May include, at most, 2 actions, or 1 if dismissible is true. */\n actions: PropTypes.arrayOf(PropTypes.element),\n /** Position of the dismiss and call-to-action buttons. Defaults to ``false``. */\n stacked: PropTypes.bool,\n /** Sets the text for alert close button, defaults to 'Dismiss'. */\n closeLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nAlert.defaultProps = {\n ...BaseAlert.defaultProps,\n children: undefined,\n icon: undefined,\n actions: undefined,\n dismissible: false,\n onClose: () => {},\n closeLabel: undefined,\n show: true,\n stacked: false,\n};\n\nAlert.Heading = AlertHeading;\nAlert.Link = AlertLink;\n\nexport default Alert;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","PropTypes","classNames","BaseAlert","divWithClassName","FormattedMessage","useMediaQuery","Icon","breakpoints","Button","ActionRow","ALERT_CLOSE_LABEL_TEXT","Alert","forwardRef","_ref","ref","children","icon","actions","dismissible","onClose","closeLabel","stacked","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isStacked","setIsStacked","isExtraSmall","maxWidth","extraSmall","actionButtonSize","cloneActionElement","Action","addtlActionProps","size","key","cloneElement","createElement","_extends","className","src","length","Spacer","variant","onClick","id","defaultMessage","description","map","DivStyledAsH4","displayName","AlertHeading","Heading","AlertLink","Link","commonPropTypes","as","elementType","bsPrefix","string","propTypes","defaultProps","_objectSpread","oneOf","transition","oneOfType","bool","shape","appear","node","onEnter","func","onEntered","onEntering","onExit","onExited","onExiting","show","arrayOf","element","undefined"],"sources":["../../src/Alert/index.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseAlert from 'react-bootstrap/Alert';\nimport divWithClassName from 'react-bootstrap/divWithClassName';\nimport { FormattedMessage } from 'react-intl';\nimport { useMediaQuery } from 'react-responsive';\nimport Icon from '../Icon';\nimport breakpoints from '../utils/breakpoints';\nimport Button from '../Button';\nimport ActionRow from '../ActionRow';\n\nexport const ALERT_CLOSE_LABEL_TEXT = 'Dismiss';\n\nconst Alert = React.forwardRef(({\n children,\n icon,\n actions,\n dismissible,\n onClose,\n closeLabel,\n stacked,\n ...props\n}, ref) => {\n const [isStacked, setIsStacked] = useState(stacked);\n const isExtraSmall = useMediaQuery({ maxWidth: breakpoints.extraSmall.maxWidth });\n const actionButtonSize = 'sm';\n\n useEffect(() => {\n if (isExtraSmall) {\n setIsStacked(true);\n } else {\n setIsStacked(stacked);\n }\n }, [isExtraSmall, stacked]);\n\n const cloneActionElement = useCallback(\n (Action) => {\n const addtlActionProps = { size: actionButtonSize, key: Action.props.children };\n return React.cloneElement(Action, addtlActionProps);\n },\n [],\n );\n\n return (\n <BaseAlert\n {...props}\n className={classNames('alert-content', props.className)}\n ref={ref}\n >\n {icon && <Icon src={icon} className=\"alert-icon\" />}\n <div\n className={classNames({\n 'pgn__alert-message-wrapper': !isStacked,\n 'pgn__alert-message-wrapper-stacked': isStacked,\n })}\n >\n <div className=\"alert-message-content\">\n {children}\n </div>\n {(dismissible || actions?.length > 0) && (\n <ActionRow className=\"pgn__alert-actions\">\n <ActionRow.Spacer />\n {dismissible && (\n <Button\n size={actionButtonSize}\n variant=\"tertiary\"\n onClick={onClose}\n >\n {closeLabel || (\n <FormattedMessage\n id=\"pgn.Alert.closeLabel\"\n defaultMessage=\"Dismiss\"\n description=\"Label of a close button on Alert component\"\n />\n )}\n </Button>\n )}\n {actions && actions.map(cloneActionElement)}\n </ActionRow>\n )}\n </div>\n </BaseAlert>\n );\n});\n\n// This is needed to display a default prop for Alert.Heading element\n// Copied from react-bootstrap since BaseAlert.Heading component doesn't have defaultProps,\n// so there seems to be no other way of providing correct default prop for base element\nconst DivStyledAsH4 = divWithClassName('h4');\nDivStyledAsH4.displayName = 'DivStyledAsH4';\n\nfunction AlertHeading(props) {\n return <BaseAlert.Heading {...props} />;\n}\nfunction AlertLink(props) {\n return <BaseAlert.Link {...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\nAlertLink.propTypes = commonPropTypes;\nAlertHeading.propTypes = commonPropTypes;\n\nAlertLink.defaultProps = {\n as: 'a',\n bsPrefix: 'alert-link',\n};\n\nAlertHeading.defaultProps = {\n as: DivStyledAsH4,\n bsPrefix: 'alert-heading',\n};\n\nAlert.propTypes = {\n ...BaseAlert.propTypes,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** Overrides underlying component base CSS class name */\n bsPrefix: PropTypes.string,\n /** Specifies variant to use. */\n variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light']),\n /**\n * Animate the entering and exiting of the Alert. `true` will use the `<Fade>` transition,\n * more detailed customization is also provided.\n */\n transition: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({\n in: PropTypes.bool,\n appear: PropTypes.bool,\n children: PropTypes.node,\n onEnter: PropTypes.func,\n onEntered: PropTypes.func,\n onEntering: PropTypes.func,\n onExit: PropTypes.func,\n onExited: PropTypes.func,\n onExiting: PropTypes.func,\n })]),\n /** Docstring for the children prop */\n children: PropTypes.node,\n /** Docstring for the icon prop... Icon that will be shown in the alert */\n icon: PropTypes.func,\n /** Whether the alert is shown. */\n show: PropTypes.bool,\n /** Whether the alert is dismissible. Defaults to true. */\n dismissible: PropTypes.bool,\n /** Optional callback function for when the alert it dismissed. */\n onClose: PropTypes.func,\n /** Optional list of action elements. May include, at most, 2 actions, or 1 if dismissible is true. */\n actions: PropTypes.arrayOf(PropTypes.element),\n /** Position of the dismiss and call-to-action buttons. Defaults to ``false``. */\n stacked: PropTypes.bool,\n /** Sets the text for alert close button, defaults to 'Dismiss'. */\n closeLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nAlert.defaultProps = {\n ...BaseAlert.defaultProps,\n children: undefined,\n icon: undefined,\n actions: undefined,\n dismissible: false,\n onClose: () => {},\n closeLabel: undefined,\n show: true,\n stacked: false,\n};\n\nAlert.Heading = AlertHeading;\nAlert.Link = AlertLink;\n\nexport default Alert;\n"],"mappings":"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"}
|
package/dist/Annotation/index.js
CHANGED
|
@@ -1,20 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["className", "variant", "children", "arrowPlacement"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
arrowPlacement
|
|
14
|
-
} = _ref,
|
|
8
|
+
var Annotation = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
9
|
+
var className = _ref.className,
|
|
10
|
+
variant = _ref.variant,
|
|
11
|
+
children = _ref.children,
|
|
12
|
+
arrowPlacement = _ref.arrowPlacement,
|
|
15
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
16
14
|
return /*#__PURE__*/React.createElement("span", _extends({
|
|
17
|
-
className: classNames(className, 'pgn__annotation',
|
|
15
|
+
className: classNames(className, 'pgn__annotation', "pgn__annotation-".concat(variant, "-").concat(arrowPlacement)),
|
|
18
16
|
ref: ref
|
|
19
17
|
}, props), children);
|
|
20
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Annotation","forwardRef","_ref","ref","className","variant","children","arrowPlacement","props","_objectWithoutProperties","_excluded","createElement","_extends","defaultProps","undefined","propTypes","node","isRequired","string","oneOf"],"sources":["../../src/Annotation/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst Annotation = React.forwardRef(({\n className,\n variant,\n children,\n arrowPlacement,\n ...props\n}, ref) => (\n <span\n className={classNames(\n className,\n 'pgn__annotation',\n `pgn__annotation-${variant}-${arrowPlacement}`,\n )}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n));\n\nAnnotation.defaultProps = {\n className: undefined,\n variant: 'success',\n arrowPlacement: 'bottom',\n};\n\nAnnotation.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies variant to use. */\n variant: PropTypes.oneOf(['error', 'success', 'warning', 'light', 'dark']),\n /** Specifies arrow position. */\n arrowPlacement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),\n};\n\nexport default Annotation;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Annotation","forwardRef","_ref","ref","className","variant","children","arrowPlacement","props","_objectWithoutProperties","_excluded","createElement","_extends","concat","defaultProps","undefined","propTypes","node","isRequired","string","oneOf"],"sources":["../../src/Annotation/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst Annotation = React.forwardRef(({\n className,\n variant,\n children,\n arrowPlacement,\n ...props\n}, ref) => (\n <span\n className={classNames(\n className,\n 'pgn__annotation',\n `pgn__annotation-${variant}-${arrowPlacement}`,\n )}\n ref={ref}\n {...props}\n >\n {children}\n </span>\n));\n\nAnnotation.defaultProps = {\n className: undefined,\n variant: 'success',\n arrowPlacement: 'bottom',\n};\n\nAnnotation.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies variant to use. */\n variant: PropTypes.oneOf(['error', 'success', 'warning', 'light', 'dark']),\n /** Specifies arrow position. */\n arrowPlacement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),\n};\n\nexport default Annotation;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,UAAU,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAMjCC,GAAG;EAAA,IALJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACXC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAAA,oBAERb,KAAA,CAAAc,aAAA,SAAAC,QAAA;IACER,SAAS,EAAEL,UAAU,CACnBK,SAAS,EACT,iBAAiB,qBAAAS,MAAA,CACER,OAAO,OAAAQ,MAAA,CAAIN,cAAc,CAC9C,CAAE;IACFJ,GAAG,EAAEA;EAAI,GACLK,KAAK,GAERF,QACG,CAAC;AAAA,CACR,CAAC;AAEFN,UAAU,CAACc,YAAY,GAAG;EACxBV,SAAS,EAAEW,SAAS;EACpBV,OAAO,EAAE,SAAS;EAClBE,cAAc,EAAE;AAClB,CAAC;AAEDP,UAAU,CAACgB,SAAS,GAAG;EACrB;EACAV,QAAQ,EAAER,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAd,SAAS,EAAEN,SAAS,CAACqB,MAAM;EAC3B;EACAd,OAAO,EAAEP,SAAS,CAACsB,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;EAC1E;EACAb,cAAc,EAAET,SAAS,CAACsB,KAAK,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;AACpE,CAAC;AAED,eAAepB,UAAU"}
|
package/dist/Avatar/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["alt", "size", "src"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -7,14 +7,12 @@ import PropTypes from 'prop-types';
|
|
|
7
7
|
import classNames from 'classnames';
|
|
8
8
|
import defaultAvatar from './default-avatar.svg';
|
|
9
9
|
function Avatar(_ref) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
src
|
|
14
|
-
} = _ref,
|
|
10
|
+
var alt = _ref.alt,
|
|
11
|
+
size = _ref.size,
|
|
12
|
+
src = _ref.src,
|
|
15
13
|
attrs = _objectWithoutProperties(_ref, _excluded);
|
|
16
14
|
return /*#__PURE__*/React.createElement("img", _extends({}, attrs, {
|
|
17
|
-
className: classNames('pgn__avatar',
|
|
15
|
+
className: classNames('pgn__avatar', "pgn__avatar-".concat(size), attrs.className),
|
|
18
16
|
src: src || defaultAvatar,
|
|
19
17
|
alt: alt
|
|
20
18
|
}));
|
package/dist/Avatar/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","defaultAvatar","Avatar","_ref","alt","size","src","attrs","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","string","oneOf","defaultProps","undefined"],"sources":["../../src/Avatar/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport defaultAvatar from './default-avatar.svg';\n\nfunction Avatar({\n alt,\n size,\n src,\n ...attrs\n}) {\n return (\n <img\n {...attrs}\n className={classNames(\n 'pgn__avatar',\n `pgn__avatar-${size}`,\n attrs.className,\n )}\n src={src || defaultAvatar}\n alt={alt}\n />\n );\n}\n\nAvatar.propTypes = {\n /** Alt text. Usually the user's name */\n alt: PropTypes.string,\n /** Size of the avatar */\n size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'huge']),\n /** Image src of the avatar image */\n src: PropTypes.string,\n};\n\nAvatar.defaultProps = {\n alt: '',\n size: 'md',\n src: undefined,\n};\n\nexport default Avatar;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,aAAa,MAAM,sBAAsB;AAEhD,SAASC,MAAMA,CAAAC,IAAA,EAKZ;EAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","defaultAvatar","Avatar","_ref","alt","size","src","attrs","_objectWithoutProperties","_excluded","createElement","_extends","className","concat","propTypes","string","oneOf","defaultProps","undefined"],"sources":["../../src/Avatar/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport defaultAvatar from './default-avatar.svg';\n\nfunction Avatar({\n alt,\n size,\n src,\n ...attrs\n}) {\n return (\n <img\n {...attrs}\n className={classNames(\n 'pgn__avatar',\n `pgn__avatar-${size}`,\n attrs.className,\n )}\n src={src || defaultAvatar}\n alt={alt}\n />\n );\n}\n\nAvatar.propTypes = {\n /** Alt text. Usually the user's name */\n alt: PropTypes.string,\n /** Size of the avatar */\n size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'huge']),\n /** Image src of the avatar image */\n src: PropTypes.string,\n};\n\nAvatar.defaultProps = {\n alt: '',\n size: 'md',\n src: undefined,\n};\n\nexport default Avatar;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,aAAa,MAAM,sBAAsB;AAEhD,SAASC,MAAMA,CAAAC,IAAA,EAKZ;EAAA,IAJDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACAC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACEX,KAAA,CAAAY,aAAA,QAAAC,QAAA,KACMJ,KAAK;IACTK,SAAS,EAAEZ,UAAU,CACnB,aAAa,iBAAAa,MAAA,CACER,IAAI,GACnBE,KAAK,CAACK,SACR,CAAE;IACFN,GAAG,EAAEA,GAAG,IAAIL,aAAc;IAC1BG,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN;AAEAF,MAAM,CAACY,SAAS,GAAG;EACjB;EACAV,GAAG,EAAEL,SAAS,CAACgB,MAAM;EACrB;EACAV,IAAI,EAAEN,SAAS,CAACiB,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;EACpE;EACAV,GAAG,EAAEP,SAAS,CAACgB;AACjB,CAAC;AAEDb,MAAM,CAACe,YAAY,GAAG;EACpBb,GAAG,EAAE,EAAE;EACPC,IAAI,EAAE,IAAI;EACVC,GAAG,EAAEY;AACP,CAAC;AAED,eAAehB,MAAM"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "className", "showLabel", "size", "src"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -7,25 +7,23 @@ import PropTypes from 'prop-types';
|
|
|
7
7
|
import classNames from 'classnames';
|
|
8
8
|
import Button from '../Button';
|
|
9
9
|
import Avatar from '../Avatar';
|
|
10
|
-
|
|
10
|
+
var buttonSizesToAvatarSize = {
|
|
11
11
|
sm: 'xs',
|
|
12
12
|
md: 'sm',
|
|
13
13
|
lg: 'md'
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
src
|
|
22
|
-
} = _ref,
|
|
15
|
+
var AvatarButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
16
|
+
var children = _ref.children,
|
|
17
|
+
className = _ref.className,
|
|
18
|
+
showLabel = _ref.showLabel,
|
|
19
|
+
size = _ref.size,
|
|
20
|
+
src = _ref.src,
|
|
23
21
|
attrs = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
-
|
|
22
|
+
var avatarSize = buttonSizesToAvatarSize[size] || 'sm';
|
|
25
23
|
return /*#__PURE__*/React.createElement(Button, _extends({}, attrs, {
|
|
26
24
|
className: classNames('btn-avatar',
|
|
27
25
|
// the public class name for custom styling
|
|
28
|
-
'pgn__avatar-button-avatar',
|
|
26
|
+
'pgn__avatar-button-avatar', "pgn__avatar-button-avatar-".concat(size), className, {
|
|
29
27
|
'pgn__avatar-button-hide-label': !showLabel
|
|
30
28
|
}),
|
|
31
29
|
size: size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Button","Avatar","buttonSizesToAvatarSize","sm","md","lg","AvatarButton","forwardRef","_ref","ref","children","className","showLabel","size","src","attrs","_objectWithoutProperties","_excluded","avatarSize","createElement","_extends","alt","propTypes","string","bool","oneOf","variant","defaultProps","undefined"],"sources":["../../src/AvatarButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '../Button';\nimport Avatar from '../Avatar';\n\nconst buttonSizesToAvatarSize = {\n sm: 'xs',\n md: 'sm',\n lg: 'md',\n};\n\nconst AvatarButton = React.forwardRef(({\n children,\n className,\n showLabel,\n size,\n src,\n ...attrs\n}, ref) => {\n const avatarSize = buttonSizesToAvatarSize[size] || 'sm';\n return (\n <Button\n {...attrs}\n className={classNames(\n 'btn-avatar', // the public class name for custom styling\n 'pgn__avatar-button-avatar',\n `pgn__avatar-button-avatar-${size}`,\n className,\n { 'pgn__avatar-button-hide-label': !showLabel },\n )}\n size={size}\n ref={ref}\n >\n <Avatar src={src} alt={showLabel ? '' : children} size={avatarSize} />\n {showLabel && children}\n </Button>\n );\n});\n\nAvatarButton.propTypes = {\n /** The button text */\n children: PropTypes.string,\n /** A class name to append to the button */\n className: PropTypes.string,\n /** Show the label or only the avatar */\n showLabel: PropTypes.bool,\n /** The button size */\n size: PropTypes.oneOf(['sm', 'md', 'lg']),\n /** Image src of the avatar image */\n src: PropTypes.string,\n /** The button style variant to use */\n variant: PropTypes.string,\n};\n\nAvatarButton.defaultProps = {\n children: undefined,\n className: undefined,\n showLabel: true,\n size: 'md',\n src: undefined,\n variant: 'tertiary',\n};\n\nexport default AvatarButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,MAAM,MAAM,WAAW;AAE9B,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Button","Avatar","buttonSizesToAvatarSize","sm","md","lg","AvatarButton","forwardRef","_ref","ref","children","className","showLabel","size","src","attrs","_objectWithoutProperties","_excluded","avatarSize","createElement","_extends","concat","alt","propTypes","string","bool","oneOf","variant","defaultProps","undefined"],"sources":["../../src/AvatarButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '../Button';\nimport Avatar from '../Avatar';\n\nconst buttonSizesToAvatarSize = {\n sm: 'xs',\n md: 'sm',\n lg: 'md',\n};\n\nconst AvatarButton = React.forwardRef(({\n children,\n className,\n showLabel,\n size,\n src,\n ...attrs\n}, ref) => {\n const avatarSize = buttonSizesToAvatarSize[size] || 'sm';\n return (\n <Button\n {...attrs}\n className={classNames(\n 'btn-avatar', // the public class name for custom styling\n 'pgn__avatar-button-avatar',\n `pgn__avatar-button-avatar-${size}`,\n className,\n { 'pgn__avatar-button-hide-label': !showLabel },\n )}\n size={size}\n ref={ref}\n >\n <Avatar src={src} alt={showLabel ? '' : children} size={avatarSize} />\n {showLabel && children}\n </Button>\n );\n});\n\nAvatarButton.propTypes = {\n /** The button text */\n children: PropTypes.string,\n /** A class name to append to the button */\n className: PropTypes.string,\n /** Show the label or only the avatar */\n showLabel: PropTypes.bool,\n /** The button size */\n size: PropTypes.oneOf(['sm', 'md', 'lg']),\n /** Image src of the avatar image */\n src: PropTypes.string,\n /** The button style variant to use */\n variant: PropTypes.string,\n};\n\nAvatarButton.defaultProps = {\n children: undefined,\n className: undefined,\n showLabel: true,\n size: 'md',\n src: undefined,\n variant: 'tertiary',\n};\n\nexport default AvatarButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,uBAAuB,GAAG;EAC9BC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE;AACN,CAAC;AAED,IAAMC,YAAY,gBAAGT,KAAK,CAACU,UAAU,CAAC,UAAAC,IAAA,EAOnCC,GAAG,EAAK;EAAA,IANTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,GAAG,GAAAN,IAAA,CAAHM,GAAG;IACAC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,IAAMC,UAAU,GAAGhB,uBAAuB,CAACW,IAAI,CAAC,IAAI,IAAI;EACxD,oBACEhB,KAAA,CAAAsB,aAAA,CAACnB,MAAM,EAAAoB,QAAA,KACDL,KAAK;IACTJ,SAAS,EAAEZ,UAAU,CACnB,YAAY;IAAE;IACd,2BAA2B,+BAAAsB,MAAA,CACER,IAAI,GACjCF,SAAS,EACT;MAAE,+BAA+B,EAAE,CAACC;IAAU,CAChD,CAAE;IACFC,IAAI,EAAEA,IAAK;IACXJ,GAAG,EAAEA;EAAI,iBAETZ,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAACa,GAAG,EAAEA,GAAI;IAACQ,GAAG,EAAEV,SAAS,GAAG,EAAE,GAAGF,QAAS;IAACG,IAAI,EAAEK;EAAW,CAAE,CAAC,EACrEN,SAAS,IAAIF,QACR,CAAC;AAEb,CAAC,CAAC;AAEFJ,YAAY,CAACiB,SAAS,GAAG;EACvB;EACAb,QAAQ,EAAEZ,SAAS,CAAC0B,MAAM;EAC1B;EACAb,SAAS,EAAEb,SAAS,CAAC0B,MAAM;EAC3B;EACAZ,SAAS,EAAEd,SAAS,CAAC2B,IAAI;EACzB;EACAZ,IAAI,EAAEf,SAAS,CAAC4B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACzC;EACAZ,GAAG,EAAEhB,SAAS,CAAC0B,MAAM;EACrB;EACAG,OAAO,EAAE7B,SAAS,CAAC0B;AACrB,CAAC;AAEDlB,YAAY,CAACsB,YAAY,GAAG;EAC1BlB,QAAQ,EAAEmB,SAAS;EACnBlB,SAAS,EAAEkB,SAAS;EACpBjB,SAAS,EAAE,IAAI;EACfC,IAAI,EAAE,IAAI;EACVC,GAAG,EAAEe,SAAS;EACdF,OAAO,EAAE;AACX,CAAC;AAED,eAAerB,YAAY"}
|
package/dist/Badge/index.js
CHANGED
|
@@ -2,10 +2,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import BaseBadge from 'react-bootstrap/Badge';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
6
|
+
return /*#__PURE__*/React.createElement(BaseBadge, _extends({}, props, {
|
|
7
|
+
ref: ref
|
|
8
|
+
}));
|
|
9
|
+
});
|
|
10
|
+
var STYLE_VARIANTS = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
|
|
9
11
|
Badge.propTypes = {
|
|
10
12
|
/** Specifies element type for this component */
|
|
11
13
|
as: PropTypes.elementType,
|
package/dist/Badge/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","BaseBadge","Badge","forwardRef","props","ref","createElement","_extends","STYLE_VARIANTS","propTypes","as","elementType","variant","oneOf","pill","bool","bsPrefix","string","defaultProps"],"sources":["../../src/Badge/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseBadge from 'react-bootstrap/Badge';\n\nconst Badge = React.forwardRef((props, ref) => <BaseBadge {...props} ref={ref} />);\n\nconst STYLE_VARIANTS = [\n 'primary',\n 'secondary',\n 'success',\n 'danger',\n 'warning',\n 'info',\n 'light',\n 'dark',\n];\n\nBadge.propTypes = {\n /** Specifies element type for this component */\n as: PropTypes.elementType,\n /** Visual style of the badge */\n variant: PropTypes.oneOf(STYLE_VARIANTS),\n /** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */\n pill: PropTypes.bool,\n /** Overrides underlying component base CSS class name */\n bsPrefix: PropTypes.string,\n};\n\nBadge.defaultProps = {\n as: 'span',\n variant: 'primary',\n pill: false,\n bsPrefix: 'badge',\n};\n\nexport default Badge;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,uBAAuB;AAE7C,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","BaseBadge","Badge","forwardRef","props","ref","createElement","_extends","STYLE_VARIANTS","propTypes","as","elementType","variant","oneOf","pill","bool","bsPrefix","string","defaultProps"],"sources":["../../src/Badge/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseBadge from 'react-bootstrap/Badge';\n\nconst Badge = React.forwardRef((props, ref) => <BaseBadge {...props} ref={ref} />);\n\nconst STYLE_VARIANTS = [\n 'primary',\n 'secondary',\n 'success',\n 'danger',\n 'warning',\n 'info',\n 'light',\n 'dark',\n];\n\nBadge.propTypes = {\n /** Specifies element type for this component */\n as: PropTypes.elementType,\n /** Visual style of the badge */\n variant: PropTypes.oneOf(STYLE_VARIANTS),\n /** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */\n pill: PropTypes.bool,\n /** Overrides underlying component base CSS class name */\n bsPrefix: PropTypes.string,\n};\n\nBadge.defaultProps = {\n as: 'span',\n variant: 'primary',\n pill: false,\n bsPrefix: 'badge',\n};\n\nexport default Badge;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,uBAAuB;AAE7C,IAAMC,KAAK,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAACC,KAAK,EAAEC,GAAG;EAAA,oBAAKN,KAAA,CAAAO,aAAA,CAACL,SAAS,EAAAM,QAAA,KAAKH,KAAK;IAAEC,GAAG,EAAEA;EAAI,EAAE,CAAC;AAAA,EAAC;AAElF,IAAMG,cAAc,GAAG,CACrB,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,CACP;AAEDN,KAAK,CAACO,SAAS,GAAG;EAChB;EACAC,EAAE,EAAEV,SAAS,CAACW,WAAW;EACzB;EACAC,OAAO,EAAEZ,SAAS,CAACa,KAAK,CAACL,cAAc,CAAC;EACxC;EACAM,IAAI,EAAEd,SAAS,CAACe,IAAI;EACpB;EACAC,QAAQ,EAAEhB,SAAS,CAACiB;AACtB,CAAC;AAEDf,KAAK,CAACgB,YAAY,GAAG;EACnBR,EAAE,EAAE,MAAM;EACVE,OAAO,EAAE,SAAS;EAClBE,IAAI,EAAE,KAAK;EACXE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAed,KAAK"}
|
|
@@ -1,27 +1,24 @@
|
|
|
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 = ["label", "url", "className"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
10
|
import React from 'react';
|
|
10
11
|
import PropTypes from 'prop-types';
|
|
11
12
|
import classNames from 'classnames';
|
|
12
13
|
export default function BreadcrumbLink(_ref) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
label,
|
|
20
|
-
url,
|
|
21
|
-
className
|
|
22
|
-
} = linkProps,
|
|
14
|
+
var as = _ref.as,
|
|
15
|
+
clickHandler = _ref.clickHandler,
|
|
16
|
+
linkProps = _ref.linkProps;
|
|
17
|
+
var label = linkProps.label,
|
|
18
|
+
url = linkProps.url,
|
|
19
|
+
className = linkProps.className,
|
|
23
20
|
props = _objectWithoutProperties(linkProps, _excluded);
|
|
24
|
-
|
|
21
|
+
var addtlProps = {};
|
|
25
22
|
if (as === 'a' && url) {
|
|
26
23
|
// eslint-disable-next-line no-console
|
|
27
24
|
console.warn('[Deprecated]: using "url" parameter to specify link\'s destination in Breadcrumb component is ' + 'deprecated. Please use "href" instead when rendering links as anchor tag.');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbLink.js","names":["React","PropTypes","classNames","BreadcrumbLink","_ref","as","clickHandler","linkProps","label","url","className","props","_objectWithoutProperties","_excluded","addtlProps","console","warn","href","onClick","createElement","_objectSpread","propTypes","elementType","isRequired","func","shape","string","defaultProps","undefined"],"sources":["../../src/Breadcrumb/BreadcrumbLink.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nexport default function BreadcrumbLink({ as, clickHandler, linkProps }) {\n const {\n label,\n url,\n className,\n ...props\n } = linkProps;\n const addtlProps = {};\n\n if (as === 'a' && url) {\n // eslint-disable-next-line no-console\n console.warn(\n '[Deprecated]: using \"url\" parameter to specify link\\'s destination in Breadcrumb component is '\n + 'deprecated. Please use \"href\" instead when rendering links as anchor tag.',\n );\n addtlProps.href = url;\n }\n\n if (clickHandler) {\n addtlProps.onClick = clickHandler;\n }\n\n return React.createElement(\n as,\n {\n ...props,\n ...addtlProps,\n className: classNames('link-muted', className),\n },\n label,\n );\n}\n\nBreadcrumbLink.propTypes = {\n as: PropTypes.elementType.isRequired,\n clickHandler: PropTypes.func,\n linkProps: PropTypes.shape({\n label: PropTypes.string.isRequired,\n url: PropTypes.string,\n className: PropTypes.string,\n }).isRequired,\n};\n\nBreadcrumbLink.defaultProps = {\n clickHandler: undefined,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BreadcrumbLink.js","names":["React","PropTypes","classNames","BreadcrumbLink","_ref","as","clickHandler","linkProps","label","url","className","props","_objectWithoutProperties","_excluded","addtlProps","console","warn","href","onClick","createElement","_objectSpread","propTypes","elementType","isRequired","func","shape","string","defaultProps","undefined"],"sources":["../../src/Breadcrumb/BreadcrumbLink.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nexport default function BreadcrumbLink({ as, clickHandler, linkProps }) {\n const {\n label,\n url,\n className,\n ...props\n } = linkProps;\n const addtlProps = {};\n\n if (as === 'a' && url) {\n // eslint-disable-next-line no-console\n console.warn(\n '[Deprecated]: using \"url\" parameter to specify link\\'s destination in Breadcrumb component is '\n + 'deprecated. Please use \"href\" instead when rendering links as anchor tag.',\n );\n addtlProps.href = url;\n }\n\n if (clickHandler) {\n addtlProps.onClick = clickHandler;\n }\n\n return React.createElement(\n as,\n {\n ...props,\n ...addtlProps,\n className: classNames('link-muted', className),\n },\n label,\n );\n}\n\nBreadcrumbLink.propTypes = {\n as: PropTypes.elementType.isRequired,\n clickHandler: PropTypes.func,\n linkProps: PropTypes.shape({\n label: PropTypes.string.isRequired,\n url: PropTypes.string,\n className: PropTypes.string,\n }).isRequired,\n};\n\nBreadcrumbLink.defaultProps = {\n clickHandler: undefined,\n};\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,eAAe,SAASC,cAAcA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAClE,IACEC,KAAK,GAIHD,SAAS,CAJXC,KAAK;IACLC,GAAG,GAGDF,SAAS,CAHXE,GAAG;IACHC,SAAS,GAEPH,SAAS,CAFXG,SAAS;IACNC,KAAK,GAAAC,wBAAA,CACNL,SAAS,EAAAM,SAAA;EACb,IAAMC,UAAU,GAAG,CAAC,CAAC;EAErB,IAAIT,EAAE,KAAK,GAAG,IAAII,GAAG,EAAE;IACrB;IACAM,OAAO,CAACC,IAAI,CACV,gGAAgG,GAC9F,2EACJ,CAAC;IACDF,UAAU,CAACG,IAAI,GAAGR,GAAG;EACvB;EAEA,IAAIH,YAAY,EAAE;IAChBQ,UAAU,CAACI,OAAO,GAAGZ,YAAY;EACnC;EAEA,oBAAON,KAAK,CAACmB,aAAa,CACxBd,EAAE,EAAAe,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAEGT,KAAK,GACLG,UAAU;IACbJ,SAAS,EAAER,UAAU,CAAC,YAAY,EAAEQ,SAAS;EAAC,IAEhDF,KACF,CAAC;AACH;AAEAL,cAAc,CAACkB,SAAS,GAAG;EACzBhB,EAAE,EAAEJ,SAAS,CAACqB,WAAW,CAACC,UAAU;EACpCjB,YAAY,EAAEL,SAAS,CAACuB,IAAI;EAC5BjB,SAAS,EAAEN,SAAS,CAACwB,KAAK,CAAC;IACzBjB,KAAK,EAAEP,SAAS,CAACyB,MAAM,CAACH,UAAU;IAClCd,GAAG,EAAER,SAAS,CAACyB,MAAM;IACrBhB,SAAS,EAAET,SAAS,CAACyB;EACvB,CAAC,CAAC,CAACH;AACL,CAAC;AAEDpB,cAAc,CAACwB,YAAY,GAAG;EAC5BrB,YAAY,EAAEsB;AAChB,CAAC"}
|
package/dist/Breadcrumb/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["links", "activeLabel", "spacer", "clickHandler", "variant", "isMobile", "ariaLabel", "linkAs"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -9,41 +9,41 @@ import BreadcrumbLink from './BreadcrumbLink';
|
|
|
9
9
|
import { ChevronRight } from '../../icons';
|
|
10
10
|
import Icon from '../Icon';
|
|
11
11
|
function Breadcrumb(_ref) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
linkAs
|
|
21
|
-
} = _ref,
|
|
12
|
+
var links = _ref.links,
|
|
13
|
+
activeLabel = _ref.activeLabel,
|
|
14
|
+
spacer = _ref.spacer,
|
|
15
|
+
clickHandler = _ref.clickHandler,
|
|
16
|
+
variant = _ref.variant,
|
|
17
|
+
isMobile = _ref.isMobile,
|
|
18
|
+
ariaLabel = _ref.ariaLabel,
|
|
19
|
+
linkAs = _ref.linkAs,
|
|
22
20
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
var linkCount = links.length;
|
|
22
|
+
var displayLinks = isMobile ? [links[linkCount - 1]] : links;
|
|
25
23
|
return /*#__PURE__*/React.createElement("nav", _extends({
|
|
26
24
|
"aria-label": ariaLabel,
|
|
27
|
-
className: classNames('pgn__breadcrumb',
|
|
25
|
+
className: classNames('pgn__breadcrumb', "pgn__breadcrumb-".concat(variant))
|
|
28
26
|
}, props), /*#__PURE__*/React.createElement("ol", {
|
|
29
27
|
className: classNames('list-inline', {
|
|
30
28
|
'is-mobile': isMobile
|
|
31
29
|
})
|
|
32
|
-
}, displayLinks.map((link, i)
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
30
|
+
}, displayLinks.map(function (link, i) {
|
|
31
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
32
|
+
key: link.label
|
|
33
|
+
}, /*#__PURE__*/React.createElement("li", {
|
|
34
|
+
className: classNames('list-inline-item')
|
|
35
|
+
}, /*#__PURE__*/React.createElement(BreadcrumbLink, {
|
|
36
|
+
as: linkAs,
|
|
37
|
+
clickHandler: clickHandler,
|
|
38
|
+
linkProps: link
|
|
39
|
+
})), (activeLabel || i + 1 < linkCount) && /*#__PURE__*/React.createElement("li", {
|
|
40
|
+
className: "list-inline-item",
|
|
41
|
+
role: "presentation"
|
|
42
|
+
}, spacer || /*#__PURE__*/React.createElement(Icon, {
|
|
43
|
+
src: ChevronRight,
|
|
44
|
+
id: "spacer-".concat(i)
|
|
45
|
+
})));
|
|
46
|
+
}), !isMobile && activeLabel && /*#__PURE__*/React.createElement("li", {
|
|
47
47
|
className: "list-inline-item active",
|
|
48
48
|
key: "active",
|
|
49
49
|
"aria-current": "page"
|