@openedx/paragon 21.12.0 → 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 +14 -11
- 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 +19 -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 +32 -31
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Hyperlink/index.scss +2 -2
- package/dist/Icon/index.js +38 -30
- package/dist/Icon/index.js.map +1 -1
- package/dist/IconButton/index.js +31 -33
- 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 +25 -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 +226 -193
- 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 +18 -21
- package/dist/Popover/index.js.map +1 -1
- package/dist/ProductTour/Checkpoint.js +39 -30
- 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/ProductTour/messages.js +16 -0
- 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 +66 -51
- 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 +8 -11
- 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 -23
- 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 +72 -56
- 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 +50 -41
- 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/i18n/messages/ar.json +2 -1
- package/dist/i18n/messages/ca.json +2 -1
- package/dist/i18n/messages/es_419.json +2 -1
- package/dist/i18n/messages/es_AR.json +2 -1
- package/dist/i18n/messages/es_ES.json +2 -1
- package/dist/i18n/messages/fr.json +2 -1
- package/dist/i18n/messages/he.json +2 -1
- package/dist/i18n/messages/id.json +2 -1
- package/dist/i18n/messages/it_IT.json +2 -1
- package/dist/i18n/messages/ko_KR.json +2 -1
- package/dist/i18n/messages/pl.json +2 -1
- package/dist/i18n/messages/pt_BR.json +2 -1
- package/dist/i18n/messages/pt_PT.json +2 -1
- package/dist/i18n/messages/ru.json +2 -1
- package/dist/i18n/messages/th.json +2 -1
- package/dist/i18n/messages/tr_TR.json +2 -1
- package/dist/i18n/messages/uk.json +2 -1
- package/dist/i18n/messages/zh_CN.json +2 -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/Container/index.jsx +4 -0
- package/src/Dropdown/index.jsx +4 -0
- package/src/Dropzone/index.jsx +1 -1
- package/src/Form/FormSwitch.jsx +3 -0
- package/src/Hyperlink/index.jsx +7 -6
- package/src/Hyperlink/index.scss +2 -2
- package/src/Icon/index.jsx +18 -11
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +12 -10
- package/src/IconButton/index.jsx +2 -2
- package/src/Layout/index.jsx +1 -4
- package/src/Menu/MenuItem.jsx +2 -2
- package/src/Modal/ModalDialog.jsx +3 -0
- package/src/Modal/index.jsx +11 -6
- package/src/Overlay/README.md +1 -1
- package/src/Overlay/index.jsx +1 -1
- package/src/Popover/README.md +0 -1
- package/src/Popover/index.jsx +11 -11
- package/src/ProductTour/Checkpoint.jsx +9 -6
- package/src/ProductTour/messages.js +16 -0
- package/src/SearchField/SearchFieldAdvanced.jsx +12 -7
- package/src/SearchField/SearchFieldLabel.jsx +3 -3
- package/src/SearchField/index.jsx +0 -1
- package/src/Tabs/index.jsx +19 -13
- package/src/hooks/tests/useIndexOfLastVisibleChild.test.jsx +3 -3
- package/src/hooks/useIndexOfLastVisibleChild.jsx +36 -38
- package/src/hooks/useIndexOfLastVisibleChild.mdx +3 -3
- package/src/i18n/messages/ar.json +2 -1
- package/src/i18n/messages/ca.json +2 -1
- package/src/i18n/messages/es_419.json +2 -1
- package/src/i18n/messages/es_AR.json +2 -1
- package/src/i18n/messages/es_ES.json +2 -1
- package/src/i18n/messages/fr.json +2 -1
- package/src/i18n/messages/he.json +2 -1
- package/src/i18n/messages/id.json +2 -1
- package/src/i18n/messages/it_IT.json +2 -1
- package/src/i18n/messages/ko_KR.json +2 -1
- package/src/i18n/messages/pl.json +2 -1
- package/src/i18n/messages/pt_BR.json +2 -1
- package/src/i18n/messages/pt_PT.json +2 -1
- package/src/i18n/messages/ru.json +2 -1
- package/src/i18n/messages/th.json +2 -1
- package/src/i18n/messages/tr_TR.json +2 -1
- package/src/i18n/messages/uk.json +2 -1
- package/src/i18n/messages/zh_CN.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n children,\n footerNode,\n beforeBodyNode,\n afterBodyNode,\n ...props\n}) {\n return (\n <ModalDialog {...props}>\n <ModalDialog.Header>\n <ModalDialog.Title>{props.title}</ModalDialog.Title>\n </ModalDialog.Header>\n {beforeBodyNode}\n <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n </ModalDialog>\n );\n}\n\nFullscreenModal.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 the aria-label of the dialog. */\n title: PropTypes.string.isRequired,\n /** Specifies a callback to close the modal dialog. */\n onClose: PropTypes.func.isRequired,\n /** Specifies whether the modal is open. */\n isOpen: PropTypes.bool,\n /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n hasCloseButton: PropTypes.bool,\n /** Specifies size of the dialog box. */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** Specifies visual style of the dialog box. */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /** The label supplied to the close icon button if one is rendered */\n closeLabel: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /** Specifies footer for the dialog box. */\n footerNode: PropTypes.node,\n /** Specifies content that should be rendered before modal's body. */\n beforeBodyNode: PropTypes.node,\n /** Specifies content that should be rendered after modal's body. */\n afterBodyNode: PropTypes.node,\n /** Specifies class name for modal's body component. */\n modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'fullscreen',\n variant: 'dark',\n closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n footerNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n children,\n footerNode,\n beforeBodyNode,\n afterBodyNode,\n ...props\n}) {\n return (\n <ModalDialog {...props}>\n <ModalDialog.Header>\n <ModalDialog.Title>{props.title}</ModalDialog.Title>\n </ModalDialog.Header>\n {beforeBodyNode}\n <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n </ModalDialog>\n );\n}\n\nFullscreenModal.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 the aria-label of the dialog. */\n title: PropTypes.string.isRequired,\n /** Specifies a callback to close the modal dialog. */\n onClose: PropTypes.func.isRequired,\n /** Specifies whether the modal is open. */\n isOpen: PropTypes.bool,\n /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n hasCloseButton: PropTypes.bool,\n /** Specifies size of the dialog box. */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** Specifies visual style of the dialog box. */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /** The label supplied to the close icon button if one is rendered */\n closeLabel: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /** Specifies footer for the dialog box. */\n footerNode: PropTypes.node,\n /** Specifies content that should be rendered before modal's body. */\n beforeBodyNode: PropTypes.node,\n /** Specifies content that should be rendered after modal's body. */\n afterBodyNode: PropTypes.node,\n /** Specifies class name for modal's body component. */\n modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'fullscreen',\n variant: 'dark',\n closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n footerNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,IAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAAC,IAAA,EAMrB;EAAA,IALDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAKQ,KAAK,eACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACY,MAAM,qBACjBd,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,KAAK,QAAEL,KAAK,CAACM,KAAyB,CACjC,CAAC,EACpBR,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACe,IAAI;IAACC,SAAS,EAAER,KAAK,CAACS;EAAmB,GAAEb,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACkB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEL,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAEjB,SAAS,CAACuB,MAAM;EAC3B;EACAR,KAAK,EAAEf,SAAS,CAACuB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAExB,SAAS,CAACyB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,cAAc,EAAE5B,SAAS,CAAC2B,IAAI;EAC9B;EACAE,IAAI,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE/B,SAAS,CAAC8B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAEjC,SAAS,CAAC2B,IAAI;EAClC;EACArB,UAAU,EAAEN,SAAS,CAACqB,IAAI;EAC1B;EACAd,cAAc,EAAEP,SAAS,CAACqB,IAAI;EAC9B;EACAb,aAAa,EAAER,SAAS,CAACqB,IAAI;EAC7B;EACAH,kBAAkB,EAAElB,SAAS,CAACuB;AAChC,CAAC;AAEDpB,eAAe,CAAC+B,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE9B,4BAA4B;EACxCe,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB3B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBU,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAef,eAAe"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "footerNode", "heroNode", "heroIsDark", "beforeBodyNode", "afterBodyNode"];
|
|
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 { requiredWhenNot } from '../utils/propTypes';
|
|
8
8
|
import ModalDialog from './ModalDialog';
|
|
9
9
|
function MarketingModal(_ref) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
afterBodyNode
|
|
17
|
-
} = _ref,
|
|
10
|
+
var children = _ref.children,
|
|
11
|
+
footerNode = _ref.footerNode,
|
|
12
|
+
heroNode = _ref.heroNode,
|
|
13
|
+
heroIsDark = _ref.heroIsDark,
|
|
14
|
+
beforeBodyNode = _ref.beforeBodyNode,
|
|
15
|
+
afterBodyNode = _ref.afterBodyNode,
|
|
18
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
17
|
return /*#__PURE__*/React.createElement(ModalDialog, _extends({}, props, {
|
|
20
18
|
variant: heroIsDark ? 'dark' : 'default'
|
|
@@ -60,7 +58,7 @@ MarketingModal.defaultProps = {
|
|
|
60
58
|
isOpen: false,
|
|
61
59
|
isBlocking: false,
|
|
62
60
|
hasCloseButton: true,
|
|
63
|
-
onClose: ()
|
|
61
|
+
onClose: function onClose() {},
|
|
64
62
|
size: 'md',
|
|
65
63
|
closeLabel: 'Close',
|
|
66
64
|
className: undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_extends","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n children,\n footerNode,\n heroNode,\n heroIsDark,\n beforeBodyNode,\n afterBodyNode,\n ...props\n}) {\n return (\n <ModalDialog\n {...props}\n variant={heroIsDark ? 'dark' : 'default'}\n >\n {heroNode}\n {beforeBodyNode}\n <ModalDialog.Body>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && (\n <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n )}\n </ModalDialog>\n );\n}\n\nMarketingModal.propTypes = {\n /** Specifies the content of the modal */\n children: PropTypes.node.isRequired,\n /** Title of the modal */\n title: PropTypes.string.isRequired,\n /** Is the modal dialog open or closed */\n isOpen: PropTypes.bool,\n /** Prevent clicking on the backdrop to close the modal */\n isBlocking: PropTypes.bool,\n /** The close 'x' icon button in the top right corner */\n hasCloseButton: PropTypes.bool,\n /** Callback function for when the modal is dismissed */\n onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n /** Size of the modal window */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** Specifies the ``aria-label`` attribute for the close button */\n closeLabel: PropTypes.string,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /** Specifies what should be displayed in the footer of the nodal */\n footerNode: PropTypes.node,\n /** Enables dark theme for the modal */\n heroIsDark: PropTypes.bool,\n /** Specifies what should be displayed in the header of the modal */\n heroNode: PropTypes.node,\n /** Specifies what should be displayed before the body block */\n beforeBodyNode: PropTypes.node,\n /** Specifies what should be displayed after the body block */\n afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n isOpen: false,\n isBlocking: false,\n hasCloseButton: true,\n onClose: () => {},\n size: 'md',\n closeLabel: 'Close',\n className: undefined,\n isFullscreenScroll: true,\n footerNode: null,\n heroIsDark: true,\n heroNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,
|
|
1
|
+
{"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_extends","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n children,\n footerNode,\n heroNode,\n heroIsDark,\n beforeBodyNode,\n afterBodyNode,\n ...props\n}) {\n return (\n <ModalDialog\n {...props}\n variant={heroIsDark ? 'dark' : 'default'}\n >\n {heroNode}\n {beforeBodyNode}\n <ModalDialog.Body>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && (\n <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n )}\n </ModalDialog>\n );\n}\n\nMarketingModal.propTypes = {\n /** Specifies the content of the modal */\n children: PropTypes.node.isRequired,\n /** Title of the modal */\n title: PropTypes.string.isRequired,\n /** Is the modal dialog open or closed */\n isOpen: PropTypes.bool,\n /** Prevent clicking on the backdrop to close the modal */\n isBlocking: PropTypes.bool,\n /** The close 'x' icon button in the top right corner */\n hasCloseButton: PropTypes.bool,\n /** Callback function for when the modal is dismissed */\n onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n /** Size of the modal window */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** Specifies the ``aria-label`` attribute for the close button */\n closeLabel: PropTypes.string,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /** Specifies what should be displayed in the footer of the nodal */\n footerNode: PropTypes.node,\n /** Enables dark theme for the modal */\n heroIsDark: PropTypes.bool,\n /** Specifies what should be displayed in the header of the modal */\n heroNode: PropTypes.node,\n /** Specifies what should be displayed before the body block */\n beforeBodyNode: PropTypes.node,\n /** Specifies what should be displayed after the body block */\n afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n isOpen: false,\n isBlocking: false,\n hasCloseButton: true,\n onClose: () => {},\n size: 'md',\n closeLabel: 'Close',\n className: undefined,\n isFullscreenScroll: true,\n footerNode: null,\n heroIsDark: true,\n heroNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBACEd,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KACNJ,KAAK;IACTK,OAAO,EAAER,UAAU,GAAG,MAAM,GAAG;EAAU,IAExCD,QAAQ,EACRE,cAAc,eACfV,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACe,IAAI,QAAEZ,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXP,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACgB,MAAM,QAAEZ,UAA+B,CAEzC,CAAC;AAElB;AAEAH,cAAc,CAACgB,SAAS,GAAG;EACzB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,UAAU,EAAE1B,SAAS,CAACyB,IAAI;EAC1B;EACAE,cAAc,EAAE3B,SAAS,CAACyB,IAAI;EAC9B;EACAG,OAAO,EAAE3B,eAAe,CAACD,SAAS,CAAC6B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE9B,SAAS,CAAC+B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;EACAU,SAAS,EAAEjC,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAElC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACoB,IAAI;EAC1B;EACAZ,UAAU,EAAER,SAAS,CAACyB,IAAI;EAC1B;EACAlB,QAAQ,EAAEP,SAAS,CAACoB,IAAI;EACxB;EACAX,cAAc,EAAET,SAAS,CAACoB,IAAI;EAC9B;EACAV,aAAa,EAAEV,SAAS,CAACoB;AAC3B,CAAC;AAEDjB,cAAc,CAACgC,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxB5B,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeP,cAAc"}
|
|
@@ -1,9 +1,10 @@
|
|
|
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", "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, { useContext } from 'react';
|
|
@@ -11,25 +12,22 @@ import PropTypes from 'prop-types';
|
|
|
11
12
|
import classNames from 'classnames';
|
|
12
13
|
import ModalContext from './ModalContext';
|
|
13
14
|
import Button from '../Button';
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
children
|
|
18
|
-
} = _ref,
|
|
15
|
+
var ModalCloseButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
16
|
+
var as = _ref.as,
|
|
17
|
+
children = _ref.children,
|
|
19
18
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
|
|
21
|
-
onClose
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
const componentProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
19
|
+
var _useContext = useContext(ModalContext),
|
|
20
|
+
onClose = _useContext.onClose;
|
|
21
|
+
var type = as;
|
|
22
|
+
var componentProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
25
23
|
className: classNames('pgn__modal-close-button', props.className),
|
|
26
|
-
onClick: ()
|
|
24
|
+
onClick: function onClick() {
|
|
27
25
|
onClose();
|
|
28
26
|
if (props.onClick) {
|
|
29
27
|
props.onClick();
|
|
30
28
|
}
|
|
31
29
|
},
|
|
32
|
-
ref
|
|
30
|
+
ref: ref
|
|
33
31
|
});
|
|
34
32
|
|
|
35
33
|
// Use the non-jsx syntax to create this element so we can more
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalCloseButton.js","names":["React","useContext","PropTypes","classNames","ModalContext","Button","ModalCloseButton","forwardRef","_ref","ref","as","children","props","_objectWithoutProperties","_excluded","onClose","type","componentProps","_objectSpread","className","onClick","createElement","propTypes","elementType","node","string","func","defaultProps","undefined"],"sources":["../../src/Modal/ModalCloseButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalContext from './ModalContext';\nimport Button from '../Button';\n\nconst ModalCloseButton = React.forwardRef(({ as, children, ...props }, ref) => {\n const { onClose } = useContext(ModalContext);\n const type = as;\n const componentProps = {\n ...props,\n className: classNames('pgn__modal-close-button', props.className),\n onClick: () => {\n onClose();\n if (props.onClick) {\n props.onClick();\n }\n },\n ref,\n };\n\n // Use the non-jsx syntax to create this element so we can more\n // finely control the component type (defaulted to Button via defaultProps)\n return React.createElement(type, componentProps, children);\n});\n\nModalCloseButton.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the content of the button */\n children: PropTypes.node,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** Specifies the callback function when the close button is clicked */\n onClick: PropTypes.func,\n};\n\nModalCloseButton.defaultProps = {\n as: Button,\n onClick: undefined,\n className: undefined,\n children: null,\n};\n\nexport default ModalCloseButton;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalCloseButton.js","names":["React","useContext","PropTypes","classNames","ModalContext","Button","ModalCloseButton","forwardRef","_ref","ref","as","children","props","_objectWithoutProperties","_excluded","_useContext","onClose","type","componentProps","_objectSpread","className","onClick","createElement","propTypes","elementType","node","string","func","defaultProps","undefined"],"sources":["../../src/Modal/ModalCloseButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalContext from './ModalContext';\nimport Button from '../Button';\n\nconst ModalCloseButton = React.forwardRef(({ as, children, ...props }, ref) => {\n const { onClose } = useContext(ModalContext);\n const type = as;\n const componentProps = {\n ...props,\n className: classNames('pgn__modal-close-button', props.className),\n onClick: () => {\n onClose();\n if (props.onClick) {\n props.onClick();\n }\n },\n ref,\n };\n\n // Use the non-jsx syntax to create this element so we can more\n // finely control the component type (defaulted to Button via defaultProps)\n return React.createElement(type, componentProps, children);\n});\n\nModalCloseButton.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the content of the button */\n children: PropTypes.node,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n /** Specifies the callback function when the close button is clicked */\n onClick: PropTypes.func,\n};\n\nModalCloseButton.defaultProps = {\n as: Button,\n onClick: undefined,\n className: undefined,\n children: null,\n};\n\nexport default ModalCloseButton;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAAC,UAAAC,IAAA,EAA6BC,GAAG,EAAK;EAAA,IAAlCC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACjE,IAAAC,WAAA,GAAoBd,UAAU,CAACG,YAAY,CAAC;IAApCY,OAAO,GAAAD,WAAA,CAAPC,OAAO;EACf,IAAMC,IAAI,GAAGP,EAAE;EACf,IAAMQ,cAAc,GAAAC,aAAA,CAAAA,aAAA,KACfP,KAAK;IACRQ,SAAS,EAAEjB,UAAU,CAAC,yBAAyB,EAAES,KAAK,CAACQ,SAAS,CAAC;IACjEC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbL,OAAO,CAAC,CAAC;MACT,IAAIJ,KAAK,CAACS,OAAO,EAAE;QACjBT,KAAK,CAACS,OAAO,CAAC,CAAC;MACjB;IACF,CAAC;IACDZ,GAAG,EAAHA;EAAG,EACJ;;EAED;EACA;EACA,oBAAOT,KAAK,CAACsB,aAAa,CAACL,IAAI,EAAEC,cAAc,EAAEP,QAAQ,CAAC;AAC5D,CAAC,CAAC;AAEFL,gBAAgB,CAACiB,SAAS,GAAG;EAC3B;EACAb,EAAE,EAAER,SAAS,CAACsB,WAAW;EACzB;EACAb,QAAQ,EAAET,SAAS,CAACuB,IAAI;EACxB;EACAL,SAAS,EAAElB,SAAS,CAACwB,MAAM;EAC3B;EACAL,OAAO,EAAEnB,SAAS,CAACyB;AACrB,CAAC;AAEDrB,gBAAgB,CAACsB,YAAY,GAAG;EAC9BlB,EAAE,EAAEL,MAAM;EACVgB,OAAO,EAAEQ,SAAS;EAClBT,SAAS,EAAES,SAAS;EACpBlB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,gBAAgB"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
onClose: ()
|
|
3
|
+
var ModalContext = /*#__PURE__*/React.createContext({
|
|
4
|
+
onClose: function onClose() {}
|
|
5
5
|
});
|
|
6
6
|
function ModalContextProvider(_ref) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
7
|
+
var onClose = _ref.onClose,
|
|
8
|
+
isOpen = _ref.isOpen,
|
|
9
|
+
isBlocking = _ref.isBlocking,
|
|
10
|
+
children = _ref.children;
|
|
11
|
+
var modalContextValue = useMemo(function () {
|
|
12
|
+
return {
|
|
13
|
+
onClose: onClose,
|
|
14
|
+
isOpen: isOpen,
|
|
15
|
+
isBlocking: isBlocking
|
|
16
|
+
};
|
|
17
|
+
}, [onClose, isOpen, isBlocking]);
|
|
18
18
|
return /*#__PURE__*/React.createElement(ModalContext.Provider, {
|
|
19
19
|
value: modalContextValue
|
|
20
20
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContext.js","names":["React","useMemo","PropTypes","ModalContext","createContext","onClose","ModalContextProvider","_ref","isOpen","isBlocking","children","modalContextValue","createElement","Provider","value","propTypes","node","func","isRequired","bool","defaultProps"],"sources":["../../src/Modal/ModalContext.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ModalContext = React.createContext({\n onClose: () => {},\n});\n\nfunction ModalContextProvider({\n onClose, isOpen, isBlocking, children,\n}) {\n const modalContextValue = useMemo(\n () => ({ onClose, isOpen, isBlocking }),\n [onClose, isOpen, isBlocking],\n );\n\n return (\n <ModalContext.Provider value={modalContextValue}>\n {children}\n </ModalContext.Provider>\n );\n}\n\nModalContextProvider.propTypes = {\n children: PropTypes.node,\n onClose: PropTypes.func.isRequired,\n isBlocking: PropTypes.bool,\n isOpen: PropTypes.bool.isRequired,\n};\n\nModalContextProvider.defaultProps = {\n children: null,\n isBlocking: false,\n};\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAElC,
|
|
1
|
+
{"version":3,"file":"ModalContext.js","names":["React","useMemo","PropTypes","ModalContext","createContext","onClose","ModalContextProvider","_ref","isOpen","isBlocking","children","modalContextValue","createElement","Provider","value","propTypes","node","func","isRequired","bool","defaultProps"],"sources":["../../src/Modal/ModalContext.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ModalContext = React.createContext({\n onClose: () => {},\n});\n\nfunction ModalContextProvider({\n onClose, isOpen, isBlocking, children,\n}) {\n const modalContextValue = useMemo(\n () => ({ onClose, isOpen, isBlocking }),\n [onClose, isOpen, isBlocking],\n );\n\n return (\n <ModalContext.Provider value={modalContextValue}>\n {children}\n </ModalContext.Provider>\n );\n}\n\nModalContextProvider.propTypes = {\n children: PropTypes.node,\n onClose: PropTypes.func.isRequired,\n isBlocking: PropTypes.bool,\n isOpen: PropTypes.bool.isRequired,\n};\n\nModalContextProvider.defaultProps = {\n children: null,\n isBlocking: false,\n};\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,YAAY,gBAAGH,KAAK,CAACI,aAAa,CAAC;EACvCC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC;AAClB,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAAC,IAAA,EAE1B;EAAA,IADDF,OAAO,GAAAE,IAAA,CAAPF,OAAO;IAAEG,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAErC,IAAMC,iBAAiB,GAAGV,OAAO,CAC/B;IAAA,OAAO;MAAEI,OAAO,EAAPA,OAAO;MAAEG,MAAM,EAANA,MAAM;MAAEC,UAAU,EAAVA;IAAW,CAAC;EAAA,CAAC,EACvC,CAACJ,OAAO,EAAEG,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACET,KAAA,CAAAY,aAAA,CAACT,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEAJ,oBAAoB,CAACS,SAAS,GAAG;EAC/BL,QAAQ,EAAER,SAAS,CAACc,IAAI;EACxBX,OAAO,EAAEH,SAAS,CAACe,IAAI,CAACC,UAAU;EAClCT,UAAU,EAAEP,SAAS,CAACiB,IAAI;EAC1BX,MAAM,EAAEN,SAAS,CAACiB,IAAI,CAACD;AACzB,CAAC;AAEDZ,oBAAoB,CAACc,YAAY,GAAG;EAClCV,QAAQ,EAAE,IAAI;EACdD,UAAU,EAAE;AACd,CAAC;AAED,SAASH,oBAAoB;AAC7B,eAAeH,YAAY"}
|
|
@@ -1,3 +1,7 @@
|
|
|
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
|
+
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; }
|
|
3
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
|
+
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); }
|
|
1
5
|
import React from 'react';
|
|
2
6
|
import PropTypes from 'prop-types';
|
|
3
7
|
import classNames from 'classnames';
|
|
@@ -12,27 +16,26 @@ import ModalDialogHero from './ModalDialogHero';
|
|
|
12
16
|
import Icon from '../Icon';
|
|
13
17
|
import IconButton from '../IconButton';
|
|
14
18
|
import { Close } from '../../icons';
|
|
15
|
-
export
|
|
19
|
+
export var MODAL_DIALOG_CLOSE_LABEL = 'Close';
|
|
16
20
|
function ModalDialog(_ref) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
title,
|
|
20
|
-
isOpen,
|
|
21
|
-
onClose,
|
|
22
|
-
size,
|
|
23
|
-
variant,
|
|
24
|
-
hasCloseButton,
|
|
25
|
-
closeLabel,
|
|
26
|
-
isFullscreenScroll,
|
|
27
|
-
className,
|
|
28
|
-
isFullscreenOnMobile,
|
|
29
|
-
isBlocking,
|
|
30
|
-
zIndex
|
|
31
|
-
|
|
32
|
-
const isMobile = useMediaQuery({
|
|
21
|
+
var _classNames;
|
|
22
|
+
var children = _ref.children,
|
|
23
|
+
title = _ref.title,
|
|
24
|
+
isOpen = _ref.isOpen,
|
|
25
|
+
onClose = _ref.onClose,
|
|
26
|
+
size = _ref.size,
|
|
27
|
+
variant = _ref.variant,
|
|
28
|
+
hasCloseButton = _ref.hasCloseButton,
|
|
29
|
+
closeLabel = _ref.closeLabel,
|
|
30
|
+
isFullscreenScroll = _ref.isFullscreenScroll,
|
|
31
|
+
className = _ref.className,
|
|
32
|
+
isFullscreenOnMobile = _ref.isFullscreenOnMobile,
|
|
33
|
+
isBlocking = _ref.isBlocking,
|
|
34
|
+
zIndex = _ref.zIndex;
|
|
35
|
+
var isMobile = useMediaQuery({
|
|
33
36
|
query: '(max-width: 767.98px)'
|
|
34
37
|
});
|
|
35
|
-
|
|
38
|
+
var showFullScreen = isFullscreenOnMobile && isMobile;
|
|
36
39
|
return /*#__PURE__*/React.createElement(ModalLayer, {
|
|
37
40
|
isOpen: isOpen,
|
|
38
41
|
onClose: onClose,
|
|
@@ -41,11 +44,7 @@ function ModalDialog(_ref) {
|
|
|
41
44
|
}, /*#__PURE__*/React.createElement("div", {
|
|
42
45
|
role: "dialog",
|
|
43
46
|
"aria-label": title,
|
|
44
|
-
className: classNames('pgn__modal', {
|
|
45
|
-
[`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,
|
|
46
|
-
[`pgn__modal-${variant}`]: variant,
|
|
47
|
-
'pgn__modal-scroll-fullscreen': isFullscreenScroll
|
|
48
|
-
}, className)
|
|
47
|
+
className: classNames('pgn__modal', (_classNames = {}, _defineProperty(_classNames, "pgn__modal-".concat(showFullScreen ? 'fullscreen' : size), size), _defineProperty(_classNames, "pgn__modal-".concat(variant), variant), _defineProperty(_classNames, 'pgn__modal-scroll-fullscreen', isFullscreenScroll), _classNames), className)
|
|
49
48
|
}, hasCloseButton && /*#__PURE__*/React.createElement("div", {
|
|
50
49
|
className: "pgn__modal-close-container"
|
|
51
50
|
}, /*#__PURE__*/React.createElement(ModalCloseButton, {
|
|
@@ -107,6 +106,9 @@ ModalDialog.propTypes = {
|
|
|
107
106
|
* Prevent clicking on the backdrop to close the modal
|
|
108
107
|
*/
|
|
109
108
|
isBlocking: PropTypes.bool,
|
|
109
|
+
/**
|
|
110
|
+
* Specifies the z-index of the modal
|
|
111
|
+
*/
|
|
110
112
|
zIndex: PropTypes.number
|
|
111
113
|
};
|
|
112
114
|
ModalDialog.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","MODAL_DIALOG_CLOSE_LABEL","ModalDialog","_ref","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isMobile","query","showFullScreen","createElement","role","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","defaultProps","undefined","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\nimport ModalDialogTitle from './ModalDialogTitle';\nimport ModalDialogFooter from './ModalDialogFooter';\nimport ModalDialogBody from './ModalDialogBody';\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\nfunction ModalDialog({\n children,\n title,\n isOpen,\n onClose,\n size,\n variant,\n hasCloseButton,\n closeLabel,\n isFullscreenScroll,\n className,\n isFullscreenOnMobile,\n isBlocking,\n zIndex,\n}) {\n const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n const showFullScreen = (isFullscreenOnMobile && isMobile);\n return (\n <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n <div\n role=\"dialog\"\n aria-label={title}\n className={classNames(\n 'pgn__modal',\n {\n [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n [`pgn__modal-${variant}`]: variant,\n 'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n },\n className,\n )}\n >\n {hasCloseButton && (\n <div className=\"pgn__modal-close-container\">\n <ModalCloseButton\n as={IconButton}\n iconAs={Icon}\n invertColors={variant === 'dark'}\n src={Close}\n alt={closeLabel}\n />\n </div>\n )}\n {children}\n </div>\n </ModalLayer>\n );\n}\n\nModalDialog.propTypes = {\n /**\n * Specifies the content of the dialog\n */\n children: PropTypes.node.isRequired,\n /**\n * The aria-label of the dialog\n */\n title: PropTypes.string.isRequired,\n /**\n * A callback to close the modal dialog\n */\n onClose: PropTypes.func.isRequired,\n /**\n * Is the modal dialog open or closed\n */\n isOpen: PropTypes.bool,\n /**\n * The close 'x' icon button in the top right of the dialog box\n */\n hasCloseButton: PropTypes.bool,\n /**\n * Sizes determine the maximum width of the dialog box\n */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /**\n * The visual style of the dialog box\n */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /**\n * The label supplied to the close icon button if one is rendered\n */\n closeLabel: PropTypes.string,\n /**\n * Specifies class name to append to the base element\n */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /**\n * To show full screen view on mobile screens\n */\n isFullscreenOnMobile: PropTypes.bool,\n /**\n * Prevent clicking on the backdrop to close the modal\n */\n isBlocking: PropTypes.bool,\n zIndex: PropTypes.number,\n};\n\nModalDialog.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'md',\n variant: 'default',\n closeLabel: MODAL_DIALOG_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n isFullscreenOnMobile: false,\n isBlocking: false,\n zIndex: undefined,\n};\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AAEnC,OAAO,
|
|
1
|
+
{"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","MODAL_DIALOG_CLOSE_LABEL","ModalDialog","_ref","_classNames","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isMobile","query","showFullScreen","createElement","role","_defineProperty","concat","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","defaultProps","undefined","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\nimport ModalDialogTitle from './ModalDialogTitle';\nimport ModalDialogFooter from './ModalDialogFooter';\nimport ModalDialogBody from './ModalDialogBody';\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\nfunction ModalDialog({\n children,\n title,\n isOpen,\n onClose,\n size,\n variant,\n hasCloseButton,\n closeLabel,\n isFullscreenScroll,\n className,\n isFullscreenOnMobile,\n isBlocking,\n zIndex,\n}) {\n const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n const showFullScreen = (isFullscreenOnMobile && isMobile);\n return (\n <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n <div\n role=\"dialog\"\n aria-label={title}\n className={classNames(\n 'pgn__modal',\n {\n [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n [`pgn__modal-${variant}`]: variant,\n 'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n },\n className,\n )}\n >\n {hasCloseButton && (\n <div className=\"pgn__modal-close-container\">\n <ModalCloseButton\n as={IconButton}\n iconAs={Icon}\n invertColors={variant === 'dark'}\n src={Close}\n alt={closeLabel}\n />\n </div>\n )}\n {children}\n </div>\n </ModalLayer>\n );\n}\n\nModalDialog.propTypes = {\n /**\n * Specifies the content of the dialog\n */\n children: PropTypes.node.isRequired,\n /**\n * The aria-label of the dialog\n */\n title: PropTypes.string.isRequired,\n /**\n * A callback to close the modal dialog\n */\n onClose: PropTypes.func.isRequired,\n /**\n * Is the modal dialog open or closed\n */\n isOpen: PropTypes.bool,\n /**\n * The close 'x' icon button in the top right of the dialog box\n */\n hasCloseButton: PropTypes.bool,\n /**\n * Sizes determine the maximum width of the dialog box\n */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /**\n * The visual style of the dialog box\n */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /**\n * The label supplied to the close icon button if one is rendered\n */\n closeLabel: PropTypes.string,\n /**\n * Specifies class name to append to the base element\n */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /**\n * To show full screen view on mobile screens\n */\n isFullscreenOnMobile: PropTypes.bool,\n /**\n * Prevent clicking on the backdrop to close the modal\n */\n isBlocking: PropTypes.bool,\n /**\n * Specifies the z-index of the modal\n */\n zIndex: PropTypes.number,\n};\n\nModalDialog.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'md',\n variant: 'default',\n closeLabel: MODAL_DIALOG_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n isFullscreenOnMobile: false,\n isBlocking: false,\n zIndex: undefined,\n};\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AAEnC,OAAO,IAAMC,wBAAwB,GAAG,OAAO;AAE/C,SAASC,WAAWA,CAAAC,IAAA,EAcjB;EAAA,IAAAC,WAAA;EAAA,IAbDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,kBAAkB,GAAAV,IAAA,CAAlBU,kBAAkB;IAClBC,SAAS,GAAAX,IAAA,CAATW,SAAS;IACTC,oBAAoB,GAAAZ,IAAA,CAApBY,oBAAoB;IACpBC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACVC,MAAM,GAAAd,IAAA,CAANc,MAAM;EAEN,IAAMC,QAAQ,GAAG5B,aAAa,CAAC;IAAE6B,KAAK,EAAE;EAAwB,CAAC,CAAC;EAClE,IAAMC,cAAc,GAAIL,oBAAoB,IAAIG,QAAS;EACzD,oBACE/B,KAAA,CAAAkC,aAAA,CAAC9B,UAAU;IAACgB,MAAM,EAAEA,MAAO;IAACC,OAAO,EAAEA,OAAQ;IAACQ,UAAU,EAAEA,UAAW;IAACC,MAAM,EAAEA;EAAO,gBACnF9B,KAAA,CAAAkC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACb,cAAYhB,KAAM;IAClBQ,SAAS,EAAEzB,UAAU,CACnB,YAAY,GAAAe,WAAA,OAAAmB,eAAA,CAAAnB,WAAA,gBAAAoB,MAAA,CAEKJ,cAAc,GAAG,YAAY,GAAGX,IAAI,GAAKA,IAAI,GAAAc,eAAA,CAAAnB,WAAA,gBAAAoB,MAAA,CAC7Cd,OAAO,GAAKA,OAAO,GAAAa,eAAA,CAAAnB,WAAA,EAClC,8BAA8B,EAAES,kBAAkB,GAAAT,WAAA,GAEpDU,SACF;EAAE,GAEDH,cAAc,iBACbxB,KAAA,CAAAkC,aAAA;IAAKP,SAAS,EAAC;EAA4B,gBACzC3B,KAAA,CAAAkC,aAAA,CAAC7B,gBAAgB;IACfiC,EAAE,EAAE1B,UAAW;IACf2B,MAAM,EAAE5B,IAAK;IACb6B,YAAY,EAAEjB,OAAO,KAAK,MAAO;IACjCkB,GAAG,EAAE5B,KAAM;IACX6B,GAAG,EAAEjB;EAAW,CACjB,CACE,CACN,EACAP,QACE,CACK,CAAC;AAEjB;AAEAH,WAAW,CAAC4B,SAAS,GAAG;EACtB;AACF;AACA;EACEzB,QAAQ,EAAEjB,SAAS,CAAC2C,IAAI,CAACC,UAAU;EACnC;AACF;AACA;EACE1B,KAAK,EAAElB,SAAS,CAAC6C,MAAM,CAACD,UAAU;EAClC;AACF;AACA;EACExB,OAAO,EAAEpB,SAAS,CAAC8C,IAAI,CAACF,UAAU;EAClC;AACF;AACA;EACEzB,MAAM,EAAEnB,SAAS,CAAC+C,IAAI;EACtB;AACF;AACA;EACExB,cAAc,EAAEvB,SAAS,CAAC+C,IAAI;EAC9B;AACF;AACA;EACE1B,IAAI,EAAErB,SAAS,CAACgD,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;AACF;AACA;EACE1B,OAAO,EAAEtB,SAAS,CAACgD,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;AACF;AACA;EACExB,UAAU,EAAExB,SAAS,CAAC6C,MAAM;EAC5B;AACF;AACA;EACEnB,SAAS,EAAE1B,SAAS,CAAC6C,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEpB,kBAAkB,EAAEzB,SAAS,CAAC+C,IAAI;EAClC;AACF;AACA;EACEpB,oBAAoB,EAAE3B,SAAS,CAAC+C,IAAI;EACpC;AACF;AACA;EACEnB,UAAU,EAAE5B,SAAS,CAAC+C,IAAI;EAC1B;AACF;AACA;EACElB,MAAM,EAAE7B,SAAS,CAACiD;AACpB,CAAC;AAEDnC,WAAW,CAACoC,YAAY,GAAG;EACzB/B,MAAM,EAAE,KAAK;EACbI,cAAc,EAAE,IAAI;EACpBF,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE,SAAS;EAClBE,UAAU,EAAEX,wBAAwB;EACpCa,SAAS,EAAEyB,SAAS;EACpB1B,kBAAkB,EAAE,KAAK;EACzBE,oBAAoB,EAAE,KAAK;EAC3BC,UAAU,EAAE,KAAK;EACjBC,MAAM,EAAEsB;AACV,CAAC;AAEDrC,WAAW,CAACsC,MAAM,GAAG/C,iBAAiB;AACtCS,WAAW,CAACuC,KAAK,GAAG/C,gBAAgB;AACpCQ,WAAW,CAACwC,MAAM,GAAG/C,iBAAiB;AACtCO,WAAW,CAACyC,WAAW,GAAGnD,gBAAgB;AAC1CU,WAAW,CAAC0C,IAAI,GAAGhD,eAAe;AAClCM,WAAW,CAAC2C,IAAI,GAAGhD,eAAe;AAElC,eAAeK,WAAW"}
|
|
@@ -1,9 +1,16 @@
|
|
|
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", "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); }
|
|
8
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
+
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."); }
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
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; } }
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
14
|
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
15
|
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
16
|
import React from 'react';
|
|
@@ -11,19 +18,23 @@ import PropTypes from 'prop-types';
|
|
|
11
18
|
import classNames from 'classnames';
|
|
12
19
|
import useIsVisible from '../hooks/useIsVisible';
|
|
13
20
|
function ModalDialogBody(_ref) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
children
|
|
17
|
-
} = _ref,
|
|
21
|
+
var as = _ref.as,
|
|
22
|
+
children = _ref.children,
|
|
18
23
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
24
|
+
var _useIsVisible = useIsVisible(),
|
|
25
|
+
_useIsVisible2 = _slicedToArray(_useIsVisible, 2),
|
|
26
|
+
isScrolledToTop = _useIsVisible2[0],
|
|
27
|
+
topSentinelRef = _useIsVisible2[1];
|
|
28
|
+
var _useIsVisible3 = useIsVisible(),
|
|
29
|
+
_useIsVisible4 = _slicedToArray(_useIsVisible3, 2),
|
|
30
|
+
isScrolledToBottom = _useIsVisible4[0],
|
|
31
|
+
bottomSentinelRef = _useIsVisible4[1];
|
|
32
|
+
var className = classNames('pgn__modal-body', props.className, {
|
|
22
33
|
'pgn__modal-body-scroll-top': isScrolledToTop,
|
|
23
34
|
'pgn__modal-body-scroll-bottom': isScrolledToBottom
|
|
24
35
|
});
|
|
25
36
|
return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
|
|
26
|
-
className
|
|
37
|
+
className: className
|
|
27
38
|
}), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
28
39
|
ref: topSentinelRef
|
|
29
40
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","_ref","as","children","props","_objectWithoutProperties","_excluded","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","className","createElement","_objectSpread","Fragment","ref","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useIsVisible from '../hooks/useIsVisible';\n\nfunction ModalDialogBody({\n as,\n children,\n ...props\n}) {\n const [isScrolledToTop, topSentinelRef] = useIsVisible();\n const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n const className = classNames(\n 'pgn__modal-body',\n props.className,\n {\n 'pgn__modal-body-scroll-top': isScrolledToTop,\n 'pgn__modal-body-scroll-bottom': isScrolledToBottom,\n },\n );\n return React.createElement(\n as,\n { ...props, className },\n (\n <>\n <div ref={topSentinelRef} />\n <div className=\"pgn__modal-body-content\">\n {children}\n </div>\n <div ref={bottomSentinelRef} />\n </>\n ),\n );\n}\n\nModalDialogBody.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogBody.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogBody;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","_ref","as","children","props","_objectWithoutProperties","_excluded","_useIsVisible","_useIsVisible2","_slicedToArray","isScrolledToTop","topSentinelRef","_useIsVisible3","_useIsVisible4","isScrolledToBottom","bottomSentinelRef","className","createElement","_objectSpread","Fragment","ref","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useIsVisible from '../hooks/useIsVisible';\n\nfunction ModalDialogBody({\n as,\n children,\n ...props\n}) {\n const [isScrolledToTop, topSentinelRef] = useIsVisible();\n const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n const className = classNames(\n 'pgn__modal-body',\n props.className,\n {\n 'pgn__modal-body-scroll-top': isScrolledToTop,\n 'pgn__modal-body-scroll-bottom': isScrolledToBottom,\n },\n );\n return React.createElement(\n as,\n { ...props, className },\n (\n <>\n <div ref={topSentinelRef} />\n <div className=\"pgn__modal-body-content\">\n {children}\n </div>\n <div ref={bottomSentinelRef} />\n </>\n ),\n );\n}\n\nModalDialogBody.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogBody.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogBody;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,uBAAuB;AAEhD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAAC,aAAA,GAA0CR,YAAY,CAAC,CAAC;IAAAS,cAAA,GAAAC,cAAA,CAAAF,aAAA;IAAjDG,eAAe,GAAAF,cAAA;IAAEG,cAAc,GAAAH,cAAA;EACtC,IAAAI,cAAA,GAAgDb,YAAY,CAAC,CAAC;IAAAc,cAAA,GAAAJ,cAAA,CAAAG,cAAA;IAAvDE,kBAAkB,GAAAD,cAAA;IAAEE,iBAAiB,GAAAF,cAAA;EAC5C,IAAMG,SAAS,GAAGlB,UAAU,CAC1B,iBAAiB,EACjBM,KAAK,CAACY,SAAS,EACf;IACE,4BAA4B,EAAEN,eAAe;IAC7C,+BAA+B,EAAEI;EACnC,CACF,CAAC;EACD,oBAAOlB,KAAK,CAACqB,aAAa,CACxBf,EAAE,EAAAgB,aAAA,CAAAA,aAAA,KACGd,KAAK;IAAEY,SAAS,EAATA;EAAS,iBAEnBpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAqB,aAAA;IAAKG,GAAG,EAAET;EAAe,CAAE,CAAC,eAC5Bf,KAAA,CAAAqB,aAAA;IAAKD,SAAS,EAAC;EAAyB,GACrCb,QACE,CAAC,eACNP,KAAA,CAAAqB,aAAA;IAAKG,GAAG,EAAEL;EAAkB,CAAE,CAC9B,CAEN,CAAC;AACH;AAEAf,eAAe,CAACqB,SAAS,GAAG;EAC1B;EACAnB,EAAE,EAAEL,SAAS,CAACyB,WAAW;EACzB;EACAnB,QAAQ,EAAEN,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACnC;EACAR,SAAS,EAAEnB,SAAS,CAAC4B;AACvB,CAAC;AAEDzB,eAAe,CAAC0B,YAAY,GAAG;EAC7BxB,EAAE,EAAE,KAAK;EACTc,SAAS,EAAEW;AACb,CAAC;AAED,eAAe3B,eAAe"}
|
|
@@ -1,19 +1,18 @@
|
|
|
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", "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 ModalDialogFooter(_ref) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
children
|
|
16
|
-
} = _ref,
|
|
14
|
+
var as = _ref.as,
|
|
15
|
+
children = _ref.children,
|
|
17
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
17
|
return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
|
|
19
18
|
className: classNames('pgn__modal-footer', props.className)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialogFooter.js","names":["React","PropTypes","classNames","ModalDialogFooter","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogFooter.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogFooter({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-footer', props.className),\n },\n children,\n );\n}\n\nModalDialogFooter.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogFooter.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogFooter;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalDialogFooter.js","names":["React","PropTypes","classNames","ModalDialogFooter","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogFooter.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogFooter({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-footer', props.className),\n },\n children,\n );\n}\n\nModalDialogFooter.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogFooter.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogFooter;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAIvB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}
|
|
@@ -1,19 +1,18 @@
|
|
|
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", "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 ModalDialogHeader(_ref) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
children
|
|
16
|
-
} = _ref,
|
|
14
|
+
var as = _ref.as,
|
|
15
|
+
children = _ref.children,
|
|
17
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
17
|
return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
|
|
19
18
|
className: classNames('pgn__modal-header', props.className)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeader({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-header', props.className),\n },\n children,\n );\n}\n\nModalDialogHeader.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogHeader.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeader({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-header', props.className),\n },\n children,\n );\n}\n\nModalDialogHeader.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** Specifies the contents of the header */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nModalDialogHeader.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAIvB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}
|
|
@@ -1,9 +1,10 @@
|
|
|
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", "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';
|
|
@@ -12,10 +13,8 @@ import classNames from 'classnames';
|
|
|
12
13
|
import ModalDialogHeroContent from './ModalDialogHeroContent';
|
|
13
14
|
import ModalDialogHeroBackground from './ModalDialogHeroBackground';
|
|
14
15
|
function ModalDialogHero(_ref) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
children
|
|
18
|
-
} = _ref,
|
|
16
|
+
var as = _ref.as,
|
|
17
|
+
children = _ref.children,
|
|
19
18
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
19
|
return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
|
|
21
20
|
className: classNames('pgn__modal-hero', props.className)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialogHero.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","ModalDialogHeroBackground","ModalDialogHero","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined","Content","Background"],"sources":["../../src/Modal/ModalDialogHero.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalDialogHeroContent from './ModalDialogHeroContent';\nimport ModalDialogHeroBackground from './ModalDialogHeroBackground';\n\nfunction ModalDialogHero({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-hero', props.className),\n },\n children,\n );\n}\n\nModalDialogHero.propTypes = {\n as: PropTypes.elementType,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n};\n\nModalDialogHero.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nModalDialogHero.Content = ModalDialogHeroContent;\nModalDialogHero.Background = ModalDialogHeroBackground;\n\nexport default ModalDialogHero;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalDialogHero.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","ModalDialogHeroBackground","ModalDialogHero","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined","Content","Background"],"sources":["../../src/Modal/ModalDialogHero.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalDialogHeroContent from './ModalDialogHeroContent';\nimport ModalDialogHeroBackground from './ModalDialogHeroBackground';\n\nfunction ModalDialogHero({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-hero', props.className),\n },\n children,\n );\n}\n\nModalDialogHero.propTypes = {\n as: PropTypes.elementType,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n};\n\nModalDialogHero.defaultProps = {\n as: 'div',\n className: undefined,\n};\n\nModalDialogHero.Content = ModalDialogHeroContent;\nModalDialogHero.Background = ModalDialogHeroBackground;\n\nexport default ModalDialogHero;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,yBAAyB,MAAM,6BAA6B;AAEnE,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOX,KAAK,CAACY,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEZ,UAAU,CAAC,iBAAiB,EAAEO,KAAK,CAACK,SAAS;EAAC,IAE3DN,QACF,CAAC;AACH;AAEAH,eAAe,CAACU,SAAS,GAAG;EAC1BR,EAAE,EAAEN,SAAS,CAACe,WAAW;EACzBR,QAAQ,EAAEP,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEb,SAAS,CAACkB;AACvB,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAEDhB,eAAe,CAACiB,OAAO,GAAGnB,sBAAsB;AAChDE,eAAe,CAACkB,UAAU,GAAGnB,yBAAyB;AAEtD,eAAeC,eAAe"}
|