@patternfly/react-core 4.259.0 → 4.260.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/esm/components/HelperText/__mocks__/HelperText.d.ts +4 -0
- package/dist/esm/components/HelperText/__mocks__/HelperText.d.ts.map +1 -0
- package/dist/esm/components/HelperText/__mocks__/HelperText.js +5 -0
- package/dist/esm/components/HelperText/__mocks__/HelperText.js.map +1 -0
- package/dist/esm/components/HelperText/__mocks__/HelperTextItem.d.ts +4 -0
- package/dist/esm/components/HelperText/__mocks__/HelperTextItem.d.ts.map +1 -0
- package/dist/esm/components/HelperText/__mocks__/HelperTextItem.js +5 -0
- package/dist/esm/components/HelperText/__mocks__/HelperTextItem.js.map +1 -0
- package/dist/esm/components/HelperText/__mocks__/index.d.ts +3 -0
- package/dist/esm/components/HelperText/__mocks__/index.d.ts.map +1 -0
- package/dist/esm/components/HelperText/__mocks__/index.js +3 -0
- package/dist/esm/components/HelperText/__mocks__/index.js.map +1 -0
- package/dist/esm/components/Progress/Progress.d.ts +4 -0
- package/dist/esm/components/Progress/Progress.d.ts.map +1 -1
- package/dist/esm/components/Progress/Progress.js +2 -2
- package/dist/esm/components/Progress/Progress.js.map +1 -1
- package/dist/esm/components/Progress/ProgressContainer.d.ts +4 -0
- package/dist/esm/components/Progress/ProgressContainer.d.ts.map +1 -1
- package/dist/esm/components/Progress/ProgressContainer.js +4 -2
- package/dist/esm/components/Progress/ProgressContainer.js.map +1 -1
- package/dist/esm/components/Progress/ProgressHelperText.d.ts +9 -0
- package/dist/esm/components/Progress/ProgressHelperText.d.ts.map +1 -0
- package/dist/esm/components/Progress/ProgressHelperText.js +9 -0
- package/dist/esm/components/Progress/ProgressHelperText.js.map +1 -0
- package/dist/js/components/HelperText/__mocks__/HelperText.d.ts +4 -0
- package/dist/js/components/HelperText/__mocks__/HelperText.d.ts.map +1 -0
- package/dist/js/components/HelperText/__mocks__/HelperText.js +10 -0
- package/dist/js/components/HelperText/__mocks__/HelperText.js.map +1 -0
- package/dist/js/components/HelperText/__mocks__/HelperTextItem.d.ts +4 -0
- package/dist/js/components/HelperText/__mocks__/HelperTextItem.d.ts.map +1 -0
- package/dist/js/components/HelperText/__mocks__/HelperTextItem.js +10 -0
- package/dist/js/components/HelperText/__mocks__/HelperTextItem.js.map +1 -0
- package/dist/js/components/HelperText/__mocks__/index.d.ts +3 -0
- package/dist/js/components/HelperText/__mocks__/index.d.ts.map +1 -0
- package/dist/js/components/HelperText/__mocks__/index.js +6 -0
- package/dist/js/components/HelperText/__mocks__/index.js.map +1 -0
- package/dist/js/components/Progress/Progress.d.ts +4 -0
- package/dist/js/components/Progress/Progress.d.ts.map +1 -1
- package/dist/js/components/Progress/Progress.js +2 -2
- package/dist/js/components/Progress/Progress.js.map +1 -1
- package/dist/js/components/Progress/ProgressContainer.d.ts +4 -0
- package/dist/js/components/Progress/ProgressContainer.d.ts.map +1 -1
- package/dist/js/components/Progress/ProgressContainer.js +4 -2
- package/dist/js/components/Progress/ProgressContainer.js.map +1 -1
- package/dist/js/components/Progress/ProgressHelperText.d.ts +9 -0
- package/dist/js/components/Progress/ProgressHelperText.d.ts.map +1 -0
- package/dist/js/components/Progress/ProgressHelperText.js +13 -0
- package/dist/js/components/Progress/ProgressHelperText.js.map +1 -0
- package/dist/umd/react-core.min.css +2174 -2174
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/HelperText/__mocks__/HelperText.tsx +9 -0
- package/src/components/HelperText/__mocks__/HelperTextItem.tsx +9 -0
- package/src/components/HelperText/__mocks__/index.ts +2 -0
- package/src/components/Progress/Progress.tsx +6 -0
- package/src/components/Progress/ProgressContainer.tsx +8 -1
- package/src/components/Progress/ProgressHelperText.tsx +20 -0
- package/src/components/Progress/__tests__/Progress.test.tsx +13 -1
- package/src/components/Progress/__tests__/ProgressHelperText.test.tsx +35 -0
- package/src/components/Progress/__tests__/__snapshots__/ProgressHelperText.test.tsx.snap +11 -0
- package/src/components/Progress/examples/Progress.md +4 -0
- package/src/components/Progress/examples/ProgressHelperText.tsx +42 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [4.260.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.259.0...@patternfly/react-core@4.260.0) (2022-11-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **Progress:** added helper text ([#8307](https://github.com/patternfly/patternfly-react/issues/8307)) ([7ad9398](https://github.com/patternfly/patternfly-react/commit/7ad9398588c8d7f0da5ec5c6a6bdeb58d2308d39))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [4.259.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.258.8...@patternfly/react-core@4.259.0) (2022-11-07)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAEtC,eAAO,MAAM,UAAU,+BAAgC,eAAe,gBAKrE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export const HelperText = ({ children, isLiveRegion }) => (React.createElement(React.Fragment, null,
|
|
3
|
+
React.createElement("div", { "data-testid": "helper-text-children-container" }, children),
|
|
4
|
+
React.createElement("p", null, `isLiveRegion: ${isLiveRegion}`)));
|
|
5
|
+
//# sourceMappingURL=HelperText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAmB,EAAE,EAAE,CAAC,CACzE;IACE,4CAAiB,gCAAgC,IAAE,QAAQ,CAAO;IAClE,+BAAI,iBAAiB,YAAY,EAAE,CAAK,CACvC,CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAE1C,eAAO,MAAM,cAAc,0BAA2B,mBAAmB,gBAKxE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export const HelperTextItem = ({ children, variant }) => (React.createElement(React.Fragment, null,
|
|
3
|
+
React.createElement("div", { "data-testid": "helper-text-item-children-container" }, children),
|
|
4
|
+
React.createElement("p", null, `variant: ${variant}`)));
|
|
5
|
+
//# sourceMappingURL=HelperTextItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE,CAAC,CAC5E;IACE,4CAAiB,qCAAqC,IAAE,QAAQ,CAAO;IACvE,+BAAI,YAAY,OAAO,EAAE,CAAK,CAC7B,CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
|
|
@@ -35,6 +35,10 @@ export interface ProgressProps extends Omit<React.HTMLProps<HTMLDivElement>, 'si
|
|
|
35
35
|
'aria-label'?: string;
|
|
36
36
|
/** Associates the ProgressBar with it's label for accessibility purposes. Required when title not used */
|
|
37
37
|
'aria-labelledby'?: string;
|
|
38
|
+
/** @beta Content which can be used to convey additional information about the progress component.
|
|
39
|
+
* We recommend the helper text component as it was designed for this purpose.
|
|
40
|
+
*/
|
|
41
|
+
helperText?: React.ReactNode;
|
|
38
42
|
}
|
|
39
43
|
export declare class Progress extends React.Component<ProgressProps> {
|
|
40
44
|
static displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,oBAAY,YAAY;IACtB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACtG,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACxD,kCAAkC;IAClC,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,0IAA0I;IAC1I,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iHAAiH;IACjH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/D,wIAAwI;IACxI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,iBAAiB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,oBAAY,YAAY;IACtB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACtG,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACxD,kCAAkC;IAClC,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,0IAA0I;IAC1I,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iHAAiH;IACjH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/D,wIAAwI;IACxI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAgBhC;IAEF,EAAE,SAAkC;IAEpC,MAAM;CA6EP"}
|
|
@@ -20,7 +20,7 @@ export class Progress extends React.Component {
|
|
|
20
20
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
21
21
|
id, size,
|
|
22
22
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
23
|
-
className, value, title, label, variant, measureLocation, min, max, valueText, isTitleTruncated, tooltipPosition, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = _a, props = __rest(_a, ["id", "size", "className", "value", "title", "label", "variant", "measureLocation", "min", "max", "valueText", "isTitleTruncated", "tooltipPosition", 'aria-label', 'aria-labelledby']);
|
|
23
|
+
className, value, title, label, variant, measureLocation, min, max, valueText, isTitleTruncated, tooltipPosition, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, helperText } = _a, props = __rest(_a, ["id", "size", "className", "value", "title", "label", "variant", "measureLocation", "min", "max", "valueText", "isTitleTruncated", "tooltipPosition", 'aria-label', 'aria-labelledby', "helperText"]);
|
|
24
24
|
const progressBarAriaProps = {
|
|
25
25
|
'aria-valuemin': min,
|
|
26
26
|
'aria-valuenow': value,
|
|
@@ -41,7 +41,7 @@ export class Progress extends React.Component {
|
|
|
41
41
|
}
|
|
42
42
|
const scaledValue = Math.min(100, Math.max(0, Math.floor(((value - min) / (max - min)) * 100))) || 0;
|
|
43
43
|
return (React.createElement("div", Object.assign({}, props, { className: css(styles.progress, styles.modifiers[variant], ['inside', 'outside'].includes(measureLocation) && styles.modifiers[measureLocation], measureLocation === 'inside' ? styles.modifiers[ProgressSize.lg] : styles.modifiers[size], !title && styles.modifiers.singleline, className), id: this.id }),
|
|
44
|
-
React.createElement(ProgressContainer, { parentId: this.id, value: scaledValue, title: title, label: label, variant: variant, measureLocation: measureLocation, progressBarAriaProps: progressBarAriaProps, isTitleTruncated: isTitleTruncated, tooltipPosition: tooltipPosition })));
|
|
44
|
+
React.createElement(ProgressContainer, { parentId: this.id, value: scaledValue, title: title, label: label, variant: variant, measureLocation: measureLocation, progressBarAriaProps: progressBarAriaProps, isTitleTruncated: isTitleTruncated, tooltipPosition: tooltipPosition, helperText: helperText })));
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
Progress.displayName = 'Progress';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yBAAS,CAAA;IACT,yBAAS,CAAA;IACT,yBAAS,CAAA;AACX,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,6 +31,10 @@ export interface ProgressContainerProps extends Omit<React.HTMLProps<HTMLDivElem
|
|
|
31
31
|
isTitleTruncated?: boolean;
|
|
32
32
|
/** Position of the tooltip which is displayed if title is truncated */
|
|
33
33
|
tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
34
|
+
/** @beta Content which can be used to convey additional information about the progress component.
|
|
35
|
+
* We recommend the helper text component as it was designed for this purpose.
|
|
36
|
+
*/
|
|
37
|
+
helperText?: React.ReactNode;
|
|
34
38
|
}
|
|
35
39
|
export declare const ProgressContainer: React.FunctionComponent<ProgressContainerProps>;
|
|
36
40
|
//# sourceMappingURL=ProgressContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAItD,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAItD,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;AAGvD,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,oBAAY,eAAe;IACzB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACtG,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,oIAAoI;IACpI,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,kCAAkC;IAClC,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACxD,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAQD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA4D7E,CAAC"}
|
|
@@ -6,6 +6,7 @@ import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle
|
|
|
6
6
|
import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
|
|
7
7
|
import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
|
|
8
8
|
import { ProgressBar } from './ProgressBar';
|
|
9
|
+
import { ProgressHelperText } from './ProgressHelperText';
|
|
9
10
|
export var ProgressMeasureLocation;
|
|
10
11
|
(function (ProgressMeasureLocation) {
|
|
11
12
|
ProgressMeasureLocation["outside"] = "outside";
|
|
@@ -24,7 +25,7 @@ const variantToIcon = {
|
|
|
24
25
|
success: CheckCircleIcon,
|
|
25
26
|
warning: ExclamationTriangleIcon
|
|
26
27
|
};
|
|
27
|
-
export const ProgressContainer = ({ progressBarAriaProps, value, title = '', parentId, label = null, variant = null, measureLocation = ProgressMeasureLocation.top, isTitleTruncated = false, tooltipPosition }) => {
|
|
28
|
+
export const ProgressContainer = ({ progressBarAriaProps, value, title = '', parentId, label = null, variant = null, measureLocation = ProgressMeasureLocation.top, isTitleTruncated = false, tooltipPosition, helperText }) => {
|
|
28
29
|
const StatusIcon = variantToIcon.hasOwnProperty(variant) && variantToIcon[variant];
|
|
29
30
|
const [tooltip, setTooltip] = React.useState('');
|
|
30
31
|
const onMouseEnter = (event) => {
|
|
@@ -42,7 +43,8 @@ export const ProgressContainer = ({ progressBarAriaProps, value, title = '', par
|
|
|
42
43
|
(measureLocation === ProgressMeasureLocation.top || measureLocation === ProgressMeasureLocation.outside) && (React.createElement("span", { className: css(progressStyle.progressMeasure) }, label || `${value}%`)),
|
|
43
44
|
variantToIcon.hasOwnProperty(variant) && (React.createElement("span", { className: css(progressStyle.progressStatusIcon) },
|
|
44
45
|
React.createElement(StatusIcon, null)))),
|
|
45
|
-
React.createElement(ProgressBar, { role: "progressbar", progressBarAriaProps: progressBarAriaProps, value: value }, measureLocation === ProgressMeasureLocation.inside && `${value}%`)
|
|
46
|
+
React.createElement(ProgressBar, { role: "progressbar", progressBarAriaProps: progressBarAriaProps, value: value }, measureLocation === ProgressMeasureLocation.inside && `${value}%`),
|
|
47
|
+
helperText && React.createElement(ProgressHelperText, null, helperText)));
|
|
46
48
|
};
|
|
47
49
|
ProgressContainer.displayName = 'ProgressContainer';
|
|
48
50
|
//# sourceMappingURL=ProgressContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressContainer.js","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,2DAA2D,CAAC;AACtF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAmB,MAAM,YAAY,CAAC;AACtD,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,uBAAuB,MAAM,kEAAkE,CAAC;AACvG,OAAO,EAAa,WAAW,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressContainer.js","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface ProgressHelperTextProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
+
/** Content which can be used to convey additional information about the progress component.
|
|
4
|
+
* We recommend the helper text component as it was designed for this purpose.
|
|
5
|
+
*/
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const ProgressHelperText: React.FunctionComponent<ProgressHelperTextProps>;
|
|
9
|
+
//# sourceMappingURL=ProgressHelperText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressHelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressHelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAO/E,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import progressStyle from '@patternfly/react-styles/css/components/Progress/progress';
|
|
4
|
+
export const ProgressHelperText = (_a) => {
|
|
5
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
6
|
+
return (React.createElement("div", Object.assign({ className: progressStyle.progressHelperText }, props), children));
|
|
7
|
+
};
|
|
8
|
+
ProgressHelperText.displayName = 'ProgressHelperText';
|
|
9
|
+
//# sourceMappingURL=ProgressHelperText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressHelperText.js","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressHelperText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,2DAA2D,CAAC;AAStF,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,EAG3D,EAAE,EAAE;QAHuD,EACnF,QAAQ,OAEgB,EADrB,KAAK,cAF2E,YAGpF,CADS;IACqB,OAAA,CAC7B,2CAAK,SAAS,EAAE,aAAa,CAAC,kBAAkB,IAAM,KAAK,GACxD,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAEtC,eAAO,MAAM,UAAU,+BAAgC,eAAe,gBAKrE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HelperText = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const HelperText = ({ children, isLiveRegion }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
7
|
+
react_1.default.createElement("div", { "data-testid": "helper-text-children-container" }, children),
|
|
8
|
+
react_1.default.createElement("p", null, `isLiveRegion: ${isLiveRegion}`)));
|
|
9
|
+
exports.HelperText = HelperText;
|
|
10
|
+
//# sourceMappingURL=HelperText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperText.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAGnB,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAmB,EAAE,EAAE,CAAC,CACzE;IACE,sDAAiB,gCAAgC,IAAE,QAAQ,CAAO;IAClE,yCAAI,iBAAiB,YAAY,EAAE,CAAK,CACvC,CACJ,CAAC;AALW,QAAA,UAAU,cAKrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAE1C,eAAO,MAAM,cAAc,0BAA2B,mBAAmB,gBAKxE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HelperTextItem = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const HelperTextItem = ({ children, variant }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
7
|
+
react_1.default.createElement("div", { "data-testid": "helper-text-item-children-container" }, children),
|
|
8
|
+
react_1.default.createElement("p", null, `variant: ${variant}`)));
|
|
9
|
+
exports.HelperTextItem = HelperTextItem;
|
|
10
|
+
//# sourceMappingURL=HelperTextItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/HelperTextItem.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAGnB,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE,CAAC,CAC5E;IACE,sDAAiB,qCAAqC,IAAE,QAAQ,CAAO;IACvE,yCAAI,YAAY,OAAO,EAAE,CAAK,CAC7B,CACJ,CAAC;AALW,QAAA,cAAc,kBAKzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./HelperText"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./HelperTextItem"), exports);
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/HelperText/__mocks__/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,2DAAiC"}
|
|
@@ -35,6 +35,10 @@ export interface ProgressProps extends Omit<React.HTMLProps<HTMLDivElement>, 'si
|
|
|
35
35
|
'aria-label'?: string;
|
|
36
36
|
/** Associates the ProgressBar with it's label for accessibility purposes. Required when title not used */
|
|
37
37
|
'aria-labelledby'?: string;
|
|
38
|
+
/** @beta Content which can be used to convey additional information about the progress component.
|
|
39
|
+
* We recommend the helper text component as it was designed for this purpose.
|
|
40
|
+
*/
|
|
41
|
+
helperText?: React.ReactNode;
|
|
38
42
|
}
|
|
39
43
|
export declare class Progress extends React.Component<ProgressProps> {
|
|
40
44
|
static displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,oBAAY,YAAY;IACtB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACtG,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACxD,kCAAkC;IAClC,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,0IAA0I;IAC1I,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iHAAiH;IACjH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/D,wIAAwI;IACxI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,iBAAiB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,oBAAY,YAAY;IACtB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACtG,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACxD,kCAAkC;IAClC,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,0IAA0I;IAC1I,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iHAAiH;IACjH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/D,wIAAwI;IACxI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAgBhC;IAEF,EAAE,SAAkC;IAEpC,MAAM;CA6EP"}
|
|
@@ -23,7 +23,7 @@ class Progress extends React.Component {
|
|
|
23
23
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
24
24
|
id, size,
|
|
25
25
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
26
|
-
className, value, title, label, variant, measureLocation, min, max, valueText, isTitleTruncated, tooltipPosition, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = _a, props = tslib_1.__rest(_a, ["id", "size", "className", "value", "title", "label", "variant", "measureLocation", "min", "max", "valueText", "isTitleTruncated", "tooltipPosition", 'aria-label', 'aria-labelledby']);
|
|
26
|
+
className, value, title, label, variant, measureLocation, min, max, valueText, isTitleTruncated, tooltipPosition, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, helperText } = _a, props = tslib_1.__rest(_a, ["id", "size", "className", "value", "title", "label", "variant", "measureLocation", "min", "max", "valueText", "isTitleTruncated", "tooltipPosition", 'aria-label', 'aria-labelledby', "helperText"]);
|
|
27
27
|
const progressBarAriaProps = {
|
|
28
28
|
'aria-valuemin': min,
|
|
29
29
|
'aria-valuenow': value,
|
|
@@ -44,7 +44,7 @@ class Progress extends React.Component {
|
|
|
44
44
|
}
|
|
45
45
|
const scaledValue = Math.min(100, Math.max(0, Math.floor(((value - min) / (max - min)) * 100))) || 0;
|
|
46
46
|
return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(progress_1.default.progress, progress_1.default.modifiers[variant], ['inside', 'outside'].includes(measureLocation) && progress_1.default.modifiers[measureLocation], measureLocation === 'inside' ? progress_1.default.modifiers[ProgressSize.lg] : progress_1.default.modifiers[size], !title && progress_1.default.modifiers.singleline, className), id: this.id }),
|
|
47
|
-
React.createElement(ProgressContainer_1.ProgressContainer, { parentId: this.id, value: scaledValue, title: title, label: label, variant: variant, measureLocation: measureLocation, progressBarAriaProps: progressBarAriaProps, isTitleTruncated: isTitleTruncated, tooltipPosition: tooltipPosition })));
|
|
47
|
+
React.createElement(ProgressContainer_1.ProgressContainer, { parentId: this.id, value: scaledValue, title: title, label: label, variant: variant, measureLocation: measureLocation, progressBarAriaProps: progressBarAriaProps, isTitleTruncated: isTitleTruncated, tooltipPosition: tooltipPosition, helperText: helperText })));
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
exports.Progress = Progress;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iHAA+E;AAC/E,2DAA+C;AAC/C,2DAAiF;AAEjF,6CAAiD;AAEjD,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yBAAS,CAAA;IACT,yBAAS,CAAA;IACT,yBAAS,CAAA;AACX,CAAC,EAJW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAIvB;
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,6 +31,10 @@ export interface ProgressContainerProps extends Omit<React.HTMLProps<HTMLDivElem
|
|
|
31
31
|
isTitleTruncated?: boolean;
|
|
32
32
|
/** Position of the tooltip which is displayed if title is truncated */
|
|
33
33
|
tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
34
|
+
/** @beta Content which can be used to convey additional information about the progress component.
|
|
35
|
+
* We recommend the helper text component as it was designed for this purpose.
|
|
36
|
+
*/
|
|
37
|
+
helperText?: React.ReactNode;
|
|
34
38
|
}
|
|
35
39
|
export declare const ProgressContainer: React.FunctionComponent<ProgressContainerProps>;
|
|
36
40
|
//# sourceMappingURL=ProgressContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAItD,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAItD,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;AAGvD,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,oBAAY,eAAe;IACzB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACtG,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,oIAAoI;IACpI,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,kCAAkC;IAClC,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACxD,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAQD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA4D7E,CAAC"}
|
|
@@ -10,6 +10,7 @@ const check_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-i
|
|
|
10
10
|
const times_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-circle-icon'));
|
|
11
11
|
const exclamation_triangle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon'));
|
|
12
12
|
const ProgressBar_1 = require("./ProgressBar");
|
|
13
|
+
const ProgressHelperText_1 = require("./ProgressHelperText");
|
|
13
14
|
var ProgressMeasureLocation;
|
|
14
15
|
(function (ProgressMeasureLocation) {
|
|
15
16
|
ProgressMeasureLocation["outside"] = "outside";
|
|
@@ -28,7 +29,7 @@ const variantToIcon = {
|
|
|
28
29
|
success: check_circle_icon_1.default,
|
|
29
30
|
warning: exclamation_triangle_icon_1.default
|
|
30
31
|
};
|
|
31
|
-
const ProgressContainer = ({ progressBarAriaProps, value, title = '', parentId, label = null, variant = null, measureLocation = ProgressMeasureLocation.top, isTitleTruncated = false, tooltipPosition }) => {
|
|
32
|
+
const ProgressContainer = ({ progressBarAriaProps, value, title = '', parentId, label = null, variant = null, measureLocation = ProgressMeasureLocation.top, isTitleTruncated = false, tooltipPosition, helperText }) => {
|
|
32
33
|
const StatusIcon = variantToIcon.hasOwnProperty(variant) && variantToIcon[variant];
|
|
33
34
|
const [tooltip, setTooltip] = React.useState('');
|
|
34
35
|
const onMouseEnter = (event) => {
|
|
@@ -46,7 +47,8 @@ const ProgressContainer = ({ progressBarAriaProps, value, title = '', parentId,
|
|
|
46
47
|
(measureLocation === ProgressMeasureLocation.top || measureLocation === ProgressMeasureLocation.outside) && (React.createElement("span", { className: react_styles_1.css(progress_1.default.progressMeasure) }, label || `${value}%`)),
|
|
47
48
|
variantToIcon.hasOwnProperty(variant) && (React.createElement("span", { className: react_styles_1.css(progress_1.default.progressStatusIcon) },
|
|
48
49
|
React.createElement(StatusIcon, null)))),
|
|
49
|
-
React.createElement(ProgressBar_1.ProgressBar, { role: "progressbar", progressBarAriaProps: progressBarAriaProps, value: value }, measureLocation === ProgressMeasureLocation.inside && `${value}%`)
|
|
50
|
+
React.createElement(ProgressBar_1.ProgressBar, { role: "progressbar", progressBarAriaProps: progressBarAriaProps, value: value }, measureLocation === ProgressMeasureLocation.inside && `${value}%`),
|
|
51
|
+
helperText && React.createElement(ProgressHelperText_1.ProgressHelperText, null, helperText)));
|
|
50
52
|
};
|
|
51
53
|
exports.ProgressContainer = ProgressContainer;
|
|
52
54
|
exports.ProgressContainer.displayName = 'ProgressContainer';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressContainer.js","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressContainer.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iHAAsF;AACtF,2DAA+C;AAC/C,wCAAsD;AACtD,wHAAuF;AACvF,wHAAuF;AACvF,wIAAuG;AACvG,+CAAuD;
|
|
1
|
+
{"version":3,"file":"ProgressContainer.js","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface ProgressHelperTextProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
+
/** Content which can be used to convey additional information about the progress component.
|
|
4
|
+
* We recommend the helper text component as it was designed for this purpose.
|
|
5
|
+
*/
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const ProgressHelperText: React.FunctionComponent<ProgressHelperTextProps>;
|
|
9
|
+
//# sourceMappingURL=ProgressHelperText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressHelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressHelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAO/E,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ProgressHelperText = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const progress_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Progress/progress"));
|
|
7
|
+
const ProgressHelperText = (_a) => {
|
|
8
|
+
var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
|
|
9
|
+
return (React.createElement("div", Object.assign({ className: progress_1.default.progressHelperText }, props), children));
|
|
10
|
+
};
|
|
11
|
+
exports.ProgressHelperText = ProgressHelperText;
|
|
12
|
+
exports.ProgressHelperText.displayName = 'ProgressHelperText';
|
|
13
|
+
//# sourceMappingURL=ProgressHelperText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressHelperText.js","sourceRoot":"","sources":["../../../../src/components/Progress/ProgressHelperText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iHAAsF;AAS/E,MAAM,kBAAkB,GAAqD,CAAC,EAG3D,EAAE,EAAE;QAHuD,EACnF,QAAQ,OAEgB,EADrB,KAAK,sBAF2E,YAGpF,CADS;IACqB,OAAA,CAC7B,2CAAK,SAAS,EAAE,kBAAa,CAAC,kBAAkB,IAAM,KAAK,GACxD,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAPW,QAAA,kBAAkB,sBAO7B;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
|