@patternfly/react-core 5.0.0-alpha.14 → 5.0.0-alpha.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/components/AboutModal/AboutModal.d.ts +5 -23
- package/components/AboutModal/AboutModal.d.ts.map +1 -1
- package/components/AboutModal/AboutModal.js +26 -91
- package/components/AboutModal/AboutModal.js.map +1 -1
- package/components/AboutModal/AboutModalBox.d.ts +2 -2
- package/components/AboutModal/AboutModalBox.d.ts.map +1 -1
- package/components/AboutModal/AboutModalBox.js +2 -2
- package/components/AboutModal/AboutModalBox.js.map +1 -1
- package/components/AboutModal/AboutModalBoxBrand.d.ts +3 -5
- package/components/AboutModal/AboutModalBoxBrand.d.ts.map +1 -1
- package/components/AboutModal/AboutModalBoxBrand.js +2 -2
- package/components/AboutModal/AboutModalBoxBrand.js.map +1 -1
- package/components/AboutModal/AboutModalBoxCloseButton.d.ts +0 -2
- package/components/AboutModal/AboutModalBoxCloseButton.d.ts.map +1 -1
- package/components/AboutModal/AboutModalBoxCloseButton.js +2 -2
- package/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
- package/components/AboutModal/AboutModalBoxContent.d.ts +3 -7
- package/components/AboutModal/AboutModalBoxContent.d.ts.map +1 -1
- package/components/AboutModal/AboutModalBoxContent.js +3 -3
- package/components/AboutModal/AboutModalBoxContent.js.map +1 -1
- package/components/AboutModal/AboutModalBoxHeader.d.ts +2 -4
- package/components/AboutModal/AboutModalBoxHeader.d.ts.map +1 -1
- package/components/AboutModal/AboutModalBoxHeader.js +2 -2
- package/components/AboutModal/AboutModalBoxHeader.js.map +1 -1
- package/components/AboutModal/AboutModalBoxHero.d.ts +1 -3
- package/components/AboutModal/AboutModalBoxHero.d.ts.map +1 -1
- package/components/AboutModal/AboutModalBoxHero.js +2 -2
- package/components/AboutModal/AboutModalBoxHero.js.map +1 -1
- package/components/BackToTop/BackToTop.d.ts +1 -1
- package/components/DataList/DataList.d.ts +3 -3
- package/components/DataList/DataList.d.ts.map +1 -1
- package/components/DataList/DataList.js +3 -3
- package/components/DataList/DataList.js.map +1 -1
- package/components/DataList/DataListItem.d.ts.map +1 -1
- package/components/DataList/DataListItem.js +6 -5
- package/components/DataList/DataListItem.js.map +1 -1
- package/components/DualListSelector/DualListSelectorControl.d.ts +1 -1
- package/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
- package/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
- package/components/Menu/MenuContent.d.ts +1 -1
- package/components/Menu/MenuGroup.d.ts +1 -1
- package/components/Menu/MenuInput.d.ts +1 -1
- package/components/Menu/MenuItem.d.ts +1 -1
- package/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
- package/components/Panel/Panel.d.ts +1 -1
- package/components/Tabs/Tab.d.ts +1 -1
- package/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
- package/dist/esm/components/AboutModal/AboutModal.d.ts +5 -23
- package/dist/esm/components/AboutModal/AboutModal.d.ts.map +1 -1
- package/dist/esm/components/AboutModal/AboutModal.js +26 -91
- package/dist/esm/components/AboutModal/AboutModal.js.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBox.d.ts +2 -2
- package/dist/esm/components/AboutModal/AboutModalBox.d.ts.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBox.js +2 -2
- package/dist/esm/components/AboutModal/AboutModalBox.js.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxBrand.d.ts +3 -5
- package/dist/esm/components/AboutModal/AboutModalBoxBrand.d.ts.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxBrand.js +2 -2
- package/dist/esm/components/AboutModal/AboutModalBoxBrand.js.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.d.ts +0 -2
- package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.d.ts.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js +2 -2
- package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxContent.d.ts +3 -7
- package/dist/esm/components/AboutModal/AboutModalBoxContent.d.ts.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxContent.js +3 -3
- package/dist/esm/components/AboutModal/AboutModalBoxContent.js.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxHeader.d.ts +2 -4
- package/dist/esm/components/AboutModal/AboutModalBoxHeader.d.ts.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxHeader.js +2 -2
- package/dist/esm/components/AboutModal/AboutModalBoxHeader.js.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxHero.d.ts +1 -3
- package/dist/esm/components/AboutModal/AboutModalBoxHero.d.ts.map +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxHero.js +2 -2
- package/dist/esm/components/AboutModal/AboutModalBoxHero.js.map +1 -1
- package/dist/esm/components/BackToTop/BackToTop.d.ts +1 -1
- package/dist/esm/components/DataList/DataList.d.ts +3 -3
- package/dist/esm/components/DataList/DataList.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataList.js +3 -3
- package/dist/esm/components/DataList/DataList.js.map +1 -1
- package/dist/esm/components/DataList/DataListItem.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataListItem.js +6 -5
- package/dist/esm/components/DataList/DataListItem.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControl.d.ts +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
- package/dist/esm/components/Menu/MenuContent.d.ts +1 -1
- package/dist/esm/components/Menu/MenuGroup.d.ts +1 -1
- package/dist/esm/components/Menu/MenuInput.d.ts +1 -1
- package/dist/esm/components/Menu/MenuItem.d.ts +1 -1
- package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
- package/dist/esm/components/Panel/Panel.d.ts +1 -1
- package/dist/esm/components/Tabs/Tab.d.ts +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
- package/dist/js/components/AboutModal/AboutModal.d.ts +5 -23
- package/dist/js/components/AboutModal/AboutModal.d.ts.map +1 -1
- package/dist/js/components/AboutModal/AboutModal.js +27 -92
- package/dist/js/components/AboutModal/AboutModal.js.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBox.d.ts +2 -2
- package/dist/js/components/AboutModal/AboutModalBox.d.ts.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBox.js +2 -2
- package/dist/js/components/AboutModal/AboutModalBox.js.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxBrand.d.ts +3 -5
- package/dist/js/components/AboutModal/AboutModalBoxBrand.d.ts.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxBrand.js +2 -2
- package/dist/js/components/AboutModal/AboutModalBoxBrand.js.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxCloseButton.d.ts +0 -2
- package/dist/js/components/AboutModal/AboutModalBoxCloseButton.d.ts.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js +2 -2
- package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxContent.d.ts +3 -7
- package/dist/js/components/AboutModal/AboutModalBoxContent.d.ts.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxContent.js +3 -3
- package/dist/js/components/AboutModal/AboutModalBoxContent.js.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxHeader.d.ts +2 -4
- package/dist/js/components/AboutModal/AboutModalBoxHeader.d.ts.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxHeader.js +2 -2
- package/dist/js/components/AboutModal/AboutModalBoxHeader.js.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxHero.d.ts +1 -3
- package/dist/js/components/AboutModal/AboutModalBoxHero.d.ts.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxHero.js +2 -2
- package/dist/js/components/AboutModal/AboutModalBoxHero.js.map +1 -1
- package/dist/js/components/BackToTop/BackToTop.d.ts +1 -1
- package/dist/js/components/DataList/DataList.d.ts +3 -3
- package/dist/js/components/DataList/DataList.d.ts.map +1 -1
- package/dist/js/components/DataList/DataList.js +3 -3
- package/dist/js/components/DataList/DataList.js.map +1 -1
- package/dist/js/components/DataList/DataListItem.d.ts.map +1 -1
- package/dist/js/components/DataList/DataListItem.js +6 -5
- package/dist/js/components/DataList/DataListItem.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControl.d.ts +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
- package/dist/js/components/Menu/MenuContent.d.ts +1 -1
- package/dist/js/components/Menu/MenuGroup.d.ts +1 -1
- package/dist/js/components/Menu/MenuInput.d.ts +1 -1
- package/dist/js/components/Menu/MenuItem.d.ts +1 -1
- package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
- package/dist/js/components/Panel/Panel.d.ts +1 -1
- package/dist/js/components/Tabs/Tab.d.ts +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +2 -2
- package/src/components/AboutModal/AboutModal.tsx +71 -115
- package/src/components/AboutModal/AboutModalBox.tsx +4 -4
- package/src/components/AboutModal/AboutModalBoxBrand.tsx +5 -8
- package/src/components/AboutModal/AboutModalBoxCloseButton.tsx +1 -4
- package/src/components/AboutModal/AboutModalBoxContent.tsx +6 -12
- package/src/components/AboutModal/AboutModalBoxHeader.tsx +4 -7
- package/src/components/AboutModal/AboutModalBoxHero.tsx +2 -5
- package/src/components/AboutModal/__tests__/AboutModal.test.tsx +14 -8
- package/src/components/AboutModal/__tests__/AboutModalBox.test.tsx +1 -1
- package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBox.test.tsx.snap +0 -3
- package/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx +1 -1
- package/src/components/AboutModal/examples/AboutModalCustomBackgroundImage.tsx +1 -0
- package/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx +1 -0
- package/src/components/DataList/DataList.tsx +6 -6
- package/src/components/DataList/DataListItem.tsx +6 -5
- package/src/components/DataList/examples/DataListSelectableRows.tsx +2 -2
- package/components/AboutModal/AboutModalContainer.d.ts +0 -31
- package/components/AboutModal/AboutModalContainer.d.ts.map +0 -1
- package/components/AboutModal/AboutModalContainer.js +0 -28
- package/components/AboutModal/AboutModalContainer.js.map +0 -1
- package/dist/esm/components/AboutModal/AboutModalContainer.d.ts +0 -31
- package/dist/esm/components/AboutModal/AboutModalContainer.d.ts.map +0 -1
- package/dist/esm/components/AboutModal/AboutModalContainer.js +0 -28
- package/dist/esm/components/AboutModal/AboutModalContainer.js.map +0 -1
- package/dist/js/components/AboutModal/AboutModalContainer.d.ts +0 -31
- package/dist/js/components/AboutModal/AboutModalContainer.d.ts.map +0 -1
- package/dist/js/components/AboutModal/AboutModalContainer.js +0 -32
- package/dist/js/components/AboutModal/AboutModalContainer.js.map +0 -1
- package/src/components/AboutModal/AboutModalContainer.tsx +0 -91
- package/src/components/AboutModal/__tests__/AboutModalContainer.test.tsx +0 -38
- package/src/components/AboutModal/__tests__/__snapshots__/AboutModalContainer.test.tsx.snap +0 -101
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [5.0.0-alpha.15](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.14...@patternfly/react-core@5.0.0-alpha.15) (2023-02-27)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **About modal:** Refactor about modal to reuse the modal component ([#8674](https://github.com/patternfly/patternfly-react/issues/8674)) ([d526d77](https://github.com/patternfly/patternfly-react/commit/d526d77ef63c407a7917657536c4d242822e956b))
|
|
11
|
+
- **DataListItem:** made items selectable via space key ([#8729](https://github.com/patternfly/patternfly-react/issues/8729)) ([b55beb1](https://github.com/patternfly/patternfly-react/commit/b55beb1c277d52077c518578f7b30721a840a207))
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
- **DataList:** added event param to callback ([#8723](https://github.com/patternfly/patternfly-react/issues/8723)) ([f05eef9](https://github.com/patternfly/patternfly-react/commit/f05eef998116962211d81ba4586090dacbc0ef8f))
|
|
16
|
+
|
|
6
17
|
# 5.0.0-alpha.14 (2023-02-22)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface AboutModalProps {
|
|
2
|
+
export interface AboutModalProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
3
|
/** Content rendered inside the about modal */
|
|
5
4
|
children: React.ReactNode;
|
|
6
5
|
/** Additional classes added to the about modal */
|
|
@@ -20,32 +19,15 @@ export interface AboutModalProps {
|
|
|
20
19
|
/** The URL of the image for the background */
|
|
21
20
|
backgroundImageSrc?: string;
|
|
22
21
|
/** Prevents the about modal from rendering content inside a container; allows for more flexible layouts */
|
|
23
|
-
|
|
22
|
+
hasNoContentContainer?: boolean;
|
|
24
23
|
/** The parent container to append the modal to. Defaults to document.body */
|
|
25
24
|
appendTo?: HTMLElement | (() => HTMLElement);
|
|
25
|
+
/** Aria label for the about modal. This should be used when no productName prop is provided */
|
|
26
|
+
'aria-label'?: string;
|
|
26
27
|
/** Set aria label to the close button */
|
|
27
28
|
closeButtonAriaLabel?: string;
|
|
28
29
|
/** Flag to disable focus trap */
|
|
29
30
|
disableFocusTrap?: boolean;
|
|
30
31
|
}
|
|
31
|
-
|
|
32
|
-
container: HTMLElement;
|
|
33
|
-
}
|
|
34
|
-
export declare class AboutModal extends React.Component<AboutModalProps, ModalState> {
|
|
35
|
-
static displayName: string;
|
|
36
|
-
private static currentId;
|
|
37
|
-
private id;
|
|
38
|
-
ariaLabelledBy: string;
|
|
39
|
-
ariaDescribedBy: string;
|
|
40
|
-
static defaultProps: PickOptional<AboutModalProps>;
|
|
41
|
-
constructor(props: AboutModalProps);
|
|
42
|
-
handleEscKeyClick: (event: KeyboardEvent) => void;
|
|
43
|
-
toggleSiblingsFromScreenReaders: (hide: boolean) => void;
|
|
44
|
-
getElement: (appendTo: HTMLElement | (() => HTMLElement)) => HTMLElement;
|
|
45
|
-
componentDidMount(): void;
|
|
46
|
-
componentDidUpdate(): void;
|
|
47
|
-
componentWillUnmount(): void;
|
|
48
|
-
render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
49
|
-
}
|
|
50
|
-
export {};
|
|
32
|
+
export declare const AboutModal: React.FunctionComponent<AboutModalProps>;
|
|
51
33
|
//# sourceMappingURL=AboutModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACzE,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4GAA4G;IAC5G,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,gGAAgG;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6D/D,CAAC"}
|
|
@@ -1,99 +1,34 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import * as ReactDOM from 'react-dom';
|
|
4
3
|
import { css } from '@patternfly/react-styles';
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
(_b = (_a = this.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
this.toggleSiblingsFromScreenReaders = (hide) => {
|
|
22
|
-
const { appendTo } = this.props;
|
|
23
|
-
const target = this.getElement(appendTo);
|
|
24
|
-
const bodyChildren = target.children;
|
|
25
|
-
for (const child of Array.from(bodyChildren)) {
|
|
26
|
-
if (child !== this.state.container) {
|
|
27
|
-
hide ? child.setAttribute('aria-hidden', '' + hide) : child.removeAttribute('aria-hidden');
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
this.getElement = (appendTo) => {
|
|
32
|
-
if (typeof appendTo === 'function') {
|
|
33
|
-
return appendTo();
|
|
34
|
-
}
|
|
35
|
-
return appendTo || document.body;
|
|
36
|
-
};
|
|
37
|
-
this.state = {
|
|
38
|
-
container: undefined
|
|
39
|
-
};
|
|
40
|
-
if (props.brandImageSrc && !props.brandImageAlt) {
|
|
41
|
-
// eslint-disable-next-line no-console
|
|
42
|
-
console.error('AboutModal:', 'brandImageAlt is required when a brandImageSrc is specified');
|
|
43
|
-
}
|
|
4
|
+
import { AboutModalBoxContent } from './AboutModalBoxContent';
|
|
5
|
+
import { AboutModalBoxHeader } from './AboutModalBoxHeader';
|
|
6
|
+
import { AboutModalBoxHero } from './AboutModalBoxHero';
|
|
7
|
+
import { AboutModalBoxBrand } from './AboutModalBoxBrand';
|
|
8
|
+
import { AboutModalBoxCloseButton } from './AboutModalBoxCloseButton';
|
|
9
|
+
import { AboutModalBox } from './AboutModalBox';
|
|
10
|
+
import { Modal, ModalVariant } from '../Modal';
|
|
11
|
+
import { GenerateId } from '../../helpers/GenerateId/GenerateId';
|
|
12
|
+
export const AboutModal = (_a) => {
|
|
13
|
+
var { children, className, isOpen = false, onClose = (_e) => undefined, productName, trademark, backgroundImageSrc, brandImageSrc, brandImageAlt, hasNoContentContainer = false, appendTo, closeButtonAriaLabel, 'aria-label': ariaLabel, disableFocusTrap } = _a, props = __rest(_a, ["children", "className", "isOpen", "onClose", "productName", "trademark", "backgroundImageSrc", "brandImageSrc", "brandImageAlt", "hasNoContentContainer", "appendTo", "closeButtonAriaLabel", 'aria-label', "disableFocusTrap"]);
|
|
14
|
+
if (brandImageSrc && !brandImageAlt) {
|
|
15
|
+
// eslint-disable-next-line no-console
|
|
16
|
+
console.error('AboutModal:', 'brandImageAlt is required when a brandImageSrc is specified, and should not be an empty string.');
|
|
44
17
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
this.setState({ container });
|
|
49
|
-
target.appendChild(container);
|
|
50
|
-
target.addEventListener('keydown', this.handleEscKeyClick, false);
|
|
51
|
-
if (this.props.isOpen) {
|
|
52
|
-
target.classList.add(css(styles.backdropOpen));
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
target.classList.remove(css(styles.backdropOpen));
|
|
56
|
-
}
|
|
18
|
+
if (!productName && !ariaLabel) {
|
|
19
|
+
// eslint-disable-next-line no-console
|
|
20
|
+
console.error('AboutModal:', 'Either productName or ariaLabel is required for component to be accessible');
|
|
57
21
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
if (this.props.isOpen) {
|
|
61
|
-
target.classList.add(css(styles.backdropOpen));
|
|
62
|
-
this.toggleSiblingsFromScreenReaders(true);
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
target.classList.remove(css(styles.backdropOpen));
|
|
66
|
-
this.toggleSiblingsFromScreenReaders(false);
|
|
67
|
-
}
|
|
22
|
+
if (!isOpen) {
|
|
23
|
+
return null;
|
|
68
24
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
render() {
|
|
78
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
79
|
-
const _a = this.props, { appendTo } = _a, props = __rest(_a, ["appendTo"]);
|
|
80
|
-
const { container } = this.state;
|
|
81
|
-
if (!canUseDOM || !container) {
|
|
82
|
-
return null;
|
|
83
|
-
}
|
|
84
|
-
return ReactDOM.createPortal(React.createElement(AboutModalContainer, Object.assign({ aboutModalBoxHeaderId: this.ariaLabelledBy, aboutModalBoxContentId: this.ariaDescribedBy }, props)), container);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
AboutModal.displayName = 'AboutModal';
|
|
88
|
-
AboutModal.currentId = 0;
|
|
89
|
-
AboutModal.defaultProps = {
|
|
90
|
-
className: '',
|
|
91
|
-
isOpen: false,
|
|
92
|
-
onClose: (_e) => undefined,
|
|
93
|
-
productName: '',
|
|
94
|
-
trademark: '',
|
|
95
|
-
backgroundImageSrc: '',
|
|
96
|
-
noAboutModalBoxContentContainer: false,
|
|
97
|
-
appendTo: null
|
|
25
|
+
return (React.createElement(GenerateId, { prefix: "pf-about-modal-title-" }, ariaLabelledBy => (React.createElement(Modal, Object.assign({ isOpen: isOpen, variant: ModalVariant.large }, (productName && { 'aria-labelledby': ariaLabelledBy }), { "aria-label": ariaLabel, onEscapePress: onClose, showClose: false, appendTo: appendTo, disableFocusTrap: disableFocusTrap, hasNoBodyWrapper: true }),
|
|
26
|
+
React.createElement(AboutModalBox, { className: css(className) },
|
|
27
|
+
React.createElement(AboutModalBoxBrand, { src: brandImageSrc, alt: brandImageAlt }),
|
|
28
|
+
React.createElement(AboutModalBoxCloseButton, { "aria-label": closeButtonAriaLabel, onClose: onClose }),
|
|
29
|
+
productName && React.createElement(AboutModalBoxHeader, { id: ariaLabelledBy, productName: productName }),
|
|
30
|
+
React.createElement(AboutModalBoxContent, Object.assign({ trademark: trademark, hasNoContentContainer: hasNoContentContainer }, props), children),
|
|
31
|
+
React.createElement(AboutModalBoxHero, { backgroundImageSrc: backgroundImageSrc }))))));
|
|
98
32
|
};
|
|
33
|
+
AboutModal.displayName = 'AboutModal';
|
|
99
34
|
//# sourceMappingURL=AboutModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModal.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"AboutModal.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAiCjE,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAgBnD,EAAE,EAAE;QAhB+C,EACnE,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,CAAC,EAAE,EAAO,EAAE,CAAC,SAAS,EAChC,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,qBAAqB,GAAG,KAAK,EAC7B,QAAQ,EACR,oBAAoB,EACpB,YAAY,EAAE,SAAS,EACvB,gBAAgB,OAEA,EADb,KAAK,cAf2D,iOAgBpE,CADS;IAER,IAAI,aAAa,IAAI,CAAC,aAAa,EAAE;QACnC,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,iGAAiG,CAAC,CAAC;KACjI;IAED,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS,EAAE;QAC9B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,4EAA4E,CAAC,CAAC;KAC5G;IAED,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,UAAU,IAAC,MAAM,EAAC,uBAAuB,IACvC,cAAc,CAAC,EAAE,CAAC,CACjB,oBAAC,KAAK,kBACJ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,YAAY,CAAC,KAAK,IACvB,CAAC,WAAW,IAAI,EAAC,iBAAiB,EAAE,cAAc,EAAC,CAAC,kBAC5C,SAAS,EACrB,aAAa,EAAE,OAAO,EACtB,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB;QAEhB,oBAAC,aAAa,IAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC;YACtC,oBAAC,kBAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAI;YAC9D,oBAAC,wBAAwB,kBAAa,oBAAoB,EAAE,OAAO,EAAE,OAAO,GAAI;YAC/E,WAAW,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,GAAI;YACrF,oBAAC,oBAAoB,kBACnB,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,IACxC,KAAK,GAER,QAAQ,CACY;YACvB,oBAAC,iBAAiB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAC/C,CACV,CACT,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface AboutModalBoxProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/**
|
|
3
|
+
/** Content rendered inside the about modal box */
|
|
4
4
|
children: React.ReactNode;
|
|
5
|
-
/**
|
|
5
|
+
/** Additional classes added to the about modal box */
|
|
6
6
|
className?: string;
|
|
7
7
|
}
|
|
8
8
|
export declare const AboutModalBox: React.FunctionComponent<AboutModalBoxProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBox.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,
|
|
1
|
+
{"version":3,"file":"AboutModalBox.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,kDAAkD;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAQrE,CAAC"}
|
|
@@ -3,8 +3,8 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
|
|
5
5
|
export const AboutModalBox = (_a) => {
|
|
6
|
-
var { children, className
|
|
7
|
-
return (React.createElement("div", Object.assign({
|
|
6
|
+
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
7
|
+
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBox, className) }, props), children));
|
|
8
8
|
};
|
|
9
9
|
AboutModalBox.displayName = 'AboutModalBox';
|
|
10
10
|
//# sourceMappingURL=AboutModalBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBox.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAS3F,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAItD,EAAE,EAAE;QAJkD,EACzE,QAAQ,EACR,SAAS,
|
|
1
|
+
{"version":3,"file":"AboutModalBox.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAS3F,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAItD,EAAE,EAAE;QAJkD,EACzE,QAAQ,EACR,SAAS,OAEU,EADhB,KAAK,cAHiE,yBAI1E,CADS;IACgB,OAAA,CACxB,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,GAC5D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface AboutModalBoxBrandProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
src?: string;
|
|
7
|
-
/** the alternate text of the Brand image. */
|
|
3
|
+
/** The URL of the image for the brand. */
|
|
4
|
+
src: string;
|
|
5
|
+
/** The alternate text of the brand image. */
|
|
8
6
|
alt: string;
|
|
9
7
|
}
|
|
10
8
|
export declare const AboutModalBoxBrand: React.FunctionComponent<AboutModalBoxBrandProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxBrand.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC9E,
|
|
1
|
+
{"version":3,"file":"AboutModalBoxBrand.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC9E,2CAA2C;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAQ/E,CAAC"}
|
|
@@ -3,8 +3,8 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
|
|
5
5
|
export const AboutModalBoxBrand = (_a) => {
|
|
6
|
-
var {
|
|
7
|
-
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxBrand
|
|
6
|
+
var { src, alt } = _a, props = __rest(_a, ["src", "alt"]);
|
|
7
|
+
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxBrand) }, props),
|
|
8
8
|
React.createElement("img", { className: css(styles.aboutModalBoxBrandImage), src: src, alt: alt })));
|
|
9
9
|
};
|
|
10
10
|
AboutModalBoxBrand.displayName = 'AboutModalBoxBrand';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxBrand.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;
|
|
1
|
+
{"version":3,"file":"AboutModalBoxBrand.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAS3F,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,EAI3D,EAAE,EAAE;QAJuD,EACnF,GAAG,EACH,GAAG,OAEqB,EADrB,KAAK,cAH2E,cAIpF,CADS;IACqB,OAAA,CAC7B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAM,KAAK;QACvD,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,CACvE,CACP,CAAA;CAAA,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface AboutModalBoxCloseButtonProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** additional classes added to the About Modal Close button */
|
|
4
|
-
className?: string;
|
|
5
3
|
/** A callback for when the close button is clicked */
|
|
6
4
|
onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
|
|
7
5
|
/** Set close button aria label */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,
|
|
1
|
+
{"version":3,"file":"AboutModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACzE,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAU3F,CAAC"}
|
|
@@ -5,8 +5,8 @@ import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-
|
|
|
5
5
|
import { Button } from '../Button';
|
|
6
6
|
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
7
7
|
export const AboutModalBoxCloseButton = (_a) => {
|
|
8
|
-
var {
|
|
9
|
-
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxClose
|
|
8
|
+
var { onClose = _e => undefined, 'aria-label': ariaLabel = 'Close Dialog' } = _a, props = __rest(_a, ["onClose", 'aria-label']);
|
|
9
|
+
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxClose) }, props),
|
|
10
10
|
React.createElement(Button, { variant: "plain", onClick: onClose, "aria-label": ariaLabel },
|
|
11
11
|
React.createElement(TimesIcon, null))));
|
|
12
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;
|
|
1
|
+
{"version":3,"file":"AboutModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAS1E,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAIjE,EAAE,EAAE;QAJ6D,EAC/F,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,cAAc,OAEV,EAD3B,KAAK,cAHuF,yBAIhG,CADS;IAC2B,OAAA,CACnC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAM,KAAK;QACvD,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,gBAAc,SAAS;YAC7D,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface AboutModalBoxContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/**
|
|
3
|
+
/** Content rendered inside the about modal box content */
|
|
4
4
|
children: React.ReactNode;
|
|
5
|
-
/**
|
|
6
|
-
className?: string;
|
|
7
|
-
/** id to use for About Modal Box aria described by */
|
|
8
|
-
id: string;
|
|
9
|
-
/** The Trademark info for the product */
|
|
5
|
+
/** The trademark info for the product */
|
|
10
6
|
trademark: string;
|
|
11
7
|
/** Prevents the about modal from rendering content inside a container; allows for more flexible layouts */
|
|
12
|
-
|
|
8
|
+
hasNoContentContainer?: boolean;
|
|
13
9
|
}
|
|
14
10
|
export declare const AboutModalBoxContent: React.FunctionComponent<AboutModalBoxContentProps>;
|
|
15
11
|
//# sourceMappingURL=AboutModalBoxContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChF,
|
|
1
|
+
{"version":3,"file":"AboutModalBoxContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChF,0DAA0D;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,2GAA2G;IAC3G,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAYnF,CAAC"}
|
|
@@ -4,9 +4,9 @@ import { css } from '@patternfly/react-styles';
|
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
|
|
5
5
|
import contentStyles from '@patternfly/react-styles/css/components/Content/content';
|
|
6
6
|
export const AboutModalBoxContent = (_a) => {
|
|
7
|
-
var { children,
|
|
8
|
-
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxContent
|
|
9
|
-
React.createElement("div", { className: css('pf-c-about-modal-box__body') },
|
|
7
|
+
var { children, trademark, hasNoContentContainer = false } = _a, props = __rest(_a, ["children", "trademark", "hasNoContentContainer"]);
|
|
8
|
+
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxContent) }, props),
|
|
9
|
+
React.createElement("div", { className: css('pf-c-about-modal-box__body') }, hasNoContentContainer ? children : React.createElement("div", { className: css(contentStyles.content) }, children)),
|
|
10
10
|
React.createElement("p", { className: css(styles.aboutModalBoxStrapline) }, trademark)));
|
|
11
11
|
};
|
|
12
12
|
AboutModalBoxContent.displayName = 'AboutModalBoxContent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxContent.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,aAAa,MAAM,yDAAyD,CAAC;
|
|
1
|
+
{"version":3,"file":"AboutModalBoxContent.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,aAAa,MAAM,yDAAyD,CAAC;AAWpF,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAK7D,EAAE,EAAE;QALyD,EACvF,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,KAAK,OAEH,EADvB,KAAK,cAJ+E,kDAKxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAM,KAAK;QACzD,6BAAK,SAAS,EAAE,GAAG,CAAC,4BAA4B,CAAC,IAC9C,qBAAqB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CAC5F;QACN,2BAAG,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS,CAAK,CAC7D,CACP,CAAA;CAAA,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface AboutModalBoxHeaderProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
className?: string;
|
|
5
|
-
/** Name of the Product */
|
|
3
|
+
/** Name of the product */
|
|
6
4
|
productName?: string;
|
|
7
|
-
/**
|
|
5
|
+
/** Id to use for about modal box header */
|
|
8
6
|
id: string;
|
|
9
7
|
}
|
|
10
8
|
export declare const AboutModalBoxHeader: React.FunctionComponent<AboutModalBoxHeaderProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,
|
|
1
|
+
{"version":3,"file":"AboutModalBoxHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAUjF,CAAC"}
|
|
@@ -4,8 +4,8 @@ import { css } from '@patternfly/react-styles';
|
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
|
|
5
5
|
import { Title } from '../Title';
|
|
6
6
|
export const AboutModalBoxHeader = (_a) => {
|
|
7
|
-
var {
|
|
8
|
-
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxHeader
|
|
7
|
+
var { productName, id } = _a, props = __rest(_a, ["productName", "id"]);
|
|
8
|
+
return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxHeader) }, props),
|
|
9
9
|
React.createElement(Title, { headingLevel: "h1", size: "4xl", id: id }, productName)));
|
|
10
10
|
};
|
|
11
11
|
AboutModalBoxHeader.displayName = 'AboutModalBoxHeader';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxHeader.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"AboutModalBoxHeader.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AASjC,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAI5D,EAAE,EAAE;QAJwD,EACrF,WAAW,EACX,EAAE,OAEuB,EADtB,KAAK,cAH6E,qBAItF,CADS;IACsB,OAAA,CAC9B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAM,KAAK;QACxD,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,IACvC,WAAW,CACN,CACJ,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface AboutModalBoxHeroProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
className?: string;
|
|
5
|
-
/** background image data or file path */
|
|
3
|
+
/** Background image data or file path */
|
|
6
4
|
backgroundImageSrc?: string;
|
|
7
5
|
}
|
|
8
6
|
export declare const AboutModalBoxHero: React.FunctionComponent<AboutModalBoxHeroProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxHero.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,
|
|
1
|
+
{"version":3,"file":"AboutModalBoxHero.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAe7E,CAAC"}
|
|
@@ -5,12 +5,12 @@ import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-
|
|
|
5
5
|
// eslint-disable-next-line camelcase
|
|
6
6
|
import c_about_modal_box__hero_sm_BackgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box__hero_sm_BackgroundImage';
|
|
7
7
|
export const AboutModalBoxHero = (_a) => {
|
|
8
|
-
var {
|
|
8
|
+
var { backgroundImageSrc } = _a, props = __rest(_a, ["backgroundImageSrc"]);
|
|
9
9
|
return (React.createElement("div", Object.assign({ style:
|
|
10
10
|
/* eslint-disable camelcase */
|
|
11
11
|
backgroundImageSrc !== ''
|
|
12
12
|
? { [c_about_modal_box__hero_sm_BackgroundImage.name]: `url(${backgroundImageSrc})` }
|
|
13
|
-
: {}, className: css(styles.aboutModalBoxHero
|
|
13
|
+
: {}, className: css(styles.aboutModalBoxHero) }, props)));
|
|
14
14
|
};
|
|
15
15
|
AboutModalBoxHero.displayName = 'AboutModalBoxHero';
|
|
16
16
|
//# sourceMappingURL=AboutModalBoxHero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AboutModalBoxHero.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHero.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,qCAAqC;AACrC,OAAO,0CAA0C,MAAM,8EAA8E,CAAC;
|
|
1
|
+
{"version":3,"file":"AboutModalBoxHero.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHero.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,qCAAqC;AACrC,OAAO,0CAA0C,MAAM,8EAA8E,CAAC;AAOtI,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAG1D,EAAE,EAAE;QAHsD,EACjF,kBAAkB,OAEK,EADpB,KAAK,cAFyE,sBAGlF,CADS;IACoB,OAAA,CAC5B,2CACE,KAAK;QACH,8BAA8B;QAC9B,kBAAkB,KAAK,EAAE;YACvB,CAAC,CAAC,EAAE,CAAC,0CAA0C,CAAC,IAAc,CAAC,EAAE,OAAO,kBAAkB,GAAG,EAAE;YAC/F,CAAC,CAAC,EAAE,EAGR,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,CAAC,IACpC,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
|
|
@@ -11,6 +11,6 @@ interface BackToTopProps extends React.DetailedHTMLProps<React.HTMLProps<HTMLDiv
|
|
|
11
11
|
/** Flag to always show back to top button, defaults to false. */
|
|
12
12
|
isAlwaysVisible?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export declare const BackToTop: React.ForwardRefExoticComponent<Pick<BackToTopProps, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "
|
|
14
|
+
export declare const BackToTop: React.ForwardRefExoticComponent<Pick<BackToTopProps, "children" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerRef" | "scrollableSelector" | "isAlwaysVisible"> & React.RefAttributes<any>>;
|
|
15
15
|
export {};
|
|
16
16
|
//# sourceMappingURL=BackToTop.d.ts.map
|
|
@@ -7,7 +7,7 @@ export declare enum DataListWrapModifier {
|
|
|
7
7
|
}
|
|
8
8
|
export interface SelectableRowObject {
|
|
9
9
|
/** Callback that executes when the screen reader accessible element receives a change event */
|
|
10
|
-
onChange: (
|
|
10
|
+
onChange: (event: React.FormEvent<HTMLInputElement>, id: string) => void;
|
|
11
11
|
}
|
|
12
12
|
export interface DataListProps extends Omit<React.HTMLProps<HTMLUListElement>, 'ref'> {
|
|
13
13
|
/** Content rendered inside the DataList list */
|
|
@@ -17,7 +17,7 @@ export interface DataListProps extends Omit<React.HTMLProps<HTMLUListElement>, '
|
|
|
17
17
|
/** Adds accessible text to the DataList list */
|
|
18
18
|
'aria-label': string;
|
|
19
19
|
/** Optional callback to make DataList selectable, fired when DataListItem selected */
|
|
20
|
-
onSelectDataListItem?: (id: string) => void;
|
|
20
|
+
onSelectDataListItem?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;
|
|
21
21
|
/** Id of DataList item currently selected */
|
|
22
22
|
selectedDataListItemId?: string;
|
|
23
23
|
/** Flag indicating if DataList should have compact styling */
|
|
@@ -32,7 +32,7 @@ export interface DataListProps extends Omit<React.HTMLProps<HTMLUListElement>, '
|
|
|
32
32
|
interface DataListContextProps {
|
|
33
33
|
isSelectable: boolean;
|
|
34
34
|
selectedDataListItemId: string;
|
|
35
|
-
updateSelectedDataListItem: (id: string) => void;
|
|
35
|
+
updateSelectedDataListItem: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;
|
|
36
36
|
selectableRow?: SelectableRowObject;
|
|
37
37
|
}
|
|
38
38
|
export declare const DataListContext: React.Context<Partial<DataListContextProps>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAYvD,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,+FAA+F;IAC/F,QAAQ,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAYvD,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,+FAA+F;IAC/F,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1E;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACnF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3F,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvE,kEAAkE;IAClE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAC1E,kGAAkG;IAClG,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAED,UAAU,oBAAoB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA0B,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChG,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,8CAE1B,CAAC;AAEH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAO9C;IACF,GAAG,oCAAuC;gBAE9B,KAAK,EAAE,aAAa;IAIhC,QAAQ,OAAQ,MAAM,YAA+E;IAErG,MAAM;CA4CP"}
|
|
@@ -25,13 +25,13 @@ export class DataList extends React.Component {
|
|
|
25
25
|
constructor(props) {
|
|
26
26
|
super(props);
|
|
27
27
|
this.ref = React.createRef();
|
|
28
|
-
this.getIndex = (id) => Array.from(this.ref.current.children).findIndex(item => item.id === id);
|
|
28
|
+
this.getIndex = (id) => Array.from(this.ref.current.children).findIndex((item) => item.id === id);
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
const _a = this.props, { className, children, onSelectDataListItem, selectedDataListItemId, isCompact, wrapModifier, gridBreakpoint, selectableRow } = _a, props = __rest(_a, ["className", "children", "onSelectDataListItem", "selectedDataListItemId", "isCompact", "wrapModifier", "gridBreakpoint", "selectableRow"]);
|
|
32
32
|
const isSelectable = onSelectDataListItem !== undefined;
|
|
33
|
-
const updateSelectedDataListItem = (id) => {
|
|
34
|
-
onSelectDataListItem(id);
|
|
33
|
+
const updateSelectedDataListItem = (event, id) => {
|
|
34
|
+
onSelectDataListItem(event, id);
|
|
35
35
|
};
|
|
36
36
|
return (React.createElement(DataListContext.Provider, { value: {
|
|
37
37
|
isSelectable,
|