@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
|
@@ -4,7 +4,7 @@ import CardCarouselTitle from './CardCarouselTitle';
|
|
|
4
4
|
import CardCarouselSubtitle from './CardCarouselSubtitle';
|
|
5
5
|
import DefaultCardCarouselControls from './CardCarouselControls';
|
|
6
6
|
import { CardCarouselContext } from './CardCarouselProvider';
|
|
7
|
-
|
|
7
|
+
var getFormattedTitle = function getFormattedTitle(title) {
|
|
8
8
|
if (!title) {
|
|
9
9
|
return null;
|
|
10
10
|
}
|
|
@@ -13,7 +13,7 @@ const getFormattedTitle = title => {
|
|
|
13
13
|
}
|
|
14
14
|
return /*#__PURE__*/React.createElement(CardCarouselTitle, null, title);
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
var getFormattedSubtitle = function getFormattedSubtitle(subtitle) {
|
|
17
17
|
if (!subtitle) {
|
|
18
18
|
return null;
|
|
19
19
|
}
|
|
@@ -23,16 +23,13 @@ const getFormattedSubtitle = subtitle => {
|
|
|
23
23
|
return /*#__PURE__*/React.createElement(CardCarouselSubtitle, null, subtitle);
|
|
24
24
|
};
|
|
25
25
|
function CardCarouselHeader(_ref) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;
|
|
34
|
-
const carouselTitle = getFormattedTitle(title);
|
|
35
|
-
const carouselSubtitle = getFormattedSubtitle(subtitle);
|
|
26
|
+
var title = _ref.title,
|
|
27
|
+
subtitle = _ref.subtitle;
|
|
28
|
+
var _useContext = useContext(CardCarouselContext),
|
|
29
|
+
customCardCarouselControls = _useContext.CardCarouselControls;
|
|
30
|
+
var CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;
|
|
31
|
+
var carouselTitle = getFormattedTitle(title);
|
|
32
|
+
var carouselSubtitle = getFormattedSubtitle(subtitle);
|
|
36
33
|
return /*#__PURE__*/React.createElement("div", {
|
|
37
34
|
className: "pgn__card-carousel-header"
|
|
38
35
|
}, /*#__PURE__*/React.createElement("div", null, carouselTitle, carouselSubtitle), /*#__PURE__*/React.createElement(CardCarouselControls, null));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","_ref","
|
|
1
|
+
{"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","_ref","_useContext","customCardCarouselControls","CardCarouselControls","carouselTitle","carouselSubtitle","className","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselHeader.jsx"],"sourcesContent":["import React, { useContext, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport CardCarouselTitle from './CardCarouselTitle';\nimport CardCarouselSubtitle from './CardCarouselSubtitle';\nimport DefaultCardCarouselControls from './CardCarouselControls';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nconst getFormattedTitle = (title) => {\n if (!title) {\n return null;\n }\n if (isValidElement(title)) {\n return title;\n }\n return <CardCarouselTitle>{title}</CardCarouselTitle>;\n};\n\nconst getFormattedSubtitle = (subtitle) => {\n if (!subtitle) {\n return null;\n }\n if (isValidElement(subtitle)) {\n return subtitle;\n }\n return <CardCarouselSubtitle>{subtitle}</CardCarouselSubtitle>;\n};\n\nfunction CardCarouselHeader({ title, subtitle }) {\n const { CardCarouselControls: customCardCarouselControls } = useContext(CardCarouselContext);\n const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;\n\n const carouselTitle = getFormattedTitle(title);\n const carouselSubtitle = getFormattedSubtitle(subtitle);\n\n return (\n <div className=\"pgn__card-carousel-header\">\n <div>\n {carouselTitle}\n {carouselSubtitle}\n </div>\n <CardCarouselControls />\n </div>\n );\n}\n\nCardCarouselHeader.propTypes = {\n title: PropTypes.node,\n subtitle: PropTypes.node,\n};\n\nCardCarouselHeader.defaultProps = {\n title: undefined,\n subtitle: undefined,\n};\n\nexport default CardCarouselHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AACzD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,2BAA2B,MAAM,wBAAwB;AAChE,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EACnC,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,kBAAIP,cAAc,CAACO,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EACA,oBAAOT,KAAA,CAAAU,aAAA,CAACN,iBAAiB,QAAEK,KAAyB,CAAC;AACvD,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,QAAQ,EAAK;EACzC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,kBAAIV,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC5B,OAAOA,QAAQ;EACjB;EACA,oBAAOZ,KAAA,CAAAU,aAAA,CAACL,oBAAoB,QAAEO,QAA+B,CAAC;AAChE,CAAC;AAED,SAASC,kBAAkBA,CAAAC,IAAA,EAAsB;EAAA,IAAnBL,KAAK,GAAAK,IAAA,CAALL,KAAK;IAAEG,QAAQ,GAAAE,IAAA,CAARF,QAAQ;EAC3C,IAAAG,WAAA,GAA6Dd,UAAU,CAACM,mBAAmB,CAAC;IAA9DS,0BAA0B,GAAAD,WAAA,CAAhDE,oBAAoB;EAC5B,IAAMA,oBAAoB,GAAGD,0BAA0B,IAAIV,2BAA2B;EAEtF,IAAMY,aAAa,GAAGV,iBAAiB,CAACC,KAAK,CAAC;EAC9C,IAAMU,gBAAgB,GAAGR,oBAAoB,CAACC,QAAQ,CAAC;EAEvD,oBACEZ,KAAA,CAAAU,aAAA;IAAKU,SAAS,EAAC;EAA2B,gBACxCpB,KAAA,CAAAU,aAAA,cACGQ,aAAa,EACbC,gBACE,CAAC,eACNnB,KAAA,CAAAU,aAAA,CAACO,oBAAoB,MAAE,CACpB,CAAC;AAEV;AAEAJ,kBAAkB,CAACQ,SAAS,GAAG;EAC7BZ,KAAK,EAAEN,SAAS,CAACmB,IAAI;EACrBV,QAAQ,EAAET,SAAS,CAACmB;AACtB,CAAC;AAEDT,kBAAkB,CAACU,YAAY,GAAG;EAChCd,KAAK,EAAEe,SAAS;EAChBZ,QAAQ,EAAEY;AACZ,CAAC;AAED,eAAeX,kBAAkB"}
|
|
@@ -3,15 +3,12 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import CardDeck from '../CardDeck';
|
|
4
4
|
import { CardCarouselContext } from './CardCarouselProvider';
|
|
5
5
|
function CardCarouselItems(_ref) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
canScrollHorizontal,
|
|
13
|
-
setOverflowRef
|
|
14
|
-
} = useContext(CardCarouselContext);
|
|
6
|
+
var children = _ref.children;
|
|
7
|
+
var _useContext = useContext(CardCarouselContext),
|
|
8
|
+
columnSizes = _useContext.columnSizes,
|
|
9
|
+
hasInteractiveChildren = _useContext.hasInteractiveChildren,
|
|
10
|
+
canScrollHorizontal = _useContext.canScrollHorizontal,
|
|
11
|
+
setOverflowRef = _useContext.setOverflowRef;
|
|
15
12
|
return /*#__PURE__*/React.createElement(CardDeck, {
|
|
16
13
|
ref: setOverflowRef,
|
|
17
14
|
columnSizes: columnSizes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","_ref","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","setOverflowRef","createElement","ref","hasOverflowScrollItems","propTypes","node","isRequired"],"sources":["../../../src/Card/CardCarousel/CardCarouselItems.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport CardDeck from '../CardDeck';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nfunction CardCarouselItems({ children }) {\n const {\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n setOverflowRef,\n } = useContext(CardCarouselContext);\n\n return (\n <CardDeck\n ref={setOverflowRef}\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n hasOverflowScrollItems\n >\n {children}\n </CardDeck>\n );\n}\n\nCardCarouselItems.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default CardCarouselItems;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;EAAA,
|
|
1
|
+
{"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","_ref","children","_useContext","columnSizes","hasInteractiveChildren","canScrollHorizontal","setOverflowRef","createElement","ref","hasOverflowScrollItems","propTypes","node","isRequired"],"sources":["../../../src/Card/CardCarousel/CardCarouselItems.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport CardDeck from '../CardDeck';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nfunction CardCarouselItems({ children }) {\n const {\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n setOverflowRef,\n } = useContext(CardCarouselContext);\n\n return (\n <CardDeck\n ref={setOverflowRef}\n columnSizes={columnSizes}\n hasInteractiveChildren={hasInteractiveChildren}\n canScrollHorizontal={canScrollHorizontal}\n hasOverflowScrollItems\n >\n {children}\n </CardDeck>\n );\n}\n\nCardCarouselItems.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default CardCarouselItems;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;EAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACnC,IAAAC,WAAA,GAKIP,UAAU,CAACG,mBAAmB,CAAC;IAJjCK,WAAW,GAAAD,WAAA,CAAXC,WAAW;IACXC,sBAAsB,GAAAF,WAAA,CAAtBE,sBAAsB;IACtBC,mBAAmB,GAAAH,WAAA,CAAnBG,mBAAmB;IACnBC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;EAGhB,oBACEZ,KAAA,CAAAa,aAAA,CAACV,QAAQ;IACPW,GAAG,EAAEF,cAAe;IACpBH,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,sBAAsB;EAAA,GAErBR,QACO,CAAC;AAEf;AAEAF,iBAAiB,CAACW,SAAS,GAAG;EAC5BT,QAAQ,EAAEL,SAAS,CAACe,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeb,iBAAiB"}
|
|
@@ -1,35 +1,34 @@
|
|
|
1
1
|
import React, { createContext, useContext, useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { OverflowScrollContext } from '../../OverflowScroll';
|
|
4
|
-
export
|
|
4
|
+
export var CardCarouselContext = /*#__PURE__*/createContext();
|
|
5
5
|
function CardCarouselProvider(_ref) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}), [overflowRef, setOverflowRef, columnSizes, hasInteractiveChildren, canScrollHorizontal, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext, CardCarouselControls]);
|
|
6
|
+
var columnSizes = _ref.columnSizes,
|
|
7
|
+
hasInteractiveChildren = _ref.hasInteractiveChildren,
|
|
8
|
+
canScrollHorizontal = _ref.canScrollHorizontal,
|
|
9
|
+
children = _ref.children,
|
|
10
|
+
CardCarouselControls = _ref.CardCarouselControls;
|
|
11
|
+
var _useContext = useContext(OverflowScrollContext),
|
|
12
|
+
overflowRef = _useContext.overflowRef,
|
|
13
|
+
setOverflowRef = _useContext.setOverflowRef,
|
|
14
|
+
isScrolledToStart = _useContext.isScrolledToStart,
|
|
15
|
+
isScrolledToEnd = _useContext.isScrolledToEnd,
|
|
16
|
+
scrollToPrevious = _useContext.scrollToPrevious,
|
|
17
|
+
scrollToNext = _useContext.scrollToNext;
|
|
18
|
+
var cardCarouselContextValue = useMemo(function () {
|
|
19
|
+
return {
|
|
20
|
+
overflowRef: overflowRef,
|
|
21
|
+
setOverflowRef: setOverflowRef,
|
|
22
|
+
columnSizes: columnSizes,
|
|
23
|
+
hasInteractiveChildren: hasInteractiveChildren,
|
|
24
|
+
canScrollHorizontal: canScrollHorizontal,
|
|
25
|
+
isScrolledToStart: isScrolledToStart,
|
|
26
|
+
isScrolledToEnd: isScrolledToEnd,
|
|
27
|
+
scrollToPrevious: scrollToPrevious,
|
|
28
|
+
scrollToNext: scrollToNext,
|
|
29
|
+
CardCarouselControls: CardCarouselControls
|
|
30
|
+
};
|
|
31
|
+
}, [overflowRef, setOverflowRef, columnSizes, hasInteractiveChildren, canScrollHorizontal, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext, CardCarouselControls]);
|
|
33
32
|
return /*#__PURE__*/React.createElement(CardCarouselContext.Provider, {
|
|
34
33
|
value: cardCarouselContextValue
|
|
35
34
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","_ref","columnSizes","hasInteractiveChildren","canScrollHorizontal","children","CardCarouselControls","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","cardCarouselContextValue","createElement","Provider","value","propTypes","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselProvider.jsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScrollContext } from '../../OverflowScroll';\n\nexport const CardCarouselContext = createContext();\n\nfunction CardCarouselProvider({\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n children,\n CardCarouselControls,\n}) {\n const {\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useContext(OverflowScrollContext);\n\n const cardCarouselContextValue = useMemo(() => ({\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n }), [\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n ]);\n\n return (\n <CardCarouselContext.Provider value={cardCarouselContextValue}>\n {children}\n </CardCarouselContext.Provider>\n );\n}\n\nCardCarouselProvider.propTypes = {\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarouselProvider.defaultProps = {\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarouselProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,sBAAsB;AAE5D,OAAO,
|
|
1
|
+
{"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","_ref","columnSizes","hasInteractiveChildren","canScrollHorizontal","children","CardCarouselControls","_useContext","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","cardCarouselContextValue","createElement","Provider","value","propTypes","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselProvider.jsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScrollContext } from '../../OverflowScroll';\n\nexport const CardCarouselContext = createContext();\n\nfunction CardCarouselProvider({\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n children,\n CardCarouselControls,\n}) {\n const {\n overflowRef,\n setOverflowRef,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n } = useContext(OverflowScrollContext);\n\n const cardCarouselContextValue = useMemo(() => ({\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n }), [\n overflowRef,\n setOverflowRef,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n isScrolledToStart,\n isScrolledToEnd,\n scrollToPrevious,\n scrollToNext,\n CardCarouselControls,\n ]);\n\n return (\n <CardCarouselContext.Provider value={cardCarouselContextValue}>\n {children}\n </CardCarouselContext.Provider>\n );\n}\n\nCardCarouselProvider.propTypes = {\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Optional override for the default `CardCarouselControls` */\n CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarouselProvider.defaultProps = {\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n CardCarouselControls: undefined,\n};\n\nexport default CardCarouselProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,sBAAsB;AAE5D,OAAO,IAAMC,mBAAmB,gBAAGL,aAAa,CAAC,CAAC;AAElD,SAASM,oBAAoBA,CAAAC,IAAA,EAM1B;EAAA,IALDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB;IACtBC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;IACnBC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,oBAAoB,GAAAL,IAAA,CAApBK,oBAAoB;EAEpB,IAAAC,WAAA,GAOIZ,UAAU,CAACG,qBAAqB,CAAC;IANnCU,WAAW,GAAAD,WAAA,CAAXC,WAAW;IACXC,cAAc,GAAAF,WAAA,CAAdE,cAAc;IACdC,iBAAiB,GAAAH,WAAA,CAAjBG,iBAAiB;IACjBC,eAAe,GAAAJ,WAAA,CAAfI,eAAe;IACfC,gBAAgB,GAAAL,WAAA,CAAhBK,gBAAgB;IAChBC,YAAY,GAAAN,WAAA,CAAZM,YAAY;EAGd,IAAMC,wBAAwB,GAAGlB,OAAO,CAAC;IAAA,OAAO;MAC9CY,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdP,WAAW,EAAXA,WAAW;MACXC,sBAAsB,EAAtBA,sBAAsB;MACtBC,mBAAmB,EAAnBA,mBAAmB;MACnBM,iBAAiB,EAAjBA,iBAAiB;MACjBC,eAAe,EAAfA,eAAe;MACfC,gBAAgB,EAAhBA,gBAAgB;MAChBC,YAAY,EAAZA,YAAY;MACZP,oBAAoB,EAApBA;IACF,CAAC;EAAA,CAAC,EAAE,CACFE,WAAW,EACXC,cAAc,EACdP,WAAW,EACXC,sBAAsB,EACtBC,mBAAmB,EACnBM,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZP,oBAAoB,CACrB,CAAC;EAEF,oBACEb,KAAA,CAAAsB,aAAA,CAAChB,mBAAmB,CAACiB,QAAQ;IAACC,KAAK,EAAEH;EAAyB,GAC3DT,QAC2B,CAAC;AAEnC;AAEAL,oBAAoB,CAACkB,SAAS,GAAG;EAC/Bb,QAAQ,EAAER,SAAS,CAACsB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACElB,WAAW,EAAEL,SAAS,CAACwB,KAAK,CAAC;IAC3BC,EAAE,EAAEzB,SAAS,CAAC0B,MAAM;IACpBC,EAAE,EAAE3B,SAAS,CAAC0B,MAAM;IACpBE,EAAE,EAAE5B,SAAS,CAAC0B,MAAM;IACpBG,EAAE,EAAE7B,SAAS,CAAC0B,MAAM;IACpBI,EAAE,EAAE9B,SAAS,CAAC0B;EAChB,CAAC,CAAC;EACF;AACF;EACEpB,sBAAsB,EAAEN,SAAS,CAAC+B,IAAI;EACtC;EACAxB,mBAAmB,EAAEP,SAAS,CAAC+B,IAAI;EACnC;EACAtB,oBAAoB,EAAET,SAAS,CAACgC;AAClC,CAAC;AAED7B,oBAAoB,CAAC8B,YAAY,GAAG;EAClC5B,WAAW,EAAE;IACXsB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDxB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBE,oBAAoB,EAAEyB;AACxB,CAAC;AAED,eAAe/B,oBAAoB"}
|
|
@@ -2,12 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
function CardCarouselSubtitle(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
10
|
-
const Component = as || 'p';
|
|
5
|
+
var children = _ref.children,
|
|
6
|
+
as = _ref.as,
|
|
7
|
+
className = _ref.className;
|
|
8
|
+
var Component = as || 'p';
|
|
11
9
|
return /*#__PURE__*/React.createElement(Component, {
|
|
12
10
|
className: classNames('pgn__card-carousel-subtitle', className)
|
|
13
11
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselSubtitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselSubtitle({ children, as, className }) {\n const Component = as || 'p';\n return (\n <Component className={classNames('pgn__card-carousel-subtitle', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselSubtitle.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies the base element */\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** A class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardCarouselSubtitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoBA,CAAAC,IAAA,EAA8B;EAAA,
|
|
1
|
+
{"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselSubtitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselSubtitle({ children, as, className }) {\n const Component = as || 'p';\n return (\n <Component className={classNames('pgn__card-carousel-subtitle', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselSubtitle.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies the base element */\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** A class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardCarouselSubtitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoBA,CAAAC,IAAA,EAA8B;EAAA,IAA3BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EACrD,IAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,6BAA6B,EAAEK,SAAS;EAAE,GACxEF,QACQ,CAAC;AAEhB;AAEAF,oBAAoB,CAACO,SAAS,GAAG;EAC/B;EACAL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnC;EACAN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClE;EACAR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,oBAAoB,CAACa,YAAY,GAAG;EAClCV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,oBAAoB"}
|
|
@@ -2,12 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
function CardCarouselTitle(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
10
|
-
const Component = as || 'h2';
|
|
5
|
+
var children = _ref.children,
|
|
6
|
+
as = _ref.as,
|
|
7
|
+
className = _ref.className;
|
|
8
|
+
var Component = as || 'h2';
|
|
11
9
|
return /*#__PURE__*/React.createElement(Component, {
|
|
12
10
|
className: classNames('pgn__card-carousel-title', className)
|
|
13
11
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselTitle({ children, as, className }) {\n const Component = as || 'h2';\n return (\n <Component className={classNames('pgn__card-carousel-title', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselTitle.propTypes = {\n children: PropTypes.node.isRequired,\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n className: PropTypes.string,\n};\n\nCardCarouselTitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAA8B;EAAA,
|
|
1
|
+
{"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselTitle({ children, as, className }) {\n const Component = as || 'h2';\n return (\n <Component className={classNames('pgn__card-carousel-title', className)}>\n {children}\n </Component>\n );\n}\n\nCardCarouselTitle.propTypes = {\n children: PropTypes.node.isRequired,\n as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n className: PropTypes.string,\n};\n\nCardCarouselTitle.defaultProps = {\n as: undefined,\n className: undefined,\n};\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAA8B;EAAA,IAA3BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAClD,IAAMC,SAAS,GAAGF,EAAE,IAAI,IAAI;EAC5B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,0BAA0B,EAAEK,SAAS;EAAE,GACrEF,QACQ,CAAC;AAEhB;AAEAF,iBAAiB,CAACO,SAAS,GAAG;EAC5BL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnCN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClER,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,iBAAiB,CAACa,YAAY,GAAG;EAC/BV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,iBAAiB"}
|
package/dist/Card/CardContext.js
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import React, { createContext } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
3
|
+
var CardContext = /*#__PURE__*/createContext({});
|
|
4
4
|
function CardContextProvider(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
variant
|
|
10
|
-
} = _ref;
|
|
5
|
+
var orientation = _ref.orientation,
|
|
6
|
+
children = _ref.children,
|
|
7
|
+
isLoading = _ref.isLoading,
|
|
8
|
+
variant = _ref.variant;
|
|
11
9
|
return /*#__PURE__*/React.createElement(CardContext.Provider, {
|
|
12
10
|
value: {
|
|
13
|
-
orientation,
|
|
14
|
-
isLoading,
|
|
15
|
-
variant
|
|
11
|
+
orientation: orientation,
|
|
12
|
+
isLoading: isLoading,
|
|
13
|
+
variant: variant
|
|
16
14
|
}
|
|
17
15
|
}, children);
|
|
18
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","_ref","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n orientation,\n children,\n isLoading,\n variant,\n}) {\n return (\n <CardContext.Provider value={{ orientation, isLoading, variant }}>\n {children}\n </CardContext.Provider>\n );\n}\n\nCardContextProvider.propTypes = {\n /** Specifies which orientation to use. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies loading state. */\n isLoading: PropTypes.bool,\n /** Specifies content of the component. */\n children: PropTypes.node,\n /** Specifies `Card` style variant */\n variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n orientation: 'vertical',\n isLoading: false,\n children: null,\n variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,
|
|
1
|
+
{"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","_ref","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n orientation,\n children,\n isLoading,\n variant,\n}) {\n return (\n <CardContext.Provider value={{ orientation, isLoading, variant }}>\n {children}\n </CardContext.Provider>\n );\n}\n\nCardContextProvider.propTypes = {\n /** Specifies which orientation to use. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies loading state. */\n isLoading: PropTypes.bool,\n /** Specifies content of the component. */\n children: PropTypes.node,\n /** Specifies `Card` style variant */\n variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n orientation: 'vertical',\n isLoading: false,\n children: null,\n variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,WAAW,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAErC,SAASG,mBAAmBA,CAAAC,IAAA,EAKzB;EAAA,IAJDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAEP,oBACET,KAAA,CAAAU,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW,EAAXA,WAAW;MAAEE,SAAS,EAATA,SAAS;MAAEC,OAAO,EAAPA;IAAQ;EAAE,GAC9DF,QACmB,CAAC;AAE3B;AAEAH,mBAAmB,CAACS,SAAS,GAAG;EAC9B;EACAP,WAAW,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAN,SAAS,EAAEN,SAAS,CAACa,IAAI;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxB;EACAP,OAAO,EAAEP,SAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDV,mBAAmB,CAACa,YAAY,GAAG;EACjCX,WAAW,EAAE,UAAU;EACvBE,SAAS,EAAE,KAAK;EAChBD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAED,SAASL,mBAAmB;AAC5B,eAAeD,WAAW"}
|
package/dist/Card/CardDeck.js
CHANGED
|
@@ -6,23 +6,25 @@ import BaseCardDeck from 'react-bootstrap/CardDeck';
|
|
|
6
6
|
import Row from 'react-bootstrap/Row';
|
|
7
7
|
import Col from 'react-bootstrap/Col';
|
|
8
8
|
import { useOverflowScrollItems } from '../OverflowScroll';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
9
|
+
var CardDeck = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
10
|
+
var className = _ref.className,
|
|
11
|
+
children = _ref.children,
|
|
12
|
+
columnSizes = _ref.columnSizes,
|
|
13
|
+
hasInteractiveChildren = _ref.hasInteractiveChildren,
|
|
14
|
+
canScrollHorizontal = _ref.canScrollHorizontal,
|
|
15
|
+
hasOverflowScrollItems = _ref.hasOverflowScrollItems,
|
|
16
|
+
hasEqualColumnHeights = _ref.hasEqualColumnHeights;
|
|
17
|
+
var cards = useMemo(function () {
|
|
18
|
+
return Children.map(children, function (card) {
|
|
19
|
+
return /*#__PURE__*/React.createElement(Col, _extends({}, columnSizes, {
|
|
20
|
+
className: classNames('pgn__card-deck__card-item', {
|
|
21
|
+
'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights
|
|
22
|
+
})
|
|
23
|
+
}), card);
|
|
24
|
+
});
|
|
25
|
+
}, [children, columnSizes, hasEqualColumnHeights]);
|
|
26
|
+
var overflowCardDeckItems = useOverflowScrollItems(cards);
|
|
27
|
+
var cardDeckChildren = useMemo(function () {
|
|
26
28
|
if (hasOverflowScrollItems) {
|
|
27
29
|
return overflowCardDeckItems;
|
|
28
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","BaseCardDeck","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","_ref","ref","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","cards","map","card","createElement","_extends","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined","Deprecated"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseCardDeck from 'react-bootstrap/CardDeck';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { useOverflowScrollItems } from '../OverflowScroll';\n\nconst CardDeck = React.forwardRef(({\n className,\n children,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n hasOverflowScrollItems,\n hasEqualColumnHeights,\n}, ref) => {\n const cards = useMemo(\n () => Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-deck__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n const overflowCardDeckItems = useOverflowScrollItems(cards);\n\n const cardDeckChildren = useMemo(() => {\n if (hasOverflowScrollItems) {\n return overflowCardDeckItems;\n }\n return cards;\n }, [hasOverflowScrollItems, overflowCardDeckItems, cards]);\n\n return (\n <div\n className={classNames(\n 'pgn__card-deck',\n {\n 'pgn__card-deck-has-horizontal-scroll': canScrollHorizontal,\n },\n className,\n )}\n >\n <Row\n className=\"pgn__card-deck-row\"\n tabIndex={hasInteractiveChildren ? -1 : 0}\n ref={ref}\n >\n {cardDeckChildren}\n </Row>\n </div>\n );\n});\n\nCardDeck.propTypes = {\n /** The class name for the CardDeck component */\n className: PropTypes.string,\n /** The Card components to organize */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the children of CardDeck should be processed by `useOverflowScrollItems` to give\n * each child a known/stable CSS classname */\n hasOverflowScrollItems: PropTypes.bool,\n /** Whether to disable the default equal height cards */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardDeck.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n hasOverflowScrollItems: false,\n hasEqualColumnHeights: true,\n};\n\nCardDeck.Deprecated = BaseCardDeck;\n\nexport default CardDeck;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D,
|
|
1
|
+
{"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","BaseCardDeck","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","_ref","ref","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","cards","map","card","createElement","_extends","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined","Deprecated"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseCardDeck from 'react-bootstrap/CardDeck';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { useOverflowScrollItems } from '../OverflowScroll';\n\nconst CardDeck = React.forwardRef(({\n className,\n children,\n columnSizes,\n hasInteractiveChildren,\n canScrollHorizontal,\n hasOverflowScrollItems,\n hasEqualColumnHeights,\n}, ref) => {\n const cards = useMemo(\n () => Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-deck__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n const overflowCardDeckItems = useOverflowScrollItems(cards);\n\n const cardDeckChildren = useMemo(() => {\n if (hasOverflowScrollItems) {\n return overflowCardDeckItems;\n }\n return cards;\n }, [hasOverflowScrollItems, overflowCardDeckItems, cards]);\n\n return (\n <div\n className={classNames(\n 'pgn__card-deck',\n {\n 'pgn__card-deck-has-horizontal-scroll': canScrollHorizontal,\n },\n className,\n )}\n >\n <Row\n className=\"pgn__card-deck-row\"\n tabIndex={hasInteractiveChildren ? -1 : 0}\n ref={ref}\n >\n {cardDeckChildren}\n </Row>\n </div>\n );\n});\n\nCardDeck.propTypes = {\n /** The class name for the CardDeck component */\n className: PropTypes.string,\n /** The Card components to organize */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n * added to be a11y-compliant */\n hasInteractiveChildren: PropTypes.bool,\n /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n canScrollHorizontal: PropTypes.bool,\n /** Whether the children of CardDeck should be processed by `useOverflowScrollItems` to give\n * each child a known/stable CSS classname */\n hasOverflowScrollItems: PropTypes.bool,\n /** Whether to disable the default equal height cards */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardDeck.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasInteractiveChildren: false,\n canScrollHorizontal: true,\n hasOverflowScrollItems: false,\n hasEqualColumnHeights: true,\n};\n\nCardDeck.Deprecated = BaseCardDeck;\n\nexport default CardDeck;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D,IAAMC,QAAQ,gBAAGT,KAAK,CAACU,UAAU,CAAC,UAAAC,IAAA,EAQ/BC,GAAG,EAAK;EAAA,IAPTC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,sBAAsB,GAAAL,IAAA,CAAtBK,sBAAsB;IACtBC,mBAAmB,GAAAN,IAAA,CAAnBM,mBAAmB;IACnBC,sBAAsB,GAAAP,IAAA,CAAtBO,sBAAsB;IACtBC,qBAAqB,GAAAR,IAAA,CAArBQ,qBAAqB;EAErB,IAAMC,KAAK,GAAGlB,OAAO,CACnB;IAAA,OAAMD,QAAQ,CAACoB,GAAG,CAACP,QAAQ,EAAE,UAACQ,IAAI;MAAA,oBAChCtB,KAAA,CAAAuB,aAAA,CAAChB,GAAG,EAAAiB,QAAA,KACET,WAAW;QACfF,SAAS,EAAEV,UAAU,CACnB,2BAA2B,EAC3B;UACE,yCAAyC,EAAE,CAACgB;QAC9C,CACF;MAAE,IAEDG,IACE,CAAC;IAAA,CACP,CAAC;EAAA,GACF,CAACR,QAAQ,EAAEC,WAAW,EAAEI,qBAAqB,CAC/C,CAAC;EACD,IAAMM,qBAAqB,GAAGjB,sBAAsB,CAACY,KAAK,CAAC;EAE3D,IAAMM,gBAAgB,GAAGxB,OAAO,CAAC,YAAM;IACrC,IAAIgB,sBAAsB,EAAE;MAC1B,OAAOO,qBAAqB;IAC9B;IACA,OAAOL,KAAK;EACd,CAAC,EAAE,CAACF,sBAAsB,EAAEO,qBAAqB,EAAEL,KAAK,CAAC,CAAC;EAE1D,oBACEpB,KAAA,CAAAuB,aAAA;IACEV,SAAS,EAAEV,UAAU,CACnB,gBAAgB,EAChB;MACE,sCAAsC,EAAEc;IAC1C,CAAC,EACDJ,SACF;EAAE,gBAEFb,KAAA,CAAAuB,aAAA,CAACjB,GAAG;IACFO,SAAS,EAAC,oBAAoB;IAC9Bc,QAAQ,EAAEX,sBAAsB,GAAG,CAAC,CAAC,GAAG,CAAE;IAC1CJ,GAAG,EAAEA;EAAI,GAERc,gBACE,CACF,CAAC;AAEV,CAAC,CAAC;AAEFjB,QAAQ,CAACmB,SAAS,GAAG;EACnB;EACAf,SAAS,EAAET,SAAS,CAACyB,MAAM;EAC3B;EACAf,QAAQ,EAAEV,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEhB,WAAW,EAAEX,SAAS,CAAC4B,KAAK,CAAC;IAC3BC,EAAE,EAAE7B,SAAS,CAAC8B,MAAM;IACpBC,EAAE,EAAE/B,SAAS,CAAC8B,MAAM;IACpBE,EAAE,EAAEhC,SAAS,CAAC8B,MAAM;IACpBG,EAAE,EAAEjC,SAAS,CAAC8B,MAAM;IACpBI,EAAE,EAAElC,SAAS,CAAC8B;EAChB,CAAC,CAAC;EACF;AACF;EACElB,sBAAsB,EAAEZ,SAAS,CAACmC,IAAI;EACtC;EACAtB,mBAAmB,EAAEb,SAAS,CAACmC,IAAI;EACnC;AACF;EACErB,sBAAsB,EAAEd,SAAS,CAACmC,IAAI;EACtC;EACApB,qBAAqB,EAAEf,SAAS,CAACmC;AACnC,CAAC;AAED9B,QAAQ,CAAC+B,YAAY,GAAG;EACtB3B,SAAS,EAAE4B,SAAS;EACpB1B,WAAW,EAAE;IACXoB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDtB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,sBAAsB,EAAE,KAAK;EAC7BC,qBAAqB,EAAE;AACzB,CAAC;AAEDV,QAAQ,CAACiC,UAAU,GAAGrC,YAAY;AAElC,eAAeI,QAAQ"}
|
package/dist/Card/CardDivider.js
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["className"];
|
|
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
|
-
className
|
|
11
|
-
} = _ref,
|
|
8
|
+
var CardDivider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
9
|
+
var className = _ref.className,
|
|
12
10
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
11
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
14
12
|
className: classNames('pgn__card-divider', className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","_ref","ref","className","props","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,
|
|
1
|
+
{"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","_ref","ref","className","props","_objectWithoutProperties","_excluded","createElement","_extends","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,WAAW,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG;EAAA,IAA1BC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBACzDV,KAAA,CAAAW,aAAA,QAAAC,QAAA;IAAKL,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IAACD,GAAG,EAAEA;EAAI,GAAKE,KAAK,CAAG,CAAC;AAAA,CACpF,CAAC;AAEFL,WAAW,CAACU,SAAS,GAAG;EACtB;EACAN,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,WAAW,CAACY,YAAY,GAAG;EACzBR,SAAS,EAAES;AACb,CAAC;AAED,eAAeb,WAAW"}
|
package/dist/Card/CardFooter.js
CHANGED
|
@@ -3,24 +3,21 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import Skeleton from 'react-loading-skeleton';
|
|
5
5
|
import CardContext from './CardContext';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const footerOrientation = orientation || cardOrientation;
|
|
22
|
-
const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;
|
|
23
|
-
const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;
|
|
6
|
+
var IS_LOADING_HEIGHT_VALUE = 18;
|
|
7
|
+
var CardFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
|
+
var children = _ref.children,
|
|
9
|
+
className = _ref.className,
|
|
10
|
+
isStacked = _ref.isStacked,
|
|
11
|
+
textElement = _ref.textElement,
|
|
12
|
+
skeletonHeight = _ref.skeletonHeight,
|
|
13
|
+
skeletonWidth = _ref.skeletonWidth,
|
|
14
|
+
orientation = _ref.orientation;
|
|
15
|
+
var _useContext = useContext(CardContext),
|
|
16
|
+
cardOrientation = _useContext.orientation,
|
|
17
|
+
isLoading = _useContext.isLoading;
|
|
18
|
+
var footerOrientation = orientation || cardOrientation;
|
|
19
|
+
var wrapperClassName = "pgn__card-footer ".concat(footerOrientation).concat(isStacked ? '-stacked' : '');
|
|
20
|
+
var textElementClassName = "pgn__card-footer-text ".concat(footerOrientation).concat(isStacked ? '-stacked' : '');
|
|
24
21
|
if (isLoading) {
|
|
25
22
|
return /*#__PURE__*/React.createElement("div", {
|
|
26
23
|
className: classNames(className, wrapperClassName)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardFooter.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","IS_LOADING_HEIGHT_VALUE","CardFooter","forwardRef","_ref","ref","children","className","isStacked","textElement","skeletonHeight","skeletonWidth","orientation","cardOrientation","isLoading","footerOrientation","wrapperClassName","textElementClassName","createElement","containerClassName","height","width","propTypes","node","string","bool","oneOf","number","defaultProps","undefined"],"sources":["../../src/Card/CardFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst IS_LOADING_HEIGHT_VALUE = 18;\n\nconst CardFooter = React.forwardRef(({\n children,\n className,\n isStacked,\n textElement,\n skeletonHeight,\n skeletonWidth,\n orientation,\n}, ref) => {\n const { orientation: cardOrientation, isLoading } = useContext(CardContext);\n const footerOrientation = orientation || cardOrientation;\n const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n\n if (isLoading) {\n return (\n <div className={classNames(className, wrapperClassName)}>\n <Skeleton\n containerClassName=\"pgn__card-footer-loader\"\n height={skeletonHeight}\n width={skeletonWidth}\n />\n </div>\n );\n }\n\n return (\n <div className={classNames(className, wrapperClassName)} ref={ref}>\n {textElement && <div className={textElementClassName}>{textElement}</div>}\n {children}\n </div>\n );\n});\n\nCardFooter.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Optional node to display near actions. Should be either a plain text or an element containing text (e.g. link). */\n textElement: PropTypes.node,\n /** Specifies whether to use stacked variant. */\n isStacked: PropTypes.bool,\n /** Specifies which orientation to use. This prop will override context value if provided. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies height of skeleton in loading state. */\n skeletonHeight: PropTypes.number,\n /** Specifies width of skeleton in loading state. */\n skeletonWidth: PropTypes.number,\n};\n\nCardFooter.defaultProps = {\n children: null,\n className: undefined,\n textElement: undefined,\n isStacked: false,\n orientation: undefined,\n skeletonHeight: IS_LOADING_HEIGHT_VALUE,\n skeletonWidth: undefined,\n};\n\nexport default CardFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,
|
|
1
|
+
{"version":3,"file":"CardFooter.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","IS_LOADING_HEIGHT_VALUE","CardFooter","forwardRef","_ref","ref","children","className","isStacked","textElement","skeletonHeight","skeletonWidth","orientation","_useContext","cardOrientation","isLoading","footerOrientation","wrapperClassName","concat","textElementClassName","createElement","containerClassName","height","width","propTypes","node","string","bool","oneOf","number","defaultProps","undefined"],"sources":["../../src/Card/CardFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst IS_LOADING_HEIGHT_VALUE = 18;\n\nconst CardFooter = React.forwardRef(({\n children,\n className,\n isStacked,\n textElement,\n skeletonHeight,\n skeletonWidth,\n orientation,\n}, ref) => {\n const { orientation: cardOrientation, isLoading } = useContext(CardContext);\n const footerOrientation = orientation || cardOrientation;\n const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n\n if (isLoading) {\n return (\n <div className={classNames(className, wrapperClassName)}>\n <Skeleton\n containerClassName=\"pgn__card-footer-loader\"\n height={skeletonHeight}\n width={skeletonWidth}\n />\n </div>\n );\n }\n\n return (\n <div className={classNames(className, wrapperClassName)} ref={ref}>\n {textElement && <div className={textElementClassName}>{textElement}</div>}\n {children}\n </div>\n );\n});\n\nCardFooter.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Optional node to display near actions. Should be either a plain text or an element containing text (e.g. link). */\n textElement: PropTypes.node,\n /** Specifies whether to use stacked variant. */\n isStacked: PropTypes.bool,\n /** Specifies which orientation to use. This prop will override context value if provided. */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /** Specifies height of skeleton in loading state. */\n skeletonHeight: PropTypes.number,\n /** Specifies width of skeleton in loading state. */\n skeletonWidth: PropTypes.number,\n};\n\nCardFooter.defaultProps = {\n children: null,\n className: undefined,\n textElement: undefined,\n isStacked: false,\n orientation: undefined,\n skeletonHeight: IS_LOADING_HEIGHT_VALUE,\n skeletonWidth: undefined,\n};\n\nexport default CardFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,IAAMC,uBAAuB,GAAG,EAAE;AAElC,IAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,UAAAC,IAAA,EAQjCC,GAAG,EAAK;EAAA,IAPTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;EAEX,IAAAC,WAAA,GAAoDjB,UAAU,CAACI,WAAW,CAAC;IAAtDc,eAAe,GAAAD,WAAA,CAA5BD,WAAW;IAAmBG,SAAS,GAAAF,WAAA,CAATE,SAAS;EAC/C,IAAMC,iBAAiB,GAAGJ,WAAW,IAAIE,eAAe;EACxD,IAAMG,gBAAgB,uBAAAC,MAAA,CAAuBF,iBAAiB,EAAAE,MAAA,CAAGV,SAAS,GAAG,UAAU,GAAG,EAAE,CAAE;EAC9F,IAAMW,oBAAoB,4BAAAD,MAAA,CAA4BF,iBAAiB,EAAAE,MAAA,CAAGV,SAAS,GAAG,UAAU,GAAG,EAAE,CAAE;EAEvG,IAAIO,SAAS,EAAE;IACb,oBACEpB,KAAA,CAAAyB,aAAA;MAAKb,SAAS,EAAET,UAAU,CAACS,SAAS,EAAEU,gBAAgB;IAAE,gBACtDtB,KAAA,CAAAyB,aAAA,CAACrB,QAAQ;MACPsB,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEZ,cAAe;MACvBa,KAAK,EAAEZ;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEhB,KAAA,CAAAyB,aAAA;IAAKb,SAAS,EAAET,UAAU,CAACS,SAAS,EAAEU,gBAAgB,CAAE;IAACZ,GAAG,EAAEA;EAAI,GAC/DI,WAAW,iBAAId,KAAA,CAAAyB,aAAA;IAAKb,SAAS,EAAEY;EAAqB,GAAEV,WAAiB,CAAC,EACxEH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFJ,UAAU,CAACsB,SAAS,GAAG;EACrB;EACAlB,QAAQ,EAAET,SAAS,CAAC4B,IAAI;EACxB;EACAlB,SAAS,EAAEV,SAAS,CAAC6B,MAAM;EAC3B;EACAjB,WAAW,EAAEZ,SAAS,CAAC4B,IAAI;EAC3B;EACAjB,SAAS,EAAEX,SAAS,CAAC8B,IAAI;EACzB;EACAf,WAAW,EAAEf,SAAS,CAAC+B,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAlB,cAAc,EAAEb,SAAS,CAACgC,MAAM;EAChC;EACAlB,aAAa,EAAEd,SAAS,CAACgC;AAC3B,CAAC;AAED3B,UAAU,CAAC4B,YAAY,GAAG;EACxBxB,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAEwB,SAAS;EACpBtB,WAAW,EAAEsB,SAAS;EACtBvB,SAAS,EAAE,KAAK;EAChBI,WAAW,EAAEmB,SAAS;EACtBrB,cAAc,EAAET,uBAAuB;EACvCU,aAAa,EAAEoB;AACjB,CAAC;AAED,eAAe7B,UAAU"}
|
package/dist/Card/CardGrid.js
CHANGED
|
@@ -5,17 +5,19 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import Row from 'react-bootstrap/Row';
|
|
6
6
|
import Col from 'react-bootstrap/Col';
|
|
7
7
|
function CardGrid(_ref) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
8
|
+
var className = _ref.className,
|
|
9
|
+
children = _ref.children,
|
|
10
|
+
columnSizes = _ref.columnSizes,
|
|
11
|
+
hasEqualColumnHeights = _ref.hasEqualColumnHeights;
|
|
12
|
+
var cards = useMemo(function () {
|
|
13
|
+
return React.Children.map(children, function (card) {
|
|
14
|
+
return /*#__PURE__*/React.createElement(Col, _extends({}, columnSizes, {
|
|
15
|
+
className: classNames('pgn__card-grid__card-item', {
|
|
16
|
+
'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights
|
|
17
|
+
})
|
|
18
|
+
}), card);
|
|
19
|
+
});
|
|
20
|
+
}, [children, columnSizes, hasEqualColumnHeights]);
|
|
19
21
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
22
|
className: classNames('pgn__card-grid', className)
|
|
21
23
|
}, /*#__PURE__*/React.createElement(Row, null, cards));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","PropTypes","Row","Col","CardGrid","_ref","className","children","columnSizes","hasEqualColumnHeights","cards","Children","map","card","createElement","_extends","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardGrid.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nfunction CardGrid({\n className,\n children,\n columnSizes,\n hasEqualColumnHeights,\n}) {\n const cards = useMemo(\n () => React.Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-grid__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n\n return (\n <div className={classNames('pgn__card-grid', className)}>\n <Row>\n {cards}\n </Row>\n </div>\n );\n}\n\nCardGrid.propTypes = {\n /** The class name for the CardGrid component */\n className: PropTypes.string,\n /** The Card components to organize into a responsive grid */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether to disable the default equal height cards across rows in the card grid */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardGrid.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasEqualColumnHeights: true,\n};\n\nexport default CardGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AAErC,SAASC,QAAQA,CAAAC,IAAA,EAKd;EAAA,
|
|
1
|
+
{"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","PropTypes","Row","Col","CardGrid","_ref","className","children","columnSizes","hasEqualColumnHeights","cards","Children","map","card","createElement","_extends","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardGrid.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nfunction CardGrid({\n className,\n children,\n columnSizes,\n hasEqualColumnHeights,\n}) {\n const cards = useMemo(\n () => React.Children.map(children, (card) => (\n <Col\n {...columnSizes}\n className={classNames(\n 'pgn__card-grid__card-item',\n {\n 'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n },\n )}\n >\n {card}\n </Col>\n )),\n [children, columnSizes, hasEqualColumnHeights],\n );\n\n return (\n <div className={classNames('pgn__card-grid', className)}>\n <Row>\n {cards}\n </Row>\n </div>\n );\n}\n\nCardGrid.propTypes = {\n /** The class name for the CardGrid component */\n className: PropTypes.string,\n /** The Card components to organize into a responsive grid */\n children: PropTypes.node.isRequired,\n /**\n * An object containing the desired column size at each breakpoint, following a similar\n * props API as ``react-bootstrap/Col``\n */\n columnSizes: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n /** Whether to disable the default equal height cards across rows in the card grid */\n hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardGrid.defaultProps = {\n className: undefined,\n columnSizes: {\n sm: 12,\n lg: 6,\n xl: 4,\n },\n hasEqualColumnHeights: true,\n};\n\nexport default CardGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AAErC,SAASC,QAAQA,CAAAC,IAAA,EAKd;EAAA,IAJDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB;EAErB,IAAMC,KAAK,GAAGX,OAAO,CACnB;IAAA,OAAMD,KAAK,CAACa,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAE,UAACM,IAAI;MAAA,oBACtCf,KAAA,CAAAgB,aAAA,CAACX,GAAG,EAAAY,QAAA,KACEP,WAAW;QACfF,SAAS,EAAEN,UAAU,CACnB,2BAA2B,EAC3B;UACE,yCAAyC,EAAE,CAACS;QAC9C,CACF;MAAE,IAEDI,IACE,CAAC;IAAA,CACP,CAAC;EAAA,GACF,CAACN,QAAQ,EAAEC,WAAW,EAAEC,qBAAqB,CAC/C,CAAC;EAED,oBACEX,KAAA,CAAAgB,aAAA;IAAKR,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS;EAAE,gBACtDR,KAAA,CAAAgB,aAAA,CAACZ,GAAG,QACDQ,KACE,CACF,CAAC;AAEV;AAEAN,QAAQ,CAACY,SAAS,GAAG;EACnB;EACAV,SAAS,EAAEL,SAAS,CAACgB,MAAM;EAC3B;EACAV,QAAQ,EAAEN,SAAS,CAACiB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEX,WAAW,EAAEP,SAAS,CAACmB,KAAK,CAAC;IAC3BC,EAAE,EAAEpB,SAAS,CAACqB,MAAM;IACpBC,EAAE,EAAEtB,SAAS,CAACqB,MAAM;IACpBE,EAAE,EAAEvB,SAAS,CAACqB,MAAM;IACpBG,EAAE,EAAExB,SAAS,CAACqB,MAAM;IACpBI,EAAE,EAAEzB,SAAS,CAACqB;EAChB,CAAC,CAAC;EACF;EACAb,qBAAqB,EAAER,SAAS,CAAC0B;AACnC,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBtB,SAAS,EAAEuB,SAAS;EACpBrB,WAAW,EAAE;IACXe,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDjB,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeL,QAAQ"}
|
package/dist/Card/CardHeader.js
CHANGED
|
@@ -3,27 +3,22 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import Skeleton from 'react-loading-skeleton';
|
|
5
5
|
import CardContext from './CardContext';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
isLoading
|
|
19
|
-
} = useContext(CardContext);
|
|
20
|
-
const cloneActions = useCallback(Action => {
|
|
6
|
+
var SKELETON_HEIGHT_VALUE = 20;
|
|
7
|
+
var CardHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
|
+
var actions = _ref.actions,
|
|
9
|
+
className = _ref.className,
|
|
10
|
+
size = _ref.size,
|
|
11
|
+
subtitle = _ref.subtitle,
|
|
12
|
+
title = _ref.title,
|
|
13
|
+
skeletonHeight = _ref.skeletonHeight,
|
|
14
|
+
skeletonWidth = _ref.skeletonWidth;
|
|
15
|
+
var _useContext = useContext(CardContext),
|
|
16
|
+
isLoading = _useContext.isLoading;
|
|
17
|
+
var cloneActions = useCallback(function (Action) {
|
|
21
18
|
if ( /*#__PURE__*/React.isValidElement(Action)) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const addtlActionProps = {
|
|
26
|
-
size,
|
|
19
|
+
var children = Action.props.children;
|
|
20
|
+
var addtlActionProps = {
|
|
21
|
+
size: size,
|
|
27
22
|
children: Array.isArray(children) ? children.map(cloneActions) : cloneActions(children)
|
|
28
23
|
};
|
|
29
24
|
return /*#__PURE__*/React.cloneElement(Action, addtlActionProps);
|
|
@@ -45,9 +40,9 @@ const CardHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
45
40
|
}, /*#__PURE__*/React.createElement("div", {
|
|
46
41
|
className: "pgn__card-header-content"
|
|
47
42
|
}, title && /*#__PURE__*/React.createElement("div", {
|
|
48
|
-
className:
|
|
43
|
+
className: "pgn__card-header-title-".concat(size)
|
|
49
44
|
}, title), subtitle && /*#__PURE__*/React.createElement("div", {
|
|
50
|
-
className:
|
|
45
|
+
className: "pgn__card-header-subtitle-".concat(size)
|
|
51
46
|
}, subtitle)), actions && /*#__PURE__*/React.createElement("div", {
|
|
52
47
|
className: "pgn__card-header-actions"
|
|
53
48
|
}, size !== 'md' ? cloneActions(actions) : actions));
|