@patternfly/react-core 4.198.15 → 4.198.18

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 (87) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/AlertGroup/AlertGroup.d.ts +4 -0
  3. package/dist/esm/components/AlertGroup/AlertGroup.d.ts.map +1 -1
  4. package/dist/esm/components/AlertGroup/AlertGroup.js +2 -2
  5. package/dist/esm/components/AlertGroup/AlertGroup.js.map +1 -1
  6. package/dist/esm/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
  7. package/dist/esm/components/AlertGroup/AlertGroupInline.js +5 -2
  8. package/dist/esm/components/AlertGroup/AlertGroupInline.js.map +1 -1
  9. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.d.ts +10 -2
  10. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map +1 -1
  11. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js +9 -2
  12. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
  13. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts +1 -1
  14. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map +1 -1
  15. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js +21 -2
  16. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
  17. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  18. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts +6 -2
  19. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map +1 -1
  20. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js +9 -2
  21. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
  22. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts +2 -0
  23. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map +1 -1
  24. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +2 -4
  25. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
  26. package/dist/esm/components/MultipleFileUpload/index.d.ts +0 -6
  27. package/dist/esm/components/MultipleFileUpload/index.d.ts.map +1 -1
  28. package/dist/esm/components/MultipleFileUpload/index.js +0 -6
  29. package/dist/esm/components/MultipleFileUpload/index.js.map +1 -1
  30. package/dist/js/components/AlertGroup/AlertGroup.d.ts +4 -0
  31. package/dist/js/components/AlertGroup/AlertGroup.d.ts.map +1 -1
  32. package/dist/js/components/AlertGroup/AlertGroup.js +2 -2
  33. package/dist/js/components/AlertGroup/AlertGroup.js.map +1 -1
  34. package/dist/js/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
  35. package/dist/js/components/AlertGroup/AlertGroupInline.js +5 -2
  36. package/dist/js/components/AlertGroup/AlertGroupInline.js.map +1 -1
  37. package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.d.ts +10 -2
  38. package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map +1 -1
  39. package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.js +9 -2
  40. package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
  41. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts +1 -1
  42. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map +1 -1
  43. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js +21 -2
  44. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
  45. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  46. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts +6 -2
  47. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map +1 -1
  48. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.js +9 -2
  49. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
  50. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts +2 -0
  51. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map +1 -1
  52. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +2 -4
  53. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
  54. package/dist/js/components/MultipleFileUpload/index.d.ts +0 -6
  55. package/dist/js/components/MultipleFileUpload/index.d.ts.map +1 -1
  56. package/dist/js/components/MultipleFileUpload/index.js +0 -6
  57. package/dist/js/components/MultipleFileUpload/index.js.map +1 -1
  58. package/dist/styles/assets/images/img_pie-chart-with-legend.png +0 -0
  59. package/dist/styles/assets/images/status-icon-sprite.svg +38 -0
  60. package/dist/umd/react-core.css +244 -47
  61. package/dist/umd/react-core.js +75 -47
  62. package/dist/umd/react-core.min.css +244 -47
  63. package/dist/umd/react-core.min.js +4 -4
  64. package/package.json +6 -6
  65. package/src/components/AlertGroup/AlertGroup.tsx +13 -2
  66. package/src/components/AlertGroup/AlertGroupInline.tsx +9 -0
  67. package/src/components/AlertGroup/__tests__/AlertGroup.test.tsx +15 -0
  68. package/src/components/AlertGroup/__tests__/__snapshots__/AlertGroup.test.tsx.snap +93 -1
  69. package/src/components/AlertGroup/examples/AlertGroup.md +147 -0
  70. package/src/components/MultipleFileUpload/MultipleFileUploadMain.tsx +29 -8
  71. package/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx +24 -4
  72. package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +1 -1
  73. package/src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx +19 -5
  74. package/src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx +4 -3
  75. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadMain.test.tsx +19 -2
  76. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitle.test.tsx +17 -2
  77. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleIcon.test.tsx +1 -1
  78. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadMain.test.tsx.snap +198 -2
  79. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitle.test.tsx.snap +62 -4
  80. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleIcon.test.tsx.snap +2 -50
  81. package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +7 -60
  82. package/src/components/MultipleFileUpload/examples/MultipleFileUploadBasic.tsx +48 -74
  83. package/src/components/MultipleFileUpload/index.ts +0 -6
  84. package/src/demos/ComposableMenu/ComposableMenu.md +4 -9
  85. package/src/demos/ComposableMenu/examples/ComposableDateSelect.tsx +113 -0
  86. package/src/demos/MultipleFileUploadDemos.md +16 -0
  87. package/src/{components/MultipleFileUpload/examples/MultipleFileUploadHorizontal.tsx → demos/examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx} +60 -64
package/CHANGELOG.md CHANGED
@@ -3,6 +3,30 @@
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
+ ## 4.198.18 (2022-03-07)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.198.17 (2022-03-07)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-core
17
+
18
+
19
+
20
+
21
+
22
+ ## 4.198.16 (2022-03-04)
23
+
24
+ **Note:** Version bump only for package @patternfly/react-core
25
+
26
+
27
+
28
+
29
+
6
30
  ## 4.198.15 (2022-03-04)
7
31
 
8
32
  **Note:** Version bump only for package @patternfly/react-core
@@ -10,6 +10,10 @@ export interface AlertGroupProps extends Omit<React.HTMLProps<HTMLUListElement>,
10
10
  isLiveRegion?: boolean;
11
11
  /** Determine where the alert is appended to */
12
12
  appendTo?: HTMLElement | (() => HTMLElement);
13
+ /** Function to call if user clicks on overflow message */
14
+ onOverflowClick?: () => void;
15
+ /** Custom text to show for the overflow message */
16
+ overflowMessage?: string;
13
17
  }
14
18
  interface AlertGroupState {
15
19
  container: HTMLElement;
@@ -1 +1 @@
1
- {"version":3,"file":"AlertGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC3F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;CAC9C;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK,kBAEgB;IAErB,iBAAiB;IAOjB,oBAAoB;IAOpB,gBAAgB;IAQhB,MAAM;CAmBP"}
1
+ {"version":3,"file":"AlertGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC3F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK,kBAEgB;IAErB,iBAAiB;IAOjB,oBAAoB;IAOpB,gBAAgB;IAQhB,MAAM;CA0BP"}
@@ -30,8 +30,8 @@ export class AlertGroup extends React.Component {
30
30
  return appendTo || document.body;
31
31
  }
32
32
  render() {
33
- const _a = this.props, { className, children, isToast, isLiveRegion } = _a, props = __rest(_a, ["className", "children", "isToast", "isLiveRegion"]);
34
- const alertGroup = (React.createElement(AlertGroupInline, Object.assign({ className: className, isToast: isToast, isLiveRegion: isLiveRegion }, props), children));
33
+ const _a = this.props, { className, children, isToast, isLiveRegion, onOverflowClick, overflowMessage } = _a, props = __rest(_a, ["className", "children", "isToast", "isLiveRegion", "onOverflowClick", "overflowMessage"]);
34
+ const alertGroup = (React.createElement(AlertGroupInline, Object.assign({ onOverflowClick: onOverflowClick, className: className, isToast: isToast, isLiveRegion: isLiveRegion, overflowMessage: overflowMessage }, props), children));
35
35
  if (!this.props.isToast) {
36
36
  return alertGroup;
37
37
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AlertGroup.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAmBtD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,SAAS,EAAE,SAAS;SACF,CAAC;IA2CvB,CAAC;IAzCC,iBAAiB;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,KAA2D,IAAI,CAAC,KAAK,EAArE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,OAAyB,EAApB,KAAK,cAAtD,oDAAwD,CAAa,CAAC;QAC5E,MAAM,UAAU,GAAG,CACjB,oBAAC,gBAAgB,kBAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAM,KAAK,GAC5F,QAAQ,CACQ,CACpB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvB,OAAO,UAAU,CAAC;SACnB;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;;AA7CM,sBAAW,GAAG,YAAY,CAAC"}
1
+ {"version":3,"file":"AlertGroup.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAuBtD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,SAAS,EAAE,SAAS;SACF,CAAC;IAkDvB,CAAC;IAhDC,iBAAiB;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,KAA6F,IAAI,CAAC,KAAK,EAAvG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,OAAyB,EAApB,KAAK,cAAxF,0FAA0F,CAAa,CAAC;QAC9G,MAAM,UAAU,GAAG,CACjB,oBAAC,gBAAgB,kBACf,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,IAC5B,KAAK,GAER,QAAQ,CACQ,CACpB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvB,OAAO,UAAU,CAAC;SACnB;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;;AApDM,sBAAW,GAAG,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertGroupInline.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAiBrE,CAAC"}
1
+ {"version":3,"file":"AlertGroupInline.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA0BrE,CAAC"}
@@ -3,8 +3,11 @@ import * as React from 'react';
3
3
  import { css } from '@patternfly/react-styles';
4
4
  import styles from '@patternfly/react-styles/css/components/AlertGroup/alert-group';
5
5
  export const AlertGroupInline = (_a) => {
6
- var { className, children, isToast, isLiveRegion } = _a, rest = __rest(_a, ["className", "children", "isToast", "isLiveRegion"]);
7
- return (React.createElement("ul", Object.assign({ "aria-live": isLiveRegion ? 'polite' : null, "aria-atomic": isLiveRegion ? false : null, className: css(styles.alertGroup, className, isToast ? styles.modifiers.toast : '') }, rest), React.Children.toArray(children).map((Alert, index) => (React.createElement("li", { key: index }, Alert)))));
6
+ var { className, children, isToast, isLiveRegion, onOverflowClick, overflowMessage } = _a, rest = __rest(_a, ["className", "children", "isToast", "isLiveRegion", "onOverflowClick", "overflowMessage"]);
7
+ return (React.createElement("ul", Object.assign({ "aria-live": isLiveRegion ? 'polite' : null, "aria-atomic": isLiveRegion ? false : null, className: css(styles.alertGroup, className, isToast ? styles.modifiers.toast : '') }, rest),
8
+ React.Children.toArray(children).map((Alert, index) => (React.createElement("li", { key: index }, Alert))),
9
+ overflowMessage && (React.createElement("li", null,
10
+ React.createElement("button", { onClick: onOverflowClick, className: css(styles.alertGroupOverflowButton) }, overflowMessage)))));
8
11
  };
9
12
  AlertGroupInline.displayName = 'AlertGroupInline';
10
13
  //# sourceMappingURL=AlertGroupInline.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertGroupInline.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AAGpF,MAAM,CAAC,MAAM,gBAAgB,GAA6C,CAAC,EAMzD,EAAE,EAAE;QANqD,EACzE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,OAEI,EADb,IAAI,cALkE,oDAM1E,CADQ;IACc,OAAA,CACrB,uDACa,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,iBAC5B,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACxC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/E,IAAI,GAEP,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/E,4BAAI,GAAG,EAAE,KAAK,IAAG,KAAK,CAAM,CAC7B,CAAC,CACC,CACN,CAAA;CAAA,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
1
+ {"version":3,"file":"AlertGroupInline.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AAGpF,MAAM,CAAC,MAAM,gBAAgB,GAA6C,CAAC,EAQzD,EAAE,EAAE;QARqD,EACzE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,OAEC,EADb,IAAI,cAPkE,0FAQ1E,CADQ;IACc,OAAA,CACrB,uDACa,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,iBAC5B,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACxC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/E,IAAI;QAEP,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/E,4BAAI,GAAG,EAAE,KAAK,IAAG,KAAK,CAAM,CAC7B,CAAC;QACD,eAAe,IAAI,CAClB;YACE,gCAAQ,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAC9E,eAAe,CACT,CACN,CACN,CACE,CACN,CAAA;CAAA,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
@@ -1,9 +1,17 @@
1
1
  import * as React from 'react';
2
2
  export interface MultipleFileUploadMainProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside multiple file upload main */
4
- children?: React.ReactNode;
5
3
  /** Class to add to outer div */
6
4
  className?: string;
5
+ /** Content rendered inside the title icon div */
6
+ titleIcon?: React.ReactNode;
7
+ /** Content rendered inside the title text div */
8
+ titleText?: React.ReactNode;
9
+ /** Content rendered inside the title text separator div */
10
+ titleTextSeparator?: React.ReactNode;
11
+ /** Content rendered inside the info div */
12
+ infoText?: React.ReactNode;
13
+ /** Flag to prevent the upload button from being rendered */
14
+ isUploadButtonHidden?: boolean;
7
15
  }
8
16
  export declare const MultipleFileUploadMain: React.FunctionComponent<MultipleFileUploadMainProps>;
9
17
  //# sourceMappingURL=MultipleFileUploadMain.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadMain.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAQvF,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadMain.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,iDAAiD;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAkBvF,CAAC"}
@@ -2,9 +2,16 @@ import { __rest } from "tslib";
2
2
  import * as React from 'react';
3
3
  import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
4
4
  import { css } from '@patternfly/react-styles';
5
+ import { MultipleFileUploadTitle } from './MultipleFileUploadTitle';
6
+ import { MultipleFileUploadButton } from './MultipleFileUploadButton';
7
+ import { MultipleFileUploadInfo } from './MultipleFileUploadInfo';
5
8
  export const MultipleFileUploadMain = (_a) => {
6
- var { className, children } = _a, props = __rest(_a, ["className", "children"]);
7
- return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadMain, className) }, props), children));
9
+ var { className, titleIcon, titleText, titleTextSeparator, infoText, isUploadButtonHidden } = _a, props = __rest(_a, ["className", "titleIcon", "titleText", "titleTextSeparator", "infoText", "isUploadButtonHidden"]);
10
+ const showTitle = !!titleIcon || !!titleText || !!titleTextSeparator;
11
+ return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadMain, className) }, props),
12
+ showTitle && React.createElement(MultipleFileUploadTitle, { icon: titleIcon, text: titleText, textSeparator: titleTextSeparator }),
13
+ isUploadButtonHidden || React.createElement(MultipleFileUploadButton, null),
14
+ !!infoText && React.createElement(MultipleFileUploadInfo, null, infoText)));
8
15
  };
9
16
  MultipleFileUploadMain.displayName = 'MultipleFileUploadMain';
10
17
  //# sourceMappingURL=MultipleFileUploadMain.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadMain.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAI/D,EAAE,EAAE;QAJ2D,EAC3F,SAAS,EACT,QAAQ,OAEoB,EADzB,KAAK,cAHmF,yBAI5F,CADS;IACyB,OAAA,CACjC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAAM,KAAK,GACrE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadMain.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAiBlE,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAQ/D,EAAE,EAAE;QAR2D,EAC3F,SAAS,EACT,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,OAEQ,EADzB,KAAK,cAPmF,iGAQ5F,CADS;IAER,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,kBAAkB,CAAC;IAErE,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAAM,KAAK;QACrE,SAAS,IAAI,oBAAC,uBAAuB,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,GAAI;QAC7G,oBAAoB,IAAI,oBAAC,wBAAwB,OAAG;QACpD,CAAC,CAAC,QAAQ,IAAI,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CACtE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
@@ -7,7 +7,7 @@ export interface MultipleFileUploadStatusProps extends React.HTMLProps<HTMLDivEl
7
7
  /** String to show in the status toggle */
8
8
  statusToggleText?: string;
9
9
  /** Icon to show in the status toggle */
10
- statusToggleIcon?: React.ReactNode;
10
+ statusToggleIcon?: 'danger' | 'success' | 'inProgress' | React.ReactNode;
11
11
  }
12
12
  export declare const MultipleFileUploadStatus: React.FunctionComponent<MultipleFileUploadStatusProps>;
13
13
  //# sourceMappingURL=MultipleFileUploadStatus.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA2B3F,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1E;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA4C3F,CAAC"}
@@ -3,12 +3,31 @@ import * as React from 'react';
3
3
  import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
4
4
  import { css } from '@patternfly/react-styles';
5
5
  import { ExpandableSection } from '../ExpandableSection';
6
+ import InProgressIcon from '@patternfly/react-icons/dist/esm/icons/in-progress-icon';
7
+ import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
8
+ import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
6
9
  export const MultipleFileUploadStatus = (_a) => {
7
10
  var { children, className, statusToggleText, statusToggleIcon } = _a, props = __rest(_a, ["children", "className", "statusToggleText", "statusToggleIcon"]);
11
+ const [icon, setIcon] = React.useState();
12
+ const [isOpen, setIsOpen] = React.useState(true);
13
+ React.useEffect(() => {
14
+ switch (statusToggleIcon) {
15
+ case 'danger':
16
+ setIcon(React.createElement(TimesCircleIcon, null));
17
+ break;
18
+ case 'success':
19
+ setIcon(React.createElement(CheckCircleIcon, null));
20
+ break;
21
+ case 'inProgress':
22
+ setIcon(React.createElement(InProgressIcon, null));
23
+ break;
24
+ default:
25
+ setIcon(statusToggleIcon);
26
+ }
27
+ }, [statusToggleIcon]);
8
28
  const toggle = (React.createElement("div", { className: styles.multipleFileUploadStatusProgress },
9
- React.createElement("div", { className: styles.multipleFileUploadStatusProgressIcon }, statusToggleIcon),
29
+ React.createElement("div", { className: styles.multipleFileUploadStatusProgressIcon }, icon),
10
30
  React.createElement("div", { className: styles.multipleFileUploadStatusItemProgressText }, statusToggleText)));
11
- const [isOpen, setIsOpen] = React.useState(true);
12
31
  const toggleExpandableSection = () => {
13
32
  setIsOpen(!isOpen);
14
33
  };
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadStatus.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAazD,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAMjE,EAAE,EAAE;QAN6D,EAC/F,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,OAEc,EAD3B,KAAK,cALuF,iEAMhG,CADS;IAER,MAAM,MAAM,GAAG,CACb,6BAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC;QACrD,6BAAK,SAAS,EAAE,MAAM,CAAC,oCAAoC,IAAG,gBAAgB,CAAO;QACrF,6BAAK,SAAS,EAAE,MAAM,CAAC,wCAAwC,IAAG,gBAAgB,CAAO,CACrF,CACP,CAAC;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAAM,KAAK;QACxE,oBAAC,iBAAiB,IAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB;YAC7F,4BAAI,SAAS,EAAC,wCAAwC,IAAE,QAAQ,CAAM,CACpD,CAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadStatus.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,eAAe,MAAM,0DAA0D,CAAC;AAavF,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAMjE,EAAE,EAAE;QAN6D,EAC/F,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,OAEc,EAD3B,KAAK,cALuF,iEAMhG,CADS;IAER,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAmB,CAAC;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,gBAAgB,EAAE;YACxB,KAAK,QAAQ;gBACX,OAAO,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,SAAS;gBACZ,OAAO,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,YAAY;gBACf,OAAO,CAAC,oBAAC,cAAc,OAAG,CAAC,CAAC;gBAC5B,MAAM;YACR;gBACE,OAAO,CAAC,gBAAgB,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,MAAM,GAAG,CACb,6BAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC;QACrD,6BAAK,SAAS,EAAE,MAAM,CAAC,oCAAoC,IAAG,IAAI,CAAO;QACzE,6BAAK,SAAS,EAAE,MAAM,CAAC,wCAAwC,IAAG,gBAAgB,CAAO,CACrF,CACP,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAAM,KAAK;QACxE,oBAAC,iBAAiB,IAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB;YAC7F,4BAAI,SAAS,EAAC,wCAAwC,IAAE,QAAQ,CAAM,CACpD,CAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadStatusItem.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AACxE,OAAO,eAAe,MAAM,0DAA0D,CAAC;AA2CvF,MAAM,CAAC,MAAM,4BAA4B,GAA+D,CAAC,EAkBxG,EAAE,EAAE;QAlBoG,EACvG,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,GAAG,kBAAkB,OAErC,EADI,KAAK,cAjB+F,sQAkBxG,CADS;IAER,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAoC,CAAC;IAEvF,SAAS,QAAQ,CAAC,IAAU;QAC1B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;YAChC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC7C,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5C,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE;gBACzB,IAAI,IAAI,CAAC,gBAAgB,EAAE;oBACzB,iBAAiB,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;iBACrD;YACH,CAAC,CAAC;YACF,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACL,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,QAAQ,CAAC,IAAI,CAAC;iBACX,IAAI,CAAC,IAAI,CAAC,EAAE;gBACX,aAAa,CAAC,SAAS,CAAC,CAAC;gBACzB,iBAAiB,CAAC,GAAG,CAAC,CAAC;gBACvB,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,aAAa,CAAC,IAAc,EAAE,IAAI,CAAC,CAAC;YACtC,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,KAAmB,EAAE,EAAE;gBAC7B,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBACxB,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,CAAC,IAAY,EAAE,EAAE;QAChD,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAC1C,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,OAAO,IAAI,IAAI,IAAI,EAAE;YACnB,UAAU,IAAI,CAAC,CAAC;YAChB,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;SACpB;QAED,IAAI,UAAU,IAAI,QAAQ,CAAC,MAAM,EAAE;YACjC,OAAO,qBAAqB,CAAC;SAC9B;QAED,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CACZ,8BAAM,SAAS,EAAE,MAAM,CAAC,oCAAoC;QAC1D,8BAAM,SAAS,EAAE,MAAM,CAAC,wCAAwC,IAAG,QAAQ,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAA,IAAI,EAAE,CAAQ;QACvG,8BAAM,SAAS,EAAE,MAAM,CAAC,wCAAwC,IAC7D,QAAQ,IAAI,wBAAwB,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,CAAC,CAAC,CACjD,CACF,CACR,CAAC;IAEF,OAAO,CACL,0CAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAAM,KAAK;QAC3E,6BAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,IAAG,QAAQ,IAAI,oBAAC,QAAQ,OAAG,CAAO;QACzF,6BAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC;YACrD,oBAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,IAAI,cAAc,EACtC,OAAO,EAAE,eAAe,IAAI,UAAU,gBAC1B,iBAAiB,qBACZ,sBAAsB,GACvC,CACE;QACN,6BAAK,SAAS,EAAE,MAAM,CAAC,iCAAiC;YACtD,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,gBAAa,eAAe,EAAE,OAAO,EAAE,YAAY;gBACxE,oBAAC,eAAe,OAAG,CACZ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,4BAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadStatusItem.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,13 @@
1
1
  import * as React from 'react';
2
2
  export interface MultipleFileUploadTitleProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside multiple file upload title */
4
- children?: React.ReactNode;
5
3
  /** Class to add to outer div */
6
4
  className?: string;
5
+ /** Content rendered inside the title icon div */
6
+ icon?: React.ReactNode;
7
+ /** Content rendered inside the title text div */
8
+ text?: React.ReactNode;
9
+ /** Content rendered inside the title text separator div */
10
+ textSeparator?: React.ReactNode;
7
11
  }
8
12
  export declare const MultipleFileUploadTitle: React.FunctionComponent<MultipleFileUploadTitleProps>;
9
13
  //# sourceMappingURL=MultipleFileUploadTitle.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAQzF,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAgBzF,CAAC"}
@@ -2,9 +2,16 @@ import { __rest } from "tslib";
2
2
  import * as React from 'react';
3
3
  import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
4
4
  import { css } from '@patternfly/react-styles';
5
+ import { MultipleFileUploadTitleIcon } from './MultipleFileUploadTitleIcon';
6
+ import { MultipleFileUploadTitleText } from './MultipleFileUploadTitleText';
7
+ import { MultipleFileUploadTitleTextSeparator } from './MultipleFileUploadTitleTextSeparator';
5
8
  export const MultipleFileUploadTitle = (_a) => {
6
- var { className, children } = _a, props = __rest(_a, ["className", "children"]);
7
- return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadTitle, className) }, props), children));
9
+ var { className, icon, text = '', textSeparator = '' } = _a, props = __rest(_a, ["className", "icon", "text", "textSeparator"]);
10
+ return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadTitle, className) }, props),
11
+ icon && React.createElement(MultipleFileUploadTitleIcon, null, icon),
12
+ text && (React.createElement(MultipleFileUploadTitleText, null,
13
+ `${text} `,
14
+ textSeparator && React.createElement(MultipleFileUploadTitleTextSeparator, null, textSeparator)))));
8
15
  };
9
16
  MultipleFileUploadTitle.displayName = 'MultipleFileUploadTitle';
10
17
  //# sourceMappingURL=MultipleFileUploadTitle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadTitle.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAIhE,EAAE,EAAE;QAJ4D,EAC7F,SAAS,EACT,QAAQ,OAEqB,EAD1B,KAAK,cAHqF,yBAI9F,CADS;IAC0B,OAAA,CAClC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,IAAM,KAAK,GACtE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadTitle.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAC;AAY9F,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAMhE,EAAE,EAAE;QAN4D,EAC7F,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,aAAa,GAAG,EAAE,OAEW,EAD1B,KAAK,cALqF,8CAM9F,CADS;IAC0B,OAAA,CAClC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,IAAM,KAAK;QACtE,IAAI,IAAI,oBAAC,2BAA2B,QAAE,IAAI,CAA+B;QACzE,IAAI,IAAI,CACP,oBAAC,2BAA2B;YACzB,GAAG,IAAI,GAAG;YACV,aAAa,IAAI,oBAAC,oCAAoC,QAAE,aAAa,CAAwC,CAClF,CAC/B,CACG,CACP,CAAA;CAAA,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
@@ -1,5 +1,7 @@
1
1
  import * as React from 'react';
2
2
  export interface MultipleFileUploadTitleIconProps extends React.HTMLProps<HTMLDivElement> {
3
+ /** Content rendered inside multiple file upload title icon */
4
+ children?: React.ReactNode;
3
5
  /** Class to add to outer div */
4
6
  className?: string;
5
7
  }
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadTitleIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAOjG,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadTitleIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAQjG,CAAC"}
@@ -2,11 +2,9 @@ import { __rest } from "tslib";
2
2
  import * as React from 'react';
3
3
  import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload';
4
4
  import { css } from '@patternfly/react-styles';
5
- import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
6
5
  export const MultipleFileUploadTitleIcon = (_a) => {
7
- var { className } = _a, props = __rest(_a, ["className"]);
8
- return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadTitleIcon, className) }, props),
9
- React.createElement(UploadIcon, null)));
6
+ var { children, className } = _a, props = __rest(_a, ["children", "className"]);
7
+ return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadTitleIcon, className) }, props), children));
10
8
  };
11
9
  MultipleFileUploadTitleIcon.displayName = 'MultipleFileUploadTitleIcon';
12
10
  //# sourceMappingURL=MultipleFileUploadTitleIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadTitleIcon.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,UAAU,MAAM,oDAAoD,CAAC;AAO5E,MAAM,CAAC,MAAM,2BAA2B,GAA8D,CAAC,EAGpE,EAAE,EAAE;QAHgE,EACrG,SAAS,OAEwB,EAD9B,KAAK,cAF6F,aAGtG,CADS;IAC8B,OAAA,CACtC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,EAAE,SAAS,CAAC,IAAM,KAAK;QAC3E,oBAAC,UAAU,OAAG,CACV,CACP,CAAA;CAAA,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadTitleIcon.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAQ/C,MAAM,CAAC,MAAM,2BAA2B,GAA8D,CAAC,EAIpE,EAAE,EAAE;QAJgE,EACrG,QAAQ,EACR,SAAS,OAEwB,EAD9B,KAAK,cAH6F,yBAItG,CADS;IAC8B,OAAA,CACtC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,EAAE,SAAS,CAAC,IAAM,KAAK,GAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}
@@ -1,11 +1,5 @@
1
1
  export * from './MultipleFileUpload';
2
- export * from './MultipleFileUploadInfo';
3
2
  export * from './MultipleFileUploadMain';
4
- export * from './MultipleFileUploadTitle';
5
- export * from './MultipleFileUploadTitleIcon';
6
- export * from './MultipleFileUploadTitleText';
7
- export * from './MultipleFileUploadTitleTextSeparator';
8
- export * from './MultipleFileUploadButton';
9
3
  export * from './MultipleFileUploadStatus';
10
4
  export * from './MultipleFileUploadStatusItem';
11
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
@@ -1,11 +1,5 @@
1
1
  export * from './MultipleFileUpload';
2
- export * from './MultipleFileUploadInfo';
3
2
  export * from './MultipleFileUploadMain';
4
- export * from './MultipleFileUploadTitle';
5
- export * from './MultipleFileUploadTitleIcon';
6
- export * from './MultipleFileUploadTitleText';
7
- export * from './MultipleFileUploadTitleTextSeparator';
8
- export * from './MultipleFileUploadButton';
9
3
  export * from './MultipleFileUploadStatus';
10
4
  export * from './MultipleFileUploadStatusItem';
11
5
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
@@ -10,6 +10,10 @@ export interface AlertGroupProps extends Omit<React.HTMLProps<HTMLUListElement>,
10
10
  isLiveRegion?: boolean;
11
11
  /** Determine where the alert is appended to */
12
12
  appendTo?: HTMLElement | (() => HTMLElement);
13
+ /** Function to call if user clicks on overflow message */
14
+ onOverflowClick?: () => void;
15
+ /** Custom text to show for the overflow message */
16
+ overflowMessage?: string;
13
17
  }
14
18
  interface AlertGroupState {
15
19
  container: HTMLElement;
@@ -1 +1 @@
1
- {"version":3,"file":"AlertGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC3F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;CAC9C;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK,kBAEgB;IAErB,iBAAiB;IAOjB,oBAAoB;IAOpB,gBAAgB;IAQhB,MAAM;CAmBP"}
1
+ {"version":3,"file":"AlertGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC3F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK,kBAEgB;IAErB,iBAAiB;IAOjB,oBAAoB;IAOpB,gBAAgB;IAQhB,MAAM;CA0BP"}
@@ -33,8 +33,8 @@ class AlertGroup extends React.Component {
33
33
  return appendTo || document.body;
34
34
  }
35
35
  render() {
36
- const _a = this.props, { className, children, isToast, isLiveRegion } = _a, props = tslib_1.__rest(_a, ["className", "children", "isToast", "isLiveRegion"]);
37
- const alertGroup = (React.createElement(AlertGroupInline_1.AlertGroupInline, Object.assign({ className: className, isToast: isToast, isLiveRegion: isLiveRegion }, props), children));
36
+ const _a = this.props, { className, children, isToast, isLiveRegion, onOverflowClick, overflowMessage } = _a, props = tslib_1.__rest(_a, ["className", "children", "isToast", "isLiveRegion", "onOverflowClick", "overflowMessage"]);
37
+ const alertGroup = (React.createElement(AlertGroupInline_1.AlertGroupInline, Object.assign({ onOverflowClick: onOverflowClick, className: className, isToast: isToast, isLiveRegion: isLiveRegion, overflowMessage: overflowMessage }, props), children));
38
38
  if (!this.props.isToast) {
39
39
  return alertGroup;
40
40
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AlertGroup.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,2CAA0C;AAC1C,yDAAsD;AAmBtD,MAAa,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,SAAS,EAAE,SAAS;SACF,CAAC;IA2CvB,CAAC;IAzCC,iBAAiB;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,KAA2D,IAAI,CAAC,KAAK,EAArE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,OAAyB,EAApB,KAAK,sBAAtD,oDAAwD,CAAa,CAAC;QAC5E,MAAM,UAAU,GAAG,CACjB,oBAAC,mCAAgB,kBAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,IAAM,KAAK,GAC5F,QAAQ,CACQ,CACpB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvB,OAAO,UAAU,CAAC;SACnB;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,IAAI,CAAC,mBAAS,IAAI,CAAC,SAAS,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;;AA9CH,gCA+CC;AA9CQ,sBAAW,GAAG,YAAY,CAAC"}
1
+ {"version":3,"file":"AlertGroup.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,2CAA0C;AAC1C,yDAAsD;AAuBtD,MAAa,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,SAAS,EAAE,SAAS;SACF,CAAC;IAkDvB,CAAC;IAhDC,iBAAiB;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,KAA6F,IAAI,CAAC,KAAK,EAAvG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,OAAyB,EAApB,KAAK,sBAAxF,0FAA0F,CAAa,CAAC;QAC9G,MAAM,UAAU,GAAG,CACjB,oBAAC,mCAAgB,kBACf,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,IAC5B,KAAK,GAER,QAAQ,CACQ,CACpB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvB,OAAO,UAAU,CAAC;SACnB;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,IAAI,CAAC,mBAAS,IAAI,CAAC,SAAS,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;;AArDH,gCAsDC;AArDQ,sBAAW,GAAG,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertGroupInline.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAiBrE,CAAC"}
1
+ {"version":3,"file":"AlertGroupInline.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA0BrE,CAAC"}
@@ -6,8 +6,11 @@ const React = tslib_1.__importStar(require("react"));
6
6
  const react_styles_1 = require("@patternfly/react-styles");
7
7
  const alert_group_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/AlertGroup/alert-group"));
8
8
  const AlertGroupInline = (_a) => {
9
- var { className, children, isToast, isLiveRegion } = _a, rest = tslib_1.__rest(_a, ["className", "children", "isToast", "isLiveRegion"]);
10
- return (React.createElement("ul", Object.assign({ "aria-live": isLiveRegion ? 'polite' : null, "aria-atomic": isLiveRegion ? false : null, className: react_styles_1.css(alert_group_1.default.alertGroup, className, isToast ? alert_group_1.default.modifiers.toast : '') }, rest), React.Children.toArray(children).map((Alert, index) => (React.createElement("li", { key: index }, Alert)))));
9
+ var { className, children, isToast, isLiveRegion, onOverflowClick, overflowMessage } = _a, rest = tslib_1.__rest(_a, ["className", "children", "isToast", "isLiveRegion", "onOverflowClick", "overflowMessage"]);
10
+ return (React.createElement("ul", Object.assign({ "aria-live": isLiveRegion ? 'polite' : null, "aria-atomic": isLiveRegion ? false : null, className: react_styles_1.css(alert_group_1.default.alertGroup, className, isToast ? alert_group_1.default.modifiers.toast : '') }, rest),
11
+ React.Children.toArray(children).map((Alert, index) => (React.createElement("li", { key: index }, Alert))),
12
+ overflowMessage && (React.createElement("li", null,
13
+ React.createElement("button", { onClick: onOverflowClick, className: react_styles_1.css(alert_group_1.default.alertGroupOverflowButton) }, overflowMessage)))));
11
14
  };
12
15
  exports.AlertGroupInline = AlertGroupInline;
13
16
  exports.AlertGroupInline.displayName = 'AlertGroupInline';
@@ -1 +1 @@
1
- {"version":3,"file":"AlertGroupInline.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,yHAAoF;AAG7E,MAAM,gBAAgB,GAA6C,CAAC,EAMzD,EAAE,EAAE;QANqD,EACzE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,OAEI,EADb,IAAI,sBALkE,oDAM1E,CADQ;IACc,OAAA,CACrB,uDACa,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,iBAC5B,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACxC,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/E,IAAI,GAEP,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/E,4BAAI,GAAG,EAAE,KAAK,IAAG,KAAK,CAAM,CAC7B,CAAC,CACC,CACN,CAAA;CAAA,CAAC;AAjBW,QAAA,gBAAgB,oBAiB3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
1
+ {"version":3,"file":"AlertGroupInline.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,yHAAoF;AAG7E,MAAM,gBAAgB,GAA6C,CAAC,EAQzD,EAAE,EAAE;QARqD,EACzE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,OAEC,EADb,IAAI,sBAPkE,0FAQ1E,CADQ;IACc,OAAA,CACrB,uDACa,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,iBAC5B,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACxC,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/E,IAAI;QAEP,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/E,4BAAI,GAAG,EAAE,KAAK,IAAG,KAAK,CAAM,CAC7B,CAAC;QACD,eAAe,IAAI,CAClB;YACE,gCAAQ,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,wBAAwB,CAAC,IAC9E,eAAe,CACT,CACN,CACN,CACE,CACN,CAAA;CAAA,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
@@ -1,9 +1,17 @@
1
1
  import * as React from 'react';
2
2
  export interface MultipleFileUploadMainProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside multiple file upload main */
4
- children?: React.ReactNode;
5
3
  /** Class to add to outer div */
6
4
  className?: string;
5
+ /** Content rendered inside the title icon div */
6
+ titleIcon?: React.ReactNode;
7
+ /** Content rendered inside the title text div */
8
+ titleText?: React.ReactNode;
9
+ /** Content rendered inside the title text separator div */
10
+ titleTextSeparator?: React.ReactNode;
11
+ /** Content rendered inside the info div */
12
+ infoText?: React.ReactNode;
13
+ /** Flag to prevent the upload button from being rendered */
14
+ isUploadButtonHidden?: boolean;
7
15
  }
8
16
  export declare const MultipleFileUploadMain: React.FunctionComponent<MultipleFileUploadMainProps>;
9
17
  //# sourceMappingURL=MultipleFileUploadMain.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadMain.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAQvF,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadMain.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,iDAAiD;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAkBvF,CAAC"}
@@ -5,9 +5,16 @@ const tslib_1 = require("tslib");
5
5
  const React = tslib_1.__importStar(require("react"));
6
6
  const multiple_file_upload_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload"));
7
7
  const react_styles_1 = require("@patternfly/react-styles");
8
+ const MultipleFileUploadTitle_1 = require("./MultipleFileUploadTitle");
9
+ const MultipleFileUploadButton_1 = require("./MultipleFileUploadButton");
10
+ const MultipleFileUploadInfo_1 = require("./MultipleFileUploadInfo");
8
11
  const MultipleFileUploadMain = (_a) => {
9
- var { className, children } = _a, props = tslib_1.__rest(_a, ["className", "children"]);
10
- return (React.createElement("div", Object.assign({ className: react_styles_1.css(multiple_file_upload_1.default.multipleFileUploadMain, className) }, props), children));
12
+ var { className, titleIcon, titleText, titleTextSeparator, infoText, isUploadButtonHidden } = _a, props = tslib_1.__rest(_a, ["className", "titleIcon", "titleText", "titleTextSeparator", "infoText", "isUploadButtonHidden"]);
13
+ const showTitle = !!titleIcon || !!titleText || !!titleTextSeparator;
14
+ return (React.createElement("div", Object.assign({ className: react_styles_1.css(multiple_file_upload_1.default.multipleFileUploadMain, className) }, props),
15
+ showTitle && React.createElement(MultipleFileUploadTitle_1.MultipleFileUploadTitle, { icon: titleIcon, text: titleText, textSeparator: titleTextSeparator }),
16
+ isUploadButtonHidden || React.createElement(MultipleFileUploadButton_1.MultipleFileUploadButton, null),
17
+ !!infoText && React.createElement(MultipleFileUploadInfo_1.MultipleFileUploadInfo, null, infoText)));
11
18
  };
12
19
  exports.MultipleFileUploadMain = MultipleFileUploadMain;
13
20
  exports.MultipleFileUploadMain.displayName = 'MultipleFileUploadMain';
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadMain.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;AASxC,MAAM,sBAAsB,GAAyD,CAAC,EAI/D,EAAE,EAAE;QAJ2D,EAC3F,SAAS,EACT,QAAQ,OAEoB,EADzB,KAAK,sBAHmF,yBAI5F,CADS;IACyB,OAAA,CACjC,2CAAK,SAAS,EAAE,kBAAG,CAAC,8BAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAAM,KAAK,GACrE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,sBAAsB,0BAQjC;AAEF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadMain.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadMain.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;AAC/C,uEAAoE;AACpE,yEAAsE;AACtE,qEAAkE;AAiB3D,MAAM,sBAAsB,GAAyD,CAAC,EAQ/D,EAAE,EAAE;QAR2D,EAC3F,SAAS,EACT,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,OAEQ,EADzB,KAAK,sBAPmF,iGAQ5F,CADS;IAER,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,kBAAkB,CAAC;IAErE,OAAO,CACL,2CAAK,SAAS,EAAE,kBAAG,CAAC,8BAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAAM,KAAK;QACrE,SAAS,IAAI,oBAAC,iDAAuB,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,GAAI;QAC7G,oBAAoB,IAAI,oBAAC,mDAAwB,OAAG;QACpD,CAAC,CAAC,QAAQ,IAAI,oBAAC,+CAAsB,QAAE,QAAQ,CAA0B,CACtE,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,sBAAsB,0BAkBjC;AAEF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
@@ -7,7 +7,7 @@ export interface MultipleFileUploadStatusProps extends React.HTMLProps<HTMLDivEl
7
7
  /** String to show in the status toggle */
8
8
  statusToggleText?: string;
9
9
  /** Icon to show in the status toggle */
10
- statusToggleIcon?: React.ReactNode;
10
+ statusToggleIcon?: 'danger' | 'success' | 'inProgress' | React.ReactNode;
11
11
  }
12
12
  export declare const MultipleFileUploadStatus: React.FunctionComponent<MultipleFileUploadStatusProps>;
13
13
  //# sourceMappingURL=MultipleFileUploadStatus.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA2B3F,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1E;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA4C3F,CAAC"}
@@ -6,12 +6,31 @@ const React = tslib_1.__importStar(require("react"));
6
6
  const multiple_file_upload_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload"));
7
7
  const react_styles_1 = require("@patternfly/react-styles");
8
8
  const ExpandableSection_1 = require("../ExpandableSection");
9
+ const in_progress_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/in-progress-icon'));
10
+ const check_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/check-circle-icon'));
11
+ const times_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-circle-icon'));
9
12
  const MultipleFileUploadStatus = (_a) => {
10
13
  var { children, className, statusToggleText, statusToggleIcon } = _a, props = tslib_1.__rest(_a, ["children", "className", "statusToggleText", "statusToggleIcon"]);
14
+ const [icon, setIcon] = React.useState();
15
+ const [isOpen, setIsOpen] = React.useState(true);
16
+ React.useEffect(() => {
17
+ switch (statusToggleIcon) {
18
+ case 'danger':
19
+ setIcon(React.createElement(times_circle_icon_1.default, null));
20
+ break;
21
+ case 'success':
22
+ setIcon(React.createElement(check_circle_icon_1.default, null));
23
+ break;
24
+ case 'inProgress':
25
+ setIcon(React.createElement(in_progress_icon_1.default, null));
26
+ break;
27
+ default:
28
+ setIcon(statusToggleIcon);
29
+ }
30
+ }, [statusToggleIcon]);
11
31
  const toggle = (React.createElement("div", { className: multiple_file_upload_1.default.multipleFileUploadStatusProgress },
12
- React.createElement("div", { className: multiple_file_upload_1.default.multipleFileUploadStatusProgressIcon }, statusToggleIcon),
32
+ React.createElement("div", { className: multiple_file_upload_1.default.multipleFileUploadStatusProgressIcon }, icon),
13
33
  React.createElement("div", { className: multiple_file_upload_1.default.multipleFileUploadStatusItemProgressText }, statusToggleText)));
14
- const [isOpen, setIsOpen] = React.useState(true);
15
34
  const toggleExpandableSection = () => {
16
35
  setIsOpen(!isOpen);
17
36
  };
@@ -1 +1 @@
1
- {"version":3,"file":"MultipleFileUploadStatus.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;AAC/C,4DAAyD;AAalD,MAAM,wBAAwB,GAA2D,CAAC,EAMjE,EAAE,EAAE;QAN6D,EAC/F,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,OAEc,EAD3B,KAAK,sBALuF,iEAMhG,CADS;IAER,MAAM,MAAM,GAAG,CACb,6BAAK,SAAS,EAAE,8BAAM,CAAC,gCAAgC;QACrD,6BAAK,SAAS,EAAE,8BAAM,CAAC,oCAAoC,IAAG,gBAAgB,CAAO;QACrF,6BAAK,SAAS,EAAE,8BAAM,CAAC,wCAAwC,IAAG,gBAAgB,CAAO,CACrF,CACP,CAAC;IAEF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,kBAAG,CAAC,8BAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAAM,KAAK;QACxE,oBAAC,qCAAiB,IAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB;YAC7F,4BAAI,SAAS,EAAC,wCAAwC,IAAE,QAAQ,CAAM,CACpD,CAChB,CACP,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,wBAAwB,4BA2BnC;AAEF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
1
+ {"version":3,"file":"MultipleFileUploadStatus.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;AAC/C,4DAAyD;AACzD,sHAAqF;AACrF,wHAAuF;AACvF,wHAAuF;AAahF,MAAM,wBAAwB,GAA2D,CAAC,EAMjE,EAAE,EAAE;QAN6D,EAC/F,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,OAEc,EAD3B,KAAK,sBALuF,iEAMhG,CADS;IAER,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAmB,CAAC;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,gBAAgB,EAAE;YACxB,KAAK,QAAQ;gBACX,OAAO,CAAC,oBAAC,2BAAe,OAAG,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,SAAS;gBACZ,OAAO,CAAC,oBAAC,2BAAe,OAAG,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,YAAY;gBACf,OAAO,CAAC,oBAAC,0BAAc,OAAG,CAAC,CAAC;gBAC5B,MAAM;YACR;gBACE,OAAO,CAAC,gBAAgB,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,MAAM,GAAG,CACb,6BAAK,SAAS,EAAE,8BAAM,CAAC,gCAAgC;QACrD,6BAAK,SAAS,EAAE,8BAAM,CAAC,oCAAoC,IAAG,IAAI,CAAO;QACzE,6BAAK,SAAS,EAAE,8BAAM,CAAC,wCAAwC,IAAG,gBAAgB,CAAO,CACrF,CACP,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,kBAAG,CAAC,8BAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAAM,KAAK;QACxE,oBAAC,qCAAiB,IAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB;YAC7F,4BAAI,SAAS,EAAC,wCAAwC,IAAE,QAAQ,CAAM,CACpD,CAChB,CACP,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,wBAAwB,4BA4CnC;AAEF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}