@patternfly/react-core 4.198.16 → 4.198.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/esm/components/AlertGroup/AlertGroup.d.ts +4 -0
- package/dist/esm/components/AlertGroup/AlertGroup.d.ts.map +1 -1
- package/dist/esm/components/AlertGroup/AlertGroup.js +2 -2
- package/dist/esm/components/AlertGroup/AlertGroup.js.map +1 -1
- package/dist/esm/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
- package/dist/esm/components/AlertGroup/AlertGroupInline.js +5 -2
- package/dist/esm/components/AlertGroup/AlertGroupInline.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.d.ts +10 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js +9 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js +21 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts +6 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js +9 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts +2 -0
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +2 -4
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/index.d.ts +0 -6
- package/dist/esm/components/MultipleFileUpload/index.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/index.js +0 -6
- package/dist/esm/components/MultipleFileUpload/index.js.map +1 -1
- package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/esm/components/NumberInput/NumberInput.js +2 -2
- package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/js/components/AlertGroup/AlertGroup.d.ts +4 -0
- package/dist/js/components/AlertGroup/AlertGroup.d.ts.map +1 -1
- package/dist/js/components/AlertGroup/AlertGroup.js +2 -2
- package/dist/js/components/AlertGroup/AlertGroup.js.map +1 -1
- package/dist/js/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
- package/dist/js/components/AlertGroup/AlertGroupInline.js +5 -2
- package/dist/js/components/AlertGroup/AlertGroupInline.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.d.ts +10 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.js +9 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js +21 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts +6 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.js +9 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts +2 -0
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +2 -4
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/index.d.ts +0 -6
- package/dist/js/components/MultipleFileUpload/index.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/index.js +0 -6
- package/dist/js/components/MultipleFileUpload/index.js.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/js/components/NumberInput/NumberInput.js +2 -2
- package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/styles/assets/images/img_pie-chart-with-legend.png +0 -0
- package/dist/styles/assets/images/status-icon-sprite.svg +38 -0
- package/dist/umd/react-core.css +244 -47
- package/dist/umd/react-core.js +77 -49
- package/dist/umd/react-core.min.css +316 -119
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +6 -6
- package/src/components/AlertGroup/AlertGroup.tsx +13 -2
- package/src/components/AlertGroup/AlertGroupInline.tsx +9 -0
- package/src/components/AlertGroup/__tests__/AlertGroup.test.tsx +15 -0
- package/src/components/AlertGroup/__tests__/__snapshots__/AlertGroup.test.tsx.snap +93 -1
- package/src/components/AlertGroup/examples/AlertGroup.md +147 -0
- package/src/components/MultipleFileUpload/MultipleFileUploadMain.tsx +29 -8
- package/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx +24 -4
- package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +1 -1
- package/src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx +19 -5
- package/src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx +4 -3
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadMain.test.tsx +19 -2
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitle.test.tsx +17 -2
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleIcon.test.tsx +1 -1
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadMain.test.tsx.snap +198 -2
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitle.test.tsx.snap +62 -4
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleIcon.test.tsx.snap +2 -50
- package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +7 -60
- package/src/components/MultipleFileUpload/examples/MultipleFileUploadBasic.tsx +48 -74
- package/src/components/MultipleFileUpload/index.ts +0 -6
- package/src/components/NumberInput/NumberInput.tsx +3 -2
- package/src/components/NumberInput/examples/NumberInput.md +78 -5
- package/src/demos/MultipleFileUploadDemos.md +16 -0
- 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.19 (2022-03-07)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 4.198.18 (2022-03-07)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## 4.198.17 (2022-03-07)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
## 4.198.16 (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;
|
|
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;
|
|
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,
|
|
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),
|
|
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,
|
|
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;
|
|
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,
|
|
7
|
-
|
|
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;
|
|
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;
|
|
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 },
|
|
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;
|
|
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,
|
|
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;
|
|
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,
|
|
7
|
-
return (React.createElement("div", Object.assign({ className: css(styles.multipleFileUploadTitle, className) }, props),
|
|
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;
|
|
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;
|
|
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;
|
|
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,
|
|
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,
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,sDAAsD;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,sDAAsD;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CA4EjE,CAAC"}
|
|
@@ -26,11 +26,11 @@ export const NumberInput = (_a) => {
|
|
|
26
26
|
}), props),
|
|
27
27
|
unit && unitPosition === 'before' && numberInputUnit,
|
|
28
28
|
React.createElement(InputGroup, null,
|
|
29
|
-
React.createElement(Button, Object.assign({ variant: "control", "aria-label": minusBtnAriaLabel, isDisabled: isDisabled || value
|
|
29
|
+
React.createElement(Button, Object.assign({ variant: "control", "aria-label": minusBtnAriaLabel, isDisabled: isDisabled || value <= min, onClick: evt => onMinus(evt, inputName) }, minusBtnProps),
|
|
30
30
|
React.createElement("span", { className: css(styles.numberInputIcon) },
|
|
31
31
|
React.createElement(MinusIcon, { "aria-hidden": "true" }))),
|
|
32
32
|
React.createElement("input", Object.assign({ className: css(styles.formControl), type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { disabled: isDisabled }), (onChange && { onChange }), (!onChange && { readOnly: true }), inputProps, { onKeyDown: keyDownHandler })),
|
|
33
|
-
React.createElement(Button, Object.assign({ variant: "control", "aria-label": plusBtnAriaLabel, isDisabled: isDisabled || value
|
|
33
|
+
React.createElement(Button, Object.assign({ variant: "control", "aria-label": plusBtnAriaLabel, isDisabled: isDisabled || value >= max, onClick: evt => onPlus(evt, inputName) }, plusBtnProps),
|
|
34
34
|
React.createElement("span", { className: css(styles.numberInputIcon) },
|
|
35
35
|
React.createElement(PlusIcon, { "aria-hidden": "true" })))),
|
|
36
36
|
unit && unitPosition === 'after' && numberInputUnit));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AA2C1C,MAAM,qBAAqB,GAAG,CAAC,IAA+B,EAAE,EAAE,CAAC,CAAC,KAA4C,EAAE,EAAE;IAClH,IAAI,SAAS,CAAC,QAAQ,KAAK,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE;QACvD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;KACnC;IACD,IAAI,SAAS,CAAC,UAAU,KAAK,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE;QAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;KACpC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAoBpD,EAAE,EAAE;QApBgD,EACrE,KAAK,GAAG,CAAC,EACT,SAAS,EACT,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EACR,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,IAAI,EACJ,YAAY,GAAG,OAAO,EACtB,GAAG,EACH,GAAG,EACH,SAAS,EACT,cAAc,GAAG,OAAO,EACxB,iBAAiB,GAAG,OAAO,EAC3B,gBAAgB,GAAG,MAAM,EACzB,UAAU,EACV,aAAa,EACb,YAAY,OAEK,EADd,KAAK,cAnB6D,gPAoBtE,CADS;IAER,MAAM,eAAe,GAAG,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,IAAG,IAAI,CAAO,CAAC;IAClF,MAAM,cAAc,GAClB,UAAU,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
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;
|
|
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,
|
|
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),
|
|
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,
|
|
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;
|
|
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,
|
|
10
|
-
|
|
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;
|
|
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;
|
|
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"}
|