@patternfly/react-core 4.202.0 → 4.202.1
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/DescriptionList/DescriptionList.d.ts +13 -3
- package/dist/esm/components/DescriptionList/DescriptionList.d.ts.map +1 -1
- package/dist/esm/components/DescriptionList/DescriptionList.js +10 -6
- package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/esm/components/Popover/Popover.d.ts +1 -1
- package/dist/js/components/DescriptionList/DescriptionList.d.ts +13 -3
- package/dist/js/components/DescriptionList/DescriptionList.d.ts.map +1 -1
- package/dist/js/components/DescriptionList/DescriptionList.js +10 -6
- package/dist/js/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/js/components/Popover/Popover.d.ts +1 -1
- package/dist/umd/react-core.js +10 -6
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/DescriptionList/DescriptionList.tsx +52 -31
- package/src/components/DescriptionList/examples/DescriptionList.md +87 -28
- package/src/components/Popover/Popover.tsx +1 -1
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.202.1 (2022-03-23)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# 4.202.0 (2022-03-23)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface BreakpointModifiers {
|
|
3
3
|
default?: string;
|
|
4
4
|
md?: string;
|
|
5
5
|
lg?: string;
|
|
@@ -25,7 +25,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
25
25
|
isFluid?: boolean;
|
|
26
26
|
/** Sets the the default placement of description list groups to fill from top to bottom. */
|
|
27
27
|
isFillColumns?: boolean;
|
|
28
|
-
/** Sets the number of columns on the description list */
|
|
28
|
+
/** Sets the number of columns on the description list at various breakpoints */
|
|
29
29
|
columnModifier?: {
|
|
30
30
|
default?: '1Col' | '2Col' | '3Col';
|
|
31
31
|
sm?: '1Col' | '2Col' | '3Col';
|
|
@@ -34,7 +34,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
34
34
|
xl?: '1Col' | '2Col' | '3Col';
|
|
35
35
|
'2xl'?: '1Col' | '2Col' | '3Col';
|
|
36
36
|
};
|
|
37
|
-
/** Indicates how the menu will align at
|
|
37
|
+
/** Indicates how the menu will align at various breakpoints. */
|
|
38
38
|
orientation?: {
|
|
39
39
|
sm?: 'vertical' | 'horizontal';
|
|
40
40
|
md?: 'vertical' | 'horizontal';
|
|
@@ -42,6 +42,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
42
42
|
xl?: 'vertical' | 'horizontal';
|
|
43
43
|
'2xl'?: 'vertical' | 'horizontal';
|
|
44
44
|
};
|
|
45
|
+
/** Sets the minimum column size for the auto-fit (isAutoFit) layout at various breakpoints. */
|
|
45
46
|
autoFitMinModifier?: {
|
|
46
47
|
default?: string;
|
|
47
48
|
sm?: string;
|
|
@@ -50,6 +51,15 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
50
51
|
xl?: string;
|
|
51
52
|
'2xl'?: string;
|
|
52
53
|
};
|
|
54
|
+
/** Sets the horizontal description list's term column width at various breakpoints. */
|
|
55
|
+
horizontalTermWidthModifier?: {
|
|
56
|
+
default?: string;
|
|
57
|
+
sm?: string;
|
|
58
|
+
md?: string;
|
|
59
|
+
lg?: string;
|
|
60
|
+
xl?: string;
|
|
61
|
+
'2xl'?: string;
|
|
62
|
+
};
|
|
53
63
|
}
|
|
54
64
|
export declare const DescriptionList: React.FunctionComponent<DescriptionListProps>;
|
|
55
65
|
//# sourceMappingURL=DescriptionList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QACnC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KAClC,CAAC;IACF,gEAAgE;IAChE,WAAW,CAAC,EAAE;QACZ,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;KACnC,CAAC;IACF,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,uFAAuF;IACvF,2BAA2B,CAAC,EAAE;QAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAmDzE,CAAC"}
|
|
@@ -3,15 +3,19 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
|
|
5
5
|
import { formatBreakpointMods } from '../../helpers';
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const mods = autoFitMinModifier;
|
|
6
|
+
const setBreakpointModifiers = (prefix, modifiers) => {
|
|
7
|
+
const mods = modifiers;
|
|
9
8
|
return Object.keys(mods || {}).reduce((acc, curr) => curr === 'default' ? Object.assign(Object.assign({}, acc), { [prefix]: mods[curr] }) : Object.assign(Object.assign({}, acc), { [`${prefix}-on-${curr}`]: mods[curr] }), {});
|
|
10
9
|
};
|
|
11
10
|
export const DescriptionList = (_a) => {
|
|
12
|
-
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, orientation, style } = _a, props = __rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "orientation", "style"]);
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, horizontalTermWidthModifier, orientation, style } = _a, props = __rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "horizontalTermWidthModifier", "orientation", "style"]);
|
|
12
|
+
if (isAutoFit && autoFitMinModifier) {
|
|
13
|
+
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--GridTemplateColumns--min', autoFitMinModifier));
|
|
14
|
+
}
|
|
15
|
+
if (isHorizontal && horizontalTermWidthModifier) {
|
|
16
|
+
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--m-horizontal__term--width', horizontalTermWidthModifier));
|
|
17
|
+
}
|
|
18
|
+
return (React.createElement("dl", Object.assign({ className: css(styles.descriptionList, (isHorizontal || isFluid) && styles.modifiers.horizontal, isAutoColumnWidths && styles.modifiers.autoColumnWidths, isAutoFit && styles.modifiers.autoFit, formatBreakpointMods(columnModifier, styles), formatBreakpointMods(orientation, styles), isInlineGrid && styles.modifiers.inlineGrid, isCompact && styles.modifiers.compact, isFluid && styles.modifiers.fluid, isFillColumns && styles.modifiers.fillColumns, className), style: style }, props), children));
|
|
15
19
|
};
|
|
16
20
|
DescriptionList.displayName = 'DescriptionList';
|
|
17
21
|
//# sourceMappingURL=DescriptionList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAkErD,MAAM,sBAAsB,GAAG,CAAC,MAAc,EAAE,SAA8B,EAAE,EAAE;IAChF,MAAM,IAAI,GAAG,SAA6C,CAAC;IAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CACZ,IAAI,KAAK,SAAS,CAAC,CAAC,iCAAM,GAAG,KAAE,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAG,CAAC,iCAAM,GAAG,KAAE,CAAC,GAAG,MAAM,OAAO,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAE,EAC1G,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAgBxD,EAAE,EAAE;QAhBoD,EAC7E,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,2BAA2B,EAC3B,WAAW,EACX,KAAK,OAEgB,EADlB,KAAK,cAfqE,oOAgB9E,CADS;IAER,IAAI,SAAS,IAAI,kBAAkB,EAAE;QACnC,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,mDAAmD,EAAE,kBAAkB,CAAC,CACnG,CAAC;KACH;IACD,IAAI,YAAY,IAAI,2BAA2B,EAAE;QAC/C,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,oDAAoD,EAAE,2BAA2B,CAAC,CAC7G,CAAC;KACH;IAED,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,eAAe,EACtB,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EACxD,kBAAkB,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACvD,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,EAC5C,oBAAoB,CAAC,WAAW,EAAE,MAAM,CAAC,EACzC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EACjC,aAAa,IAAI,MAAM,CAAC,SAAS,CAAC,WAAW,EAC7C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -49,7 +49,7 @@ export interface PopoverProps {
|
|
|
49
49
|
/** Distance of the popover to its target, defaults to 25 */
|
|
50
50
|
distance?: number;
|
|
51
51
|
/**
|
|
52
|
-
* If true, tries to keep the popover in view by flipping it if necessary
|
|
52
|
+
* If true, tries to keep the popover in view by flipping it if necessary.
|
|
53
53
|
* If the position is set to 'auto', this prop is ignored
|
|
54
54
|
*/
|
|
55
55
|
enableFlip?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface BreakpointModifiers {
|
|
3
3
|
default?: string;
|
|
4
4
|
md?: string;
|
|
5
5
|
lg?: string;
|
|
@@ -25,7 +25,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
25
25
|
isFluid?: boolean;
|
|
26
26
|
/** Sets the the default placement of description list groups to fill from top to bottom. */
|
|
27
27
|
isFillColumns?: boolean;
|
|
28
|
-
/** Sets the number of columns on the description list */
|
|
28
|
+
/** Sets the number of columns on the description list at various breakpoints */
|
|
29
29
|
columnModifier?: {
|
|
30
30
|
default?: '1Col' | '2Col' | '3Col';
|
|
31
31
|
sm?: '1Col' | '2Col' | '3Col';
|
|
@@ -34,7 +34,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
34
34
|
xl?: '1Col' | '2Col' | '3Col';
|
|
35
35
|
'2xl'?: '1Col' | '2Col' | '3Col';
|
|
36
36
|
};
|
|
37
|
-
/** Indicates how the menu will align at
|
|
37
|
+
/** Indicates how the menu will align at various breakpoints. */
|
|
38
38
|
orientation?: {
|
|
39
39
|
sm?: 'vertical' | 'horizontal';
|
|
40
40
|
md?: 'vertical' | 'horizontal';
|
|
@@ -42,6 +42,7 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
42
42
|
xl?: 'vertical' | 'horizontal';
|
|
43
43
|
'2xl'?: 'vertical' | 'horizontal';
|
|
44
44
|
};
|
|
45
|
+
/** Sets the minimum column size for the auto-fit (isAutoFit) layout at various breakpoints. */
|
|
45
46
|
autoFitMinModifier?: {
|
|
46
47
|
default?: string;
|
|
47
48
|
sm?: string;
|
|
@@ -50,6 +51,15 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
50
51
|
xl?: string;
|
|
51
52
|
'2xl'?: string;
|
|
52
53
|
};
|
|
54
|
+
/** Sets the horizontal description list's term column width at various breakpoints. */
|
|
55
|
+
horizontalTermWidthModifier?: {
|
|
56
|
+
default?: string;
|
|
57
|
+
sm?: string;
|
|
58
|
+
md?: string;
|
|
59
|
+
lg?: string;
|
|
60
|
+
xl?: string;
|
|
61
|
+
'2xl'?: string;
|
|
62
|
+
};
|
|
53
63
|
}
|
|
54
64
|
export declare const DescriptionList: React.FunctionComponent<DescriptionListProps>;
|
|
55
65
|
//# sourceMappingURL=DescriptionList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QACnC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KAClC,CAAC;IACF,gEAAgE;IAChE,WAAW,CAAC,EAAE;QACZ,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;KACnC,CAAC;IACF,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,uFAAuF;IACvF,2BAA2B,CAAC,EAAE;QAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAmDzE,CAAC"}
|
|
@@ -6,15 +6,19 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const description_list_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DescriptionList/description-list"));
|
|
8
8
|
const helpers_1 = require("../../helpers");
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const mods = autoFitMinModifier;
|
|
9
|
+
const setBreakpointModifiers = (prefix, modifiers) => {
|
|
10
|
+
const mods = modifiers;
|
|
12
11
|
return Object.keys(mods || {}).reduce((acc, curr) => curr === 'default' ? Object.assign(Object.assign({}, acc), { [prefix]: mods[curr] }) : Object.assign(Object.assign({}, acc), { [`${prefix}-on-${curr}`]: mods[curr] }), {});
|
|
13
12
|
};
|
|
14
13
|
const DescriptionList = (_a) => {
|
|
15
|
-
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, orientation, style } = _a, props = tslib_1.__rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "orientation", "style"]);
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, horizontalTermWidthModifier, orientation, style } = _a, props = tslib_1.__rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "horizontalTermWidthModifier", "orientation", "style"]);
|
|
15
|
+
if (isAutoFit && autoFitMinModifier) {
|
|
16
|
+
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--GridTemplateColumns--min', autoFitMinModifier));
|
|
17
|
+
}
|
|
18
|
+
if (isHorizontal && horizontalTermWidthModifier) {
|
|
19
|
+
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--m-horizontal__term--width', horizontalTermWidthModifier));
|
|
20
|
+
}
|
|
21
|
+
return (React.createElement("dl", Object.assign({ className: react_styles_1.css(description_list_1.default.descriptionList, (isHorizontal || isFluid) && description_list_1.default.modifiers.horizontal, isAutoColumnWidths && description_list_1.default.modifiers.autoColumnWidths, isAutoFit && description_list_1.default.modifiers.autoFit, helpers_1.formatBreakpointMods(columnModifier, description_list_1.default), helpers_1.formatBreakpointMods(orientation, description_list_1.default), isInlineGrid && description_list_1.default.modifiers.inlineGrid, isCompact && description_list_1.default.modifiers.compact, isFluid && description_list_1.default.modifiers.fluid, isFillColumns && description_list_1.default.modifiers.fillColumns, className), style: style }, props), children));
|
|
18
22
|
};
|
|
19
23
|
exports.DescriptionList = DescriptionList;
|
|
20
24
|
exports.DescriptionList.displayName = 'DescriptionList';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wIAA8F;AAC9F,2CAAqD;
|
|
1
|
+
{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,wIAA8F;AAC9F,2CAAqD;AAkErD,MAAM,sBAAsB,GAAG,CAAC,MAAc,EAAE,SAA8B,EAAE,EAAE;IAChF,MAAM,IAAI,GAAG,SAA6C,CAAC;IAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CACZ,IAAI,KAAK,SAAS,CAAC,CAAC,iCAAM,GAAG,KAAE,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAG,CAAC,iCAAM,GAAG,KAAE,CAAC,GAAG,MAAM,OAAO,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAE,EAC1G,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,eAAe,GAAkD,CAAC,EAgBxD,EAAE,EAAE;QAhBoD,EAC7E,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,2BAA2B,EAC3B,WAAW,EACX,KAAK,OAEgB,EADlB,KAAK,sBAfqE,oOAgB9E,CADS;IAER,IAAI,SAAS,IAAI,kBAAkB,EAAE;QACnC,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,mDAAmD,EAAE,kBAAkB,CAAC,CACnG,CAAC;KACH;IACD,IAAI,YAAY,IAAI,2BAA2B,EAAE;QAC/C,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,oDAAoD,EAAE,2BAA2B,CAAC,CAC7G,CAAC;KACH;IAED,OAAO,CACL,0CACE,SAAS,EAAE,kBAAG,CACZ,0BAAM,CAAC,eAAe,EACtB,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,0BAAM,CAAC,SAAS,CAAC,UAAU,EACxD,kBAAkB,IAAI,0BAAM,CAAC,SAAS,CAAC,gBAAgB,EACvD,SAAS,IAAI,0BAAM,CAAC,SAAS,CAAC,OAAO,EACrC,8BAAoB,CAAC,cAAc,EAAE,0BAAM,CAAC,EAC5C,8BAAoB,CAAC,WAAW,EAAE,0BAAM,CAAC,EACzC,YAAY,IAAI,0BAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,IAAI,0BAAM,CAAC,SAAS,CAAC,OAAO,EACrC,OAAO,IAAI,0BAAM,CAAC,SAAS,CAAC,KAAK,EACjC,aAAa,IAAI,0BAAM,CAAC,SAAS,CAAC,WAAW,EAC7C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,eAAe,mBAmD1B;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -49,7 +49,7 @@ export interface PopoverProps {
|
|
|
49
49
|
/** Distance of the popover to its target, defaults to 25 */
|
|
50
50
|
distance?: number;
|
|
51
51
|
/**
|
|
52
|
-
* If true, tries to keep the popover in view by flipping it if necessary
|
|
52
|
+
* If true, tries to keep the popover in view by flipping it if necessary.
|
|
53
53
|
* If the position is set to 'auto', this prop is ignored
|
|
54
54
|
*/
|
|
55
55
|
enableFlip?: boolean;
|
package/dist/umd/react-core.js
CHANGED
|
@@ -9675,15 +9675,19 @@
|
|
|
9675
9675
|
}
|
|
9676
9676
|
};
|
|
9677
9677
|
|
|
9678
|
-
const
|
|
9679
|
-
const
|
|
9680
|
-
const mods = autoFitMinModifier;
|
|
9678
|
+
const setBreakpointModifiers = (prefix, modifiers) => {
|
|
9679
|
+
const mods = modifiers;
|
|
9681
9680
|
return Object.keys(mods || {}).reduce((acc, curr) => curr === 'default' ? Object.assign(Object.assign({}, acc), { [prefix]: mods[curr] }) : Object.assign(Object.assign({}, acc), { [`${prefix}-on-${curr}`]: mods[curr] }), {});
|
|
9682
9681
|
};
|
|
9683
9682
|
const DescriptionList = (_a) => {
|
|
9684
|
-
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, orientation, style } = _a, props = __rest$1(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "orientation", "style"]);
|
|
9685
|
-
|
|
9686
|
-
|
|
9683
|
+
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, horizontalTermWidthModifier, orientation, style } = _a, props = __rest$1(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "horizontalTermWidthModifier", "orientation", "style"]);
|
|
9684
|
+
if (isAutoFit && autoFitMinModifier) {
|
|
9685
|
+
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--GridTemplateColumns--min', autoFitMinModifier));
|
|
9686
|
+
}
|
|
9687
|
+
if (isHorizontal && horizontalTermWidthModifier) {
|
|
9688
|
+
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--m-horizontal__term--width', horizontalTermWidthModifier));
|
|
9689
|
+
}
|
|
9690
|
+
return (React__namespace.createElement("dl", Object.assign({ className: css(_default$Q.descriptionList, (isHorizontal || isFluid) && _default$Q.modifiers.horizontal, isAutoColumnWidths && _default$Q.modifiers.autoColumnWidths, isAutoFit && _default$Q.modifiers.autoFit, formatBreakpointMods(columnModifier, _default$Q), formatBreakpointMods(orientation, _default$Q), isInlineGrid && _default$Q.modifiers.inlineGrid, isCompact && _default$Q.modifiers.compact, isFluid && _default$Q.modifiers.fluid, isFillColumns && _default$Q.modifiers.fillColumns, className), style: style }, props), children));
|
|
9687
9691
|
};
|
|
9688
9692
|
DescriptionList.displayName = 'DescriptionList';
|
|
9689
9693
|
|