@patternfly/react-core 6.0.0-alpha.65 → 6.0.0-alpha.66
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/CHANGELOG.md +6 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/Text/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -0
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/next/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/next/components/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +6 -12
- package/dist/esm/components/AboutModal/AboutModal.js +1 -1
- package/dist/esm/components/AboutModal/AboutModal.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +4 -40
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +5 -27
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalBody.d.ts.map +1 -0
- package/dist/esm/components/Modal/ModalBody.js.map +1 -0
- package/dist/esm/components/Modal/ModalBox.d.ts +3 -3
- package/dist/esm/components/Modal/ModalBox.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBox.js +2 -2
- package/dist/esm/components/Modal/ModalBox.js.map +1 -1
- package/dist/esm/components/Modal/ModalBoxCloseButton.js +1 -1
- package/dist/esm/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.d.ts +2 -2
- package/dist/esm/components/Modal/ModalBoxTitle.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.js +3 -2
- package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/esm/components/Modal/ModalContent.d.ts +3 -41
- package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalContent.js +12 -29
- package/dist/esm/components/Modal/ModalContent.js.map +1 -1
- package/dist/esm/components/Modal/ModalFooter.d.ts.map +1 -0
- package/dist/esm/components/Modal/ModalFooter.js.map +1 -0
- package/dist/esm/components/Modal/ModalHeader.d.ts.map +1 -0
- package/dist/esm/components/Modal/ModalHeader.js.map +1 -0
- package/dist/esm/components/Modal/index.d.ts +3 -6
- package/dist/esm/components/Modal/index.d.ts.map +1 -1
- package/dist/esm/components/Modal/index.js +3 -6
- package/dist/esm/components/Modal/index.js.map +1 -1
- package/dist/esm/{next → deprecated}/components/Modal/Modal.d.ts +40 -4
- package/dist/esm/deprecated/components/Modal/Modal.d.ts.map +1 -0
- package/dist/esm/{next → deprecated}/components/Modal/Modal.js +27 -5
- package/dist/esm/deprecated/components/Modal/Modal.js.map +1 -0
- package/dist/esm/{next → deprecated}/components/Modal/ModalBox.d.ts +3 -3
- package/dist/esm/deprecated/components/Modal/ModalBox.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBox.js +15 -0
- package/dist/esm/deprecated/components/Modal/ModalBox.js.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxBody.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxBody.js.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
- package/dist/esm/{next → deprecated}/components/Modal/ModalBoxCloseButton.js +1 -1
- package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxDescription.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxDescription.js.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxFooter.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxFooter.js.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxHeader.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalBoxHeader.js.map +1 -0
- package/dist/{js/next → esm/deprecated}/components/Modal/ModalBoxTitle.d.ts +2 -2
- package/dist/esm/deprecated/components/Modal/ModalBoxTitle.d.ts.map +1 -0
- package/dist/esm/{next → deprecated}/components/Modal/ModalBoxTitle.js +2 -3
- package/dist/esm/deprecated/components/Modal/ModalBoxTitle.js.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalContent.d.ts +80 -0
- package/dist/esm/deprecated/components/Modal/ModalContent.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Modal/ModalContent.js +62 -0
- package/dist/esm/deprecated/components/Modal/ModalContent.js.map +1 -0
- package/dist/esm/deprecated/components/Modal/index.d.ts +8 -0
- package/dist/esm/deprecated/components/Modal/index.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Modal/index.js +8 -0
- package/dist/esm/deprecated/components/Modal/index.js.map +1 -0
- package/dist/esm/deprecated/components/Wizard/Wizard.js +1 -1
- package/dist/esm/deprecated/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/deprecated/components/index.d.ts +1 -0
- package/dist/esm/deprecated/components/index.d.ts.map +1 -1
- package/dist/esm/deprecated/components/index.js +1 -0
- package/dist/esm/deprecated/components/index.js.map +1 -1
- package/dist/esm/next/components/index.d.ts +0 -1
- package/dist/esm/next/components/index.d.ts.map +1 -1
- package/dist/esm/next/components/index.js +0 -1
- package/dist/esm/next/components/index.js.map +1 -1
- package/dist/js/components/AboutModal/AboutModal.js +1 -1
- package/dist/js/components/AboutModal/AboutModal.js.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +4 -40
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js +5 -27
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalBody.d.ts.map +1 -0
- package/dist/js/components/Modal/ModalBody.js.map +1 -0
- package/dist/js/components/Modal/ModalBox.d.ts +3 -3
- package/dist/js/components/Modal/ModalBox.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBox.js +2 -2
- package/dist/js/components/Modal/ModalBox.js.map +1 -1
- package/dist/js/components/Modal/ModalBoxCloseButton.js +1 -1
- package/dist/js/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.d.ts +2 -2
- package/dist/js/components/Modal/ModalBoxTitle.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.js +3 -2
- package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/js/components/Modal/ModalContent.d.ts +3 -41
- package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalContent.js +12 -29
- package/dist/js/components/Modal/ModalContent.js.map +1 -1
- package/dist/js/components/Modal/ModalFooter.d.ts.map +1 -0
- package/dist/js/components/Modal/ModalFooter.js.map +1 -0
- package/dist/js/components/Modal/ModalHeader.d.ts.map +1 -0
- package/dist/js/components/Modal/ModalHeader.js.map +1 -0
- package/dist/js/components/Modal/index.d.ts +3 -6
- package/dist/js/components/Modal/index.d.ts.map +1 -1
- package/dist/js/components/Modal/index.js +3 -6
- package/dist/js/components/Modal/index.js.map +1 -1
- package/dist/js/{next → deprecated}/components/Modal/Modal.d.ts +40 -4
- package/dist/js/deprecated/components/Modal/Modal.d.ts.map +1 -0
- package/dist/js/{next → deprecated}/components/Modal/Modal.js +27 -5
- package/dist/js/deprecated/components/Modal/Modal.js.map +1 -0
- package/dist/js/{next → deprecated}/components/Modal/ModalBox.d.ts +3 -3
- package/dist/js/deprecated/components/Modal/ModalBox.d.ts.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBox.js +19 -0
- package/dist/js/deprecated/components/Modal/ModalBox.js.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxBody.d.ts.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxBody.js.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
- package/dist/js/{next → deprecated}/components/Modal/ModalBoxCloseButton.js +1 -1
- package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxDescription.d.ts.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxDescription.js.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxFooter.d.ts.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxFooter.js.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxHeader.d.ts.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalBoxHeader.js.map +1 -0
- package/dist/{esm/next → js/deprecated}/components/Modal/ModalBoxTitle.d.ts +2 -2
- package/dist/js/deprecated/components/Modal/ModalBoxTitle.d.ts.map +1 -0
- package/dist/js/{next → deprecated}/components/Modal/ModalBoxTitle.js +2 -3
- package/dist/js/deprecated/components/Modal/ModalBoxTitle.js.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalContent.d.ts +80 -0
- package/dist/js/deprecated/components/Modal/ModalContent.d.ts.map +1 -0
- package/dist/js/deprecated/components/Modal/ModalContent.js +66 -0
- package/dist/js/deprecated/components/Modal/ModalContent.js.map +1 -0
- package/dist/js/deprecated/components/Modal/index.d.ts +8 -0
- package/dist/js/deprecated/components/Modal/index.d.ts.map +1 -0
- package/dist/js/deprecated/components/Modal/index.js +11 -0
- package/dist/js/deprecated/components/Modal/index.js.map +1 -0
- package/dist/js/deprecated/components/Wizard/Wizard.js +1 -1
- package/dist/js/deprecated/components/Wizard/Wizard.js.map +1 -1
- package/dist/js/deprecated/components/index.d.ts +1 -0
- package/dist/js/deprecated/components/index.d.ts.map +1 -1
- package/dist/js/deprecated/components/index.js +1 -0
- package/dist/js/deprecated/components/index.js.map +1 -1
- package/dist/js/next/components/index.d.ts +0 -1
- package/dist/js/next/components/index.d.ts.map +1 -1
- package/dist/js/next/components/index.js +0 -1
- package/dist/js/next/components/index.js.map +1 -1
- package/dist/umd/assets/{output-BsYBUJdh.css → output-C4GbSx1X.css} +4983 -4983
- package/dist/umd/react-core.min.js +3 -3
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/AboutModal/AboutModal.tsx +1 -1
- package/src/components/Label/examples/LabelGroupEditableAddModal.tsx +4 -5
- package/src/components/Modal/Modal.tsx +9 -82
- package/src/components/Modal/ModalBox.tsx +6 -6
- package/src/components/Modal/ModalBoxCloseButton.tsx +1 -1
- package/src/components/Modal/ModalBoxTitle.tsx +7 -5
- package/src/components/Modal/ModalContent.tsx +19 -110
- package/src/components/Modal/__tests__/Modal.test.tsx +10 -77
- package/src/components/Modal/__tests__/ModalBoxHeader.test.tsx +12 -5
- package/src/components/Modal/__tests__/ModalBoxTitle.test.tsx +6 -28
- package/src/components/Modal/__tests__/ModalContent.test.tsx +6 -72
- package/src/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap +16 -2
- package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +13 -478
- package/src/components/Modal/examples/Modal.md +24 -32
- package/src/components/Modal/examples/ModalBasic.tsx +16 -12
- package/src/components/Modal/examples/ModalCustomFocus.tsx +19 -15
- package/src/{next/components → components}/Modal/examples/ModalCustomHeader.tsx +12 -2
- package/src/components/Modal/examples/ModalCustomTitleIcon.tsx +24 -18
- package/src/components/Modal/examples/ModalCustomWidth.tsx +15 -11
- package/src/components/Modal/examples/ModalNoHeaderFooter.tsx +14 -12
- package/src/{next/components → components}/Modal/examples/ModalSize.tsx +1 -2
- package/src/components/Modal/examples/ModalTitleIcon.tsx +20 -18
- package/src/components/Modal/examples/ModalTopAligned.tsx +15 -11
- package/src/components/Modal/examples/ModalWithDescription.tsx +53 -12
- package/src/components/Modal/examples/ModalWithDropdown.tsx +56 -49
- package/src/components/Modal/examples/ModalWithForm.tsx +150 -139
- package/src/components/Modal/examples/ModalWithHelp.tsx +34 -26
- package/src/components/Modal/examples/ModalWithOverflowingContent.tsx +47 -44
- package/src/components/Modal/examples/ModalWithWizard.tsx +2 -4
- package/src/components/Modal/index.ts +3 -6
- package/src/components/Wizard/examples/Wizard.md +1 -0
- package/src/components/Wizard/examples/WizardWithinModal.tsx +5 -4
- package/src/demos/DatePicker/DatePicker.md +2 -2
- package/src/demos/DatePicker/examples/DateTimePickerInModal.tsx +5 -12
- package/src/demos/LabelGroupDemos.md +3 -0
- package/src/demos/MultipleFileUploadDemos.md +2 -0
- package/src/demos/examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx +3 -3
- package/src/{next → deprecated}/components/Modal/Modal.tsx +82 -9
- package/src/{next → deprecated}/components/Modal/ModalBox.tsx +6 -6
- package/src/{next → deprecated}/components/Modal/ModalBoxCloseButton.tsx +1 -1
- package/src/{next → deprecated}/components/Modal/ModalBoxTitle.tsx +5 -7
- package/src/deprecated/components/Modal/ModalContent.tsx +222 -0
- package/src/{next → deprecated}/components/Modal/__tests__/Modal.test.tsx +76 -9
- package/src/deprecated/components/Modal/__tests__/ModalBoxHeader.test.tsx +14 -0
- package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxTitle.test.tsx +28 -6
- package/src/deprecated/components/Modal/__tests__/ModalContent.test.tsx +112 -0
- package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap +2 -16
- package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +593 -0
- package/src/{next → deprecated}/components/Modal/examples/Modal.md +34 -24
- package/src/deprecated/components/Modal/examples/ModalBasic.tsx +39 -0
- package/src/deprecated/components/Modal/examples/ModalCustomFocus.tsx +39 -0
- package/src/{components → deprecated/components}/Modal/examples/ModalCustomHeaderFooter.tsx +5 -4
- package/src/deprecated/components/Modal/examples/ModalCustomTitleIcon.tsx +47 -0
- package/src/deprecated/components/Modal/examples/ModalCustomWidth.tsx +39 -0
- package/src/{components → deprecated/components}/Modal/examples/ModalLarge.tsx +5 -4
- package/src/{components → deprecated/components}/Modal/examples/ModalMedium.tsx +5 -4
- package/src/deprecated/components/Modal/examples/ModalNoHeaderFooter.tsx +38 -0
- package/src/{components → deprecated/components}/Modal/examples/ModalSmall.tsx +5 -4
- package/src/deprecated/components/Modal/examples/ModalTitleIcon.tsx +46 -0
- package/src/deprecated/components/Modal/examples/ModalTopAligned.tsx +39 -0
- package/src/deprecated/components/Modal/examples/ModalWithDescription.tsx +39 -0
- package/src/deprecated/components/Modal/examples/ModalWithDropdown.tsx +100 -0
- package/src/deprecated/components/Modal/examples/ModalWithForm.tsx +183 -0
- package/src/deprecated/components/Modal/examples/ModalWithHelp.tsx +56 -0
- package/src/deprecated/components/Modal/examples/ModalWithOverflowingContent.tsx +72 -0
- package/src/{next → deprecated}/components/Modal/examples/ModalWithWizard.tsx +7 -5
- package/src/deprecated/components/Modal/index.ts +7 -0
- package/src/deprecated/components/Wizard/Wizard.tsx +1 -1
- package/src/deprecated/components/index.ts +1 -0
- package/src/next/components/index.ts +0 -1
- package/dist/dynamic/next/components/Modal/package.json +0 -1
- package/dist/esm/components/Modal/ModalBoxBody.d.ts.map +0 -1
- package/dist/esm/components/Modal/ModalBoxBody.js.map +0 -1
- package/dist/esm/components/Modal/ModalBoxFooter.d.ts.map +0 -1
- package/dist/esm/components/Modal/ModalBoxFooter.js.map +0 -1
- package/dist/esm/components/Modal/ModalBoxHeader.d.ts.map +0 -1
- package/dist/esm/components/Modal/ModalBoxHeader.js.map +0 -1
- package/dist/esm/next/components/Modal/Modal.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/Modal.js.map +0 -1
- package/dist/esm/next/components/Modal/ModalBody.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/ModalBody.js.map +0 -1
- package/dist/esm/next/components/Modal/ModalBox.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/ModalBox.js +0 -15
- package/dist/esm/next/components/Modal/ModalBox.js.map +0 -1
- package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/ModalBoxCloseButton.js.map +0 -1
- package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/ModalBoxDescription.js.map +0 -1
- package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/ModalBoxTitle.js.map +0 -1
- package/dist/esm/next/components/Modal/ModalContent.d.ts +0 -42
- package/dist/esm/next/components/Modal/ModalContent.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/ModalContent.js +0 -45
- package/dist/esm/next/components/Modal/ModalContent.js.map +0 -1
- package/dist/esm/next/components/Modal/ModalFooter.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/ModalFooter.js.map +0 -1
- package/dist/esm/next/components/Modal/ModalHeader.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/ModalHeader.js.map +0 -1
- package/dist/esm/next/components/Modal/index.d.ts +0 -5
- package/dist/esm/next/components/Modal/index.d.ts.map +0 -1
- package/dist/esm/next/components/Modal/index.js +0 -5
- package/dist/esm/next/components/Modal/index.js.map +0 -1
- package/dist/js/components/Modal/ModalBoxBody.d.ts.map +0 -1
- package/dist/js/components/Modal/ModalBoxBody.js.map +0 -1
- package/dist/js/components/Modal/ModalBoxFooter.d.ts.map +0 -1
- package/dist/js/components/Modal/ModalBoxFooter.js.map +0 -1
- package/dist/js/components/Modal/ModalBoxHeader.d.ts.map +0 -1
- package/dist/js/components/Modal/ModalBoxHeader.js.map +0 -1
- package/dist/js/next/components/Modal/Modal.d.ts.map +0 -1
- package/dist/js/next/components/Modal/Modal.js.map +0 -1
- package/dist/js/next/components/Modal/ModalBody.d.ts.map +0 -1
- package/dist/js/next/components/Modal/ModalBody.js.map +0 -1
- package/dist/js/next/components/Modal/ModalBox.d.ts.map +0 -1
- package/dist/js/next/components/Modal/ModalBox.js +0 -19
- package/dist/js/next/components/Modal/ModalBox.js.map +0 -1
- package/dist/js/next/components/Modal/ModalBoxCloseButton.d.ts.map +0 -1
- package/dist/js/next/components/Modal/ModalBoxCloseButton.js.map +0 -1
- package/dist/js/next/components/Modal/ModalBoxDescription.d.ts.map +0 -1
- package/dist/js/next/components/Modal/ModalBoxDescription.js.map +0 -1
- package/dist/js/next/components/Modal/ModalBoxTitle.d.ts.map +0 -1
- package/dist/js/next/components/Modal/ModalBoxTitle.js.map +0 -1
- package/dist/js/next/components/Modal/ModalContent.d.ts +0 -42
- package/dist/js/next/components/Modal/ModalContent.d.ts.map +0 -1
- package/dist/js/next/components/Modal/ModalContent.js +0 -49
- package/dist/js/next/components/Modal/ModalContent.js.map +0 -1
- package/dist/js/next/components/Modal/ModalFooter.d.ts.map +0 -1
- package/dist/js/next/components/Modal/ModalFooter.js.map +0 -1
- package/dist/js/next/components/Modal/ModalHeader.d.ts.map +0 -1
- package/dist/js/next/components/Modal/ModalHeader.js.map +0 -1
- package/dist/js/next/components/Modal/index.d.ts +0 -5
- package/dist/js/next/components/Modal/index.d.ts.map +0 -1
- package/dist/js/next/components/Modal/index.js +0 -8
- package/dist/js/next/components/Modal/index.js.map +0 -1
- package/src/next/components/Modal/ModalContent.tsx +0 -131
- package/src/next/components/Modal/__tests__/ModalBoxHeader.test.tsx +0 -21
- package/src/next/components/Modal/__tests__/ModalContent.test.tsx +0 -46
- package/src/next/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +0 -128
- package/src/next/components/Modal/examples/ModalBasic.tsx +0 -43
- package/src/next/components/Modal/examples/ModalCustomFocus.tsx +0 -43
- package/src/next/components/Modal/examples/ModalCustomTitleIcon.tsx +0 -54
- package/src/next/components/Modal/examples/ModalCustomWidth.tsx +0 -43
- package/src/next/components/Modal/examples/ModalNoHeaderFooter.tsx +0 -40
- package/src/next/components/Modal/examples/ModalTitleIcon.tsx +0 -48
- package/src/next/components/Modal/examples/ModalTopAligned.tsx +0 -43
- package/src/next/components/Modal/examples/ModalWithDescription.tsx +0 -80
- package/src/next/components/Modal/examples/ModalWithDropdown.tsx +0 -105
- package/src/next/components/Modal/examples/ModalWithForm.tsx +0 -191
- package/src/next/components/Modal/examples/ModalWithHelp.tsx +0 -63
- package/src/next/components/Modal/examples/ModalWithOverflowingContent.tsx +0 -75
- package/src/next/components/Modal/index.ts +0 -4
- /package/dist/esm/{next/components → components}/Modal/ModalBody.d.ts +0 -0
- /package/dist/esm/{next/components → components}/Modal/ModalBody.js +0 -0
- /package/dist/esm/{next/components → components}/Modal/ModalFooter.d.ts +0 -0
- /package/dist/esm/{next/components → components}/Modal/ModalFooter.js +0 -0
- /package/dist/esm/{next/components → components}/Modal/ModalHeader.d.ts +0 -0
- /package/dist/esm/{next/components → components}/Modal/ModalHeader.js +0 -0
- /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxBody.d.ts +0 -0
- /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxBody.js +0 -0
- /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxCloseButton.d.ts +0 -0
- /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxDescription.d.ts +0 -0
- /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxDescription.js +0 -0
- /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxFooter.d.ts +0 -0
- /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxFooter.js +0 -0
- /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxHeader.d.ts +0 -0
- /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxHeader.js +0 -0
- /package/dist/js/{next/components → components}/Modal/ModalBody.d.ts +0 -0
- /package/dist/js/{next/components → components}/Modal/ModalBody.js +0 -0
- /package/dist/js/{next/components → components}/Modal/ModalFooter.d.ts +0 -0
- /package/dist/js/{next/components → components}/Modal/ModalFooter.js +0 -0
- /package/dist/js/{next/components → components}/Modal/ModalHeader.d.ts +0 -0
- /package/dist/js/{next/components → components}/Modal/ModalHeader.js +0 -0
- /package/dist/js/{components → deprecated/components}/Modal/ModalBoxBody.d.ts +0 -0
- /package/dist/js/{components → deprecated/components}/Modal/ModalBoxBody.js +0 -0
- /package/dist/js/{next → deprecated}/components/Modal/ModalBoxCloseButton.d.ts +0 -0
- /package/dist/js/{next → deprecated}/components/Modal/ModalBoxDescription.d.ts +0 -0
- /package/dist/js/{next → deprecated}/components/Modal/ModalBoxDescription.js +0 -0
- /package/dist/js/{components → deprecated/components}/Modal/ModalBoxFooter.d.ts +0 -0
- /package/dist/js/{components → deprecated/components}/Modal/ModalBoxFooter.js +0 -0
- /package/dist/js/{components → deprecated/components}/Modal/ModalBoxHeader.d.ts +0 -0
- /package/dist/js/{components → deprecated/components}/Modal/ModalBoxHeader.js +0 -0
- /package/src/{next/components → components}/Modal/ModalBody.tsx +0 -0
- /package/src/{next/components → components}/Modal/ModalFooter.tsx +0 -0
- /package/src/{next/components → components}/Modal/ModalHeader.tsx +0 -0
- /package/src/{next/components → components}/Modal/__tests__/ModalBody.test.tsx +0 -0
- /package/src/{next/components → components}/Modal/__tests__/ModalFooter.test.tsx +0 -0
- /package/src/{next/components → components}/Modal/__tests__/__snapshots__/ModalBody.test.tsx.snap +0 -0
- /package/src/{next/components → components}/Modal/__tests__/__snapshots__/ModalFooter.test.tsx.snap +0 -0
- /package/src/{components → deprecated/components}/Modal/ModalBoxBody.tsx +0 -0
- /package/src/{next → deprecated}/components/Modal/ModalBoxDescription.tsx +0 -0
- /package/src/{components → deprecated/components}/Modal/ModalBoxFooter.tsx +0 -0
- /package/src/{components → deprecated/components}/Modal/ModalBoxHeader.tsx +0 -0
- /package/src/{next → deprecated}/components/Modal/__tests__/ModalBox.test.tsx +0 -0
- /package/src/{components → deprecated/components}/Modal/__tests__/ModalBoxBody.test.tsx +0 -0
- /package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxCloseButton.test.tsx +0 -0
- /package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxDescription.test.tsx +0 -0
- /package/src/{components → deprecated/components}/Modal/__tests__/ModalBoxFooter.test.tsx +0 -0
- /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBox.test.tsx.snap +0 -0
- /package/src/{components → deprecated/components}/Modal/__tests__/__snapshots__/ModalBoxBody.test.tsx.snap +0 -0
- /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxDescription.test.tsx.snap +0 -0
- /package/src/{components → deprecated/components}/Modal/__tests__/__snapshots__/ModalBoxFooter.test.tsx.snap +0 -0
- /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +0 -0
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Button, Dropdown, DropdownList, DropdownItem, MenuToggle, MenuToggleElement } from '@patternfly/react-core';
|
|
3
|
+
import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
|
|
4
|
+
|
|
5
|
+
export const ModalWithDropdown: React.FunctionComponent = () => {
|
|
6
|
+
const [isModalOpen, setIsModalOpen] = React.useState(false);
|
|
7
|
+
const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
|
|
8
|
+
|
|
9
|
+
const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
|
|
10
|
+
setIsModalOpen(!isModalOpen);
|
|
11
|
+
setIsDropdownOpen(false);
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
const handleDropdownToggle = () => {
|
|
15
|
+
setIsDropdownOpen(!isDropdownOpen);
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
const onSelect = () => {
|
|
19
|
+
setIsDropdownOpen(!isDropdownOpen);
|
|
20
|
+
onFocus();
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
const onFocus = () => {
|
|
24
|
+
const element = document.getElementById('modal-dropdown-toggle');
|
|
25
|
+
(element as HTMLElement).focus();
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
const onEscapePress = (event: KeyboardEvent) => {
|
|
29
|
+
if (isDropdownOpen) {
|
|
30
|
+
setIsDropdownOpen(!isDropdownOpen);
|
|
31
|
+
onFocus();
|
|
32
|
+
} else {
|
|
33
|
+
handleModalToggle(event);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
return (
|
|
38
|
+
<React.Fragment>
|
|
39
|
+
<Button variant="primary" onClick={handleModalToggle}>
|
|
40
|
+
Show dropdown modal
|
|
41
|
+
</Button>
|
|
42
|
+
<ModalDeprecated
|
|
43
|
+
title="Dropdown modal"
|
|
44
|
+
variant={ModalVariantDeprecated.small}
|
|
45
|
+
isOpen={isModalOpen}
|
|
46
|
+
onClose={handleModalToggle}
|
|
47
|
+
actions={[
|
|
48
|
+
<Button key="confirm" variant="primary" onClick={handleModalToggle}>
|
|
49
|
+
Confirm
|
|
50
|
+
</Button>,
|
|
51
|
+
<Button key="cancel" variant="link" onClick={handleModalToggle}>
|
|
52
|
+
Cancel
|
|
53
|
+
</Button>
|
|
54
|
+
]}
|
|
55
|
+
onEscapePress={onEscapePress}
|
|
56
|
+
>
|
|
57
|
+
<div>
|
|
58
|
+
Set the dropdown <strong>menuAppendTo</strong> prop to <em>parent</em> in order to allow the dropdown menu
|
|
59
|
+
break out of the modal container. You'll also want to handle closing of the modal yourself, by listening to
|
|
60
|
+
the <strong>onEscapePress</strong> callback on the Modal component, so you can close the Dropdown first if
|
|
61
|
+
it's open without closing the entire modal.
|
|
62
|
+
</div>
|
|
63
|
+
<br />
|
|
64
|
+
<div>
|
|
65
|
+
<Dropdown
|
|
66
|
+
isOpen={isDropdownOpen}
|
|
67
|
+
onSelect={onSelect}
|
|
68
|
+
onOpenChange={(isOpen: boolean) => setIsDropdownOpen(isOpen)}
|
|
69
|
+
toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
|
|
70
|
+
<MenuToggle ref={toggleRef} onClick={handleDropdownToggle} isExpanded={isDropdownOpen}>
|
|
71
|
+
Dropdown
|
|
72
|
+
</MenuToggle>
|
|
73
|
+
)}
|
|
74
|
+
>
|
|
75
|
+
<DropdownList>
|
|
76
|
+
<DropdownItem value={0} key="action">
|
|
77
|
+
Action
|
|
78
|
+
</DropdownItem>
|
|
79
|
+
<DropdownItem
|
|
80
|
+
value={1}
|
|
81
|
+
key="link"
|
|
82
|
+
to="#default-link2"
|
|
83
|
+
// Prevent the default onClick functionality for example purposes
|
|
84
|
+
onClick={(ev: any) => ev.preventDefault()}
|
|
85
|
+
>
|
|
86
|
+
Link
|
|
87
|
+
</DropdownItem>
|
|
88
|
+
<DropdownItem value={2} isDisabled key="disabled action">
|
|
89
|
+
Disabled Action
|
|
90
|
+
</DropdownItem>
|
|
91
|
+
<DropdownItem value={3} isDisabled key="disabled link" to="#default-link4">
|
|
92
|
+
Disabled Link
|
|
93
|
+
</DropdownItem>
|
|
94
|
+
</DropdownList>
|
|
95
|
+
</Dropdown>
|
|
96
|
+
</div>
|
|
97
|
+
</ModalDeprecated>
|
|
98
|
+
</React.Fragment>
|
|
99
|
+
);
|
|
100
|
+
};
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Button, Form, FormGroup, FormGroupLabelHelp, Popover, TextInput } from '@patternfly/react-core';
|
|
3
|
+
import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
|
|
4
|
+
|
|
5
|
+
export const ModalWithForm: React.FunctionComponent = () => {
|
|
6
|
+
const [isModalOpen, setModalOpen] = React.useState(false);
|
|
7
|
+
const [nameValue, setNameValue] = React.useState('');
|
|
8
|
+
const [emailValue, setEmailValue] = React.useState('');
|
|
9
|
+
const [addressValue, setAddressValue] = React.useState('');
|
|
10
|
+
const nameLabelHelpRef = React.useRef(null);
|
|
11
|
+
const emailLabelHelpRef = React.useRef(null);
|
|
12
|
+
const addressLabelHelpRef = React.useRef(null);
|
|
13
|
+
|
|
14
|
+
const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
|
|
15
|
+
setModalOpen(!isModalOpen);
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
const handleNameInputChange = (_event, value: string) => {
|
|
19
|
+
setNameValue(value);
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const handleEmailInputChange = (_event, value: string) => {
|
|
23
|
+
setEmailValue(value);
|
|
24
|
+
};
|
|
25
|
+
const handleAddressInputChange = (_event, value: string) => {
|
|
26
|
+
setAddressValue(value);
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
return (
|
|
30
|
+
<React.Fragment>
|
|
31
|
+
<Button variant="primary" onClick={handleModalToggle}>
|
|
32
|
+
Show modal with form
|
|
33
|
+
</Button>
|
|
34
|
+
<ModalDeprecated
|
|
35
|
+
variant={ModalVariantDeprecated.small}
|
|
36
|
+
title="Create account"
|
|
37
|
+
description="Enter your personal information below to create an account."
|
|
38
|
+
isOpen={isModalOpen}
|
|
39
|
+
onClose={handleModalToggle}
|
|
40
|
+
actions={[
|
|
41
|
+
<Button key="create" variant="primary" form="modal-with-form-form" onClick={handleModalToggle}>
|
|
42
|
+
Confirm
|
|
43
|
+
</Button>,
|
|
44
|
+
<Button key="cancel" variant="link" onClick={handleModalToggle}>
|
|
45
|
+
Cancel
|
|
46
|
+
</Button>
|
|
47
|
+
]}
|
|
48
|
+
>
|
|
49
|
+
<Form id="modal-with-form-form">
|
|
50
|
+
<FormGroup
|
|
51
|
+
label="Name"
|
|
52
|
+
labelHelp={
|
|
53
|
+
<Popover
|
|
54
|
+
triggerRef={nameLabelHelpRef}
|
|
55
|
+
headerContent={
|
|
56
|
+
<div>
|
|
57
|
+
The
|
|
58
|
+
<a href="https://schema.org/name" target="_blank" rel="noopener noreferrer">
|
|
59
|
+
name
|
|
60
|
+
</a>
|
|
61
|
+
of a
|
|
62
|
+
<a href="https://schema.org/Person" target="_blank" rel="noopener noreferrer">
|
|
63
|
+
Person
|
|
64
|
+
</a>
|
|
65
|
+
</div>
|
|
66
|
+
}
|
|
67
|
+
bodyContent={
|
|
68
|
+
<div>
|
|
69
|
+
Often composed of
|
|
70
|
+
<a href="https://schema.org/givenName" target="_blank" rel="noopener noreferrer">
|
|
71
|
+
givenName
|
|
72
|
+
</a>
|
|
73
|
+
and
|
|
74
|
+
<a href="https://schema.org/familyName" target="_blank" rel="noopener noreferrer">
|
|
75
|
+
familyName
|
|
76
|
+
</a>
|
|
77
|
+
.
|
|
78
|
+
</div>
|
|
79
|
+
}
|
|
80
|
+
>
|
|
81
|
+
<FormGroupLabelHelp ref={nameLabelHelpRef} aria-label="More info for name field" />
|
|
82
|
+
</Popover>
|
|
83
|
+
}
|
|
84
|
+
isRequired
|
|
85
|
+
fieldId="modal-with-form-form-name"
|
|
86
|
+
>
|
|
87
|
+
<TextInput
|
|
88
|
+
isRequired
|
|
89
|
+
type="email"
|
|
90
|
+
id="modal-with-form-form-name"
|
|
91
|
+
name="modal-with-form-form-name"
|
|
92
|
+
value={nameValue}
|
|
93
|
+
onChange={handleNameInputChange}
|
|
94
|
+
/>
|
|
95
|
+
</FormGroup>
|
|
96
|
+
<FormGroup
|
|
97
|
+
label="E-mail"
|
|
98
|
+
labelHelp={
|
|
99
|
+
<Popover
|
|
100
|
+
triggerRef={emailLabelHelpRef}
|
|
101
|
+
headerContent={
|
|
102
|
+
<div>
|
|
103
|
+
The
|
|
104
|
+
<a href="https://schema.org/email" target="_blank" rel="noopener noreferrer">
|
|
105
|
+
e-mail
|
|
106
|
+
</a>
|
|
107
|
+
of a
|
|
108
|
+
<a href="https://schema.org/Person" target="_blank" rel="noopener noreferrer">
|
|
109
|
+
person
|
|
110
|
+
</a>
|
|
111
|
+
</div>
|
|
112
|
+
}
|
|
113
|
+
bodyContent={
|
|
114
|
+
<div>
|
|
115
|
+
Valid
|
|
116
|
+
<a href="https://schema.org/email" target="_blank" rel="noopener noreferrer">
|
|
117
|
+
e-mail
|
|
118
|
+
</a>
|
|
119
|
+
address.
|
|
120
|
+
</div>
|
|
121
|
+
}
|
|
122
|
+
>
|
|
123
|
+
<FormGroupLabelHelp ref={emailLabelHelpRef} aria-label="More info for e-mail field" />
|
|
124
|
+
</Popover>
|
|
125
|
+
}
|
|
126
|
+
isRequired
|
|
127
|
+
fieldId="modal-with-form-form-email"
|
|
128
|
+
>
|
|
129
|
+
<TextInput
|
|
130
|
+
isRequired
|
|
131
|
+
type="email"
|
|
132
|
+
id="modal-with-form-form-email"
|
|
133
|
+
name="modal-with-form-form-email"
|
|
134
|
+
value={emailValue}
|
|
135
|
+
onChange={handleEmailInputChange}
|
|
136
|
+
/>
|
|
137
|
+
</FormGroup>
|
|
138
|
+
<FormGroup
|
|
139
|
+
label="Address"
|
|
140
|
+
labelHelp={
|
|
141
|
+
<Popover
|
|
142
|
+
triggerRef={addressLabelHelpRef}
|
|
143
|
+
headerContent={
|
|
144
|
+
<div>
|
|
145
|
+
The
|
|
146
|
+
<a href="https://schema.org/address" target="_blank" rel="noopener noreferrer">
|
|
147
|
+
adress
|
|
148
|
+
</a>
|
|
149
|
+
of a
|
|
150
|
+
<a href="https://schema.org/Person" target="_blank" rel="noopener noreferrer">
|
|
151
|
+
person
|
|
152
|
+
</a>
|
|
153
|
+
</div>
|
|
154
|
+
}
|
|
155
|
+
bodyContent={
|
|
156
|
+
<div>
|
|
157
|
+
Valid
|
|
158
|
+
<a href="https://schema.org/PostalAddress" target="_blank" rel="noopener noreferrer">
|
|
159
|
+
postal address.
|
|
160
|
+
</a>
|
|
161
|
+
</div>
|
|
162
|
+
}
|
|
163
|
+
>
|
|
164
|
+
<FormGroupLabelHelp ref={addressLabelHelpRef} aria-label="More info for address field" />
|
|
165
|
+
</Popover>
|
|
166
|
+
}
|
|
167
|
+
isRequired
|
|
168
|
+
fieldId="modal-with-form-form-address"
|
|
169
|
+
>
|
|
170
|
+
<TextInput
|
|
171
|
+
isRequired
|
|
172
|
+
type="email"
|
|
173
|
+
id="modal-with-form-form-address"
|
|
174
|
+
name="modal-with-form-form-address"
|
|
175
|
+
value={addressValue}
|
|
176
|
+
onChange={handleAddressInputChange}
|
|
177
|
+
/>
|
|
178
|
+
</FormGroup>
|
|
179
|
+
</Form>
|
|
180
|
+
</ModalDeprecated>
|
|
181
|
+
</React.Fragment>
|
|
182
|
+
);
|
|
183
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Button, Popover } from '@patternfly/react-core';
|
|
3
|
+
import { Modal as ModalDeprecated } from '@patternfly/react-core/deprecated';
|
|
4
|
+
|
|
5
|
+
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
|
|
6
|
+
|
|
7
|
+
export const ModalWithHelp: React.FunctionComponent = () => {
|
|
8
|
+
const [isModalOpen, setIsModalOpen] = React.useState(false);
|
|
9
|
+
|
|
10
|
+
const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
|
|
11
|
+
setIsModalOpen(!isModalOpen);
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
return (
|
|
15
|
+
<React.Fragment>
|
|
16
|
+
<Button variant="primary" onClick={handleModalToggle}>
|
|
17
|
+
Show with help modal
|
|
18
|
+
</Button>
|
|
19
|
+
<ModalDeprecated
|
|
20
|
+
variant="small"
|
|
21
|
+
title="With help modal"
|
|
22
|
+
help={
|
|
23
|
+
<Popover
|
|
24
|
+
headerContent={<div>Help Popover</div>}
|
|
25
|
+
bodyContent={
|
|
26
|
+
<div>
|
|
27
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
|
|
28
|
+
</div>
|
|
29
|
+
}
|
|
30
|
+
footerContent="Popover Footer"
|
|
31
|
+
>
|
|
32
|
+
<Button variant="plain" aria-label="Help">
|
|
33
|
+
<HelpIcon />
|
|
34
|
+
</Button>
|
|
35
|
+
</Popover>
|
|
36
|
+
}
|
|
37
|
+
isOpen={isModalOpen}
|
|
38
|
+
onClose={handleModalToggle}
|
|
39
|
+
actions={[
|
|
40
|
+
<Button key="confirm" variant="primary" onClick={handleModalToggle}>
|
|
41
|
+
Confirm
|
|
42
|
+
</Button>,
|
|
43
|
+
<Button key="cancel" variant="link" onClick={handleModalToggle}>
|
|
44
|
+
Cancel
|
|
45
|
+
</Button>
|
|
46
|
+
]}
|
|
47
|
+
>
|
|
48
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
49
|
+
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
50
|
+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
|
51
|
+
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
|
|
52
|
+
laborum.
|
|
53
|
+
</ModalDeprecated>
|
|
54
|
+
</React.Fragment>
|
|
55
|
+
);
|
|
56
|
+
};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Button } from '@patternfly/react-core';
|
|
3
|
+
import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
|
|
4
|
+
|
|
5
|
+
export const ModalWithOverflowingContent: React.FunctionComponent = () => {
|
|
6
|
+
const [isModalOpen, setIsModalOpen] = React.useState(false);
|
|
7
|
+
|
|
8
|
+
const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
|
|
9
|
+
setIsModalOpen((prevIsModalOpen) => !prevIsModalOpen);
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
return (
|
|
13
|
+
<React.Fragment>
|
|
14
|
+
<Button variant="primary" onClick={handleModalToggle}>
|
|
15
|
+
Show modal
|
|
16
|
+
</Button>
|
|
17
|
+
<ModalDeprecated
|
|
18
|
+
bodyAriaLabel="Scrollable modal content"
|
|
19
|
+
tabIndex={0}
|
|
20
|
+
variant={ModalVariantDeprecated.small}
|
|
21
|
+
title="Modal with overflowing content"
|
|
22
|
+
isOpen={isModalOpen}
|
|
23
|
+
onClose={handleModalToggle}
|
|
24
|
+
actions={[
|
|
25
|
+
<Button key="confirm" variant="primary" onClick={handleModalToggle}>
|
|
26
|
+
Confirm
|
|
27
|
+
</Button>,
|
|
28
|
+
<Button key="cancel" variant="link" onClick={handleModalToggle}>
|
|
29
|
+
Cancel
|
|
30
|
+
</Button>
|
|
31
|
+
]}
|
|
32
|
+
>
|
|
33
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
34
|
+
magna aliqua. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Semper auctor neque vitae tempus.
|
|
35
|
+
Diam donec adipiscing tristique risus. Augue eget arcu dictum varius duis. Ut enim blandit volutpat maecenas
|
|
36
|
+
volutpat blandit aliquam. Sit amet mauris commodo quis imperdiet massa tincidunt. Habitant morbi tristique
|
|
37
|
+
senectus et netus. Fames ac turpis egestas sed tempus urna. Neque laoreet suspendisse interdum consectetur
|
|
38
|
+
libero id. Volutpat lacus laoreet non curabitur gravida arcu ac tortor. Porta nibh venenatis cras sed felis eget
|
|
39
|
+
velit. Nullam non nisi est sit amet facilisis. Nunc mi ipsum faucibus vitae. Lorem sed risus ultricies tristique
|
|
40
|
+
nulla aliquet enim tortor at. Egestas sed tempus urna et pharetra pharetra massa massa ultricies. Lacinia quis
|
|
41
|
+
vel eros donec ac odio tempor orci. Malesuada fames ac turpis egestas integer eget aliquet.
|
|
42
|
+
<br />
|
|
43
|
+
<br />
|
|
44
|
+
Neque aliquam vestibulum morbi blandit cursus risus at ultrices. Molestie at elementum eu facilisis sed odio
|
|
45
|
+
morbi. Elit pellentesque habitant morbi tristique. Consequat nisl vel pretium lectus quam id leo in vitae. Quis
|
|
46
|
+
varius quam quisque id diam vel quam elementum. Viverra nam libero justo laoreet sit amet cursus. Sollicitudin
|
|
47
|
+
tempor id eu nisl nunc. Orci nulla pellentesque dignissim enim sit amet venenatis. Dignissim enim sit amet
|
|
48
|
+
venenatis urna cursus eget. Iaculis at erat pellentesque adipiscing commodo elit. Faucibus pulvinar elementum
|
|
49
|
+
integer enim neque volutpat. Nullam vehicula ipsum a arcu cursus vitae congue mauris. Nunc mattis enim ut tellus
|
|
50
|
+
elementum sagittis vitae. Blandit cursus risus at ultrices. Tellus mauris a diam maecenas sed enim. Non diam
|
|
51
|
+
phasellus vestibulum lorem sed risus ultricies tristique nulla.
|
|
52
|
+
<br />
|
|
53
|
+
<br />
|
|
54
|
+
Nulla pharetra diam sit amet nisl suscipit adipiscing. Ac tortor vitae purus faucibus ornare suspendisse sed
|
|
55
|
+
nisi. Sed felis eget velit aliquet sagittis id consectetur purus. Tincidunt tortor aliquam nulla facilisi cras
|
|
56
|
+
fermentum. Volutpat est velit egestas dui id ornare arcu odio. Pharetra magna ac placerat vestibulum. Ultrices
|
|
57
|
+
sagittis orci a scelerisque purus semper eget duis at. Nisi est sit amet facilisis magna etiam tempor orci eu.
|
|
58
|
+
Convallis tellus id interdum velit. Facilisis sed odio morbi quis commodo odio aenean sed.
|
|
59
|
+
<br />
|
|
60
|
+
<br />
|
|
61
|
+
Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Facilisi etiam dignissim diam quis enim
|
|
62
|
+
lobortis scelerisque fermentum. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Magna
|
|
63
|
+
etiam tempor orci eu lobortis elementum. Quis auctor elit sed vulputate mi sit. Eleifend quam adipiscing vitae
|
|
64
|
+
proin sagittis nisl rhoncus mattis rhoncus. Erat velit scelerisque in dictum non. Sit amet nulla facilisi morbi
|
|
65
|
+
tempus iaculis urna. Enim ut tellus elementum sagittis vitae et leo duis ut. Lectus arcu bibendum at varius vel
|
|
66
|
+
pharetra vel turpis. Morbi tristique senectus et netus et. Eget aliquet nibh praesent tristique magna sit amet
|
|
67
|
+
purus gravida. Nisl purus in mollis nunc sed id semper risus. Id neque aliquam vestibulum morbi. Mauris a diam
|
|
68
|
+
maecenas sed enim ut sem. Egestas tellus rutrum tellus pellentesque.
|
|
69
|
+
</ModalDeprecated>
|
|
70
|
+
</React.Fragment>
|
|
71
|
+
);
|
|
72
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Button, Wizard, WizardHeader, WizardStep } from '@patternfly/react-core';
|
|
3
|
-
import { Modal, ModalVariant } from '@patternfly/react-core/
|
|
3
|
+
import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
|
|
4
4
|
|
|
5
5
|
export const ModalWithWizard: React.FunctionComponent = () => {
|
|
6
6
|
const [isModalOpen, setIsModalOpen] = React.useState(false);
|
|
@@ -24,11 +24,14 @@ export const ModalWithWizard: React.FunctionComponent = () => {
|
|
|
24
24
|
<Button variant="primary" onClick={handleModalToggle}>
|
|
25
25
|
Show wizard modal
|
|
26
26
|
</Button>
|
|
27
|
-
<
|
|
28
|
-
variant={
|
|
27
|
+
<ModalDeprecated
|
|
28
|
+
variant={ModalVariantDeprecated.large}
|
|
29
|
+
showClose={false}
|
|
29
30
|
isOpen={isModalOpen}
|
|
30
31
|
aria-labelledby="modal-wizard-label"
|
|
31
32
|
aria-describedby="modal-wizard-description"
|
|
33
|
+
onClose={handleModalToggle}
|
|
34
|
+
hasNoBodyWrapper
|
|
32
35
|
>
|
|
33
36
|
<Wizard
|
|
34
37
|
height={400}
|
|
@@ -37,7 +40,6 @@ export const ModalWithWizard: React.FunctionComponent = () => {
|
|
|
37
40
|
title="Wizard modal"
|
|
38
41
|
titleId="modal-wizard-label"
|
|
39
42
|
description="This is a wizard inside of a modal."
|
|
40
|
-
descriptionId="modal-wizard-description"
|
|
41
43
|
onClose={handleWizardToggle}
|
|
42
44
|
closeButtonAriaLabel="Close wizard"
|
|
43
45
|
/>
|
|
@@ -53,7 +55,7 @@ export const ModalWithWizard: React.FunctionComponent = () => {
|
|
|
53
55
|
Review step
|
|
54
56
|
</WizardStep>
|
|
55
57
|
</Wizard>
|
|
56
|
-
</
|
|
58
|
+
</ModalDeprecated>
|
|
57
59
|
</React.Fragment>
|
|
58
60
|
);
|
|
59
61
|
};
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { KeyTypes } from '../../../helpers/constants';
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
|
|
5
|
-
import { Modal, ModalVariant } from '
|
|
5
|
+
import { Modal, ModalVariant } from '../Modal';
|
|
6
6
|
import { WizardFooterInternal } from './WizardFooterInternal';
|
|
7
7
|
import { WizardToggle } from './WizardToggle';
|
|
8
8
|
import { WizardNav } from './WizardNav';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-modal-next-dynamic","main":"../../../../js/next/components/Modal/index.js","module":"../../../../esm/next/components/Modal/index.js","typings":"../../../../esm/next/components/Modal/index.d.ts","version":"6.0.0-alpha.64","private":true}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAQnE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxBody.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxBody.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAShF,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAIrD,EAAE,EAAE;QAJiD,EACvE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEI,EADf,KAAK,cAH+D,yBAIxE,CADS;IACe,OAAA,CACvB,6CAAS,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,KAC3D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAQvE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxFooter.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAShF,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAIvD,EAAE,EAAE;QAJmD,EAC3E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,OAEM,EADjB,KAAK,cAHmE,yBAI5E,CADS;IACiB,OAAA,CACzB,gDAAY,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,KAChE,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAevE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxHeader.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAWhF,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAKvD,EAAE,EAAE;QALmD,EAC3E,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,OAES,EADjB,KAAK,cAJmE,iCAK5E,CADS;IACiB,OAAA,CACzB,8CAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAC/F,IAAI,IAAI,CACP,oBAAC,KAAK,CAAC,QAAQ;YACb,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAO;YAChE,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,OAAO,IAAG,IAAI,CAAO,CAC9C,CAClB;QACA,CAAC,IAAI,IAAI,QAAQ,CACX,CACV,CAAA;CAAA,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrE,OAAO,EAAE,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC5E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iHAAiH;IACjH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D;2DACuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,UAAU,UAAU;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACzD,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,SAAS,SAAK;IACrB,KAAK,SAAM;IAEX,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAM3C;gBAEU,KAAK,EAAE,UAAU;IAW7B,iBAAiB,UAAW,aAAa,KAAG,IAAI,CAK9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,OAAO,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,aAA2D;IAEtG,iBAAiB;IAyBjB,kBAAkB;IAYlB,oBAAoB;IAWpB,MAAM;CAoCP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,+CAA+C;AAE/C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkB7D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBody.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAoBhF,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EAMlD,EAAE,EAAE;QAN8C,EACjE,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,IAAI,OAEW,EADZ,KAAK,cALyD,+CAMlE,CADS;IAER,MAAM,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,OAAO,CACL,yDACc,SAAS,EACrB,IAAI,EAAE,IAAI,IAAI,oBAAoB,EAClC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,IAC1C,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBox.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpE,yGAAyG;IACzG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAqC3D,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { css } from '@patternfly/react-styles';
|
|
4
|
-
import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
|
|
5
|
-
import topSpacer from '@patternfly/react-tokens/dist/esm/c_modal_box_m_align_top_spacer';
|
|
6
|
-
export const ModalBox = (_a) => {
|
|
7
|
-
var { children, className, variant = 'default', position, positionOffset, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, style } = _a, props = __rest(_a, ["children", "className", "variant", "position", "positionOffset", 'aria-labelledby', 'aria-label', 'aria-describedby', "style"]);
|
|
8
|
-
if (positionOffset) {
|
|
9
|
-
style = style || {};
|
|
10
|
-
style[topSpacer.name] = positionOffset;
|
|
11
|
-
}
|
|
12
|
-
return (React.createElement("div", Object.assign({ role: "dialog", "aria-label": ariaLabel || null, "aria-labelledby": ariaLabelledby || null, "aria-describedby": ariaDescribedby, "aria-modal": "true", className: css(styles.modalBox, className, position === 'top' && styles.modifiers.alignTop, variant === 'large' && styles.modifiers.lg, variant === 'small' && styles.modifiers.sm, variant === 'medium' && styles.modifiers.md), style: style }, props), children));
|
|
13
|
-
};
|
|
14
|
-
ModalBox.displayName = 'ModalBox';
|
|
15
|
-
//# sourceMappingURL=ModalBox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBox.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAChF,OAAO,SAAS,MAAM,kEAAkE,CAAC;AAqBzF,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAWjD,EAAE,EAAE;QAX6C,EAC/D,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,KAAK,OAES,EADX,KAAK,cAVuD,gIAWhE,CADS;IAER,IAAI,cAAc,EAAE,CAAC;QACnB,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;QACnB,KAAa,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC;IAClD,CAAC;IACD,OAAO,CACL,2CACE,IAAI,EAAC,QAAQ,gBACD,SAAS,IAAI,IAAI,qBACZ,cAAc,IAAI,IAAI,sBACrB,eAAe,gBACtB,MAAM,EACjB,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,QAAQ,EACf,SAAS,EACT,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC/C,OAAO,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,EAC1C,OAAO,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,EAC1C,OAAO,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,CAC5C,EACD,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAkBjF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAc1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,EACP,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,MAAM,OAEmB,EADtB,KAAK,cAL6E,gDAMtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACtB,SAAS,IACjB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxDescription.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAwB;IACvC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CASjF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxDescription.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAWhF,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,EAAE,GAAG,EAAE,OAEkB,EADtB,KAAK,cAJ6E,+BAKtF,CADS;IACsB,OAAA,CAC9B,6CAAS,KAAK,IAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,aAAa,SAAU,GAAG,mBACsC,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnG,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA4CrE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { OUIAProps } from '../../../helpers';
|
|
3
|
-
export interface ModalContentProps extends OUIAProps {
|
|
4
|
-
/** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
|
|
5
|
-
'aria-describedby'?: string;
|
|
6
|
-
/** Accessible descriptor of the modal. */
|
|
7
|
-
'aria-label'?: string;
|
|
8
|
-
/** Id to use for the modal box label. This should include the ModalHeader labelId. */
|
|
9
|
-
'aria-labelledby'?: string;
|
|
10
|
-
/** Id of the modal box container. */
|
|
11
|
-
boxId: string;
|
|
12
|
-
/** Content rendered inside the modal. */
|
|
13
|
-
children: React.ReactNode;
|
|
14
|
-
/** Additional classes added to the modal box. */
|
|
15
|
-
className?: string;
|
|
16
|
-
/** Flag to disable focus trap. */
|
|
17
|
-
disableFocusTrap?: boolean;
|
|
18
|
-
/** The element to focus when the modal opens. By default the first
|
|
19
|
-
* focusable element will receive focus.
|
|
20
|
-
*/
|
|
21
|
-
elementToFocus?: HTMLElement | SVGElement | string;
|
|
22
|
-
/** Flag to show the modal. */
|
|
23
|
-
isOpen?: boolean;
|
|
24
|
-
/** A callback for when the close button is clicked. */
|
|
25
|
-
onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
|
|
26
|
-
/** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
|
|
27
|
-
position?: 'default' | 'top';
|
|
28
|
-
/** Offset from alternate position. Can be any valid CSS length/percentage. */
|
|
29
|
-
positionOffset?: string;
|
|
30
|
-
/** Variant of the modal. */
|
|
31
|
-
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
32
|
-
/** Default width of the modal. */
|
|
33
|
-
width?: number | string;
|
|
34
|
-
/** Maximum width of the modal. */
|
|
35
|
-
maxWidth?: number | string;
|
|
36
|
-
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
37
|
-
ouiaId?: number | string;
|
|
38
|
-
/** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
|
|
39
|
-
ouiaSafe?: boolean;
|
|
40
|
-
}
|
|
41
|
-
export declare const ModalContent: React.FunctionComponent<ModalContentProps>;
|
|
42
|
-
//# sourceMappingURL=ModalContent.d.ts.map
|