@openedx/paragon 21.7.0 → 22.0.0-alpha.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -5
- package/bin/paragon-scripts.js +128 -10
- package/dist/ActionRow/_index.scss +2 -4
- package/dist/Alert/index.scss +41 -32
- package/dist/Annotation/_mixins.scss +104 -0
- package/dist/Annotation/index.scss +130 -103
- package/dist/Avatar/index.scss +18 -20
- package/dist/AvatarButton/index.scss +3 -5
- package/dist/Badge/index.scss +112 -2
- package/dist/Breadcrumb/index.scss +14 -16
- package/dist/Bubble/index.scss +25 -12
- package/dist/Button/_mixins.scss +14 -0
- package/dist/Button/button-group.scss +126 -0
- package/dist/Button/index.js +0 -2
- package/dist/Button/index.js.map +1 -1
- package/dist/Button/index.scss +855 -358
- package/dist/Card/card-bootstrap.scss +168 -0
- package/dist/Card/index.scss +78 -79
- package/dist/Carousel/index.scss +168 -2
- package/dist/Chip/index.scss +36 -34
- package/dist/ChipCarousel/index.scss +1 -3
- package/dist/CloseButton/index.scss +31 -2
- package/dist/Code/index.scss +47 -2
- package/dist/Collapsible/index.scss +15 -15
- package/dist/ColorPicker/index.scss +9 -11
- package/dist/DataTable/CollapsibleButtonGroup.js +2 -2
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +2 -3
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/index.scss +48 -50
- package/dist/Dropdown/dropdown-bootstrap.scss +181 -0
- package/dist/Dropdown/index.js +0 -2
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropdown/index.scss +11 -12
- package/dist/Dropzone/index.scss +12 -14
- package/dist/Form/_FormText.scss +8 -8
- package/dist/Form/_bootstrap-custom-forms.scss +551 -0
- package/dist/Form/_bootstrap-forms.scss +381 -0
- package/dist/Form/_index.scss +165 -143
- package/dist/Form/_input-group.scss +188 -0
- package/dist/Form/_mixins.scss +216 -3
- package/dist/Hyperlink/index.scss +1 -1
- package/dist/Icon/index.scss +10 -12
- package/dist/IconButton/_mixins.scss +4 -0
- package/dist/IconButton/index.js +5 -11
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButton/index.scss +387 -74
- package/dist/IconButtonToggle/index.scss +1 -1
- package/dist/Image/index.scss +53 -2
- package/dist/Menu/index.scss +25 -27
- package/dist/Modal/_ModalDialog.scss +51 -49
- package/dist/Modal/index.scss +6 -73
- package/dist/Nav/_mixins.scss +4 -4
- package/dist/Nav/index.scss +70 -66
- package/dist/Navbar/index.scss +276 -2
- package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/dist/Overlay/index.js +2 -3
- package/dist/Overlay/index.js.map +1 -1
- package/dist/PageBanner/index.scss +17 -21
- package/dist/Pagination/index.scss +51 -46
- package/dist/Pagination/pagination-bootstrap.scss +83 -0
- package/dist/Popover/index.scss +9 -10
- package/dist/Popover/popover-bootstrap.scss +198 -0
- package/dist/ProductTour/Checkpoint.scss +71 -43
- package/dist/ProgressBar/_mixins.scss +22 -0
- package/dist/ProgressBar/bootstrap-progress.scss +49 -0
- package/dist/ProgressBar/index.scss +28 -36
- package/dist/Scrollable/index.scss +2 -2
- package/dist/SearchField/SearchFieldInput.js +2 -2
- package/dist/SearchField/SearchFieldInput.js.map +1 -1
- package/dist/SearchField/index.scss +19 -21
- package/dist/SelectableBox/index.scss +11 -13
- package/dist/Sheet/index.scss +10 -10
- package/dist/Spinner/index.scss +57 -2
- package/dist/Stack/index.scss +1 -3
- package/dist/Stepper/index.scss +19 -20
- package/dist/Sticky/index.scss +4 -6
- package/dist/Tabs/index.js +0 -2
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tabs/index.scss +23 -30
- package/dist/Toast/ToastContainer.scss +9 -11
- package/dist/Toast/bootstrap-toast.scss +46 -0
- package/dist/Toast/index.scss +9 -10
- package/dist/Tooltip/index.scss +136 -10
- package/dist/ValidationMessage/index.scss +1 -1
- package/dist/core.css +16706 -0
- package/dist/core.css.map +1 -0
- package/dist/core.min.css +2 -0
- package/dist/index.js +0 -14
- package/dist/index.scss +0 -4
- package/dist/light.css +4083 -0
- package/dist/light.css.map +1 -0
- package/dist/light.min.css +2 -0
- package/dist/theme-urls.json +21 -0
- package/dist/utils/breakpoints.js +1 -1
- package/lib/build-scss.js +188 -0
- package/lib/build-tokens.js +119 -0
- package/lib/help.js +36 -23
- package/lib/replace-variables.js +38 -0
- package/lib/utils.js +9 -0
- package/package.json +25 -11
- package/src/ActionRow/_index.scss +2 -4
- package/src/Alert/index.scss +41 -32
- package/src/Annotation/_mixins.scss +104 -0
- package/src/Annotation/index.scss +130 -103
- package/src/Avatar/index.scss +18 -20
- package/src/AvatarButton/index.scss +3 -5
- package/src/Badge/index.scss +112 -2
- package/src/Breadcrumb/index.scss +14 -16
- package/src/Bubble/index.scss +25 -12
- package/src/Button/README.md +0 -54
- package/src/Button/_mixins.scss +14 -0
- package/src/Button/button-group.scss +126 -0
- package/src/Button/index.jsx +0 -3
- package/src/Button/index.scss +855 -358
- package/src/Card/card-bootstrap.scss +168 -0
- package/src/Card/index.scss +78 -79
- package/src/Carousel/index.scss +168 -2
- package/src/Chip/index.scss +36 -34
- package/src/ChipCarousel/index.scss +1 -3
- package/src/CloseButton/index.scss +31 -2
- package/src/Code/index.scss +47 -2
- package/src/Collapsible/index.scss +15 -15
- package/src/ColorPicker/index.scss +9 -11
- package/src/DataTable/CollapsibleButtonGroup.jsx +2 -2
- package/src/DataTable/filters/TextFilter.jsx +2 -3
- package/src/DataTable/index.scss +48 -50
- package/src/Dropdown/README.md +0 -93
- package/src/Dropdown/dropdown-bootstrap.scss +181 -0
- package/src/Dropdown/index.jsx +0 -2
- package/src/Dropdown/index.scss +11 -12
- package/src/Dropzone/index.scss +12 -14
- package/src/Form/_FormText.scss +8 -8
- package/src/Form/_bootstrap-custom-forms.scss +551 -0
- package/src/Form/_bootstrap-forms.scss +381 -0
- package/src/Form/_index.scss +165 -143
- package/src/Form/_input-group.scss +188 -0
- package/src/Form/_mixins.scss +216 -3
- package/src/Hyperlink/index.scss +1 -1
- package/src/Icon/index.scss +10 -12
- package/src/IconButton/README.md +1 -15
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +5 -26
- package/src/IconButton/_mixins.scss +4 -0
- package/src/IconButton/index.jsx +6 -13
- package/src/IconButton/index.scss +387 -74
- package/src/IconButtonToggle/index.scss +1 -1
- package/src/Image/index.scss +53 -2
- package/src/Menu/index.scss +25 -27
- package/src/Modal/_ModalDialog.scss +51 -49
- package/src/Modal/index.scss +6 -73
- package/src/Nav/_mixins.scss +4 -4
- package/src/Nav/index.scss +70 -66
- package/src/Navbar/index.scss +276 -2
- package/src/OverflowScroll/data/useOverflowScrollElementAttributes.js +3 -3
- package/src/Overlay/index.jsx +2 -3
- package/src/PageBanner/index.scss +17 -21
- package/src/Pagination/index.scss +51 -46
- package/src/Pagination/pagination-bootstrap.scss +83 -0
- package/src/Popover/index.scss +9 -10
- package/src/Popover/popover-bootstrap.scss +198 -0
- package/src/ProductTour/Checkpoint.scss +71 -43
- package/src/ProgressBar/_mixins.scss +22 -0
- package/src/ProgressBar/bootstrap-progress.scss +49 -0
- package/src/ProgressBar/index.scss +28 -36
- package/src/Scrollable/index.scss +2 -2
- package/src/SearchField/SearchFieldInput.jsx +2 -2
- package/src/SearchField/__snapshots__/SearchField.test.jsx.snap +12 -8
- package/src/SearchField/index.scss +19 -21
- package/src/SelectableBox/index.scss +11 -13
- package/src/Sheet/index.scss +10 -10
- package/src/Spinner/index.scss +57 -2
- package/src/Stack/index.scss +1 -3
- package/src/Stepper/index.scss +19 -20
- package/src/Sticky/index.scss +4 -6
- package/src/Tabs/README.md +1 -25
- package/src/Tabs/index.jsx +0 -3
- package/src/Tabs/index.scss +23 -30
- package/src/Toast/ToastContainer.scss +9 -11
- package/src/Toast/bootstrap-toast.scss +46 -0
- package/src/Toast/index.scss +9 -10
- package/src/Tooltip/index.scss +136 -10
- package/src/TransitionReplace/README.md +4 -4
- package/src/ValidationMessage/index.scss +1 -1
- package/src/index.js +0 -14
- package/src/index.scss +0 -4
- package/src/utils/breakpoints.js +1 -1
- package/styles/css/core/custom-media-breakpoints.css +17 -0
- package/styles/css/core/index.css +2 -0
- package/styles/css/core/variables.css +608 -0
- package/styles/css/themes/light/index.css +2 -0
- package/styles/css/themes/light/utility-classes.css +2454 -0
- package/styles/css/themes/light/variables.css +1629 -0
- package/{scss → styles/scss}/core/_functions.scss +1 -1
- package/styles/scss/core/_grid.scss +21 -0
- package/{scss → styles/scss}/core/_utilities.scss +17 -11
- package/styles/scss/core/_variables.scss +869 -0
- package/styles/scss/core/bootstrap-override/_functions.scss +104 -0
- package/styles/scss/core/bootstrap-override/_mixins.scss +4 -0
- package/styles/scss/core/bootstrap-override/_utilities.scss +4 -0
- package/styles/scss/core/bootstrap-override/bootstrap.scss +2 -0
- package/styles/scss/core/bootstrap-override/mixins/_grid-framework.scss +80 -0
- package/styles/scss/core/bootstrap-override/mixins/_grid.scss +69 -0
- package/styles/scss/core/bootstrap-override/mixins/_list-group.scss +22 -0
- package/styles/scss/core/bootstrap-override/utilities/_background.scss +7 -0
- package/styles/scss/core/bootstrap-override/utilities/_borders.scss +67 -0
- package/styles/scss/core/bootstrap-override/utilities/_spacing.scss +70 -0
- package/styles/scss/core/bootstrap-override/utilities/_text.scss +68 -0
- package/styles/scss/core/core.scss +20 -0
- package/{scss → styles/scss}/core/utilities-only.scss +1 -0
- package/tokens/README.md +158 -0
- package/tokens/css-utilities.js +56 -0
- package/tokens/map-scss-to-css.js +24 -0
- package/tokens/replace-variables.js +32 -0
- package/tokens/sass-helpers.js +98 -0
- package/tokens/src/core/alias/size.json +15 -0
- package/tokens/src/core/components/ActionRow.json +10 -0
- package/tokens/src/core/components/Alert.json +30 -0
- package/tokens/src/core/components/Annotation.json +25 -0
- package/tokens/src/core/components/Avatar.json +17 -0
- package/tokens/src/core/components/AvatarButton.json +11 -0
- package/tokens/src/core/components/Badge.json +33 -0
- package/tokens/src/core/components/Breadcrumb.json +37 -0
- package/tokens/src/core/components/Bubble.json +10 -0
- package/tokens/src/core/components/Button/core.json +101 -0
- package/tokens/src/core/components/Card.json +91 -0
- package/tokens/src/core/components/Carousel.json +37 -0
- package/tokens/src/core/components/Chip.json +19 -0
- package/tokens/src/core/components/ChipCarousel.json +9 -0
- package/tokens/src/core/components/CloseButton.json +14 -0
- package/tokens/src/core/components/Code.json +34 -0
- package/tokens/src/core/components/Collapsible.json +29 -0
- package/tokens/src/core/components/ColorPicker.json +8 -0
- package/tokens/src/core/components/Container.json +13 -0
- package/tokens/src/core/components/DataTable.json +27 -0
- package/tokens/src/core/components/Dropdown.json +67 -0
- package/tokens/src/core/components/Dropzone.json +25 -0
- package/tokens/src/core/components/Form/other.json +14 -0
- package/tokens/src/core/components/Form/size.json +233 -0
- package/tokens/src/core/components/Form/spacing.json +155 -0
- package/tokens/src/core/components/Form/transition.json +16 -0
- package/tokens/src/core/components/Form/typography.json +122 -0
- package/tokens/src/core/components/Icon.json +11 -0
- package/tokens/src/core/components/IconButton.json +15 -0
- package/tokens/src/core/components/Image.json +28 -0
- package/tokens/src/core/components/Menu.json +48 -0
- package/tokens/src/core/components/Modal.json +47 -0
- package/tokens/src/core/components/Nav.json +55 -0
- package/tokens/src/core/components/Navbar.json +70 -0
- package/tokens/src/core/components/Pagination.json +70 -0
- package/tokens/src/core/components/Popover.json +48 -0
- package/tokens/src/core/components/ProductTour.json +37 -0
- package/tokens/src/core/components/ProgressBar.json +44 -0
- package/tokens/src/core/components/SearchField.json +23 -0
- package/tokens/src/core/components/SelectableBox.json +9 -0
- package/tokens/src/core/components/Sheet.json +10 -0
- package/tokens/src/core/components/Spinner.json +19 -0
- package/tokens/src/core/components/Stack.json +7 -0
- package/tokens/src/core/components/Stepper.json +42 -0
- package/tokens/src/core/components/Sticky.json +7 -0
- package/tokens/src/core/components/Tab.json +18 -0
- package/tokens/src/core/components/Tabs.json +19 -0
- package/tokens/src/core/components/Toast.json +30 -0
- package/tokens/src/core/components/Tooltip.json +33 -0
- package/tokens/src/core/components/general/caret.json +13 -0
- package/tokens/src/core/components/general/headings.json +16 -0
- package/tokens/src/core/components/general/hr.json +10 -0
- package/tokens/src/core/components/general/input.json +51 -0
- package/tokens/src/core/components/general/link.json +30 -0
- package/tokens/src/core/components/general/list.json +26 -0
- package/tokens/src/core/components/general/text.json +24 -0
- package/tokens/src/core/global/breakpoints.json +12 -0
- package/tokens/src/core/global/display.json +21 -0
- package/tokens/src/core/global/elevation.json +19 -0
- package/tokens/src/core/global/other.json +4 -0
- package/tokens/src/core/global/spacing.json +35 -0
- package/tokens/src/core/global/transition.json +14 -0
- package/tokens/src/core/global/typography.json +91 -0
- package/tokens/src/core/utilities/color.json +12 -0
- package/tokens/src/themes/light/alias/color.json +114 -0
- package/tokens/src/themes/light/components/Alert.json +47 -0
- package/tokens/src/themes/light/components/Annotation.json +29 -0
- package/tokens/src/themes/light/components/Avatar.json +7 -0
- package/tokens/src/themes/light/components/Badge.json +186 -0
- package/tokens/src/themes/light/components/Breadcrumb.json +15 -0
- package/tokens/src/themes/light/components/Bubble.json +18 -0
- package/tokens/src/themes/light/components/Button/brand.json +260 -0
- package/tokens/src/themes/light/components/Button/core.json +24 -0
- package/tokens/src/themes/light/components/Button/danger.json +247 -0
- package/tokens/src/themes/light/components/Button/dark.json +230 -0
- package/tokens/src/themes/light/components/Button/info.json +238 -0
- package/tokens/src/themes/light/components/Button/light.json +236 -0
- package/tokens/src/themes/light/components/Button/primary.json +250 -0
- package/tokens/src/themes/light/components/Button/secondary.json +278 -0
- package/tokens/src/themes/light/components/Button/success.json +253 -0
- package/tokens/src/themes/light/components/Button/tertiary.json +109 -0
- package/tokens/src/themes/light/components/Button/warning.json +276 -0
- package/tokens/src/themes/light/components/Card.json +40 -0
- package/tokens/src/themes/light/components/Carousel.json +45 -0
- package/tokens/src/themes/light/components/Chip.json +19 -0
- package/tokens/src/themes/light/components/CloseButton.json +10 -0
- package/tokens/src/themes/light/components/Code.json +23 -0
- package/tokens/src/themes/light/components/DataTable.json +26 -0
- package/tokens/src/themes/light/components/Dropdown.json +36 -0
- package/tokens/src/themes/light/components/Dropzone.json +19 -0
- package/tokens/src/themes/light/components/Form/color.json +270 -0
- package/tokens/src/themes/light/components/Form/elevation.json +76 -0
- package/tokens/src/themes/light/components/Form/other.json +131 -0
- package/tokens/src/themes/light/components/IconButton.json +451 -0
- package/tokens/src/themes/light/components/Image.json +18 -0
- package/tokens/src/themes/light/components/Menu.json +30 -0
- package/tokens/src/themes/light/components/Modal.json +37 -0
- package/tokens/src/themes/light/components/Nav.json +145 -0
- package/tokens/src/themes/light/components/Navbar.json +136 -0
- package/tokens/src/themes/light/components/OverflowScroll.json +9 -0
- package/tokens/src/themes/light/components/PageBanner.json +24 -0
- package/tokens/src/themes/light/components/Pagination.json +40 -0
- package/tokens/src/themes/light/components/Popover.json +55 -0
- package/tokens/src/themes/light/components/ProductTour.json +35 -0
- package/tokens/src/themes/light/components/ProgressBar.json +20 -0
- package/tokens/src/themes/light/components/Scrollable.json +14 -0
- package/tokens/src/themes/light/components/SearchField.json +25 -0
- package/tokens/src/themes/light/components/Sheet.json +22 -0
- package/tokens/src/themes/light/components/Stepper.json +34 -0
- package/tokens/src/themes/light/components/Sticky.json +18 -0
- package/tokens/src/themes/light/components/Tab.json +55 -0
- package/tokens/src/themes/light/components/Toast.json +33 -0
- package/tokens/src/themes/light/components/Tooltip.json +30 -0
- package/tokens/src/themes/light/components/general/body.json +8 -0
- package/tokens/src/themes/light/components/general/headings.json +7 -0
- package/tokens/src/themes/light/components/general/hr.json +15 -0
- package/tokens/src/themes/light/components/general/input.json +18 -0
- package/tokens/src/themes/light/components/general/link.json +109 -0
- package/tokens/src/themes/light/components/general/list.json +38 -0
- package/tokens/src/themes/light/components/general/text.json +6 -0
- package/tokens/src/themes/light/global/color.json +1661 -0
- package/tokens/src/themes/light/global/elevation.json +201 -0
- package/tokens/src/themes/light/global/other.json +4 -0
- package/tokens/style-dictionary.js +223 -0
- package/tokens/utils.js +210 -0
- package/dist/ActionRow/_variables.scss +0 -2
- package/dist/Alert/_variables.scss +0 -24
- package/dist/Annotation/_variables.scss +0 -18
- package/dist/Avatar/_variables.scss +0 -10
- package/dist/AvatarButton/_variables.scss +0 -3
- package/dist/Badge/_variables.scss +0 -16
- package/dist/Breadcrumb/_variables.scss +0 -27
- package/dist/Bubble/_variables.scss +0 -8
- package/dist/Button/_variables.scss +0 -50
- package/dist/Button/deprecated/index.js +0 -128
- package/dist/Button/deprecated/index.js.map +0 -1
- package/dist/Card/_variables.scss +0 -56
- package/dist/Carousel/_variables.scss +0 -27
- package/dist/CheckBox/index.js +0 -72
- package/dist/CheckBox/index.js.map +0 -1
- package/dist/CheckBoxGroup/index.js +0 -15
- package/dist/CheckBoxGroup/index.js.map +0 -1
- package/dist/Chip/_variables.scss +0 -19
- package/dist/ChipCarousel/_variables.scss +0 -1
- package/dist/CloseButton/_variables.scss +0 -6
- package/dist/Code/_variables.scss +0 -17
- package/dist/Collapsible/_variables.scss +0 -12
- package/dist/ColorPicker/_variables.scss +0 -2
- package/dist/Container/_variables.scss +0 -5
- package/dist/DataTable/_variables.scss +0 -11
- package/dist/Dropdown/_variables.scss +0 -33
- package/dist/Dropdown/deprecated/DropdownButton.js +0 -48
- package/dist/Dropdown/deprecated/DropdownButton.js.map +0 -1
- package/dist/Dropdown/deprecated/DropdownItem.js +0 -34
- package/dist/Dropdown/deprecated/DropdownItem.js.map +0 -1
- package/dist/Dropdown/deprecated/DropdownMenu.js +0 -50
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +0 -1
- package/dist/Dropdown/deprecated/index.js +0 -209
- package/dist/Dropdown/deprecated/index.js.map +0 -1
- package/dist/Dropzone/_variables.scss +0 -9
- package/dist/Fieldset/index.js +0 -92
- package/dist/Fieldset/index.js.map +0 -1
- package/dist/Fieldset/index.scss +0 -12
- package/dist/Form/_variables.scss +0 -267
- package/dist/Icon/_variables.scss +0 -7
- package/dist/Image/_variables.scss +0 -13
- package/dist/Input/index.js +0 -136
- package/dist/Input/index.js.map +0 -1
- package/dist/InputSelect/index.js +0 -78
- package/dist/InputSelect/index.js.map +0 -1
- package/dist/InputText/index.js +0 -43
- package/dist/InputText/index.js.map +0 -1
- package/dist/ListBox/index.js +0 -116
- package/dist/ListBox/index.js.map +0 -1
- package/dist/ListBoxOption/index.js +0 -71
- package/dist/ListBoxOption/index.js.map +0 -1
- package/dist/Menu/_variables.scss +0 -24
- package/dist/Modal/_variables.scss +0 -50
- package/dist/Modal/index.js +0 -260
- package/dist/Modal/index.js.map +0 -1
- package/dist/Nav/_variables.scss +0 -59
- package/dist/Navbar/_variables.scss +0 -40
- package/dist/OverflowScroll/_variables.scss +0 -5
- package/dist/OverflowScroll/index.scss +0 -1
- package/dist/Pagination/_variables.scss +0 -52
- package/dist/Popover/_variables.scss +0 -36
- package/dist/ProductTour/_variables.scss +0 -15
- package/dist/ProgressBar/_variables.scss +0 -23
- package/dist/RadioButtonGroup/index.js +0 -157
- package/dist/RadioButtonGroup/index.js.map +0 -1
- package/dist/SearchField/_variables.scss +0 -16
- package/dist/SelectableBox/_variables.scss +0 -5
- package/dist/Spinner/_variables.scss +0 -9
- package/dist/Stack/_variables.scss +0 -1
- package/dist/StatusAlert/index.js +0 -130
- package/dist/StatusAlert/index.js.map +0 -1
- package/dist/Stepper/_variables.scss +0 -18
- package/dist/Sticky/_variables.scss +0 -3
- package/dist/Table/_variables.scss +0 -34
- package/dist/Table/index.js +0 -198
- package/dist/Table/index.js.map +0 -1
- package/dist/Table/index.scss +0 -12
- package/dist/Tabs/_variables.scss +0 -24
- package/dist/Tabs/deprecated/Tabs.scss +0 -3
- package/dist/Tabs/deprecated/index.js +0 -90
- package/dist/Tabs/deprecated/index.js.map +0 -1
- package/dist/TextArea/index.js +0 -42
- package/dist/TextArea/index.js.map +0 -1
- package/dist/Toast/_variables.scss +0 -19
- package/dist/Tooltip/_variables.scss +0 -21
- package/dist/ValidationFormGroup/index.js +0 -105
- package/dist/ValidationFormGroup/index.js.map +0 -1
- package/dist/paragon.css +0 -39
- package/scss/core/_grid.scss +0 -21
- package/scss/core/_variables.scss +0 -875
- package/scss/core/core.scss +0 -21
- package/src/ActionRow/_variables.scss +0 -2
- package/src/Alert/_variables.scss +0 -24
- package/src/Annotation/_variables.scss +0 -18
- package/src/Avatar/_variables.scss +0 -10
- package/src/AvatarButton/_variables.scss +0 -3
- package/src/Badge/_variables.scss +0 -16
- package/src/Breadcrumb/_variables.scss +0 -27
- package/src/Bubble/_variables.scss +0 -8
- package/src/Button/_variables.scss +0 -50
- package/src/Button/deprecated/Button.test.jsx +0 -34
- package/src/Button/deprecated/index.jsx +0 -145
- package/src/Card/_variables.scss +0 -56
- package/src/Carousel/_variables.scss +0 -27
- package/src/CheckBox/CheckBox.test.jsx +0 -65
- package/src/CheckBox/README.md +0 -93
- package/src/CheckBox/index.jsx +0 -80
- package/src/CheckBoxGroup/CheckBoxGroup.test.jsx +0 -33
- package/src/CheckBoxGroup/README.md +0 -35
- package/src/CheckBoxGroup/index.jsx +0 -19
- package/src/Chip/_variables.scss +0 -19
- package/src/ChipCarousel/_variables.scss +0 -1
- package/src/CloseButton/_variables.scss +0 -6
- package/src/Code/_variables.scss +0 -17
- package/src/Collapsible/_variables.scss +0 -12
- package/src/ColorPicker/_variables.scss +0 -2
- package/src/Container/_variables.scss +0 -5
- package/src/DataTable/_variables.scss +0 -11
- package/src/Dropdown/_variables.scss +0 -33
- package/src/Dropdown/deprecated/Dropdown.test.jsx +0 -238
- package/src/Dropdown/deprecated/DropdownButton.jsx +0 -52
- package/src/Dropdown/deprecated/DropdownItem.jsx +0 -34
- package/src/Dropdown/deprecated/DropdownMenu.jsx +0 -50
- package/src/Dropdown/deprecated/__snapshots__/Dropdown.test.jsx.snap +0 -229
- package/src/Dropdown/deprecated/index.jsx +0 -222
- package/src/Dropzone/_variables.scss +0 -9
- package/src/Fieldset/Fieldset.test.jsx +0 -101
- package/src/Fieldset/README.md +0 -146
- package/src/Fieldset/index.jsx +0 -107
- package/src/Fieldset/index.scss +0 -12
- package/src/Form/_variables.scss +0 -267
- package/src/Icon/_variables.scss +0 -7
- package/src/Image/_variables.scss +0 -13
- package/src/Input/README.md +0 -74
- package/src/Input/__snapshots__/input.test.jsx.snap +0 -53
- package/src/Input/index.jsx +0 -151
- package/src/Input/input.test.jsx +0 -85
- package/src/InputSelect/README.md +0 -136
- package/src/InputSelect/index.jsx +0 -92
- package/src/InputText/InputText.test.jsx +0 -74
- package/src/InputText/README.md +0 -293
- package/src/InputText/index.jsx +0 -49
- package/src/ListBox/ListBox.test.jsx +0 -161
- package/src/ListBox/README.md +0 -185
- package/src/ListBox/index.jsx +0 -115
- package/src/ListBoxOption/ListBoxOption.test.jsx +0 -154
- package/src/ListBoxOption/index.jsx +0 -78
- package/src/Menu/_variables.scss +0 -24
- package/src/Modal/README.md +0 -148
- package/src/Modal/_variables.scss +0 -50
- package/src/Modal/index.jsx +0 -314
- package/src/Modal/tests/Modal.test.jsx +0 -261
- package/src/Nav/_variables.scss +0 -59
- package/src/Navbar/_variables.scss +0 -40
- package/src/OverflowScroll/_variables.scss +0 -5
- package/src/OverflowScroll/index.scss +0 -1
- package/src/Pagination/_variables.scss +0 -52
- package/src/Popover/_variables.scss +0 -36
- package/src/ProductTour/_variables.scss +0 -15
- package/src/ProgressBar/_variables.scss +0 -23
- package/src/RadioButtonGroup/README.md +0 -50
- package/src/RadioButtonGroup/RadioButtonGroup.test.jsx +0 -127
- package/src/RadioButtonGroup/index.jsx +0 -185
- package/src/SearchField/_variables.scss +0 -16
- package/src/SelectableBox/_variables.scss +0 -5
- package/src/Spinner/_variables.scss +0 -9
- package/src/Stack/_variables.scss +0 -1
- package/src/StatusAlert/README.md +0 -149
- package/src/StatusAlert/StatusAlert.test.jsx +0 -150
- package/src/StatusAlert/index.jsx +0 -144
- package/src/Stepper/_variables.scss +0 -18
- package/src/Sticky/_variables.scss +0 -3
- package/src/Table/README.md +0 -506
- package/src/Table/Table.test.jsx +0 -367
- package/src/Table/_variables.scss +0 -34
- package/src/Table/index.jsx +0 -264
- package/src/Table/index.scss +0 -12
- package/src/Tabs/_variables.scss +0 -24
- package/src/Tabs/deprecated/Tabs.scss +0 -3
- package/src/Tabs/deprecated/Tabs.test.jsx +0 -50
- package/src/Tabs/deprecated/index.jsx +0 -117
- package/src/TextArea/README.md +0 -63
- package/src/TextArea/index.jsx +0 -48
- package/src/Toast/_variables.scss +0 -19
- package/src/Tooltip/_variables.scss +0 -21
- package/src/ValidationFormGroup/README.md +0 -116
- package/src/ValidationFormGroup/ValidationFormGroup.test.jsx +0 -146
- package/src/ValidationFormGroup/__snapshots__/ValidationFormGroup.test.jsx.snap +0 -161
- package/src/ValidationFormGroup/index.jsx +0 -114
- /package/{scss → styles/scss}/core/_exports.module.scss +0 -0
- /package/{scss → styles/scss}/core/_typography.scss +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","names":["React","PropTypes","classNames","Consumer","DropdownButton","_ref","children","className","other","_objectWithoutProperties","_excluded","createElement","_ref2","buttonRef","isOpen","toggle","triggerId","_extends","id","type","ref","onClick","e","propTypes","node","string","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownButton.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownButton({ children, className, ...other }) {\n return (\n <Consumer>\n {({\n buttonRef,\n isOpen,\n toggle,\n triggerId,\n }) => (\n <button\n {...other}\n id={classNames(triggerId, other.id)}\n aria-expanded={isOpen}\n aria-haspopup\n type=\"button\"\n ref={buttonRef}\n className={classNames(\n 'dropdown-toggle',\n 'btn',\n className,\n )}\n onClick={(e) => {\n toggle(e);\n if (other.onClick) {\n other.onClick(e);\n }\n }}\n >\n {children}\n </button>\n )}\n </Consumer>\n );\n}\n\nDropdownButton.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownButton.defaultProps = {\n children: undefined,\n className: 'btn-light',\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,cAAcA,CAAAC,IAAA,EAAoC;EAAA,IAAnC;MAAEC,QAAQ;MAAEC;IAAoB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrD,oBACEV,KAAA,CAAAW,aAAA,CAACR,QAAQ,QACNS,KAAA;IAAA,IAAC;MACAC,SAAS;MACTC,MAAM;MACNC,MAAM;MACNC;IACF,CAAC,GAAAJ,KAAA;IAAA,oBACCZ,KAAA,CAAAW,aAAA,WAAAM,QAAA,KACMT,KAAK;MACTU,EAAE,EAAEhB,UAAU,CAACc,SAAS,EAAER,KAAK,CAACU,EAAE,CAAE;MACpC,iBAAeJ,MAAO;MACtB,qBAAa;MACbK,IAAI,EAAC,QAAQ;MACbC,GAAG,EAAEP,SAAU;MACfN,SAAS,EAAEL,UAAU,CACnB,iBAAiB,EACjB,KAAK,EACLK,SACF,CAAE;MACFc,OAAO,EAAGC,CAAC,IAAK;QACdP,MAAM,CAACO,CAAC,CAAC;QACT,IAAId,KAAK,CAACa,OAAO,EAAE;UACjBb,KAAK,CAACa,OAAO,CAACC,CAAC,CAAC;QAClB;MACF;IAAE,IAEDhB,QACK,CAAC;EAAA,CAEH,CAAC;AAEf;AAEAF,cAAc,CAACmB,SAAS,GAAG;EACzBjB,QAAQ,EAAEL,SAAS,CAACuB,IAAI;EACxBjB,SAAS,EAAEN,SAAS,CAACwB;AACvB,CAAC;AAEDrB,cAAc,CAACsB,YAAY,GAAG;EAC5BpB,QAAQ,EAAEqB,SAAS;EACnBpB,SAAS,EAAE;AACb,CAAC;AAED,eAAeH,cAAc"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
const _excluded = ["type", "children", "className"];
|
|
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; }
|
|
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; }
|
|
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; }
|
|
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); }
|
|
7
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import PropTypes from 'prop-types';
|
|
11
|
-
import classNames from 'classnames';
|
|
12
|
-
function DropdownItem(props) {
|
|
13
|
-
const {
|
|
14
|
-
type,
|
|
15
|
-
children,
|
|
16
|
-
className
|
|
17
|
-
} = props,
|
|
18
|
-
other = _objectWithoutProperties(props, _excluded);
|
|
19
|
-
return /*#__PURE__*/React.createElement(type, _objectSpread(_objectSpread({}, other), {}, {
|
|
20
|
-
className: classNames('dropdown-item', className)
|
|
21
|
-
}), children);
|
|
22
|
-
}
|
|
23
|
-
DropdownItem.propTypes = {
|
|
24
|
-
type: PropTypes.string,
|
|
25
|
-
children: PropTypes.node,
|
|
26
|
-
className: PropTypes.string
|
|
27
|
-
};
|
|
28
|
-
DropdownItem.defaultProps = {
|
|
29
|
-
type: 'a',
|
|
30
|
-
children: undefined,
|
|
31
|
-
className: null
|
|
32
|
-
};
|
|
33
|
-
export default DropdownItem;
|
|
34
|
-
//# sourceMappingURL=DropdownItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","names":["React","PropTypes","classNames","DropdownItem","props","type","children","className","other","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","string","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction DropdownItem(props) {\n const {\n type, children, className, ...other\n } = props;\n return React.createElement(\n type,\n {\n ...other,\n className: classNames(\n 'dropdown-item',\n className,\n ),\n },\n children,\n );\n}\n\nDropdownItem.propTypes = {\n type: PropTypes.string,\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownItem.defaultProps = {\n type: 'a',\n children: undefined,\n className: null,\n};\n\nexport default DropdownItem;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAYA,CAACC,KAAK,EAAE;EAC3B,MAAM;MACJC,IAAI;MAAEC,QAAQ;MAAEC;IAClB,CAAC,GAAGH,KAAK;IADuBI,KAAK,GAAAC,wBAAA,CACjCL,KAAK,EAAAM,SAAA;EACT,oBAAOV,KAAK,CAACW,aAAa,CACxBN,IAAI,EAAAO,aAAA,CAAAA,aAAA,KAECJ,KAAK;IACRD,SAAS,EAAEL,UAAU,CACnB,eAAe,EACfK,SACF;EAAC,IAEHD,QACF,CAAC;AACH;AAEAH,YAAY,CAACU,SAAS,GAAG;EACvBR,IAAI,EAAEJ,SAAS,CAACa,MAAM;EACtBR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxBR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,YAAY,CAACa,YAAY,GAAG;EAC1BX,IAAI,EAAE,GAAG;EACTC,QAAQ,EAAEW,SAAS;EACnBV,SAAS,EAAE;AACb,CAAC;AAED,eAAeJ,YAAY"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
const _excluded = ["children"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import classNames from 'classnames';
|
|
8
|
-
// eslint-disable-next-line import/no-cycle
|
|
9
|
-
import { Consumer } from './index';
|
|
10
|
-
function DropdownMenu(_ref) {
|
|
11
|
-
let {
|
|
12
|
-
children
|
|
13
|
-
} = _ref,
|
|
14
|
-
other = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
-
return /*#__PURE__*/React.createElement(Consumer, null, _ref2 => {
|
|
16
|
-
let {
|
|
17
|
-
handleMenuKeyDown,
|
|
18
|
-
isOpen,
|
|
19
|
-
menuRef,
|
|
20
|
-
triggerId
|
|
21
|
-
} = _ref2;
|
|
22
|
-
return (
|
|
23
|
-
/*#__PURE__*/
|
|
24
|
-
/* eslint-disable-next-line jsx-a11y/interactive-supports-focus */
|
|
25
|
-
React.createElement("div", _extends({}, other, {
|
|
26
|
-
"aria-labelledby": triggerId,
|
|
27
|
-
"aria-hidden": !isOpen,
|
|
28
|
-
ref: menuRef,
|
|
29
|
-
role: "menu",
|
|
30
|
-
className: classNames('dropdown-menu', {
|
|
31
|
-
show: isOpen
|
|
32
|
-
}, other.className),
|
|
33
|
-
onKeyDown: e => {
|
|
34
|
-
handleMenuKeyDown(e);
|
|
35
|
-
if (other.onKeyDown) {
|
|
36
|
-
other.onKeyDown(e);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}), children)
|
|
40
|
-
);
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
DropdownMenu.propTypes = {
|
|
44
|
-
children: PropTypes.node
|
|
45
|
-
};
|
|
46
|
-
DropdownMenu.defaultProps = {
|
|
47
|
-
children: undefined
|
|
48
|
-
};
|
|
49
|
-
export default DropdownMenu;
|
|
50
|
-
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","names":["React","PropTypes","classNames","Consumer","DropdownMenu","_ref","children","other","_objectWithoutProperties","_excluded","createElement","_ref2","handleMenuKeyDown","isOpen","menuRef","triggerId","_extends","ref","role","className","show","onKeyDown","e","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownMenu({ children, ...other }) {\n return (\n <Consumer>\n {({\n handleMenuKeyDown,\n isOpen,\n menuRef,\n triggerId,\n }) => (\n /* eslint-disable-next-line jsx-a11y/interactive-supports-focus */\n <div\n {...other}\n aria-labelledby={triggerId}\n aria-hidden={!isOpen}\n ref={menuRef}\n role=\"menu\"\n className={classNames(\n 'dropdown-menu',\n { show: isOpen },\n other.className,\n )}\n onKeyDown={(e) => {\n handleMenuKeyDown(e);\n if (other.onKeyDown) {\n other.onKeyDown(e);\n }\n }}\n >\n {children}\n </div>\n )}\n </Consumer>\n );\n}\n\nDropdownMenu.propTypes = {\n children: PropTypes.node,\n};\n\nDropdownMenu.defaultProps = {\n children: undefined,\n};\n\nexport default DropdownMenu;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,YAAYA,CAAAC,IAAA,EAAyB;EAAA,IAAxB;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACxC,oBACET,KAAA,CAAAU,aAAA,CAACP,QAAQ,QACNQ,KAAA;IAAA,IAAC;MACAC,iBAAiB;MACjBC,MAAM;MACNC,OAAO;MACPC;IACF,CAAC,GAAAJ,KAAA;IAAA;MAAA;MACD;MACEX,KAAA,CAAAU,aAAA,QAAAM,QAAA,KACMT,KAAK;QACT,mBAAiBQ,SAAU;QAC3B,eAAa,CAACF,MAAO;QACrBI,GAAG,EAAEH,OAAQ;QACbI,IAAI,EAAC,MAAM;QACXC,SAAS,EAAEjB,UAAU,CACnB,eAAe,EACf;UAAEkB,IAAI,EAAEP;QAAO,CAAC,EAChBN,KAAK,CAACY,SACR,CAAE;QACFE,SAAS,EAAGC,CAAC,IAAK;UAChBV,iBAAiB,CAACU,CAAC,CAAC;UACpB,IAAIf,KAAK,CAACc,SAAS,EAAE;YACnBd,KAAK,CAACc,SAAS,CAACC,CAAC,CAAC;UACpB;QACF;MAAE,IAEDhB,QACE;IAAC;EAAA,CAEA,CAAC;AAEf;AAEAF,YAAY,CAACmB,SAAS,GAAG;EACvBjB,QAAQ,EAAEL,SAAS,CAACuB;AACtB,CAAC;AAEDpB,YAAY,CAACqB,YAAY,GAAG;EAC1BnB,QAAQ,EAAEoB;AACZ,CAAC;AAED,eAAetB,YAAY"}
|
|
@@ -1,209 +0,0 @@
|
|
|
1
|
-
const _excluded = ["children"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
7
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
-
import React from 'react';
|
|
9
|
-
import PropTypes from 'prop-types';
|
|
10
|
-
import classNames from 'classnames';
|
|
11
|
-
// eslint-disable-next-line import/no-cycle
|
|
12
|
-
import DropdownButton from './DropdownButton';
|
|
13
|
-
// eslint-disable-next-line import/no-cycle
|
|
14
|
-
import DropdownMenu from './DropdownMenu';
|
|
15
|
-
import DropdownItem from './DropdownItem';
|
|
16
|
-
import withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';
|
|
17
|
-
const {
|
|
18
|
-
Provider,
|
|
19
|
-
Consumer
|
|
20
|
-
} = /*#__PURE__*/React.createContext();
|
|
21
|
-
class Dropdown extends React.Component {
|
|
22
|
-
// eslint-disable-next-line react/sort-comp
|
|
23
|
-
// For creating unique ids
|
|
24
|
-
|
|
25
|
-
constructor(props) {
|
|
26
|
-
super(props);
|
|
27
|
-
_defineProperty(this, "handleDocumentClick", e => {
|
|
28
|
-
if (this.containerRef.current.contains(e.target) && this.containerRef.current !== e.target) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
if (this.state.open) {
|
|
32
|
-
this.close();
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
_defineProperty(this, "handleMenuKeyDown", e => {
|
|
36
|
-
switch (e.key) {
|
|
37
|
-
case 'ArrowUp':
|
|
38
|
-
e.preventDefault();
|
|
39
|
-
this.focusPrevious();
|
|
40
|
-
break;
|
|
41
|
-
case 'ArrowDown':
|
|
42
|
-
e.preventDefault();
|
|
43
|
-
this.focusNext();
|
|
44
|
-
break;
|
|
45
|
-
case 'Tab':
|
|
46
|
-
e.preventDefault();
|
|
47
|
-
if (e.shiftKey) {
|
|
48
|
-
this.focusPrevious();
|
|
49
|
-
} else {
|
|
50
|
-
this.focusNext();
|
|
51
|
-
}
|
|
52
|
-
break;
|
|
53
|
-
case 'Escape':
|
|
54
|
-
e.stopPropagation();
|
|
55
|
-
this.close();
|
|
56
|
-
break;
|
|
57
|
-
default:
|
|
58
|
-
break;
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
_defineProperty(this, "toggle", () => {
|
|
62
|
-
if (this.state.open) {
|
|
63
|
-
this.close();
|
|
64
|
-
} else {
|
|
65
|
-
this.open();
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
this.state = {
|
|
69
|
-
open: false
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
// Used for aria labelling. Increment the id counter so the next id can be unique
|
|
73
|
-
this.uniqueId = Dropdown.idCounter;
|
|
74
|
-
Dropdown.idCounter += 1;
|
|
75
|
-
this.triggerId = `pgn__dropdown-trigger-${this.uniqueId}`;
|
|
76
|
-
this.containerRef = /*#__PURE__*/React.createRef();
|
|
77
|
-
this.menuRef = /*#__PURE__*/React.createRef();
|
|
78
|
-
this.buttonRef = /*#__PURE__*/React.createRef();
|
|
79
|
-
}
|
|
80
|
-
componentDidUpdate(prevProps, prevState) {
|
|
81
|
-
if (prevState.open !== this.state.open) {
|
|
82
|
-
if (this.state.open) {
|
|
83
|
-
this.focusFirst();
|
|
84
|
-
} else {
|
|
85
|
-
this.buttonRef.current.focus();
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
componentWillUnmount() {
|
|
90
|
-
document.removeEventListener('click', this.handleDocumentClick, true);
|
|
91
|
-
}
|
|
92
|
-
getFocusableElements() {
|
|
93
|
-
const selector = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])';
|
|
94
|
-
return Array.from(this.menuRef.current.querySelectorAll(selector));
|
|
95
|
-
}
|
|
96
|
-
close() {
|
|
97
|
-
document.removeEventListener('click', this.handleDocumentClick, true);
|
|
98
|
-
this.setState({
|
|
99
|
-
open: false
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
|
-
open() {
|
|
103
|
-
// adding event listener here so the user can close dropdown on click outside of the dropdown
|
|
104
|
-
document.addEventListener('click', this.handleDocumentClick, true);
|
|
105
|
-
this.setState({
|
|
106
|
-
open: true
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
focusFirst() {
|
|
110
|
-
const focusableElements = this.getFocusableElements();
|
|
111
|
-
if (focusableElements.length) {
|
|
112
|
-
focusableElements[0].focus();
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
focusNext() {
|
|
116
|
-
const allFocusableElements = this.getFocusableElements();
|
|
117
|
-
if (allFocusableElements.length === 0) {
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
const activeIndex = allFocusableElements.indexOf(document.activeElement);
|
|
121
|
-
const nextIndex = (activeIndex + 1) % allFocusableElements.length;
|
|
122
|
-
allFocusableElements[nextIndex].focus();
|
|
123
|
-
}
|
|
124
|
-
focusPrevious() {
|
|
125
|
-
const allFocusableElements = this.getFocusableElements();
|
|
126
|
-
if (allFocusableElements.length === 0) {
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
const activeIndex = allFocusableElements.indexOf(document.activeElement);
|
|
130
|
-
const previousIndex = (activeIndex - 1 + allFocusableElements.length) % allFocusableElements.length;
|
|
131
|
-
allFocusableElements[previousIndex].focus();
|
|
132
|
-
}
|
|
133
|
-
render() {
|
|
134
|
-
const _this$props = this.props,
|
|
135
|
-
{
|
|
136
|
-
children
|
|
137
|
-
} = _this$props,
|
|
138
|
-
other = _objectWithoutProperties(_this$props, _excluded);
|
|
139
|
-
return /*#__PURE__*/React.createElement("div", _extends({}, other, {
|
|
140
|
-
className: classNames('dropdown', {
|
|
141
|
-
show: this.state.open
|
|
142
|
-
}, other.className),
|
|
143
|
-
ref: this.containerRef
|
|
144
|
-
}), /*#__PURE__*/React.createElement(Provider, {
|
|
145
|
-
value: {
|
|
146
|
-
buttonRef: this.buttonRef,
|
|
147
|
-
handleMenuKeyDown: this.handleMenuKeyDown,
|
|
148
|
-
isOpen: this.state.open,
|
|
149
|
-
menuRef: this.menuRef,
|
|
150
|
-
toggle: this.toggle,
|
|
151
|
-
triggerId: this.triggerId
|
|
152
|
-
}
|
|
153
|
-
}, children));
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
_defineProperty(Dropdown, "idCounter", 0);
|
|
157
|
-
Dropdown.propTypes = {
|
|
158
|
-
children: PropTypes.node
|
|
159
|
-
};
|
|
160
|
-
Dropdown.Item = DropdownItem;
|
|
161
|
-
Dropdown.Button = DropdownButton;
|
|
162
|
-
Dropdown.Menu = DropdownMenu;
|
|
163
|
-
const DropdownWithDeprecatedProps = withDeprecatedProps(Dropdown, 'Dropdown', {
|
|
164
|
-
menuItems: {
|
|
165
|
-
deprType: DeprTypes.MOVED_AND_FORMAT,
|
|
166
|
-
message: 'They should be components sent as children.',
|
|
167
|
-
newName: 'children',
|
|
168
|
-
transform: (menuItems, allProps) => {
|
|
169
|
-
if (!Array.isArray(menuItems)) {
|
|
170
|
-
return null;
|
|
171
|
-
}
|
|
172
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, null, /*#__PURE__*/React.isValidElement(allProps.iconElement) ? allProps.iconElement : null, allProps.title), /*#__PURE__*/React.createElement(DropdownMenu, null, menuItems.map((menuItem, i) => {
|
|
173
|
-
/* eslint-disable react/no-array-index-key */
|
|
174
|
-
if ( /*#__PURE__*/React.isValidElement(menuItem)) {
|
|
175
|
-
return /*#__PURE__*/React.cloneElement(menuItem, {
|
|
176
|
-
className: 'dropdown-item',
|
|
177
|
-
key: i
|
|
178
|
-
});
|
|
179
|
-
}
|
|
180
|
-
return /*#__PURE__*/React.createElement(DropdownItem, {
|
|
181
|
-
key: i,
|
|
182
|
-
href: menuItem.href
|
|
183
|
-
}, menuItem.label);
|
|
184
|
-
/* eslint-enable react/no-array-index-key */
|
|
185
|
-
})));
|
|
186
|
-
}
|
|
187
|
-
},
|
|
188
|
-
|
|
189
|
-
title: {
|
|
190
|
-
deprType: DeprTypes.REMOVED,
|
|
191
|
-
message: 'It should be specified inside the Dropdown.Button component'
|
|
192
|
-
},
|
|
193
|
-
buttonType: {
|
|
194
|
-
deprType: DeprTypes.REMOVED,
|
|
195
|
-
message: 'It should be specified as a className prop'
|
|
196
|
-
},
|
|
197
|
-
iconElement: {
|
|
198
|
-
deprType: DeprTypes.REMOVED,
|
|
199
|
-
message: 'It should be specified inside the buttonContent prop.'
|
|
200
|
-
}
|
|
201
|
-
});
|
|
202
|
-
DropdownWithDeprecatedProps.propTypes = Dropdown.propTypes;
|
|
203
|
-
DropdownWithDeprecatedProps.defaultProps = Dropdown.defaultProps;
|
|
204
|
-
DropdownWithDeprecatedProps.Item = Dropdown.Item;
|
|
205
|
-
DropdownWithDeprecatedProps.Button = Dropdown.Button;
|
|
206
|
-
DropdownWithDeprecatedProps.Menu = Dropdown.Menu;
|
|
207
|
-
export { Provider, Consumer };
|
|
208
|
-
export default DropdownWithDeprecatedProps;
|
|
209
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","DropdownButton","DropdownMenu","DropdownItem","withDeprecatedProps","DeprTypes","Provider","Consumer","createContext","Dropdown","Component","constructor","props","_defineProperty","e","containerRef","current","contains","target","state","open","close","key","preventDefault","focusPrevious","focusNext","shiftKey","stopPropagation","uniqueId","idCounter","triggerId","createRef","menuRef","buttonRef","componentDidUpdate","prevProps","prevState","focusFirst","focus","componentWillUnmount","document","removeEventListener","handleDocumentClick","getFocusableElements","selector","Array","from","querySelectorAll","setState","addEventListener","focusableElements","length","allFocusableElements","activeIndex","indexOf","activeElement","nextIndex","previousIndex","render","_this$props","children","other","_objectWithoutProperties","_excluded","createElement","_extends","className","show","ref","value","handleMenuKeyDown","isOpen","toggle","propTypes","node","Item","Button","Menu","DropdownWithDeprecatedProps","menuItems","deprType","MOVED_AND_FORMAT","message","newName","transform","allProps","isArray","Fragment","isValidElement","iconElement","title","map","menuItem","i","cloneElement","href","label","REMOVED","buttonType","defaultProps"],"sources":["../../../src/Dropdown/deprecated/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport DropdownButton from './DropdownButton';\n// eslint-disable-next-line import/no-cycle\nimport DropdownMenu from './DropdownMenu';\nimport DropdownItem from './DropdownItem';\n\nimport withDeprecatedProps, { DeprTypes } from '../../withDeprecatedProps';\n\nconst { Provider, Consumer } = React.createContext();\n\nclass Dropdown extends React.Component {\n // eslint-disable-next-line react/sort-comp\n static idCounter = 0; // For creating unique ids\n\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n };\n\n // Used for aria labelling. Increment the id counter so the next id can be unique\n this.uniqueId = Dropdown.idCounter;\n Dropdown.idCounter += 1;\n this.triggerId = `pgn__dropdown-trigger-${this.uniqueId}`;\n\n this.containerRef = React.createRef();\n this.menuRef = React.createRef();\n this.buttonRef = React.createRef();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.open !== this.state.open) {\n if (this.state.open) {\n this.focusFirst();\n } else {\n this.buttonRef.current.focus();\n }\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleDocumentClick, true);\n }\n\n getFocusableElements() {\n const selector = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n return Array.from(this.menuRef.current.querySelectorAll(selector));\n }\n\n handleDocumentClick = (e) => {\n if (this.containerRef.current.contains(e.target) && this.containerRef.current !== e.target) {\n return;\n }\n if (this.state.open) {\n this.close();\n }\n };\n\n handleMenuKeyDown = (e) => {\n switch (e.key) {\n case 'ArrowUp':\n e.preventDefault();\n this.focusPrevious();\n break;\n case 'ArrowDown':\n e.preventDefault();\n this.focusNext();\n break;\n case 'Tab':\n e.preventDefault();\n if (e.shiftKey) {\n this.focusPrevious();\n } else {\n this.focusNext();\n }\n break;\n case 'Escape':\n e.stopPropagation();\n this.close();\n break;\n default:\n break;\n }\n };\n\n toggle = () => {\n if (this.state.open) {\n this.close();\n } else {\n this.open();\n }\n };\n\n close() {\n document.removeEventListener('click', this.handleDocumentClick, true);\n this.setState({\n open: false,\n });\n }\n\n open() {\n // adding event listener here so the user can close dropdown on click outside of the dropdown\n document.addEventListener('click', this.handleDocumentClick, true);\n this.setState({\n open: true,\n });\n }\n\n focusFirst() {\n const focusableElements = this.getFocusableElements();\n if (focusableElements.length) { focusableElements[0].focus(); }\n }\n\n focusNext() {\n const allFocusableElements = this.getFocusableElements();\n if (allFocusableElements.length === 0) { return; }\n const activeIndex = allFocusableElements.indexOf(document.activeElement);\n const nextIndex = (activeIndex + 1) % allFocusableElements.length;\n allFocusableElements[nextIndex].focus();\n }\n\n focusPrevious() {\n const allFocusableElements = this.getFocusableElements();\n if (allFocusableElements.length === 0) { return; }\n const activeIndex = allFocusableElements.indexOf(document.activeElement);\n const previousIndex = ((activeIndex - 1) + allFocusableElements.length) % allFocusableElements.length;\n allFocusableElements[previousIndex].focus();\n }\n\n render() {\n const { children, ...other } = this.props;\n\n return (\n <div\n {...other}\n className={classNames(\n 'dropdown',\n { show: this.state.open },\n other.className,\n )}\n ref={this.containerRef}\n >\n <Provider\n value={{\n buttonRef: this.buttonRef,\n handleMenuKeyDown: this.handleMenuKeyDown,\n isOpen: this.state.open,\n menuRef: this.menuRef,\n toggle: this.toggle,\n triggerId: this.triggerId,\n }}\n >\n {children}\n </Provider>\n </div>\n );\n }\n}\n\nDropdown.propTypes = {\n children: PropTypes.node,\n};\n\nDropdown.Item = DropdownItem;\nDropdown.Button = DropdownButton;\nDropdown.Menu = DropdownMenu;\n\nconst DropdownWithDeprecatedProps = withDeprecatedProps(Dropdown, 'Dropdown', {\n menuItems: {\n deprType: DeprTypes.MOVED_AND_FORMAT,\n message: 'They should be components sent as children.',\n newName: 'children',\n transform: (menuItems, allProps) => {\n if (!Array.isArray(menuItems)) { return null; }\n return (\n <>\n <DropdownButton>\n {React.isValidElement(allProps.iconElement) ? allProps.iconElement : null }\n {allProps.title}\n </DropdownButton>\n <DropdownMenu>\n {menuItems.map((menuItem, i) => {\n /* eslint-disable react/no-array-index-key */\n if (React.isValidElement(menuItem)) {\n return React.cloneElement(menuItem, {\n className: 'dropdown-item',\n key: i,\n });\n }\n return <DropdownItem key={i} href={menuItem.href}>{menuItem.label}</DropdownItem>;\n /* eslint-enable react/no-array-index-key */\n })}\n </DropdownMenu>\n </>\n );\n },\n },\n title: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified inside the Dropdown.Button component',\n },\n buttonType: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified as a className prop',\n },\n iconElement: {\n deprType: DeprTypes.REMOVED,\n message: 'It should be specified inside the buttonContent prop.',\n },\n});\n\nDropdownWithDeprecatedProps.propTypes = Dropdown.propTypes;\nDropdownWithDeprecatedProps.defaultProps = Dropdown.defaultProps;\nDropdownWithDeprecatedProps.Item = Dropdown.Item;\nDropdownWithDeprecatedProps.Button = Dropdown.Button;\nDropdownWithDeprecatedProps.Menu = Dropdown.Menu;\n\nexport { Provider, Consumer };\nexport default DropdownWithDeprecatedProps;\n"],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
$dropzone-padding: 1.5rem !default;
|
|
2
|
-
$dropzone-border-default: 1px dashed $gray-500 !default;
|
|
3
|
-
$dropzone-border-hover: 2px solid $info-300 !default;
|
|
4
|
-
$dropzone-border-focus: 2px solid $info-300 !default;
|
|
5
|
-
$dropzone-border-active: 2px solid $primary-500 !default;
|
|
6
|
-
$dropzone-border-error: 2px solid $danger-300 !default;
|
|
7
|
-
$dropzone-error-wrapper-color: $danger-500 !default;
|
|
8
|
-
$dropzone-restriction-msg-font-size: $x-small-font-size !default;
|
|
9
|
-
$dropzone-restriction-msg-color: $gray-500 !default;
|
package/dist/Fieldset/index.js
DELETED
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import newId from '../utils/newId';
|
|
5
|
-
import ValidationMessage from '../ValidationMessage/index';
|
|
6
|
-
import Variant from '../utils/constants';
|
|
7
|
-
const inputProps = {
|
|
8
|
-
legend: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
|
|
9
|
-
children: PropTypes.node,
|
|
10
|
-
className: PropTypes.string,
|
|
11
|
-
id: PropTypes.string,
|
|
12
|
-
isValid: PropTypes.bool,
|
|
13
|
-
invalidMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
14
|
-
variant: PropTypes.shape({
|
|
15
|
-
status: PropTypes.oneOf(Object.keys(Variant.status).map(k => Variant.status[k]))
|
|
16
|
-
}),
|
|
17
|
-
variantIconDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
|
|
18
|
-
};
|
|
19
|
-
const defaultProps = {
|
|
20
|
-
children: null,
|
|
21
|
-
className: undefined,
|
|
22
|
-
id: '',
|
|
23
|
-
isValid: true,
|
|
24
|
-
invalidMessage: '',
|
|
25
|
-
variant: {
|
|
26
|
-
status: Variant.status.INFO
|
|
27
|
-
},
|
|
28
|
-
variantIconDescription: ''
|
|
29
|
-
};
|
|
30
|
-
class Fieldset extends React.Component {
|
|
31
|
-
constructor(props) {
|
|
32
|
-
super(props);
|
|
33
|
-
this.state = {
|
|
34
|
-
id: props.id || newId('fieldset')
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
static getDerivedStateFromProps(nextProps, prevState) {
|
|
38
|
-
if (nextProps.id !== prevState.id) {
|
|
39
|
-
return {
|
|
40
|
-
id: nextProps.id || newId('fieldset')
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
return null;
|
|
44
|
-
}
|
|
45
|
-
getVariantClassName() {
|
|
46
|
-
const {
|
|
47
|
-
variant
|
|
48
|
-
} = this.props;
|
|
49
|
-
let className;
|
|
50
|
-
switch (variant.status) {
|
|
51
|
-
case Variant.status.INFO:
|
|
52
|
-
className = 'is-invalid-nodanger';
|
|
53
|
-
break;
|
|
54
|
-
default:
|
|
55
|
-
break;
|
|
56
|
-
}
|
|
57
|
-
return className;
|
|
58
|
-
}
|
|
59
|
-
render() {
|
|
60
|
-
const {
|
|
61
|
-
className,
|
|
62
|
-
children,
|
|
63
|
-
variantIconDescription,
|
|
64
|
-
invalidMessage,
|
|
65
|
-
isValid,
|
|
66
|
-
legend,
|
|
67
|
-
variant
|
|
68
|
-
} = this.props;
|
|
69
|
-
const errorId = `error-${this.state.id}`;
|
|
70
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
71
|
-
className: "paragon-fieldset"
|
|
72
|
-
}, /*#__PURE__*/React.createElement("fieldset", {
|
|
73
|
-
className: classNames('form-control', 'p-3', {
|
|
74
|
-
'is-invalid': !isValid
|
|
75
|
-
}, this.getVariantClassName(), className),
|
|
76
|
-
"aria-describedby": errorId,
|
|
77
|
-
"data-testid": "fieldset"
|
|
78
|
-
}, /*#__PURE__*/React.createElement("legend", {
|
|
79
|
-
className: "p-1"
|
|
80
|
-
}, legend), children), /*#__PURE__*/React.createElement(ValidationMessage, {
|
|
81
|
-
id: errorId,
|
|
82
|
-
isValid: isValid,
|
|
83
|
-
invalidMessage: invalidMessage,
|
|
84
|
-
variant: variant,
|
|
85
|
-
variantIconDescription: variantIconDescription
|
|
86
|
-
}));
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
Fieldset.propTypes = inputProps;
|
|
90
|
-
Fieldset.defaultProps = defaultProps;
|
|
91
|
-
export default Fieldset;
|
|
92
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classNames","newId","ValidationMessage","Variant","inputProps","legend","oneOfType","string","element","isRequired","children","node","className","id","isValid","bool","invalidMessage","variant","shape","status","oneOf","Object","keys","map","k","variantIconDescription","defaultProps","undefined","INFO","Fieldset","Component","constructor","props","state","getDerivedStateFromProps","nextProps","prevState","getVariantClassName","render","errorId","createElement","propTypes"],"sources":["../../src/Fieldset/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport newId from '../utils/newId';\n\nimport ValidationMessage from '../ValidationMessage/index';\nimport Variant from '../utils/constants';\n\nconst inputProps = {\n legend: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n\n children: PropTypes.node,\n className: PropTypes.string,\n id: PropTypes.string,\n isValid: PropTypes.bool,\n invalidMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n variant: PropTypes.shape({\n status: PropTypes.oneOf(Object.keys(Variant.status).map(k => Variant.status[k])),\n }),\n variantIconDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nconst defaultProps = {\n children: null,\n className: undefined,\n id: '',\n isValid: true,\n invalidMessage: '',\n variant: {\n status: Variant.status.INFO,\n },\n variantIconDescription: '',\n};\n\nclass Fieldset extends React.Component {\n constructor(props) {\n super(props);\n this.state = { id: props.id || newId('fieldset') };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.id !== prevState.id) {\n return { id: nextProps.id || newId('fieldset') };\n }\n\n return null;\n }\n\n getVariantClassName() {\n const { variant } = this.props;\n let className;\n\n switch (variant.status) {\n case Variant.status.INFO:\n className = 'is-invalid-nodanger';\n break;\n default:\n break;\n }\n\n return className;\n }\n\n render() {\n const {\n className,\n children,\n variantIconDescription,\n invalidMessage,\n isValid,\n legend,\n variant,\n } = this.props;\n const errorId = `error-${this.state.id}`;\n return (\n <div className=\"paragon-fieldset\">\n <fieldset\n className={classNames(\n 'form-control',\n 'p-3',\n { 'is-invalid': !isValid },\n this.getVariantClassName(),\n className,\n )}\n aria-describedby={errorId}\n data-testid=\"fieldset\"\n >\n <legend className=\"p-1\">{legend}</legend>\n {children}\n </fieldset>\n <ValidationMessage\n id={errorId}\n isValid={isValid}\n invalidMessage={invalidMessage}\n variant={variant}\n variantIconDescription={variantIconDescription}\n />\n </div>\n );\n }\n}\n\nFieldset.propTypes = inputProps;\nFieldset.defaultProps = defaultProps;\n\nexport default Fieldset;\n"],"mappings":"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"}
|