@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
|
@@ -0,0 +1,166 @@
|
|
|
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 = ["value", "label", "group"],
|
|
3
|
+
_excluded2 = ["type", "className", "options", "forwardedRef"];
|
|
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; }
|
|
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; }
|
|
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; }
|
|
7
|
+
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); }
|
|
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; }
|
|
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; }
|
|
10
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
11
|
+
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); } }
|
|
12
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
13
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
+
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); }
|
|
15
|
+
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); }
|
|
16
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
17
|
+
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); }; }
|
|
18
|
+
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); }
|
|
19
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
20
|
+
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; } }
|
|
21
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
22
|
+
import React from 'react';
|
|
23
|
+
import classNames from 'classnames';
|
|
24
|
+
import PropTypes from 'prop-types';
|
|
25
|
+
var Input = /*#__PURE__*/function (_React$Component) {
|
|
26
|
+
_inherits(Input, _React$Component);
|
|
27
|
+
var _super = _createSuper(Input);
|
|
28
|
+
function Input() {
|
|
29
|
+
_classCallCheck(this, Input);
|
|
30
|
+
return _super.apply(this, arguments);
|
|
31
|
+
}
|
|
32
|
+
_createClass(Input, [{
|
|
33
|
+
key: "componentDidMount",
|
|
34
|
+
value: function componentDidMount() {
|
|
35
|
+
if (process.env.NODE_ENV === 'development') {
|
|
36
|
+
this.checkHasLabel();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}, {
|
|
40
|
+
key: "getHTMLTagForType",
|
|
41
|
+
value: function getHTMLTagForType() {
|
|
42
|
+
var type = this.props.type;
|
|
43
|
+
if (type === 'select' || type === 'textarea') {
|
|
44
|
+
return type;
|
|
45
|
+
}
|
|
46
|
+
return 'input';
|
|
47
|
+
}
|
|
48
|
+
}, {
|
|
49
|
+
key: "getClassNameForType",
|
|
50
|
+
value: function getClassNameForType() {
|
|
51
|
+
switch (this.props.type) {
|
|
52
|
+
case 'file':
|
|
53
|
+
return 'form-control-file';
|
|
54
|
+
case 'checkbox':
|
|
55
|
+
case 'radio':
|
|
56
|
+
return 'form-check-input';
|
|
57
|
+
default:
|
|
58
|
+
return 'form-control';
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}, {
|
|
62
|
+
key: "setRef",
|
|
63
|
+
value: function setRef(forwardedRef) {
|
|
64
|
+
var _this = this;
|
|
65
|
+
// In production just return the optional forwardedRef
|
|
66
|
+
if (process.env.NODE_ENV !== 'development') {
|
|
67
|
+
return forwardedRef;
|
|
68
|
+
}
|
|
69
|
+
return function (element) {
|
|
70
|
+
if (forwardedRef) {
|
|
71
|
+
forwardedRef.current = element;
|
|
72
|
+
} // eslint-disable-line no-param-reassign
|
|
73
|
+
_this.inputEl = element;
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
}, {
|
|
77
|
+
key: "checkHasLabel",
|
|
78
|
+
value: function checkHasLabel() {
|
|
79
|
+
if (this.inputEl.labels.length > 0) {
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
if (this.inputEl.getAttribute('aria-label') !== null) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
if (this.inputEl.getAttribute('aria-labelledby') !== null) {
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
if (console) {
|
|
89
|
+
// eslint-disable-next-line no-console
|
|
90
|
+
console.warn('Input[a11y]: There is no associated label for this Input');
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}, {
|
|
94
|
+
key: "renderOptions",
|
|
95
|
+
value: function renderOptions(options) {
|
|
96
|
+
var _this2 = this;
|
|
97
|
+
return options.map(function (option) {
|
|
98
|
+
var value = option.value,
|
|
99
|
+
label = option.label,
|
|
100
|
+
group = option.group,
|
|
101
|
+
attributes = _objectWithoutProperties(option, _excluded);
|
|
102
|
+
if (group) {
|
|
103
|
+
return /*#__PURE__*/React.createElement("optgroup", _extends({
|
|
104
|
+
key: "optgroup-".concat(label),
|
|
105
|
+
label: label
|
|
106
|
+
}, attributes), _this2.renderOptions(group));
|
|
107
|
+
}
|
|
108
|
+
return /*#__PURE__*/React.createElement("option", _extends({
|
|
109
|
+
key: value,
|
|
110
|
+
value: value
|
|
111
|
+
}, attributes), label);
|
|
112
|
+
}, this);
|
|
113
|
+
}
|
|
114
|
+
}, {
|
|
115
|
+
key: "render",
|
|
116
|
+
value: function render() {
|
|
117
|
+
var _this$props = this.props,
|
|
118
|
+
type = _this$props.type,
|
|
119
|
+
className = _this$props.className,
|
|
120
|
+
options = _this$props.options,
|
|
121
|
+
forwardedRef = _this$props.forwardedRef,
|
|
122
|
+
attributes = _objectWithoutProperties(_this$props, _excluded2);
|
|
123
|
+
var htmlTag = this.getHTMLTagForType();
|
|
124
|
+
var htmlProps = _objectSpread(_objectSpread({
|
|
125
|
+
className: classNames(this.getClassNameForType(), className),
|
|
126
|
+
type: htmlTag === 'input' ? type : undefined
|
|
127
|
+
}, attributes), {}, {
|
|
128
|
+
ref: this.setRef(forwardedRef)
|
|
129
|
+
});
|
|
130
|
+
var htmlChildren = type === 'select' ? this.renderOptions(options) : null;
|
|
131
|
+
return /*#__PURE__*/React.createElement(htmlTag, htmlProps, htmlChildren);
|
|
132
|
+
}
|
|
133
|
+
}]);
|
|
134
|
+
return Input;
|
|
135
|
+
}(React.Component);
|
|
136
|
+
Input.propTypes = {
|
|
137
|
+
/** specifies the type of component.
|
|
138
|
+
* One of select, textarea, or any valid type for an html input tag. */
|
|
139
|
+
type: PropTypes.oneOf(['textarea', 'select', 'checkbox', 'color', 'date', 'datetime', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week']).isRequired,
|
|
140
|
+
/** specifies the className in addition to a bootstrap class name. */
|
|
141
|
+
className: PropTypes.string,
|
|
142
|
+
/** should be used to specify the options of an Input of type select */
|
|
143
|
+
options: PropTypes.arrayOf(PropTypes.shape({
|
|
144
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
145
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
146
|
+
disabled: PropTypes.bool,
|
|
147
|
+
group: PropTypes.arrayOf(PropTypes.shape({
|
|
148
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
149
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
150
|
+
disabled: PropTypes.bool
|
|
151
|
+
}))
|
|
152
|
+
}))
|
|
153
|
+
};
|
|
154
|
+
Input.defaultProps = {
|
|
155
|
+
className: undefined,
|
|
156
|
+
options: []
|
|
157
|
+
};
|
|
158
|
+
|
|
159
|
+
// eslint-disable-next-line react/no-multi-comp
|
|
160
|
+
var InputWithRefForwarding = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
161
|
+
return /*#__PURE__*/React.createElement(Input, _extends({
|
|
162
|
+
forwardedRef: ref
|
|
163
|
+
}, props));
|
|
164
|
+
});
|
|
165
|
+
export default InputWithRefForwarding;
|
|
166
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","classNames","PropTypes","Input","_React$Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","componentDidMount","process","env","NODE_ENV","checkHasLabel","getHTMLTagForType","type","props","getClassNameForType","setRef","forwardedRef","_this","element","current","inputEl","labels","length","getAttribute","console","warn","renderOptions","options","_this2","map","option","label","group","attributes","_objectWithoutProperties","_excluded","createElement","_extends","concat","render","_this$props","className","_excluded2","htmlTag","htmlProps","_objectSpread","undefined","ref","htmlChildren","Component","propTypes","oneOf","isRequired","string","arrayOf","shape","oneOfType","number","disabled","bool","defaultProps","InputWithRefForwarding","forwardRef"],"sources":["../../src/Input/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nclass Input extends React.Component {\n componentDidMount() {\n if (process.env.NODE_ENV === 'development') {\n this.checkHasLabel();\n }\n }\n\n getHTMLTagForType() {\n const { type } = this.props;\n if (type === 'select' || type === 'textarea') { return type; }\n return 'input';\n }\n\n getClassNameForType() {\n switch (this.props.type) {\n case 'file':\n return 'form-control-file';\n case 'checkbox':\n case 'radio':\n return 'form-check-input';\n default:\n return 'form-control';\n }\n }\n\n setRef(forwardedRef) {\n // In production just return the optional forwardedRef\n if (process.env.NODE_ENV !== 'development') { return forwardedRef; }\n\n return (element) => {\n if (forwardedRef) { forwardedRef.current = element; } // eslint-disable-line no-param-reassign\n this.inputEl = element;\n };\n }\n\n checkHasLabel() {\n if (this.inputEl.labels.length > 0) { return; }\n if (this.inputEl.getAttribute('aria-label') !== null) { return; }\n if (this.inputEl.getAttribute('aria-labelledby') !== null) { return; }\n\n if (console) {\n // eslint-disable-next-line no-console\n console.warn('Input[a11y]: There is no associated label for this Input');\n }\n }\n\n renderOptions(options) {\n return options.map((option) => {\n const {\n value,\n label,\n group,\n ...attributes\n } = option;\n\n if (group) {\n return (\n <optgroup key={`optgroup-${label}`} label={label} {...attributes}>\n {this.renderOptions(group)}\n </optgroup>\n );\n }\n return (\n <option key={value} value={value} {...attributes}>\n {label}\n </option>\n );\n }, this);\n }\n\n render() {\n const {\n type,\n className,\n options,\n forwardedRef, // eslint-disable-line react/prop-types\n ...attributes // eslint-disable-line react/prop-types\n } = this.props;\n\n const htmlTag = this.getHTMLTagForType();\n const htmlProps = {\n className: classNames(this.getClassNameForType(), className),\n type: htmlTag === 'input' ? type : undefined,\n ...attributes,\n ref: this.setRef(forwardedRef),\n };\n const htmlChildren = type === 'select' ? this.renderOptions(options) : null;\n\n return React.createElement(htmlTag, htmlProps, htmlChildren);\n }\n}\n\nInput.propTypes = {\n /** specifies the type of component.\n * One of select, textarea, or any valid type for an html input tag. */\n type: PropTypes.oneOf([\n 'textarea',\n 'select',\n 'checkbox',\n 'color',\n 'date',\n 'datetime',\n 'datetime-local',\n 'email',\n 'file',\n 'hidden',\n 'image',\n 'month',\n 'number',\n 'password',\n 'radio',\n 'range',\n 'reset',\n 'search',\n 'submit',\n 'tel',\n 'text',\n 'time',\n 'url',\n 'week',\n ]).isRequired,\n /** specifies the className in addition to a bootstrap class name. */\n className: PropTypes.string,\n /** should be used to specify the options of an Input of type select */\n options: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n group: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n })),\n })),\n};\n\nInput.defaultProps = {\n className: undefined,\n options: [],\n};\n\n// eslint-disable-next-line react/no-multi-comp\nconst InputWithRefForwarding = React.forwardRef((props, ref) => (\n <Input forwardedRef={ref} {...props} />\n));\n\nexport default InputWithRefForwarding;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,105 @@
|
|
|
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 = ["className", "inputRef"];
|
|
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); }
|
|
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; }
|
|
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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
10
|
+
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); }
|
|
11
|
+
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); }
|
|
12
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
13
|
+
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); }; }
|
|
14
|
+
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); }
|
|
15
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
16
|
+
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; } }
|
|
17
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
18
|
+
import React from 'react';
|
|
19
|
+
import PropTypes from 'prop-types';
|
|
20
|
+
import asInput from '../asInput';
|
|
21
|
+
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
22
|
+
var Select = /*#__PURE__*/function (_React$Component) {
|
|
23
|
+
_inherits(Select, _React$Component);
|
|
24
|
+
var _super = _createSuper(Select);
|
|
25
|
+
function Select() {
|
|
26
|
+
_classCallCheck(this, Select);
|
|
27
|
+
return _super.apply(this, arguments);
|
|
28
|
+
}
|
|
29
|
+
_createClass(Select, [{
|
|
30
|
+
key: "getOptions",
|
|
31
|
+
value: function getOptions() {
|
|
32
|
+
return this.props.options.map(function (option, i) {
|
|
33
|
+
var section;
|
|
34
|
+
if (option.options) {
|
|
35
|
+
var groupOpts = option.options.map(function (opt, j) {
|
|
36
|
+
return Select.getOption(opt, j);
|
|
37
|
+
});
|
|
38
|
+
section = /*#__PURE__*/React.createElement("optgroup", {
|
|
39
|
+
label: option.label,
|
|
40
|
+
key: option.label
|
|
41
|
+
}, groupOpts);
|
|
42
|
+
} else {
|
|
43
|
+
section = Select.getOption(option, i);
|
|
44
|
+
}
|
|
45
|
+
return section;
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
}, {
|
|
49
|
+
key: "render",
|
|
50
|
+
value: function render() {
|
|
51
|
+
var _this$props = this.props,
|
|
52
|
+
className = _this$props.className,
|
|
53
|
+
inputRef = _this$props.inputRef,
|
|
54
|
+
others = _objectWithoutProperties(_this$props, _excluded);
|
|
55
|
+
var options = this.getOptions();
|
|
56
|
+
return /*#__PURE__*/React.createElement("select", _extends({}, others, {
|
|
57
|
+
className: className,
|
|
58
|
+
type: "select",
|
|
59
|
+
ref: inputRef
|
|
60
|
+
}), options);
|
|
61
|
+
}
|
|
62
|
+
}], [{
|
|
63
|
+
key: "getOption",
|
|
64
|
+
value: function getOption(option, i) {
|
|
65
|
+
var disabled = option.disabled;
|
|
66
|
+
var label = option.label,
|
|
67
|
+
value = option.value;
|
|
68
|
+
if (typeof option === 'string') {
|
|
69
|
+
label = option;
|
|
70
|
+
value = option;
|
|
71
|
+
}
|
|
72
|
+
return /*#__PURE__*/React.createElement("option", {
|
|
73
|
+
key: "option-".concat(i),
|
|
74
|
+
value: value,
|
|
75
|
+
disabled: disabled
|
|
76
|
+
}, label);
|
|
77
|
+
}
|
|
78
|
+
}]);
|
|
79
|
+
return Select;
|
|
80
|
+
}(React.Component);
|
|
81
|
+
Select.propTypes = {
|
|
82
|
+
className: PropTypes.string,
|
|
83
|
+
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
84
|
+
current: PropTypes.instanceOf(PropTypes.element)
|
|
85
|
+
})]),
|
|
86
|
+
options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({}))]).isRequired
|
|
87
|
+
};
|
|
88
|
+
Select.defaultProps = {
|
|
89
|
+
className: undefined,
|
|
90
|
+
inputRef: undefined
|
|
91
|
+
};
|
|
92
|
+
var InputSelect = asInput(withDeprecatedProps(Select, 'InputSelect', {
|
|
93
|
+
className: {
|
|
94
|
+
deprType: DeprTypes.FORMAT,
|
|
95
|
+
expect: function expect(value) {
|
|
96
|
+
return typeof value === 'string';
|
|
97
|
+
},
|
|
98
|
+
transform: function transform(value) {
|
|
99
|
+
return Array.isArray(value) ? value.join(' ') : value;
|
|
100
|
+
},
|
|
101
|
+
message: 'It should be a string.'
|
|
102
|
+
}
|
|
103
|
+
}));
|
|
104
|
+
export default InputSelect;
|
|
105
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Select","_React$Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getOptions","props","options","map","option","i","section","groupOpts","opt","j","getOption","createElement","label","render","_this$props","className","inputRef","others","_objectWithoutProperties","_excluded","_extends","type","ref","disabled","concat","Component","propTypes","string","oneOfType","func","shape","current","instanceOf","element","arrayOf","isRequired","defaultProps","undefined","InputSelect","deprType","FORMAT","expect","transform","Array","isArray","join","message"],"sources":["../../src/InputSelect/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nclass Select extends React.Component {\n static getOption(option, i) {\n const { disabled } = option;\n let { label, value } = option;\n\n if (typeof option === 'string') {\n label = option;\n value = option;\n }\n\n return (\n <option\n key={`option-${i}`}\n value={value}\n disabled={disabled}\n >\n {label}\n </option>\n );\n }\n\n getOptions() {\n return this.props.options.map((option, i) => {\n let section;\n if (option.options) {\n const groupOpts = option.options.map((opt, j) => Select.getOption(opt, j));\n section = (\n <optgroup label={option.label} key={option.label}>\n {groupOpts}\n </optgroup>\n );\n } else {\n section = Select.getOption(option, i);\n }\n return section;\n });\n }\n\n render() {\n const {\n className,\n inputRef,\n ...others\n } = this.props;\n const options = this.getOptions();\n\n return (\n <select\n {...others}\n className={className}\n type=\"select\"\n ref={inputRef}\n >\n {options}\n </select>\n );\n }\n}\n\nSelect.propTypes = {\n className: PropTypes.string,\n inputRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n ]),\n options: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.arrayOf(PropTypes.shape({})),\n ]).isRequired,\n};\n\nSelect.defaultProps = {\n className: undefined,\n inputRef: undefined,\n};\n\nconst InputSelect = asInput(withDeprecatedProps(Select, 'InputSelect', {\n className: {\n deprType: DeprTypes.FORMAT,\n expect: value => typeof value === 'string',\n transform: value => (Array.isArray(value) ? value.join(' ') : value),\n message: 'It should be a string.',\n },\n}));\n\nexport default InputSelect;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
var _excluded = ["className", "inputRef", "type"];
|
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
+
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
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import PropTypes from 'prop-types';
|
|
7
|
+
import asInput from '../asInput';
|
|
8
|
+
import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
|
|
9
|
+
function Text(props) {
|
|
10
|
+
var className = props.className,
|
|
11
|
+
inputRef = props.inputRef,
|
|
12
|
+
type = props.type,
|
|
13
|
+
others = _objectWithoutProperties(props, _excluded);
|
|
14
|
+
return /*#__PURE__*/React.createElement("input", _extends({}, others, {
|
|
15
|
+
className: className,
|
|
16
|
+
type: type || 'text',
|
|
17
|
+
ref: inputRef
|
|
18
|
+
}));
|
|
19
|
+
}
|
|
20
|
+
Text.propTypes = {
|
|
21
|
+
className: PropTypes.string,
|
|
22
|
+
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
23
|
+
current: PropTypes.instanceOf(PropTypes.element)
|
|
24
|
+
})]),
|
|
25
|
+
type: PropTypes.string
|
|
26
|
+
};
|
|
27
|
+
Text.defaultProps = {
|
|
28
|
+
className: undefined,
|
|
29
|
+
inputRef: undefined,
|
|
30
|
+
type: 'text'
|
|
31
|
+
};
|
|
32
|
+
var InputText = asInput(withDeprecatedProps(Text, 'InputText', {
|
|
33
|
+
className: {
|
|
34
|
+
deprType: DeprTypes.FORMAT,
|
|
35
|
+
expect: function expect(value) {
|
|
36
|
+
return typeof value === 'string';
|
|
37
|
+
},
|
|
38
|
+
transform: function transform(value) {
|
|
39
|
+
return Array.isArray(value) ? value.join(' ') : value;
|
|
40
|
+
},
|
|
41
|
+
message: 'It should be a string.'
|
|
42
|
+
}
|
|
43
|
+
}));
|
|
44
|
+
export default InputText;
|
|
45
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Text","props","className","inputRef","type","others","_objectWithoutProperties","_excluded","createElement","_extends","ref","propTypes","string","oneOfType","func","shape","current","instanceOf","element","defaultProps","undefined","InputText","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/InputText/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nfunction Text(props) {\n const {\n className,\n inputRef,\n type,\n ...others\n } = props;\n\n return (\n <input\n {...others}\n className={className}\n type={type || 'text'}\n ref={inputRef}\n />\n );\n}\n\nText.propTypes = {\n className: PropTypes.string,\n inputRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n ]),\n type: PropTypes.string,\n};\n\nText.defaultProps = {\n className: undefined,\n inputRef: undefined,\n type: 'text',\n};\n\nconst InputText = asInput(withDeprecatedProps(Text, 'InputText', {\n className: {\n deprType: DeprTypes.FORMAT,\n expect: value => typeof value === 'string',\n transform: value => (Array.isArray(value) ? value.join(' ') : value),\n message: 'It should be a string.',\n },\n}));\n\nexport default InputText;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,SAASC,IAAIA,CAACC,KAAK,EAAE;EACnB,IACEC,SAAS,GAIPD,KAAK,CAJPC,SAAS;IACTC,QAAQ,GAGNF,KAAK,CAHPE,QAAQ;IACRC,IAAI,GAEFH,KAAK,CAFPG,IAAI;IACDC,MAAM,GAAAC,wBAAA,CACPL,KAAK,EAAAM,SAAA;EAET,oBACEZ,KAAA,CAAAa,aAAA,UAAAC,QAAA,KACMJ,MAAM;IACVH,SAAS,EAAEA,SAAU;IACrBE,IAAI,EAAEA,IAAI,IAAI,MAAO;IACrBM,GAAG,EAAEP;EAAS,EACf,CAAC;AAEN;AAEAH,IAAI,CAACW,SAAS,GAAG;EACfT,SAAS,EAAEN,SAAS,CAACgB,MAAM;EAC3BT,QAAQ,EAAEP,SAAS,CAACiB,SAAS,CAAC,CAC5BjB,SAAS,CAACkB,IAAI,EACdlB,SAAS,CAACmB,KAAK,CAAC;IAAEC,OAAO,EAAEpB,SAAS,CAACqB,UAAU,CAACrB,SAAS,CAACsB,OAAO;EAAE,CAAC,CAAC,CACtE,CAAC;EACFd,IAAI,EAAER,SAAS,CAACgB;AAClB,CAAC;AAEDZ,IAAI,CAACmB,YAAY,GAAG;EAClBjB,SAAS,EAAEkB,SAAS;EACpBjB,QAAQ,EAAEiB,SAAS;EACnBhB,IAAI,EAAE;AACR,CAAC;AAED,IAAMiB,SAAS,GAAGxB,OAAO,CAACC,mBAAmB,CAACE,IAAI,EAAE,WAAW,EAAE;EAC/DE,SAAS,EAAE;IACToB,QAAQ,EAAEvB,SAAS,CAACwB,MAAM;IAC1BC,MAAM,EAAE,SAAAA,OAAAC,KAAK;MAAA,OAAI,OAAOA,KAAK,KAAK,QAAQ;IAAA;IAC1CC,SAAS,EAAE,SAAAA,UAAAD,KAAK;MAAA,OAAKE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,KAAK;IAAA,CAAC;IACpEK,OAAO,EAAE;EACX;AACF,CAAC,CAAC,CAAC;AAEH,eAAeT,SAAS"}
|
package/dist/Layout/index.js
CHANGED
|
@@ -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"];
|
|
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
|
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); }
|
|
@@ -11,42 +12,45 @@ import React from 'react';
|
|
|
11
12
|
import Col from 'react-bootstrap/Col';
|
|
12
13
|
import Row from 'react-bootstrap/Row';
|
|
13
14
|
import PropTypes from 'prop-types';
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
var COL_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 'auto'];
|
|
16
|
+
var SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
17
|
+
var LayoutElement = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
18
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
19
|
+
ref: ref
|
|
20
|
+
}, props));
|
|
21
|
+
});
|
|
22
|
+
var Layout = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
23
|
+
var children = _ref.children,
|
|
23
24
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
var childrenLength = children.length;
|
|
26
|
+
var isValidDimensions = function isValidDimensions(dataList, validLength) {
|
|
27
|
+
return !dataList || dataList.length === validLength;
|
|
28
|
+
};
|
|
29
|
+
var errors = {};
|
|
30
|
+
var layout = React.Children.map(children, function (child, index) {
|
|
31
|
+
var newProps = _objectSpread({}, child.props);
|
|
32
|
+
SIZES.forEach(function (size) {
|
|
33
|
+
var sizeProps = props[size];
|
|
34
|
+
var _ref2 = sizeProps && sizeProps[index] || {},
|
|
35
|
+
_ref2$span = _ref2.span,
|
|
36
|
+
span = _ref2$span === void 0 ? 0 : _ref2$span,
|
|
37
|
+
_ref2$offset = _ref2.offset,
|
|
38
|
+
offset = _ref2$offset === void 0 ? 0 : _ref2$offset;
|
|
35
39
|
if (errors[size] === undefined) {
|
|
36
40
|
errors[size] = false;
|
|
37
41
|
if (!isValidDimensions(sizeProps, childrenLength)) {
|
|
38
|
-
errors[size] =
|
|
42
|
+
errors[size] = "".concat(size, " prop accepts array which length must be equal to the number of children.");
|
|
39
43
|
}
|
|
40
44
|
}
|
|
41
45
|
newProps[size] = {
|
|
42
|
-
span,
|
|
43
|
-
offset
|
|
46
|
+
span: span,
|
|
47
|
+
offset: offset
|
|
44
48
|
};
|
|
45
49
|
});
|
|
46
50
|
newProps.ref = child.ref;
|
|
47
51
|
return /*#__PURE__*/React.createElement(Col, newProps, child.props.children);
|
|
48
52
|
});
|
|
49
|
-
Object.keys(errors).forEach(breakpoint
|
|
53
|
+
Object.keys(errors).forEach(function (breakpoint) {
|
|
50
54
|
if (errors[breakpoint]) {
|
|
51
55
|
// eslint-disable-next-line no-console
|
|
52
56
|
console.error(errors[breakpoint]);
|
|
@@ -86,11 +90,11 @@ Layout.propTypes = {
|
|
|
86
90
|
offset: PropTypes.oneOf(COL_VALUES)
|
|
87
91
|
}))
|
|
88
92
|
};
|
|
89
|
-
|
|
93
|
+
var sizeDefaultProps = {
|
|
90
94
|
span: [],
|
|
91
95
|
offset: []
|
|
92
96
|
};
|
|
93
|
-
SIZES.forEach(size
|
|
97
|
+
SIZES.forEach(function (size) {
|
|
94
98
|
// eslint-disable-next-line react/default-props-match-prop-types
|
|
95
99
|
Layout.defaultProps[size] = sizeDefaultProps;
|
|
96
100
|
});
|
package/dist/Layout/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","Col","Row","PropTypes","COL_VALUES","SIZES","LayoutElement","forwardRef","props","ref","createElement","_extends","Layout","_ref","children","_objectWithoutProperties","_excluded","childrenLength","length","isValidDimensions","dataList","validLength","errors","layout","Children","map","child","index","newProps","_objectSpread","forEach","size","sizeProps","span","offset","undefined","Object","keys","breakpoint","console","error","defaultProps","xs","sm","md","lg","xl","propTypes","node","isRequired","arrayOf","shape","oneOf","sizeDefaultProps","Element"],"sources":["../../src/Layout/index.jsx"],"sourcesContent":["import React from 'react';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport PropTypes from 'prop-types';\n\nconst COL_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 'auto'];\nconst SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nconst LayoutElement = React.forwardRef((props, ref) => <div ref={ref} {...props} />);\n\nconst Layout = React.forwardRef(({ children, ...props }, ref) => {\n const childrenLength = children.length;\n\n const isValidDimensions = (dataList, validLength) => !dataList || dataList.length === validLength;\n const errors = {};\n\n const layout = React.Children.map(children, (child, index) => {\n const newProps = { ...child.props };\n SIZES.forEach(size => {\n const sizeProps = props[size];\n const { span = 0, offset = 0 } = (sizeProps && sizeProps[index]) || {};\n if (errors[size] === undefined) {\n errors[size] = false;\n if (!isValidDimensions(sizeProps, childrenLength)) {\n errors[size] = `${size} prop accepts array which length must be equal to the number of children.`;\n }\n }\n newProps[size] = { span, offset };\n });\n newProps.ref = child.ref;\n return React.createElement(Col, newProps, child.props.children);\n });\n\n Object.keys(errors).forEach(breakpoint => {\n if (errors[breakpoint]) {\n // eslint-disable-next-line no-console\n console.error(errors[breakpoint]);\n }\n });\n\n return (\n <Row ref={ref}>\n {layout}\n </Row>\n );\n});\n\nLayout.defaultProps = {\n xs: undefined,\n sm: undefined,\n md: undefined,\n lg: undefined,\n xl: undefined,\n};\n\nLayout.propTypes = {\n children: PropTypes.node.isRequired,\n xs: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n sm: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n md: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n lg: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n xl: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n};\n\nconst sizeDefaultProps = { span: [], offset: [] };\n\nSIZES.forEach(size => {\n // eslint-disable-next-line react/default-props-match-prop-types\n Layout.defaultProps[size] = sizeDefaultProps;\n});\n\nexport { Col, Row };\nLayout.Element = LayoutElement;\nexport default Layout;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","Col","Row","PropTypes","COL_VALUES","SIZES","LayoutElement","forwardRef","props","ref","createElement","_extends","Layout","_ref","children","_objectWithoutProperties","_excluded","childrenLength","length","isValidDimensions","dataList","validLength","errors","layout","Children","map","child","index","newProps","_objectSpread","forEach","size","sizeProps","_ref2","_ref2$span","span","_ref2$offset","offset","undefined","concat","Object","keys","breakpoint","console","error","defaultProps","xs","sm","md","lg","xl","propTypes","node","isRequired","arrayOf","shape","oneOf","sizeDefaultProps","Element"],"sources":["../../src/Layout/index.jsx"],"sourcesContent":["import React from 'react';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport PropTypes from 'prop-types';\n\nconst COL_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 'auto'];\nconst SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nconst LayoutElement = React.forwardRef((props, ref) => <div ref={ref} {...props} />);\n\nconst Layout = React.forwardRef(({ children, ...props }, ref) => {\n const childrenLength = children.length;\n\n const isValidDimensions = (dataList, validLength) => !dataList || dataList.length === validLength;\n const errors = {};\n\n const layout = React.Children.map(children, (child, index) => {\n const newProps = { ...child.props };\n SIZES.forEach(size => {\n const sizeProps = props[size];\n const { span = 0, offset = 0 } = (sizeProps && sizeProps[index]) || {};\n if (errors[size] === undefined) {\n errors[size] = false;\n if (!isValidDimensions(sizeProps, childrenLength)) {\n errors[size] = `${size} prop accepts array which length must be equal to the number of children.`;\n }\n }\n newProps[size] = { span, offset };\n });\n newProps.ref = child.ref;\n return React.createElement(Col, newProps, child.props.children);\n });\n\n Object.keys(errors).forEach(breakpoint => {\n if (errors[breakpoint]) {\n // eslint-disable-next-line no-console\n console.error(errors[breakpoint]);\n }\n });\n\n return (\n <Row ref={ref}>\n {layout}\n </Row>\n );\n});\n\nLayout.defaultProps = {\n xs: undefined,\n sm: undefined,\n md: undefined,\n lg: undefined,\n xl: undefined,\n};\n\nLayout.propTypes = {\n children: PropTypes.node.isRequired,\n xs: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n sm: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n md: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n lg: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n xl: PropTypes.arrayOf(PropTypes.shape({\n span: PropTypes.oneOf(COL_VALUES).isRequired,\n offset: PropTypes.oneOf(COL_VALUES),\n })),\n};\n\nconst sizeDefaultProps = { span: [], offset: [] };\n\nSIZES.forEach(size => {\n // eslint-disable-next-line react/default-props-match-prop-types\n Layout.defaultProps[size] = sizeDefaultProps;\n});\n\nexport { Col, Row };\nLayout.Element = LayoutElement;\nexport default Layout;\n"],"mappings":"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"}
|