@openedx/paragon 21.12.1 → 21.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionRow/index.js +7 -8
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/index.js +33 -25
- package/dist/Alert/index.js.map +1 -1
- package/dist/Annotation/index.js +7 -9
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Avatar/index.js +5 -7
- package/dist/Avatar/index.js.map +1 -1
- package/dist/AvatarButton/index.js +10 -12
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/Badge/index.js +6 -4
- package/dist/Badge/index.js.map +1 -1
- package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/index.js +29 -29
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Bubble/index.js +11 -13
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Button/deprecated/index.js +87 -66
- package/dist/Button/deprecated/index.js.map +1 -1
- package/dist/Button/index.js +10 -11
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/CardBody.js +4 -6
- package/dist/Card/CardBody.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarousel.js +11 -13
- package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
- package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
- package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
- package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
- package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/Card/CardContext.js +8 -10
- package/dist/Card/CardContext.js.map +1 -1
- package/dist/Card/CardDeck.js +19 -17
- package/dist/Card/CardDeck.js.map +1 -1
- package/dist/Card/CardDivider.js +3 -5
- package/dist/Card/CardDivider.js.map +1 -1
- package/dist/Card/CardFooter.js +15 -18
- package/dist/Card/CardFooter.js.map +1 -1
- package/dist/Card/CardGrid.js +13 -11
- package/dist/Card/CardGrid.js.map +1 -1
- package/dist/Card/CardHeader.js +17 -22
- package/dist/Card/CardHeader.js.map +1 -1
- package/dist/Card/CardImageCap.js +48 -33
- package/dist/Card/CardImageCap.js.map +1 -1
- package/dist/Card/CardSection.js +11 -14
- package/dist/Card/CardSection.js.map +1 -1
- package/dist/Card/CardStatus.js +11 -14
- package/dist/Card/CardStatus.js.map +1 -1
- package/dist/Card/index.js +18 -20
- package/dist/Card/index.js.map +1 -1
- package/dist/Carousel/index.js +17 -11
- package/dist/Carousel/index.js.map +1 -1
- package/dist/CheckBox/index.js +66 -36
- package/dist/CheckBox/index.js.map +1 -1
- package/dist/Chip/index.js +14 -16
- package/dist/Chip/index.js.map +1 -1
- package/dist/ChipCarousel/index.js +29 -30
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
- package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
- package/dist/Collapsible/CollapsibleBody.js +13 -15
- package/dist/Collapsible/CollapsibleBody.js.map +1 -1
- package/dist/Collapsible/CollapsibleTrigger.js +18 -20
- package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/Collapsible/CollapsibleVisible.js +6 -9
- package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
- package/dist/Collapsible/index.js +17 -18
- package/dist/Collapsible/index.js.map +1 -1
- package/dist/ColorPicker/index.js +58 -33
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/Container/index.js +8 -9
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/ActionDisplay.js +8 -9
- package/dist/DataTable/ActionDisplay.js.map +1 -1
- package/dist/DataTable/BulkActions.js +23 -20
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +46 -43
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +57 -39
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/DataTableContext.js +1 -1
- package/dist/DataTable/DataTableContext.js.map +1 -1
- package/dist/DataTable/DataTableLayout.js +6 -9
- package/dist/DataTable/DataTableLayout.js.map +1 -1
- package/dist/DataTable/DataViewToggle.js +25 -20
- package/dist/DataTable/DataViewToggle.js.map +1 -1
- package/dist/DataTable/DropdownFilters.js +41 -28
- package/dist/DataTable/DropdownFilters.js.map +1 -1
- package/dist/DataTable/EmptyTable.js +6 -9
- package/dist/DataTable/EmptyTable.js.map +1 -1
- package/dist/DataTable/ExpandAll.js +2 -4
- package/dist/DataTable/ExpandAll.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +2 -4
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/FilterStatus.js +18 -17
- package/dist/DataTable/FilterStatus.js.map +1 -1
- package/dist/DataTable/RowStatus.js +15 -18
- package/dist/DataTable/RowStatus.js.map +1 -1
- package/dist/DataTable/SidebarFilters.js +16 -13
- package/dist/DataTable/SidebarFilters.js.map +1 -1
- package/dist/DataTable/SmartStatus.js +14 -16
- package/dist/DataTable/SmartStatus.js.map +1 -1
- package/dist/DataTable/Table.js +17 -19
- package/dist/DataTable/Table.js.map +1 -1
- package/dist/DataTable/TableActions.js +11 -13
- package/dist/DataTable/TableActions.js.map +1 -1
- package/dist/DataTable/TableCell.js +6 -10
- package/dist/DataTable/TableCell.js.map +1 -1
- package/dist/DataTable/TableControlBar.js +7 -12
- package/dist/DataTable/TableControlBar.js.map +1 -1
- package/dist/DataTable/TableFilters.js +14 -12
- package/dist/DataTable/TableFilters.js.map +1 -1
- package/dist/DataTable/TableFooter.js +5 -8
- package/dist/DataTable/TableFooter.js.map +1 -1
- package/dist/DataTable/TableHeaderCell.js +11 -15
- package/dist/DataTable/TableHeaderCell.js.map +1 -1
- package/dist/DataTable/TableHeaderRow.js +6 -4
- package/dist/DataTable/TableHeaderRow.js.map +1 -1
- package/dist/DataTable/TablePagination.js +8 -7
- package/dist/DataTable/TablePagination.js.map +1 -1
- package/dist/DataTable/TablePaginationMinimal.js +9 -8
- package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
- package/dist/DataTable/TableRow.js +15 -18
- package/dist/DataTable/TableRow.js.map +1 -1
- package/dist/DataTable/filters/CheckboxFilter.js +23 -22
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/DataTable/filters/DropdownFilter.js +14 -19
- package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +10 -13
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/hooks.js +29 -25
- package/dist/DataTable/hooks.js.map +1 -1
- package/dist/DataTable/index.js +120 -104
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
- package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelect.js +13 -9
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/SelectionStatus.js +23 -23
- package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
- package/dist/DataTable/utils/getVisibleColumns.js +36 -44
- package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownButton.js +9 -13
- package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownItem.js +7 -8
- package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownMenu.js +8 -12
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -1
- package/dist/Dropdown/deprecated/index.js +136 -103
- package/dist/Dropdown/deprecated/index.js.map +1 -1
- package/dist/Dropdown/index.js +32 -29
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropzone/DefaultContent.js +13 -13
- package/dist/Dropzone/DefaultContent.js.map +1 -1
- package/dist/Dropzone/DragError.js +1 -3
- package/dist/Dropzone/DragError.js.map +1 -1
- package/dist/Dropzone/GenericError.js +7 -7
- package/dist/Dropzone/GenericError.js.map +1 -1
- package/dist/Dropzone/UploadProgress.js +6 -8
- package/dist/Dropzone/UploadProgress.js.map +1 -1
- package/dist/Dropzone/index.js +145 -86
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Fieldset/index.js +82 -57
- package/dist/Fieldset/index.js.map +1 -1
- package/dist/Form/FormAutosuggest.js +137 -95
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +4 -6
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +35 -42
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +13 -16
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +39 -34
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +41 -35
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +3 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -10
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +12 -15
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -6
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +8 -9
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +11 -12
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +64 -39
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.js +15 -17
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +19 -22
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +13 -16
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +39 -34
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +16 -20
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +20 -29
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/useCheckboxSetValues.js +46 -23
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +25 -25
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Hyperlink/index.scss +2 -2
- package/dist/Icon/index.js +21 -20
- package/dist/Icon/index.js.map +1 -1
- package/dist/IconButton/index.js +30 -32
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButtonToggle/index.js +16 -16
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/Input/index.js +122 -92
- package/dist/Input/index.js.map +1 -1
- package/dist/InputSelect/index.js +78 -51
- package/dist/InputSelect/index.js.map +1 -1
- package/dist/InputText/index.js +11 -9
- package/dist/InputText/index.js.map +1 -1
- package/dist/Layout/index.js +33 -29
- package/dist/Layout/index.js.map +1 -1
- package/dist/ListBox/index.js +112 -80
- package/dist/ListBox/index.js.map +1 -1
- package/dist/ListBoxOption/index.js +68 -45
- package/dist/ListBoxOption/index.js.map +1 -1
- package/dist/MailtoLink/index.js +37 -34
- package/dist/MailtoLink/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +13 -14
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +68 -44
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/index.js +10 -11
- package/dist/Menu/index.js.map +1 -1
- package/dist/Modal/AlertModal.js +5 -7
- package/dist/Modal/AlertModal.js.map +1 -1
- package/dist/Modal/FullscreenModal.js +6 -8
- package/dist/Modal/FullscreenModal.js.map +1 -1
- package/dist/Modal/MarketingModal.js +8 -10
- package/dist/Modal/MarketingModal.js.map +1 -1
- package/dist/Modal/ModalCloseButton.js +13 -15
- package/dist/Modal/ModalCloseButton.js.map +1 -1
- package/dist/Modal/ModalContext.js +13 -13
- package/dist/Modal/ModalContext.js.map +1 -1
- package/dist/Modal/ModalDialog.js +22 -23
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +22 -11
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +6 -7
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +6 -7
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +6 -7
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +8 -9
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +6 -7
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +6 -7
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +11 -17
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +17 -17
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +25 -18
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/Portal.js +40 -18
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/StandardModal.js +6 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/Modal/index.js +215 -187
- package/dist/Modal/index.js.map +1 -1
- package/dist/Nav/index.js +3 -2
- package/dist/Nav/index.js.map +1 -1
- package/dist/Navbar/index.js +7 -6
- package/dist/Navbar/index.js.map +1 -1
- package/dist/OverflowScroll/OverflowScroll.js +45 -37
- package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
- package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
- package/dist/Overlay/index.js +4 -4
- package/dist/Overlay/index.js.map +1 -1
- package/dist/PageBanner/index.js +11 -13
- package/dist/PageBanner/index.js.map +1 -1
- package/dist/Pagination/index.js +331 -296
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/ProductTour/Checkpoint.js +29 -22
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/CheckpointActionRow.js +18 -16
- package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
- package/dist/ProductTour/CheckpointBody.js +2 -4
- package/dist/ProductTour/CheckpointBody.js.map +1 -1
- package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
- package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
- package/dist/ProductTour/CheckpointTitle.js +2 -4
- package/dist/ProductTour/CheckpointTitle.js.map +1 -1
- package/dist/ProductTour/index.js +66 -47
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProgressBar/index.js +37 -35
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/RadioButtonGroup/index.js +133 -102
- package/dist/RadioButtonGroup/index.js.map +1 -1
- package/dist/Scrollable/index.js +30 -15
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/SearchField/SearchFieldAdvanced.js +54 -44
- package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
- package/dist/SearchField/SearchFieldClearButton.js +7 -8
- package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
- package/dist/SearchField/SearchFieldInput.js +8 -9
- package/dist/SearchField/SearchFieldInput.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +5 -8
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SearchField/SearchFieldSubmitButton.js +12 -15
- package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
- package/dist/SearchField/index.js +22 -22
- package/dist/SearchField/index.js.map +1 -1
- package/dist/SelectableBox/SelectableBoxSet.js +25 -26
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/index.js +42 -38
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/Sheet/SheetContainer.js +38 -16
- package/dist/Sheet/SheetContainer.js.map +1 -1
- package/dist/Sheet/index.js +65 -43
- package/dist/Sheet/index.js.map +1 -1
- package/dist/Spinner/index.js +8 -9
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Stack/index.js +9 -11
- package/dist/Stack/index.js.map +1 -1
- package/dist/StatefulButton/index.js +15 -17
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/StatusAlert/index.js +120 -82
- package/dist/StatusAlert/index.js.map +1 -1
- package/dist/Stepper/Stepper.js +2 -4
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/StepperActionRow.js +7 -10
- package/dist/Stepper/StepperActionRow.js.map +1 -1
- package/dist/Stepper/StepperContext.js +64 -32
- package/dist/Stepper/StepperContext.js.map +1 -1
- package/dist/Stepper/StepperHeader.js +23 -30
- package/dist/Stepper/StepperHeader.js.map +1 -1
- package/dist/Stepper/StepperHeaderStep.js +14 -17
- package/dist/Stepper/StepperHeaderStep.js.map +1 -1
- package/dist/Stepper/StepperStep.js +23 -24
- package/dist/Stepper/StepperStep.js.map +1 -1
- package/dist/Sticky/index.js +30 -22
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Table/index.js +178 -109
- package/dist/Table/index.js.map +1 -1
- package/dist/Tabs/deprecated/index.js +99 -66
- package/dist/Tabs/deprecated/index.js.map +1 -1
- package/dist/Tabs/index.js +65 -49
- package/dist/Tabs/index.js.map +1 -1
- package/dist/TextArea/index.js +10 -8
- package/dist/TextArea/index.js.map +1 -1
- package/dist/Toast/ToastContainer.js +38 -16
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/index.js +33 -18
- package/dist/Toast/index.js.map +1 -1
- package/dist/Tooltip/index.js +8 -9
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
- package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
- package/dist/TransitionReplace/index.js +136 -100
- package/dist/TransitionReplace/index.js.map +1 -1
- package/dist/Truncate/index.js +30 -24
- package/dist/Truncate/index.js.map +1 -1
- package/dist/ValidationFormGroup/index.js +38 -37
- package/dist/ValidationFormGroup/index.js.map +1 -1
- package/dist/ValidationMessage/index.js +76 -51
- package/dist/ValidationMessage/index.js.map +1 -1
- package/dist/asInput/index.js +251 -202
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigation.js +46 -43
- package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
- package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
- package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
- package/dist/hooks/useIsVisible.js +20 -13
- package/dist/hooks/useIsVisible.js.map +1 -1
- package/dist/hooks/useToggle.js +18 -11
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/hooks/useWindowSize.js +17 -6
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/paragon.css +1 -1
- package/dist/withDeprecatedProps.js +79 -58
- package/dist/withDeprecatedProps.js.map +1 -1
- package/package.json +1 -5
- package/src/Button/index.jsx +2 -2
- package/src/Dropzone/index.jsx +1 -1
- package/src/Hyperlink/index.scss +2 -2
- package/src/Icon/index.jsx +1 -1
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +12 -10
- package/src/IconButton/index.jsx +1 -1
- package/src/Menu/MenuItem.jsx +2 -2
- package/src/Overlay/README.md +1 -1
- package/src/Overlay/index.jsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormCheckbox.js","names":["React","PropTypes","classNames","useCheckboxSetContext","FormGroupContextProvider","useFormGroupContext","FormLabel","FormControlFeedback","CheckboxControl","forwardRef","_ref","ref","isIndeterminate","props","_objectWithoutProperties","_excluded","getCheckboxControlProps","hasCheckboxSetProvider","defaultRef","useRef","resolvedRef","getControlProps","checkboxProps","_objectSpread","className","useEffect","current","indeterminate","createElement","_extends","type","propTypes","bool","string","defaultProps","undefined","FormCheckbox","_ref2","children","controlClassName","labelClassName","description","isInvalid","isValid","controlAs","floatLabelLeft","_excluded2","hasFormGroupProvider","useSetIsControlGroupEffect","shouldActAsGroup","groupProps","role","control","controlId","id","disabled","hasIcon","node","isRequired","elementType"],"sources":["../../src/Form/FormCheckbox.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useCheckboxSetContext } from './FormCheckboxSetContext';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormLabel from './FormLabel';\nimport FormControlFeedback from './FormControlFeedback';\n\nconst CheckboxControl = React.forwardRef(\n ({ isIndeterminate, ...props }, ref) => {\n const { getCheckboxControlProps, hasCheckboxSetProvider } = useCheckboxSetContext();\n const defaultRef = React.useRef();\n const resolvedRef = ref || defaultRef;\n const { getControlProps } = useFormGroupContext();\n let checkboxProps = getControlProps({\n ...props,\n className: classNames('pgn__form-checkbox-input', props.className),\n });\n\n if (hasCheckboxSetProvider) {\n checkboxProps = getCheckboxControlProps(checkboxProps);\n }\n\n React.useEffect(() => {\n // this if(resolvedRef.current) prevents console errors in testing\n if (resolvedRef.current) {\n resolvedRef.current.indeterminate = isIndeterminate;\n }\n }, [resolvedRef, isIndeterminate]);\n\n return (\n <input\n type=\"checkbox\"\n {...checkboxProps}\n ref={resolvedRef}\n />\n );\n },\n);\n\nCheckboxControl.propTypes = {\n /** Specifies whether the checkbox should be rendered in indeterminate state. */\n isIndeterminate: PropTypes.bool,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCheckboxControl.defaultProps = {\n isIndeterminate: false,\n className: undefined,\n};\n\nconst FormCheckbox = React.forwardRef(({\n children,\n className,\n controlClassName,\n labelClassName,\n description,\n isInvalid,\n isValid,\n controlAs,\n floatLabelLeft,\n ...props\n}, ref) => {\n const { hasCheckboxSetProvider } = useCheckboxSetContext();\n const { hasFormGroupProvider, useSetIsControlGroupEffect, getControlProps } = useFormGroupContext();\n useSetIsControlGroupEffect(true);\n const shouldActAsGroup = hasFormGroupProvider && !hasCheckboxSetProvider;\n const groupProps = shouldActAsGroup ? {\n ...getControlProps({}),\n role: 'group',\n } : {};\n\n const control = React.createElement(controlAs, { ...props, className: controlClassName, ref });\n return (\n <FormGroupContextProvider\n controlId={props.id}\n isInvalid={isInvalid}\n isValid={isValid}\n >\n <div\n className={classNames('pgn__form-checkbox', className, {\n 'pgn__form-control-valid': isValid,\n 'pgn__form-control-invalid': isInvalid,\n 'pgn__form-control-disabled': props.disabled,\n 'pgn__form-control-label-left': !!floatLabelLeft,\n })}\n {...groupProps}\n >\n {control}\n <div>\n <FormLabel className={labelClassName}>\n {children}\n </FormLabel>\n {description && (\n <FormControlFeedback hasIcon={false}>\n {description}\n </FormControlFeedback>\n )}\n </div>\n </div>\n </FormGroupContextProvider>\n );\n});\n\nFormCheckbox.propTypes = {\n /** Specifies id of the FormCheckbox component. */\n id: PropTypes.string,\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 class name for control component. */\n controlClassName: PropTypes.string,\n /** Specifies class name for label component. */\n labelClassName: PropTypes.string,\n /** Specifies description to show under the checkbox. */\n description: PropTypes.node,\n /** Specifies whether to display checkbox in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display checkbox in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies control element. */\n controlAs: PropTypes.elementType,\n /** Specifies whether the floating label should be aligned to the left. */\n floatLabelLeft: PropTypes.bool,\n /** Specifies whether the `FormCheckbox` is disabled. */\n disabled: PropTypes.bool,\n};\n\nFormCheckbox.defaultProps = {\n id: undefined,\n className: undefined,\n controlClassName: undefined,\n labelClassName: undefined,\n description: undefined,\n isInvalid: false,\n isValid: false,\n controlAs: CheckboxControl,\n floatLabelLeft: false,\n disabled: false,\n};\n\nexport { CheckboxControl };\nexport default FormCheckbox;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormCheckbox.js","names":["React","PropTypes","classNames","useCheckboxSetContext","FormGroupContextProvider","useFormGroupContext","FormLabel","FormControlFeedback","CheckboxControl","forwardRef","_ref","ref","isIndeterminate","props","_objectWithoutProperties","_excluded","_useCheckboxSetContex","getCheckboxControlProps","hasCheckboxSetProvider","defaultRef","useRef","resolvedRef","_useFormGroupContext","getControlProps","checkboxProps","_objectSpread","className","useEffect","current","indeterminate","createElement","_extends","type","propTypes","bool","string","defaultProps","undefined","FormCheckbox","_ref2","children","controlClassName","labelClassName","description","isInvalid","isValid","controlAs","floatLabelLeft","_excluded2","_useCheckboxSetContex2","_useFormGroupContext2","hasFormGroupProvider","useSetIsControlGroupEffect","shouldActAsGroup","groupProps","role","control","controlId","id","disabled","hasIcon","node","isRequired","elementType"],"sources":["../../src/Form/FormCheckbox.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useCheckboxSetContext } from './FormCheckboxSetContext';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormLabel from './FormLabel';\nimport FormControlFeedback from './FormControlFeedback';\n\nconst CheckboxControl = React.forwardRef(\n ({ isIndeterminate, ...props }, ref) => {\n const { getCheckboxControlProps, hasCheckboxSetProvider } = useCheckboxSetContext();\n const defaultRef = React.useRef();\n const resolvedRef = ref || defaultRef;\n const { getControlProps } = useFormGroupContext();\n let checkboxProps = getControlProps({\n ...props,\n className: classNames('pgn__form-checkbox-input', props.className),\n });\n\n if (hasCheckboxSetProvider) {\n checkboxProps = getCheckboxControlProps(checkboxProps);\n }\n\n React.useEffect(() => {\n // this if(resolvedRef.current) prevents console errors in testing\n if (resolvedRef.current) {\n resolvedRef.current.indeterminate = isIndeterminate;\n }\n }, [resolvedRef, isIndeterminate]);\n\n return (\n <input\n type=\"checkbox\"\n {...checkboxProps}\n ref={resolvedRef}\n />\n );\n },\n);\n\nCheckboxControl.propTypes = {\n /** Specifies whether the checkbox should be rendered in indeterminate state. */\n isIndeterminate: PropTypes.bool,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nCheckboxControl.defaultProps = {\n isIndeterminate: false,\n className: undefined,\n};\n\nconst FormCheckbox = React.forwardRef(({\n children,\n className,\n controlClassName,\n labelClassName,\n description,\n isInvalid,\n isValid,\n controlAs,\n floatLabelLeft,\n ...props\n}, ref) => {\n const { hasCheckboxSetProvider } = useCheckboxSetContext();\n const { hasFormGroupProvider, useSetIsControlGroupEffect, getControlProps } = useFormGroupContext();\n useSetIsControlGroupEffect(true);\n const shouldActAsGroup = hasFormGroupProvider && !hasCheckboxSetProvider;\n const groupProps = shouldActAsGroup ? {\n ...getControlProps({}),\n role: 'group',\n } : {};\n\n const control = React.createElement(controlAs, { ...props, className: controlClassName, ref });\n return (\n <FormGroupContextProvider\n controlId={props.id}\n isInvalid={isInvalid}\n isValid={isValid}\n >\n <div\n className={classNames('pgn__form-checkbox', className, {\n 'pgn__form-control-valid': isValid,\n 'pgn__form-control-invalid': isInvalid,\n 'pgn__form-control-disabled': props.disabled,\n 'pgn__form-control-label-left': !!floatLabelLeft,\n })}\n {...groupProps}\n >\n {control}\n <div>\n <FormLabel className={labelClassName}>\n {children}\n </FormLabel>\n {description && (\n <FormControlFeedback hasIcon={false}>\n {description}\n </FormControlFeedback>\n )}\n </div>\n </div>\n </FormGroupContextProvider>\n );\n});\n\nFormCheckbox.propTypes = {\n /** Specifies id of the FormCheckbox component. */\n id: PropTypes.string,\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 class name for control component. */\n controlClassName: PropTypes.string,\n /** Specifies class name for label component. */\n labelClassName: PropTypes.string,\n /** Specifies description to show under the checkbox. */\n description: PropTypes.node,\n /** Specifies whether to display checkbox in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display checkbox in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies control element. */\n controlAs: PropTypes.elementType,\n /** Specifies whether the floating label should be aligned to the left. */\n floatLabelLeft: PropTypes.bool,\n /** Specifies whether the `FormCheckbox` is disabled. */\n disabled: PropTypes.bool,\n};\n\nFormCheckbox.defaultProps = {\n id: undefined,\n className: undefined,\n controlClassName: undefined,\n labelClassName: undefined,\n description: undefined,\n isInvalid: false,\n isValid: false,\n controlAs: CheckboxControl,\n floatLabelLeft: false,\n disabled: false,\n};\n\nexport { CheckboxControl };\nexport default FormCheckbox;\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "name", "value", "defaultValue", "isInline", "onChange", "onFocus", "onBlur"];
|
|
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,23 +8,20 @@ import { useFormGroupContext } from './FormGroupContext';
|
|
|
8
8
|
import { FormCheckboxSetContextProvider } from './FormCheckboxSetContext';
|
|
9
9
|
import FormControlSet from './FormControlSet';
|
|
10
10
|
function FormCheckboxSet(_ref) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
onBlur
|
|
20
|
-
} = _ref,
|
|
11
|
+
var children = _ref.children,
|
|
12
|
+
name = _ref.name,
|
|
13
|
+
value = _ref.value,
|
|
14
|
+
defaultValue = _ref.defaultValue,
|
|
15
|
+
isInline = _ref.isInline,
|
|
16
|
+
onChange = _ref.onChange,
|
|
17
|
+
onFocus = _ref.onFocus,
|
|
18
|
+
onBlur = _ref.onBlur,
|
|
21
19
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
|
|
23
|
-
getControlProps,
|
|
24
|
-
useSetIsControlGroupEffect
|
|
25
|
-
} = useFormGroupContext();
|
|
20
|
+
var _useFormGroupContext = useFormGroupContext(),
|
|
21
|
+
getControlProps = _useFormGroupContext.getControlProps,
|
|
22
|
+
useSetIsControlGroupEffect = _useFormGroupContext.useSetIsControlGroupEffect;
|
|
26
23
|
useSetIsControlGroupEffect(true);
|
|
27
|
-
|
|
24
|
+
var controlProps = getControlProps(props);
|
|
28
25
|
return /*#__PURE__*/React.createElement(FormCheckboxSetContextProvider, {
|
|
29
26
|
name: name,
|
|
30
27
|
value: value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormCheckboxSet.js","names":["React","PropTypes","useFormGroupContext","FormCheckboxSetContextProvider","FormControlSet","FormCheckboxSet","_ref","children","name","value","defaultValue","isInline","onChange","onFocus","onBlur","props","_objectWithoutProperties","_excluded","getControlProps","useSetIsControlGroupEffect","controlProps","createElement","_extends","role","propTypes","node","isRequired","className","string","arrayOf","bool","func","defaultProps","undefined"],"sources":["../../src/Form/FormCheckboxSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FormCheckboxSetContextProvider } from './FormCheckboxSetContext';\nimport FormControlSet from './FormControlSet';\n\nfunction FormCheckboxSet({\n children,\n name,\n value,\n defaultValue,\n isInline,\n onChange,\n onFocus,\n onBlur,\n ...props\n}) {\n const { getControlProps, useSetIsControlGroupEffect } = useFormGroupContext();\n useSetIsControlGroupEffect(true);\n const controlProps = getControlProps(props);\n return (\n <FormCheckboxSetContextProvider\n name={name}\n value={value}\n defaultValue={defaultValue}\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n >\n <FormControlSet role=\"group\" isInline={isInline} {...controlProps}>\n {children}\n </FormControlSet>\n </FormCheckboxSetContextProvider>\n );\n}\n\nFormCheckboxSet.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 name for the component. */\n name: PropTypes.string.isRequired,\n /** Specifies values for the checkboxes. */\n value: PropTypes.arrayOf(PropTypes.string),\n /** Specifies default values for the checkboxes. */\n defaultValue: PropTypes.arrayOf(PropTypes.string),\n /** Specifies whether to display components with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies onChange event handler. */\n onChange: PropTypes.func,\n /** Specifies onFocus event handler. */\n onFocus: PropTypes.func,\n /** Specifies onBlur event handler. */\n onBlur: PropTypes.func,\n};\n\nFormCheckboxSet.defaultProps = {\n className: undefined,\n value: undefined,\n defaultValue: undefined,\n isInline: false,\n onChange: undefined,\n onFocus: undefined,\n onBlur: undefined,\n};\n\nexport default FormCheckboxSet;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,SAASC,eAAeA,CAAAC,IAAA,EAUrB;EAAA,
|
|
1
|
+
{"version":3,"file":"FormCheckboxSet.js","names":["React","PropTypes","useFormGroupContext","FormCheckboxSetContextProvider","FormControlSet","FormCheckboxSet","_ref","children","name","value","defaultValue","isInline","onChange","onFocus","onBlur","props","_objectWithoutProperties","_excluded","_useFormGroupContext","getControlProps","useSetIsControlGroupEffect","controlProps","createElement","_extends","role","propTypes","node","isRequired","className","string","arrayOf","bool","func","defaultProps","undefined"],"sources":["../../src/Form/FormCheckboxSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FormCheckboxSetContextProvider } from './FormCheckboxSetContext';\nimport FormControlSet from './FormControlSet';\n\nfunction FormCheckboxSet({\n children,\n name,\n value,\n defaultValue,\n isInline,\n onChange,\n onFocus,\n onBlur,\n ...props\n}) {\n const { getControlProps, useSetIsControlGroupEffect } = useFormGroupContext();\n useSetIsControlGroupEffect(true);\n const controlProps = getControlProps(props);\n return (\n <FormCheckboxSetContextProvider\n name={name}\n value={value}\n defaultValue={defaultValue}\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n >\n <FormControlSet role=\"group\" isInline={isInline} {...controlProps}>\n {children}\n </FormControlSet>\n </FormCheckboxSetContextProvider>\n );\n}\n\nFormCheckboxSet.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 name for the component. */\n name: PropTypes.string.isRequired,\n /** Specifies values for the checkboxes. */\n value: PropTypes.arrayOf(PropTypes.string),\n /** Specifies default values for the checkboxes. */\n defaultValue: PropTypes.arrayOf(PropTypes.string),\n /** Specifies whether to display components with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies onChange event handler. */\n onChange: PropTypes.func,\n /** Specifies onFocus event handler. */\n onFocus: PropTypes.func,\n /** Specifies onBlur event handler. */\n onBlur: PropTypes.func,\n};\n\nFormCheckboxSet.defaultProps = {\n className: undefined,\n value: undefined,\n defaultValue: undefined,\n isInline: false,\n onChange: undefined,\n onFocus: undefined,\n onBlur: undefined,\n};\n\nexport default FormCheckboxSet;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,SAASC,eAAeA,CAAAC,IAAA,EAUrB;EAAA,IATDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IACHC,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,IAAAC,oBAAA,GAAwDhB,mBAAmB,CAAC,CAAC;IAArEiB,eAAe,GAAAD,oBAAA,CAAfC,eAAe;IAAEC,0BAA0B,GAAAF,oBAAA,CAA1BE,0BAA0B;EACnDA,0BAA0B,CAAC,IAAI,CAAC;EAChC,IAAMC,YAAY,GAAGF,eAAe,CAACJ,KAAK,CAAC;EAC3C,oBACEf,KAAA,CAAAsB,aAAA,CAACnB,8BAA8B;IAC7BK,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,QAAQ,EAAEA;EAAS,gBAEnBZ,KAAA,CAAAsB,aAAA,CAAClB,cAAc,EAAAmB,QAAA;IAACC,IAAI,EAAC,OAAO;IAACb,QAAQ,EAAEA;EAAS,GAAKU,YAAY,GAC9Dd,QACa,CACc,CAAC;AAErC;AAEAF,eAAe,CAACoB,SAAS,GAAG;EAC1B;EACAlB,QAAQ,EAAEN,SAAS,CAACyB,IAAI,CAACC,UAAU;EACnC;EACAC,SAAS,EAAE3B,SAAS,CAAC4B,MAAM;EAC3B;EACArB,IAAI,EAAEP,SAAS,CAAC4B,MAAM,CAACF,UAAU;EACjC;EACAlB,KAAK,EAAER,SAAS,CAAC6B,OAAO,CAAC7B,SAAS,CAAC4B,MAAM,CAAC;EAC1C;EACAnB,YAAY,EAAET,SAAS,CAAC6B,OAAO,CAAC7B,SAAS,CAAC4B,MAAM,CAAC;EACjD;EACAlB,QAAQ,EAAEV,SAAS,CAAC8B,IAAI;EACxB;EACAnB,QAAQ,EAAEX,SAAS,CAAC+B,IAAI;EACxB;EACAnB,OAAO,EAAEZ,SAAS,CAAC+B,IAAI;EACvB;EACAlB,MAAM,EAAEb,SAAS,CAAC+B;AACpB,CAAC;AAED3B,eAAe,CAAC4B,YAAY,GAAG;EAC7BL,SAAS,EAAEM,SAAS;EACpBzB,KAAK,EAAEyB,SAAS;EAChBxB,YAAY,EAAEwB,SAAS;EACvBvB,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAEsB,SAAS;EACnBrB,OAAO,EAAEqB,SAAS;EAClBpB,MAAM,EAAEoB;AACV,CAAC;AAED,eAAe7B,eAAe"}
|
|
@@ -1,47 +1,52 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
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; }
|
|
2
3
|
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; }
|
|
3
4
|
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; }
|
|
4
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
5
|
-
function _toPrimitive(input, hint) { if (
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
6
7
|
import React, { useContext } from 'react';
|
|
7
8
|
import PropTypes from 'prop-types';
|
|
8
9
|
import { callAllHandlers } from './fieldUtils';
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
var identityFn = function identityFn(props) {
|
|
11
|
+
return props;
|
|
12
|
+
};
|
|
13
|
+
var FormCheckboxSetContext = /*#__PURE__*/React.createContext({
|
|
11
14
|
getCheckboxControlProps: identityFn,
|
|
12
15
|
hasCheckboxSetProvider: false
|
|
13
16
|
});
|
|
14
|
-
|
|
17
|
+
var useCheckboxSetContext = function useCheckboxSetContext() {
|
|
18
|
+
return useContext(FormCheckboxSetContext);
|
|
19
|
+
};
|
|
15
20
|
function FormCheckboxSetContextProvider(_ref) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
name,
|
|
39
|
-
value,
|
|
40
|
-
defaultValue,
|
|
41
|
-
getCheckboxControlProps,
|
|
42
|
-
onBlur,
|
|
43
|
-
onFocus,
|
|
44
|
-
onChange,
|
|
21
|
+
var children = _ref.children,
|
|
22
|
+
name = _ref.name,
|
|
23
|
+
onBlur = _ref.onBlur,
|
|
24
|
+
onFocus = _ref.onFocus,
|
|
25
|
+
onChange = _ref.onChange,
|
|
26
|
+
value = _ref.value,
|
|
27
|
+
defaultValue = _ref.defaultValue;
|
|
28
|
+
var isControlled = !defaultValue && Array.isArray(value);
|
|
29
|
+
var getCheckboxControlProps = function getCheckboxControlProps(checkboxProps) {
|
|
30
|
+
return _objectSpread(_objectSpread({}, checkboxProps), {}, {
|
|
31
|
+
name: name,
|
|
32
|
+
/* istanbul ignore next */
|
|
33
|
+
onBlur: checkboxProps.onBlur ? callAllHandlers(onBlur, checkboxProps.onBlur) : onBlur,
|
|
34
|
+
/* istanbul ignore next */
|
|
35
|
+
onFocus: checkboxProps.onFocus ? callAllHandlers(onFocus, checkboxProps.onFocus) : onFocus,
|
|
36
|
+
/* istanbul ignore next */
|
|
37
|
+
onChange: checkboxProps.onChange ? callAllHandlers(onChange, checkboxProps.onChange) : onChange,
|
|
38
|
+
checked: isControlled ? value.includes(checkboxProps.value) : undefined,
|
|
39
|
+
defaultChecked: isControlled ? undefined : defaultValue && defaultValue.includes(checkboxProps.value)
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
var contextValue = {
|
|
43
|
+
name: name,
|
|
44
|
+
value: value,
|
|
45
|
+
defaultValue: defaultValue,
|
|
46
|
+
getCheckboxControlProps: getCheckboxControlProps,
|
|
47
|
+
onBlur: onBlur,
|
|
48
|
+
onFocus: onFocus,
|
|
49
|
+
onChange: onChange,
|
|
45
50
|
hasCheckboxSetProvider: true
|
|
46
51
|
};
|
|
47
52
|
return /*#__PURE__*/React.createElement(FormCheckboxSetContext.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormCheckboxSetContext.js","names":["React","useContext","PropTypes","callAllHandlers","identityFn","props","FormCheckboxSetContext","createContext","getCheckboxControlProps","hasCheckboxSetProvider","useCheckboxSetContext","FormCheckboxSetContextProvider","_ref","children","name","onBlur","onFocus","onChange","value","defaultValue","isControlled","Array","isArray","checkboxProps","_objectSpread","checked","includes","undefined","defaultChecked","contextValue","createElement","Provider","propTypes","node","isRequired","string","func","arrayOf","defaultProps"],"sources":["../../src/Form/FormCheckboxSetContext.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { callAllHandlers } from './fieldUtils';\n\nconst identityFn = props => props;\n\nconst FormCheckboxSetContext = React.createContext({\n getCheckboxControlProps: identityFn,\n hasCheckboxSetProvider: false,\n});\n\nconst useCheckboxSetContext = () => useContext(FormCheckboxSetContext);\n\nfunction FormCheckboxSetContextProvider({\n children,\n name,\n onBlur,\n onFocus,\n onChange,\n value,\n defaultValue,\n}) {\n const isControlled = !defaultValue && Array.isArray(value);\n const getCheckboxControlProps = (checkboxProps) => ({\n ...checkboxProps,\n name,\n /* istanbul ignore next */\n onBlur: checkboxProps.onBlur ? callAllHandlers(onBlur, checkboxProps.onBlur) : onBlur,\n /* istanbul ignore next */\n onFocus: checkboxProps.onFocus ? callAllHandlers(onFocus, checkboxProps.onFocus) : onFocus,\n /* istanbul ignore next */\n onChange: checkboxProps.onChange ? callAllHandlers(onChange, checkboxProps.onChange) : onChange,\n checked: isControlled ? value.includes(checkboxProps.value) : undefined,\n defaultChecked: isControlled ? undefined : (defaultValue && defaultValue.includes(checkboxProps.value)),\n });\n const contextValue = {\n name,\n value,\n defaultValue,\n getCheckboxControlProps,\n onBlur,\n onFocus,\n onChange,\n hasCheckboxSetProvider: true,\n };\n return (\n <FormCheckboxSetContext.Provider value={contextValue}>\n {children}\n </FormCheckboxSetContext.Provider>\n );\n}\n\nFormCheckboxSetContextProvider.propTypes = {\n children: PropTypes.node.isRequired,\n name: PropTypes.string,\n onBlur: PropTypes.func,\n onFocus: PropTypes.func,\n onChange: PropTypes.func,\n value: PropTypes.arrayOf(PropTypes.string),\n defaultValue: PropTypes.arrayOf(PropTypes.string),\n};\n\nFormCheckboxSetContextProvider.defaultProps = {\n onBlur: undefined,\n name: undefined,\n onFocus: undefined,\n onChange: undefined,\n value: undefined,\n defaultValue: undefined,\n};\n\nexport default FormCheckboxSetContext;\nexport {\n useCheckboxSetContext,\n FormCheckboxSetContextProvider,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormCheckboxSetContext.js","names":["React","useContext","PropTypes","callAllHandlers","identityFn","props","FormCheckboxSetContext","createContext","getCheckboxControlProps","hasCheckboxSetProvider","useCheckboxSetContext","FormCheckboxSetContextProvider","_ref","children","name","onBlur","onFocus","onChange","value","defaultValue","isControlled","Array","isArray","checkboxProps","_objectSpread","checked","includes","undefined","defaultChecked","contextValue","createElement","Provider","propTypes","node","isRequired","string","func","arrayOf","defaultProps"],"sources":["../../src/Form/FormCheckboxSetContext.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { callAllHandlers } from './fieldUtils';\n\nconst identityFn = props => props;\n\nconst FormCheckboxSetContext = React.createContext({\n getCheckboxControlProps: identityFn,\n hasCheckboxSetProvider: false,\n});\n\nconst useCheckboxSetContext = () => useContext(FormCheckboxSetContext);\n\nfunction FormCheckboxSetContextProvider({\n children,\n name,\n onBlur,\n onFocus,\n onChange,\n value,\n defaultValue,\n}) {\n const isControlled = !defaultValue && Array.isArray(value);\n const getCheckboxControlProps = (checkboxProps) => ({\n ...checkboxProps,\n name,\n /* istanbul ignore next */\n onBlur: checkboxProps.onBlur ? callAllHandlers(onBlur, checkboxProps.onBlur) : onBlur,\n /* istanbul ignore next */\n onFocus: checkboxProps.onFocus ? callAllHandlers(onFocus, checkboxProps.onFocus) : onFocus,\n /* istanbul ignore next */\n onChange: checkboxProps.onChange ? callAllHandlers(onChange, checkboxProps.onChange) : onChange,\n checked: isControlled ? value.includes(checkboxProps.value) : undefined,\n defaultChecked: isControlled ? undefined : (defaultValue && defaultValue.includes(checkboxProps.value)),\n });\n const contextValue = {\n name,\n value,\n defaultValue,\n getCheckboxControlProps,\n onBlur,\n onFocus,\n onChange,\n hasCheckboxSetProvider: true,\n };\n return (\n <FormCheckboxSetContext.Provider value={contextValue}>\n {children}\n </FormCheckboxSetContext.Provider>\n );\n}\n\nFormCheckboxSetContextProvider.propTypes = {\n children: PropTypes.node.isRequired,\n name: PropTypes.string,\n onBlur: PropTypes.func,\n onFocus: PropTypes.func,\n onChange: PropTypes.func,\n value: PropTypes.arrayOf(PropTypes.string),\n defaultValue: PropTypes.arrayOf(PropTypes.string),\n};\n\nFormCheckboxSetContextProvider.defaultProps = {\n onBlur: undefined,\n name: undefined,\n onFocus: undefined,\n onChange: undefined,\n value: undefined,\n defaultValue: undefined,\n};\n\nexport default FormCheckboxSetContext;\nexport {\n useCheckboxSetContext,\n FormCheckboxSetContextProvider,\n};\n"],"mappings":"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"}
|
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":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AACrD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,aAAa,MAAM,6BAA6B;AACvD,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,yBAAyB,MAAM,6BAA6B;AAEnE,SAASC,eAAe,EAAEC,WAAW,QAAQ,cAAc;AAE3D,MAAMC,WAAW,gBAAGZ,KAAK,CAACa,UAAU,CAAC,CAAAC,IAAA,EAWlCC,GAAG,KAAK;EAAA,IAX2B;MACpCC,EAAE;MACFC,SAAS;MACTC,gBAAgB;MAChBC,cAAc;MACdC,eAAe;MACfC,aAAa;MACbC,UAAU;MACVC,QAAQ;MACRC;IAEF,CAAC,GAAAV,IAAA;IADIW,KAAK,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAER,MAAAC,oBAAA,GAKIrB,mBAAmB,CAAC,CAAC;IALnB;MACJsB,SAAS;MACTC,OAAO;MACPC;IAEF,CAAC,GAAAH,oBAAA;IADII,gBAAgB,GAAAN,wBAAA,CAAAE,oBAAA,EAAAK,UAAA;EAErB,MAAMC,QAAQ,GAAGlC,KAAK,CAACmC,MAAM,CAAC,CAAC;EAC/B,MAAMC,WAAW,GAAGrB,GAAG,IAAImB,QAAQ;EACnC,MAAMG,IAAI,GAAGZ,KAAK,CAACY,IAAI,IAAIL,gBAAgB,CAACK,IAAI;EAEhD,MAAM,CAACC,QAAQ,EAAEC,oBAAoB,CAAC,GAAG5B,WAAW,CAAC;IACnD6B,YAAY,EAAEf,KAAK,CAACe,YAAY;IAChCC,KAAK,EAAEhB,KAAK,CAACgB;EACf,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGzC,WAAW,CAAC,MAAM;IACrC,IAAIe,EAAE,KAAK,UAAU,IAAIM,UAAU,EAAE;MACnC,IAAI,CAACc,WAAW,CAACO,OAAO,CAACC,aAAa,IAAI,CAACR,WAAW,CAACO,OAAO,CAACE,OAAO,EAAE;QACtET,WAAW,CAACO,OAAO,CAACC,aAAa,GAAGR,WAAW,CAACO,OAAO,CAACG,YAAY;QACpEV,WAAW,CAACO,OAAO,CAACE,OAAO,GAAGT,WAAW,CAACO,OAAO,CAACG,YAAY,GAAGV,WAAW,CAACO,OAAO,CAACI,YAAY;MACnG;MACAX,WAAW,CAACO,OAAO,CAACK,KAAK,CAACC,MAAM,GAAI,GAAEb,WAAW,CAACO,OAAO,CAACC,aAAc,IAAG;MAC3ER,WAAW,CAACO,OAAO,CAACK,KAAK,CAACC,MAAM,GAAI,GAAEb,WAAW,CAACO,OAAO,CAACO,YAAY,GAAGd,WAAW,CAACO,OAAO,CAACE,OAAQ,IAAG;IAC1G;EACF,CAAC,EAAE,CAAC7B,EAAE,EAAEM,UAAU,EAAEc,WAAW,CAAC,CAAC;EAEjClC,SAAS,CAAC,MAAM;IACdwC,YAAY,CAAC,CAAC;EAChB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMS,YAAY,GAAGpB,eAAe,CAAAqB,aAAA,CAAAA,aAAA,KAC/B3B,KAAK;IACR;IACA4B,MAAM,EAAE3C,eAAe,CAAC6B,oBAAoB,EAAEd,KAAK,CAAC4B,MAAM;EAAC,EAC5D,CAAC;EAEF,MAAMC,cAAc,GAAIC,CAAC,IAAK;IAC5Bb,YAAY,CAAC,CAAC;IACd,IAAInB,QAAQ,EAAE;MACZA,QAAQ,CAACgC,CAAC,CAAC;IACb;EACF,CAAC;EAED,oBACEvD,KAAA,CAAAwD,aAAA,CAAC/C,yBAAyB;IACxB4B,IAAI,EAAEA,IAAK;IACXlB,cAAc,EAAEA,cAAe;IAC/BC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA,aAAc;IAC7BJ,SAAS,EAAEA;EAAU,gBAErBjB,KAAA,CAAAwD,aAAA,CAACnD,aAAa,EAAAoD,QAAA;IACZzC,EAAE,EAAEQ,SAAS,GAAGlB,UAAU,GAAGU,EAAG;IAChCD,GAAG,EAAEqB,WAAY;IACjBC,IAAI,EAAEA,IAAK;IACXR,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBb,SAAS,EAAEb,UAAU,CAACc,gBAAgB,EAAE;MACtC,WAAW,EAAEoB;IACf,CAAC,CAAE;IACHf,QAAQ,EAAE+B,cAAe;IACzBI,IAAI,EAAElC;EAAU,GACZ2B,YAAY,CACjB,CACwB,CAAC;AAEhC,CAAC,CAAC;AAEF,MAAMQ,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjC/C,WAAW,CAACgD,QAAQ,GAAGpD,mBAAmB;AAC1CI,WAAW,CAACiD,WAAW,GAAGrD,mBAAmB;AAE7CI,WAAW,CAACkD,SAAS,GAAG;EACtB;EACA7C,SAAS,EAAEd,SAAS,CAAC4D,MAAM;EAC3B;EACA/C,EAAE,EAAEb,SAAS,CAAC6D,WAAW;EACzB;EACAzC,QAAQ,EAAEpB,SAAS,CAAC8D,IAAI;EACxB;EACAzB,YAAY,EAAErC,SAAS,CAAC+D,SAAS,CAAC,CAAC/D,SAAS,CAAC4D,MAAM,EAAE5D,SAAS,CAACgE,MAAM,CAAC,CAAC;EACvE;EACA1B,KAAK,EAAEtC,SAAS,CAAC+D,SAAS,CAAC,CAAC/D,SAAS,CAAC4D,MAAM,EAAE5D,SAAS,CAACgE,MAAM,CAAC,CAAC;EAChE;EACAC,EAAE,EAAEjE,SAAS,CAAC4D,MAAM;EACpB;EACA7C,gBAAgB,EAAEf,SAAS,CAAC4D,MAAM;EAClC;EACA1B,IAAI,EAAElC,SAAS,CAACkE,KAAK,CAACV,YAAY,CAAC;EACnC;EACAxC,cAAc,EAAEhB,SAAS,CAACmE,IAAI;EAC9B;EACAlD,eAAe,EAAEjB,SAAS,CAACmE,IAAI;EAC/B;EACAjD,aAAa,EAAElB,SAAS,CAACmE,IAAI;EAC7B;EACAC,SAAS,EAAEpE,SAAS,CAACqE,IAAI;EACzB;EACA1C,OAAO,EAAE3B,SAAS,CAACqE,IAAI;EACvB;EACA3C,SAAS,EAAE1B,SAAS,CAACqE,IAAI;EACzB;EACAlD,UAAU,EAAEnB,SAAS,CAACqE,IAAI;EAC1B;EACAhD,SAAS,EAAErB,SAAS,CAAC4D;AACvB,CAAC;AAEDnD,WAAW,CAAC6D,YAAY,GAAG;EACzBzD,EAAE,EAAE,OAAO;EACXC,SAAS,EAAEyD,SAAS;EACpBN,EAAE,EAAEM,SAAS;EACbxD,gBAAgB,EAAEwD,SAAS;EAC3BnD,QAAQ,EAAEmD,SAAS;EACnBlC,YAAY,EAAEkC,SAAS;EACvBjC,KAAK,EAAEiC,SAAS;EAChBrC,IAAI,EAAEqC,SAAS;EACfvD,cAAc,EAAEuD,SAAS;EACzBtD,eAAe,EAAEsD,SAAS;EAC1BrD,aAAa,EAAEqD,SAAS;EACxBH,SAAS,EAAE,KAAK;EAChBzC,OAAO,EAAE4C,SAAS;EAClB7C,SAAS,EAAE6C,SAAS;EACpBpD,UAAU,EAAE,KAAK;EACjBE,SAAS,EAAEkD;AACb,CAAC;AAED,eAAe9D,WAAW"}
|
|
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", {
|