@openedx/paragon 23.14.2 → 23.14.3
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.d.ts +18 -0
- package/dist/ActionRow/index.js +6 -24
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/index.js +21 -24
- package/dist/Alert/index.js.map +1 -1
- package/dist/Annotation/index.d.ts +13 -0
- package/dist/Annotation/index.js +11 -30
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Avatar/index.d.ts +11 -0
- package/dist/Avatar/index.js +7 -21
- package/dist/Avatar/index.js.map +1 -1
- package/dist/AvatarButton/index.d.ts +17 -0
- package/dist/AvatarButton/index.js +11 -33
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/Breadcrumb/BreadcrumbLink.js +5 -6
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/index.js +11 -12
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Bubble/index.js +15 -18
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Button/index.d.ts +42 -7
- package/dist/Button/index.js +43 -115
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/BaseCard.js +11 -12
- package/dist/Card/BaseCard.js.map +1 -1
- package/dist/Card/CardBody.js +9 -12
- package/dist/Card/CardBody.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarousel.js +13 -14
- package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselHeader.js +4 -5
- package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselItems.js +3 -4
- package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselProvider.js +7 -8
- package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +5 -6
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.js +5 -6
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/Card/CardCarousel/messages.d.ts +13 -0
- package/dist/Card/CardCarousel/messages.js +4 -5
- package/dist/Card/CardCarousel/messages.js.map +1 -0
- package/dist/Card/CardContext.js +6 -7
- package/dist/Card/CardContext.js.map +1 -1
- package/dist/Card/CardDeck.js +9 -10
- package/dist/Card/CardDeck.js.map +1 -1
- package/dist/Card/CardDivider.js +8 -11
- package/dist/Card/CardDivider.js.map +1 -1
- package/dist/Card/CardFooter.js +9 -10
- package/dist/Card/CardFooter.js.map +1 -1
- package/dist/Card/CardGrid.js +6 -7
- package/dist/Card/CardGrid.js.map +1 -1
- package/dist/Card/CardHeader.js +9 -10
- package/dist/Card/CardHeader.js.map +1 -1
- package/dist/Card/CardImageCap.js +15 -16
- package/dist/Card/CardImageCap.js.map +1 -1
- package/dist/Card/CardSection.js +9 -10
- package/dist/Card/CardSection.js.map +1 -1
- package/dist/Card/CardStatus.js +9 -10
- package/dist/Card/CardStatus.js.map +1 -1
- package/dist/Card/index.js +9 -10
- package/dist/Card/index.js.map +1 -1
- package/dist/Chip/ChipIcon.js +8 -9
- package/dist/Chip/ChipIcon.js.map +1 -1
- package/dist/Chip/index.d.ts +22 -0
- package/dist/Chip/index.js +15 -70
- package/dist/Chip/index.js.map +1 -1
- package/dist/ChipCarousel/index.js +49 -53
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/ChipCarousel/messages.d.ts +13 -0
- package/dist/ChipCarousel/messages.js +4 -5
- package/dist/ChipCarousel/messages.js.map +1 -0
- package/dist/CloseButton/index.js.map +1 -1
- package/dist/Collapse/index.js.map +1 -1
- package/dist/Collapsible/CollapsibleBody.js +6 -7
- package/dist/Collapsible/CollapsibleBody.js.map +1 -1
- package/dist/Collapsible/CollapsibleTrigger.js +9 -10
- package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/Collapsible/CollapsibleVisible.js +5 -6
- package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
- package/dist/ColorPicker/index.js +6 -7
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/Container/index.js +9 -12
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/BulkActions.js +4 -5
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +16 -18
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +5 -6
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/DataTableLayout.js +5 -6
- package/dist/DataTable/DataTableLayout.js.map +1 -1
- package/dist/DataTable/EmptyTable.js +5 -6
- package/dist/DataTable/EmptyTable.js.map +1 -1
- package/dist/DataTable/ExpandAll.js +4 -5
- package/dist/DataTable/ExpandAll.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +3 -4
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/FilterStatus.js +8 -9
- package/dist/DataTable/FilterStatus.js.map +1 -1
- package/dist/DataTable/RowStatus.js +4 -5
- package/dist/DataTable/RowStatus.js.map +1 -1
- package/dist/DataTable/SidebarFilters.js +3 -4
- package/dist/DataTable/SidebarFilters.js.map +1 -1
- package/dist/DataTable/Table.js +3 -4
- package/dist/DataTable/Table.js.map +1 -1
- package/dist/DataTable/TableActions.js +3 -4
- package/dist/DataTable/TableActions.js.map +1 -1
- package/dist/DataTable/TableCell.js +5 -6
- package/dist/DataTable/TableCell.js.map +1 -1
- package/dist/DataTable/TableControlBar.js +3 -4
- package/dist/DataTable/TableControlBar.js.map +1 -1
- package/dist/DataTable/TableFilters.js +6 -7
- package/dist/DataTable/TableFilters.js.map +1 -1
- package/dist/DataTable/TableFooter.js +4 -5
- package/dist/DataTable/TableFooter.js.map +1 -1
- package/dist/DataTable/TableHeaderCell.js +13 -15
- package/dist/DataTable/TableHeaderCell.js.map +1 -1
- package/dist/DataTable/TableHeaderRow.js +3 -4
- package/dist/DataTable/TableHeaderRow.js.map +1 -1
- package/dist/DataTable/TableRow.js +3 -4
- package/dist/DataTable/TableRow.js.map +1 -1
- package/dist/DataTable/filters/CheckboxFilter.js +25 -29
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/DataTable/filters/DropdownFilter.js +16 -20
- package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js +25 -29
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +8 -9
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/hooks.js +11 -13
- package/dist/DataTable/hooks.js.map +1 -1
- package/dist/DataTable/index.js +35 -36
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/messages.d.ts +13 -0
- package/dist/DataTable/messages.js +4 -5
- package/dist/DataTable/messages.js.map +1 -0
- package/dist/DataTable/selection/BaseSelectionStatus.js +11 -12
- package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelect.js +3 -4
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +3 -4
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +4 -5
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/SelectionStatus.js +4 -5
- package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
- package/dist/DataTable/utils/getVisibleColumns.js +9 -13
- package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
- package/dist/Dropdown/index.js +17 -20
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropzone/DefaultContent.js +5 -6
- package/dist/Dropzone/DefaultContent.js.map +1 -1
- package/dist/Dropzone/DragError.js +3 -4
- package/dist/Dropzone/DragError.js.map +1 -1
- package/dist/Dropzone/GenericError.js +4 -5
- package/dist/Dropzone/GenericError.js.map +1 -1
- package/dist/Dropzone/UploadProgress.js +6 -7
- package/dist/Dropzone/UploadProgress.js.map +1 -1
- package/dist/Dropzone/index.js +14 -15
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Dropzone/messages.d.ts +53 -0
- package/dist/Dropzone/messages.js +12 -13
- package/dist/Dropzone/messages.js.map +1 -0
- package/dist/Fade/index.js.map +1 -1
- package/dist/Form/FormAutosuggest.js +18 -20
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +6 -7
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +16 -18
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +11 -12
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +9 -10
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +12 -13
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +4 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -9
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +4 -5
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -4
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +7 -8
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +9 -10
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +7 -8
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.d.ts +2 -11
- package/dist/Form/FormLabel.js +5 -15
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +28 -31
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +11 -12
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +9 -10
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +25 -29
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +16 -19
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/fieldUtils.js +11 -22
- package/dist/Form/fieldUtils.js.map +1 -1
- package/dist/Form/useCheckboxSetValues.js +1 -2
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +17 -21
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Icon/index.js +10 -11
- package/dist/Icon/index.js.map +1 -1
- package/dist/IconButton/index.d.ts +8 -304
- package/dist/IconButton/index.js +21 -84
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButtonToggle/index.js +5 -6
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/Image/index.js.map +1 -1
- package/dist/Layout/index.js +4 -5
- package/dist/Layout/index.js.map +1 -1
- package/dist/Media/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +8 -9
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +8 -9
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/index.js +6 -7
- package/dist/Menu/index.js.map +1 -1
- package/dist/Modal/AlertModal.js +6 -7
- package/dist/Modal/AlertModal.js.map +1 -1
- package/dist/Modal/FullscreenModal.js +7 -8
- package/dist/Modal/FullscreenModal.js.map +1 -1
- package/dist/Modal/MarketingModal.js +9 -10
- package/dist/Modal/MarketingModal.js.map +1 -1
- package/dist/Modal/ModalCloseButton.js +5 -6
- package/dist/Modal/ModalCloseButton.js.map +1 -1
- package/dist/Modal/ModalContext.js +6 -7
- package/dist/Modal/ModalContext.js.map +1 -1
- package/dist/Modal/ModalDialog.js +16 -17
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +5 -6
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +5 -6
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +9 -12
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +5 -6
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +6 -7
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +5 -6
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +5 -6
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +13 -16
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +11 -12
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +7 -8
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/StandardModal.js +7 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/OverflowScroll/OverflowScroll.js +12 -13
- package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollItems.js +3 -4
- package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
- package/dist/Overlay/index.d.ts +2 -2
- package/dist/PageBanner/index.js +9 -10
- package/dist/PageBanner/index.js.map +1 -1
- package/dist/Pagination/PaginationContext.js +12 -13
- package/dist/Pagination/PaginationContext.js.map +1 -1
- package/dist/Pagination/subcomponents/PageButton.js +3 -4
- package/dist/Pagination/subcomponents/PageButton.js.map +1 -1
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/ProductTour/Checkpoint.js +12 -13
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/CheckpointActionRow.js +10 -11
- package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
- package/dist/ProductTour/CheckpointBody.js +3 -4
- package/dist/ProductTour/CheckpointBody.js.map +1 -1
- package/dist/ProductTour/CheckpointHeader.js +7 -8
- package/dist/ProductTour/CheckpointHeader.js.map +1 -1
- package/dist/ProductTour/CheckpointTitle.js +6 -9
- package/dist/ProductTour/CheckpointTitle.js.map +1 -1
- package/dist/ProductTour/index.js +3 -4
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProductTour/messages.d.ts +23 -0
- package/dist/ProductTour/messages.js +6 -7
- package/dist/ProductTour/messages.js.map +1 -0
- package/dist/ProgressBar/index.js +11 -12
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/ResponsiveEmbed/index.js.map +1 -1
- package/dist/Scrollable/index.js +4 -5
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +4 -5
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SelectableBox/SelectableBoxSet.js +13 -14
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/index.js +14 -15
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/Skeleton/index.js.map +1 -1
- package/dist/Spinner/index.js +5 -6
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Stack/index.js +12 -15
- package/dist/Stack/index.js.map +1 -1
- package/dist/StatefulButton/index.js +9 -10
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/Stepper/Stepper.js +4 -5
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/StepperActionRow.js +6 -7
- package/dist/Stepper/StepperActionRow.js.map +1 -1
- package/dist/Stepper/StepperContext.js +4 -5
- package/dist/Stepper/StepperContext.js.map +1 -1
- package/dist/Stepper/StepperHeader.js +23 -31
- package/dist/Stepper/StepperHeader.js.map +1 -1
- package/dist/Stepper/StepperHeaderStep.js +8 -9
- package/dist/Stepper/StepperHeaderStep.js.map +1 -1
- package/dist/Stepper/StepperStep.js +10 -11
- package/dist/Stepper/StepperStep.js.map +1 -1
- package/dist/Sticky/index.js +8 -12
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Tabs/index.js +8 -9
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Toast/ToastContainer.js +3 -4
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/index.d.ts +20 -41
- package/dist/Toast/index.js +11 -48
- package/dist/Toast/index.js.map +1 -1
- package/dist/ToggleButton/index.js.map +1 -1
- package/dist/Tooltip/index.js +11 -14
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Truncate/index.js +9 -10
- package/dist/Truncate/index.js.map +1 -1
- package/dist/asInput/index.js +9 -13
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigationHook.js +17 -21
- package/dist/hooks/useArrowKeyNavigationHook.js.map +1 -1
- package/dist/hooks/useIsVisibleHook.js +4 -6
- package/dist/hooks/useIsVisibleHook.js.map +1 -1
- package/dist/hooks/useToggleHook.js +1 -3
- package/dist/hooks/useToggleHook.js.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.js +4 -8
- package/dist/index.js.map +1 -1
- package/dist/utils/newId.js +1 -2
- package/dist/utils/newId.js.map +1 -1
- package/package.json +1 -1
- package/src/ActionRow/{index.jsx → index.tsx} +14 -22
- package/src/Annotation/{index.jsx → index.tsx} +15 -22
- package/src/Avatar/{index.jsx → index.tsx} +13 -19
- package/src/AvatarButton/{index.jsx → index.tsx} +23 -31
- package/src/Button/index.tsx +68 -93
- package/src/Chip/index.tsx +26 -59
- package/src/CloseButton/index.tsx +1 -0
- package/src/Collapse/index.tsx +1 -0
- package/src/Fade/index.tsx +1 -0
- package/src/Form/FormLabel.tsx +2 -10
- package/src/IconButton/index.tsx +17 -81
- package/src/Image/index.tsx +2 -0
- package/src/Media/index.tsx +1 -0
- package/src/Modal/modal-popup.mdx +1 -1
- package/src/ResponsiveEmbed/index.tsx +1 -0
- package/src/Skeleton/index.tsx +1 -0
- package/src/Toast/index.tsx +21 -40
- package/src/ToggleButton/index.tsx +2 -0
- package/src/index.ts +4 -8
- /package/{src/CloseButton/index.jsx → dist/CloseButton/index.d.ts} +0 -0
- /package/{src/Collapse/index.jsx → dist/Collapse/index.d.ts} +0 -0
- /package/{src/Fade/index.jsx → dist/Fade/index.d.ts} +0 -0
- /package/{src/Image/index.jsx → dist/Image/index.d.ts} +0 -0
- /package/{src/Media/index.jsx → dist/Media/index.d.ts} +0 -0
- /package/{src/ResponsiveEmbed/index.jsx → dist/ResponsiveEmbed/index.d.ts} +0 -0
- /package/{src/Skeleton/index.jsx → dist/Skeleton/index.d.ts} +0 -0
- /package/{src/ToggleButton/index.jsx → dist/ToggleButton/index.d.ts} +0 -0
- /package/src/Card/CardCarousel/{messages.js → messages.ts} +0 -0
- /package/src/ChipCarousel/{messages.js → messages.ts} +0 -0
- /package/src/DataTable/{messages.js → messages.ts} +0 -0
- /package/src/Dropzone/{messages.js → messages.ts} +0 -0
- /package/src/ProductTour/{messages.js → messages.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormCheckboxSet.js","names":["React","PropTypes","useFormGroupContext","FormCheckboxSetContextProvider","FormControlSet","FormCheckboxSet","
|
|
1
|
+
{"version":3,"file":"FormCheckboxSet.js","names":["React","PropTypes","useFormGroupContext","FormCheckboxSetContextProvider","FormControlSet","FormCheckboxSet","children","name","value","defaultValue","isInline","onChange","onFocus","onBlur","props","getControlProps","useSetIsControlGroupEffect","controlProps","createElement","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,CAAC;EACvBC,QAAQ;EACRC,IAAI;EACJC,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACN,GAAGC;AACL,CAAC,EAAE;EACD,MAAM;IAAEC,eAAe;IAAEC;EAA2B,CAAC,GAAGd,mBAAmB,CAAC,CAAC;EAC7Ec,0BAA0B,CAAC,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAGF,eAAe,CAACD,KAAK,CAAC;EAC3C,oBACEd,KAAA,CAAAkB,aAAA,CAACf,8BAA8B;IAC7BI,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,QAAQ,EAAEA;EAAS,gBAEnBX,KAAA,CAAAkB,aAAA,CAACd,cAAc;IAACe,IAAI,EAAC,OAAO;IAACT,QAAQ,EAAEA,QAAS;IAAA,GAAKO;EAAY,GAC9DX,QACa,CACc,CAAC;AAErC;AAEAD,eAAe,CAACe,SAAS,GAAG;EAC1B;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,SAAS,EAAEtB,SAAS,CAACuB,MAAM;EAC3B;EACAjB,IAAI,EAAEN,SAAS,CAACuB,MAAM,CAACF,UAAU;EACjC;EACAd,KAAK,EAAEP,SAAS,CAACwB,OAAO,CAACxB,SAAS,CAACuB,MAAM,CAAC;EAC1C;EACAf,YAAY,EAAER,SAAS,CAACwB,OAAO,CAACxB,SAAS,CAACuB,MAAM,CAAC;EACjD;EACAd,QAAQ,EAAET,SAAS,CAACyB,IAAI;EACxB;EACAf,QAAQ,EAAEV,SAAS,CAAC0B,IAAI;EACxB;EACAf,OAAO,EAAEX,SAAS,CAAC0B,IAAI;EACvB;EACAd,MAAM,EAAEZ,SAAS,CAAC0B;AACpB,CAAC;AAEDtB,eAAe,CAACuB,YAAY,GAAG;EAC7BL,SAAS,EAAEM,SAAS;EACpBrB,KAAK,EAAEqB,SAAS;EAChBpB,YAAY,EAAEoB,SAAS;EACvBnB,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAEkB,SAAS;EACnBjB,OAAO,EAAEiB,SAAS;EAClBhB,MAAM,EAAEgB;AACV,CAAC;AAED,eAAexB,eAAe","ignoreList":[]}
|
|
@@ -7,16 +7,15 @@ const FormCheckboxSetContext = /*#__PURE__*/React.createContext({
|
|
|
7
7
|
hasCheckboxSetProvider: false
|
|
8
8
|
});
|
|
9
9
|
const useCheckboxSetContext = () => useContext(FormCheckboxSetContext);
|
|
10
|
-
function FormCheckboxSetContextProvider(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
} = _ref;
|
|
10
|
+
function FormCheckboxSetContextProvider({
|
|
11
|
+
children,
|
|
12
|
+
name,
|
|
13
|
+
onBlur,
|
|
14
|
+
onFocus,
|
|
15
|
+
onChange,
|
|
16
|
+
value,
|
|
17
|
+
defaultValue
|
|
18
|
+
}) {
|
|
20
19
|
const isControlled = !defaultValue && Array.isArray(value);
|
|
21
20
|
const getCheckboxControlProps = checkboxProps => ({
|
|
22
21
|
...checkboxProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormCheckboxSetContext.js","names":["React","useContext","PropTypes","callAllHandlers","identityFn","props","FormCheckboxSetContext","createContext","getCheckboxControlProps","hasCheckboxSetProvider","useCheckboxSetContext","FormCheckboxSetContextProvider","
|
|
1
|
+
{"version":3,"file":"FormCheckboxSetContext.js","names":["React","useContext","PropTypes","callAllHandlers","identityFn","props","FormCheckboxSetContext","createContext","getCheckboxControlProps","hasCheckboxSetProvider","useCheckboxSetContext","FormCheckboxSetContextProvider","children","name","onBlur","onFocus","onChange","value","defaultValue","isControlled","Array","isArray","checkboxProps","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":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,cAAc;AAE9C,MAAMC,UAAU,GAAGC,KAAK,IAAIA,KAAK;AAEjC,MAAMC,sBAAsB,gBAAGN,KAAK,CAACO,aAAa,CAAC;EACjDC,uBAAuB,EAAEJ,UAAU;EACnCK,sBAAsB,EAAE;AAC1B,CAAC,CAAC;AAEF,MAAMC,qBAAqB,GAAGA,CAAA,KAAMT,UAAU,CAACK,sBAAsB,CAAC;AAEtE,SAASK,8BAA8BA,CAAC;EACtCC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC;AACF,CAAC,EAAE;EACD,MAAMC,YAAY,GAAG,CAACD,YAAY,IAAIE,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC;EAC1D,MAAMT,uBAAuB,GAAIc,aAAa,KAAM;IAClD,GAAGA,aAAa;IAChBT,IAAI;IACJ;IACAC,MAAM,EAAEQ,aAAa,CAACR,MAAM,GAAGX,eAAe,CAACW,MAAM,EAAEQ,aAAa,CAACR,MAAM,CAAC,GAAGA,MAAM;IACrF;IACAC,OAAO,EAAEO,aAAa,CAACP,OAAO,GAAGZ,eAAe,CAACY,OAAO,EAAEO,aAAa,CAACP,OAAO,CAAC,GAAGA,OAAO;IAC1F;IACAC,QAAQ,EAAEM,aAAa,CAACN,QAAQ,GAAGb,eAAe,CAACa,QAAQ,EAAEM,aAAa,CAACN,QAAQ,CAAC,GAAGA,QAAQ;IAC/FO,OAAO,EAAEJ,YAAY,GAAGF,KAAK,CAACO,QAAQ,CAACF,aAAa,CAACL,KAAK,CAAC,GAAGQ,SAAS;IACvEC,cAAc,EAAEP,YAAY,GAAGM,SAAS,GAAIP,YAAY,IAAIA,YAAY,CAACM,QAAQ,CAACF,aAAa,CAACL,KAAK;EACvG,CAAC,CAAC;EACF,MAAMU,YAAY,GAAG;IACnBd,IAAI;IACJI,KAAK;IACLC,YAAY;IACZV,uBAAuB;IACvBM,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRP,sBAAsB,EAAE;EAC1B,CAAC;EACD,oBACET,KAAA,CAAA4B,aAAA,CAACtB,sBAAsB,CAACuB,QAAQ;IAACZ,KAAK,EAAEU;EAAa,GAClDf,QAC8B,CAAC;AAEtC;AAEAD,8BAA8B,CAACmB,SAAS,GAAG;EACzClB,QAAQ,EAAEV,SAAS,CAAC6B,IAAI,CAACC,UAAU;EACnCnB,IAAI,EAAEX,SAAS,CAAC+B,MAAM;EACtBnB,MAAM,EAAEZ,SAAS,CAACgC,IAAI;EACtBnB,OAAO,EAAEb,SAAS,CAACgC,IAAI;EACvBlB,QAAQ,EAAEd,SAAS,CAACgC,IAAI;EACxBjB,KAAK,EAAEf,SAAS,CAACiC,OAAO,CAACjC,SAAS,CAAC+B,MAAM,CAAC;EAC1Cf,YAAY,EAAEhB,SAAS,CAACiC,OAAO,CAACjC,SAAS,CAAC+B,MAAM;AAClD,CAAC;AAEDtB,8BAA8B,CAACyB,YAAY,GAAG;EAC5CtB,MAAM,EAAEW,SAAS;EACjBZ,IAAI,EAAEY,SAAS;EACfV,OAAO,EAAEU,SAAS;EAClBT,QAAQ,EAAES,SAAS;EACnBR,KAAK,EAAEQ,SAAS;EAChBP,YAAY,EAAEO;AAChB,CAAC;AAED,eAAenB,sBAAsB;AACrC,SACEI,qBAAqB,EACrBC,8BAA8B","ignoreList":[]}
|
package/dist/Form/FormControl.js
CHANGED
|
@@ -7,19 +7,18 @@ import { useFormGroupContext } from './FormGroupContext';
|
|
|
7
7
|
import FormControlFeedback from './FormControlFeedback';
|
|
8
8
|
import FormControlDecoratorGroup from './FormControlDecoratorGroup';
|
|
9
9
|
import { callAllHandlers, useHasValue } from './fieldUtils';
|
|
10
|
-
const FormControl = /*#__PURE__*/React.forwardRef((
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
} = _ref;
|
|
10
|
+
const FormControl = /*#__PURE__*/React.forwardRef(({
|
|
11
|
+
as,
|
|
12
|
+
className,
|
|
13
|
+
controlClassName,
|
|
14
|
+
leadingElement,
|
|
15
|
+
trailingElement,
|
|
16
|
+
floatingLabel,
|
|
17
|
+
autoResize,
|
|
18
|
+
onChange,
|
|
19
|
+
inputMask,
|
|
20
|
+
...props
|
|
21
|
+
}, ref) => {
|
|
23
22
|
const {
|
|
24
23
|
isInvalid,
|
|
25
24
|
isValid,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.js","names":["React","useCallback","useEffect","PropTypes","classNames","RBFormControl","IMaskInput","useFormGroupContext","FormControlFeedback","FormControlDecoratorGroup","callAllHandlers","useHasValue","FormControl","forwardRef","
|
|
1
|
+
{"version":3,"file":"FormControl.js","names":["React","useCallback","useEffect","PropTypes","classNames","RBFormControl","IMaskInput","useFormGroupContext","FormControlFeedback","FormControlDecoratorGroup","callAllHandlers","useHasValue","FormControl","forwardRef","as","className","controlClassName","leadingElement","trailingElement","floatingLabel","autoResize","onChange","inputMask","props","ref","isInvalid","isValid","getControlProps","formGroupContext","inputRef","useRef","resolvedRef","size","hasValue","checkInputEventValue","defaultValue","value","handleResize","current","initialHeight","offsets","offsetHeight","clientHeight","style","height","scrollHeight","controlProps","onBlur","handleOnChange","e","createElement","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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","ignoreList":[]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
function FormControlDecorator(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
} = _ref;
|
|
3
|
+
function FormControlDecorator({
|
|
4
|
+
children,
|
|
5
|
+
location
|
|
6
|
+
}) {
|
|
8
7
|
return /*#__PURE__*/React.createElement("div", {
|
|
9
8
|
className: `pgn__form-control-decorator pgn__form-control-decorator-${location}`
|
|
10
9
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlDecorator.js","names":["React","PropTypes","FormControlDecorator","
|
|
1
|
+
{"version":3,"file":"FormControlDecorator.js","names":["React","PropTypes","FormControlDecorator","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,CAAC;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAE;EACpD,oBACEJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,2DAA2DF,QAAQ;EAAG,GACnFD,QACE,CAAC;AAEV;AAEAD,oBAAoB,CAACK,SAAS,GAAG;EAC/BJ,QAAQ,EAAEF,SAAS,CAACO,IAAI,CAACC,UAAU;EACnCL,QAAQ,EAAEH,SAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC;AACnD,CAAC;AAEDR,oBAAoB,CAACS,YAAY,GAAG;EAClCP,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,oBAAoB","ignoreList":[]}
|
|
@@ -9,15 +9,14 @@ import FormControlDecorator from './FormControlDecorator';
|
|
|
9
9
|
/**
|
|
10
10
|
* Decorates a textual input.
|
|
11
11
|
*/
|
|
12
|
-
function FormControlDecoratorGroup(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
} = _ref;
|
|
12
|
+
function FormControlDecoratorGroup({
|
|
13
|
+
children,
|
|
14
|
+
leadingElement,
|
|
15
|
+
trailingElement,
|
|
16
|
+
floatingLabel,
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}) {
|
|
21
20
|
const formGroupContext = useFormGroupContext(props);
|
|
22
21
|
const size = props.size || formGroupContext.size;
|
|
23
22
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlDecoratorGroup.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormControlFloatingLabel","FormControlDecorator","FormControlDecoratorGroup","
|
|
1
|
+
{"version":3,"file":"FormControlDecoratorGroup.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormControlFloatingLabel","FormControlDecorator","FormControlDecoratorGroup","children","leadingElement","trailingElement","floatingLabel","className","props","formGroupContext","size","createElement","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,CAAC;EACjCC,QAAQ;EACRC,cAAc;EACdC,eAAe;EACfC,aAAa;EACbC,SAAS;EACT,GAAGC;AACL,CAAC,EAAE;EACD,MAAMC,gBAAgB,GAAGX,mBAAmB,CAACU,KAAK,CAAC;EACnD,MAAME,IAAI,GAAGF,KAAK,CAACE,IAAI,IAAID,gBAAgB,CAACC,IAAI;EAChD,oBACEf,KAAA,CAAAgB,aAAA;IACEJ,SAAS,EAAEV,UAAU,CACnB,mCAAmC,EACnC;MACE,oBAAoB,EAAE,CAAC,CAACO,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,EAAEI,IAAI,KAAKX,kBAAkB,CAACa,KAAK;MACzE,sCAAsC,EAAEF,IAAI,KAAKX,kBAAkB,CAACc;IACtE,CAAC,EACDN,SACF,CAAE;IAAA,GACEC;EAAK,GAERL,QAAQ,EACRC,cAAc,iBAAIT,KAAA,CAAAgB,aAAA,CAACV,oBAAoB;IAACa,QAAQ,EAAC;EAAS,GAAEV,cAAqC,CAAC,EAClGC,eAAe,iBAAIV,KAAA,CAAAgB,aAAA,CAACV,oBAAoB;IAACa,QAAQ,EAAC;EAAU,GAAET,eAAsC,CAAC,EACrGC,aAAa,iBAAIX,KAAA,CAAAgB,aAAA,CAACX,wBAAwB,QAAEM,aAAwC,CAClF,CAAC;AAEV;AAEAJ,yBAAyB,CAACa,SAAS,GAAG;EACpCZ,QAAQ,EAAEP,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnCb,cAAc,EAAER,SAAS,CAACoB,IAAI;EAC9BX,eAAe,EAAET,SAAS,CAACoB,IAAI;EAC/BV,aAAa,EAAEV,SAAS,CAACoB,IAAI;EAC7BT,SAAS,EAAEX,SAAS,CAACsB,MAAM;EAC3BR,IAAI,EAAEd,SAAS,CAACuB,KAAK,CAAC,CACpBpB,kBAAkB,CAACc,KAAK,EACxBd,kBAAkB,CAACa,KAAK,CACzB;AACH,CAAC;AACDV,yBAAyB,CAACkB,YAAY,GAAG;EACvChB,cAAc,EAAEiB,SAAS;EACzBhB,eAAe,EAAEgB,SAAS;EAC1Bf,aAAa,EAAEe,SAAS;EACxBd,SAAS,EAAEc,SAAS;EACpBX,IAAI,EAAEW;AACR,CAAC;AAED,eAAenB,yBAAyB","ignoreList":[]}
|
|
@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { useFormGroupContext } from './FormGroupContext';
|
|
5
5
|
import FormText, { resolveTextType } from './FormText';
|
|
6
|
-
function FormControlFeedback(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} = _ref;
|
|
6
|
+
function FormControlFeedback({
|
|
7
|
+
children,
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
11
10
|
const {
|
|
12
11
|
getDescriptorProps,
|
|
13
12
|
isInvalid,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlFeedback.js","names":["React","PropTypes","classNames","useFormGroupContext","FormText","resolveTextType","FormControlFeedback","
|
|
1
|
+
{"version":3,"file":"FormControlFeedback.js","names":["React","PropTypes","classNames","useFormGroupContext","FormText","resolveTextType","FormControlFeedback","children","props","getDescriptorProps","isInvalid","isValid","descriptorProps","className","textType","type","createElement","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,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAE;EACnD,MAAM;IAAEC,kBAAkB;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGR,mBAAmB,CAAC,CAAC;EACxE,MAAMS,eAAe,GAAGH,kBAAkB,CAACD,KAAK,CAAC;EACjD,MAAMK,SAAS,GAAGX,UAAU,CAAC,+BAA+B,EAAEM,KAAK,CAACK,SAAS,CAAC;EAC9E,MAAMC,QAAQ,GAAGN,KAAK,CAACO,IAAI,IAAIV,eAAe,CAAC;IAAEK,SAAS;IAAEC;EAAQ,CAAC,CAAC;EACtE,oBACEX,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;IAAA,GACHQ,eAAe;IACnBC,SAAS,EAAEA,SAAU;IACrBE,IAAI,EAAED;EAAS,GAEdP,QACO,CAAC;AAEf;AAEA,MAAMU,cAAc,GAAG,CACrB,SAAS,EACT,OAAO,EACP,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,CACnB;AAEDX,mBAAmB,CAACY,SAAS,GAAG;EAC9B;EACAX,QAAQ,EAAEN,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAP,SAAS,EAAEZ,SAAS,CAACoB,MAAM;EAC3B;EACAC,OAAO,EAAErB,SAAS,CAACsB,IAAI;EACvB;EACAR,IAAI,EAAEd,SAAS,CAACuB,KAAK,CAACP,cAAc,CAAC;EACrC;EACAQ,IAAI,EAAExB,SAAS,CAACkB,IAAI;EACpB;EACAO,KAAK,EAAEzB,SAAS,CAACsB;AACnB,CAAC;AAEDjB,mBAAmB,CAACqB,YAAY,GAAG;EACjCL,OAAO,EAAE,IAAI;EACbP,IAAI,EAAEa,SAAS;EACfH,IAAI,EAAEG,SAAS;EACff,SAAS,EAAEe,SAAS;EACpBF,KAAK,EAAE;AACT,CAAC;AAED,eAAepB,mBAAmB","ignoreList":[]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { useFormGroupContext } from './FormGroupContext';
|
|
4
|
-
function FormControlFloatingLabel(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
} = _ref;
|
|
4
|
+
function FormControlFloatingLabel({
|
|
5
|
+
children
|
|
6
|
+
}) {
|
|
8
7
|
const {
|
|
9
8
|
controlId
|
|
10
9
|
} = useFormGroupContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlFloatingLabel.js","names":["React","PropTypes","useFormGroupContext","FormControlFloatingLabel","
|
|
1
|
+
{"version":3,"file":"FormControlFloatingLabel.js","names":["React","PropTypes","useFormGroupContext","FormControlFloatingLabel","children","controlId","createElement","className","htmlFor","propTypes","node","isRequired"],"sources":["../../src/Form/FormControlFloatingLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFormGroupContext } from './FormGroupContext';\n\nfunction FormControlFloatingLabel({ children }) {\n const { controlId } = useFormGroupContext();\n return (\n <div className=\"pgn__form-control-floating-label\">\n <div className=\"pgn__form-control-floating-label-content\">\n <label\n className=\"pgn__form-control-floating-label-text\"\n htmlFor={controlId}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n\nFormControlFloatingLabel.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default FormControlFloatingLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,SAASC,wBAAwBA,CAAC;EAAEC;AAAS,CAAC,EAAE;EAC9C,MAAM;IAAEC;EAAU,CAAC,GAAGH,mBAAmB,CAAC,CAAC;EAC3C,oBACEF,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/CP,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDP,KAAA,CAAAM,aAAA;IACEC,SAAS,EAAC,uCAAuC;IACjDC,OAAO,EAAEH;EAAU,GAElBD,QACI,CACJ,CACF,CAAC;AAEV;AAEAD,wBAAwB,CAACM,SAAS,GAAG;EACnCL,QAAQ,EAAEH,SAAS,CAACS,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeR,wBAAwB","ignoreList":[]}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
function FormControlSet(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
} = _ref;
|
|
4
|
+
function FormControlSet({
|
|
5
|
+
as,
|
|
6
|
+
className,
|
|
7
|
+
isInline,
|
|
8
|
+
children,
|
|
9
|
+
...props
|
|
10
|
+
}) {
|
|
12
11
|
return /*#__PURE__*/React.createElement(as, {
|
|
13
12
|
className: classNames(className, {
|
|
14
13
|
'pgn__form-control-set': !isInline,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlSet.js","names":["React","PropTypes","classNames","FormControlSet","
|
|
1
|
+
{"version":3,"file":"FormControlSet.js","names":["React","PropTypes","classNames","FormControlSet","as","className","isInline","children","props","createElement","propTypes","elementType","string","bool","node","defaultProps","undefined"],"sources":["../../src/Form/FormControlSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction FormControlSet({\n as,\n className,\n isInline,\n children,\n ...props\n}) {\n return React.createElement(as, {\n className: classNames(\n className,\n {\n 'pgn__form-control-set': !isInline,\n 'pgn__form-control-set-inline': isInline,\n },\n ),\n ...props,\n }, children);\n}\n\nFormControlSet.propTypes = {\n /** Specifies the base element */\n as: PropTypes.elementType,\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies whether the component should be displayed with inline styling. */\n isInline: PropTypes.bool,\n /** Specifies contents of the component. */\n children: PropTypes.node,\n};\n\nFormControlSet.defaultProps = {\n as: 'div',\n className: undefined,\n isInline: false,\n children: null,\n};\n\nexport default FormControlSet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAcA,CAAC;EACtBC,EAAE;EACFC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,oBAAOR,KAAK,CAACS,aAAa,CAACL,EAAE,EAAE;IAC7BC,SAAS,EAAEH,UAAU,CACnBG,SAAS,EACT;MACE,uBAAuB,EAAE,CAACC,QAAQ;MAClC,8BAA8B,EAAEA;IAClC,CACF,CAAC;IACD,GAAGE;EACL,CAAC,EAAED,QAAQ,CAAC;AACd;AAEAJ,cAAc,CAACO,SAAS,GAAG;EACzB;EACAN,EAAE,EAAEH,SAAS,CAACU,WAAW;EACzB;EACAN,SAAS,EAAEJ,SAAS,CAACW,MAAM;EAC3B;EACAN,QAAQ,EAAEL,SAAS,CAACY,IAAI;EACxB;EACAN,QAAQ,EAAEN,SAAS,CAACa;AACtB,CAAC;AAEDX,cAAc,CAACY,YAAY,GAAG;EAC5BX,EAAE,EAAE,KAAK;EACTC,SAAS,EAAEW,SAAS;EACpBV,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeJ,cAAc","ignoreList":[]}
|
package/dist/Form/FormGroup.js
CHANGED
|
@@ -2,16 +2,15 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { FormGroupContextProvider } from './FormGroupContext';
|
|
5
|
-
function FormGroup(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
} = _ref;
|
|
5
|
+
function FormGroup({
|
|
6
|
+
children,
|
|
7
|
+
controlId,
|
|
8
|
+
isInvalid = false,
|
|
9
|
+
isValid = false,
|
|
10
|
+
size,
|
|
11
|
+
as,
|
|
12
|
+
...props
|
|
13
|
+
}) {
|
|
15
14
|
return /*#__PURE__*/React.createElement(as ?? 'div', {
|
|
16
15
|
...props,
|
|
17
16
|
className: classNames('pgn__form-group', props.className)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","
|
|
1
|
+
{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","children","controlId","isInvalid","isValid","size","as","props","createElement","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf"],"sources":["../../src/Form/FormGroup.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\ninterface Props<As extends React.ElementType> {\n /** Specifies contents of the component. */\n children: React.ReactNode;\n /** Specifies class name to append to the base element. */\n className?: string;\n /** Specifies base element for the component. */\n as?: As;\n /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n * Will be autogenerated if none is supplied. */\n controlId?: string;\n /** Specifies whether to display components in invalid state, this affects styling. */\n isInvalid?: boolean;\n /** Specifies whether to display components in valid state, this affects styling. */\n isValid?: boolean;\n /** Specifies size for the component. */\n size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;\n}\n\nfunction FormGroup<As extends React.ElementType = 'div'>({\n children,\n controlId,\n isInvalid = false,\n isValid = false,\n size,\n as,\n ...props\n}: Props<As> & React.ComponentPropsWithoutRef<As>) {\n return React.createElement(\n as ?? 'div',\n {\n ...props,\n className: classNames('pgn__form-group', props.className),\n }, (\n <FormGroupContextProvider\n controlId={controlId}\n isInvalid={isInvalid}\n isValid={isValid}\n size={size}\n >\n {children}\n </FormGroupContextProvider>\n ),\n );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.propTypes = {\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies base element for the component. */\n as: PropTypes.elementType,\n /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n * Will be autogenerated if none is supplied. */\n controlId: PropTypes.string,\n /** Specifies whether to display components in invalid state, this affects styling. */\n isInvalid: PropTypes.bool,\n /** Specifies whether to display components in valid state, this affects styling. */\n isValid: PropTypes.bool,\n /** Specifies size for the component. */\n size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nexport default FormGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAqB7D,SAASC,SAASA,CAAuC;EACvDC,QAAQ;EACRC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,OAAO,GAAG,KAAK;EACfC,IAAI;EACJC,EAAE;EACF,GAAGC;AAC2C,CAAC,EAAE;EACjD,oBAAOX,KAAK,CAACY,aAAa,CACxBF,EAAE,IAAI,KAAK,EACX;IACE,GAAGC,KAAK;IACRE,SAAS,EAAEX,UAAU,CAAC,iBAAiB,EAAES,KAAK,CAACE,SAAS;EAC1D,CAAC,eACCb,KAAA,CAAAY,aAAA,CAACT,wBAAwB;IACvBG,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,MAAMS,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCV,SAAS,CAACW,SAAS,GAAG;EACpB;EACAV,QAAQ,EAAEJ,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEZ,SAAS,CAACiB,MAAM;EAC3B;EACAR,EAAE,EAAET,SAAS,CAACkB,WAAW;EACzB;AACF;EACEb,SAAS,EAAEL,SAAS,CAACiB,MAAM;EAC3B;EACAX,SAAS,EAAEN,SAAS,CAACmB,IAAI;EACzB;EACAZ,OAAO,EAAEP,SAAS,CAACmB,IAAI;EACvB;EACAX,IAAI,EAAER,SAAS,CAACoB,KAAK,CAACP,YAAY;AACpC,CAAC;AAED,eAAeV,SAAS","ignoreList":[]}
|
|
@@ -19,14 +19,13 @@ function useStateEffect(initialState) {
|
|
|
19
19
|
};
|
|
20
20
|
return [state, useSetStateEffect];
|
|
21
21
|
}
|
|
22
|
-
function FormGroupContextProvider(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
} = _ref;
|
|
22
|
+
function FormGroupContextProvider({
|
|
23
|
+
children,
|
|
24
|
+
controlId: explicitControlId,
|
|
25
|
+
isInvalid,
|
|
26
|
+
isValid,
|
|
27
|
+
size
|
|
28
|
+
}) {
|
|
30
29
|
const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);
|
|
31
30
|
const [describedByIds, registerDescriptorId] = useIdList(controlId);
|
|
32
31
|
const [labelledByIds, registerLabelerId] = useIdList(controlId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","classNames","newId","useIdList","omitUndefinedProperties","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","state","setState","useSetStateEffect","newState","FormGroupContextProvider","
|
|
1
|
+
{"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","classNames","newId","useIdList","omitUndefinedProperties","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","state","setState","useSetStateEffect","newState","FormGroupContextProvider","children","controlId","explicitControlId","isInvalid","isValid","size","describedByIds","registerDescriptorId","labelledByIds","registerLabelerId","isControlGroup","controlProps","labelledByIdsForControl","undefined","id","labelProps","htmlFor","descriptorProps","contextValue","createElement","Provider","value"],"sources":["../../src/Form/FormGroupContext.tsx"],"sourcesContent":["import React, {\n useState, useEffect, useMemo, useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport { newId } from '../utils';\nimport { useIdList, omitUndefinedProperties } from './fieldUtils';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nconst identityFn = (props: Record<string, any>) => props;\nconst noop = () => {};\n\ninterface FormGroupContextData {\n getControlProps: (props: Record<string, any>) => Record<string, any>;\n getLabelProps: (props: React.ComponentPropsWithoutRef<'label'>) => React.ComponentPropsWithoutRef<'label'>;\n getDescriptorProps: (props: Record<string, any>) => Record<string, any>;\n useSetIsControlGroupEffect: (isControlGroup: boolean) => void;\n isControlGroup?: boolean;\n controlId?: string;\n isInvalid?: boolean;\n isValid?: boolean;\n size?: string;\n hasFormGroupProvider?: boolean;\n}\n\nconst FormGroupContext = React.createContext<FormGroupContextData>({\n getControlProps: identityFn,\n useSetIsControlGroupEffect: noop,\n getLabelProps: identityFn,\n getDescriptorProps: identityFn,\n hasFormGroupProvider: false,\n});\n\nconst useFormGroupContext = () => React.useContext(FormGroupContext);\n\nfunction useStateEffect<ValueType extends any>(\n initialState: ValueType,\n): [value: ValueType, setter: (v: ValueType) => void] {\n const [state, setState] = useState(initialState);\n const useSetStateEffect = (newState: ValueType) => {\n useEffect(() => setState(newState), [newState]);\n };\n return [state, useSetStateEffect];\n}\n\nfunction FormGroupContextProvider({\n children,\n controlId: explicitControlId,\n isInvalid,\n isValid,\n size,\n}: {\n children: React.ReactNode;\n controlId?: string;\n isInvalid?: boolean;\n isValid?: boolean;\n size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;\n}) {\n const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);\n const [describedByIds, registerDescriptorId] = useIdList(controlId);\n const [labelledByIds, registerLabelerId] = useIdList(controlId);\n const [isControlGroup, useSetIsControlGroupEffect] = useStateEffect(false);\n\n const getControlProps = useCallback((controlProps: Record<string, any>) => {\n // labelledByIds from the list above should only be added to a control\n // if it the control is a group. We prefer adding a condition here because:\n // - Hooks cannot be called inside conditionals\n // - The getLabelProps function below is forced to generate an id\n // whether it is needed or not.\n // - This is what allows consumers of Paragon to use <Form.Label>\n // interchangeably between ControlGroup type controls and regular Controls\n const labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;\n return omitUndefinedProperties({\n ...controlProps,\n 'aria-describedby': classNames(controlProps['aria-describedby'], describedByIds) || undefined,\n 'aria-labelledby': classNames(controlProps['aria-labelledby'], labelledByIdsForControl) || undefined,\n id: controlId,\n });\n }, [\n isControlGroup,\n describedByIds,\n labelledByIds,\n controlId,\n ]);\n\n const getLabelProps = (labelProps: React.ComponentPropsWithoutRef<'label'>) => {\n const id = registerLabelerId(labelProps?.id);\n if (isControlGroup) {\n return { ...labelProps, id };\n }\n return { ...labelProps, htmlFor: controlId };\n };\n\n const getDescriptorProps = (descriptorProps: Record<string, any>) => {\n const id = registerDescriptorId(descriptorProps?.id);\n return { ...descriptorProps, id };\n };\n\n const contextValue: FormGroupContextData = {\n getControlProps,\n getLabelProps,\n getDescriptorProps,\n useSetIsControlGroupEffect,\n isControlGroup,\n controlId,\n isInvalid,\n isValid,\n size,\n hasFormGroupProvider: true,\n };\n\n return (\n <FormGroupContext.Provider value={contextValue}>\n {children}\n </FormGroupContext.Provider>\n );\n}\n\nexport {\n FormGroupContext,\n FormGroupContextProvider,\n useFormGroupContext,\n};\n"],"mappings":"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","ignoreList":[]}
|
package/dist/Form/FormLabel.d.ts
CHANGED
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
interface Props {
|
|
4
3
|
/** Specifies contents of the component. */
|
|
5
4
|
children: React.ReactNode;
|
|
6
5
|
/** Specifies whether the component should be displayed with inline styling. */
|
|
7
6
|
isInline?: boolean;
|
|
7
|
+
/** Specifies an additional `className` to add to the base element. */
|
|
8
|
+
className?: string;
|
|
8
9
|
}
|
|
9
10
|
declare function FormLabel({ children, isInline, ...props }: Props & React.ComponentPropsWithoutRef<'label'>): React.ReactElement<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, string | React.JSXElementConstructor<any>>;
|
|
10
|
-
declare namespace FormLabel {
|
|
11
|
-
var propTypes: {
|
|
12
|
-
/** Specifies class name to append to the base element. */
|
|
13
|
-
className: PropTypes.Requireable<string>;
|
|
14
|
-
/** Specifies contents of the component. */
|
|
15
|
-
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
16
|
-
/** Specifies whether the component should be displayed with inline styling. */
|
|
17
|
-
isInline: PropTypes.Requireable<boolean>;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
11
|
export default FormLabel;
|
package/dist/Form/FormLabel.js
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import classNames from 'classnames';
|
|
4
3
|
import { useFormGroupContext } from './FormGroupContext';
|
|
5
4
|
import { FORM_CONTROL_SIZES } from './constants';
|
|
6
|
-
function FormLabel(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
} = _ref;
|
|
5
|
+
function FormLabel({
|
|
6
|
+
children,
|
|
7
|
+
isInline = false,
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
12
10
|
const {
|
|
13
11
|
size,
|
|
14
12
|
isControlGroup,
|
|
@@ -26,13 +24,5 @@ function FormLabel(_ref) {
|
|
|
26
24
|
const componentType = isControlGroup ? 'p' : 'label';
|
|
27
25
|
return /*#__PURE__*/React.createElement(componentType, labelProps, children);
|
|
28
26
|
}
|
|
29
|
-
FormLabel.propTypes = {
|
|
30
|
-
/** Specifies class name to append to the base element. */
|
|
31
|
-
className: PropTypes.string,
|
|
32
|
-
/** Specifies contents of the component. */
|
|
33
|
-
children: PropTypes.node.isRequired,
|
|
34
|
-
/** Specifies whether the component should be displayed with inline styling. */
|
|
35
|
-
isInline: PropTypes.bool
|
|
36
|
-
};
|
|
37
27
|
export default FormLabel;
|
|
38
28
|
//# sourceMappingURL=FormLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.js","names":["React","
|
|
1
|
+
{"version":3,"file":"FormLabel.js","names":["React","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormLabel","children","isInline","props","size","isControlGroup","getLabelProps","className","LARGE","SMALL","labelProps","componentType","createElement"],"sources":["../../src/Form/FormLabel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\ninterface Props {\n /** Specifies contents of the component. */\n children: React.ReactNode;\n /** Specifies whether the component should be displayed with inline styling. */\n isInline?: boolean;\n /** Specifies an additional `className` to add to the base element. */\n className?: string;\n}\n\nfunction FormLabel({ children, isInline = false, ...props }: Props & React.ComponentPropsWithoutRef<'label'>) {\n const { size, isControlGroup, getLabelProps } = useFormGroupContext();\n const className = classNames(\n 'pgn__form-label',\n {\n 'pgn__form-label-inline': isInline,\n 'pgn__form-label-lg': size === FORM_CONTROL_SIZES.LARGE,\n 'pgn__form-label-sm': size === FORM_CONTROL_SIZES.SMALL,\n },\n props.className,\n );\n const labelProps = getLabelProps({ ...props, className });\n const componentType = isControlGroup ? 'p' : 'label';\n return React.createElement(componentType, labelProps, children);\n}\n\nexport default FormLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAWhD,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,KAAK;EAAE,GAAGC;AAAuD,CAAC,EAAE;EAC5G,MAAM;IAAEC,IAAI;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAGR,mBAAmB,CAAC,CAAC;EACrE,MAAMS,SAAS,GAAGV,UAAU,CAC1B,iBAAiB,EACjB;IACE,wBAAwB,EAAEK,QAAQ;IAClC,oBAAoB,EAAEE,IAAI,KAAKL,kBAAkB,CAACS,KAAK;IACvD,oBAAoB,EAAEJ,IAAI,KAAKL,kBAAkB,CAACU;EACpD,CAAC,EACDN,KAAK,CAACI,SACR,CAAC;EACD,MAAMG,UAAU,GAAGJ,aAAa,CAAC;IAAE,GAAGH,KAAK;IAAEI;EAAU,CAAC,CAAC;EACzD,MAAMI,aAAa,GAAGN,cAAc,GAAG,GAAG,GAAG,OAAO;EACpD,oBAAOT,KAAK,CAACgB,aAAa,CAACD,aAAa,EAAED,UAAU,EAAET,QAAQ,CAAC;AACjE;AAEA,eAAeD,SAAS","ignoreList":[]}
|