@patternfly/react-core 4.243.1 → 4.244.1
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 +24 -0
- package/dist/esm/components/Alert/Alert.d.ts +41 -34
- package/dist/esm/components/Alert/Alert.d.ts.map +1 -1
- package/dist/esm/components/Alert/Alert.js.map +1 -1
- package/dist/esm/components/Alert/AlertActionCloseButton.d.ts +8 -5
- package/dist/esm/components/Alert/AlertActionCloseButton.d.ts.map +1 -1
- package/dist/esm/components/Alert/AlertActionCloseButton.js.map +1 -1
- package/dist/esm/components/Alert/AlertActionLink.d.ts +5 -2
- package/dist/esm/components/Alert/AlertActionLink.d.ts.map +1 -1
- package/dist/esm/components/Alert/AlertActionLink.js.map +1 -1
- package/dist/esm/components/Alert/AlertIcon.d.ts +4 -4
- package/dist/esm/components/Alert/AlertIcon.d.ts.map +1 -1
- package/dist/esm/components/Alert/AlertToggleExpandButton.d.ts +5 -5
- package/dist/esm/components/Alert/AlertToggleExpandButton.d.ts.map +1 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts +34 -28
- package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.js +1 -0
- package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +43 -36
- package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +4 -0
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts +34 -24
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts +10 -5
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/esm/components/FileUpload/FileUpload.d.ts +53 -47
- package/dist/esm/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/esm/components/FileUpload/FileUpload.js.map +1 -1
- package/dist/esm/components/FileUpload/FileUploadField.d.ts +51 -46
- package/dist/esm/components/FileUpload/FileUploadField.d.ts.map +1 -1
- package/dist/esm/components/FileUpload/FileUploadField.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +57 -48
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalBox.d.ts +12 -12
- package/dist/esm/components/Modal/ModalBox.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxBody.d.ts +2 -2
- package/dist/esm/components/Modal/ModalBoxBody.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxCloseButton.d.ts +2 -2
- package/dist/esm/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxDescription.d.ts +3 -3
- package/dist/esm/components/Modal/ModalBoxDescription.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxFooter.d.ts +2 -2
- package/dist/esm/components/Modal/ModalBoxFooter.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxHeader.d.ts +3 -3
- package/dist/esm/components/Modal/ModalBoxHeader.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.d.ts +8 -9
- package/dist/esm/components/Modal/ModalBoxTitle.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/esm/components/Modal/ModalContent.d.ts +56 -48
- package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalContent.js.map +1 -1
- package/dist/esm/components/NotificationBadge/NotificationBadge.d.ts +17 -13
- package/dist/esm/components/NotificationBadge/NotificationBadge.d.ts.map +1 -1
- package/dist/esm/components/NotificationBadge/NotificationBadge.js +3 -3
- package/dist/esm/components/NotificationBadge/NotificationBadge.js.map +1 -1
- package/dist/esm/components/Pagination/Navigation.d.ts +33 -33
- package/dist/esm/components/Pagination/Navigation.d.ts.map +1 -1
- package/dist/esm/components/Pagination/OptionsToggle.d.ts +27 -26
- package/dist/esm/components/Pagination/OptionsToggle.d.ts.map +1 -1
- package/dist/esm/components/Pagination/OptionsToggle.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.d.ts +76 -65
- package/dist/esm/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js +1 -1
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts +22 -18
- package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/esm/components/Pagination/ToggleTemplate.d.ts +3 -0
- package/dist/esm/components/Pagination/ToggleTemplate.d.ts.map +1 -1
- package/dist/esm/components/Pagination/ToggleTemplate.js.map +1 -1
- package/dist/esm/components/Popover/Popover.d.ts +88 -73
- package/dist/esm/components/Popover/Popover.d.ts.map +1 -1
- package/dist/esm/components/Popover/Popover.js.map +1 -1
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts +27 -26
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.d.ts +71 -60
- package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/components/Select/Select.d.ts +2 -0
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +4 -3
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Select/SelectToggle.d.ts +2 -0
- package/dist/esm/components/Select/SelectToggle.d.ts.map +1 -1
- package/dist/esm/components/Select/SelectToggle.js +3 -5
- package/dist/esm/components/Select/SelectToggle.js.map +1 -1
- package/dist/esm/components/Slider/Slider.d.ts +45 -39
- package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
- package/dist/esm/components/Slider/Slider.js.map +1 -1
- package/dist/esm/components/Slider/SliderStep.d.ts +10 -10
- package/dist/esm/components/Slider/SliderStep.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeView.d.ts +65 -53
- package/dist/esm/components/TreeView/TreeView.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeView.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewList.d.ts +4 -4
- package/dist/esm/components/TreeView/TreeViewList.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts +46 -39
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewRoot.d.ts +4 -4
- package/dist/esm/components/TreeView/TreeViewRoot.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewSearch.d.ts +11 -8
- package/dist/esm/components/TreeView/TreeViewSearch.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewSearch.js.map +1 -1
- package/dist/esm/helpers/Popper/Popper.js +8 -8
- package/dist/esm/helpers/Popper/Popper.js.map +1 -1
- package/dist/js/components/Alert/Alert.d.ts +41 -34
- package/dist/js/components/Alert/Alert.d.ts.map +1 -1
- package/dist/js/components/Alert/Alert.js.map +1 -1
- package/dist/js/components/Alert/AlertActionCloseButton.d.ts +8 -5
- package/dist/js/components/Alert/AlertActionCloseButton.d.ts.map +1 -1
- package/dist/js/components/Alert/AlertActionCloseButton.js.map +1 -1
- package/dist/js/components/Alert/AlertActionLink.d.ts +5 -2
- package/dist/js/components/Alert/AlertActionLink.d.ts.map +1 -1
- package/dist/js/components/Alert/AlertActionLink.js.map +1 -1
- package/dist/js/components/Alert/AlertIcon.d.ts +4 -4
- package/dist/js/components/Alert/AlertIcon.d.ts.map +1 -1
- package/dist/js/components/Alert/AlertToggleExpandButton.d.ts +5 -5
- package/dist/js/components/Alert/AlertToggleExpandButton.d.ts.map +1 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.d.ts +34 -28
- package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.js +1 -0
- package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.d.ts +43 -36
- package/dist/js/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.js +4 -0
- package/dist/js/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts +34 -24
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts +10 -5
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/js/components/FileUpload/FileUpload.d.ts +53 -47
- package/dist/js/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/js/components/FileUpload/FileUpload.js.map +1 -1
- package/dist/js/components/FileUpload/FileUploadField.d.ts +51 -46
- package/dist/js/components/FileUpload/FileUploadField.d.ts.map +1 -1
- package/dist/js/components/FileUpload/FileUploadField.js.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +57 -48
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalBox.d.ts +12 -12
- package/dist/js/components/Modal/ModalBox.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxBody.d.ts +2 -2
- package/dist/js/components/Modal/ModalBoxBody.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxCloseButton.d.ts +2 -2
- package/dist/js/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxDescription.d.ts +3 -3
- package/dist/js/components/Modal/ModalBoxDescription.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxFooter.d.ts +2 -2
- package/dist/js/components/Modal/ModalBoxFooter.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxHeader.d.ts +3 -3
- package/dist/js/components/Modal/ModalBoxHeader.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.d.ts +8 -9
- package/dist/js/components/Modal/ModalBoxTitle.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/js/components/Modal/ModalContent.d.ts +56 -48
- package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalContent.js.map +1 -1
- package/dist/js/components/NotificationBadge/NotificationBadge.d.ts +17 -13
- package/dist/js/components/NotificationBadge/NotificationBadge.d.ts.map +1 -1
- package/dist/js/components/NotificationBadge/NotificationBadge.js +3 -3
- package/dist/js/components/NotificationBadge/NotificationBadge.js.map +1 -1
- package/dist/js/components/Pagination/Navigation.d.ts +33 -33
- package/dist/js/components/Pagination/Navigation.d.ts.map +1 -1
- package/dist/js/components/Pagination/OptionsToggle.d.ts +27 -26
- package/dist/js/components/Pagination/OptionsToggle.d.ts.map +1 -1
- package/dist/js/components/Pagination/OptionsToggle.js.map +1 -1
- package/dist/js/components/Pagination/Pagination.d.ts +76 -65
- package/dist/js/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/js/components/Pagination/Pagination.js +1 -1
- package/dist/js/components/Pagination/Pagination.js.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts +22 -18
- package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/js/components/Pagination/ToggleTemplate.d.ts +3 -0
- package/dist/js/components/Pagination/ToggleTemplate.d.ts.map +1 -1
- package/dist/js/components/Pagination/ToggleTemplate.js.map +1 -1
- package/dist/js/components/Popover/Popover.d.ts +88 -73
- package/dist/js/components/Popover/Popover.d.ts.map +1 -1
- package/dist/js/components/Popover/Popover.js.map +1 -1
- package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts +27 -26
- package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
- package/dist/js/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.d.ts +71 -60
- package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/Select/Select.d.ts +2 -0
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +4 -3
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/components/Select/SelectToggle.d.ts +2 -0
- package/dist/js/components/Select/SelectToggle.d.ts.map +1 -1
- package/dist/js/components/Select/SelectToggle.js +3 -5
- package/dist/js/components/Select/SelectToggle.js.map +1 -1
- package/dist/js/components/Slider/Slider.d.ts +45 -39
- package/dist/js/components/Slider/Slider.d.ts.map +1 -1
- package/dist/js/components/Slider/Slider.js.map +1 -1
- package/dist/js/components/Slider/SliderStep.d.ts +10 -10
- package/dist/js/components/Slider/SliderStep.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeView.d.ts +65 -53
- package/dist/js/components/TreeView/TreeView.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeView.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewList.d.ts +4 -4
- package/dist/js/components/TreeView/TreeViewList.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts +46 -39
- package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewRoot.d.ts +4 -4
- package/dist/js/components/TreeView/TreeViewRoot.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewSearch.d.ts +11 -8
- package/dist/js/components/TreeView/TreeViewSearch.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewSearch.js.map +1 -1
- package/dist/js/helpers/Popper/Popper.js +8 -8
- package/dist/js/helpers/Popper/Popper.js.map +1 -1
- package/dist/umd/react-core.min.css +172 -172
- package/dist/umd/react-core.min.js +3 -3
- package/package.json +2 -2
- package/src/components/Alert/Alert.tsx +42 -34
- package/src/components/Alert/AlertActionCloseButton.tsx +9 -5
- package/src/components/Alert/AlertActionLink.tsx +6 -2
- package/src/components/Alert/AlertIcon.tsx +4 -4
- package/src/components/Alert/AlertToggleExpandButton.tsx +5 -5
- package/src/components/Badge/__tests__/Badge.test.tsx +45 -8
- package/src/components/Badge/__tests__/__snapshots__/Badge.test.tsx.snap +2 -12
- package/src/components/CalendarMonth/CalendarMonth.tsx +36 -28
- package/src/components/DatePicker/DatePicker.tsx +49 -36
- package/src/components/DatePicker/__tests__/DatePicker.test.tsx +21 -0
- package/src/components/ExpandableSection/ExpandableSection.tsx +35 -24
- package/src/components/ExpandableSection/ExpandableSectionToggle.tsx +11 -5
- package/src/components/FileUpload/FileUpload.tsx +56 -49
- package/src/components/FileUpload/FileUploadField.tsx +56 -50
- package/src/components/Modal/Modal.tsx +57 -48
- package/src/components/Modal/ModalBox.tsx +12 -12
- package/src/components/Modal/ModalBoxBody.tsx +2 -2
- package/src/components/Modal/ModalBoxCloseButton.tsx +2 -2
- package/src/components/Modal/ModalBoxDescription.tsx +3 -3
- package/src/components/Modal/ModalBoxFooter.tsx +2 -2
- package/src/components/Modal/ModalBoxHeader.tsx +3 -3
- package/src/components/Modal/ModalBoxTitle.tsx +8 -9
- package/src/components/Modal/ModalContent.tsx +56 -48
- package/src/components/Modal/examples/Modal.md +1 -3
- package/src/components/NotificationBadge/NotificationBadge.tsx +22 -15
- package/src/components/NotificationBadge/__tests__/NotificationBadge.test.tsx +25 -1
- package/src/components/NotificationBadge/__tests__/__snapshots__/NotificationBadge.test.tsx.snap +5 -0
- package/src/components/NotificationBadge/examples/NotificationBadge.md +16 -3
- package/src/components/NotificationBadge/examples/NotificationBadgeBasic.tsx +26 -13
- package/src/components/NotificationBadge/examples/NotificationBadgeWithCount.tsx +28 -18
- package/src/components/Pagination/Navigation.tsx +33 -33
- package/src/components/Pagination/OptionsToggle.tsx +27 -26
- package/src/components/Pagination/Pagination.tsx +79 -65
- package/src/components/Pagination/PaginationOptionsMenu.tsx +22 -18
- package/src/components/Pagination/ToggleTemplate.tsx +4 -0
- package/src/components/Popover/Popover.tsx +89 -73
- package/src/components/SearchInput/AdvancedSearchMenu.tsx +29 -28
- package/src/components/SearchInput/SearchInput.tsx +76 -62
- package/src/components/Select/Select.tsx +5 -0
- package/src/components/Select/SelectToggle.tsx +5 -4
- package/src/components/Slider/Slider.tsx +47 -41
- package/src/components/Slider/SliderStep.tsx +10 -10
- package/src/components/TreeView/TreeView.tsx +67 -53
- package/src/components/TreeView/TreeViewList.tsx +4 -4
- package/src/components/TreeView/TreeViewListItem.tsx +46 -39
- package/src/components/TreeView/TreeViewRoot.tsx +4 -4
- package/src/components/TreeView/TreeViewSearch.tsx +12 -8
- package/src/demos/Masthead.md +9 -193
- package/src/demos/NotificationDrawer/NotificationDrawer.md +2 -0
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +305 -0
- package/src/helpers/Popper/Popper.tsx +8 -8
|
@@ -2,62 +2,71 @@ 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
|
-
/**
|
|
5
|
+
/** Action buttons to add to the standard modal footer. Ignored if the footer property
|
|
6
|
+
* is passed in.
|
|
7
|
+
*/
|
|
8
|
+
actions?: any;
|
|
9
|
+
/** The parent container to append the modal to. Defaults to "document.body". */
|
|
10
|
+
appendTo?: HTMLElement | (() => HTMLElement);
|
|
11
|
+
/** Id to use for the modal box descriptor. */
|
|
12
|
+
'aria-describedby'?: string;
|
|
13
|
+
/** Accessible descriptor of the modal. */
|
|
14
|
+
'aria-label'?: string;
|
|
15
|
+
/** Id to use for the modal box label. */
|
|
16
|
+
'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
|
+
/** Content rendered inside the modal. */
|
|
6
28
|
children: React.ReactNode;
|
|
7
|
-
/** Additional classes added to the
|
|
29
|
+
/** Additional classes added to the modal. */
|
|
8
30
|
className?: string;
|
|
9
|
-
/**
|
|
10
|
-
|
|
11
|
-
/**
|
|
31
|
+
/** Description of the modal. */
|
|
32
|
+
description?: React.ReactNode;
|
|
33
|
+
/** Flag to disable focus trap. */
|
|
34
|
+
disableFocusTrap?: boolean;
|
|
35
|
+
/** Custom footer. */
|
|
36
|
+
footer?: React.ReactNode;
|
|
37
|
+
/** Flag indicating if modal content should be placed in a modal box body wrapper. */
|
|
38
|
+
hasNoBodyWrapper?: boolean;
|
|
39
|
+
/** Complex header (more than just text), supersedes the title property for header content. */
|
|
12
40
|
header?: React.ReactNode;
|
|
13
|
-
/** Optional help section for the
|
|
41
|
+
/** Optional help section for the modal header. */
|
|
14
42
|
help?: React.ReactNode;
|
|
15
|
-
/**
|
|
43
|
+
/** An id to use for the modal box container. */
|
|
44
|
+
id?: string;
|
|
45
|
+
/** Flag to show the modal. */
|
|
46
|
+
isOpen?: boolean;
|
|
47
|
+
/** A callback for when the close button is clicked. */
|
|
48
|
+
onClose?: () => void;
|
|
49
|
+
/** Modal handles pressing of the escape key and closes the modal. If you want to handle
|
|
50
|
+
* this yourself you can use this callback function. */
|
|
51
|
+
onEscapePress?: (event: KeyboardEvent) => void;
|
|
52
|
+
/** Alternate position of the modal. */
|
|
53
|
+
position?: 'top';
|
|
54
|
+
/** Offset from alternate position. Can be any valid CSS length/percentage. */
|
|
55
|
+
positionOffset?: string;
|
|
56
|
+
/** Flag to show the close button in the header area of the modal. */
|
|
57
|
+
showClose?: boolean;
|
|
58
|
+
/** Simple text content of the modal header. Also used for the aria-label on the body. */
|
|
16
59
|
title?: string;
|
|
17
|
-
/** Optional alert icon (or other) to show before the title of the
|
|
18
|
-
*
|
|
19
|
-
|
|
60
|
+
/** Optional alert icon (or other) to show before the title of the modal header. When the
|
|
61
|
+
* predefined alert types are used the default styling will be automatically applied.
|
|
62
|
+
*/
|
|
20
63
|
titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'default' | React.ComponentType<any>;
|
|
21
|
-
/** Optional title label text for screen readers */
|
|
64
|
+
/** Optional title label text for screen readers. */
|
|
22
65
|
titleLabel?: string;
|
|
23
|
-
/**
|
|
24
|
-
'aria-labelledby'?: string;
|
|
25
|
-
/** Accessible descriptor of modal */
|
|
26
|
-
'aria-label'?: string;
|
|
27
|
-
/** Id to use for Modal Box descriptor */
|
|
28
|
-
'aria-describedby'?: string;
|
|
29
|
-
/** Accessible label applied to the modal box body. This should be used to communicate important information about the modal box body div if needed, such as that it is scrollable */
|
|
30
|
-
bodyAriaLabel?: string;
|
|
31
|
-
/** Accessible role applied to the modal box body. This will default to region if a body aria label is applied. Set to a more appropriate role as applicable based on the modal content and context */
|
|
32
|
-
bodyAriaRole?: string;
|
|
33
|
-
/** Flag to show the close button in the header area of the modal */
|
|
34
|
-
showClose?: boolean;
|
|
35
|
-
/** Custom footer */
|
|
36
|
-
footer?: React.ReactNode;
|
|
37
|
-
/** Action buttons to add to the standard Modal Footer, ignored if `footer` is given */
|
|
38
|
-
actions?: any;
|
|
39
|
-
/** A callback for when the close button is clicked */
|
|
40
|
-
onClose?: () => void;
|
|
41
|
-
/** Default width of the Modal. */
|
|
42
|
-
width?: number | string;
|
|
43
|
-
/** The parent container to append the modal to. Defaults to document.body */
|
|
44
|
-
appendTo?: HTMLElement | (() => HTMLElement);
|
|
45
|
-
/** Flag to disable focus trap */
|
|
46
|
-
disableFocusTrap?: boolean;
|
|
47
|
-
/** Description of the modal */
|
|
48
|
-
description?: React.ReactNode;
|
|
49
|
-
/** Variant of the modal */
|
|
66
|
+
/** Variant of the modal. */
|
|
50
67
|
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
51
|
-
/**
|
|
52
|
-
|
|
53
|
-
/** Offset from alternate position. Can be any valid CSS length/percentage */
|
|
54
|
-
positionOffset?: string;
|
|
55
|
-
/** Flag indicating if modal content should be placed in a modal box body wrapper */
|
|
56
|
-
hasNoBodyWrapper?: boolean;
|
|
57
|
-
/** An ID to use for the ModalBox container */
|
|
58
|
-
id?: string;
|
|
59
|
-
/** Modal handles pressing of the Escape key and closes the modal. If you want to handle this yourself you can use this callback function */
|
|
60
|
-
onEscapePress?: (event: KeyboardEvent) => void;
|
|
68
|
+
/** Default width of the modal. */
|
|
69
|
+
width?: number | string;
|
|
61
70
|
}
|
|
62
71
|
export declare enum ModalVariant {
|
|
63
72
|
small = "small",
|
|
@@ -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;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8FAA8F;IAC9F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;2DACuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpG,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;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,qBAAa,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IAChE,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,SAAS,SAAK;IACrB,KAAK,SAAM;IACX,OAAO,SAAM;IACb,YAAY,SAAM;IAElB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAiB3C;gBAEU,KAAK,EAAE,UAAU;IAe7B,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;IAkCjB,kBAAkB;IAYlB,oBAAoB;IAUpB,MAAM;CA4CP"}
|
|
@@ -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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"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface ModalBoxProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/**
|
|
3
|
+
/** Id to use for the modal box description. */
|
|
4
|
+
'aria-describedby': string;
|
|
5
|
+
/** Accessible descriptor of the modal. */
|
|
6
|
+
'aria-label'?: string;
|
|
7
|
+
/** Id to use for the modal box label. */
|
|
8
|
+
'aria-labelledby'?: string;
|
|
9
|
+
/** Content rendered inside the modal box. */
|
|
4
10
|
children: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the
|
|
11
|
+
/** Additional classes added to the modal box. */
|
|
6
12
|
className?: string;
|
|
7
|
-
/**
|
|
8
|
-
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
9
|
-
/** Alternate position of the modal */
|
|
13
|
+
/** Alternate position of the modal. */
|
|
10
14
|
position?: 'top';
|
|
11
|
-
/** Offset from alternate position. Can be any valid CSS length/percentage */
|
|
15
|
+
/** Offset from alternate position. Can be any valid CSS length/percentage. */
|
|
12
16
|
positionOffset?: string;
|
|
13
|
-
/**
|
|
14
|
-
'
|
|
15
|
-
/** Accessible descriptor of modal */
|
|
16
|
-
'aria-label'?: string;
|
|
17
|
-
/** Id to use for Modal Box description */
|
|
18
|
-
'aria-describedby': string;
|
|
17
|
+
/** Variant of the modal. */
|
|
18
|
+
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
19
19
|
}
|
|
20
20
|
export declare const ModalBox: React.FunctionComponent<ModalBoxProps>;
|
|
21
21
|
//# sourceMappingURL=ModalBox.d.ts.map
|
|
@@ -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,+CAA+C;IAC/C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,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,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAqC3D,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface ModalBoxBodyProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Content rendered inside the
|
|
3
|
+
/** Content rendered inside the modal box body. */
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the
|
|
5
|
+
/** Additional classes added to the modal box body. */
|
|
6
6
|
className?: string;
|
|
7
7
|
}
|
|
8
8
|
export declare const ModalBoxBody: React.FunctionComponent<ModalBoxBodyProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE
|
|
1
|
+
{"version":3,"file":"ModalBoxBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAQnE,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { OUIAProps } from '../../helpers';
|
|
3
3
|
export interface ModalBoxCloseButtonProps extends OUIAProps {
|
|
4
|
-
/** Additional classes added to the close button */
|
|
4
|
+
/** Additional classes added to the close button. */
|
|
5
5
|
className?: string;
|
|
6
|
-
/** A callback for when the close button is clicked */
|
|
6
|
+
/** A callback for when the close button is clicked. */
|
|
7
7
|
onClose?: () => void;
|
|
8
8
|
}
|
|
9
9
|
export declare const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,
|
|
1
|
+
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAgBjF,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface ModalBoxDescriptionProps {
|
|
3
|
-
/** Content rendered inside the description */
|
|
3
|
+
/** Content rendered inside the description. */
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the description */
|
|
5
|
+
/** Additional classes added to the description. */
|
|
6
6
|
className?: string;
|
|
7
|
-
/**
|
|
7
|
+
/** Id of the description. */
|
|
8
8
|
id?: string;
|
|
9
9
|
}
|
|
10
10
|
export declare const ModalBoxDescription: React.FunctionComponent<ModalBoxDescriptionProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAwB;IACvC
|
|
1
|
+
{"version":3,"file":"ModalBoxDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAwB;IACvC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CASjF,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface ModalBoxFooterProps {
|
|
3
|
-
/** Content rendered inside the
|
|
3
|
+
/** Content rendered inside the modal box footer. */
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the
|
|
5
|
+
/** Additional classes added to the modal box footer. */
|
|
6
6
|
className?: string;
|
|
7
7
|
}
|
|
8
8
|
export declare const ModalBoxFooter: React.FunctionComponent<ModalBoxFooterProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,
|
|
1
|
+
{"version":3,"file":"ModalBoxFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAQvE,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface ModalBoxHeaderProps {
|
|
3
|
-
/** Content rendered inside the
|
|
3
|
+
/** Content rendered inside the modal box header. */
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
-
/** Additional classes added to the
|
|
5
|
+
/** Additional classes added to the modal box header. */
|
|
6
6
|
className?: string;
|
|
7
|
-
/** Optional help section for the
|
|
7
|
+
/** Optional help section for the modal box header. */
|
|
8
8
|
help?: React.ReactNode;
|
|
9
9
|
}
|
|
10
10
|
export declare const ModalBoxHeader: React.FunctionComponent<ModalBoxHeaderProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,
|
|
1
|
+
{"version":3,"file":"ModalBoxHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAevE,CAAC"}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export declare const isVariantIcon: (icon: any) => icon is string;
|
|
3
3
|
export interface ModalBoxTitleProps {
|
|
4
|
-
/**
|
|
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. */
|
|
5
9
|
title: React.ReactNode;
|
|
6
|
-
/** Optional alert icon (or other) to show before the title
|
|
7
|
-
*
|
|
8
|
-
* will be automatically applied */
|
|
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. */
|
|
9
12
|
titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'default' | React.ComponentType<any>;
|
|
10
|
-
/** Optional title label text for screen readers */
|
|
13
|
+
/** Optional title label text for screen readers. */
|
|
11
14
|
titleLabel?: string;
|
|
12
|
-
/** Additional classes added to the modal box header title. */
|
|
13
|
-
className?: string;
|
|
14
|
-
/** id of the modal box header title. */
|
|
15
|
-
id: string;
|
|
16
15
|
}
|
|
17
16
|
export declare const ModalBoxTitle: React.FunctionComponent<ModalBoxTitleProps>;
|
|
18
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;AAa/B,eAAO,MAAM,aAAa,SAAU,GAAG,mBACuC,CAAC;AAE/E,MAAM,WAAW,kBAAkB;IACjC,
|
|
1
|
+
{"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,aAAa,SAAU,GAAG,mBACuC,CAAC;AAE/E,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpG,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA0CrE,CAAC"}
|
|
@@ -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,gBAAgB,MAAM,oEAAoE,CAAC;AAClG,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,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,62 +1,70 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { OUIAProps } from '../../helpers';
|
|
3
3
|
export interface ModalContentProps extends OUIAProps {
|
|
4
|
-
/**
|
|
4
|
+
/** Action buttons to add to the standard modal footer. Ignored if the footer property
|
|
5
|
+
* is passed in.
|
|
6
|
+
*/
|
|
7
|
+
actions?: any;
|
|
8
|
+
/** Id to use for the modal box descriptor. */
|
|
9
|
+
'aria-describedby'?: string;
|
|
10
|
+
/** Accessible descriptor of the modal. */
|
|
11
|
+
'aria-label'?: string;
|
|
12
|
+
/** Id to use for the modal box label. */
|
|
13
|
+
'aria-labelledby'?: string | null;
|
|
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;
|
|
24
|
+
/** Id of the modal box container. */
|
|
25
|
+
boxId: string;
|
|
26
|
+
/** Content rendered inside the modal. */
|
|
5
27
|
children: React.ReactNode;
|
|
6
|
-
/** Additional classes added to the
|
|
28
|
+
/** Additional classes added to the modal box. */
|
|
7
29
|
className?: string;
|
|
8
|
-
/**
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
|
|
16
|
-
/**
|
|
30
|
+
/** Description of the modal. */
|
|
31
|
+
description?: React.ReactNode;
|
|
32
|
+
/** Id of the modal box description. */
|
|
33
|
+
descriptorId: string;
|
|
34
|
+
/** Flag to disable focus trap. */
|
|
35
|
+
disableFocusTrap?: boolean;
|
|
36
|
+
/** Custom footer. */
|
|
37
|
+
footer?: React.ReactNode;
|
|
38
|
+
/** Flag indicating if modal content should be placed in a modal box body wrapper. */
|
|
39
|
+
hasNoBodyWrapper?: boolean;
|
|
40
|
+
/** Complex header (more than just text), supersedes the title property for header content. */
|
|
17
41
|
header?: React.ReactNode;
|
|
18
|
-
/** Optional help section for the
|
|
42
|
+
/** Optional help section for the modal header. */
|
|
19
43
|
help?: React.ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
|
|
22
|
-
/**
|
|
44
|
+
/** Flag to show the modal. */
|
|
45
|
+
isOpen?: boolean;
|
|
46
|
+
/** Id of the modal box title. */
|
|
47
|
+
labelId: string;
|
|
48
|
+
/** A callback for when the close button is clicked. */
|
|
49
|
+
onClose?: () => void;
|
|
50
|
+
/** Alternate position of the modal. */
|
|
51
|
+
position?: 'top';
|
|
52
|
+
/** Offset from alternate position. Can be any valid CSS length/percentage. */
|
|
53
|
+
positionOffset?: string;
|
|
54
|
+
/** Flag to show the close button in the header area of the modal. */
|
|
55
|
+
showClose?: boolean;
|
|
56
|
+
/** Simple text content of the modal header. Also used for the aria-label on the body. */
|
|
23
57
|
title?: string;
|
|
24
|
-
/** Optional alert icon (or other) to show before the title of the
|
|
25
|
-
*
|
|
26
|
-
|
|
58
|
+
/** Optional alert icon (or other) to show before the title of the modal header. When the
|
|
59
|
+
* predefined alert types are used the default styling will be automatically applied.
|
|
60
|
+
*/
|
|
27
61
|
titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'default' | React.ComponentType<any>;
|
|
28
|
-
/** Optional title label text for screen readers */
|
|
62
|
+
/** Optional title label text for screen readers. */
|
|
29
63
|
titleLabel?: string;
|
|
30
|
-
/**
|
|
31
|
-
'
|
|
32
|
-
/**
|
|
33
|
-
'aria-label'?: string;
|
|
34
|
-
/** Id of Modal Box description */
|
|
35
|
-
'aria-describedby'?: string;
|
|
36
|
-
/** Accessible label applied to the modal box body. This should be used to communicate important information about the modal box body div if needed, such as that it is scrollable */
|
|
37
|
-
bodyAriaLabel?: string;
|
|
38
|
-
/** Accessible role applied to the modal box body. This will default to region if a body aria label is applied. Set to a more appropriate role as applicable based on the modal content and context */
|
|
39
|
-
bodyAriaRole?: string;
|
|
40
|
-
/** Flag to show the close button in the header area of the modal */
|
|
41
|
-
showClose?: boolean;
|
|
42
|
-
/** Default width of the content. */
|
|
64
|
+
/** Variant of the modal. */
|
|
65
|
+
variant?: 'small' | 'medium' | 'large' | 'default';
|
|
66
|
+
/** Default width of the modal. */
|
|
43
67
|
width?: number | string;
|
|
44
|
-
/** Custom footer */
|
|
45
|
-
footer?: React.ReactNode;
|
|
46
|
-
/** Action buttons to add to the standard Modal Footer, ignored if `footer` is given */
|
|
47
|
-
actions?: any;
|
|
48
|
-
/** A callback for when the close button is clicked */
|
|
49
|
-
onClose?: () => void;
|
|
50
|
-
/** Id of the ModalBox container */
|
|
51
|
-
boxId: string;
|
|
52
|
-
/** Id of the ModalBox title */
|
|
53
|
-
labelId: string;
|
|
54
|
-
/** Id of the ModalBoxBody */
|
|
55
|
-
descriptorId: string;
|
|
56
|
-
/** Flag to disable focus trap */
|
|
57
|
-
disableFocusTrap?: boolean;
|
|
58
|
-
/** Flag indicating if modal content should be placed in a modal box body wrapper */
|
|
59
|
-
hasNoBodyWrapper?: boolean;
|
|
60
68
|
}
|
|
61
69
|
export declare const ModalContent: React.FunctionComponent<ModalContentProps>;
|
|
62
70
|
//# sourceMappingURL=ModalContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD
|
|
1
|
+
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8FAA8F;IAC9F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpG,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAuHnE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,WAAW,MAAM,4DAA4D,CAAC;AACrF,OAAO,cAAc,MAAM,wDAAwD,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,22 +6,26 @@ export declare enum NotificationBadgeVariant {
|
|
|
6
6
|
attention = "attention"
|
|
7
7
|
}
|
|
8
8
|
export interface NotificationBadgeProps extends Omit<ButtonProps, 'variant'> {
|
|
9
|
-
/**
|
|
10
|
-
isRead?: boolean;
|
|
11
|
-
/** Determines the variant of the notification badge */
|
|
12
|
-
variant?: NotificationBadgeVariant | 'read' | 'unread' | 'attention';
|
|
13
|
-
/** A number displayed in the badge alongside the icon */
|
|
14
|
-
count?: number;
|
|
15
|
-
/** content rendered inside the notification badge */
|
|
16
|
-
children?: React.ReactNode;
|
|
17
|
-
/** additional classes added to the notification badge */
|
|
18
|
-
className?: string;
|
|
19
|
-
/** Adds accessible text to the notification badge. */
|
|
9
|
+
/** Adds an accessible label to the notification badge. */
|
|
20
10
|
'aria-label'?: string;
|
|
21
|
-
/** Icon to display for attention variant */
|
|
11
|
+
/** Icon to display for attention variant. */
|
|
22
12
|
attentionIcon?: React.ReactNode;
|
|
23
|
-
/**
|
|
13
|
+
/** Content rendered inside the notification badge. */
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
/** Additional classes added to the notification badge. */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** A number displayed in the badge alongside the icon. */
|
|
18
|
+
count?: number;
|
|
19
|
+
/** Icon to display in the notification badge. */
|
|
24
20
|
icon?: React.ReactNode;
|
|
21
|
+
/** Flag for applying expanded styling and setting the aria-expanded attribute on the
|
|
22
|
+
* notification badge.
|
|
23
|
+
*/
|
|
24
|
+
isExpanded?: boolean;
|
|
25
|
+
/** @deprecated Use the variant prop instead - Adds styling to the notification badge to indicate it has been read. */
|
|
26
|
+
isRead?: boolean;
|
|
27
|
+
/** Determines the variant of the notification badge. */
|
|
28
|
+
variant?: NotificationBadgeVariant | 'read' | 'unread' | 'attention';
|
|
25
29
|
}
|
|
26
30
|
export declare const NotificationBadge: React.FunctionComponent<NotificationBadgeProps>;
|
|
27
31
|
//# sourceMappingURL=NotificationBadge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationBadge/NotificationBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAM/D,oBAAY,wBAAwB;IAClC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,
|
|
1
|
+
{"version":3,"file":"NotificationBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationBadge/NotificationBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAM/D,oBAAY,wBAAwB;IAClC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sHAAsH;IACtH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,OAAO,CAAC,EAAE,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;CACtE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA2B7E,CAAC"}
|
|
@@ -12,7 +12,7 @@ export var NotificationBadgeVariant;
|
|
|
12
12
|
NotificationBadgeVariant["attention"] = "attention";
|
|
13
13
|
})(NotificationBadgeVariant || (NotificationBadgeVariant = {}));
|
|
14
14
|
export const NotificationBadge = (_a) => {
|
|
15
|
-
var { isRead, children, variant = isRead ? 'read' : 'unread', count = 0, attentionIcon = React.createElement(AttentionBellIcon, null), icon = React.createElement(BellIcon, null), className } = _a, props = __rest(_a, ["isRead", "children", "variant", "count", "attentionIcon", "icon", "className"]);
|
|
15
|
+
var { isRead, children, variant = isRead ? 'read' : 'unread', count = 0, attentionIcon = React.createElement(AttentionBellIcon, null), icon = React.createElement(BellIcon, null), className, isExpanded = false } = _a, props = __rest(_a, ["isRead", "children", "variant", "count", "attentionIcon", "icon", "className", "isExpanded"]);
|
|
16
16
|
let notificationChild = icon;
|
|
17
17
|
if (children !== undefined) {
|
|
18
18
|
notificationChild = children;
|
|
@@ -20,8 +20,8 @@ export const NotificationBadge = (_a) => {
|
|
|
20
20
|
else if (variant === NotificationBadgeVariant.attention) {
|
|
21
21
|
notificationChild = attentionIcon;
|
|
22
22
|
}
|
|
23
|
-
return (React.createElement(Button, Object.assign({ variant: ButtonVariant.plain, className: className }, props),
|
|
24
|
-
React.createElement("span", { className: css(styles.notificationBadge, styles.modifiers[variant]) },
|
|
23
|
+
return (React.createElement(Button, Object.assign({ variant: ButtonVariant.plain, className: className, "aria-expanded": isExpanded }, props),
|
|
24
|
+
React.createElement("span", { className: css(styles.notificationBadge, styles.modifiers[variant], isExpanded && styles.modifiers.expanded) },
|
|
25
25
|
notificationChild,
|
|
26
26
|
count > 0 && React.createElement("span", { className: css(styles.notificationBadgeCount) }, count))));
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationBadge.js","sourceRoot":"","sources":["../../../../src/components/NotificationBadge/NotificationBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,iBAAiB,MAAM,4DAA4D,CAAC;AAC3F,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AAExE,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,yCAAa,CAAA;IACb,6CAAiB,CAAA;IACjB,mDAAuB,CAAA;AACzB,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC;
|
|
1
|
+
{"version":3,"file":"NotificationBadge.js","sourceRoot":"","sources":["../../../../src/components/NotificationBadge/NotificationBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,iBAAiB,MAAM,4DAA4D,CAAC;AAC3F,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AAExE,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,yCAAa,CAAA;IACb,6CAAiB,CAAA;IACjB,mDAAuB,CAAA;AACzB,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC;AAyBD,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAU1D,EAAE,EAAE;QAVsD,EACjF,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,KAAK,GAAG,CAAC,EACT,aAAa,GAAG,oBAAC,iBAAiB,OAAG,EACrC,IAAI,GAAG,oBAAC,QAAQ,OAAG,EACnB,SAAS,EACT,UAAU,GAAG,KAAK,OAEK,EADpB,KAAK,cATyE,8FAUlF,CADS;IAER,IAAI,iBAAiB,GAAG,IAAI,CAAC;IAC7B,IAAI,QAAQ,KAAK,SAAS,EAAE;QAC1B,iBAAiB,GAAG,QAAQ,CAAC;KAC9B;SAAM,IAAI,OAAO,KAAK,wBAAwB,CAAC,SAAS,EAAE;QACzD,iBAAiB,GAAG,aAAa,CAAC;KACnC;IACD,OAAO,CACL,oBAAC,MAAM,kBAAC,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,mBAAiB,UAAU,IAAM,KAAK;QAC9F,8BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;YAE3G,iBAAiB;YACjB,KAAK,GAAG,CAAC,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,KAAK,CAAQ,CAC5E,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
|