@patternfly/react-core 4.198.16 → 4.198.17
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 +8 -0
- 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/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/umd/react-core.css +10 -10
- package/dist/umd/react-core.js +59 -42
- package/dist/umd/react-core.min.css +82 -82
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +5 -5
- 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/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,14 @@
|
|
|
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.17 (2022-03-07)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## 4.198.16 (2022-03-04)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -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,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"}
|
|
@@ -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 },
|
|
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;
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleFileUploadStatusItem.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;AAC/C,0CAAuC;AACvC,sCAAmC;AACnC,wGAAwE;AACxE,wHAAuF;AA2ChF,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"}
|
|
@@ -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 MultipleFileUploadTitleIcon_1 = require("./MultipleFileUploadTitleIcon");
|
|
9
|
+
const MultipleFileUploadTitleText_1 = require("./MultipleFileUploadTitleText");
|
|
10
|
+
const MultipleFileUploadTitleTextSeparator_1 = require("./MultipleFileUploadTitleTextSeparator");
|
|
8
11
|
const MultipleFileUploadTitle = (_a) => {
|
|
9
|
-
var { className,
|
|
10
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(multiple_file_upload_1.default.multipleFileUploadTitle, className) }, props),
|
|
12
|
+
var { className, icon, text = '', textSeparator = '' } = _a, props = tslib_1.__rest(_a, ["className", "icon", "text", "textSeparator"]);
|
|
13
|
+
return (React.createElement("div", Object.assign({ className: react_styles_1.css(multiple_file_upload_1.default.multipleFileUploadTitle, className) }, props),
|
|
14
|
+
icon && React.createElement(MultipleFileUploadTitleIcon_1.MultipleFileUploadTitleIcon, null, icon),
|
|
15
|
+
text && (React.createElement(MultipleFileUploadTitleText_1.MultipleFileUploadTitleText, null,
|
|
16
|
+
`${text} `,
|
|
17
|
+
textSeparator && React.createElement(MultipleFileUploadTitleTextSeparator_1.MultipleFileUploadTitleTextSeparator, null, textSeparator)))));
|
|
11
18
|
};
|
|
12
19
|
exports.MultipleFileUploadTitle = MultipleFileUploadTitle;
|
|
13
20
|
exports.MultipleFileUploadTitle.displayName = 'MultipleFileUploadTitle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleFileUploadTitle.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;
|
|
1
|
+
{"version":3,"file":"MultipleFileUploadTitle.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;AAC/C,+EAA4E;AAC5E,+EAA4E;AAC5E,iGAA8F;AAYvF,MAAM,uBAAuB,GAA0D,CAAC,EAMhE,EAAE,EAAE;QAN4D,EAC7F,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,aAAa,GAAG,EAAE,OAEW,EAD1B,KAAK,sBALqF,8CAM9F,CADS;IAC0B,OAAA,CAClC,2CAAK,SAAS,EAAE,kBAAG,CAAC,8BAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,IAAM,KAAK;QACtE,IAAI,IAAI,oBAAC,yDAA2B,QAAE,IAAI,CAA+B;QACzE,IAAI,IAAI,CACP,oBAAC,yDAA2B;YACzB,GAAG,IAAI,GAAG;YACV,aAAa,IAAI,oBAAC,2EAAoC,QAAE,aAAa,CAAwC,CAClF,CAC/B,CACG,CACP,CAAA;CAAA,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC;AAEF,+BAAuB,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"}
|
|
@@ -5,11 +5,9 @@ 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 upload_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/upload-icon'));
|
|
9
8
|
const MultipleFileUploadTitleIcon = (_a) => {
|
|
10
|
-
var { className } = _a, props = tslib_1.__rest(_a, ["className"]);
|
|
11
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(multiple_file_upload_1.default.multipleFileUploadTitleIcon, className) }, props),
|
|
12
|
-
React.createElement(upload_icon_1.default, null)));
|
|
9
|
+
var { children, className } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
|
|
10
|
+
return (React.createElement("div", Object.assign({ className: react_styles_1.css(multiple_file_upload_1.default.multipleFileUploadTitleIcon, className) }, props), children));
|
|
13
11
|
};
|
|
14
12
|
exports.MultipleFileUploadTitleIcon = MultipleFileUploadTitleIcon;
|
|
15
13
|
exports.MultipleFileUploadTitleIcon.displayName = 'MultipleFileUploadTitleIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleFileUploadTitleIcon.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;
|
|
1
|
+
{"version":3,"file":"MultipleFileUploadTitleIcon.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mJAAqG;AACrG,2DAA+C;AAQxC,MAAM,2BAA2B,GAA8D,CAAC,EAIpE,EAAE,EAAE;QAJgE,EACrG,QAAQ,EACR,SAAS,OAEwB,EAD9B,KAAK,sBAH6F,yBAItG,CADS;IAC8B,OAAA,CACtC,2CAAK,SAAS,EAAE,kBAAG,CAAC,8BAAM,CAAC,2BAA2B,EAAE,SAAS,CAAC,IAAM,KAAK,GAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,2BAA2B,+BAQtC;AAEF,mCAA2B,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"}
|
|
@@ -2,13 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./MultipleFileUpload"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./MultipleFileUploadInfo"), exports);
|
|
6
5
|
tslib_1.__exportStar(require("./MultipleFileUploadMain"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./MultipleFileUploadTitle"), exports);
|
|
8
|
-
tslib_1.__exportStar(require("./MultipleFileUploadTitleIcon"), exports);
|
|
9
|
-
tslib_1.__exportStar(require("./MultipleFileUploadTitleText"), exports);
|
|
10
|
-
tslib_1.__exportStar(require("./MultipleFileUploadTitleTextSeparator"), exports);
|
|
11
|
-
tslib_1.__exportStar(require("./MultipleFileUploadButton"), exports);
|
|
12
6
|
tslib_1.__exportStar(require("./MultipleFileUploadStatus"), exports);
|
|
13
7
|
tslib_1.__exportStar(require("./MultipleFileUploadStatusItem"), exports);
|
|
14
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,qEAA2C;AAC3C,yEAA+C"}
|
package/dist/umd/react-core.css
CHANGED
|
@@ -12368,16 +12368,6 @@ ul.pf-c-list {
|
|
|
12368
12368
|
color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
|
|
12369
12369
|
}
|
|
12370
12370
|
|
|
12371
|
-
.pf-l-bullseye {
|
|
12372
|
-
--pf-l-bullseye--Padding: 0;
|
|
12373
|
-
display: flex;
|
|
12374
|
-
align-items: center;
|
|
12375
|
-
justify-content: center;
|
|
12376
|
-
height: 100%;
|
|
12377
|
-
padding: var(--pf-l-bullseye--Padding);
|
|
12378
|
-
margin: 0;
|
|
12379
|
-
}
|
|
12380
|
-
|
|
12381
12371
|
.pf-c-nav {
|
|
12382
12372
|
--pf-c-nav--Transition: var(--pf-global--Transition);
|
|
12383
12373
|
--pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
@@ -13392,6 +13382,16 @@ ul.pf-c-list {
|
|
|
13392
13382
|
left: 0;
|
|
13393
13383
|
}
|
|
13394
13384
|
|
|
13385
|
+
.pf-l-bullseye {
|
|
13386
|
+
--pf-l-bullseye--Padding: 0;
|
|
13387
|
+
display: flex;
|
|
13388
|
+
align-items: center;
|
|
13389
|
+
justify-content: center;
|
|
13390
|
+
height: 100%;
|
|
13391
|
+
padding: var(--pf-l-bullseye--Padding);
|
|
13392
|
+
margin: 0;
|
|
13393
|
+
}
|
|
13394
|
+
|
|
13395
13395
|
.pf-c-notification-badge {
|
|
13396
13396
|
--pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
|
|
13397
13397
|
--pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
|