@openedx/paragon 22.0.0-alpha.24 → 22.1.0
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/README.md +16 -46
- package/bin/paragon-scripts.js +16 -123
- package/dist/ActionRow/_index.scss +4 -2
- package/dist/ActionRow/_variables.scss +2 -0
- package/dist/ActionRow/index.js +7 -8
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/_variables.scss +24 -0
- package/dist/Alert/index.js +33 -25
- package/dist/Alert/index.js.map +1 -1
- package/dist/Alert/index.scss +32 -41
- package/dist/Annotation/_variables.scss +18 -0
- package/dist/Annotation/index.js +7 -9
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Annotation/index.scss +103 -130
- package/dist/Avatar/_variables.scss +10 -0
- package/dist/Avatar/index.js +5 -7
- package/dist/Avatar/index.js.map +1 -1
- package/dist/Avatar/index.scss +20 -18
- package/dist/AvatarButton/_variables.scss +3 -0
- package/dist/AvatarButton/index.js +10 -12
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/AvatarButton/index.scss +5 -3
- package/dist/Badge/_variables.scss +16 -0
- package/dist/Badge/index.js +6 -4
- package/dist/Badge/index.js.map +1 -1
- package/dist/Badge/index.scss +2 -112
- package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/_variables.scss +27 -0
- package/dist/Breadcrumb/index.js +29 -29
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Breadcrumb/index.scss +16 -14
- package/dist/Bubble/_variables.scss +8 -0
- package/dist/Bubble/index.js +11 -13
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Bubble/index.scss +12 -25
- package/dist/Button/_variables.scss +52 -0
- package/dist/Button/deprecated/index.js +149 -0
- package/dist/Button/deprecated/index.js.map +1 -0
- package/dist/Button/index.js +12 -11
- package/dist/Button/index.js.map +1 -1
- package/dist/Button/index.scss +370 -855
- 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/_variables.scss +55 -0
- package/dist/Card/index.js +18 -20
- package/dist/Card/index.js.map +1 -1
- package/dist/Card/index.scss +79 -78
- package/dist/Carousel/_variables.scss +27 -0
- package/dist/Carousel/index.js +17 -11
- package/dist/Carousel/index.js.map +1 -1
- package/dist/Carousel/index.scss +2 -168
- package/dist/CheckBox/index.js +102 -0
- package/dist/CheckBox/index.js.map +1 -0
- package/dist/CheckBoxGroup/index.js +15 -0
- package/dist/CheckBoxGroup/index.js.map +1 -0
- package/dist/Chip/ChipIcon.js +47 -0
- package/dist/Chip/ChipIcon.js.map +1 -0
- package/dist/Chip/_variables.scss +28 -0
- package/dist/Chip/constants.js +5 -0
- package/dist/Chip/index.js +66 -40
- package/dist/Chip/index.js.map +1 -1
- package/dist/Chip/index.scss +102 -61
- package/dist/Chip/mixins.scss +42 -0
- package/dist/ChipCarousel/_variables.scss +3 -0
- package/dist/ChipCarousel/index.js +29 -30
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/ChipCarousel/index.scss +4 -1
- package/dist/CloseButton/_variables.scss +6 -0
- package/dist/CloseButton/index.scss +2 -31
- package/dist/Code/_variables.scss +17 -0
- package/dist/Code/index.scss +2 -47
- 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/_variables.scss +12 -0
- package/dist/Collapsible/index.js +17 -18
- package/dist/Collapsible/index.js.map +1 -1
- package/dist/Collapsible/index.scss +15 -15
- package/dist/ColorPicker/_variables.scss +2 -0
- package/dist/ColorPicker/index.js +58 -33
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/ColorPicker/index.scss +11 -9
- package/dist/Container/_variables.scss +5 -0
- package/dist/Container/index.js +8 -9
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/ActionDisplay.js +8 -9
- package/dist/DataTable/ActionDisplay.js.map +1 -1
- package/dist/DataTable/BulkActions.js +23 -20
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +46 -43
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +59 -41
- 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 +15 -9
- package/dist/DataTable/TablePagination.js.map +1 -1
- package/dist/DataTable/TablePaginationMinimal.js +14 -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/_variables.scss +11 -0
- 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 +15 -18
- 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/index.scss +50 -48
- 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/_variables.scss +33 -0
- package/dist/Dropdown/deprecated/DropdownButton.js +44 -0
- package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -0
- package/dist/Dropdown/deprecated/DropdownItem.js +33 -0
- package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -0
- package/dist/Dropdown/deprecated/DropdownMenu.js +46 -0
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -0
- package/dist/Dropdown/deprecated/index.js +242 -0
- package/dist/Dropdown/deprecated/index.js.map +1 -0
- package/dist/Dropdown/index.js +34 -29
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropdown/index.scss +12 -11
- 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/_variables.scss +9 -0
- package/dist/Dropzone/index.js +144 -85
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Dropzone/index.scss +14 -12
- package/dist/Fieldset/index.js +117 -0
- package/dist/Fieldset/index.js.map +1 -0
- package/dist/Fieldset/index.scss +12 -0
- package/dist/Form/FormAutosuggest.js +284 -154
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +4 -6
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +35 -42
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +13 -16
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +39 -34
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +41 -35
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +3 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -10
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +12 -15
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -6
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +8 -9
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +11 -12
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +64 -39
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.js +15 -17
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +19 -22
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +13 -16
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +39 -34
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +16 -20
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +20 -29
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/_FormText.scss +8 -8
- package/dist/Form/_index.scss +146 -168
- package/dist/Form/_mixins.scss +3 -216
- package/dist/Form/_variables.scss +267 -0
- package/dist/Form/useCheckboxSetValues.js +46 -23
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +25 -25
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Hyperlink/index.scss +3 -3
- package/dist/Icon/_variables.scss +7 -0
- package/dist/Icon/index.js +21 -20
- package/dist/Icon/index.js.map +1 -1
- package/dist/Icon/index.scss +12 -10
- package/dist/IconButton/index.js +39 -35
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButton/index.scss +74 -387
- package/dist/IconButtonToggle/index.js +16 -16
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/IconButtonToggle/index.scss +1 -1
- package/dist/Image/_variables.scss +13 -0
- package/dist/Image/index.scss +2 -53
- package/dist/Input/index.js +166 -0
- package/dist/Input/index.js.map +1 -0
- package/dist/InputSelect/index.js +105 -0
- package/dist/InputSelect/index.js.map +1 -0
- package/dist/InputText/index.js +45 -0
- package/dist/InputText/index.js.map +1 -0
- package/dist/Layout/index.js +33 -29
- package/dist/Layout/index.js.map +1 -1
- package/dist/ListBox/index.js +148 -0
- package/dist/ListBox/index.js.map +1 -0
- package/dist/ListBoxOption/index.js +94 -0
- package/dist/ListBoxOption/index.js.map +1 -0
- package/dist/MailtoLink/index.js +37 -34
- package/dist/MailtoLink/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +11 -12
- 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/_variables.scss +24 -0
- package/dist/Menu/index.js +10 -11
- package/dist/Menu/index.js.map +1 -1
- package/dist/Menu/index.scss +27 -25
- 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 +28 -25
- 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/_ModalDialog.scss +58 -50
- package/dist/Modal/_variables.scss +50 -0
- package/dist/Modal/index.js +293 -0
- package/dist/Modal/index.js.map +1 -0
- package/dist/Modal/index.scss +73 -6
- package/dist/Nav/_mixins.scss +4 -4
- package/dist/Nav/_variables.scss +58 -0
- package/dist/Nav/index.js +3 -2
- package/dist/Nav/index.js.map +1 -1
- package/dist/Nav/index.scss +66 -70
- package/dist/Navbar/_variables.scss +40 -0
- package/dist/Navbar/index.js +7 -6
- package/dist/Navbar/index.js.map +1 -1
- package/dist/Navbar/index.scss +2 -276
- 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/OverflowScroll/_variables.scss +5 -0
- package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/dist/OverflowScroll/index.scss +1 -0
- package/dist/Overlay/index.js +6 -5
- 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/PageBanner/index.scss +21 -17
- package/dist/Pagination/DefaultPagination.js +34 -0
- package/dist/Pagination/DefaultPagination.js.map +1 -0
- package/dist/Pagination/MinimalPagination.js +8 -0
- package/dist/Pagination/MinimalPagination.js.map +1 -0
- package/dist/Pagination/PaginationContext.js +200 -0
- package/dist/Pagination/PaginationContext.js.map +1 -0
- package/dist/Pagination/ReducedPagination.js +8 -0
- package/dist/Pagination/ReducedPagination.js.map +1 -0
- package/dist/Pagination/_variables.scss +19 -0
- package/dist/Pagination/constants.js +15 -1
- package/dist/Pagination/getPaginationRange.js +4 -0
- package/dist/Pagination/index.js +44 -358
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Pagination/index.scss +120 -226
- package/dist/Pagination/subcomponents/Ellipsis.js +11 -0
- package/dist/Pagination/subcomponents/Ellipsis.js.map +1 -0
- package/dist/Pagination/subcomponents/NextPageButton.js +57 -0
- package/dist/Pagination/subcomponents/NextPageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PageButton.js +31 -0
- package/dist/Pagination/subcomponents/PageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PageOfCountButton.js +17 -0
- package/dist/Pagination/subcomponents/PageOfCountButton.js.map +1 -0
- package/dist/Pagination/subcomponents/PaginationDropdown.js +34 -0
- package/dist/Pagination/subcomponents/PaginationDropdown.js.map +1 -0
- package/dist/Pagination/subcomponents/PreviousPageButton.js +57 -0
- package/dist/Pagination/subcomponents/PreviousPageButton.js.map +1 -0
- package/dist/Pagination/subcomponents/ScreenReaderText.js +13 -0
- package/dist/Pagination/subcomponents/ScreenReaderText.js.map +1 -0
- package/dist/Pagination/subcomponents/index.js +7 -0
- package/dist/Popover/_variables.scss +36 -0
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/Popover/index.scss +10 -9
- package/dist/ProductTour/Checkpoint.js +29 -22
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/Checkpoint.scss +43 -71
- 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/_variables.scss +15 -0
- package/dist/ProductTour/index.js +66 -47
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProgressBar/_variables.scss +23 -0
- package/dist/ProgressBar/index.js +37 -35
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/ProgressBar/index.scss +36 -28
- package/dist/RadioButtonGroup/index.js +188 -0
- package/dist/RadioButtonGroup/index.js.map +1 -0
- package/dist/Scrollable/index.js +30 -15
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/Scrollable/index.scss +2 -2
- package/dist/SearchField/SearchFieldAdvanced.js +56 -51
- package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
- package/dist/SearchField/SearchFieldClearButton.js +19 -20
- package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
- package/dist/SearchField/SearchFieldInput.js +10 -11
- package/dist/SearchField/SearchFieldInput.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +5 -8
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SearchField/SearchFieldSubmitButton.js +23 -23
- package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
- package/dist/SearchField/_variables.scss +14 -0
- package/dist/SearchField/index.js +26 -31
- package/dist/SearchField/index.js.map +1 -1
- package/dist/SearchField/index.scss +23 -31
- package/dist/SelectableBox/SelectableBoxSet.js +25 -26
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/_variables.scss +5 -0
- package/dist/SelectableBox/index.js +42 -38
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/SelectableBox/index.scss +13 -11
- 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/Sheet/index.scss +10 -10
- package/dist/Spinner/_variables.scss +9 -0
- package/dist/Spinner/index.js +8 -9
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Spinner/index.scss +2 -57
- package/dist/Stack/_variables.scss +1 -0
- package/dist/Stack/index.js +9 -11
- package/dist/Stack/index.js.map +1 -1
- package/dist/Stack/index.scss +3 -1
- package/dist/StatefulButton/index.js +15 -17
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/StatusAlert/index.js +168 -0
- package/dist/StatusAlert/index.js.map +1 -0
- 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/Stepper/_variables.scss +18 -0
- package/dist/Stepper/index.scss +20 -19
- package/dist/Sticky/_variables.scss +3 -0
- package/dist/Sticky/index.js +30 -22
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Sticky/index.scss +6 -4
- package/dist/Table/_variables.scss +34 -0
- package/dist/Table/index.js +267 -0
- package/dist/Table/index.js.map +1 -0
- package/dist/Table/index.scss +12 -0
- package/dist/Tabs/_variables.scss +24 -0
- package/dist/Tabs/deprecated/Tabs.scss +3 -0
- package/dist/Tabs/deprecated/index.js +123 -0
- package/dist/Tabs/deprecated/index.js.map +1 -0
- package/dist/Tabs/index.js +67 -49
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tabs/index.scss +25 -26
- package/dist/TextArea/index.js +44 -0
- package/dist/TextArea/index.js.map +1 -0
- package/dist/Toast/ToastContainer.js +38 -16
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/ToastContainer.scss +11 -9
- package/dist/Toast/_variables.scss +19 -0
- package/dist/Toast/index.js +33 -18
- package/dist/Toast/index.js.map +1 -1
- package/dist/Toast/index.scss +10 -9
- package/dist/Tooltip/_variables.scss +21 -0
- package/dist/Tooltip/index.js +8 -9
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Tooltip/index.scss +10 -136
- 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 +106 -0
- package/dist/ValidationFormGroup/index.js.map +1 -0
- package/dist/ValidationMessage/index.js +76 -51
- package/dist/ValidationMessage/index.js.map +1 -1
- package/dist/ValidationMessage/index.scss +1 -1
- package/dist/asInput/index.js +251 -202
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigation.js +46 -43
- package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
- package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
- package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
- package/dist/hooks/useIsVisible.js +20 -13
- package/dist/hooks/useIsVisible.js.map +1 -1
- package/dist/hooks/useToggle.js +18 -11
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/hooks/useWindowSize.js +17 -6
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/index.js +14 -0
- package/dist/index.scss +4 -0
- package/dist/paragon.css +45 -0
- package/dist/utils/breakpoints.js +1 -1
- package/dist/utils/propTypes/utils.js +17 -2
- package/dist/withDeprecatedProps.js +79 -58
- package/dist/withDeprecatedProps.js.map +1 -1
- package/lib/help.js +23 -36
- package/lib/migrate-to-openedx-scope.js +62 -0
- package/package.json +20 -33
- package/{styles/scss → scss}/core/_functions.scss +1 -1
- package/scss/core/_grid.scss +21 -0
- package/{styles/scss → scss}/core/_utilities.scss +11 -17
- package/scss/core/_variables.scss +875 -0
- package/scss/core/core.scss +21 -0
- package/{styles/scss → scss}/core/utilities-only.scss +0 -1
- package/src/ActionRow/_index.scss +4 -2
- package/src/ActionRow/_variables.scss +2 -0
- package/src/Alert/_variables.scss +24 -0
- package/src/Alert/index.scss +32 -41
- package/src/Annotation/_variables.scss +18 -0
- package/src/Annotation/index.scss +103 -130
- package/src/Avatar/_variables.scss +10 -0
- package/src/Avatar/index.scss +20 -18
- package/src/AvatarButton/_variables.scss +3 -0
- package/src/AvatarButton/index.scss +5 -3
- package/src/Badge/_variables.scss +16 -0
- package/src/Badge/index.scss +2 -112
- package/src/Breadcrumb/_variables.scss +27 -0
- package/src/Breadcrumb/index.scss +16 -14
- package/src/Bubble/_variables.scss +8 -0
- package/src/Bubble/index.scss +12 -25
- package/src/Button/README.md +84 -0
- package/src/Button/_variables.scss +52 -0
- package/src/Button/deprecated/Button.test.jsx +34 -0
- package/src/Button/deprecated/index.jsx +145 -0
- package/src/Button/index.jsx +5 -2
- package/src/Button/index.scss +370 -855
- package/src/Card/_variables.scss +55 -0
- package/src/Card/index.scss +79 -78
- package/src/Carousel/_variables.scss +27 -0
- package/src/Carousel/index.scss +2 -168
- package/src/CheckBox/CheckBox.test.jsx +65 -0
- package/src/CheckBox/README.md +93 -0
- package/src/CheckBox/index.jsx +80 -0
- package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +33 -0
- package/src/CheckBoxGroup/README.md +35 -0
- package/src/CheckBoxGroup/index.jsx +19 -0
- package/src/Chip/Chip.test.jsx +82 -16
- package/src/Chip/ChipIcon.tsx +54 -0
- package/src/Chip/README.md +116 -11
- package/src/Chip/__snapshots__/Chip.test.jsx.snap +84 -90
- package/src/Chip/_variables.scss +28 -0
- package/src/Chip/constants.js +5 -0
- package/src/Chip/index.scss +102 -61
- package/src/Chip/index.tsx +79 -46
- package/src/Chip/mixins.scss +42 -0
- package/src/ChipCarousel/_variables.scss +3 -0
- package/src/ChipCarousel/index.scss +4 -1
- package/src/CloseButton/_variables.scss +6 -0
- package/src/CloseButton/index.scss +2 -31
- package/src/Code/_variables.scss +17 -0
- package/src/Code/index.scss +2 -47
- package/src/Collapsible/_variables.scss +12 -0
- package/src/Collapsible/index.scss +15 -15
- package/src/ColorPicker/_variables.scss +2 -0
- package/src/ColorPicker/index.scss +11 -9
- package/src/Container/_variables.scss +5 -0
- package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
- package/src/DataTable/TablePagination.jsx +7 -2
- package/src/DataTable/TablePaginationMinimal.jsx +5 -0
- package/src/DataTable/_variables.scss +11 -0
- package/src/DataTable/filters/TextFilter.jsx +4 -5
- package/src/DataTable/index.scss +50 -48
- package/src/DataTable/tests/TablePagination.test.jsx +6 -6
- package/src/Dropdown/README.md +93 -0
- package/src/Dropdown/_variables.scss +33 -0
- package/src/Dropdown/deprecated/Dropdown.test.jsx +238 -0
- package/src/Dropdown/deprecated/DropdownButton.jsx +52 -0
- package/src/Dropdown/deprecated/DropdownItem.jsx +34 -0
- package/src/Dropdown/deprecated/DropdownMenu.jsx +50 -0
- package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +229 -0
- package/src/Dropdown/deprecated/index.jsx +222 -0
- package/src/Dropdown/index.jsx +2 -0
- package/src/Dropdown/index.scss +12 -11
- package/src/Dropzone/_variables.scss +9 -0
- package/src/Dropzone/index.scss +14 -12
- package/src/Fieldset/Fieldset.test.jsx +101 -0
- package/src/Fieldset/README.md +146 -0
- package/src/Fieldset/index.jsx +107 -0
- package/src/Fieldset/index.scss +12 -0
- package/src/Form/FormAutosuggest.jsx +332 -254
- package/src/Form/_FormText.scss +8 -8
- package/src/Form/_index.scss +146 -168
- package/src/Form/_mixins.scss +3 -216
- package/src/Form/_variables.scss +267 -0
- package/src/Form/form-autosuggest.mdx +114 -57
- package/src/Form/tests/FormAutosuggest.test.jsx +63 -16
- package/src/Hyperlink/index.scss +3 -3
- package/src/Icon/README.md +3 -3
- package/src/Icon/_variables.scss +7 -0
- package/src/Icon/index.jsx +1 -1
- package/src/Icon/index.scss +12 -10
- package/src/IconButton/README.md +15 -1
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +28 -5
- package/src/IconButton/index.jsx +14 -7
- package/src/IconButton/index.scss +74 -387
- package/src/IconButtonToggle/index.scss +1 -1
- package/src/Image/_variables.scss +13 -0
- package/src/Image/index.scss +2 -53
- package/src/Input/README.md +74 -0
- package/src/Input/__snapshots__/input.test.jsx.snap +53 -0
- package/src/Input/index.jsx +151 -0
- package/src/Input/input.test.jsx +85 -0
- package/src/InputSelect/README.md +136 -0
- package/src/InputSelect/index.jsx +92 -0
- package/src/InputText/InputText.test.jsx +74 -0
- package/src/InputText/README.md +293 -0
- package/src/InputText/index.jsx +49 -0
- package/src/ListBox/ListBox.test.jsx +161 -0
- package/src/ListBox/README.md +185 -0
- package/src/ListBox/index.jsx +115 -0
- package/src/ListBoxOption/ListBoxOption.test.jsx +154 -0
- package/src/ListBoxOption/index.jsx +78 -0
- package/src/Menu/_variables.scss +24 -0
- package/src/Menu/index.scss +27 -25
- package/src/Modal/ModalDialog.jsx +5 -0
- package/src/Modal/README.md +148 -0
- package/src/Modal/_ModalDialog.scss +58 -50
- package/src/Modal/_variables.scss +50 -0
- package/src/Modal/index.jsx +319 -0
- package/src/Modal/index.scss +73 -6
- package/src/Modal/tests/Modal.test.jsx +261 -0
- package/src/Nav/_mixins.scss +4 -4
- package/src/Nav/_variables.scss +58 -0
- package/src/Nav/index.scss +66 -70
- package/src/Navbar/_variables.scss +40 -0
- package/src/Navbar/index.scss +2 -276
- package/src/OverflowScroll/_variables.scss +5 -0
- package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/src/OverflowScroll/index.scss +1 -0
- package/src/Overlay/index.jsx +3 -2
- package/src/PageBanner/index.scss +21 -17
- package/src/Pagination/DefaultPagination.jsx +43 -0
- package/src/Pagination/MinimalPagination.jsx +11 -0
- package/src/Pagination/Pagination.test.jsx +201 -156
- package/src/Pagination/PaginationContext.jsx +191 -0
- package/src/Pagination/README.md +86 -22
- package/src/Pagination/ReducedPagination.jsx +12 -0
- package/src/Pagination/__snapshots__/Pagination.test.jsx.snap +301 -0
- package/src/Pagination/_variables.scss +19 -0
- package/src/Pagination/constants.js +15 -1
- package/src/Pagination/getPaginationRange.js +4 -0
- package/src/Pagination/index.jsx +48 -420
- package/src/Pagination/index.scss +120 -226
- package/src/Pagination/subcomponents/Ellipsis.jsx +13 -0
- package/src/Pagination/subcomponents/NextPageButton.jsx +64 -0
- package/src/Pagination/subcomponents/PageButton.jsx +33 -0
- package/src/Pagination/subcomponents/PageOfCountButton.jsx +25 -0
- package/src/Pagination/subcomponents/PaginationDropdown.jsx +37 -0
- package/src/Pagination/subcomponents/PreviousPageButton.jsx +64 -0
- package/src/Pagination/subcomponents/ScreenReaderText.jsx +17 -0
- package/src/Pagination/subcomponents/index.js +7 -0
- package/src/Popover/_variables.scss +36 -0
- package/src/Popover/index.scss +10 -9
- package/src/ProductTour/Checkpoint.scss +43 -71
- package/src/ProductTour/_variables.scss +15 -0
- package/src/ProgressBar/_variables.scss +23 -0
- package/src/ProgressBar/index.scss +36 -28
- package/src/RadioButtonGroup/README.md +50 -0
- package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +127 -0
- package/src/RadioButtonGroup/index.jsx +185 -0
- package/src/Scrollable/index.scss +2 -2
- package/src/SearchField/SearchField.test.jsx +1 -1
- package/src/SearchField/SearchFieldAdvanced.jsx +2 -4
- package/src/SearchField/SearchFieldClearButton.jsx +13 -5
- package/src/SearchField/SearchFieldInput.jsx +2 -2
- package/src/SearchField/SearchFieldSubmitButton.jsx +10 -8
- package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +29 -33
- package/src/SearchField/_variables.scss +14 -0
- package/src/SearchField/index.jsx +4 -6
- package/src/SearchField/index.scss +23 -31
- package/src/SelectableBox/_variables.scss +5 -0
- package/src/SelectableBox/index.scss +13 -11
- package/src/Sheet/index.scss +10 -10
- package/src/Spinner/_variables.scss +9 -0
- package/src/Spinner/index.scss +2 -57
- package/src/Stack/_variables.scss +1 -0
- package/src/Stack/index.scss +3 -1
- package/src/StatusAlert/README.md +149 -0
- package/src/StatusAlert/StatusAlert.test.jsx +150 -0
- package/src/StatusAlert/index.jsx +144 -0
- package/src/Stepper/_variables.scss +18 -0
- package/src/Stepper/index.scss +20 -19
- package/src/Sticky/_variables.scss +3 -0
- package/src/Sticky/index.scss +6 -4
- package/src/Table/README.md +506 -0
- package/src/Table/Table.test.jsx +367 -0
- package/src/Table/_variables.scss +34 -0
- package/src/Table/index.jsx +264 -0
- package/src/Table/index.scss +12 -0
- package/src/Tabs/README.md +3 -1
- package/src/Tabs/_variables.scss +24 -0
- package/src/Tabs/deprecated/Tabs.scss +3 -0
- package/src/Tabs/deprecated/Tabs.test.jsx +50 -0
- package/src/Tabs/deprecated/index.jsx +117 -0
- package/src/Tabs/index.jsx +3 -0
- package/src/Tabs/index.scss +25 -26
- package/src/TextArea/README.md +63 -0
- package/src/TextArea/index.jsx +48 -0
- package/src/Toast/ToastContainer.scss +11 -9
- package/src/Toast/_variables.scss +19 -0
- package/src/Toast/index.scss +10 -9
- package/src/Tooltip/_variables.scss +21 -0
- package/src/Tooltip/index.scss +10 -136
- package/src/TransitionReplace/README.md +4 -4
- package/src/ValidationFormGroup/README.md +116 -0
- package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +146 -0
- package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +161 -0
- package/src/ValidationFormGroup/index.jsx +114 -0
- package/src/ValidationMessage/index.scss +1 -1
- package/src/index.js +14 -0
- package/src/index.scss +4 -0
- package/src/utils/breakpoints.js +1 -1
- package/src/utils/propTypes/utils.js +17 -2
- package/dist/Annotation/_mixins.scss +0 -104
- package/dist/Button/_mixins.scss +0 -14
- package/dist/Button/button-group.scss +0 -126
- package/dist/Card/card-bootstrap.scss +0 -168
- package/dist/Dropdown/dropdown-bootstrap.scss +0 -181
- package/dist/Form/_bootstrap-custom-forms.scss +0 -551
- package/dist/Form/_bootstrap-forms.scss +0 -381
- package/dist/Form/_input-group.scss +0 -188
- package/dist/IconButton/_mixins.scss +0 -4
- package/dist/Pagination/pagination-bootstrap.scss +0 -83
- package/dist/Popover/popover-bootstrap.scss +0 -198
- package/dist/ProgressBar/_mixins.scss +0 -22
- package/dist/ProgressBar/bootstrap-progress.scss +0 -49
- package/dist/Toast/bootstrap-toast.scss +0 -46
- package/dist/core.css +0 -16778
- package/dist/core.css.map +0 -1
- package/dist/core.min.css +0 -2
- package/dist/light.css +0 -4090
- package/dist/light.css.map +0 -1
- package/dist/light.min.css +0 -2
- package/dist/theme-urls.json +0 -21
- package/lib/build-scss.js +0 -188
- package/lib/build-tokens.js +0 -119
- package/lib/replace-variables.js +0 -38
- package/lib/utils.js +0 -9
- package/src/Annotation/_mixins.scss +0 -104
- package/src/Button/_mixins.scss +0 -14
- package/src/Button/button-group.scss +0 -126
- package/src/Card/card-bootstrap.scss +0 -168
- package/src/Dropdown/dropdown-bootstrap.scss +0 -181
- package/src/Form/_bootstrap-custom-forms.scss +0 -551
- package/src/Form/_bootstrap-forms.scss +0 -381
- package/src/Form/_input-group.scss +0 -188
- package/src/IconButton/_mixins.scss +0 -4
- package/src/Pagination/pagination-bootstrap.scss +0 -83
- package/src/Popover/popover-bootstrap.scss +0 -198
- package/src/ProgressBar/_mixins.scss +0 -22
- package/src/ProgressBar/bootstrap-progress.scss +0 -49
- package/src/Toast/bootstrap-toast.scss +0 -46
- package/styles/css/core/custom-media-breakpoints.css +0 -17
- package/styles/css/core/index.css +0 -2
- package/styles/css/core/variables.css +0 -606
- package/styles/css/themes/light/index.css +0 -2
- package/styles/css/themes/light/utility-classes.css +0 -2454
- package/styles/css/themes/light/variables.css +0 -1636
- package/styles/scss/core/_grid.scss +0 -21
- package/styles/scss/core/_variables.scss +0 -869
- package/styles/scss/core/bootstrap-override/_functions.scss +0 -104
- package/styles/scss/core/bootstrap-override/_mixins.scss +0 -4
- package/styles/scss/core/bootstrap-override/_utilities.scss +0 -4
- package/styles/scss/core/bootstrap-override/bootstrap.scss +0 -2
- package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +0 -80
- package/styles/scss/core/bootstrap-override/mixins/_grid.scss +0 -69
- package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +0 -22
- package/styles/scss/core/bootstrap-override/utilities/_background.scss +0 -7
- package/styles/scss/core/bootstrap-override/utilities/_borders.scss +0 -67
- package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +0 -70
- package/styles/scss/core/bootstrap-override/utilities/_text.scss +0 -68
- package/styles/scss/core/core.scss +0 -21
- package/tokens/README.md +0 -158
- package/tokens/css-utilities.js +0 -56
- package/tokens/map-scss-to-css.js +0 -24
- package/tokens/replace-variables.js +0 -32
- package/tokens/sass-helpers.js +0 -98
- package/tokens/src/core/alias/size.json +0 -15
- package/tokens/src/core/components/ActionRow.json +0 -10
- package/tokens/src/core/components/Alert.json +0 -30
- package/tokens/src/core/components/Annotation.json +0 -25
- package/tokens/src/core/components/Avatar.json +0 -17
- package/tokens/src/core/components/AvatarButton.json +0 -11
- package/tokens/src/core/components/Badge.json +0 -33
- package/tokens/src/core/components/Breadcrumb.json +0 -37
- package/tokens/src/core/components/Bubble.json +0 -10
- package/tokens/src/core/components/Button/core.json +0 -105
- package/tokens/src/core/components/Card.json +0 -91
- package/tokens/src/core/components/Carousel.json +0 -37
- package/tokens/src/core/components/Chip.json +0 -19
- package/tokens/src/core/components/ChipCarousel.json +0 -9
- package/tokens/src/core/components/CloseButton.json +0 -14
- package/tokens/src/core/components/Code.json +0 -34
- package/tokens/src/core/components/Collapsible.json +0 -29
- package/tokens/src/core/components/ColorPicker.json +0 -8
- package/tokens/src/core/components/Container.json +0 -13
- package/tokens/src/core/components/DataTable.json +0 -27
- package/tokens/src/core/components/Dropdown.json +0 -67
- package/tokens/src/core/components/Dropzone.json +0 -21
- package/tokens/src/core/components/Form/other.json +0 -14
- package/tokens/src/core/components/Form/size.json +0 -233
- package/tokens/src/core/components/Form/spacing.json +0 -155
- package/tokens/src/core/components/Form/transition.json +0 -16
- package/tokens/src/core/components/Form/typography.json +0 -122
- package/tokens/src/core/components/Icon.json +0 -11
- package/tokens/src/core/components/IconButton.json +0 -15
- package/tokens/src/core/components/Image.json +0 -28
- package/tokens/src/core/components/Menu.json +0 -48
- package/tokens/src/core/components/Modal.json +0 -47
- package/tokens/src/core/components/Nav.json +0 -55
- package/tokens/src/core/components/Navbar.json +0 -70
- package/tokens/src/core/components/Pagination.json +0 -70
- package/tokens/src/core/components/Popover.json +0 -48
- package/tokens/src/core/components/ProductTour.json +0 -37
- package/tokens/src/core/components/ProgressBar.json +0 -39
- package/tokens/src/core/components/SearchField.json +0 -23
- package/tokens/src/core/components/SelectableBox.json +0 -9
- package/tokens/src/core/components/Sheet.json +0 -10
- package/tokens/src/core/components/Spinner.json +0 -19
- package/tokens/src/core/components/Stack.json +0 -7
- package/tokens/src/core/components/Stepper.json +0 -42
- package/tokens/src/core/components/Sticky.json +0 -7
- package/tokens/src/core/components/Tab.json +0 -19
- package/tokens/src/core/components/Tabs.json +0 -19
- package/tokens/src/core/components/Toast.json +0 -30
- package/tokens/src/core/components/Tooltip.json +0 -33
- package/tokens/src/core/components/general/caret.json +0 -13
- package/tokens/src/core/components/general/headings.json +0 -16
- package/tokens/src/core/components/general/hr.json +0 -10
- package/tokens/src/core/components/general/input.json +0 -51
- package/tokens/src/core/components/general/link.json +0 -30
- package/tokens/src/core/components/general/list.json +0 -26
- package/tokens/src/core/components/general/text.json +0 -24
- package/tokens/src/core/global/breakpoints.json +0 -12
- package/tokens/src/core/global/display.json +0 -21
- package/tokens/src/core/global/elevation.json +0 -19
- package/tokens/src/core/global/other.json +0 -4
- package/tokens/src/core/global/spacing.json +0 -35
- package/tokens/src/core/global/transition.json +0 -14
- package/tokens/src/core/global/typography.json +0 -91
- package/tokens/src/core/utilities/color.json +0 -12
- package/tokens/src/themes/light/alias/color.json +0 -114
- package/tokens/src/themes/light/components/Alert.json +0 -47
- package/tokens/src/themes/light/components/Annotation.json +0 -29
- package/tokens/src/themes/light/components/Avatar.json +0 -7
- package/tokens/src/themes/light/components/Badge.json +0 -186
- package/tokens/src/themes/light/components/Breadcrumb.json +0 -14
- package/tokens/src/themes/light/components/Bubble.json +0 -18
- package/tokens/src/themes/light/components/Button/brand.json +0 -260
- package/tokens/src/themes/light/components/Button/core.json +0 -24
- package/tokens/src/themes/light/components/Button/danger.json +0 -247
- package/tokens/src/themes/light/components/Button/dark.json +0 -230
- package/tokens/src/themes/light/components/Button/info.json +0 -238
- package/tokens/src/themes/light/components/Button/light.json +0 -236
- package/tokens/src/themes/light/components/Button/primary.json +0 -250
- package/tokens/src/themes/light/components/Button/secondary.json +0 -278
- package/tokens/src/themes/light/components/Button/success.json +0 -253
- package/tokens/src/themes/light/components/Button/tertiary.json +0 -109
- package/tokens/src/themes/light/components/Button/warning.json +0 -276
- package/tokens/src/themes/light/components/Card.json +0 -40
- package/tokens/src/themes/light/components/Carousel.json +0 -45
- package/tokens/src/themes/light/components/Chip.json +0 -19
- package/tokens/src/themes/light/components/CloseButton.json +0 -10
- package/tokens/src/themes/light/components/Code.json +0 -23
- package/tokens/src/themes/light/components/DataTable.json +0 -26
- package/tokens/src/themes/light/components/Dropdown.json +0 -41
- package/tokens/src/themes/light/components/Dropzone.json +0 -23
- package/tokens/src/themes/light/components/Form/color.json +0 -270
- package/tokens/src/themes/light/components/Form/elevation.json +0 -76
- package/tokens/src/themes/light/components/Form/other.json +0 -131
- package/tokens/src/themes/light/components/IconButton.json +0 -451
- package/tokens/src/themes/light/components/Image.json +0 -18
- package/tokens/src/themes/light/components/Menu.json +0 -30
- package/tokens/src/themes/light/components/Modal.json +0 -37
- package/tokens/src/themes/light/components/Nav.json +0 -166
- package/tokens/src/themes/light/components/Navbar.json +0 -136
- package/tokens/src/themes/light/components/OverflowScroll.json +0 -9
- package/tokens/src/themes/light/components/PageBanner.json +0 -24
- package/tokens/src/themes/light/components/Pagination.json +0 -40
- package/tokens/src/themes/light/components/Popover.json +0 -55
- package/tokens/src/themes/light/components/ProductTour.json +0 -35
- package/tokens/src/themes/light/components/ProgressBar.json +0 -20
- package/tokens/src/themes/light/components/Scrollable.json +0 -14
- package/tokens/src/themes/light/components/SearchField.json +0 -25
- package/tokens/src/themes/light/components/Sheet.json +0 -22
- package/tokens/src/themes/light/components/Stepper.json +0 -34
- package/tokens/src/themes/light/components/Sticky.json +0 -18
- package/tokens/src/themes/light/components/Tab.json +0 -62
- package/tokens/src/themes/light/components/Toast.json +0 -33
- package/tokens/src/themes/light/components/Tooltip.json +0 -30
- package/tokens/src/themes/light/components/general/body.json +0 -8
- package/tokens/src/themes/light/components/general/headings.json +0 -7
- package/tokens/src/themes/light/components/general/hr.json +0 -15
- package/tokens/src/themes/light/components/general/input.json +0 -18
- package/tokens/src/themes/light/components/general/link.json +0 -109
- package/tokens/src/themes/light/components/general/list.json +0 -38
- package/tokens/src/themes/light/components/general/text.json +0 -6
- package/tokens/src/themes/light/global/color.json +0 -1661
- package/tokens/src/themes/light/global/elevation.json +0 -201
- package/tokens/src/themes/light/global/other.json +0 -4
- package/tokens/style-dictionary.js +0 -223
- package/tokens/utils.js +0 -210
- /package/{styles/scss → scss}/core/_exports.module.scss +0 -0
- /package/{styles/scss → scss}/core/_typography.scss +0 -0
|
@@ -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 ModalDialogTitle(_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-title', props.className)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialogTitle.js","names":["React","PropTypes","classNames","ModalDialogTitle","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogTitle({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-title', props.className),\n },\n children,\n );\n}\n\nModalDialogTitle.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\nModalDialogTitle.defaultProps = {\n as: 'h2',\n className: undefined,\n};\n\nexport default ModalDialogTitle;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalDialogTitle.js","names":["React","PropTypes","classNames","ModalDialogTitle","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogTitle({\n as,\n children,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__modal-title', props.className),\n },\n children,\n );\n}\n\nModalDialogTitle.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\nModalDialogTitle.defaultProps = {\n as: 'h2',\n className: undefined,\n};\n\nexport default ModalDialogTitle;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgBA,CAAAC,IAAA,EAItB;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,kBAAkB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE5DN,QACF,CAAC;AACH;AAEAH,gBAAgB,CAACU,SAAS,GAAG;EAC3B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,gBAAgB,CAACe,YAAY,GAAG;EAC9Bb,EAAE,EAAE,IAAI;EACRO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,gBAAgB"}
|
package/dist/Modal/ModalLayer.js
CHANGED
|
@@ -7,9 +7,7 @@ import { ModalContextProvider } from './ModalContext';
|
|
|
7
7
|
|
|
8
8
|
// istanbul ignore next
|
|
9
9
|
function ModalBackdrop(_ref) {
|
|
10
|
-
|
|
11
|
-
onClick
|
|
12
|
-
} = _ref;
|
|
10
|
+
var onClick = _ref.onClick;
|
|
13
11
|
return (
|
|
14
12
|
/*#__PURE__*/
|
|
15
13
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
@@ -30,9 +28,7 @@ ModalBackdrop.defaultProps = {
|
|
|
30
28
|
|
|
31
29
|
// istanbul ignore next
|
|
32
30
|
function ModalContentContainer(_ref2) {
|
|
33
|
-
|
|
34
|
-
children
|
|
35
|
-
} = _ref2;
|
|
31
|
+
var children = _ref2.children;
|
|
36
32
|
return /*#__PURE__*/React.createElement("div", {
|
|
37
33
|
className: "pgn__modal-content-container"
|
|
38
34
|
}, children);
|
|
@@ -51,27 +47,25 @@ ModalContentContainer.defaultProps = {
|
|
|
51
47
|
* component is that if a modal object is visible then it is "enabled"
|
|
52
48
|
*/
|
|
53
49
|
function ModalLayer(_ref3) {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
} = _ref3;
|
|
61
|
-
useEffect(() => {
|
|
50
|
+
var children = _ref3.children,
|
|
51
|
+
onClose = _ref3.onClose,
|
|
52
|
+
isOpen = _ref3.isOpen,
|
|
53
|
+
isBlocking = _ref3.isBlocking,
|
|
54
|
+
zIndex = _ref3.zIndex;
|
|
55
|
+
useEffect(function () {
|
|
62
56
|
if (isOpen) {
|
|
63
57
|
document.body.classList.add('pgn__hidden-scroll-padding-right');
|
|
64
58
|
} else {
|
|
65
59
|
document.body.classList.remove('pgn__hidden-scroll-padding-right');
|
|
66
60
|
}
|
|
67
|
-
return ()
|
|
61
|
+
return function () {
|
|
68
62
|
document.body.classList.remove('pgn__hidden-scroll-padding-right');
|
|
69
63
|
};
|
|
70
64
|
}, [isOpen]);
|
|
71
65
|
if (!isOpen) {
|
|
72
66
|
return null;
|
|
73
67
|
}
|
|
74
|
-
|
|
68
|
+
var onClickOutside = !isBlocking ? onClose : null;
|
|
75
69
|
return /*#__PURE__*/React.createElement(ModalContextProvider, {
|
|
76
70
|
onClose: onClose,
|
|
77
71
|
isOpen: isOpen,
|
|
@@ -82,7 +76,7 @@ function ModalLayer(_ref3) {
|
|
|
82
76
|
enabled: isOpen,
|
|
83
77
|
onEscapeKey: onClose,
|
|
84
78
|
onClickOutside: onClickOutside,
|
|
85
|
-
className: classNames('pgn__modal-layer', zIndex ?
|
|
79
|
+
className: classNames('pgn__modal-layer', zIndex ? "zindex-".concat(zIndex) : '')
|
|
86
80
|
}, /*#__PURE__*/React.createElement(ModalContentContainer, null, /*#__PURE__*/React.createElement(ModalBackdrop, {
|
|
87
81
|
onClick: onClickOutside
|
|
88
82
|
}), children))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalLayer.js","names":["React","useEffect","classNames","PropTypes","FocusOn","Portal","ModalContextProvider","ModalBackdrop","_ref","onClick","createElement","className","onKeyDown","propTypes","func","defaultProps","undefined","ModalContentContainer","_ref2","children","node","ModalLayer","_ref3","onClose","isOpen","isBlocking","zIndex","document","body","classList","add","remove","onClickOutside","allowPinchZoom","scrollLock","enabled","onEscapeKey","isRequired","bool","number"],"sources":["../../src/Modal/ModalLayer.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport { ModalContextProvider } from './ModalContext';\n\n// istanbul ignore next\nfunction ModalBackdrop({ onClick }) {\n return (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div\n className=\"pgn__modal-backdrop\"\n onClick={onClick}\n onKeyDown={onClick}\n data-testid=\"modal-backdrop\"\n />\n );\n}\n\nModalBackdrop.propTypes = {\n onClick: PropTypes.func,\n};\n\nModalBackdrop.defaultProps = {\n onClick: undefined,\n};\n\n// istanbul ignore next\nfunction ModalContentContainer({ children }) {\n return <div className=\"pgn__modal-content-container\">{children}</div>;\n}\n\nModalContentContainer.propTypes = {\n children: PropTypes.node,\n};\n\nModalContentContainer.defaultProps = {\n children: null,\n};\n\n/**\n * The ModalLayer should be used for any component that wishes to engage the user\n * in a \"mode\" where a layer on top of the application is interactive while the\n * rest of the application is made non-interactive. The assumption made by this\n * component is that if a modal object is visible then it is \"enabled\"\n */\nfunction ModalLayer({\n children, onClose, isOpen, isBlocking, zIndex,\n}) {\n useEffect(() => {\n if (isOpen) {\n document.body.classList.add('pgn__hidden-scroll-padding-right');\n } else {\n document.body.classList.remove('pgn__hidden-scroll-padding-right');\n }\n return () => {\n document.body.classList.remove('pgn__hidden-scroll-padding-right');\n };\n }, [isOpen]);\n\n if (!isOpen) {\n return null;\n }\n\n const onClickOutside = !isBlocking ? onClose : null;\n\n return (\n <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n <Portal>\n <FocusOn\n allowPinchZoom\n scrollLock\n enabled={isOpen}\n onEscapeKey={onClose}\n onClickOutside={onClickOutside}\n className={classNames(\n 'pgn__modal-layer',\n zIndex ? `zindex-${zIndex}` : '',\n )}\n >\n <ModalContentContainer>\n <ModalBackdrop onClick={onClickOutside} />\n {children}\n </ModalContentContainer>\n </FocusOn>\n </Portal>\n </ModalContextProvider>\n );\n}\n\nModalLayer.propTypes = {\n /** Specifies the contents of the modal */\n children: PropTypes.node.isRequired,\n /** A callback function for when the modal is dismissed */\n onClose: PropTypes.func.isRequired,\n /** Is the modal dialog open or closed */\n isOpen: PropTypes.bool.isRequired,\n /** Prevent clicking on the backdrop to close the modal */\n isBlocking: PropTypes.bool,\n /** Specifies the z-index of the modal */\n zIndex: PropTypes.number,\n};\n\nModalLayer.defaultProps = {\n isBlocking: false,\n zIndex: undefined,\n};\n\nexport { ModalBackdrop, ModalContentContainer };\nexport default ModalLayer;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,oBAAoB,QAAQ,gBAAgB;;AAErD;AACA,SAASC,aAAaA,CAAAC,IAAA,EAAc;EAAA,
|
|
1
|
+
{"version":3,"file":"ModalLayer.js","names":["React","useEffect","classNames","PropTypes","FocusOn","Portal","ModalContextProvider","ModalBackdrop","_ref","onClick","createElement","className","onKeyDown","propTypes","func","defaultProps","undefined","ModalContentContainer","_ref2","children","node","ModalLayer","_ref3","onClose","isOpen","isBlocking","zIndex","document","body","classList","add","remove","onClickOutside","allowPinchZoom","scrollLock","enabled","onEscapeKey","concat","isRequired","bool","number"],"sources":["../../src/Modal/ModalLayer.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport { ModalContextProvider } from './ModalContext';\n\n// istanbul ignore next\nfunction ModalBackdrop({ onClick }) {\n return (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div\n className=\"pgn__modal-backdrop\"\n onClick={onClick}\n onKeyDown={onClick}\n data-testid=\"modal-backdrop\"\n />\n );\n}\n\nModalBackdrop.propTypes = {\n onClick: PropTypes.func,\n};\n\nModalBackdrop.defaultProps = {\n onClick: undefined,\n};\n\n// istanbul ignore next\nfunction ModalContentContainer({ children }) {\n return <div className=\"pgn__modal-content-container\">{children}</div>;\n}\n\nModalContentContainer.propTypes = {\n children: PropTypes.node,\n};\n\nModalContentContainer.defaultProps = {\n children: null,\n};\n\n/**\n * The ModalLayer should be used for any component that wishes to engage the user\n * in a \"mode\" where a layer on top of the application is interactive while the\n * rest of the application is made non-interactive. The assumption made by this\n * component is that if a modal object is visible then it is \"enabled\"\n */\nfunction ModalLayer({\n children, onClose, isOpen, isBlocking, zIndex,\n}) {\n useEffect(() => {\n if (isOpen) {\n document.body.classList.add('pgn__hidden-scroll-padding-right');\n } else {\n document.body.classList.remove('pgn__hidden-scroll-padding-right');\n }\n return () => {\n document.body.classList.remove('pgn__hidden-scroll-padding-right');\n };\n }, [isOpen]);\n\n if (!isOpen) {\n return null;\n }\n\n const onClickOutside = !isBlocking ? onClose : null;\n\n return (\n <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n <Portal>\n <FocusOn\n allowPinchZoom\n scrollLock\n enabled={isOpen}\n onEscapeKey={onClose}\n onClickOutside={onClickOutside}\n className={classNames(\n 'pgn__modal-layer',\n zIndex ? `zindex-${zIndex}` : '',\n )}\n >\n <ModalContentContainer>\n <ModalBackdrop onClick={onClickOutside} />\n {children}\n </ModalContentContainer>\n </FocusOn>\n </Portal>\n </ModalContextProvider>\n );\n}\n\nModalLayer.propTypes = {\n /** Specifies the contents of the modal */\n children: PropTypes.node.isRequired,\n /** A callback function for when the modal is dismissed */\n onClose: PropTypes.func.isRequired,\n /** Is the modal dialog open or closed */\n isOpen: PropTypes.bool.isRequired,\n /** Prevent clicking on the backdrop to close the modal */\n isBlocking: PropTypes.bool,\n /** Specifies the z-index of the modal */\n zIndex: PropTypes.number,\n};\n\nModalLayer.defaultProps = {\n isBlocking: false,\n zIndex: undefined,\n};\n\nexport { ModalBackdrop, ModalContentContainer };\nexport default ModalLayer;\n"],"mappings":"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"}
|
package/dist/Modal/ModalPopup.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "onClose", "isOpen", "positionRef", "isBlocking", "withPortal", "placement", "hasArrow"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -8,25 +8,23 @@ import { FocusOn } from 'react-focus-on';
|
|
|
8
8
|
import Portal from './Portal';
|
|
9
9
|
import PopperElement from './PopperElement';
|
|
10
10
|
import { ModalContextProvider } from './ModalContext';
|
|
11
|
-
|
|
11
|
+
var PLACEMENT_OFFSETS = {
|
|
12
12
|
right: [-2, 10],
|
|
13
13
|
left: [-2, 10]
|
|
14
14
|
};
|
|
15
15
|
function ModalPopup(_ref) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
hasArrow
|
|
25
|
-
} = _ref,
|
|
16
|
+
var children = _ref.children,
|
|
17
|
+
onClose = _ref.onClose,
|
|
18
|
+
isOpen = _ref.isOpen,
|
|
19
|
+
positionRef = _ref.positionRef,
|
|
20
|
+
isBlocking = _ref.isBlocking,
|
|
21
|
+
withPortal = _ref.withPortal,
|
|
22
|
+
placement = _ref.placement,
|
|
23
|
+
hasArrow = _ref.hasArrow,
|
|
26
24
|
popperProps = _objectWithoutProperties(_ref, _excluded);
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
var RootComponent = withPortal ? Portal : React.Fragment;
|
|
26
|
+
var placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];
|
|
27
|
+
var popperParams = [{
|
|
30
28
|
name: 'eventListeners',
|
|
31
29
|
options: {
|
|
32
30
|
scroll: false
|
|
@@ -34,7 +32,9 @@ function ModalPopup(_ref) {
|
|
|
34
32
|
}, {
|
|
35
33
|
name: 'offset',
|
|
36
34
|
options: {
|
|
37
|
-
offset: ()
|
|
35
|
+
offset: function offset() {
|
|
36
|
+
return placementOffsetValue;
|
|
37
|
+
}
|
|
38
38
|
}
|
|
39
39
|
}];
|
|
40
40
|
return /*#__PURE__*/React.createElement(ModalContextProvider, {
|
|
@@ -55,7 +55,7 @@ function ModalPopup(_ref) {
|
|
|
55
55
|
}, children, hasArrow && /*#__PURE__*/React.createElement("div", {
|
|
56
56
|
id: "arrow",
|
|
57
57
|
"data-testid": "modal-popup-arrow",
|
|
58
|
-
className:
|
|
58
|
+
className: "pgn__modal-popup__arrow pgn__modal-popup__arrow-".concat(placement),
|
|
59
59
|
"data-popper-arrow": ""
|
|
60
60
|
}))))));
|
|
61
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalPopup.js","names":["React","PropTypes","FocusOn","Portal","PopperElement","ModalContextProvider","PLACEMENT_OFFSETS","right","left","ModalPopup","_ref","children","onClose","isOpen","positionRef","isBlocking","withPortal","placement","hasArrow","popperProps","_objectWithoutProperties","_excluded","RootComponent","Fragment","placementOffsetValue","popperParams","name","options","scroll","offset","createElement","_extends","modifiers","target","scrollLock","enabled","onEscapeKey","onClickOutside","className","id","propTypes","node","isRequired","func","bool","oneOfType","shape","current","defaultProps"],"sources":["../../src/Modal/ModalPopup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport PopperElement from './PopperElement';\nimport { ModalContextProvider } from './ModalContext';\n\nconst PLACEMENT_OFFSETS = { right: [-2, 10], left: [-2, 10] };\n\nfunction ModalPopup({\n children,\n onClose,\n isOpen,\n positionRef,\n isBlocking,\n withPortal,\n placement,\n hasArrow,\n ...popperProps\n}) {\n const RootComponent = withPortal ? Portal : React.Fragment;\n const placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];\n\n const popperParams = [\n {\n name: 'eventListeners',\n options: { scroll: false },\n },\n {\n name: 'offset',\n options: {\n offset: () => placementOffsetValue,\n },\n },\n ];\n\n return (\n <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n <RootComponent>\n <PopperElement\n modifiers={hasArrow ? popperParams : null}\n target={positionRef}\n placement={placement}\n {...popperProps}\n >\n <FocusOn\n scrollLock={false}\n enabled={isOpen}\n onEscapeKey={onClose}\n onClickOutside={onClose}\n >\n {isOpen && (\n <div className=\"pgn__modal-popup__tooltip\">\n {children}\n {hasArrow && (\n <div\n id=\"arrow\"\n data-testid=\"modal-popup-arrow\"\n className={`pgn__modal-popup__arrow pgn__modal-popup__arrow-${placement}`}\n data-popper-arrow=\"\"\n />\n )}\n </div>\n )}\n </FocusOn>\n </PopperElement>\n </RootComponent>\n </ModalContextProvider>\n );\n}\n\nModalPopup.propTypes = {\n /** Specifies the contents of the modal */\n children: PropTypes.node.isRequired,\n /** A callback function for when the modal is dismissed */\n onClose: PropTypes.func.isRequired,\n /** Is the modal dialog open or closed */\n isOpen: PropTypes.bool.isRequired,\n /** Prevent clicking on the backdrop to close the modal */\n isBlocking: PropTypes.bool,\n /** Insert modal into a different location in the DOM */\n withPortal: PropTypes.bool,\n // This type: https://stackoverflow.com/questions/48007326/what-is-the-correct-proptype-for-a-ref-in-react\n /** Specifies an element near which the modal should be displayed */\n positionRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.shape({}) }),\n ]),\n /** Specifies position according to the element that the ``positionRef`` prop points to */\n placement: PopperElement.propTypes.placement,\n /** Caret to the modal popup pointing to the target */\n hasArrow: PropTypes.bool,\n};\n\nModalPopup.defaultProps = {\n isBlocking: false,\n withPortal: false,\n placement: 'bottom-start',\n positionRef: null,\n hasArrow: false,\n};\n\nexport default ModalPopup;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,oBAAoB,QAAQ,gBAAgB;AAErD,
|
|
1
|
+
{"version":3,"file":"ModalPopup.js","names":["React","PropTypes","FocusOn","Portal","PopperElement","ModalContextProvider","PLACEMENT_OFFSETS","right","left","ModalPopup","_ref","children","onClose","isOpen","positionRef","isBlocking","withPortal","placement","hasArrow","popperProps","_objectWithoutProperties","_excluded","RootComponent","Fragment","placementOffsetValue","popperParams","name","options","scroll","offset","createElement","_extends","modifiers","target","scrollLock","enabled","onEscapeKey","onClickOutside","className","id","concat","propTypes","node","isRequired","func","bool","oneOfType","shape","current","defaultProps"],"sources":["../../src/Modal/ModalPopup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport PopperElement from './PopperElement';\nimport { ModalContextProvider } from './ModalContext';\n\nconst PLACEMENT_OFFSETS = { right: [-2, 10], left: [-2, 10] };\n\nfunction ModalPopup({\n children,\n onClose,\n isOpen,\n positionRef,\n isBlocking,\n withPortal,\n placement,\n hasArrow,\n ...popperProps\n}) {\n const RootComponent = withPortal ? Portal : React.Fragment;\n const placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];\n\n const popperParams = [\n {\n name: 'eventListeners',\n options: { scroll: false },\n },\n {\n name: 'offset',\n options: {\n offset: () => placementOffsetValue,\n },\n },\n ];\n\n return (\n <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n <RootComponent>\n <PopperElement\n modifiers={hasArrow ? popperParams : null}\n target={positionRef}\n placement={placement}\n {...popperProps}\n >\n <FocusOn\n scrollLock={false}\n enabled={isOpen}\n onEscapeKey={onClose}\n onClickOutside={onClose}\n >\n {isOpen && (\n <div className=\"pgn__modal-popup__tooltip\">\n {children}\n {hasArrow && (\n <div\n id=\"arrow\"\n data-testid=\"modal-popup-arrow\"\n className={`pgn__modal-popup__arrow pgn__modal-popup__arrow-${placement}`}\n data-popper-arrow=\"\"\n />\n )}\n </div>\n )}\n </FocusOn>\n </PopperElement>\n </RootComponent>\n </ModalContextProvider>\n );\n}\n\nModalPopup.propTypes = {\n /** Specifies the contents of the modal */\n children: PropTypes.node.isRequired,\n /** A callback function for when the modal is dismissed */\n onClose: PropTypes.func.isRequired,\n /** Is the modal dialog open or closed */\n isOpen: PropTypes.bool.isRequired,\n /** Prevent clicking on the backdrop to close the modal */\n isBlocking: PropTypes.bool,\n /** Insert modal into a different location in the DOM */\n withPortal: PropTypes.bool,\n // This type: https://stackoverflow.com/questions/48007326/what-is-the-correct-proptype-for-a-ref-in-react\n /** Specifies an element near which the modal should be displayed */\n positionRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.shape({}) }),\n ]),\n /** Specifies position according to the element that the ``positionRef`` prop points to */\n placement: PopperElement.propTypes.placement,\n /** Caret to the modal popup pointing to the target */\n hasArrow: PropTypes.bool,\n};\n\nModalPopup.defaultProps = {\n isBlocking: false,\n withPortal: false,\n placement: 'bottom-start',\n positionRef: null,\n hasArrow: false,\n};\n\nexport default ModalPopup;\n"],"mappings":"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"}
|
|
@@ -1,30 +1,37 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
function _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); }
|
|
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
|
import React, { useState } from 'react';
|
|
8
15
|
import PropTypes from 'prop-types';
|
|
9
16
|
import { usePopper } from 'react-popper';
|
|
10
17
|
function PopperElement(_ref) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
var children = _ref.children,
|
|
19
|
+
target = _ref.target,
|
|
20
|
+
strategy = _ref.strategy,
|
|
21
|
+
placement = _ref.placement,
|
|
22
|
+
modifiers = _ref.modifiers;
|
|
23
|
+
var _useState = useState(null),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
popperElement = _useState2[0],
|
|
26
|
+
setPopperElement = _useState2[1];
|
|
27
|
+
var popperOptions = {
|
|
28
|
+
modifiers: modifiers,
|
|
29
|
+
strategy: strategy,
|
|
30
|
+
placement: placement
|
|
23
31
|
};
|
|
24
|
-
|
|
25
|
-
styles,
|
|
26
|
-
attributes
|
|
27
|
-
} = usePopper(target, popperElement, popperOptions);
|
|
32
|
+
var _usePopper = usePopper(target, popperElement, popperOptions),
|
|
33
|
+
styles = _usePopper.styles,
|
|
34
|
+
attributes = _usePopper.attributes;
|
|
28
35
|
if (!target) {
|
|
29
36
|
return null;
|
|
30
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopperElement.js","names":["React","useState","PropTypes","usePopper","PopperElement","_ref","children","target","strategy","placement","modifiers","popperElement","setPopperElement","popperOptions","styles","attributes","createElement","_extends","ref","style","_objectSpread","popper","zIndex","defaultProps","undefined","propTypes","node","shape","current","oneOf","arrayOf","name","enabled","options","tether"],"sources":["../../src/Modal/PopperElement.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { usePopper } from 'react-popper';\n\nfunction PopperElement({\n children, target, strategy, placement, modifiers,\n}) {\n const [popperElement, setPopperElement] = useState(null);\n const popperOptions = { modifiers, strategy, placement };\n const {\n styles,\n attributes,\n } = usePopper(target, popperElement, popperOptions);\n\n if (!target) {\n return null;\n }\n\n return (\n <div ref={setPopperElement} style={{ ...styles.popper, zIndex: 2000 }} {...attributes.popper}>\n {children}\n </div>\n );\n}\n\nPopperElement.defaultProps = {\n target: undefined,\n};\n\nPopperElement.propTypes = {\n children: PropTypes.node,\n target: PropTypes.shape({\n current: PropTypes.shape({}),\n }),\n strategy: PropTypes.oneOf(['absolute', 'fixed']),\n placement: PropTypes.oneOf([\n 'auto',\n 'auto-start',\n 'auto-end',\n 'top',\n 'top-start',\n 'top-end',\n 'bottom',\n 'bottom-start',\n 'bottom-end',\n 'right',\n 'right-start',\n 'right-end',\n 'left',\n 'left-start',\n 'left-end',\n ]),\n modifiers: PropTypes.arrayOf(PropTypes.shape({})),\n};\n\nPopperElement.defaultProps = {\n children: undefined,\n strategy: 'absolute',\n placement: 'bottom-start',\n modifiers: [\n {\n name: 'flip',\n enabled: true,\n },\n {\n name: 'preventOverflow',\n options: {\n tether: false,\n },\n },\n ],\n};\n\nexport default PopperElement;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PopperElement.js","names":["React","useState","PropTypes","usePopper","PopperElement","_ref","children","target","strategy","placement","modifiers","_useState","_useState2","_slicedToArray","popperElement","setPopperElement","popperOptions","_usePopper","styles","attributes","createElement","_extends","ref","style","_objectSpread","popper","zIndex","defaultProps","undefined","propTypes","node","shape","current","oneOf","arrayOf","name","enabled","options","tether"],"sources":["../../src/Modal/PopperElement.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { usePopper } from 'react-popper';\n\nfunction PopperElement({\n children, target, strategy, placement, modifiers,\n}) {\n const [popperElement, setPopperElement] = useState(null);\n const popperOptions = { modifiers, strategy, placement };\n const {\n styles,\n attributes,\n } = usePopper(target, popperElement, popperOptions);\n\n if (!target) {\n return null;\n }\n\n return (\n <div ref={setPopperElement} style={{ ...styles.popper, zIndex: 2000 }} {...attributes.popper}>\n {children}\n </div>\n );\n}\n\nPopperElement.defaultProps = {\n target: undefined,\n};\n\nPopperElement.propTypes = {\n children: PropTypes.node,\n target: PropTypes.shape({\n current: PropTypes.shape({}),\n }),\n strategy: PropTypes.oneOf(['absolute', 'fixed']),\n placement: PropTypes.oneOf([\n 'auto',\n 'auto-start',\n 'auto-end',\n 'top',\n 'top-start',\n 'top-end',\n 'bottom',\n 'bottom-start',\n 'bottom-end',\n 'right',\n 'right-start',\n 'right-end',\n 'left',\n 'left-start',\n 'left-end',\n ]),\n modifiers: PropTypes.arrayOf(PropTypes.shape({})),\n};\n\nPopperElement.defaultProps = {\n children: undefined,\n strategy: 'absolute',\n placement: 'bottom-start',\n modifiers: [\n {\n name: 'flip',\n enabled: true,\n },\n {\n name: 'preventOverflow',\n options: {\n tether: false,\n },\n },\n ],\n};\n\nexport default PopperElement;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,cAAc;AAExC,SAASC,aAAaA,CAAAC,IAAA,EAEnB;EAAA,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;EAEhD,IAAAC,SAAA,GAA0CV,QAAQ,CAAC,IAAI,CAAC;IAAAW,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAjDG,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EACtC,IAAMI,aAAa,GAAG;IAAEN,SAAS,EAATA,SAAS;IAAEF,QAAQ,EAARA,QAAQ;IAAEC,SAAS,EAATA;EAAU,CAAC;EACxD,IAAAQ,UAAA,GAGId,SAAS,CAACI,MAAM,EAAEO,aAAa,EAAEE,aAAa,CAAC;IAFjDE,MAAM,GAAAD,UAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,UAAA,CAAVE,UAAU;EAGZ,IAAI,CAACZ,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAoB,aAAA,QAAAC,QAAA;IAAKC,GAAG,EAAEP,gBAAiB;IAACQ,KAAK,EAAAC,aAAA,CAAAA,aAAA,KAAON,MAAM,CAACO,MAAM;MAAEC,MAAM,EAAE;IAAI;EAAG,GAAKP,UAAU,CAACM,MAAM,GACzFnB,QACE,CAAC;AAEV;AAEAF,aAAa,CAACuB,YAAY,GAAG;EAC3BpB,MAAM,EAAEqB;AACV,CAAC;AAEDxB,aAAa,CAACyB,SAAS,GAAG;EACxBvB,QAAQ,EAAEJ,SAAS,CAAC4B,IAAI;EACxBvB,MAAM,EAAEL,SAAS,CAAC6B,KAAK,CAAC;IACtBC,OAAO,EAAE9B,SAAS,CAAC6B,KAAK,CAAC,CAAC,CAAC;EAC7B,CAAC,CAAC;EACFvB,QAAQ,EAAEN,SAAS,CAAC+B,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;EAChDxB,SAAS,EAAEP,SAAS,CAAC+B,KAAK,CAAC,CACzB,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,OAAO,EACP,aAAa,EACb,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,CACX,CAAC;EACFvB,SAAS,EAAER,SAAS,CAACgC,OAAO,CAAChC,SAAS,CAAC6B,KAAK,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAED3B,aAAa,CAACuB,YAAY,GAAG;EAC3BrB,QAAQ,EAAEsB,SAAS;EACnBpB,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE,cAAc;EACzBC,SAAS,EAAE,CACT;IACEyB,IAAI,EAAE,MAAM;IACZC,OAAO,EAAE;EACX,CAAC,EACD;IACED,IAAI,EAAE,iBAAiB;IACvBE,OAAO,EAAE;MACPC,MAAM,EAAE;IACV;EACF,CAAC;AAEL,CAAC;AAED,eAAelC,aAAa"}
|
package/dist/Modal/Portal.js
CHANGED
|
@@ -1,30 +1,52 @@
|
|
|
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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
3
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
4
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
8
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
9
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
10
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
11
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
12
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
13
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
1
14
|
import React from 'react';
|
|
2
15
|
import ReactDOM from 'react-dom';
|
|
3
16
|
import PropTypes from 'prop-types';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
17
|
+
var Portal = /*#__PURE__*/function (_React$Component) {
|
|
18
|
+
_inherits(Portal, _React$Component);
|
|
19
|
+
var _super = _createSuper(Portal);
|
|
20
|
+
function Portal(props) {
|
|
21
|
+
var _this;
|
|
22
|
+
_classCallCheck(this, Portal);
|
|
23
|
+
_this = _super.call(this, props);
|
|
24
|
+
_this.rootName = 'paragon-portal-root';
|
|
8
25
|
// istanbul ignore if
|
|
9
26
|
if (typeof document === 'undefined') {
|
|
10
|
-
|
|
11
|
-
} else if (document.getElementById(
|
|
12
|
-
|
|
27
|
+
_this.rootElement = null;
|
|
28
|
+
} else if (document.getElementById(_this.rootName)) {
|
|
29
|
+
_this.rootElement = document.getElementById(_this.rootName);
|
|
13
30
|
} else {
|
|
14
|
-
|
|
15
|
-
rootElement.setAttribute('id',
|
|
16
|
-
|
|
31
|
+
var rootElement = document.createElement('div');
|
|
32
|
+
rootElement.setAttribute('id', _this.rootName);
|
|
33
|
+
_this.rootElement = document.body.appendChild(rootElement);
|
|
17
34
|
}
|
|
35
|
+
return _this;
|
|
18
36
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
37
|
+
_createClass(Portal, [{
|
|
38
|
+
key: "render",
|
|
39
|
+
value: function render() {
|
|
40
|
+
// istanbul ignore else
|
|
41
|
+
if (this.rootElement) {
|
|
42
|
+
return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.rootElement);
|
|
43
|
+
}
|
|
44
|
+
// istanbul ignore next
|
|
45
|
+
return null;
|
|
23
46
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
47
|
+
}]);
|
|
48
|
+
return Portal;
|
|
49
|
+
}(React.Component);
|
|
28
50
|
Portal.propTypes = {
|
|
29
51
|
children: PropTypes.node.isRequired
|
|
30
52
|
};
|
package/dist/Modal/Portal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","names":["React","ReactDOM","PropTypes","Portal","Component","
|
|
1
|
+
{"version":3,"file":"Portal.js","names":["React","ReactDOM","PropTypes","Portal","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","rootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","_createClass","key","value","render","createPortal","children","Component","propTypes","node","isRequired"],"sources":["../../src/Modal/Portal.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass Portal extends React.Component {\n constructor(props) {\n super(props);\n this.rootName = 'paragon-portal-root';\n // istanbul ignore if\n if (typeof document === 'undefined') {\n this.rootElement = null;\n } else if (document.getElementById(this.rootName)) {\n this.rootElement = document.getElementById(this.rootName);\n } else {\n const rootElement = document.createElement('div');\n rootElement.setAttribute('id', this.rootName);\n this.rootElement = document.body.appendChild(rootElement);\n }\n }\n\n render() {\n // istanbul ignore else\n if (this.rootElement) {\n return ReactDOM.createPortal(\n this.props.children,\n this.rootElement,\n );\n }\n // istanbul ignore next\n return null;\n }\n}\n\nPortal.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default Portal;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAAC,IAE7BC,MAAM,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,MAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,MAAA;EACV,SAAAA,OAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,MAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IACXC,KAAA,CAAKG,QAAQ,GAAG,qBAAqB;IACrC;IACA,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnCJ,KAAA,CAAKK,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,QAAQ,CAAC,EAAE;MACjDH,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,QAAQ,CAAC;IAC3D,CAAC,MAAM;MACL,IAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAER,KAAA,CAAKG,QAAQ,CAAC;MAC7CH,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;IAAC,OAAAL,KAAA;EACH;EAACW,YAAA,CAAAjB,MAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACP;MACA,IAAI,IAAI,CAACT,WAAW,EAAE;QACpB,oBAAOb,QAAQ,CAACuB,YAAY,CAC1B,IAAI,CAAChB,KAAK,CAACiB,QAAQ,EACnB,IAAI,CAACX,WACP,CAAC;MACH;MACA;MACA,OAAO,IAAI;IACb;EAAC;EAAA,OAAAX,MAAA;AAAA,EA1BkBH,KAAK,CAAC0B,SAAS;AA6BpCvB,MAAM,CAACwB,SAAS,GAAG;EACjBF,QAAQ,EAAEvB,SAAS,CAAC0B,IAAI,CAACC;AAC3B,CAAC;AAED,eAAe1B,MAAM"}
|
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "footerNode", "beforeBodyNode", "afterBodyNode"];
|
|
2
2
|
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; }
|
|
3
3
|
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; }
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import ModalDialog from './ModalDialog';
|
|
7
|
-
export
|
|
7
|
+
export var STANDARD_MODAL_CLOSE_LABEL = 'Close';
|
|
8
8
|
function StandardModal(_ref) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
afterBodyNode
|
|
14
|
-
} = _ref,
|
|
9
|
+
var children = _ref.children,
|
|
10
|
+
footerNode = _ref.footerNode,
|
|
11
|
+
beforeBodyNode = _ref.beforeBodyNode,
|
|
12
|
+
afterBodyNode = _ref.afterBodyNode,
|
|
15
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
16
14
|
return /*#__PURE__*/React.createElement(ModalDialog, props, /*#__PURE__*/React.createElement(ModalDialog.Header, null, /*#__PURE__*/React.createElement(ModalDialog.Title, null, props.title)), beforeBodyNode, /*#__PURE__*/React.createElement(ModalDialog.Body, null, children), afterBodyNode, footerNode && /*#__PURE__*/React.createElement(ModalDialog.Footer, null, footerNode));
|
|
17
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StandardModal.js","names":["React","PropTypes","ModalDialog","STANDARD_MODAL_CLOSE_LABEL","StandardModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/StandardModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const STANDARD_MODAL_CLOSE_LABEL = 'Close';\n\nfunction StandardModal({\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>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n </ModalDialog>\n );\n}\n\nStandardModal.propTypes = {\n /** Specifies the content of the `Modal` */\n children: PropTypes.node.isRequired,\n /** The title for the `Modal` */\n title: PropTypes.string.isRequired,\n /** Optional callback function for when the modal it dismissed. */\n onClose: PropTypes.func.isRequired,\n /** Is the modal open or closed */\n isOpen: PropTypes.bool,\n /** The close 'x' icon button in the top right corner */\n hasCloseButton: PropTypes.bool,\n /** The modal size */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** The modal style variant to use */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /** Specifies the `aria-label` attribute for the close button */\n closeLabel: PropTypes.string,\n /** A class name to append to the modal */\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 /** 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\nStandardModal.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'md',\n variant: 'default',\n closeLabel: STANDARD_MODAL_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n footerNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n};\n\nexport default StandardModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,
|
|
1
|
+
{"version":3,"file":"StandardModal.js","names":["React","PropTypes","ModalDialog","STANDARD_MODAL_CLOSE_LABEL","StandardModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/StandardModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const STANDARD_MODAL_CLOSE_LABEL = 'Close';\n\nfunction StandardModal({\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>{children}</ModalDialog.Body>\n {afterBodyNode}\n {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n </ModalDialog>\n );\n}\n\nStandardModal.propTypes = {\n /** Specifies the content of the `Modal` */\n children: PropTypes.node.isRequired,\n /** The title for the `Modal` */\n title: PropTypes.string.isRequired,\n /** Optional callback function for when the modal it dismissed. */\n onClose: PropTypes.func.isRequired,\n /** Is the modal open or closed */\n isOpen: PropTypes.bool,\n /** The close 'x' icon button in the top right corner */\n hasCloseButton: PropTypes.bool,\n /** The modal size */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /** The modal style variant to use */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /** Specifies the `aria-label` attribute for the close button */\n closeLabel: PropTypes.string,\n /** A class name to append to the modal */\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 /** 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\nStandardModal.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'md',\n variant: 'default',\n closeLabel: STANDARD_MODAL_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n footerNode: null,\n beforeBodyNode: null,\n afterBodyNode: null,\n};\n\nexport default StandardModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,IAAMC,0BAA0B,GAAG,OAAO;AAEjD,SAASC,aAAaA,CAAAC,IAAA,EAMnB;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,QAAEX,QAA2B,CAAC,EAC9CG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACgB,MAAM,QAAEX,UAA+B,CACxD,CAAC;AAElB;AAEAH,aAAa,CAACe,SAAS,GAAG;EACxB;EACAb,QAAQ,EAAEL,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEf,SAAS,CAACqB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAEtB,SAAS,CAACuB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,cAAc,EAAE1B,SAAS,CAACyB,IAAI;EAC9B;EACAE,IAAI,EAAE3B,SAAS,CAAC4B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE7B,SAAS,CAAC4B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAE9B,SAAS,CAACqB,MAAM;EAC5B;EACAU,SAAS,EAAE/B,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEhC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACmB,IAAI;EAC1B;EACAZ,cAAc,EAAEP,SAAS,CAACmB,IAAI;EAC9B;EACAX,aAAa,EAAER,SAAS,CAACmB;AAC3B,CAAC;AAEDhB,aAAa,CAAC8B,YAAY,GAAG;EAC3BT,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE5B,0BAA0B;EACtC6B,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB1B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,aAAa"}
|