@openedx/paragon 22.0.0-alpha.24 → 22.0.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 +22 -23
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +22 -11
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +6 -7
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +6 -7
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +6 -7
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +8 -9
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +6 -7
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +6 -7
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +11 -17
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +17 -17
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +25 -18
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/Portal.js +40 -18
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/StandardModal.js +6 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/Modal/_ModalDialog.scss +48 -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/README.md +148 -0
- package/src/Modal/_ModalDialog.scss +48 -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,90 +1,110 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "className", "unmountOnExit"];
|
|
2
|
+
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
3
|
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
4
|
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
5
|
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; }
|
|
6
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
7
|
+
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); } }
|
|
8
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
9
|
+
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); }
|
|
10
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
11
|
+
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); }; }
|
|
12
|
+
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); }
|
|
13
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
14
|
+
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; } }
|
|
15
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
5
16
|
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; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
7
|
-
function _toPrimitive(input, hint) { if (
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
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
19
|
import React from 'react';
|
|
9
20
|
import classNames from 'classnames';
|
|
10
21
|
import PropTypes from 'prop-types';
|
|
11
|
-
export
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
return null;
|
|
23
|
-
}
|
|
24
|
-
constructor(props) {
|
|
25
|
-
super(props);
|
|
26
|
-
_defineProperty(this, "open", () => {
|
|
27
|
-
this.setState({
|
|
22
|
+
export var CollapsibleContext = /*#__PURE__*/React.createContext();
|
|
23
|
+
var CollapsibleAdvanced = /*#__PURE__*/function (_React$Component) {
|
|
24
|
+
_inherits(CollapsibleAdvanced, _React$Component);
|
|
25
|
+
var _super = _createSuper(CollapsibleAdvanced);
|
|
26
|
+
function CollapsibleAdvanced(props) {
|
|
27
|
+
var _this;
|
|
28
|
+
_classCallCheck(this, CollapsibleAdvanced);
|
|
29
|
+
_this = _super.call(this, props);
|
|
30
|
+
_defineProperty(_assertThisInitialized(_this), "open", function () {
|
|
31
|
+
_this.setState({
|
|
28
32
|
isOpen: true
|
|
29
33
|
});
|
|
30
|
-
if (
|
|
31
|
-
|
|
34
|
+
if (_this.props.onOpen) {
|
|
35
|
+
_this.props.onOpen();
|
|
32
36
|
}
|
|
33
|
-
if (
|
|
34
|
-
|
|
37
|
+
if (_this.props.onToggle) {
|
|
38
|
+
_this.props.onToggle(true);
|
|
35
39
|
}
|
|
36
40
|
});
|
|
37
|
-
_defineProperty(
|
|
38
|
-
|
|
41
|
+
_defineProperty(_assertThisInitialized(_this), "close", function () {
|
|
42
|
+
_this.setState({
|
|
39
43
|
isOpen: false
|
|
40
44
|
});
|
|
41
|
-
if (
|
|
42
|
-
|
|
45
|
+
if (_this.props.onClose) {
|
|
46
|
+
_this.props.onClose();
|
|
43
47
|
}
|
|
44
|
-
if (
|
|
45
|
-
|
|
48
|
+
if (_this.props.onToggle) {
|
|
49
|
+
_this.props.onToggle(false);
|
|
46
50
|
}
|
|
47
51
|
});
|
|
48
|
-
_defineProperty(
|
|
49
|
-
if (
|
|
50
|
-
|
|
52
|
+
_defineProperty(_assertThisInitialized(_this), "toggle", function () {
|
|
53
|
+
if (_this.state.isOpen) {
|
|
54
|
+
_this.close();
|
|
51
55
|
} else {
|
|
52
|
-
|
|
56
|
+
_this.open();
|
|
53
57
|
}
|
|
54
58
|
});
|
|
55
|
-
|
|
59
|
+
_this.state = {
|
|
56
60
|
isOpen: props.open !== undefined ? props.open : props.defaultOpen
|
|
57
61
|
};
|
|
62
|
+
return _this;
|
|
58
63
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
64
|
+
_createClass(CollapsibleAdvanced, [{
|
|
65
|
+
key: "render",
|
|
66
|
+
value: function render() {
|
|
67
|
+
var _this$props = this.props,
|
|
68
|
+
children = _this$props.children,
|
|
69
|
+
className = _this$props.className,
|
|
70
|
+
unmountOnExit = _this$props.unmountOnExit,
|
|
71
|
+
props = _objectWithoutProperties(_this$props, _excluded);
|
|
67
72
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
73
|
+
// Unneeded for passthrough props
|
|
74
|
+
delete props.defaultOpen;
|
|
75
|
+
delete props.onToggle;
|
|
76
|
+
delete props.onOpen;
|
|
77
|
+
delete props.onClose;
|
|
78
|
+
return /*#__PURE__*/React.createElement("div", _extends({}, props, {
|
|
79
|
+
className: classNames('pgn_collapsible', className, {
|
|
80
|
+
'is-open': this.state.isOpen
|
|
81
|
+
})
|
|
82
|
+
}), /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
|
|
83
|
+
value: {
|
|
84
|
+
isOpen: this.state.isOpen,
|
|
85
|
+
open: this.open,
|
|
86
|
+
close: this.close,
|
|
87
|
+
toggle: this.toggle,
|
|
88
|
+
unmountOnExit: unmountOnExit
|
|
89
|
+
}
|
|
90
|
+
}, children));
|
|
91
|
+
}
|
|
92
|
+
}], [{
|
|
93
|
+
key: "getDerivedStateFromProps",
|
|
94
|
+
value: function getDerivedStateFromProps(props) {
|
|
95
|
+
if (props.open !== undefined) {
|
|
96
|
+
return {
|
|
97
|
+
// Since this method fires on both props and state changes, local updates
|
|
98
|
+
// to the controlled value will be ignored, because the props version
|
|
99
|
+
// always overrides it. In this case, this is exactly what we want.
|
|
100
|
+
isOpen: props.open
|
|
101
|
+
};
|
|
84
102
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
103
|
+
return null;
|
|
104
|
+
}
|
|
105
|
+
}]);
|
|
106
|
+
return CollapsibleAdvanced;
|
|
107
|
+
}(React.Component);
|
|
88
108
|
CollapsibleAdvanced.propTypes = {
|
|
89
109
|
/** Specifies contents of the component. */
|
|
90
110
|
children: PropTypes.node,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleAdvanced.js","names":["React","classNames","PropTypes","CollapsibleContext","createContext","CollapsibleAdvanced","Component","
|
|
1
|
+
{"version":3,"file":"CollapsibleAdvanced.js","names":["React","classNames","PropTypes","CollapsibleContext","createContext","CollapsibleAdvanced","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","setState","isOpen","onOpen","onToggle","onClose","state","close","open","undefined","defaultOpen","_createClass","key","value","render","_this$props","children","className","unmountOnExit","_objectWithoutProperties","_excluded","createElement","_extends","Provider","toggle","getDerivedStateFromProps","Component","propTypes","node","string","bool","func","defaultProps"],"sources":["../../src/Collapsible/CollapsibleAdvanced.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nexport const CollapsibleContext = React.createContext();\n\nclass CollapsibleAdvanced extends React.Component {\n static getDerivedStateFromProps(props) {\n if (props.open !== undefined) {\n return {\n // Since this method fires on both props and state changes, local updates\n // to the controlled value will be ignored, because the props version\n // always overrides it. In this case, this is exactly what we want.\n isOpen: props.open,\n };\n }\n return null;\n }\n\n constructor(props) {\n super(props);\n\n this.state = {\n isOpen: props.open !== undefined ? props.open : props.defaultOpen,\n };\n }\n\n open = () => {\n this.setState({ isOpen: true });\n\n if (this.props.onOpen) {\n this.props.onOpen();\n }\n if (this.props.onToggle) {\n this.props.onToggle(true);\n }\n };\n\n close = () => {\n this.setState({ isOpen: false });\n\n if (this.props.onClose) {\n this.props.onClose();\n }\n if (this.props.onToggle) {\n this.props.onToggle(false);\n }\n };\n\n toggle = () => {\n if (this.state.isOpen) {\n this.close();\n } else {\n this.open();\n }\n };\n\n render() {\n const {\n children,\n className,\n unmountOnExit,\n ...props\n } = this.props;\n\n // Unneeded for passthrough props\n delete props.defaultOpen;\n delete props.onToggle;\n delete props.onOpen;\n delete props.onClose;\n\n return (\n <div\n {...props}\n className={classNames('pgn_collapsible', className, {\n 'is-open': this.state.isOpen,\n })}\n >\n <CollapsibleContext.Provider\n value={{\n isOpen: this.state.isOpen,\n open: this.open,\n close: this.close,\n toggle: this.toggle,\n unmountOnExit,\n }}\n >\n {children}\n </CollapsibleContext.Provider>\n </div>\n );\n }\n}\n\nCollapsibleAdvanced.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies classname to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether `Collapsible` should be initially open. */\n defaultOpen: PropTypes.bool,\n /** Specifies whether `Collapsible` is open. */\n open: PropTypes.bool,\n /** Callback fired when `Collapsible's` state is toggled. */\n onToggle: PropTypes.func,\n /** Callback fired when `Collapsible` opens. */\n onOpen: PropTypes.func,\n /** Callback fired when `Collapsible` closes. */\n onClose: PropTypes.func,\n /** Unmount the component (remove it from the DOM) when it is collapsed. */\n unmountOnExit: PropTypes.bool,\n};\n\nCollapsibleAdvanced.defaultProps = {\n children: undefined,\n className: undefined,\n defaultOpen: false,\n open: undefined,\n onToggle: undefined,\n onOpen: undefined,\n onClose: undefined,\n unmountOnExit: true,\n};\n\nexport default CollapsibleAdvanced;\n"],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["children", "transitionWrapper", "tag"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
10
|
import React, { useContext } from 'react';
|
|
@@ -12,24 +13,21 @@ import Collapse from '../Collapse';
|
|
|
12
13
|
import { CollapsibleContext } from './CollapsibleAdvanced';
|
|
13
14
|
import TransitionReplace from '../TransitionReplace';
|
|
14
15
|
function CollapsibleBody(_ref) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
tag
|
|
19
|
-
} = _ref,
|
|
16
|
+
var children = _ref.children,
|
|
17
|
+
transitionWrapper = _ref.transitionWrapper,
|
|
18
|
+
tag = _ref.tag,
|
|
20
19
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
|
|
22
|
-
isOpen,
|
|
23
|
-
unmountOnExit
|
|
24
|
-
} = useContext(CollapsibleContext);
|
|
20
|
+
var _useContext = useContext(CollapsibleContext),
|
|
21
|
+
isOpen = _useContext.isOpen,
|
|
22
|
+
unmountOnExit = _useContext.unmountOnExit;
|
|
25
23
|
|
|
26
24
|
// Keys are added to these elements so that TransitionReplace
|
|
27
25
|
// will recognize them as unique components and perform the
|
|
28
26
|
// transition properly.
|
|
29
|
-
|
|
27
|
+
var content = /*#__PURE__*/React.createElement(tag, _objectSpread({
|
|
30
28
|
key: 'body'
|
|
31
29
|
}, props), children);
|
|
32
|
-
|
|
30
|
+
var transitionBody = isOpen ? content : /*#__PURE__*/React.createElement("div", {
|
|
33
31
|
key: "empty"
|
|
34
32
|
});
|
|
35
33
|
if (transitionWrapper) {
|
|
@@ -37,7 +35,7 @@ function CollapsibleBody(_ref) {
|
|
|
37
35
|
}
|
|
38
36
|
/* istanbul ignore next */
|
|
39
37
|
return unmountOnExit ? /*#__PURE__*/React.createElement(TransitionReplace, null, transitionBody) : /*#__PURE__*/React.createElement(Collapse, {
|
|
40
|
-
in: isOpen
|
|
38
|
+
"in": isOpen
|
|
41
39
|
}, content);
|
|
42
40
|
}
|
|
43
41
|
CollapsibleBody.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleBody.js","names":["React","useContext","PropTypes","Collapse","CollapsibleContext","TransitionReplace","CollapsibleBody","_ref","children","transitionWrapper","tag","props","_objectWithoutProperties","_excluded","isOpen","unmountOnExit","content","createElement","_objectSpread","key","transitionBody","cloneElement","
|
|
1
|
+
{"version":3,"file":"CollapsibleBody.js","names":["React","useContext","PropTypes","Collapse","CollapsibleContext","TransitionReplace","CollapsibleBody","_ref","children","transitionWrapper","tag","props","_objectWithoutProperties","_excluded","_useContext","isOpen","unmountOnExit","content","createElement","_objectSpread","key","transitionBody","cloneElement","propTypes","node","string","element","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleBody.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Collapse from '../Collapse';\nimport { CollapsibleContext } from './CollapsibleAdvanced';\nimport TransitionReplace from '../TransitionReplace';\n\nfunction CollapsibleBody({\n children, transitionWrapper, tag, ...props\n}) {\n const { isOpen, unmountOnExit } = useContext(CollapsibleContext);\n\n // Keys are added to these elements so that TransitionReplace\n // will recognize them as unique components and perform the\n // transition properly.\n const content = React.createElement(tag, { key: 'body', ...props }, children);\n const transitionBody = isOpen ? content : <div key=\"empty\" />;\n\n if (transitionWrapper) {\n return React.cloneElement(transitionWrapper, {}, transitionBody);\n }\n /* istanbul ignore next */\n return unmountOnExit\n ? <TransitionReplace>{transitionBody}</TransitionReplace>\n : <Collapse in={isOpen}>{content}</Collapse>;\n}\n\nCollapsibleBody.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies content's base element. */\n tag: PropTypes.string,\n /** Specifies transition element. */\n transitionWrapper: PropTypes.element,\n};\n\nCollapsibleBody.defaultProps = {\n children: undefined,\n tag: 'div',\n transitionWrapper: undefined,\n};\n\nexport default CollapsibleBody;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,SAASC,eAAeA,CAAAC,IAAA,EAErB;EAAA,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAE1C,IAAAC,WAAA,GAAkCb,UAAU,CAACG,kBAAkB,CAAC;IAAxDW,MAAM,GAAAD,WAAA,CAANC,MAAM;IAAEC,aAAa,GAAAF,WAAA,CAAbE,aAAa;;EAE7B;EACA;EACA;EACA,IAAMC,OAAO,gBAAGjB,KAAK,CAACkB,aAAa,CAACR,GAAG,EAAAS,aAAA;IAAIC,GAAG,EAAE;EAAM,GAAKT,KAAK,GAAIH,QAAQ,CAAC;EAC7E,IAAMa,cAAc,GAAGN,MAAM,GAAGE,OAAO,gBAAGjB,KAAA,CAAAkB,aAAA;IAAKE,GAAG,EAAC;EAAO,CAAE,CAAC;EAE7D,IAAIX,iBAAiB,EAAE;IACrB,oBAAOT,KAAK,CAACsB,YAAY,CAACb,iBAAiB,EAAE,CAAC,CAAC,EAAEY,cAAc,CAAC;EAClE;EACA;EACA,OAAOL,aAAa,gBAChBhB,KAAA,CAAAkB,aAAA,CAACb,iBAAiB,QAAEgB,cAAkC,CAAC,gBACvDrB,KAAA,CAAAkB,aAAA,CAACf,QAAQ;IAAC,MAAIY;EAAO,GAAEE,OAAkB,CAAC;AAChD;AAEAX,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEN,SAAS,CAACsB,IAAI;EACxB;EACAd,GAAG,EAAER,SAAS,CAACuB,MAAM;EACrB;EACAhB,iBAAiB,EAAEP,SAAS,CAACwB;AAC/B,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BnB,QAAQ,EAAEoB,SAAS;EACnBlB,GAAG,EAAE,KAAK;EACVD,iBAAiB,EAAEmB;AACrB,CAAC;AAED,eAAetB,eAAe"}
|
|
@@ -1,31 +1,29 @@
|
|
|
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 = ["tag", "children", "openOnly", "closeOnly", "onClick", "onKeyDown"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
10
|
import React, { useContext, useCallback } from 'react';
|
|
10
11
|
import PropTypes from 'prop-types';
|
|
11
12
|
import { CollapsibleContext } from './CollapsibleAdvanced';
|
|
12
13
|
function CollapsibleTrigger(_ref) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
onKeyDown
|
|
20
|
-
} = _ref,
|
|
14
|
+
var tag = _ref.tag,
|
|
15
|
+
children = _ref.children,
|
|
16
|
+
openOnly = _ref.openOnly,
|
|
17
|
+
closeOnly = _ref.closeOnly,
|
|
18
|
+
onClick = _ref.onClick,
|
|
19
|
+
onKeyDown = _ref.onKeyDown,
|
|
21
20
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
|
|
23
|
-
isOpen,
|
|
24
|
-
open,
|
|
25
|
-
close,
|
|
26
|
-
toggle
|
|
27
|
-
|
|
28
|
-
const handleToggle = useCallback(e => {
|
|
21
|
+
var _useContext = useContext(CollapsibleContext),
|
|
22
|
+
isOpen = _useContext.isOpen,
|
|
23
|
+
open = _useContext.open,
|
|
24
|
+
close = _useContext.close,
|
|
25
|
+
toggle = _useContext.toggle;
|
|
26
|
+
var handleToggle = useCallback(function (e) {
|
|
29
27
|
if (openOnly) {
|
|
30
28
|
open(e);
|
|
31
29
|
} else if (closeOnly) {
|
|
@@ -34,13 +32,13 @@ function CollapsibleTrigger(_ref) {
|
|
|
34
32
|
toggle(e);
|
|
35
33
|
}
|
|
36
34
|
}, [openOnly, open, closeOnly, close, toggle]);
|
|
37
|
-
|
|
35
|
+
var handleClick = useCallback(function (e) {
|
|
38
36
|
if (onClick) {
|
|
39
37
|
onClick(e);
|
|
40
38
|
}
|
|
41
39
|
handleToggle(e);
|
|
42
40
|
}, [onClick, handleToggle]);
|
|
43
|
-
|
|
41
|
+
var handleKeyDown = useCallback(function (e) {
|
|
44
42
|
if (onKeyDown) {
|
|
45
43
|
onKeyDown(e);
|
|
46
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleTrigger.js","names":["React","useContext","useCallback","PropTypes","CollapsibleContext","CollapsibleTrigger","_ref","tag","children","openOnly","closeOnly","onClick","onKeyDown","props","_objectWithoutProperties","_excluded","isOpen","open","close","toggle","handleToggle","e","handleClick","handleKeyDown","key","createElement","_objectSpread","role","tabIndex","propTypes","node","oneOfType","string","elementType","bool","func","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleTrigger.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleTrigger({\n tag, children, openOnly, closeOnly, onClick, onKeyDown, ...props\n}) {\n const {\n isOpen, open, close, toggle,\n } = useContext(CollapsibleContext);\n\n const handleToggle = useCallback((e) => {\n if (openOnly) {\n open(e);\n } else if (closeOnly) {\n close(e);\n } else {\n toggle(e);\n }\n }, [openOnly, open, closeOnly, close, toggle]);\n\n const handleClick = useCallback((e) => {\n if (onClick) {\n onClick(e);\n }\n handleToggle(e);\n }, [onClick, handleToggle]);\n\n const handleKeyDown = useCallback((e) => {\n if (onKeyDown) {\n onKeyDown(e);\n }\n if (e.key === 'Enter') {\n handleToggle(e);\n }\n }, [onKeyDown, handleToggle]);\n\n return React.createElement(\n tag,\n {\n ...props,\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n role: 'button',\n tabIndex: 0,\n 'aria-expanded': isOpen,\n },\n children,\n );\n}\n\nCollapsibleTrigger.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies base element. */\n tag: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** Specifies whether toggling `Collapsible's` state will always trigger only open action. */\n openOnly: PropTypes.bool,\n /** Specifies whether toggling `Collapsible's` state will always trigger only close action. */\n closeOnly: PropTypes.bool,\n /** Callback fired when element gets clicked. */\n onClick: PropTypes.func,\n /** Callback fired when a key is pressed. */\n onKeyDown: PropTypes.func,\n};\n\nCollapsibleTrigger.defaultProps = {\n children: undefined,\n tag: 'div',\n openOnly: false,\n closeOnly: false,\n onClick: undefined,\n onKeyDown: undefined,\n};\n\nexport default CollapsibleTrigger;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CollapsibleTrigger.js","names":["React","useContext","useCallback","PropTypes","CollapsibleContext","CollapsibleTrigger","_ref","tag","children","openOnly","closeOnly","onClick","onKeyDown","props","_objectWithoutProperties","_excluded","_useContext","isOpen","open","close","toggle","handleToggle","e","handleClick","handleKeyDown","key","createElement","_objectSpread","role","tabIndex","propTypes","node","oneOfType","string","elementType","bool","func","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleTrigger.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleTrigger({\n tag, children, openOnly, closeOnly, onClick, onKeyDown, ...props\n}) {\n const {\n isOpen, open, close, toggle,\n } = useContext(CollapsibleContext);\n\n const handleToggle = useCallback((e) => {\n if (openOnly) {\n open(e);\n } else if (closeOnly) {\n close(e);\n } else {\n toggle(e);\n }\n }, [openOnly, open, closeOnly, close, toggle]);\n\n const handleClick = useCallback((e) => {\n if (onClick) {\n onClick(e);\n }\n handleToggle(e);\n }, [onClick, handleToggle]);\n\n const handleKeyDown = useCallback((e) => {\n if (onKeyDown) {\n onKeyDown(e);\n }\n if (e.key === 'Enter') {\n handleToggle(e);\n }\n }, [onKeyDown, handleToggle]);\n\n return React.createElement(\n tag,\n {\n ...props,\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n role: 'button',\n tabIndex: 0,\n 'aria-expanded': isOpen,\n },\n children,\n );\n}\n\nCollapsibleTrigger.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies base element. */\n tag: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /** Specifies whether toggling `Collapsible's` state will always trigger only open action. */\n openOnly: PropTypes.bool,\n /** Specifies whether toggling `Collapsible's` state will always trigger only close action. */\n closeOnly: PropTypes.bool,\n /** Callback fired when element gets clicked. */\n onClick: PropTypes.func,\n /** Callback fired when a key is pressed. */\n onKeyDown: PropTypes.func,\n};\n\nCollapsibleTrigger.defaultProps = {\n children: undefined,\n tag: 'div',\n openOnly: false,\n closeOnly: false,\n onClick: undefined,\n onKeyDown: undefined,\n};\n\nexport default CollapsibleTrigger;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAExB;EAAA,IADDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAEhE,IAAAC,WAAA,GAEIf,UAAU,CAACG,kBAAkB,CAAC;IADhCa,MAAM,GAAAD,WAAA,CAANC,MAAM;IAAEC,IAAI,GAAAF,WAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,WAAA,CAANI,MAAM;EAG7B,IAAMC,YAAY,GAAGnB,WAAW,CAAC,UAACoB,CAAC,EAAK;IACtC,IAAIb,QAAQ,EAAE;MACZS,IAAI,CAACI,CAAC,CAAC;IACT,CAAC,MAAM,IAAIZ,SAAS,EAAE;MACpBS,KAAK,CAACG,CAAC,CAAC;IACV,CAAC,MAAM;MACLF,MAAM,CAACE,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACb,QAAQ,EAAES,IAAI,EAAER,SAAS,EAAES,KAAK,EAAEC,MAAM,CAAC,CAAC;EAE9C,IAAMG,WAAW,GAAGrB,WAAW,CAAC,UAACoB,CAAC,EAAK;IACrC,IAAIX,OAAO,EAAE;MACXA,OAAO,CAACW,CAAC,CAAC;IACZ;IACAD,YAAY,CAACC,CAAC,CAAC;EACjB,CAAC,EAAE,CAACX,OAAO,EAAEU,YAAY,CAAC,CAAC;EAE3B,IAAMG,aAAa,GAAGtB,WAAW,CAAC,UAACoB,CAAC,EAAK;IACvC,IAAIV,SAAS,EAAE;MACbA,SAAS,CAACU,CAAC,CAAC;IACd;IACA,IAAIA,CAAC,CAACG,GAAG,KAAK,OAAO,EAAE;MACrBJ,YAAY,CAACC,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACV,SAAS,EAAES,YAAY,CAAC,CAAC;EAE7B,oBAAOrB,KAAK,CAAC0B,aAAa,CACxBnB,GAAG,EAAAoB,aAAA,CAAAA,aAAA,KAEEd,KAAK;IACRF,OAAO,EAAEY,WAAW;IACpBX,SAAS,EAAEY,aAAa;IACxBI,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACX,eAAe,EAAEZ;EAAM,IAEzBT,QACF,CAAC;AACH;AAEAH,kBAAkB,CAACyB,SAAS,GAAG;EAC7B;EACAtB,QAAQ,EAAEL,SAAS,CAAC4B,IAAI;EACxB;EACAxB,GAAG,EAAEJ,SAAS,CAAC6B,SAAS,CAAC,CAAC7B,SAAS,CAAC8B,MAAM,EAAE9B,SAAS,CAAC+B,WAAW,CAAC,CAAC;EACnE;EACAzB,QAAQ,EAAEN,SAAS,CAACgC,IAAI;EACxB;EACAzB,SAAS,EAAEP,SAAS,CAACgC,IAAI;EACzB;EACAxB,OAAO,EAAER,SAAS,CAACiC,IAAI;EACvB;EACAxB,SAAS,EAAET,SAAS,CAACiC;AACvB,CAAC;AAED/B,kBAAkB,CAACgC,YAAY,GAAG;EAChC7B,QAAQ,EAAE8B,SAAS;EACnB/B,GAAG,EAAE,KAAK;EACVE,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE2B,SAAS;EAClB1B,SAAS,EAAE0B;AACb,CAAC;AAED,eAAejC,kBAAkB"}
|
|
@@ -2,15 +2,12 @@ import React, { useContext } from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { CollapsibleContext } from './CollapsibleAdvanced';
|
|
4
4
|
function CollapsibleVisible(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
isOpen
|
|
12
|
-
} = useContext(CollapsibleContext);
|
|
13
|
-
const isVisible = isOpen && visibleWhenOpen || !isOpen && visibleWhenClosed;
|
|
5
|
+
var children = _ref.children,
|
|
6
|
+
visibleWhenOpen = _ref.whenOpen,
|
|
7
|
+
visibleWhenClosed = _ref.whenClosed;
|
|
8
|
+
var _useContext = useContext(CollapsibleContext),
|
|
9
|
+
isOpen = _useContext.isOpen;
|
|
10
|
+
var isVisible = isOpen && visibleWhenOpen || !isOpen && visibleWhenClosed;
|
|
14
11
|
if (isVisible) {
|
|
15
12
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
16
13
|
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleVisible.js","names":["React","useContext","PropTypes","CollapsibleContext","CollapsibleVisible","_ref","children","whenOpen","
|
|
1
|
+
{"version":3,"file":"CollapsibleVisible.js","names":["React","useContext","PropTypes","CollapsibleContext","CollapsibleVisible","_ref","children","visibleWhenOpen","whenOpen","visibleWhenClosed","whenClosed","_useContext","isOpen","isVisible","createElement","Fragment","propTypes","node","bool","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleVisible.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleVisible({\n children,\n whenOpen: visibleWhenOpen,\n whenClosed: visibleWhenClosed,\n}) {\n const { isOpen } = useContext(CollapsibleContext);\n const isVisible = (isOpen && visibleWhenOpen) || (!isOpen && visibleWhenClosed);\n\n if (isVisible) {\n // eslint-disable-next-line react/jsx-no-useless-fragment\n return <>{children}</>;\n }\n return null;\n}\n\nCollapsibleVisible.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node,\n /** Specifies whether the content should be visible when `Collapsible` is open. */\n whenOpen: PropTypes.bool,\n /** Specifies whether the content should be visible when `Collapsible` is closed. */\n whenClosed: PropTypes.bool,\n};\n\nCollapsibleVisible.defaultProps = {\n children: undefined,\n whenOpen: false,\n whenClosed: false,\n};\n\nexport default CollapsibleVisible;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAIxB;EAAA,IAHDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACEC,eAAe,GAAAF,IAAA,CAAzBG,QAAQ;IACIC,iBAAiB,GAAAJ,IAAA,CAA7BK,UAAU;EAEV,IAAAC,WAAA,GAAmBV,UAAU,CAACE,kBAAkB,CAAC;IAAzCS,MAAM,GAAAD,WAAA,CAANC,MAAM;EACd,IAAMC,SAAS,GAAID,MAAM,IAAIL,eAAe,IAAM,CAACK,MAAM,IAAIH,iBAAkB;EAE/E,IAAII,SAAS,EAAE;IACb;IACA,oBAAOb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QAAGT,QAAW,CAAC;EACxB;EACA,OAAO,IAAI;AACb;AAEAF,kBAAkB,CAACY,SAAS,GAAG;EAC7B;EACAV,QAAQ,EAAEJ,SAAS,CAACe,IAAI;EACxB;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxB;EACAR,UAAU,EAAER,SAAS,CAACgB;AACxB,CAAC;AAEDd,kBAAkB,CAACe,YAAY,GAAG;EAChCb,QAAQ,EAAEc,SAAS;EACnBZ,QAAQ,EAAE,KAAK;EACfE,UAAU,EAAE;AACd,CAAC;AAED,eAAeN,kBAAkB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// Collapsible
|
|
2
|
+
|
|
3
|
+
$collapsible-card-spacer-y: .5rem !default;
|
|
4
|
+
$collapsible-card-spacer-x: .5rem !default;
|
|
5
|
+
$collapsible-card-spacer-y-lg: $card-spacer-y !default;
|
|
6
|
+
$collapsible-card-spacer-x-lg: $card-spacer-x !default;
|
|
7
|
+
$collapsible-card-body-spacer-left: .75rem !default;
|
|
8
|
+
$collapsible-card-spacer-icon: 2.5rem !default;
|
|
9
|
+
|
|
10
|
+
$collapsible-basic-spacer-y: .5rem !default;
|
|
11
|
+
$collapsible-basic-spacer-x: .5rem !default;
|
|
12
|
+
$collapsible-basic-spacer-icon: .625rem !default;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["children", "className", "title", "styling", "iconWhenClosed", "iconWhenOpen"];
|
|
2
3
|
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
4
|
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; }
|
|
4
5
|
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; }
|
|
5
6
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
7
|
-
function _toPrimitive(input, hint) { if (
|
|
7
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
9
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
11
|
import React from 'react';
|
|
@@ -16,7 +17,7 @@ import CollapsibleBody from './CollapsibleBody';
|
|
|
16
17
|
import CollapsibleTrigger from './CollapsibleTrigger';
|
|
17
18
|
import CollapsibleVisible from './CollapsibleVisible';
|
|
18
19
|
import Icon from '../Icon';
|
|
19
|
-
|
|
20
|
+
var styleIcons = {
|
|
20
21
|
basic: {
|
|
21
22
|
iconWhenClosed: /*#__PURE__*/React.createElement(Icon, {
|
|
22
23
|
src: ExpandMore
|
|
@@ -28,23 +29,21 @@ const styleIcons = {
|
|
|
28
29
|
// card and card-lg use the defaults specified in defaultProps
|
|
29
30
|
};
|
|
30
31
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
iconWhenOpen
|
|
39
|
-
} = props,
|
|
32
|
+
var Collapsible = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
33
|
+
var children = props.children,
|
|
34
|
+
className = props.className,
|
|
35
|
+
title = props.title,
|
|
36
|
+
styling = props.styling,
|
|
37
|
+
iconWhenClosed = props.iconWhenClosed,
|
|
38
|
+
iconWhenOpen = props.iconWhenOpen,
|
|
40
39
|
other = _objectWithoutProperties(props, _excluded);
|
|
41
|
-
|
|
42
|
-
iconWhenClosed,
|
|
43
|
-
iconWhenOpen
|
|
40
|
+
var icons = _objectSpread({
|
|
41
|
+
iconWhenClosed: iconWhenClosed,
|
|
42
|
+
iconWhenOpen: iconWhenOpen
|
|
44
43
|
}, styleIcons[styling]);
|
|
45
|
-
|
|
44
|
+
var titleElement = /*#__PURE__*/React.isValidElement(title) ? title : /*#__PURE__*/React.createElement("span", null, title);
|
|
46
45
|
return /*#__PURE__*/React.createElement(Collapsible.Advanced, _extends({}, other, {
|
|
47
|
-
className: classNames(className,
|
|
46
|
+
className: classNames(className, "collapsible-".concat(styling)),
|
|
48
47
|
ref: ref
|
|
49
48
|
}), /*#__PURE__*/React.createElement(Collapsible.Trigger, {
|
|
50
49
|
className: "collapsible-trigger"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classNames","PropTypes","ExpandLess","ExpandMore","CollapsibleAdvanced","CollapsibleContext","CollapsibleBody","CollapsibleTrigger","CollapsibleVisible","Icon","styleIcons","basic","iconWhenClosed","createElement","src","iconWhenOpen","Collapsible","forwardRef","props","ref","children","className","title","styling","other","_objectWithoutProperties","_excluded","icons","_objectSpread","titleElement","isValidElement","Advanced","_extends","Trigger","Visible","whenClosed","whenOpen","Body","propTypes","node","isRequired","string","defaultOpen","bool","element","onClose","func","onOpen","onToggle","open","oneOf","unmountOnExit","defaultProps","undefined","Context"],"sources":["../../src/Collapsible/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport CollapsibleAdvanced, { CollapsibleContext } from './CollapsibleAdvanced';\nimport CollapsibleBody from './CollapsibleBody';\nimport CollapsibleTrigger from './CollapsibleTrigger';\nimport CollapsibleVisible from './CollapsibleVisible';\nimport Icon from '../Icon';\n\nconst styleIcons = {\n basic: {\n iconWhenClosed: <Icon src={ExpandMore} />,\n iconWhenOpen: <Icon src={ExpandLess} />,\n },\n // card and card-lg use the defaults specified in defaultProps\n};\n\nconst Collapsible = React.forwardRef((props, ref) => {\n const {\n children,\n className,\n title,\n styling,\n iconWhenClosed,\n iconWhenOpen,\n ...other\n } = props;\n\n const icons = { iconWhenClosed, iconWhenOpen, ...styleIcons[styling] };\n const titleElement = React.isValidElement(title) ? title : <span>{title}</span>;\n\n return (\n <Collapsible.Advanced\n {...other}\n className={classNames(className, `collapsible-${styling}`)}\n ref={ref}\n >\n <Collapsible.Trigger className=\"collapsible-trigger\">\n {titleElement}\n <span className=\"collapsible-icon\">\n <Collapsible.Visible whenClosed>{icons.iconWhenClosed}</Collapsible.Visible>\n <Collapsible.Visible whenOpen>{icons.iconWhenOpen}</Collapsible.Visible>\n </span>\n </Collapsible.Trigger>\n\n <Collapsible.Body className=\"collapsible-body\">{children}</Collapsible.Body>\n </Collapsible.Advanced>\n );\n});\n\nCollapsible.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the `Collapsible` should be initially open. */\n defaultOpen: PropTypes.bool,\n /** Specifies icon to show when `Collapsible` is closed. */\n iconWhenClosed: PropTypes.element,\n /** Specifies icon to show when `Collapsible` is open. */\n iconWhenOpen: PropTypes.element,\n /** Callback fired when `Collapsible` closes. */\n onClose: PropTypes.func,\n /** Callback fired when `Collapsible` opens. */\n onOpen: PropTypes.func,\n /** Callback fired when `Collapsible's` state is toggled. */\n onToggle: PropTypes.func,\n /** Specifies whether `Collapsible` is open. */\n open: PropTypes.bool,\n /** Specifies style variant. */\n styling: PropTypes.oneOf(['basic', 'card', 'card-lg']),\n /** Specifies title. */\n title: PropTypes.node.isRequired,\n /** Unmount the component (remove it from the DOM) when it is collapsed */\n unmountOnExit: PropTypes.bool,\n};\n\nCollapsible.defaultProps = {\n className: undefined,\n defaultOpen: false,\n iconWhenClosed: <Icon src={ExpandMore} />,\n iconWhenOpen: <Icon src={ExpandLess} />,\n onClose: undefined,\n onOpen: undefined,\n onToggle: undefined,\n open: undefined,\n styling: 'card',\n unmountOnExit: true,\n};\n\nCollapsible.Advanced = CollapsibleAdvanced;\nCollapsible.Body = CollapsibleBody;\nCollapsible.Trigger = CollapsibleTrigger;\nCollapsible.Visible = CollapsibleVisible;\nCollapsible.Context = CollapsibleContext;\n\nexport default Collapsible;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","classNames","PropTypes","ExpandLess","ExpandMore","CollapsibleAdvanced","CollapsibleContext","CollapsibleBody","CollapsibleTrigger","CollapsibleVisible","Icon","styleIcons","basic","iconWhenClosed","createElement","src","iconWhenOpen","Collapsible","forwardRef","props","ref","children","className","title","styling","other","_objectWithoutProperties","_excluded","icons","_objectSpread","titleElement","isValidElement","Advanced","_extends","concat","Trigger","Visible","whenClosed","whenOpen","Body","propTypes","node","isRequired","string","defaultOpen","bool","element","onClose","func","onOpen","onToggle","open","oneOf","unmountOnExit","defaultProps","undefined","Context"],"sources":["../../src/Collapsible/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport CollapsibleAdvanced, { CollapsibleContext } from './CollapsibleAdvanced';\nimport CollapsibleBody from './CollapsibleBody';\nimport CollapsibleTrigger from './CollapsibleTrigger';\nimport CollapsibleVisible from './CollapsibleVisible';\nimport Icon from '../Icon';\n\nconst styleIcons = {\n basic: {\n iconWhenClosed: <Icon src={ExpandMore} />,\n iconWhenOpen: <Icon src={ExpandLess} />,\n },\n // card and card-lg use the defaults specified in defaultProps\n};\n\nconst Collapsible = React.forwardRef((props, ref) => {\n const {\n children,\n className,\n title,\n styling,\n iconWhenClosed,\n iconWhenOpen,\n ...other\n } = props;\n\n const icons = { iconWhenClosed, iconWhenOpen, ...styleIcons[styling] };\n const titleElement = React.isValidElement(title) ? title : <span>{title}</span>;\n\n return (\n <Collapsible.Advanced\n {...other}\n className={classNames(className, `collapsible-${styling}`)}\n ref={ref}\n >\n <Collapsible.Trigger className=\"collapsible-trigger\">\n {titleElement}\n <span className=\"collapsible-icon\">\n <Collapsible.Visible whenClosed>{icons.iconWhenClosed}</Collapsible.Visible>\n <Collapsible.Visible whenOpen>{icons.iconWhenOpen}</Collapsible.Visible>\n </span>\n </Collapsible.Trigger>\n\n <Collapsible.Body className=\"collapsible-body\">{children}</Collapsible.Body>\n </Collapsible.Advanced>\n );\n});\n\nCollapsible.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the `Collapsible` should be initially open. */\n defaultOpen: PropTypes.bool,\n /** Specifies icon to show when `Collapsible` is closed. */\n iconWhenClosed: PropTypes.element,\n /** Specifies icon to show when `Collapsible` is open. */\n iconWhenOpen: PropTypes.element,\n /** Callback fired when `Collapsible` closes. */\n onClose: PropTypes.func,\n /** Callback fired when `Collapsible` opens. */\n onOpen: PropTypes.func,\n /** Callback fired when `Collapsible's` state is toggled. */\n onToggle: PropTypes.func,\n /** Specifies whether `Collapsible` is open. */\n open: PropTypes.bool,\n /** Specifies style variant. */\n styling: PropTypes.oneOf(['basic', 'card', 'card-lg']),\n /** Specifies title. */\n title: PropTypes.node.isRequired,\n /** Unmount the component (remove it from the DOM) when it is collapsed */\n unmountOnExit: PropTypes.bool,\n};\n\nCollapsible.defaultProps = {\n className: undefined,\n defaultOpen: false,\n iconWhenClosed: <Icon src={ExpandMore} />,\n iconWhenOpen: <Icon src={ExpandLess} />,\n onClose: undefined,\n onOpen: undefined,\n onToggle: undefined,\n open: undefined,\n styling: 'card',\n unmountOnExit: true,\n};\n\nCollapsible.Advanced = CollapsibleAdvanced;\nCollapsible.Body = CollapsibleBody;\nCollapsible.Trigger = CollapsibleTrigger;\nCollapsible.Visible = CollapsibleVisible;\nCollapsible.Context = CollapsibleContext;\n\nexport default Collapsible;\n"],"mappings":"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"}
|