@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-duallistselector-next-dynamic","main":"../../../../js/next/components/DualListSelector/index.js","module":"../../../../esm/next/components/DualListSelector/index.js","typings":"../../../../esm/next/components/DualListSelector/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-duallistselector-next-dynamic","main":"../../../../js/next/components/DualListSelector/index.js","module":"../../../../esm/next/components/DualListSelector/index.js","typings":"../../../../esm/next/components/DualListSelector/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-components-next-dynamic","main":"../../../js/next/components/index.js","module":"../../../esm/next/components/index.js","typings":"../../../esm/next/components/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-components-next-dynamic","main":"../../../js/next/components/index.js","module":"../../../esm/next/components/index.js","typings":"../../../esm/next/components/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.0.0-alpha.65","private":true}
|
|
@@ -387,18 +387,12 @@
|
|
|
387
387
|
"MenuToggleProps": "dist/dynamic/components/MenuToggle",
|
|
388
388
|
"MenuToggleStatus": "dist/dynamic/components/MenuToggle",
|
|
389
389
|
"Modal": "dist/dynamic/components/Modal",
|
|
390
|
-
"
|
|
391
|
-
"
|
|
392
|
-
"
|
|
393
|
-
"
|
|
394
|
-
"
|
|
395
|
-
"
|
|
396
|
-
"ModalBoxFooterProps": "dist/dynamic/components/Modal",
|
|
397
|
-
"ModalBoxHeader": "dist/dynamic/components/Modal",
|
|
398
|
-
"ModalBoxHeaderProps": "dist/dynamic/components/Modal",
|
|
399
|
-
"ModalBoxProps": "dist/dynamic/components/Modal",
|
|
400
|
-
"ModalContent": "dist/dynamic/components/Modal",
|
|
401
|
-
"ModalContentProps": "dist/dynamic/components/Modal",
|
|
390
|
+
"ModalBody": "dist/dynamic/components/Modal",
|
|
391
|
+
"ModalBodyProps": "dist/dynamic/components/Modal",
|
|
392
|
+
"ModalFooter": "dist/dynamic/components/Modal",
|
|
393
|
+
"ModalFooterProps": "dist/dynamic/components/Modal",
|
|
394
|
+
"ModalHeader": "dist/dynamic/components/Modal",
|
|
395
|
+
"ModalHeaderProps": "dist/dynamic/components/Modal",
|
|
402
396
|
"ModalProps": "dist/dynamic/components/Modal",
|
|
403
397
|
"ModalVariant": "dist/dynamic/components/Modal",
|
|
404
398
|
"Mods": "dist/dynamic/helpers",
|
|
@@ -7,7 +7,7 @@ import { AboutModalBoxHeader } from './AboutModalBoxHeader';
|
|
|
7
7
|
import { AboutModalBoxBrand } from './AboutModalBoxBrand';
|
|
8
8
|
import { AboutModalBoxCloseButton } from './AboutModalBoxCloseButton';
|
|
9
9
|
import { AboutModalBox } from './AboutModalBox';
|
|
10
|
-
import { Modal, ModalVariant } from '
|
|
10
|
+
import { Modal, ModalVariant } from '../../deprecated/components/Modal';
|
|
11
11
|
import { GenerateId } from '../../helpers/GenerateId/GenerateId';
|
|
12
12
|
export const AboutModal = (_a) => {
|
|
13
13
|
var { children, className, isOpen = false, onClose = (_e) => undefined, productName, trademark, backgroundImageSrc, brandImageSrc, brandImageAlt, hasNoContentContainer = false, appendTo, closeButtonAriaLabel, 'aria-label': ariaLabel, disableFocusTrap } = _a, props = __rest(_a, ["children", "className", "isOpen", "onClose", "productName", "trademark", "backgroundImageSrc", "brandImageSrc", "brandImageAlt", "hasNoContentContainer", "appendTo", "closeButtonAriaLabel", 'aria-label', "disableFocusTrap"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModal.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,eAAe,MAAM,qEAAqE,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"AboutModal.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,eAAe,MAAM,qEAAqE,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAiCjE,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAgBnD,EAAE,EAAE;QAhB+C,EACnE,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,CAAC,EAAE,EAAO,EAAE,CAAC,SAAS,EAChC,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,qBAAqB,GAAG,KAAK,EAC7B,QAAQ,EACR,oBAAoB,EACpB,YAAY,EAAE,SAAS,EACvB,gBAAgB,OAEA,EADb,KAAK,cAf2D,iOAgBpE,CADS;IAER,IAAI,aAAa,IAAI,CAAC,aAAa,EAAE,CAAC;QACpC,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,aAAa,EACb,iGAAiG,CAClG,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,4EAA4E,CAAC,CAAC;IAC7G,CAAC;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,oBAAC,UAAU,IAAC,MAAM,EAAC,uBAAuB,IACvC,CAAC,cAAc,EAAE,EAAE,CAAC,CACnB,oBAAC,KAAK,kBACJ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,YAAY,CAAC,KAAK,IACvB,CAAC,WAAW,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAC,kBAC9C,SAAS,EACrB,aAAa,EAAE,OAAO,EACtB,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB;QAEhB,oBAAC,aAAa,IACZ,KAAK,EACH,kBAAkB;gBAChB,CAAC,CAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,kBAAkB,GAAG,EAA0B;gBACnF,CAAC,CAAC,EAAE,EAER,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC;YAEzB,oBAAC,kBAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAI;YAC9D,oBAAC,wBAAwB,kBAAa,oBAAoB,EAAE,OAAO,EAAE,OAAO,GAAI;YAC/E,WAAW,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,GAAI;YACrF,oBAAC,oBAAoB,kBAAC,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,qBAAqB,IAAM,KAAK,GAChG,QAAQ,CACY,CACT,CACV,CACT,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -2,53 +2,29 @@ import * as React from 'react';
|
|
|
2
2
|
import { PickOptional } from '../../helpers';
|
|
3
3
|
import { OUIAProps } from '../../helpers';
|
|
4
4
|
export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
|
|
5
|
-
/** Action buttons to add to the standard modal footer. Ignored if the footer property
|
|
6
|
-
* is passed in.
|
|
7
|
-
*/
|
|
8
|
-
actions?: any;
|
|
9
5
|
/** The parent container to append the modal to. Defaults to "document.body". */
|
|
10
6
|
appendTo?: HTMLElement | (() => HTMLElement);
|
|
11
|
-
/** Id to use for the modal box
|
|
7
|
+
/** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
|
|
12
8
|
'aria-describedby'?: string;
|
|
13
|
-
/**
|
|
9
|
+
/** Adds an accessible name to the modal when there is no title in the ModalHeader. */
|
|
14
10
|
'aria-label'?: string;
|
|
15
|
-
/** Id to use for the modal box label. */
|
|
11
|
+
/** Id to use for the modal box label. This should include the ModalHeader labelId. */
|
|
16
12
|
'aria-labelledby'?: string;
|
|
17
|
-
/** Accessible label applied to the modal box body. This should be used to communicate
|
|
18
|
-
* important information about the modal box body div element if needed, such as that it
|
|
19
|
-
* is scrollable.
|
|
20
|
-
*/
|
|
21
|
-
bodyAriaLabel?: string;
|
|
22
|
-
/** Accessible role applied to the modal box body. This will default to "region" if the
|
|
23
|
-
* bodyAriaLabel property is passed in. Set to a more appropriate role as applicable
|
|
24
|
-
* based on the modal content and context.
|
|
25
|
-
*/
|
|
26
|
-
bodyAriaRole?: string;
|
|
27
13
|
/** Content rendered inside the modal. */
|
|
28
14
|
children: React.ReactNode;
|
|
29
15
|
/** Additional classes added to the modal. */
|
|
30
16
|
className?: string;
|
|
31
|
-
/** Description of the modal. */
|
|
32
|
-
description?: React.ReactNode;
|
|
33
17
|
/** Flag to disable focus trap. */
|
|
34
18
|
disableFocusTrap?: boolean;
|
|
35
19
|
/** The element to focus when the modal opens. By default the first
|
|
36
20
|
* focusable element will receive focus.
|
|
37
21
|
*/
|
|
38
22
|
elementToFocus?: HTMLElement | SVGElement | string;
|
|
39
|
-
/** Custom footer. */
|
|
40
|
-
footer?: React.ReactNode;
|
|
41
|
-
/** Flag indicating if modal content should be placed in a modal box body wrapper. */
|
|
42
|
-
hasNoBodyWrapper?: boolean;
|
|
43
|
-
/** Complex header (more than just text), supersedes the title property for header content. */
|
|
44
|
-
header?: React.ReactNode;
|
|
45
|
-
/** Optional help section for the modal header. */
|
|
46
|
-
help?: React.ReactNode;
|
|
47
23
|
/** An id to use for the modal box container. */
|
|
48
24
|
id?: string;
|
|
49
25
|
/** Flag to show the modal. */
|
|
50
26
|
isOpen?: boolean;
|
|
51
|
-
/**
|
|
27
|
+
/** Add callback for when the close button is clicked. This prop needs to be passed to render the close button */
|
|
52
28
|
onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
|
|
53
29
|
/** Modal handles pressing of the escape key and closes the modal. If you want to handle
|
|
54
30
|
* this yourself you can use this callback function. */
|
|
@@ -57,16 +33,6 @@ export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
|
|
|
57
33
|
position?: 'default' | 'top';
|
|
58
34
|
/** Offset from alternate position. Can be any valid CSS length/percentage. */
|
|
59
35
|
positionOffset?: string;
|
|
60
|
-
/** Flag to show the close button in the header area of the modal. */
|
|
61
|
-
showClose?: boolean;
|
|
62
|
-
/** Simple text content of the modal header. Also used for the aria-label on the body. */
|
|
63
|
-
title?: string;
|
|
64
|
-
/** Optional alert icon (or other) to show before the title of the modal header. When the
|
|
65
|
-
* predefined alert types are used the default styling will be automatically applied.
|
|
66
|
-
*/
|
|
67
|
-
titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
|
|
68
|
-
/** Optional title label text for screen readers. */
|
|
69
|
-
titleLabel?: string;
|
|
70
36
|
/** Variant of the modal. */
|
|
71
37
|
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
72
38
|
/** Default width of the modal. */
|
|
@@ -92,8 +58,6 @@ declare class Modal extends React.Component<ModalProps, ModalState> {
|
|
|
92
58
|
static displayName: string;
|
|
93
59
|
static currentId: number;
|
|
94
60
|
boxId: string;
|
|
95
|
-
labelId: string;
|
|
96
|
-
descriptorId: string;
|
|
97
61
|
static defaultProps: PickOptional<ModalProps>;
|
|
98
62
|
constructor(props: ModalProps);
|
|
99
63
|
handleEscKeyClick: (event: KeyboardEvent) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,YAAY,EAAE,MAAM,eAAe,CAAC;AAIlE,OAAO,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC5E
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,YAAY,EAAE,MAAM,eAAe,CAAC;AAIlE,OAAO,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE5D,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"}
|
|
@@ -17,8 +17,6 @@ class Modal extends React.Component {
|
|
|
17
17
|
constructor(props) {
|
|
18
18
|
super(props);
|
|
19
19
|
this.boxId = '';
|
|
20
|
-
this.labelId = '';
|
|
21
|
-
this.descriptorId = '';
|
|
22
20
|
this.handleEscKeyClick = (event) => {
|
|
23
21
|
var _a, _b;
|
|
24
22
|
const { onEscapePress } = this.props;
|
|
@@ -44,18 +42,14 @@ class Modal extends React.Component {
|
|
|
44
42
|
};
|
|
45
43
|
this.isEmpty = (value) => value === null || value === undefined || value === '';
|
|
46
44
|
const boxIdNum = Modal.currentId++;
|
|
47
|
-
const labelIdNum = boxIdNum + 1;
|
|
48
|
-
const descriptorIdNum = boxIdNum + 2;
|
|
49
45
|
this.boxId = props.id || `pf-modal-part-${boxIdNum}`;
|
|
50
|
-
this.labelId = `pf-modal-part-${labelIdNum}`;
|
|
51
|
-
this.descriptorId = `pf-modal-part-${descriptorIdNum}`;
|
|
52
46
|
this.state = {
|
|
53
47
|
container: undefined,
|
|
54
48
|
ouiaStateId: getDefaultOUIAId(Modal.displayName, props.variant)
|
|
55
49
|
};
|
|
56
50
|
}
|
|
57
51
|
componentDidMount() {
|
|
58
|
-
const { appendTo,
|
|
52
|
+
const { appendTo, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = this.props;
|
|
59
53
|
const target = this.getElement(appendTo);
|
|
60
54
|
const container = document.createElement('div');
|
|
61
55
|
this.setState({ container });
|
|
@@ -67,13 +61,9 @@ class Modal extends React.Component {
|
|
|
67
61
|
else {
|
|
68
62
|
target.classList.remove(css(styles.backdropOpen));
|
|
69
63
|
}
|
|
70
|
-
if (
|
|
64
|
+
if (!ariaDescribedby && !ariaLabel && !ariaLabelledby) {
|
|
71
65
|
// eslint-disable-next-line no-console
|
|
72
|
-
console.error('Modal: Specify at least one of:
|
|
73
|
-
}
|
|
74
|
-
if (this.isEmpty(ariaLabel) && this.isEmpty(ariaLabelledby) && (hasNoBodyWrapper || header)) {
|
|
75
|
-
// eslint-disable-next-line no-console
|
|
76
|
-
console.error('Modal: When using hasNoBodyWrapper or setting a custom header, ensure you assign an accessible name to the the modal container with aria-label or aria-labelledby.');
|
|
66
|
+
console.error('Modal: Specify at least one of: aria-describedby, aria-label, aria-labelledby.');
|
|
77
67
|
}
|
|
78
68
|
}
|
|
79
69
|
componentDidUpdate() {
|
|
@@ -103,31 +93,19 @@ class Modal extends React.Component {
|
|
|
103
93
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
104
94
|
appendTo,
|
|
105
95
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
106
|
-
onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby,
|
|
96
|
+
onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, ouiaId, ouiaSafe, position, elementToFocus } = _a, props = __rest(_a, ["appendTo", "onEscapePress", 'aria-labelledby', 'aria-label', 'aria-describedby', "ouiaId", "ouiaSafe", "position", "elementToFocus"]);
|
|
107
97
|
const { container } = this.state;
|
|
108
98
|
if (!canUseDOM || !container) {
|
|
109
99
|
return null;
|
|
110
100
|
}
|
|
111
|
-
return ReactDOM.createPortal(React.createElement(ModalContent, Object.assign({
|
|
101
|
+
return ReactDOM.createPortal(React.createElement(ModalContent, Object.assign({ boxId: this.boxId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe, position: position, elementToFocus: elementToFocus }, props)), container);
|
|
112
102
|
}
|
|
113
103
|
}
|
|
114
104
|
Modal.displayName = 'Modal';
|
|
115
105
|
Modal.currentId = 0;
|
|
116
106
|
Modal.defaultProps = {
|
|
117
|
-
className: '',
|
|
118
107
|
isOpen: false,
|
|
119
|
-
title: '',
|
|
120
|
-
titleIconVariant: null,
|
|
121
|
-
titleLabel: '',
|
|
122
|
-
'aria-label': '',
|
|
123
|
-
showClose: true,
|
|
124
|
-
'aria-describedby': '',
|
|
125
|
-
'aria-labelledby': '',
|
|
126
|
-
id: undefined,
|
|
127
|
-
actions: [],
|
|
128
|
-
onClose: () => undefined,
|
|
129
108
|
variant: 'default',
|
|
130
|
-
hasNoBodyWrapper: false,
|
|
131
109
|
appendTo: () => document.body,
|
|
132
110
|
ouiaSafe: true,
|
|
133
111
|
position: 'default'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../src/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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../../src/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,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface ModalBoxProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Id to use for the modal box description. */
|
|
4
|
-
'aria-describedby'
|
|
5
|
-
/**
|
|
3
|
+
/** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId */
|
|
4
|
+
'aria-describedby'?: string;
|
|
5
|
+
/** Adds an accessible name to the modal when there is no title in the ModalHeader. */
|
|
6
6
|
'aria-label'?: string;
|
|
7
7
|
/** Id to use for the modal box label. */
|
|
8
8
|
'aria-labelledby'?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBox.d.ts","sourceRoot":"","sources":["../../../../src/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
|
|
1
|
+
{"version":3,"file":"ModalBox.d.ts","sourceRoot":"","sources":["../../../../src/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"}
|
|
@@ -4,12 +4,12 @@ import { css } from '@patternfly/react-styles';
|
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
|
|
5
5
|
import topSpacer from '@patternfly/react-tokens/dist/esm/c_modal_box_m_align_top_spacer';
|
|
6
6
|
export const ModalBox = (_a) => {
|
|
7
|
-
var { children, className
|
|
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
8
|
if (positionOffset) {
|
|
9
9
|
style = style || {};
|
|
10
10
|
style[topSpacer.name] = positionOffset;
|
|
11
11
|
}
|
|
12
|
-
return (React.createElement("div", Object.assign({
|
|
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
13
|
};
|
|
14
14
|
ModalBox.displayName = 'ModalBox';
|
|
15
15
|
//# sourceMappingURL=ModalBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBox.js","sourceRoot":"","sources":["../../../../src/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,
|
|
1
|
+
{"version":3,"file":"ModalBox.js","sourceRoot":"","sources":["../../../../src/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"}
|
|
@@ -5,7 +5,7 @@ import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
|
|
|
5
5
|
import { Button } from '../Button';
|
|
6
6
|
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
7
7
|
export const ModalBoxCloseButton = (_a) => {
|
|
8
|
-
var { className, onClose
|
|
8
|
+
var { className, onClose, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = __rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
|
|
9
9
|
return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
|
|
10
10
|
React.createElement(Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
|
|
11
11
|
React.createElement(TimesIcon, null))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/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,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAc1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,
|
|
1
|
+
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/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,WAAW,CAAC;AACnC,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"}
|
|
@@ -4,14 +4,14 @@ export interface ModalBoxTitleProps {
|
|
|
4
4
|
/** Additional classes added to the modal box title. */
|
|
5
5
|
className?: string;
|
|
6
6
|
/** Id of the modal box title. */
|
|
7
|
-
id
|
|
7
|
+
id?: string;
|
|
8
8
|
/** Content rendered inside the modal box title. */
|
|
9
9
|
title: React.ReactNode;
|
|
10
10
|
/** Optional alert icon (or other) to show before the title. When the predefined alert types
|
|
11
11
|
* are used the default styling will be automatically applied. */
|
|
12
12
|
titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
|
|
13
13
|
/** Optional title label text for screen readers. */
|
|
14
|
-
|
|
14
|
+
titleScreenReaderText?: string;
|
|
15
15
|
}
|
|
16
16
|
export declare const ModalBoxTitle: React.FunctionComponent<ModalBoxTitleProps>;
|
|
17
17
|
//# sourceMappingURL=ModalBoxTitle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../src/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,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../src/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"}
|
|
@@ -12,10 +12,11 @@ import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
|
|
|
12
12
|
import { useIsomorphicLayoutEffect } from '../../helpers';
|
|
13
13
|
export const isVariantIcon = (icon) => ['success', 'danger', 'warning', 'info', 'custom'].includes(icon);
|
|
14
14
|
export const ModalBoxTitle = (_a) => {
|
|
15
|
-
var { className
|
|
15
|
+
var { className, id, title, titleIconVariant, titleScreenReaderText } = _a, props = __rest(_a, ["className", "id", "title", "titleIconVariant", "titleScreenReaderText"]);
|
|
16
16
|
const [hasTooltip, setHasTooltip] = React.useState(false);
|
|
17
17
|
const h1 = React.useRef(null);
|
|
18
|
-
const label =
|
|
18
|
+
const label = titleScreenReaderText ||
|
|
19
|
+
(isVariantIcon(titleIconVariant) ? `${capitalize(titleIconVariant)} alert:` : titleScreenReaderText);
|
|
19
20
|
const variantIcons = {
|
|
20
21
|
success: React.createElement(CheckCircleIcon, null),
|
|
21
22
|
danger: React.createElement(ExclamationCircleIcon, null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,WAAW,MAAM,4DAA4D,CAAC;AACrF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,qBAAqB,MAAM,gEAAgE,CAAC;AACnG,OAAO,uBAAuB,MAAM,kEAAkE,CAAC;AACvG,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAS,EAAkB,EAAE,CACzD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC,CAAC;AAgB9E,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAOtD,EAAE,EAAE;QAPkD,EACzE,SAAS,
|
|
1
|
+
{"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,70 +1,32 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { OUIAProps } from '../../helpers';
|
|
3
3
|
export interface ModalContentProps extends OUIAProps {
|
|
4
|
-
/**
|
|
5
|
-
* is passed in.
|
|
6
|
-
*/
|
|
7
|
-
actions?: any;
|
|
8
|
-
/** Id to use for the modal box descriptor. */
|
|
4
|
+
/** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
|
|
9
5
|
'aria-describedby'?: string;
|
|
10
6
|
/** Accessible descriptor of the modal. */
|
|
11
7
|
'aria-label'?: string;
|
|
12
|
-
/** Id to use for the modal box label. */
|
|
13
|
-
'aria-labelledby'?: string
|
|
14
|
-
/** Accessible label applied to the modal box body. This should be used to communicate
|
|
15
|
-
* important information about the modal box body div element if needed, such as that it
|
|
16
|
-
* is scrollable.
|
|
17
|
-
*/
|
|
18
|
-
bodyAriaLabel?: string;
|
|
19
|
-
/** Accessible role applied to the modal box body. This will default to "region" if the
|
|
20
|
-
* bodyAriaLabel property is passed in. Set to a more appropriate role as applicable
|
|
21
|
-
* based on the modal content and context.
|
|
22
|
-
*/
|
|
23
|
-
bodyAriaRole?: string;
|
|
8
|
+
/** Id to use for the modal box label. This should include the ModalHeader labelId. */
|
|
9
|
+
'aria-labelledby'?: string;
|
|
24
10
|
/** Id of the modal box container. */
|
|
25
11
|
boxId: string;
|
|
26
12
|
/** Content rendered inside the modal. */
|
|
27
13
|
children: React.ReactNode;
|
|
28
14
|
/** Additional classes added to the modal box. */
|
|
29
15
|
className?: string;
|
|
30
|
-
/** Description of the modal. */
|
|
31
|
-
description?: React.ReactNode;
|
|
32
|
-
/** Id of the modal box description. */
|
|
33
|
-
descriptorId: string;
|
|
34
16
|
/** Flag to disable focus trap. */
|
|
35
17
|
disableFocusTrap?: boolean;
|
|
36
18
|
/** The element to focus when the modal opens. By default the first
|
|
37
19
|
* focusable element will receive focus.
|
|
38
20
|
*/
|
|
39
21
|
elementToFocus?: HTMLElement | SVGElement | string;
|
|
40
|
-
/** Custom footer. */
|
|
41
|
-
footer?: React.ReactNode;
|
|
42
|
-
/** Flag indicating if modal content should be placed in a modal box body wrapper. */
|
|
43
|
-
hasNoBodyWrapper?: boolean;
|
|
44
|
-
/** Complex header (more than just text), supersedes the title property for header content. */
|
|
45
|
-
header?: React.ReactNode;
|
|
46
|
-
/** Optional help section for the modal header. */
|
|
47
|
-
help?: React.ReactNode;
|
|
48
22
|
/** Flag to show the modal. */
|
|
49
23
|
isOpen?: boolean;
|
|
50
|
-
/** Id of the modal box title. */
|
|
51
|
-
labelId: string;
|
|
52
24
|
/** A callback for when the close button is clicked. */
|
|
53
25
|
onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
|
|
54
26
|
/** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
|
|
55
27
|
position?: 'default' | 'top';
|
|
56
28
|
/** Offset from alternate position. Can be any valid CSS length/percentage. */
|
|
57
29
|
positionOffset?: string;
|
|
58
|
-
/** Flag to show the close button in the header area of the modal. */
|
|
59
|
-
showClose?: boolean;
|
|
60
|
-
/** Simple text content of the modal header. Also used for the aria-label on the body. */
|
|
61
|
-
title?: string;
|
|
62
|
-
/** Optional alert icon (or other) to show before the title of the modal header. When the
|
|
63
|
-
* predefined alert types are used the default styling will be automatically applied.
|
|
64
|
-
*/
|
|
65
|
-
titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
|
|
66
|
-
/** Optional title label text for screen readers. */
|
|
67
|
-
titleLabel?: string;
|
|
68
30
|
/** Variant of the modal. */
|
|
69
31
|
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
70
32
|
/** Default width of the modal. */
|