@openedx/paragon 22.0.0-alpha.23 → 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 +14 -13
- 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 +86 -31
- 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 +14 -11
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/ActionDisplay.js +8 -9
- package/dist/DataTable/ActionDisplay.js.map +1 -1
- package/dist/DataTable/BulkActions.js +23 -20
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +46 -43
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +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 +121 -104
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/index.scss +50 -48
- package/dist/DataTable/selection/BaseSelectionStatus.js +29 -30
- 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 +146 -88
- 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 +287 -152
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +4 -6
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +35 -42
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +13 -16
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +39 -34
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +41 -35
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +3 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -10
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +12 -15
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -6
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +8 -9
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +11 -12
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +64 -39
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.js +15 -17
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +19 -22
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +13 -16
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +39 -34
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +19 -20
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +20 -29
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/_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 +32 -31
- 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 +38 -30
- package/dist/Icon/index.js.map +1 -1
- package/dist/Icon/index.scss +12 -10
- package/dist/IconButton/index.js +40 -36
- 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 +13 -14
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +68 -44
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/_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 +25 -23
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +22 -11
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +6 -7
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +6 -7
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +6 -7
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +8 -9
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +6 -7
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +6 -7
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +11 -17
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +17 -17
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +25 -18
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/Portal.js +40 -18
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/StandardModal.js +6 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/Modal/_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 +18 -21
- package/dist/Popover/index.js.map +1 -1
- package/dist/Popover/index.scss +10 -9
- package/dist/ProductTour/Checkpoint.js +39 -30
- 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/ProductTour/messages.js +16 -0
- 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 +68 -58
- 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 +8 -11
- 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 -32
- 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 +74 -56
- 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 +50 -41
- package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
- package/dist/hooks/useIsVisible.js +20 -13
- package/dist/hooks/useIsVisible.js.map +1 -1
- package/dist/hooks/useToggle.js +18 -11
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/hooks/useWindowSize.js +17 -6
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/i18n/messages/ar.json +2 -1
- package/dist/i18n/messages/ca.json +2 -1
- package/dist/i18n/messages/es_419.json +2 -1
- package/dist/i18n/messages/es_AR.json +2 -1
- package/dist/i18n/messages/es_ES.json +2 -1
- package/dist/i18n/messages/fr.json +2 -1
- package/dist/i18n/messages/he.json +2 -1
- package/dist/i18n/messages/id.json +2 -1
- package/dist/i18n/messages/it_IT.json +2 -1
- package/dist/i18n/messages/ko_KR.json +2 -1
- package/dist/i18n/messages/pl.json +2 -1
- package/dist/i18n/messages/pt_BR.json +2 -1
- package/dist/i18n/messages/pt_PT.json +2 -1
- package/dist/i18n/messages/ru.json +2 -1
- package/dist/i18n/messages/th.json +2 -1
- package/dist/i18n/messages/tr_TR.json +2 -1
- package/dist/i18n/messages/uk.json +2 -1
- package/dist/i18n/messages/zh_CN.json +2 -1
- package/dist/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/icons/es5/RightSidebarFilled.js +15 -0
- package/icons/es5/RightSidebarOutlined.js +15 -0
- package/icons/es5/index.js +2 -0
- package/icons/jsx/RightSidebarFilled.jsx +19 -0
- package/icons/jsx/RightSidebarOutlined.jsx +19 -0
- package/icons/jsx/index.jsx +2 -0
- package/icons/svg/right_sidebar_filled.svg +3 -0
- package/icons/svg/right_sidebar_outlined.svg +3 -0
- package/lib/help.js +23 -36
- package/lib/migrate-to-openedx-scope.js +62 -0
- package/package.json +22 -35
- 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 +178 -68
- 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 +7 -4
- 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/ColorPicker.test.jsx +24 -2
- package/src/ColorPicker/_variables.scss +2 -0
- package/src/ColorPicker/index.jsx +56 -16
- package/src/ColorPicker/index.scss +11 -9
- package/src/Container/_variables.scss +5 -0
- package/src/Container/index.jsx +4 -0
- package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
- package/src/DataTable/README.md +3 -3
- 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.jsx +2 -1
- package/src/DataTable/index.scss +50 -48
- package/src/DataTable/selection/BaseSelectionStatus.jsx +2 -2
- package/src/DataTable/tablefilters.mdx +3 -3
- package/src/DataTable/tests/DataTable.test.jsx +31 -0
- 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 +6 -0
- package/src/Dropdown/index.scss +12 -11
- package/src/Dropzone/_variables.scss +9 -0
- package/src/Dropzone/index.jsx +2 -3
- 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 +334 -250
- package/src/Form/FormSwitch.jsx +3 -0
- 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 +136 -71
- package/src/Form/tests/FormAutosuggest.test.jsx +84 -16
- package/src/Hyperlink/index.jsx +7 -6
- 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 +18 -11
- 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 +15 -8
- 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/Layout/index.jsx +1 -4
- 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/MenuItem.jsx +2 -2
- package/src/Menu/_variables.scss +24 -0
- package/src/Menu/index.scss +27 -25
- package/src/Modal/ModalDialog.jsx +3 -0
- 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/README.md +1 -1
- 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/README.md +0 -1
- package/src/Popover/_variables.scss +36 -0
- package/src/Popover/index.jsx +11 -11
- package/src/Popover/index.scss +10 -9
- package/src/ProductTour/Checkpoint.jsx +9 -6
- package/src/ProductTour/Checkpoint.scss +43 -71
- package/src/ProductTour/_variables.scss +15 -0
- package/src/ProductTour/messages.js +16 -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 +14 -11
- package/src/SearchField/SearchFieldClearButton.jsx +13 -5
- package/src/SearchField/SearchFieldInput.jsx +2 -2
- package/src/SearchField/SearchFieldLabel.jsx +3 -3
- 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 -7
- package/src/SearchField/index.scss +23 -31
- package/src/SelectableBox/_variables.scss +5 -0
- package/src/SelectableBox/index.scss +13 -11
- package/src/SelectableBox/tests/SelectableBoxSet.test.jsx +1 -1
- 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 +22 -13
- 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/hooks/tests/useIndexOfLastVisibleChild.test.jsx +3 -3
- package/src/hooks/useIndexOfLastVisibleChild.jsx +36 -38
- package/src/hooks/useIndexOfLastVisibleChild.mdx +3 -3
- package/src/i18n/messages/ar.json +2 -1
- package/src/i18n/messages/ca.json +2 -1
- package/src/i18n/messages/es_419.json +2 -1
- package/src/i18n/messages/es_AR.json +2 -1
- package/src/i18n/messages/es_ES.json +2 -1
- package/src/i18n/messages/fr.json +2 -1
- package/src/i18n/messages/he.json +2 -1
- package/src/i18n/messages/id.json +2 -1
- package/src/i18n/messages/it_IT.json +2 -1
- package/src/i18n/messages/ko_KR.json +2 -1
- package/src/i18n/messages/pl.json +2 -1
- package/src/i18n/messages/pt_BR.json +2 -1
- package/src/i18n/messages/pt_PT.json +2 -1
- package/src/i18n/messages/ru.json +2 -1
- package/src/i18n/messages/th.json +2 -1
- package/src/i18n/messages/tr_TR.json +2 -1
- package/src/i18n/messages/uk.json +2 -1
- package/src/i18n/messages/zh_CN.json +2 -1
- 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 -16776
- 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 -604
- 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 -101
- 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
package/dist/Form/FormControl.js
CHANGED
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["as", "className", "controlClassName", "leadingElement", "trailingElement", "floatingLabel", "autoResize", "onChange", "inputMask"],
|
|
2
3
|
_excluded2 = ["isInvalid", "isValid", "getControlProps"];
|
|
3
4
|
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
5
|
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
6
|
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
7
|
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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
8
|
-
function _toPrimitive(input, hint) { if (
|
|
8
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
9
|
+
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); }
|
|
10
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
12
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
13
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
14
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
15
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
16
|
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; }
|
|
10
17
|
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; }
|
|
11
18
|
import React, { useCallback, useEffect } from 'react';
|
|
@@ -17,51 +24,50 @@ import { useFormGroupContext } from './FormGroupContext';
|
|
|
17
24
|
import FormControlFeedback from './FormControlFeedback';
|
|
18
25
|
import FormControlDecoratorGroup from './FormControlDecoratorGroup';
|
|
19
26
|
import { callAllHandlers, useHasValue } from './fieldUtils';
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
inputMask
|
|
31
|
-
} = _ref,
|
|
27
|
+
var FormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
28
|
+
var as = _ref.as,
|
|
29
|
+
className = _ref.className,
|
|
30
|
+
controlClassName = _ref.controlClassName,
|
|
31
|
+
leadingElement = _ref.leadingElement,
|
|
32
|
+
trailingElement = _ref.trailingElement,
|
|
33
|
+
floatingLabel = _ref.floatingLabel,
|
|
34
|
+
autoResize = _ref.autoResize,
|
|
35
|
+
onChange = _ref.onChange,
|
|
36
|
+
inputMask = _ref.inputMask,
|
|
32
37
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
getControlProps
|
|
38
|
-
} = _useFormGroupContext,
|
|
38
|
+
var _useFormGroupContext = useFormGroupContext(),
|
|
39
|
+
isInvalid = _useFormGroupContext.isInvalid,
|
|
40
|
+
isValid = _useFormGroupContext.isValid,
|
|
41
|
+
getControlProps = _useFormGroupContext.getControlProps,
|
|
39
42
|
formGroupContext = _objectWithoutProperties(_useFormGroupContext, _excluded2);
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
var inputRef = React.useRef();
|
|
44
|
+
var resolvedRef = ref || inputRef;
|
|
45
|
+
var size = props.size || formGroupContext.size;
|
|
46
|
+
var _useHasValue = useHasValue({
|
|
47
|
+
defaultValue: props.defaultValue,
|
|
48
|
+
value: props.value
|
|
49
|
+
}),
|
|
50
|
+
_useHasValue2 = _slicedToArray(_useHasValue, 2),
|
|
51
|
+
hasValue = _useHasValue2[0],
|
|
52
|
+
checkInputEventValue = _useHasValue2[1];
|
|
53
|
+
var handleResize = useCallback(function () {
|
|
48
54
|
if (as === 'textarea' && autoResize) {
|
|
49
55
|
if (!resolvedRef.current.initialHeight && !resolvedRef.current.offsets) {
|
|
50
56
|
resolvedRef.current.initialHeight = resolvedRef.current.offsetHeight;
|
|
51
57
|
resolvedRef.current.offsets = resolvedRef.current.offsetHeight - resolvedRef.current.clientHeight;
|
|
52
58
|
}
|
|
53
|
-
resolvedRef.current.style.height =
|
|
54
|
-
resolvedRef.current.style.height =
|
|
59
|
+
resolvedRef.current.style.height = "".concat(resolvedRef.current.initialHeight, "px");
|
|
60
|
+
resolvedRef.current.style.height = "".concat(resolvedRef.current.scrollHeight + resolvedRef.current.offsets, "px");
|
|
55
61
|
}
|
|
56
62
|
}, [as, autoResize, resolvedRef]);
|
|
57
|
-
useEffect(()
|
|
63
|
+
useEffect(function () {
|
|
58
64
|
handleResize();
|
|
59
65
|
}, [handleResize]);
|
|
60
|
-
|
|
66
|
+
var controlProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
|
|
61
67
|
// eslint-disable-next-line react/prop-types
|
|
62
68
|
onBlur: callAllHandlers(checkInputEventValue, props.onBlur)
|
|
63
69
|
}));
|
|
64
|
-
|
|
70
|
+
var handleOnChange = function handleOnChange(e) {
|
|
65
71
|
handleResize();
|
|
66
72
|
if (onChange) {
|
|
67
73
|
onChange(e);
|
|
@@ -86,7 +92,7 @@ const FormControl = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
86
92
|
mask: inputMask
|
|
87
93
|
}, controlProps)));
|
|
88
94
|
});
|
|
89
|
-
|
|
95
|
+
var SIZE_CHOICES = ['sm', 'lg'];
|
|
90
96
|
FormControl.Feedback = FormControlFeedback;
|
|
91
97
|
FormControl.Description = FormControlFeedback;
|
|
92
98
|
FormControl.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.js","names":["React","useCallback","useEffect","PropTypes","classNames","RBFormControl","IMaskInput","useFormGroupContext","FormControlFeedback","FormControlDecoratorGroup","callAllHandlers","useHasValue","FormControl","forwardRef","_ref","ref","as","className","controlClassName","leadingElement","trailingElement","floatingLabel","autoResize","onChange","inputMask","props","_objectWithoutProperties","_excluded","_useFormGroupContext","isInvalid","isValid","getControlProps","formGroupContext","_excluded2","inputRef","useRef","resolvedRef","size","hasValue","checkInputEventValue","defaultValue","value","handleResize","current","initialHeight","offsets","offsetHeight","clientHeight","style","height","scrollHeight","controlProps","_objectSpread","onBlur","handleOnChange","e","createElement","_extends","mask","SIZE_CHOICES","Feedback","Description","propTypes","string","elementType","func","oneOfType","number","id","oneOf","node","plaintext","bool","defaultProps","undefined"],"sources":["../../src/Form/FormControl.jsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport RBFormControl from 'react-bootstrap/FormControl';\nimport { IMaskInput } from 'react-imask';\nimport { useFormGroupContext } from './FormGroupContext';\nimport FormControlFeedback from './FormControlFeedback';\nimport FormControlDecoratorGroup from './FormControlDecoratorGroup';\n\nimport { callAllHandlers, useHasValue } from './fieldUtils';\n\nconst FormControl = React.forwardRef(({\n as,\n className,\n controlClassName,\n leadingElement,\n trailingElement,\n floatingLabel,\n autoResize,\n onChange,\n inputMask,\n ...props\n}, ref) => {\n const {\n isInvalid,\n isValid,\n getControlProps,\n ...formGroupContext\n } = useFormGroupContext();\n const inputRef = React.useRef();\n const resolvedRef = ref || inputRef;\n const size = props.size || formGroupContext.size;\n\n const [hasValue, checkInputEventValue] = useHasValue({\n defaultValue: props.defaultValue,\n value: props.value,\n });\n\n const handleResize = useCallback(() => {\n if (as === 'textarea' && autoResize) {\n if (!resolvedRef.current.initialHeight && !resolvedRef.current.offsets) {\n resolvedRef.current.initialHeight = resolvedRef.current.offsetHeight;\n resolvedRef.current.offsets = resolvedRef.current.offsetHeight - resolvedRef.current.clientHeight;\n }\n resolvedRef.current.style.height = `${resolvedRef.current.initialHeight}px`;\n resolvedRef.current.style.height = `${resolvedRef.current.scrollHeight + resolvedRef.current.offsets}px`;\n }\n }, [as, autoResize, resolvedRef]);\n\n useEffect(() => {\n handleResize();\n }, [handleResize]);\n\n const controlProps = getControlProps({\n ...props,\n // eslint-disable-next-line react/prop-types\n onBlur: callAllHandlers(checkInputEventValue, props.onBlur),\n });\n\n const handleOnChange = (e) => {\n handleResize();\n if (onChange) {\n onChange(e);\n }\n };\n\n return (\n <FormControlDecoratorGroup\n size={size}\n leadingElement={leadingElement}\n trailingElement={trailingElement}\n floatingLabel={floatingLabel}\n className={className}\n >\n <RBFormControl\n as={inputMask ? IMaskInput : as}\n ref={resolvedRef}\n size={size}\n isInvalid={isInvalid}\n isValid={isValid}\n className={classNames(controlClassName, {\n 'has-value': hasValue,\n })}\n onChange={handleOnChange}\n mask={inputMask}\n {...controlProps}\n />\n </FormControlDecoratorGroup>\n );\n});\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormControl.Feedback = FormControlFeedback;\nFormControl.Description = FormControlFeedback;\n\nFormControl.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies base element for the control component. */\n as: PropTypes.elementType,\n /** Specifies function that is triggered on input value change. */\n onChange: PropTypes.func,\n /** Specifies default value of the input component. */\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n /** Specifies current value of the input component. */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n /** Specifies id of the control component. */\n id: PropTypes.string,\n /** Specifies class name for the control component. */\n controlClassName: PropTypes.string,\n /** Specifies size for the control component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n /** Specifies leading element to display for the input component. */\n leadingElement: PropTypes.node,\n /** Specifies trailing element to display for the input component. */\n trailingElement: PropTypes.node,\n /** Specifies floating label to display for the input component. */\n floatingLabel: PropTypes.node,\n /** Specifies whether to render input as plain text. */\n plaintext: PropTypes.bool,\n /** Specifies whether to display control in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies whether to display control in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Only for `as=\"textarea\"`. Specifies whether the input can be resized according to the height of content. */\n autoResize: PropTypes.bool,\n /** Specifies what format to use for the input mask. */\n inputMask: PropTypes.string,\n};\n\nFormControl.defaultProps = {\n as: 'input',\n className: undefined,\n id: undefined,\n controlClassName: undefined,\n onChange: undefined,\n defaultValue: undefined,\n value: undefined,\n size: undefined,\n leadingElement: undefined,\n trailingElement: undefined,\n floatingLabel: undefined,\n plaintext: false,\n isValid: undefined,\n isInvalid: undefined,\n autoResize: false,\n inputMask: undefined,\n};\n\nexport default FormControl;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FormControl.js","names":["React","useCallback","useEffect","PropTypes","classNames","RBFormControl","IMaskInput","useFormGroupContext","FormControlFeedback","FormControlDecoratorGroup","callAllHandlers","useHasValue","FormControl","forwardRef","_ref","ref","as","className","controlClassName","leadingElement","trailingElement","floatingLabel","autoResize","onChange","inputMask","props","_objectWithoutProperties","_excluded","_useFormGroupContext","isInvalid","isValid","getControlProps","formGroupContext","_excluded2","inputRef","useRef","resolvedRef","size","_useHasValue","defaultValue","value","_useHasValue2","_slicedToArray","hasValue","checkInputEventValue","handleResize","current","initialHeight","offsets","offsetHeight","clientHeight","style","height","concat","scrollHeight","controlProps","_objectSpread","onBlur","handleOnChange","e","createElement","_extends","mask","SIZE_CHOICES","Feedback","Description","propTypes","string","elementType","func","oneOfType","number","id","oneOf","node","plaintext","bool","defaultProps","undefined"],"sources":["../../src/Form/FormControl.jsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport RBFormControl from 'react-bootstrap/FormControl';\nimport { IMaskInput } from 'react-imask';\nimport { useFormGroupContext } from './FormGroupContext';\nimport FormControlFeedback from './FormControlFeedback';\nimport FormControlDecoratorGroup from './FormControlDecoratorGroup';\n\nimport { callAllHandlers, useHasValue } from './fieldUtils';\n\nconst FormControl = React.forwardRef(({\n as,\n className,\n controlClassName,\n leadingElement,\n trailingElement,\n floatingLabel,\n autoResize,\n onChange,\n inputMask,\n ...props\n}, ref) => {\n const {\n isInvalid,\n isValid,\n getControlProps,\n ...formGroupContext\n } = useFormGroupContext();\n const inputRef = React.useRef();\n const resolvedRef = ref || inputRef;\n const size = props.size || formGroupContext.size;\n\n const [hasValue, checkInputEventValue] = useHasValue({\n defaultValue: props.defaultValue,\n value: props.value,\n });\n\n const handleResize = useCallback(() => {\n if (as === 'textarea' && autoResize) {\n if (!resolvedRef.current.initialHeight && !resolvedRef.current.offsets) {\n resolvedRef.current.initialHeight = resolvedRef.current.offsetHeight;\n resolvedRef.current.offsets = resolvedRef.current.offsetHeight - resolvedRef.current.clientHeight;\n }\n resolvedRef.current.style.height = `${resolvedRef.current.initialHeight}px`;\n resolvedRef.current.style.height = `${resolvedRef.current.scrollHeight + resolvedRef.current.offsets}px`;\n }\n }, [as, autoResize, resolvedRef]);\n\n useEffect(() => {\n handleResize();\n }, [handleResize]);\n\n const controlProps = getControlProps({\n ...props,\n // eslint-disable-next-line react/prop-types\n onBlur: callAllHandlers(checkInputEventValue, props.onBlur),\n });\n\n const handleOnChange = (e) => {\n handleResize();\n if (onChange) {\n onChange(e);\n }\n };\n\n return (\n <FormControlDecoratorGroup\n size={size}\n leadingElement={leadingElement}\n trailingElement={trailingElement}\n floatingLabel={floatingLabel}\n className={className}\n >\n <RBFormControl\n as={inputMask ? IMaskInput : as}\n ref={resolvedRef}\n size={size}\n isInvalid={isInvalid}\n isValid={isValid}\n className={classNames(controlClassName, {\n 'has-value': hasValue,\n })}\n onChange={handleOnChange}\n mask={inputMask}\n {...controlProps}\n />\n </FormControlDecoratorGroup>\n );\n});\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormControl.Feedback = FormControlFeedback;\nFormControl.Description = FormControlFeedback;\n\nFormControl.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies base element for the control component. */\n as: PropTypes.elementType,\n /** Specifies function that is triggered on input value change. */\n onChange: PropTypes.func,\n /** Specifies default value of the input component. */\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n /** Specifies current value of the input component. */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n /** Specifies id of the control component. */\n id: PropTypes.string,\n /** Specifies class name for the control component. */\n controlClassName: PropTypes.string,\n /** Specifies size for the control component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n /** Specifies leading element to display for the input component. */\n leadingElement: PropTypes.node,\n /** Specifies trailing element to display for the input component. */\n trailingElement: PropTypes.node,\n /** Specifies floating label to display for the input component. */\n floatingLabel: PropTypes.node,\n /** Specifies whether to render input as plain text. */\n plaintext: PropTypes.bool,\n /** Specifies whether to display control in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies whether to display control in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Only for `as=\"textarea\"`. Specifies whether the input can be resized according to the height of content. */\n autoResize: PropTypes.bool,\n /** Specifies what format to use for the input mask. */\n inputMask: PropTypes.string,\n};\n\nFormControl.defaultProps = {\n as: 'input',\n className: undefined,\n id: undefined,\n controlClassName: undefined,\n onChange: undefined,\n defaultValue: undefined,\n value: undefined,\n size: undefined,\n leadingElement: undefined,\n trailingElement: undefined,\n floatingLabel: undefined,\n plaintext: false,\n isValid: undefined,\n isInvalid: undefined,\n autoResize: false,\n inputMask: undefined,\n};\n\nexport default FormControl;\n"],"mappings":"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"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
function FormControlDecorator(_ref) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
location
|
|
7
|
-
} = _ref;
|
|
4
|
+
var children = _ref.children,
|
|
5
|
+
location = _ref.location;
|
|
8
6
|
return /*#__PURE__*/React.createElement("div", {
|
|
9
|
-
className:
|
|
7
|
+
className: "pgn__form-control-decorator pgn__form-control-decorator-".concat(location)
|
|
10
8
|
}, children);
|
|
11
9
|
}
|
|
12
10
|
FormControlDecorator.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlDecorator.js","names":["React","PropTypes","FormControlDecorator","_ref","children","location","createElement","className","propTypes","node","isRequired","oneOf","defaultProps"],"sources":["../../src/Form/FormControlDecorator.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction FormControlDecorator({ children, location }) {\n return (\n <div className={`pgn__form-control-decorator pgn__form-control-decorator-${location}`}>\n {children}\n </div>\n );\n}\n\nFormControlDecorator.propTypes = {\n children: PropTypes.node.isRequired,\n location: PropTypes.oneOf(['leading', 'trailing']),\n};\n\nFormControlDecorator.defaultProps = {\n location: 'leading',\n};\n\nexport default FormControlDecorator;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,oBAAoBA,CAAAC,IAAA,EAAyB;EAAA,
|
|
1
|
+
{"version":3,"file":"FormControlDecorator.js","names":["React","PropTypes","FormControlDecorator","_ref","children","location","createElement","className","concat","propTypes","node","isRequired","oneOf","defaultProps"],"sources":["../../src/Form/FormControlDecorator.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction FormControlDecorator({ children, location }) {\n return (\n <div className={`pgn__form-control-decorator pgn__form-control-decorator-${location}`}>\n {children}\n </div>\n );\n}\n\nFormControlDecorator.propTypes = {\n children: PropTypes.node.isRequired,\n location: PropTypes.oneOf(['leading', 'trailing']),\n};\n\nFormControlDecorator.defaultProps = {\n location: 'leading',\n};\n\nexport default FormControlDecorator;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,oBAAoBA,CAAAC,IAAA,EAAyB;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAChD,oBACEL,KAAA,CAAAM,aAAA;IAAKC,SAAS,6DAAAC,MAAA,CAA6DH,QAAQ;EAAG,GACnFD,QACE,CAAC;AAEV;AAEAF,oBAAoB,CAACO,SAAS,GAAG;EAC/BL,QAAQ,EAAEH,SAAS,CAACS,IAAI,CAACC,UAAU;EACnCN,QAAQ,EAAEJ,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC;AACnD,CAAC;AAEDV,oBAAoB,CAACW,YAAY,GAAG;EAClCR,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,oBAAoB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "leadingElement", "trailingElement", "floatingLabel", "className"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -14,16 +14,14 @@ import FormControlDecorator from './FormControlDecorator';
|
|
|
14
14
|
* Decorates a textual input.
|
|
15
15
|
*/
|
|
16
16
|
function FormControlDecoratorGroup(_ref) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
className
|
|
23
|
-
} = _ref,
|
|
17
|
+
var children = _ref.children,
|
|
18
|
+
leadingElement = _ref.leadingElement,
|
|
19
|
+
trailingElement = _ref.trailingElement,
|
|
20
|
+
floatingLabel = _ref.floatingLabel,
|
|
21
|
+
className = _ref.className,
|
|
24
22
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
var formGroupContext = useFormGroupContext(props);
|
|
24
|
+
var size = props.size || formGroupContext.size;
|
|
27
25
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
28
26
|
className: classNames('pgn__form-control-decorator-group', {
|
|
29
27
|
'has-prepended-node': !!leadingElement,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlDecoratorGroup.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormControlFloatingLabel","FormControlDecorator","FormControlDecoratorGroup","_ref","children","leadingElement","trailingElement","floatingLabel","className","props","_objectWithoutProperties","_excluded","formGroupContext","size","createElement","_extends","LARGE","SMALL","location","propTypes","node","isRequired","string","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormControlDecoratorGroup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\nimport FormControlFloatingLabel from './FormControlFloatingLabel';\nimport FormControlDecorator from './FormControlDecorator';\n\n/**\n * Decorates a textual input.\n */\nfunction FormControlDecoratorGroup({\n children,\n leadingElement,\n trailingElement,\n floatingLabel,\n className,\n ...props\n}) {\n const formGroupContext = useFormGroupContext(props);\n const size = props.size || formGroupContext.size;\n return (\n <div\n className={classNames(\n 'pgn__form-control-decorator-group',\n {\n 'has-prepended-node': !!leadingElement,\n 'has-appended-node': !!trailingElement,\n 'has-leading-element': !!leadingElement,\n 'has-trailing-element': !!trailingElement,\n 'has-floating-label': !!floatingLabel,\n 'pgn__form-control-decorator-group-lg': size === FORM_CONTROL_SIZES.LARGE,\n 'pgn__form-control-decorator-group-sm': size === FORM_CONTROL_SIZES.SMALL,\n },\n className,\n )}\n {...props}\n >\n {children}\n {leadingElement && <FormControlDecorator location=\"leading\">{leadingElement}</FormControlDecorator>}\n {trailingElement && <FormControlDecorator location=\"trailing\">{trailingElement}</FormControlDecorator>}\n {floatingLabel && <FormControlFloatingLabel>{floatingLabel}</FormControlFloatingLabel>}\n </div>\n );\n}\n\nFormControlDecoratorGroup.propTypes = {\n children: PropTypes.node.isRequired,\n leadingElement: PropTypes.node,\n trailingElement: PropTypes.node,\n floatingLabel: PropTypes.node,\n className: PropTypes.string,\n size: PropTypes.oneOf([\n FORM_CONTROL_SIZES.SMALL,\n FORM_CONTROL_SIZES.LARGE,\n ]),\n};\nFormControlDecoratorGroup.defaultProps = {\n leadingElement: undefined,\n trailingElement: undefined,\n floatingLabel: undefined,\n className: undefined,\n size: undefined,\n};\n\nexport default FormControlDecoratorGroup;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAChD,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,OAAOC,oBAAoB,MAAM,wBAAwB;;AAEzD;AACA;AACA;AACA,SAASC,yBAAyBA,CAAAC,IAAA,EAO/B;EAAA,
|
|
1
|
+
{"version":3,"file":"FormControlDecoratorGroup.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormControlFloatingLabel","FormControlDecorator","FormControlDecoratorGroup","_ref","children","leadingElement","trailingElement","floatingLabel","className","props","_objectWithoutProperties","_excluded","formGroupContext","size","createElement","_extends","LARGE","SMALL","location","propTypes","node","isRequired","string","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormControlDecoratorGroup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\nimport FormControlFloatingLabel from './FormControlFloatingLabel';\nimport FormControlDecorator from './FormControlDecorator';\n\n/**\n * Decorates a textual input.\n */\nfunction FormControlDecoratorGroup({\n children,\n leadingElement,\n trailingElement,\n floatingLabel,\n className,\n ...props\n}) {\n const formGroupContext = useFormGroupContext(props);\n const size = props.size || formGroupContext.size;\n return (\n <div\n className={classNames(\n 'pgn__form-control-decorator-group',\n {\n 'has-prepended-node': !!leadingElement,\n 'has-appended-node': !!trailingElement,\n 'has-leading-element': !!leadingElement,\n 'has-trailing-element': !!trailingElement,\n 'has-floating-label': !!floatingLabel,\n 'pgn__form-control-decorator-group-lg': size === FORM_CONTROL_SIZES.LARGE,\n 'pgn__form-control-decorator-group-sm': size === FORM_CONTROL_SIZES.SMALL,\n },\n className,\n )}\n {...props}\n >\n {children}\n {leadingElement && <FormControlDecorator location=\"leading\">{leadingElement}</FormControlDecorator>}\n {trailingElement && <FormControlDecorator location=\"trailing\">{trailingElement}</FormControlDecorator>}\n {floatingLabel && <FormControlFloatingLabel>{floatingLabel}</FormControlFloatingLabel>}\n </div>\n );\n}\n\nFormControlDecoratorGroup.propTypes = {\n children: PropTypes.node.isRequired,\n leadingElement: PropTypes.node,\n trailingElement: PropTypes.node,\n floatingLabel: PropTypes.node,\n className: PropTypes.string,\n size: PropTypes.oneOf([\n FORM_CONTROL_SIZES.SMALL,\n FORM_CONTROL_SIZES.LARGE,\n ]),\n};\nFormControlDecoratorGroup.defaultProps = {\n leadingElement: undefined,\n trailingElement: undefined,\n floatingLabel: undefined,\n className: undefined,\n size: undefined,\n};\n\nexport default FormControlDecoratorGroup;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAChD,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,OAAOC,oBAAoB,MAAM,wBAAwB;;AAEzD;AACA;AACA;AACA,SAASC,yBAAyBA,CAAAC,IAAA,EAO/B;EAAA,IANDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACNC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAER,IAAMC,gBAAgB,GAAGd,mBAAmB,CAACW,KAAK,CAAC;EACnD,IAAMI,IAAI,GAAGJ,KAAK,CAACI,IAAI,IAAID,gBAAgB,CAACC,IAAI;EAChD,oBACElB,KAAA,CAAAmB,aAAA,QAAAC,QAAA;IACEP,SAAS,EAAEX,UAAU,CACnB,mCAAmC,EACnC;MACE,oBAAoB,EAAE,CAAC,CAACQ,cAAc;MACtC,mBAAmB,EAAE,CAAC,CAACC,eAAe;MACtC,qBAAqB,EAAE,CAAC,CAACD,cAAc;MACvC,sBAAsB,EAAE,CAAC,CAACC,eAAe;MACzC,oBAAoB,EAAE,CAAC,CAACC,aAAa;MACrC,sCAAsC,EAAEM,IAAI,KAAKd,kBAAkB,CAACiB,KAAK;MACzE,sCAAsC,EAAEH,IAAI,KAAKd,kBAAkB,CAACkB;IACtE,CAAC,EACDT,SACF;EAAE,GACEC,KAAK,GAERL,QAAQ,EACRC,cAAc,iBAAIV,KAAA,CAAAmB,aAAA,CAACb,oBAAoB;IAACiB,QAAQ,EAAC;EAAS,GAAEb,cAAqC,CAAC,EAClGC,eAAe,iBAAIX,KAAA,CAAAmB,aAAA,CAACb,oBAAoB;IAACiB,QAAQ,EAAC;EAAU,GAAEZ,eAAsC,CAAC,EACrGC,aAAa,iBAAIZ,KAAA,CAAAmB,aAAA,CAACd,wBAAwB,QAAEO,aAAwC,CAClF,CAAC;AAEV;AAEAL,yBAAyB,CAACiB,SAAS,GAAG;EACpCf,QAAQ,EAAER,SAAS,CAACwB,IAAI,CAACC,UAAU;EACnChB,cAAc,EAAET,SAAS,CAACwB,IAAI;EAC9Bd,eAAe,EAAEV,SAAS,CAACwB,IAAI;EAC/Bb,aAAa,EAAEX,SAAS,CAACwB,IAAI;EAC7BZ,SAAS,EAAEZ,SAAS,CAAC0B,MAAM;EAC3BT,IAAI,EAAEjB,SAAS,CAAC2B,KAAK,CAAC,CACpBxB,kBAAkB,CAACkB,KAAK,EACxBlB,kBAAkB,CAACiB,KAAK,CACzB;AACH,CAAC;AACDd,yBAAyB,CAACsB,YAAY,GAAG;EACvCnB,cAAc,EAAEoB,SAAS;EACzBnB,eAAe,EAAEmB,SAAS;EAC1BlB,aAAa,EAAEkB,SAAS;EACxBjB,SAAS,EAAEiB,SAAS;EACpBZ,IAAI,EAAEY;AACR,CAAC;AAED,eAAevB,yBAAyB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -8,27 +8,24 @@ import classNames from 'classnames';
|
|
|
8
8
|
import { useFormGroupContext } from './FormGroupContext';
|
|
9
9
|
import FormText, { resolveTextType } from './FormText';
|
|
10
10
|
function FormControlFeedback(_ref) {
|
|
11
|
-
|
|
12
|
-
children
|
|
13
|
-
} = _ref,
|
|
11
|
+
var children = _ref.children,
|
|
14
12
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
-
|
|
16
|
-
getDescriptorProps,
|
|
17
|
-
isInvalid,
|
|
18
|
-
isValid
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
isValid
|
|
13
|
+
var _useFormGroupContext = useFormGroupContext(),
|
|
14
|
+
getDescriptorProps = _useFormGroupContext.getDescriptorProps,
|
|
15
|
+
isInvalid = _useFormGroupContext.isInvalid,
|
|
16
|
+
isValid = _useFormGroupContext.isValid;
|
|
17
|
+
var descriptorProps = getDescriptorProps(props);
|
|
18
|
+
var className = classNames('pgn__form-control-description', props.className);
|
|
19
|
+
var textType = props.type || resolveTextType({
|
|
20
|
+
isInvalid: isInvalid,
|
|
21
|
+
isValid: isValid
|
|
25
22
|
});
|
|
26
23
|
return /*#__PURE__*/React.createElement(FormText, _extends({}, descriptorProps, {
|
|
27
24
|
className: className,
|
|
28
25
|
type: textType
|
|
29
26
|
}), children);
|
|
30
27
|
}
|
|
31
|
-
|
|
28
|
+
var FEEDBACK_TYPES = ['default', 'valid', 'invalid', 'warning', 'criteria-empty', 'criteria-valid', 'criteria-invalid'];
|
|
32
29
|
FormControlFeedback.propTypes = {
|
|
33
30
|
/** Specifies contents of the component. */
|
|
34
31
|
children: PropTypes.node.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlFeedback.js","names":["React","PropTypes","classNames","useFormGroupContext","FormText","resolveTextType","FormControlFeedback","_ref","children","props","_objectWithoutProperties","_excluded","getDescriptorProps","isInvalid","isValid","descriptorProps","className","textType","type","createElement","_extends","FEEDBACK_TYPES","propTypes","node","isRequired","string","hasIcon","bool","oneOf","icon","muted","defaultProps","undefined"],"sources":["../../src/Form/FormControlFeedback.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport FormText, { resolveTextType } from './FormText';\n\nfunction FormControlFeedback({ children, ...props }) {\n const { getDescriptorProps, isInvalid, isValid } = useFormGroupContext();\n const descriptorProps = getDescriptorProps(props);\n const className = classNames('pgn__form-control-description', props.className);\n const textType = props.type || resolveTextType({ isInvalid, isValid });\n return (\n <FormText\n {...descriptorProps}\n className={className}\n type={textType}\n >\n {children}\n </FormText>\n );\n}\n\nconst FEEDBACK_TYPES = [\n 'default',\n 'valid',\n 'invalid',\n 'warning',\n 'criteria-empty',\n 'criteria-valid',\n 'criteria-invalid',\n];\n\nFormControlFeedback.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether to show an icon next to the text. */\n hasIcon: PropTypes.bool,\n /** Specifies feedback type, this affects styling. */\n type: PropTypes.oneOf(FEEDBACK_TYPES),\n /** Specifies icon to show, will only be shown if `hasIcon` prop is set to `true`. */\n icon: PropTypes.node,\n /** Specifies whether to show feedback with muted styling. */\n muted: PropTypes.bool,\n};\n\nFormControlFeedback.defaultProps = {\n hasIcon: true,\n type: undefined,\n icon: undefined,\n className: undefined,\n muted: false,\n};\n\nexport default FormControlFeedback;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,OAAOC,QAAQ,IAAIC,eAAe,QAAQ,YAAY;AAEtD,SAASC,mBAAmBA,CAAAC,IAAA,EAAyB;EAAA,
|
|
1
|
+
{"version":3,"file":"FormControlFeedback.js","names":["React","PropTypes","classNames","useFormGroupContext","FormText","resolveTextType","FormControlFeedback","_ref","children","props","_objectWithoutProperties","_excluded","_useFormGroupContext","getDescriptorProps","isInvalid","isValid","descriptorProps","className","textType","type","createElement","_extends","FEEDBACK_TYPES","propTypes","node","isRequired","string","hasIcon","bool","oneOf","icon","muted","defaultProps","undefined"],"sources":["../../src/Form/FormControlFeedback.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport FormText, { resolveTextType } from './FormText';\n\nfunction FormControlFeedback({ children, ...props }) {\n const { getDescriptorProps, isInvalid, isValid } = useFormGroupContext();\n const descriptorProps = getDescriptorProps(props);\n const className = classNames('pgn__form-control-description', props.className);\n const textType = props.type || resolveTextType({ isInvalid, isValid });\n return (\n <FormText\n {...descriptorProps}\n className={className}\n type={textType}\n >\n {children}\n </FormText>\n );\n}\n\nconst FEEDBACK_TYPES = [\n 'default',\n 'valid',\n 'invalid',\n 'warning',\n 'criteria-empty',\n 'criteria-valid',\n 'criteria-invalid',\n];\n\nFormControlFeedback.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether to show an icon next to the text. */\n hasIcon: PropTypes.bool,\n /** Specifies feedback type, this affects styling. */\n type: PropTypes.oneOf(FEEDBACK_TYPES),\n /** Specifies icon to show, will only be shown if `hasIcon` prop is set to `true`. */\n icon: PropTypes.node,\n /** Specifies whether to show feedback with muted styling. */\n muted: PropTypes.bool,\n};\n\nFormControlFeedback.defaultProps = {\n hasIcon: true,\n type: undefined,\n icon: undefined,\n className: undefined,\n muted: false,\n};\n\nexport default FormControlFeedback;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,OAAOC,QAAQ,IAAIC,eAAe,QAAQ,YAAY;AAEtD,SAASC,mBAAmBA,CAAAC,IAAA,EAAyB;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC/C,IAAAC,oBAAA,GAAmDT,mBAAmB,CAAC,CAAC;IAAhEU,kBAAkB,GAAAD,oBAAA,CAAlBC,kBAAkB;IAAEC,SAAS,GAAAF,oBAAA,CAATE,SAAS;IAAEC,OAAO,GAAAH,oBAAA,CAAPG,OAAO;EAC9C,IAAMC,eAAe,GAAGH,kBAAkB,CAACJ,KAAK,CAAC;EACjD,IAAMQ,SAAS,GAAGf,UAAU,CAAC,+BAA+B,EAAEO,KAAK,CAACQ,SAAS,CAAC;EAC9E,IAAMC,QAAQ,GAAGT,KAAK,CAACU,IAAI,IAAId,eAAe,CAAC;IAAES,SAAS,EAATA,SAAS;IAAEC,OAAO,EAAPA;EAAQ,CAAC,CAAC;EACtE,oBACEf,KAAA,CAAAoB,aAAA,CAAChB,QAAQ,EAAAiB,QAAA,KACHL,eAAe;IACnBC,SAAS,EAAEA,SAAU;IACrBE,IAAI,EAAED;EAAS,IAEdV,QACO,CAAC;AAEf;AAEA,IAAMc,cAAc,GAAG,CACrB,SAAS,EACT,OAAO,EACP,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,CACnB;AAEDhB,mBAAmB,CAACiB,SAAS,GAAG;EAC9B;EACAf,QAAQ,EAAEP,SAAS,CAACuB,IAAI,CAACC,UAAU;EACnC;EACAR,SAAS,EAAEhB,SAAS,CAACyB,MAAM;EAC3B;EACAC,OAAO,EAAE1B,SAAS,CAAC2B,IAAI;EACvB;EACAT,IAAI,EAAElB,SAAS,CAAC4B,KAAK,CAACP,cAAc,CAAC;EACrC;EACAQ,IAAI,EAAE7B,SAAS,CAACuB,IAAI;EACpB;EACAO,KAAK,EAAE9B,SAAS,CAAC2B;AACnB,CAAC;AAEDtB,mBAAmB,CAAC0B,YAAY,GAAG;EACjCL,OAAO,EAAE,IAAI;EACbR,IAAI,EAAEc,SAAS;EACfH,IAAI,EAAEG,SAAS;EACfhB,SAAS,EAAEgB,SAAS;EACpBF,KAAK,EAAE;AACT,CAAC;AAED,eAAezB,mBAAmB"}
|
|
@@ -2,12 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { useFormGroupContext } from './FormGroupContext';
|
|
4
4
|
function FormControlFloatingLabel(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const {
|
|
9
|
-
controlId
|
|
10
|
-
} = useFormGroupContext();
|
|
5
|
+
var children = _ref.children;
|
|
6
|
+
var _useFormGroupContext = useFormGroupContext(),
|
|
7
|
+
controlId = _useFormGroupContext.controlId;
|
|
11
8
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
9
|
className: "pgn__form-control-floating-label"
|
|
13
10
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlFloatingLabel.js","names":["React","PropTypes","useFormGroupContext","FormControlFloatingLabel","_ref","children","controlId","createElement","className","htmlFor","propTypes","node","isRequired"],"sources":["../../src/Form/FormControlFloatingLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\n\nfunction FormControlFloatingLabel({ children }) {\n const { controlId } = useFormGroupContext();\n return (\n <div className=\"pgn__form-control-floating-label\">\n <div className=\"pgn__form-control-floating-label-content\">\n <label\n className=\"pgn__form-control-floating-label-text\"\n htmlFor={controlId}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n\nFormControlFloatingLabel.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default FormControlFloatingLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,SAASC,wBAAwBA,CAAAC,IAAA,EAAe;EAAA,
|
|
1
|
+
{"version":3,"file":"FormControlFloatingLabel.js","names":["React","PropTypes","useFormGroupContext","FormControlFloatingLabel","_ref","children","_useFormGroupContext","controlId","createElement","className","htmlFor","propTypes","node","isRequired"],"sources":["../../src/Form/FormControlFloatingLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\n\nfunction FormControlFloatingLabel({ children }) {\n const { controlId } = useFormGroupContext();\n return (\n <div className=\"pgn__form-control-floating-label\">\n <div className=\"pgn__form-control-floating-label-content\">\n <label\n className=\"pgn__form-control-floating-label-text\"\n htmlFor={controlId}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n\nFormControlFloatingLabel.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default FormControlFloatingLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,SAASC,wBAAwBA,CAAAC,IAAA,EAAe;EAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC1C,IAAAC,oBAAA,GAAsBJ,mBAAmB,CAAC,CAAC;IAAnCK,SAAS,GAAAD,oBAAA,CAATC,SAAS;EACjB,oBACEP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/CT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDT,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,uCAAuC;IACjDC,OAAO,EAAEH;EAAU,GAElBF,QACI,CACJ,CACF,CAAC;AAEV;AAEAF,wBAAwB,CAACQ,SAAS,GAAG;EACnCN,QAAQ,EAAEJ,SAAS,CAACW,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeV,wBAAwB"}
|
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["as", "className", "isInline", "children"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
10
|
import React from 'react';
|
|
10
11
|
import PropTypes from 'prop-types';
|
|
11
12
|
import classNames from 'classnames';
|
|
12
13
|
function FormControlSet(_ref) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
children
|
|
18
|
-
} = _ref,
|
|
14
|
+
var as = _ref.as,
|
|
15
|
+
className = _ref.className,
|
|
16
|
+
isInline = _ref.isInline,
|
|
17
|
+
children = _ref.children,
|
|
19
18
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
19
|
return /*#__PURE__*/React.createElement(as, _objectSpread({
|
|
21
20
|
className: classNames(className, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlSet.js","names":["React","PropTypes","classNames","FormControlSet","_ref","as","className","isInline","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","elementType","string","bool","node","defaultProps","undefined"],"sources":["../../src/Form/FormControlSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction FormControlSet({\n as,\n className,\n isInline,\n children,\n ...props\n}) {\n return React.createElement(as, {\n className: classNames(\n className,\n {\n 'pgn__form-control-set': !isInline,\n 'pgn__form-control-set-inline': isInline,\n },\n ),\n ...props,\n }, children);\n}\n\nFormControlSet.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies contents of the component. */\n children: PropTypes.node,\n};\n\nFormControlSet.defaultProps = {\n as: 'div',\n className: undefined,\n isInline: false,\n children: null,\n};\n\nexport default FormControlSet;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormControlSet.js","names":["React","PropTypes","classNames","FormControlSet","_ref","as","className","isInline","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","elementType","string","bool","node","defaultProps","undefined"],"sources":["../../src/Form/FormControlSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction FormControlSet({\n as,\n className,\n isInline,\n children,\n ...props\n}) {\n return React.createElement(as, {\n className: classNames(\n className,\n {\n 'pgn__form-control-set': !isInline,\n 'pgn__form-control-set-inline': isInline,\n },\n ),\n ...props,\n }, children);\n}\n\nFormControlSet.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies contents of the component. */\n children: PropTypes.node,\n};\n\nFormControlSet.defaultProps = {\n as: 'div',\n className: undefined,\n isInline: false,\n children: null,\n};\n\nexport default FormControlSet;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAcA,CAAAC,IAAA,EAMpB;EAAA,IALDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBAAOX,KAAK,CAACY,aAAa,CAACP,EAAE,EAAAQ,aAAA;IAC3BP,SAAS,EAAEJ,UAAU,CACnBI,SAAS,EACT;MACE,uBAAuB,EAAE,CAACC,QAAQ;MAClC,8BAA8B,EAAEA;IAClC,CACF;EAAC,GACEE,KAAK,GACPD,QAAQ,CAAC;AACd;AAEAL,cAAc,CAACW,SAAS,GAAG;EACzB;EACAT,EAAE,EAAEJ,SAAS,CAACc,WAAW;EACzB;EACAT,SAAS,EAAEL,SAAS,CAACe,MAAM;EAC3B;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxB;EACAT,QAAQ,EAAEP,SAAS,CAACiB;AACtB,CAAC;AAEDf,cAAc,CAACgB,YAAY,GAAG;EAC5Bd,EAAE,EAAE,KAAK;EACTC,SAAS,EAAEc,SAAS;EACpBb,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,cAAc"}
|
package/dist/Form/FormGroup.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", "controlId", "isInvalid", "isValid", "size", "as"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
10
|
import React from 'react';
|
|
@@ -11,14 +12,12 @@ import PropTypes from 'prop-types';
|
|
|
11
12
|
import classNames from 'classnames';
|
|
12
13
|
import { FormGroupContextProvider } from './FormGroupContext';
|
|
13
14
|
function FormGroup(_ref) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
as
|
|
21
|
-
} = _ref,
|
|
15
|
+
var children = _ref.children,
|
|
16
|
+
controlId = _ref.controlId,
|
|
17
|
+
isInvalid = _ref.isInvalid,
|
|
18
|
+
isValid = _ref.isValid,
|
|
19
|
+
size = _ref.size,
|
|
20
|
+
as = _ref.as,
|
|
22
21
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
22
|
return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
|
|
24
23
|
className: classNames('pgn__form-group', props.className)
|
|
@@ -29,7 +28,7 @@ function FormGroup(_ref) {
|
|
|
29
28
|
size: size
|
|
30
29
|
}, children));
|
|
31
30
|
}
|
|
32
|
-
|
|
31
|
+
var SIZE_CHOICES = ['sm', 'lg'];
|
|
33
32
|
FormGroup.propTypes = {
|
|
34
33
|
/** Specifies contents of the component. */
|
|
35
34
|
children: PropTypes.node.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","_ref","children","controlId","isInvalid","isValid","size","as","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormGroup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\n\nfunction FormGroup({\n children,\n controlId,\n isInvalid,\n isValid,\n size,\n as,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__form-group', props.className),\n }, (\n <FormGroupContextProvider\n controlId={controlId}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n >\n {children}\n </FormGroupContextProvider>\n ),\n );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies base element for the component. */\n as: PropTypes.elementType,\n /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n * Will be autogenerated if none is supplied. */\n controlId: PropTypes.string,\n /** Specifies whether to display components in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display components in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies size for the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormGroup.defaultProps = {\n as: 'div',\n className: undefined,\n controlId: undefined,\n isInvalid: false,\n isValid: false,\n size: undefined,\n};\n\nexport default FormGroup;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","_ref","children","controlId","isInvalid","isValid","size","as","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormGroup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\n\nfunction FormGroup({\n children,\n controlId,\n isInvalid,\n isValid,\n size,\n as,\n ...props\n}) {\n return React.createElement(\n as,\n {\n ...props,\n className: classNames('pgn__form-group', props.className),\n }, (\n <FormGroupContextProvider\n controlId={controlId}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n >\n {children}\n </FormGroupContextProvider>\n ),\n );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies base element for the component. */\n as: PropTypes.elementType,\n /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n * Will be autogenerated if none is supplied. */\n controlId: PropTypes.string,\n /** Specifies whether to display components in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display components in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies size for the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormGroup.defaultProps = {\n as: 'div',\n className: undefined,\n controlId: undefined,\n isInvalid: false,\n isValid: false,\n size: undefined,\n};\n\nexport default FormGroup;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAE7D,SAASC,SAASA,CAAAC,IAAA,EAQf;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,EAAE,GAAAN,IAAA,CAAFM,EAAE;IACCC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBAAOd,KAAK,CAACe,aAAa,CACxBJ,EAAE,EAAAK,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEf,UAAU,CAAC,iBAAiB,EAAEU,KAAK,CAACK,SAAS;EAAC,iBAEzDjB,KAAA,CAAAe,aAAA,CAACZ,wBAAwB;IACvBI,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,IAAMY,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCd,SAAS,CAACe,SAAS,GAAG;EACpB;EACAb,QAAQ,EAAEL,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEhB,SAAS,CAACqB,MAAM;EAC3B;EACAX,EAAE,EAAEV,SAAS,CAACsB,WAAW;EACzB;AACF;EACEhB,SAAS,EAAEN,SAAS,CAACqB,MAAM;EAC3B;EACAd,SAAS,EAAEP,SAAS,CAACuB,IAAI;EACzB;EACAf,OAAO,EAAER,SAAS,CAACuB,IAAI;EACvB;EACAd,IAAI,EAAET,SAAS,CAACwB,KAAK,CAACP,YAAY;AACpC,CAAC;AAEDd,SAAS,CAACsB,YAAY,GAAG;EACvBf,EAAE,EAAE,KAAK;EACTM,SAAS,EAAEU,SAAS;EACpBpB,SAAS,EAAEoB,SAAS;EACpBnB,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAEiB;AACR,CAAC;AAED,eAAevB,SAAS"}
|