@patternfly/react-core 6.0.0-alpha.19 → 6.0.0-alpha.20
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 +162 -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/Chip/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/DragDrop/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/ApplicationLauncher/package.json +1 -1
- package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
- package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
- package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
- package/dist/dynamic/deprecated/components/Select/package.json +1 -1
- 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/favorites/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/Modal/package.json +1 -0
- package/dist/dynamic/next/components/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -0
- package/dist/esm/components/Accordion/Accordion.d.ts +2 -0
- package/dist/esm/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/esm/components/Accordion/Accordion.js +4 -3
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/Accordion/AccordionContext.d.ts +1 -0
- package/dist/esm/components/Accordion/AccordionContext.d.ts.map +1 -1
- package/dist/esm/components/Accordion/AccordionContext.js.map +1 -1
- package/dist/esm/components/Accordion/AccordionToggle.d.ts.map +1 -1
- package/dist/esm/components/Accordion/AccordionToggle.js +7 -4
- package/dist/esm/components/Accordion/AccordionToggle.js.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.d.ts +9 -3
- package/dist/esm/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +16 -8
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/Chip/Chip.d.ts.map +1 -1
- package/dist/esm/components/Chip/Chip.js +3 -1
- package/dist/esm/components/Chip/Chip.js.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js +2 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/esm/components/DragDrop/index.d.ts +1 -0
- package/dist/esm/components/DragDrop/index.d.ts.map +1 -1
- package/dist/esm/components/DragDrop/index.js +1 -0
- package/dist/esm/components/DragDrop/index.js.map +1 -1
- package/dist/esm/components/Dropdown/DropdownItem.d.ts +1 -1
- package/dist/esm/components/DualListSelector/index.d.ts +2 -0
- package/dist/esm/components/DualListSelector/index.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/index.js +2 -0
- package/dist/esm/components/DualListSelector/index.js.map +1 -1
- package/dist/esm/components/FileUpload/FileUploadField.d.ts +2 -0
- package/dist/esm/components/FileUpload/FileUploadField.d.ts.map +1 -1
- package/dist/esm/components/FileUpload/FileUploadField.js +3 -3
- package/dist/esm/components/FileUpload/FileUploadField.js.map +1 -1
- package/dist/esm/components/Popover/Popover.js +4 -4
- package/dist/esm/components/Popover/Popover.js.map +1 -1
- package/dist/esm/components/Radio/Radio.d.ts +7 -5
- package/dist/esm/components/Radio/Radio.d.ts.map +1 -1
- package/dist/esm/components/Radio/Radio.js +13 -20
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarChipGroupContent.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarChipGroupContent.js +1 -4
- package/dist/esm/components/Toolbar/ToolbarChipGroupContent.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarExpandableContent.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarExpandableContent.js +1 -3
- package/dist/esm/components/Toolbar/ToolbarExpandableContent.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts +2 -3
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.js +1 -4
- package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts +1 -13
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.js +2 -20
- package/dist/esm/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +1 -3
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/next/components/Modal/Modal.d.ts +73 -0
- package/dist/esm/next/components/Modal/Modal.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/Modal.js +114 -0
- package/dist/esm/next/components/Modal/Modal.js.map +1 -0
- package/dist/esm/next/components/Modal/ModalBody.d.ts +19 -0
- package/dist/esm/next/components/Modal/ModalBody.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/ModalBody.js +11 -0
- package/dist/esm/next/components/Modal/ModalBody.js.map +1 -0
- package/dist/esm/next/components/Modal/ModalBox.d.ts +21 -0
- package/dist/esm/next/components/Modal/ModalBox.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/ModalBox.js +15 -0
- package/dist/esm/next/components/Modal/ModalBox.js.map +1 -0
- package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts +14 -0
- package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/ModalBoxCloseButton.js +14 -0
- package/dist/esm/next/components/Modal/ModalBoxCloseButton.js.map +1 -0
- package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts +11 -0
- package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/ModalBoxDescription.js +10 -0
- package/dist/esm/next/components/Modal/ModalBoxDescription.js.map +1 -0
- package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts +17 -0
- package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/ModalBoxTitle.js +38 -0
- package/dist/esm/next/components/Modal/ModalBoxTitle.js.map +1 -0
- package/dist/esm/next/components/Modal/ModalContent.d.ts +42 -0
- package/dist/esm/next/components/Modal/ModalContent.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/ModalContent.js +45 -0
- package/dist/esm/next/components/Modal/ModalContent.js.map +1 -0
- package/dist/esm/next/components/Modal/ModalFooter.d.ts +10 -0
- package/dist/esm/next/components/Modal/ModalFooter.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/ModalFooter.js +10 -0
- package/dist/esm/next/components/Modal/ModalFooter.js.map +1 -0
- package/dist/esm/next/components/Modal/ModalHeader.d.ts +25 -0
- package/dist/esm/next/components/Modal/ModalHeader.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/ModalHeader.js +21 -0
- package/dist/esm/next/components/Modal/ModalHeader.js.map +1 -0
- package/dist/esm/next/components/Modal/index.d.ts +5 -0
- package/dist/esm/next/components/Modal/index.d.ts.map +1 -0
- package/dist/esm/next/components/Modal/index.js +5 -0
- package/dist/esm/next/components/Modal/index.js.map +1 -0
- package/dist/esm/next/components/index.d.ts +1 -1
- package/dist/esm/next/components/index.d.ts.map +1 -1
- package/dist/esm/next/components/index.js +1 -1
- package/dist/esm/next/components/index.js.map +1 -1
- package/dist/esm/styles/index.d.ts +2 -0
- package/dist/esm/styles/index.d.ts.map +1 -0
- package/dist/esm/styles/index.js +2 -0
- package/dist/esm/styles/index.js.map +1 -0
- package/dist/js/components/Accordion/Accordion.d.ts +2 -0
- package/dist/js/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/js/components/Accordion/Accordion.js +4 -3
- package/dist/js/components/Accordion/Accordion.js.map +1 -1
- package/dist/js/components/Accordion/AccordionContext.d.ts +1 -0
- package/dist/js/components/Accordion/AccordionContext.d.ts.map +1 -1
- package/dist/js/components/Accordion/AccordionContext.js.map +1 -1
- package/dist/js/components/Accordion/AccordionToggle.d.ts.map +1 -1
- package/dist/js/components/Accordion/AccordionToggle.js +7 -4
- package/dist/js/components/Accordion/AccordionToggle.js.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.d.ts +9 -3
- package/dist/js/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.js +16 -8
- package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/js/components/Chip/Chip.d.ts.map +1 -1
- package/dist/js/components/Chip/Chip.js +3 -1
- package/dist/js/components/Chip/Chip.js.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js +2 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/js/components/DragDrop/index.d.ts +1 -0
- package/dist/js/components/DragDrop/index.d.ts.map +1 -1
- package/dist/js/components/DragDrop/index.js +1 -0
- package/dist/js/components/DragDrop/index.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownItem.d.ts +1 -1
- package/dist/js/components/DualListSelector/index.d.ts +2 -0
- package/dist/js/components/DualListSelector/index.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/index.js +2 -0
- package/dist/js/components/DualListSelector/index.js.map +1 -1
- package/dist/js/components/FileUpload/FileUploadField.d.ts +2 -0
- package/dist/js/components/FileUpload/FileUploadField.d.ts.map +1 -1
- package/dist/js/components/FileUpload/FileUploadField.js +3 -3
- package/dist/js/components/FileUpload/FileUploadField.js.map +1 -1
- package/dist/js/components/Popover/Popover.js +4 -4
- package/dist/js/components/Popover/Popover.js.map +1 -1
- package/dist/js/components/Radio/Radio.d.ts +7 -5
- package/dist/js/components/Radio/Radio.d.ts.map +1 -1
- package/dist/js/components/Radio/Radio.js +13 -20
- package/dist/js/components/Radio/Radio.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarChipGroupContent.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarChipGroupContent.js +1 -4
- package/dist/js/components/Toolbar/ToolbarChipGroupContent.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarExpandableContent.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarExpandableContent.js +1 -3
- package/dist/js/components/Toolbar/ToolbarExpandableContent.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts +2 -3
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.js +1 -4
- package/dist/js/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.d.ts +1 -13
- package/dist/js/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.js +2 -20
- package/dist/js/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js +1 -3
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/js/components/index.d.ts +1 -1
- package/dist/js/components/index.d.ts.map +1 -1
- package/dist/js/components/index.js +1 -1
- package/dist/js/components/index.js.map +1 -1
- package/dist/js/index.d.ts +1 -1
- package/dist/js/index.d.ts.map +1 -1
- package/dist/js/index.js +1 -4
- package/dist/js/index.js.map +1 -1
- package/dist/js/next/components/Modal/Modal.d.ts +73 -0
- package/dist/js/next/components/Modal/Modal.d.ts.map +1 -0
- package/dist/js/next/components/Modal/Modal.js +117 -0
- package/dist/js/next/components/Modal/Modal.js.map +1 -0
- package/dist/js/next/components/Modal/ModalBody.d.ts +19 -0
- package/dist/js/next/components/Modal/ModalBody.d.ts.map +1 -0
- package/dist/js/next/components/Modal/ModalBody.js +15 -0
- package/dist/js/next/components/Modal/ModalBody.js.map +1 -0
- package/dist/js/next/components/Modal/ModalBox.d.ts +21 -0
- package/dist/js/next/components/Modal/ModalBox.d.ts.map +1 -0
- package/dist/js/next/components/Modal/ModalBox.js +19 -0
- package/dist/js/next/components/Modal/ModalBox.js.map +1 -0
- package/dist/js/next/components/Modal/ModalBoxCloseButton.d.ts +14 -0
- package/dist/js/next/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
- package/dist/js/next/components/Modal/ModalBoxCloseButton.js +18 -0
- package/dist/js/next/components/Modal/ModalBoxCloseButton.js.map +1 -0
- package/dist/js/next/components/Modal/ModalBoxDescription.d.ts +11 -0
- package/dist/js/next/components/Modal/ModalBoxDescription.d.ts.map +1 -0
- package/dist/js/next/components/Modal/ModalBoxDescription.js +14 -0
- package/dist/js/next/components/Modal/ModalBoxDescription.js.map +1 -0
- package/dist/js/next/components/Modal/ModalBoxTitle.d.ts +17 -0
- package/dist/js/next/components/Modal/ModalBoxTitle.d.ts.map +1 -0
- package/dist/js/next/components/Modal/ModalBoxTitle.js +43 -0
- package/dist/js/next/components/Modal/ModalBoxTitle.js.map +1 -0
- package/dist/js/next/components/Modal/ModalContent.d.ts +42 -0
- package/dist/js/next/components/Modal/ModalContent.d.ts.map +1 -0
- package/dist/js/next/components/Modal/ModalContent.js +49 -0
- package/dist/js/next/components/Modal/ModalContent.js.map +1 -0
- package/dist/js/next/components/Modal/ModalFooter.d.ts +10 -0
- package/dist/js/next/components/Modal/ModalFooter.d.ts.map +1 -0
- package/dist/js/next/components/Modal/ModalFooter.js +14 -0
- package/dist/js/next/components/Modal/ModalFooter.js.map +1 -0
- package/dist/js/next/components/Modal/ModalHeader.d.ts +25 -0
- package/dist/js/next/components/Modal/ModalHeader.d.ts.map +1 -0
- package/dist/js/next/components/Modal/ModalHeader.js +25 -0
- package/dist/js/next/components/Modal/ModalHeader.js.map +1 -0
- package/dist/js/next/components/Modal/index.d.ts +5 -0
- package/dist/js/next/components/Modal/index.d.ts.map +1 -0
- package/dist/js/next/components/Modal/index.js +8 -0
- package/dist/js/next/components/Modal/index.js.map +1 -0
- package/dist/js/next/components/index.d.ts +1 -1
- package/dist/js/next/components/index.d.ts.map +1 -1
- package/dist/js/next/components/index.js +1 -1
- package/dist/js/next/components/index.js.map +1 -1
- package/dist/js/styles/index.d.ts +2 -0
- package/dist/js/styles/index.d.ts.map +1 -0
- package/dist/js/styles/index.js +5 -0
- package/dist/js/styles/index.js.map +1 -0
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +5 -5
- package/single-packages.config.json +4 -4
- package/src/components/Accordion/Accordion.tsx +6 -1
- package/src/components/Accordion/AccordionContext.ts +1 -0
- package/src/components/Accordion/AccordionToggle.tsx +11 -5
- package/src/components/Accordion/__tests__/Accordion.test.tsx +12 -0
- package/src/components/Accordion/__tests__/AccordionToggle.test.tsx +28 -0
- package/src/components/Accordion/examples/Accordion.md +5 -0
- package/src/components/Accordion/examples/AccordionToggleIconAtStart.tsx +102 -0
- package/src/components/Checkbox/Checkbox.tsx +63 -29
- package/src/components/Checkbox/__tests__/Checkbox.test.tsx +41 -0
- package/src/components/Chip/Chip.tsx +2 -0
- package/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +0 -1
- package/src/components/ClipboardCopy/ClipboardCopy.tsx +2 -1
- package/src/components/DataList/__tests__/__snapshots__/DataListAction.test.tsx.snap~HEAD +11 -0
- package/src/components/DataList/__tests__/__snapshots__/DataListAction.test.tsx.snap~main +11 -0
- package/src/components/DataList/__tests__/__snapshots__/DataListItemCells.test.tsx.snap~HEAD +9 -0
- package/src/components/DataList/__tests__/__snapshots__/DataListItemCells.test.tsx.snap~main +9 -0
- package/src/components/DataList/__tests__/__snapshots__/DataListItemRow.test.tsx.snap~HEAD +9 -0
- package/src/components/DataList/__tests__/__snapshots__/DataListItemRow.test.tsx.snap~main +9 -0
- package/src/components/DataList/examples/DataList.md +2 -2
- package/src/components/DragDrop/examples/DragDrop.md +4 -2
- package/src/components/DragDrop/examples/DragDropBasic.tsx +4 -4
- package/src/components/DragDrop/examples/DragDropMultipleLists.tsx +7 -2
- package/src/components/DragDrop/index.ts +1 -0
- package/src/components/DualListSelector/examples/DualListSelector.md +3 -1
- package/src/components/DualListSelector/index.ts +2 -0
- package/src/components/FileUpload/FileUploadField.tsx +4 -2
- package/src/components/FileUpload/__tests__/__snapshots__/FileUpload.test.tsx.snap +0 -1
- package/src/components/FileUpload/__tests__/__snapshots__/FileUploadField.test.tsx.snap +0 -1
- package/src/components/Popover/Popover.tsx +4 -4
- package/src/components/Radio/Radio.tsx +39 -38
- package/src/components/Radio/__tests__/Radio.test.tsx +41 -0
- package/src/components/Toolbar/ToolbarChipGroupContent.tsx +1 -7
- package/src/components/Toolbar/ToolbarExpandableContent.tsx +0 -1
- package/src/components/Toolbar/ToolbarGroup.tsx +2 -4
- package/src/components/Toolbar/ToolbarItem.tsx +2 -41
- package/src/components/Toolbar/ToolbarToggleGroup.tsx +0 -1
- package/src/components/Toolbar/__tests__/ToolbarItem.test.tsx +0 -14
- package/src/components/Toolbar/examples/Toolbar.md +0 -10
- package/src/components/Toolbar/examples/ToolbarComponentManagedToggleGroups.tsx +1 -1
- package/src/components/Toolbar/examples/ToolbarConsumerManagedToggleGroups.tsx +1 -1
- package/src/components/Toolbar/examples/ToolbarGroups.tsx +1 -1
- package/src/components/Toolbar/examples/ToolbarItems.tsx +1 -1
- package/src/components/Toolbar/examples/ToolbarStacked.tsx +2 -2
- package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +1 -1
- package/src/components/TreeView/examples/TreeViewWithSearch.tsx +1 -1
- package/src/components/index.ts +1 -1
- package/src/demos/CardView/examples/CardView.tsx +2 -2
- package/src/demos/DataList/examples/DataListBasic.tsx +2 -2
- package/src/demos/ExpandableSection/ExpandableSection.md +17 -0
- package/src/demos/ExpandableSection/examples/ExpandableTextDemo.tsx +30 -0
- package/src/demos/Filters/examples/FilterSearchInput.tsx +1 -1
- package/src/index.ts +1 -1
- package/src/next/components/Modal/Modal.tsx +202 -0
- package/src/next/components/Modal/ModalBody.tsx +42 -0
- package/src/next/components/Modal/ModalBox.tsx +63 -0
- package/src/next/components/Modal/ModalBoxCloseButton.tsx +38 -0
- package/src/next/components/Modal/ModalBoxDescription.tsx +24 -0
- package/src/next/components/Modal/ModalBoxTitle.tsx +75 -0
- package/src/next/components/Modal/ModalContent.tsx +131 -0
- package/src/next/components/Modal/ModalFooter.tsx +23 -0
- package/src/next/components/Modal/ModalHeader.tsx +71 -0
- package/src/next/components/Modal/__tests__/Modal.test.tsx +145 -0
- package/src/next/components/Modal/__tests__/ModalBody.test.tsx +60 -0
- package/src/next/components/Modal/__tests__/ModalBox.test.tsx +58 -0
- package/src/next/components/Modal/__tests__/ModalBoxCloseButton.test.tsx +18 -0
- package/src/next/components/Modal/__tests__/ModalBoxDescription.test.tsx +8 -0
- package/src/next/components/Modal/__tests__/ModalBoxHeader.test.tsx +21 -0
- package/src/next/components/Modal/__tests__/ModalBoxTitle.test.tsx +37 -0
- package/src/next/components/Modal/__tests__/ModalContent.test.tsx +46 -0
- package/src/next/components/Modal/__tests__/ModalFooter.test.tsx +8 -0
- package/src/next/components/Modal/__tests__/__snapshots__/ModalBody.test.tsx.snap +12 -0
- package/src/next/components/Modal/__tests__/__snapshots__/ModalBox.test.tsx.snap +86 -0
- package/src/next/components/Modal/__tests__/__snapshots__/ModalBoxDescription.test.tsx.snap +12 -0
- package/src/next/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap +46 -0
- package/src/next/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +218 -0
- package/src/next/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +128 -0
- package/src/next/components/Modal/__tests__/__snapshots__/ModalFooter.test.tsx.snap +11 -0
- package/src/next/components/Modal/examples/Modal.md +148 -0
- package/src/next/components/Modal/examples/ModalBasic.tsx +43 -0
- package/src/next/components/Modal/examples/ModalCustomFocus.tsx +43 -0
- package/src/next/components/Modal/examples/ModalCustomHeader.tsx +58 -0
- package/src/next/components/Modal/examples/ModalCustomTitleIcon.tsx +54 -0
- package/src/next/components/Modal/examples/ModalCustomWidth.tsx +43 -0
- package/src/next/components/Modal/examples/ModalNoHeaderFooter.tsx +40 -0
- package/src/next/components/Modal/examples/ModalSize.tsx +63 -0
- package/src/next/components/Modal/examples/ModalTitleIcon.tsx +48 -0
- package/src/next/components/Modal/examples/ModalTopAligned.tsx +43 -0
- package/src/next/components/Modal/examples/ModalWithDescription.tsx +80 -0
- package/src/next/components/Modal/examples/ModalWithDropdown.tsx +105 -0
- package/src/next/components/Modal/examples/ModalWithForm.tsx +211 -0
- package/src/next/components/Modal/examples/ModalWithHelp.tsx +63 -0
- package/src/next/components/Modal/examples/ModalWithOverflowingContent.tsx +75 -0
- package/src/next/components/Modal/examples/ModalWithWizard.tsx +59 -0
- package/src/next/components/Modal/index.ts +4 -0
- package/src/next/components/index.ts +1 -1
- package/src/styles/index.ts +1 -0
- package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.test.tsx.snap +0 -12
- package/src/components/Toolbar/examples/ToolbarWidths.tsx +0 -30
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,oBAAY,kBAAkB;IAC5B,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,YAAY,eAAe;IAC3B,YAAY,eAAe;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,OAAO,CAAC,EAAE,kBAAkB,GAAG,YAAY,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC;IAClG,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,kJAAkJ;IAClJ,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QACrC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,KAAK,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;KACpC,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACxD,sCAAsC;IACtC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QAC9D,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;KAC7D,CAAC;IACF,oCAAoC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2HAA2H;IAC3H,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CA+CjE,CAAC"}
|
|
@@ -2,41 +2,23 @@ import { __rest } from "tslib";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar.mjs';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
|
-
// TODO: Update with issue #9677
|
|
6
|
-
// import cssWidth from '@patternfly/react-tokens/dist/esm/c_toolbar__item_Width';
|
|
7
5
|
import { formatBreakpointMods, toCamel } from '../../helpers/util';
|
|
8
6
|
import { Divider } from '../Divider';
|
|
9
7
|
import { PageContext } from '../Page/PageContext';
|
|
10
8
|
export var ToolbarItemVariant;
|
|
11
9
|
(function (ToolbarItemVariant) {
|
|
12
10
|
ToolbarItemVariant["separator"] = "separator";
|
|
13
|
-
ToolbarItemVariant["bulk-select"] = "bulk-select";
|
|
14
|
-
ToolbarItemVariant["overflow-menu"] = "overflow-menu";
|
|
15
11
|
ToolbarItemVariant["pagination"] = "pagination";
|
|
16
|
-
ToolbarItemVariant["search-filter"] = "search-filter";
|
|
17
12
|
ToolbarItemVariant["label"] = "label";
|
|
18
13
|
ToolbarItemVariant["chip-group"] = "chip-group";
|
|
19
14
|
ToolbarItemVariant["expand-all"] = "expand-all";
|
|
20
15
|
})(ToolbarItemVariant || (ToolbarItemVariant = {}));
|
|
21
16
|
export const ToolbarItem = (_a) => {
|
|
22
|
-
var { className, variant, visibility, spacer,
|
|
23
|
-
// TODO: Update with issue #9677
|
|
24
|
-
// widths,
|
|
25
|
-
align, alignSelf, alignItems, id, children, isAllExpanded, isOverflowContainer } = _a, props = __rest(_a, ["className", "variant", "visibility", "spacer", "align", "alignSelf", "alignItems", "id", "children", "isAllExpanded", "isOverflowContainer"]);
|
|
17
|
+
var { className, variant, visibility, spacer, align, alignSelf, alignItems, id, children, isAllExpanded, isOverflowContainer } = _a, props = __rest(_a, ["className", "variant", "visibility", "spacer", "align", "alignSelf", "alignItems", "id", "children", "isAllExpanded", "isOverflowContainer"]);
|
|
26
18
|
if (variant === ToolbarItemVariant.separator) {
|
|
27
19
|
return React.createElement(Divider, Object.assign({ className: css(className), orientation: { default: 'vertical' } }, props));
|
|
28
20
|
}
|
|
29
|
-
|
|
30
|
-
// const widthStyles: any = {};
|
|
31
|
-
// if (widths) {
|
|
32
|
-
// Object.entries(widths || {}).map(
|
|
33
|
-
// ([breakpoint, value]) =>
|
|
34
|
-
// (widthStyles[`${cssWidth.name}${breakpoint !== 'default' ? `-on-${breakpoint}` : ''}`] = value)
|
|
35
|
-
// );
|
|
36
|
-
// }
|
|
37
|
-
return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbarItem, variant &&
|
|
38
|
-
// TODO: Update with issue #9677. Removed "bulkSleect", "overflowMenu" and "searchFilter" modifiers
|
|
39
|
-
styles.modifiers[toCamel(variant)], isAllExpanded && styles.modifiers.expanded, isOverflowContainer && styles.modifiers.overflowContainer, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(spacer, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id }, props), children))));
|
|
21
|
+
return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbarItem, variant && styles.modifiers[toCamel(variant)], isAllExpanded && styles.modifiers.expanded, isOverflowContainer && styles.modifiers.overflowContainer, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(spacer, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id }, props), children))));
|
|
40
22
|
};
|
|
41
23
|
ToolbarItem.displayName = 'ToolbarItem';
|
|
42
24
|
//# sourceMappingURL=ToolbarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,
|
|
1
|
+
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,+CAAyB,CAAA;IACzB,qCAAe,CAAA;IACf,+CAA2B,CAAA;IAC3B,+CAA2B,CAAA;AAC7B,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AA6CD,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAapD,EAAE,EAAE;QAbgD,EACrE,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,KAAK,EACL,SAAS,EACT,UAAU,EACV,EAAE,EACF,QAAQ,EACR,aAAa,EACb,mBAAmB,OAEF,EADd,KAAK,cAZ6D,8IAatE,CADS;IAER,IAAI,OAAO,KAAK,kBAAkB,CAAC,SAAS,EAAE;QAC5C,OAAO,oBAAC,OAAO,kBAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAAM,KAAK,EAAI,CAAC;KAChG;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,WAAW,EAClB,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAyC,CAAC,EACrF,aAAa,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC1C,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EACzD,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC7D,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,UAAU,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,kBAAkB,EAChE,SAAS,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACxD,SAAS,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,SAAS,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EAC9D,SAAS,CACV,IACG,CAAC,OAAO,KAAK,OAAO,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,IACpD,EAAE,EAAE,EAAE,IACF,KAAK,GAER,QAAQ,CACL,CACP,CACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAQnD,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,sEAAsE;IACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4EAA4E;IAC5E,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,wCAAwC;IACxC,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QACrC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,KAAK,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;KACpC,CAAC;IACF,sCAAsC;IACtC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QAC9D,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;KAC7D,CAAC;IACF,0CAA0C;IAC1C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QAC9E,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,KAAK,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;KAC7E,CAAC;IACF,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACxC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sGAAsG;IACtG,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kFAAkF;IAClF,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,cAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IACvE,MAAM,CAAC,WAAW,SAAwB;IAC1C,SAAS,qCAAwC;IACjD,oBAAoB,kCAAqC;IAEzD,cAAc,gBAIZ;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"ToolbarToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAQnD,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,sEAAsE;IACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4EAA4E;IAC5E,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,wCAAwC;IACxC,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QACrC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,KAAK,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;KACpC,CAAC;IACF,sCAAsC;IACtC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QAC9D,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;KAC7D,CAAC;IACF,0CAA0C;IAC1C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QAC9E,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,KAAK,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;KAC7E,CAAC;IACF,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACxC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sGAAsG;IACtG,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kFAAkF;IAClF,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,cAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IACvE,MAAM,CAAC,WAAW,SAAwB;IAC1C,SAAS,qCAAwC;IACjD,oBAAoB,kCAAqC;IAEzD,cAAc,gBAIZ;IAEF,MAAM;CAkHP;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -36,9 +36,7 @@ class ToolbarToggleGroup extends React.Component {
|
|
|
36
36
|
const expandableContent = (React.createElement(ToolbarExpandableContent, { id: expandableContentId, expandableContentRef: this.expandableContentRef, isExpanded: _isExpanded, clearAllFilters: clearAllFilters || clearAllFiltersContext, showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext, clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext, chipContainerRef: _chipContainerRef }, children));
|
|
37
37
|
const toggleButton = (React.createElement("div", { className: css(styles.toolbarToggle) },
|
|
38
38
|
React.createElement(Button, Object.assign({ variant: "plain", onClick: _onToggle, "aria-label": "Show Filters" }, (_isExpanded && { 'aria-expanded': true }), { "aria-haspopup": _isExpanded && this.isContentPopup(), "aria-controls": _isExpanded ? expandableContentId : undefined, ref: this.toggleRef }), toggleIcon)));
|
|
39
|
-
return (React.createElement("div", Object.assign({ className: css(styles.toolbarGroup, styles.modifiers.toggleGroup,
|
|
40
|
-
// TODO: Update with issue #9677. Removed "buttonGroup" modifier
|
|
41
|
-
variant && styles.modifiers[toCamel(variant)], formatBreakpointMods(breakpointMod, styles, '', getBreakpoint(width)), formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(alignment, styles, '', getBreakpoint(width)), formatBreakpointMods(spacer, styles, '', getBreakpoint(width)), formatBreakpointMods(spaceItems, styles, '', getBreakpoint(width)), className) }, props),
|
|
39
|
+
return (React.createElement("div", Object.assign({ className: css(styles.toolbarGroup, styles.modifiers.toggleGroup, variant && styles.modifiers[toCamel(variant)], formatBreakpointMods(breakpointMod, styles, '', getBreakpoint(width)), formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(alignment, styles, '', getBreakpoint(width)), formatBreakpointMods(spacer, styles, '', getBreakpoint(width)), formatBreakpointMods(spaceItems, styles, '', getBreakpoint(width)), className) }, props),
|
|
42
40
|
toggleButton,
|
|
43
41
|
_isExpanded && ReactDOM.createPortal(expandableContent, expandableContentRef.current),
|
|
44
42
|
!_isExpanded && children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAqDtE,MAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAkC;IAAzE;;QAEE,cAAS,GAAG,KAAK,CAAC,SAAS,EAAqB,CAAC;QACjD,yBAAoB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAEzD,mBAAc,GAAG,GAAG,EAAE;YACpB,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;YAC1D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC7D,OAAO,YAAY,GAAG,iBAAiB,CAAC;QAC1C,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,7 @@ export * from './DataList';
|
|
|
22
22
|
export * from './DatePicker';
|
|
23
23
|
export * from './DescriptionList';
|
|
24
24
|
export * from './Divider';
|
|
25
|
+
export * from './DragDrop';
|
|
25
26
|
export * from './Drawer';
|
|
26
27
|
export * from './Dropdown';
|
|
27
28
|
export * from './DualListSelector';
|
|
@@ -76,7 +77,6 @@ export * from './Tooltip';
|
|
|
76
77
|
export * from './NumberInput';
|
|
77
78
|
export * from './TreeView';
|
|
78
79
|
export * from './Wizard';
|
|
79
|
-
export * from './DragDrop';
|
|
80
80
|
export * from './TextInputGroup';
|
|
81
81
|
export * from './Panel';
|
|
82
82
|
export * from './Truncate';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}
|
|
@@ -22,6 +22,7 @@ export * from './DataList';
|
|
|
22
22
|
export * from './DatePicker';
|
|
23
23
|
export * from './DescriptionList';
|
|
24
24
|
export * from './Divider';
|
|
25
|
+
export * from './DragDrop';
|
|
25
26
|
export * from './Drawer';
|
|
26
27
|
export * from './Dropdown';
|
|
27
28
|
export * from './DualListSelector';
|
|
@@ -76,7 +77,6 @@ export * from './Tooltip';
|
|
|
76
77
|
export * from './NumberInput';
|
|
77
78
|
export * from './TreeView';
|
|
78
79
|
export * from './Wizard';
|
|
79
|
-
export * from './DragDrop';
|
|
80
80
|
export * from './TextInputGroup';
|
|
81
81
|
export * from './Panel';
|
|
82
82
|
export * from './Truncate';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PickOptional } from '../../../helpers';
|
|
3
|
+
import { OUIAProps } from '../../../helpers';
|
|
4
|
+
export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
|
|
5
|
+
/** The parent container to append the modal to. Defaults to "document.body". */
|
|
6
|
+
appendTo?: HTMLElement | (() => HTMLElement);
|
|
7
|
+
/** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
|
|
8
|
+
'aria-describedby'?: string;
|
|
9
|
+
/** Adds an accessible name to the modal when there is no title in the ModalHeader. */
|
|
10
|
+
'aria-label'?: string;
|
|
11
|
+
/** Id to use for the modal box label. This should include the ModalHeader labelId. */
|
|
12
|
+
'aria-labelledby'?: string;
|
|
13
|
+
/** Content rendered inside the modal. */
|
|
14
|
+
children: React.ReactNode;
|
|
15
|
+
/** Additional classes added to the modal. */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Flag to disable focus trap. */
|
|
18
|
+
disableFocusTrap?: boolean;
|
|
19
|
+
/** The element to focus when the modal opens. By default the first
|
|
20
|
+
* focusable element will receive focus.
|
|
21
|
+
*/
|
|
22
|
+
elementToFocus?: HTMLElement | SVGElement | string;
|
|
23
|
+
/** An id to use for the modal box container. */
|
|
24
|
+
id?: string;
|
|
25
|
+
/** Flag to show the modal. */
|
|
26
|
+
isOpen?: boolean;
|
|
27
|
+
/** Add callback for when the close button is clicked. This prop needs to be passed to render the close button */
|
|
28
|
+
onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
|
|
29
|
+
/** Modal handles pressing of the escape key and closes the modal. If you want to handle
|
|
30
|
+
* this yourself you can use this callback function. */
|
|
31
|
+
onEscapePress?: (event: KeyboardEvent) => void;
|
|
32
|
+
/** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
|
|
33
|
+
position?: 'default' | 'top';
|
|
34
|
+
/** Offset from alternate position. Can be any valid CSS length/percentage. */
|
|
35
|
+
positionOffset?: string;
|
|
36
|
+
/** Variant of the modal. */
|
|
37
|
+
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
38
|
+
/** Default width of the modal. */
|
|
39
|
+
width?: number | string;
|
|
40
|
+
/** Maximum width of the modal. */
|
|
41
|
+
maxWidth?: number | string;
|
|
42
|
+
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
43
|
+
ouiaId?: number | string;
|
|
44
|
+
/** 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. */
|
|
45
|
+
ouiaSafe?: boolean;
|
|
46
|
+
}
|
|
47
|
+
export declare enum ModalVariant {
|
|
48
|
+
small = "small",
|
|
49
|
+
medium = "medium",
|
|
50
|
+
large = "large",
|
|
51
|
+
default = "default"
|
|
52
|
+
}
|
|
53
|
+
interface ModalState {
|
|
54
|
+
container: HTMLElement;
|
|
55
|
+
ouiaStateId: string;
|
|
56
|
+
}
|
|
57
|
+
declare class Modal extends React.Component<ModalProps, ModalState> {
|
|
58
|
+
static displayName: string;
|
|
59
|
+
static currentId: number;
|
|
60
|
+
boxId: string;
|
|
61
|
+
static defaultProps: PickOptional<ModalProps>;
|
|
62
|
+
constructor(props: ModalProps);
|
|
63
|
+
handleEscKeyClick: (event: KeyboardEvent) => void;
|
|
64
|
+
getElement: (appendTo: HTMLElement | (() => HTMLElement)) => HTMLElement;
|
|
65
|
+
toggleSiblingsFromScreenReaders: (hide: boolean) => void;
|
|
66
|
+
isEmpty: (value: string | null | undefined) => boolean;
|
|
67
|
+
componentDidMount(): void;
|
|
68
|
+
componentDidUpdate(): void;
|
|
69
|
+
componentWillUnmount(): void;
|
|
70
|
+
render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
71
|
+
}
|
|
72
|
+
export { Modal };
|
|
73
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as ReactDOM from 'react-dom';
|
|
4
|
+
import { canUseDOM, KeyTypes } from '../../../helpers';
|
|
5
|
+
import { css } from '@patternfly/react-styles';
|
|
6
|
+
import styles from '@patternfly/react-styles/css/components/Backdrop/backdrop.mjs';
|
|
7
|
+
import { ModalContent } from './ModalContent';
|
|
8
|
+
import { getDefaultOUIAId } from '../../../helpers';
|
|
9
|
+
export var ModalVariant;
|
|
10
|
+
(function (ModalVariant) {
|
|
11
|
+
ModalVariant["small"] = "small";
|
|
12
|
+
ModalVariant["medium"] = "medium";
|
|
13
|
+
ModalVariant["large"] = "large";
|
|
14
|
+
ModalVariant["default"] = "default";
|
|
15
|
+
})(ModalVariant || (ModalVariant = {}));
|
|
16
|
+
class Modal extends React.Component {
|
|
17
|
+
constructor(props) {
|
|
18
|
+
super(props);
|
|
19
|
+
this.boxId = '';
|
|
20
|
+
this.handleEscKeyClick = (event) => {
|
|
21
|
+
var _a, _b;
|
|
22
|
+
const { onEscapePress } = this.props;
|
|
23
|
+
if (event.key === KeyTypes.Escape && this.props.isOpen) {
|
|
24
|
+
onEscapePress ? onEscapePress(event) : (_b = (_a = this.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
this.getElement = (appendTo) => {
|
|
28
|
+
if (typeof appendTo === 'function') {
|
|
29
|
+
return appendTo();
|
|
30
|
+
}
|
|
31
|
+
return appendTo || document.body;
|
|
32
|
+
};
|
|
33
|
+
this.toggleSiblingsFromScreenReaders = (hide) => {
|
|
34
|
+
const { appendTo } = this.props;
|
|
35
|
+
const target = this.getElement(appendTo);
|
|
36
|
+
const bodyChildren = target.children;
|
|
37
|
+
for (const child of Array.from(bodyChildren)) {
|
|
38
|
+
if (child !== this.state.container) {
|
|
39
|
+
hide ? child.setAttribute('aria-hidden', '' + hide) : child.removeAttribute('aria-hidden');
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
this.isEmpty = (value) => value === null || value === undefined || value === '';
|
|
44
|
+
const boxIdNum = Modal.currentId++;
|
|
45
|
+
this.boxId = props.id || `pf-modal-part-${boxIdNum}`;
|
|
46
|
+
this.state = {
|
|
47
|
+
container: undefined,
|
|
48
|
+
ouiaStateId: getDefaultOUIAId(Modal.displayName, props.variant)
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
componentDidMount() {
|
|
52
|
+
const { appendTo, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = this.props;
|
|
53
|
+
const target = this.getElement(appendTo);
|
|
54
|
+
const container = document.createElement('div');
|
|
55
|
+
this.setState({ container });
|
|
56
|
+
target.appendChild(container);
|
|
57
|
+
target.addEventListener('keydown', this.handleEscKeyClick, false);
|
|
58
|
+
if (this.props.isOpen) {
|
|
59
|
+
target.classList.add(css(styles.backdropOpen));
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
target.classList.remove(css(styles.backdropOpen));
|
|
63
|
+
}
|
|
64
|
+
if (!ariaDescribedby && !ariaLabel && !ariaLabelledby) {
|
|
65
|
+
// eslint-disable-next-line no-console
|
|
66
|
+
console.error('Modal: Specify at least one of: aria-describedby, aria-label, aria-labelledby.');
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
componentDidUpdate() {
|
|
70
|
+
const { appendTo } = this.props;
|
|
71
|
+
const target = this.getElement(appendTo);
|
|
72
|
+
if (this.props.isOpen) {
|
|
73
|
+
target.classList.add(css(styles.backdropOpen));
|
|
74
|
+
this.toggleSiblingsFromScreenReaders(true);
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
target.classList.remove(css(styles.backdropOpen));
|
|
78
|
+
this.toggleSiblingsFromScreenReaders(false);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
componentWillUnmount() {
|
|
82
|
+
const { appendTo } = this.props;
|
|
83
|
+
const target = this.getElement(appendTo);
|
|
84
|
+
if (this.state.container) {
|
|
85
|
+
target.removeChild(this.state.container);
|
|
86
|
+
}
|
|
87
|
+
target.removeEventListener('keydown', this.handleEscKeyClick, false);
|
|
88
|
+
target.classList.remove(css(styles.backdropOpen));
|
|
89
|
+
this.toggleSiblingsFromScreenReaders(false);
|
|
90
|
+
}
|
|
91
|
+
render() {
|
|
92
|
+
const _a = this.props, {
|
|
93
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
94
|
+
appendTo,
|
|
95
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
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"]);
|
|
97
|
+
const { container } = this.state;
|
|
98
|
+
if (!canUseDOM || !container) {
|
|
99
|
+
return null;
|
|
100
|
+
}
|
|
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);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
Modal.displayName = 'Modal';
|
|
105
|
+
Modal.currentId = 0;
|
|
106
|
+
Modal.defaultProps = {
|
|
107
|
+
isOpen: false,
|
|
108
|
+
variant: 'default',
|
|
109
|
+
appendTo: () => document.body,
|
|
110
|
+
ouiaSafe: true,
|
|
111
|
+
position: 'default'
|
|
112
|
+
};
|
|
113
|
+
export { Modal };
|
|
114
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/** Renders content in the body of the modal */
|
|
3
|
+
export interface ModalBodyProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
|
+
/** Content rendered inside the modal body. */
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
/** Additional classes added to the modal body. */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Accessible label applied to the modal body. This should be used to communicate
|
|
9
|
+
* important information about the modal body div element if needed, such as when it is scrollable.
|
|
10
|
+
*/
|
|
11
|
+
'aria-label'?: string;
|
|
12
|
+
/** Accessible role applied to the modal body. This will default to "region" if the
|
|
13
|
+
* aria-label property is passed in. Set to a more appropriate role as applicable
|
|
14
|
+
* based on the modal content and context.
|
|
15
|
+
*/
|
|
16
|
+
role?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const ModalBody: React.FunctionComponent<ModalBodyProps>;
|
|
19
|
+
//# sourceMappingURL=ModalBody.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
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.mjs';
|
|
5
|
+
export const ModalBody = (_a) => {
|
|
6
|
+
var { children, className, 'aria-label': ariaLabel, role } = _a, props = __rest(_a, ["children", "className", 'aria-label', "role"]);
|
|
7
|
+
const defaultModalBodyRole = ariaLabel ? 'region' : undefined;
|
|
8
|
+
return (React.createElement("div", Object.assign({ "aria-label": ariaLabel, role: role || defaultModalBodyRole, className: css(styles.modalBoxBody, className) }, props), children));
|
|
9
|
+
};
|
|
10
|
+
ModalBody.displayName = 'ModalBody';
|
|
11
|
+
//# sourceMappingURL=ModalBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,uEAAmE;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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface ModalBoxProps extends React.HTMLProps<HTMLDivElement> {
|
|
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
|
+
'aria-label'?: string;
|
|
7
|
+
/** Id to use for the modal box label. */
|
|
8
|
+
'aria-labelledby'?: string;
|
|
9
|
+
/** Content rendered inside the modal box. */
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
/** Additional classes added to the modal box. */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
|
|
14
|
+
position?: 'default' | 'top';
|
|
15
|
+
/** Offset from alternate position. Can be any valid CSS length/percentage. */
|
|
16
|
+
positionOffset?: string;
|
|
17
|
+
/** Variant of the modal. */
|
|
18
|
+
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
19
|
+
}
|
|
20
|
+
export declare const ModalBox: React.FunctionComponent<ModalBoxProps>;
|
|
21
|
+
//# sourceMappingURL=ModalBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
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.mjs';
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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,uEAAmE;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;QAClB,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;QACnB,KAAa,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC;KACjD;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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { OUIAProps } from '../../../helpers';
|
|
3
|
+
export interface ModalBoxCloseButtonProps extends OUIAProps {
|
|
4
|
+
/** Additional classes added to the close button. */
|
|
5
|
+
className?: string;
|
|
6
|
+
/** A callback for when the close button is clicked. */
|
|
7
|
+
onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
|
|
8
|
+
/** Accessible descriptor of the close button. */
|
|
9
|
+
'aria-label'?: string;
|
|
10
|
+
/** Value to set the data-ouia-component-id.*/
|
|
11
|
+
ouiaId?: number | string;
|
|
12
|
+
}
|
|
13
|
+
export declare const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonProps>;
|
|
14
|
+
//# sourceMappingURL=ModalBoxCloseButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
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.mjs';
|
|
5
|
+
import { Button } from '../../../components/Button';
|
|
6
|
+
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
7
|
+
export const ModalBoxCloseButton = (_a) => {
|
|
8
|
+
var { className, onClose, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = __rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
|
|
9
|
+
return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
|
|
10
|
+
React.createElement(Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
|
|
11
|
+
React.createElement(TimesIcon, null))));
|
|
12
|
+
};
|
|
13
|
+
ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
|
|
14
|
+
//# sourceMappingURL=ModalBoxCloseButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,uEAAmE;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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface ModalBoxDescriptionProps {
|
|
3
|
+
/** Content rendered inside the description. */
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
/** Additional classes added to the description. */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** Id of the description. */
|
|
8
|
+
id?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const ModalBoxDescription: React.FunctionComponent<ModalBoxDescriptionProps>;
|
|
11
|
+
//# sourceMappingURL=ModalBoxDescription.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
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.mjs';
|
|
5
|
+
export const ModalBoxDescription = (_a) => {
|
|
6
|
+
var { children = null, className = '', id = '' } = _a, props = __rest(_a, ["children", "className", "id"]);
|
|
7
|
+
return (React.createElement("div", Object.assign({}, props, { id: id, className: css(styles.modalBoxDescription, className) }), children));
|
|
8
|
+
};
|
|
9
|
+
ModalBoxDescription.displayName = 'ModalBoxDescription';
|
|
10
|
+
//# sourceMappingURL=ModalBoxDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,uEAAmE;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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const isVariantIcon: (icon: any) => icon is string;
|
|
3
|
+
export interface ModalBoxTitleProps {
|
|
4
|
+
/** Additional classes added to the modal box title. */
|
|
5
|
+
className?: string;
|
|
6
|
+
/** Id of the modal box title. */
|
|
7
|
+
id?: string;
|
|
8
|
+
/** Content rendered inside the modal box title. */
|
|
9
|
+
title: React.ReactNode;
|
|
10
|
+
/** Optional alert icon (or other) to show before the title. When the predefined alert types
|
|
11
|
+
* are used the default styling will be automatically applied. */
|
|
12
|
+
titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
|
|
13
|
+
/** Optional title label text for screen readers. */
|
|
14
|
+
titleScreenReaderText?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const ModalBoxTitle: React.FunctionComponent<ModalBoxTitleProps>;
|
|
17
|
+
//# sourceMappingURL=ModalBoxTitle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|