@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.
Files changed (178) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/components/AboutModal/AboutModal.d.ts +5 -23
  3. package/components/AboutModal/AboutModal.d.ts.map +1 -1
  4. package/components/AboutModal/AboutModal.js +26 -91
  5. package/components/AboutModal/AboutModal.js.map +1 -1
  6. package/components/AboutModal/AboutModalBox.d.ts +2 -2
  7. package/components/AboutModal/AboutModalBox.d.ts.map +1 -1
  8. package/components/AboutModal/AboutModalBox.js +2 -2
  9. package/components/AboutModal/AboutModalBox.js.map +1 -1
  10. package/components/AboutModal/AboutModalBoxBrand.d.ts +3 -5
  11. package/components/AboutModal/AboutModalBoxBrand.d.ts.map +1 -1
  12. package/components/AboutModal/AboutModalBoxBrand.js +2 -2
  13. package/components/AboutModal/AboutModalBoxBrand.js.map +1 -1
  14. package/components/AboutModal/AboutModalBoxCloseButton.d.ts +0 -2
  15. package/components/AboutModal/AboutModalBoxCloseButton.d.ts.map +1 -1
  16. package/components/AboutModal/AboutModalBoxCloseButton.js +2 -2
  17. package/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
  18. package/components/AboutModal/AboutModalBoxContent.d.ts +3 -7
  19. package/components/AboutModal/AboutModalBoxContent.d.ts.map +1 -1
  20. package/components/AboutModal/AboutModalBoxContent.js +3 -3
  21. package/components/AboutModal/AboutModalBoxContent.js.map +1 -1
  22. package/components/AboutModal/AboutModalBoxHeader.d.ts +2 -4
  23. package/components/AboutModal/AboutModalBoxHeader.d.ts.map +1 -1
  24. package/components/AboutModal/AboutModalBoxHeader.js +2 -2
  25. package/components/AboutModal/AboutModalBoxHeader.js.map +1 -1
  26. package/components/AboutModal/AboutModalBoxHero.d.ts +1 -3
  27. package/components/AboutModal/AboutModalBoxHero.d.ts.map +1 -1
  28. package/components/AboutModal/AboutModalBoxHero.js +2 -2
  29. package/components/AboutModal/AboutModalBoxHero.js.map +1 -1
  30. package/components/BackToTop/BackToTop.d.ts +1 -1
  31. package/components/DataList/DataList.d.ts +3 -3
  32. package/components/DataList/DataList.d.ts.map +1 -1
  33. package/components/DataList/DataList.js +3 -3
  34. package/components/DataList/DataList.js.map +1 -1
  35. package/components/DataList/DataListItem.d.ts.map +1 -1
  36. package/components/DataList/DataListItem.js +6 -5
  37. package/components/DataList/DataListItem.js.map +1 -1
  38. package/components/DualListSelector/DualListSelectorControl.d.ts +1 -1
  39. package/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  40. package/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
  41. package/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
  42. package/components/Menu/MenuContent.d.ts +1 -1
  43. package/components/Menu/MenuGroup.d.ts +1 -1
  44. package/components/Menu/MenuInput.d.ts +1 -1
  45. package/components/Menu/MenuItem.d.ts +1 -1
  46. package/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
  47. package/components/Panel/Panel.d.ts +1 -1
  48. package/components/Tabs/Tab.d.ts +1 -1
  49. package/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
  50. package/dist/esm/components/AboutModal/AboutModal.d.ts +5 -23
  51. package/dist/esm/components/AboutModal/AboutModal.d.ts.map +1 -1
  52. package/dist/esm/components/AboutModal/AboutModal.js +26 -91
  53. package/dist/esm/components/AboutModal/AboutModal.js.map +1 -1
  54. package/dist/esm/components/AboutModal/AboutModalBox.d.ts +2 -2
  55. package/dist/esm/components/AboutModal/AboutModalBox.d.ts.map +1 -1
  56. package/dist/esm/components/AboutModal/AboutModalBox.js +2 -2
  57. package/dist/esm/components/AboutModal/AboutModalBox.js.map +1 -1
  58. package/dist/esm/components/AboutModal/AboutModalBoxBrand.d.ts +3 -5
  59. package/dist/esm/components/AboutModal/AboutModalBoxBrand.d.ts.map +1 -1
  60. package/dist/esm/components/AboutModal/AboutModalBoxBrand.js +2 -2
  61. package/dist/esm/components/AboutModal/AboutModalBoxBrand.js.map +1 -1
  62. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.d.ts +0 -2
  63. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.d.ts.map +1 -1
  64. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js +2 -2
  65. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
  66. package/dist/esm/components/AboutModal/AboutModalBoxContent.d.ts +3 -7
  67. package/dist/esm/components/AboutModal/AboutModalBoxContent.d.ts.map +1 -1
  68. package/dist/esm/components/AboutModal/AboutModalBoxContent.js +3 -3
  69. package/dist/esm/components/AboutModal/AboutModalBoxContent.js.map +1 -1
  70. package/dist/esm/components/AboutModal/AboutModalBoxHeader.d.ts +2 -4
  71. package/dist/esm/components/AboutModal/AboutModalBoxHeader.d.ts.map +1 -1
  72. package/dist/esm/components/AboutModal/AboutModalBoxHeader.js +2 -2
  73. package/dist/esm/components/AboutModal/AboutModalBoxHeader.js.map +1 -1
  74. package/dist/esm/components/AboutModal/AboutModalBoxHero.d.ts +1 -3
  75. package/dist/esm/components/AboutModal/AboutModalBoxHero.d.ts.map +1 -1
  76. package/dist/esm/components/AboutModal/AboutModalBoxHero.js +2 -2
  77. package/dist/esm/components/AboutModal/AboutModalBoxHero.js.map +1 -1
  78. package/dist/esm/components/BackToTop/BackToTop.d.ts +1 -1
  79. package/dist/esm/components/DataList/DataList.d.ts +3 -3
  80. package/dist/esm/components/DataList/DataList.d.ts.map +1 -1
  81. package/dist/esm/components/DataList/DataList.js +3 -3
  82. package/dist/esm/components/DataList/DataList.js.map +1 -1
  83. package/dist/esm/components/DataList/DataListItem.d.ts.map +1 -1
  84. package/dist/esm/components/DataList/DataListItem.js +6 -5
  85. package/dist/esm/components/DataList/DataListItem.js.map +1 -1
  86. package/dist/esm/components/DualListSelector/DualListSelectorControl.d.ts +1 -1
  87. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  88. package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
  89. package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
  90. package/dist/esm/components/Menu/MenuContent.d.ts +1 -1
  91. package/dist/esm/components/Menu/MenuGroup.d.ts +1 -1
  92. package/dist/esm/components/Menu/MenuInput.d.ts +1 -1
  93. package/dist/esm/components/Menu/MenuItem.d.ts +1 -1
  94. package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
  95. package/dist/esm/components/Panel/Panel.d.ts +1 -1
  96. package/dist/esm/components/Tabs/Tab.d.ts +1 -1
  97. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
  98. package/dist/js/components/AboutModal/AboutModal.d.ts +5 -23
  99. package/dist/js/components/AboutModal/AboutModal.d.ts.map +1 -1
  100. package/dist/js/components/AboutModal/AboutModal.js +27 -92
  101. package/dist/js/components/AboutModal/AboutModal.js.map +1 -1
  102. package/dist/js/components/AboutModal/AboutModalBox.d.ts +2 -2
  103. package/dist/js/components/AboutModal/AboutModalBox.d.ts.map +1 -1
  104. package/dist/js/components/AboutModal/AboutModalBox.js +2 -2
  105. package/dist/js/components/AboutModal/AboutModalBox.js.map +1 -1
  106. package/dist/js/components/AboutModal/AboutModalBoxBrand.d.ts +3 -5
  107. package/dist/js/components/AboutModal/AboutModalBoxBrand.d.ts.map +1 -1
  108. package/dist/js/components/AboutModal/AboutModalBoxBrand.js +2 -2
  109. package/dist/js/components/AboutModal/AboutModalBoxBrand.js.map +1 -1
  110. package/dist/js/components/AboutModal/AboutModalBoxCloseButton.d.ts +0 -2
  111. package/dist/js/components/AboutModal/AboutModalBoxCloseButton.d.ts.map +1 -1
  112. package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js +2 -2
  113. package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
  114. package/dist/js/components/AboutModal/AboutModalBoxContent.d.ts +3 -7
  115. package/dist/js/components/AboutModal/AboutModalBoxContent.d.ts.map +1 -1
  116. package/dist/js/components/AboutModal/AboutModalBoxContent.js +3 -3
  117. package/dist/js/components/AboutModal/AboutModalBoxContent.js.map +1 -1
  118. package/dist/js/components/AboutModal/AboutModalBoxHeader.d.ts +2 -4
  119. package/dist/js/components/AboutModal/AboutModalBoxHeader.d.ts.map +1 -1
  120. package/dist/js/components/AboutModal/AboutModalBoxHeader.js +2 -2
  121. package/dist/js/components/AboutModal/AboutModalBoxHeader.js.map +1 -1
  122. package/dist/js/components/AboutModal/AboutModalBoxHero.d.ts +1 -3
  123. package/dist/js/components/AboutModal/AboutModalBoxHero.d.ts.map +1 -1
  124. package/dist/js/components/AboutModal/AboutModalBoxHero.js +2 -2
  125. package/dist/js/components/AboutModal/AboutModalBoxHero.js.map +1 -1
  126. package/dist/js/components/BackToTop/BackToTop.d.ts +1 -1
  127. package/dist/js/components/DataList/DataList.d.ts +3 -3
  128. package/dist/js/components/DataList/DataList.d.ts.map +1 -1
  129. package/dist/js/components/DataList/DataList.js +3 -3
  130. package/dist/js/components/DataList/DataList.js.map +1 -1
  131. package/dist/js/components/DataList/DataListItem.d.ts.map +1 -1
  132. package/dist/js/components/DataList/DataListItem.js +6 -5
  133. package/dist/js/components/DataList/DataListItem.js.map +1 -1
  134. package/dist/js/components/DualListSelector/DualListSelectorControl.d.ts +1 -1
  135. package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  136. package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
  137. package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
  138. package/dist/js/components/Menu/MenuContent.d.ts +1 -1
  139. package/dist/js/components/Menu/MenuGroup.d.ts +1 -1
  140. package/dist/js/components/Menu/MenuInput.d.ts +1 -1
  141. package/dist/js/components/Menu/MenuItem.d.ts +1 -1
  142. package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
  143. package/dist/js/components/Panel/Panel.d.ts +1 -1
  144. package/dist/js/components/Tabs/Tab.d.ts +1 -1
  145. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
  146. package/dist/umd/react-core.min.js +4 -4
  147. package/package.json +2 -2
  148. package/src/components/AboutModal/AboutModal.tsx +71 -115
  149. package/src/components/AboutModal/AboutModalBox.tsx +4 -4
  150. package/src/components/AboutModal/AboutModalBoxBrand.tsx +5 -8
  151. package/src/components/AboutModal/AboutModalBoxCloseButton.tsx +1 -4
  152. package/src/components/AboutModal/AboutModalBoxContent.tsx +6 -12
  153. package/src/components/AboutModal/AboutModalBoxHeader.tsx +4 -7
  154. package/src/components/AboutModal/AboutModalBoxHero.tsx +2 -5
  155. package/src/components/AboutModal/__tests__/AboutModal.test.tsx +14 -8
  156. package/src/components/AboutModal/__tests__/AboutModalBox.test.tsx +1 -1
  157. package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBox.test.tsx.snap +0 -3
  158. package/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx +1 -1
  159. package/src/components/AboutModal/examples/AboutModalCustomBackgroundImage.tsx +1 -0
  160. package/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx +1 -0
  161. package/src/components/DataList/DataList.tsx +6 -6
  162. package/src/components/DataList/DataListItem.tsx +6 -5
  163. package/src/components/DataList/examples/DataListSelectableRows.tsx +2 -2
  164. package/components/AboutModal/AboutModalContainer.d.ts +0 -31
  165. package/components/AboutModal/AboutModalContainer.d.ts.map +0 -1
  166. package/components/AboutModal/AboutModalContainer.js +0 -28
  167. package/components/AboutModal/AboutModalContainer.js.map +0 -1
  168. package/dist/esm/components/AboutModal/AboutModalContainer.d.ts +0 -31
  169. package/dist/esm/components/AboutModal/AboutModalContainer.d.ts.map +0 -1
  170. package/dist/esm/components/AboutModal/AboutModalContainer.js +0 -28
  171. package/dist/esm/components/AboutModal/AboutModalContainer.js.map +0 -1
  172. package/dist/js/components/AboutModal/AboutModalContainer.d.ts +0 -31
  173. package/dist/js/components/AboutModal/AboutModalContainer.d.ts.map +0 -1
  174. package/dist/js/components/AboutModal/AboutModalContainer.js +0 -32
  175. package/dist/js/components/AboutModal/AboutModalContainer.js.map +0 -1
  176. package/src/components/AboutModal/AboutModalContainer.tsx +0 -91
  177. package/src/components/AboutModal/__tests__/AboutModalContainer.test.tsx +0 -38
  178. 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
- import { PickOptional } from '../../helpers/typeUtils';
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
- noAboutModalBoxContentContainer?: boolean;
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
- interface ModalState {
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;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,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,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,UAAU;IAClB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC;IAC1E,MAAM,CAAC,WAAW,SAAgB;IAClC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAC7B,OAAO,CAAC,EAAE,CAA0B;IACpC,cAAc,SAAqC;IACnD,eAAe,SAAuC;IAEtD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,eAAe,CAAC,CAShD;gBAEU,KAAK,EAAE,eAAe;IAYlC,iBAAiB,UAAW,aAAa,UAIvC;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,iBAAiB;IAcjB,kBAAkB;IAWlB,oBAAoB;IASpB,MAAM;CAkBP"}
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 styles from '@patternfly/react-styles/css/components/Backdrop/backdrop';
6
- import { canUseDOM } from '../../helpers';
7
- import { KeyTypes } from '../../helpers/constants';
8
- import { AboutModalContainer } from './AboutModalContainer';
9
- export class AboutModal extends React.Component {
10
- constructor(props) {
11
- super(props);
12
- this.id = AboutModal.currentId++;
13
- this.ariaLabelledBy = `pf-about-modal-title-${this.id}`;
14
- this.ariaDescribedBy = `pf-about-modal-content-${this.id}`;
15
- this.handleEscKeyClick = (event) => {
16
- var _a, _b;
17
- if (event.key === KeyTypes.Escape && this.props.isOpen) {
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
- componentDidMount() {
46
- const container = document.createElement('div');
47
- const target = this.getElement(this.props.appendTo);
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
- componentDidUpdate() {
59
- const target = this.getElement(this.props.appendTo);
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
- componentWillUnmount() {
70
- const target = this.getElement(this.props.appendTo);
71
- if (this.state.container) {
72
- target.removeChild(this.state.container);
73
- }
74
- target.removeEventListener('keydown', this.handleEscKeyClick, false);
75
- target.classList.remove(css(styles.backdropOpen));
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,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAoC5D,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAsC;IAkB1E,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAhBP,OAAE,GAAG,UAAU,CAAC,SAAS,EAAE,CAAC;QACpC,mBAAc,GAAG,wBAAwB,IAAI,CAAC,EAAE,EAAE,CAAC;QACnD,oBAAe,GAAG,0BAA0B,IAAI,CAAC,EAAE,EAAE,CAAC;QAyBtD,sBAAiB,GAAG,CAAC,KAAoB,EAAE,EAAE;;YAC3C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACtD,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,mDAAG,KAAK,CAAC,CAAC;aAC7B;QACH,CAAC,CAAC;QAEF,oCAA+B,GAAG,CAAC,IAAa,EAAE,EAAE;YAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YACtD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC;YACrC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;gBAC5C,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;oBAClC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;iBAC5F;aACF;QACH,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,QAA2C,EAAE,EAAE;YAC3D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,OAAO,QAAQ,EAAE,CAAC;aACnB;YACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;QACnC,CAAC,CAAC;QA/BA,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,SAAS;SACrB,CAAC;QACF,IAAI,KAAK,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YAC/C,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,6DAA6D,CAAC,CAAC;SAC7F;IACH,CAAC;IA0BD,iBAAiB;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC9B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACrB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;SAChD;aAAM;YACL,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;SACnD;IACH,CAAC;IAED,kBAAkB;QAChB,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACrB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;YAC/C,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC;SAC5C;aAAM;YACL,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;YAClD,IAAI,CAAC,+BAA+B,CAAC,KAAK,CAAC,CAAC;SAC7C;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC1C;QACD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;QACJ,6DAA6D;QAC7D,MAAM,KAAyB,IAAI,CAAC,KAAK,EAAnC,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAApB,YAAsB,CAAa,CAAC;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,YAAY,CAC1B,oBAAC,mBAAmB,kBAClB,qBAAqB,EAAE,IAAI,CAAC,cAAc,EAC1C,sBAAsB,EAAE,IAAI,CAAC,eAAe,IACxC,KAAK,EACT,EACF,SAAS,CACY,CAAC;IAC1B,CAAC;;AAxGM,sBAAW,GAAG,YAAY,CAAC;AACnB,oBAAS,GAAG,CAAC,CAAC;AAKtB,uBAAY,GAAkC;IACnD,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,CAAC,EAAE,EAAO,EAAE,CAAC,SAAS;IAC/B,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,kBAAkB,EAAE,EAAE;IACtB,+BAA+B,EAAE,KAAK;IACtC,QAAQ,EAAE,IAAmB;CAC9B,CAAC"}
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
- /** content rendered inside the AboutModelBox. */
3
+ /** Content rendered inside the about modal box */
4
4
  children: React.ReactNode;
5
- /** additional classes added to the AboutModalBox */
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,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAQrE,CAAC"}
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 = '' } = _a, props = __rest(_a, ["children", "className"]);
7
- return (React.createElement("div", Object.assign({ role: "dialog", "aria-modal": "true", className: css(styles.aboutModalBox, className) }, props), children));
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,GAAG,EAAE,OAEK,EADhB,KAAK,cAHiE,yBAI1E,CADS;IACgB,OAAA,CACxB,2CAAK,IAAI,EAAC,QAAQ,gBAAY,MAAM,EAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,GAC5F,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
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
- /** additional classes added to the About Modal Brand */
4
- className?: string;
5
- /** the URL of the image for the Brand. */
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,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAS/E,CAAC"}
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 { className = '', src = '', alt } = _a, props = __rest(_a, ["className", "src", "alt"]);
7
- return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxBrand, className) }, props),
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;AAW3F,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,EAK3D,EAAE,EAAE;QALuD,EACnF,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,EAAE,EACR,GAAG,OAEqB,EADrB,KAAK,cAJ2E,2BAKpF,CADS;IACqB,OAAA,CAC7B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAAM,KAAK;QAClE,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
+ {"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,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,CAW3F,CAAC"}
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 { className = '', onClose = _e => undefined, 'aria-label': ariaLabel = 'Close Dialog' } = _a, props = __rest(_a, ["className", "onClose", 'aria-label']);
9
- return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxClose, className) }, props),
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;AAW1E,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,cAAc,OAEV,EAD3B,KAAK,cAJuF,sCAKhG,CADS;IAC2B,OAAA,CACnC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAAM,KAAK;QAClE,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
+ {"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
- /** content rendered inside the AboutModalBoxContent */
3
+ /** Content rendered inside the about modal box content */
4
4
  children: React.ReactNode;
5
- /** additional classes added to the AboutModalBoxContent */
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
- noAboutModalBoxContentContainer?: boolean;
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,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,2GAA2G;IAC3G,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAcnF,CAAC"}
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, className = '', trademark, id, noAboutModalBoxContentContainer = false } = _a, props = __rest(_a, ["children", "className", "trademark", "id", "noAboutModalBoxContentContainer"]);
8
- return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxContent, className), id: id }, props),
9
- React.createElement("div", { className: css('pf-c-about-modal-box__body') }, noAboutModalBoxContentContainer ? children : React.createElement("div", { className: css(contentStyles.content) }, children)),
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;AAepF,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAO7D,EAAE,EAAE;QAPyD,EACvF,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,SAAS,EACT,EAAE,EACF,+BAA+B,GAAG,KAAK,OAEb,EADvB,KAAK,cAN+E,+EAOxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK;QAC5E,6BAAK,SAAS,EAAE,GAAG,CAAC,4BAA4B,CAAC,IAC9C,+BAA+B,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CACtG;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
+ {"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
- /** additional classes added to the button */
4
- className?: string;
5
- /** Name of the Product */
3
+ /** Name of the product */
6
4
  productName?: string;
7
- /** id to used for Modal Box header */
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,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAWjF,CAAC"}
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 { className = '', productName = '', id } = _a, props = __rest(_a, ["className", "productName", "id"]);
8
- return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxHeader, className) }, props),
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;AAWjC,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,EAAE,OAEuB,EADtB,KAAK,cAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACnE,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
+ {"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
- /** additional classes added to the About Modal Hero */
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,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAgB7E,CAAC"}
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 { className, backgroundImageSrc } = _a, props = __rest(_a, ["className", "backgroundImageSrc"]);
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, className) }, props)));
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;AAStI,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,SAAS,EACT,kBAAkB,OAEK,EADpB,KAAK,cAHyE,mCAIlF,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,EAAE,SAAS,CAAC,IAC/C,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,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" | "children" | "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>>;
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: (id: string, event: React.FormEvent<HTMLInputElement>) => void;
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,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,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,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,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,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,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,YAA6E;IAEnG,MAAM;CA4CP"}
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,