@patternfly/react-core 4.202.0 → 4.202.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/esm/components/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/MenuToggle/MenuToggle.d.ts +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.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/MenuToggle/MenuToggle.d.ts +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Popover/Popover.d.ts +1 -1
- package/dist/umd/react-core.css +1724 -1724
- package/dist/umd/react-core.js +11 -7
- package/dist/umd/react-core.min.js +2 -2
- 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/MenuToggle/MenuToggle.tsx +2 -1
- package/src/components/MenuToggle/examples/MenuToggle.css +3 -0
- package/src/components/MenuToggle/examples/MenuToggle.md +53 -11
- package/src/components/Popover/Popover.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 4.202.3 (2022-03-25)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 4.202.2 (2022-03-25)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## 4.202.1 (2022-03-23)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
# 4.202.0 (2022-03-23)
|
|
7
31
|
|
|
8
32
|
|
|
@@ -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"}
|
|
@@ -12,7 +12,7 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.Butt
|
|
|
12
12
|
/** Flag indicating the toggle is full height */
|
|
13
13
|
isFullHeight?: boolean;
|
|
14
14
|
/** Variant styles of the menu toggle */
|
|
15
|
-
variant?: 'default' | 'plain' | 'primary' | 'plainText';
|
|
15
|
+
variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary';
|
|
16
16
|
/** Optional icon rendered inside the toggle, before the children content */
|
|
17
17
|
icon?: React.ReactNode;
|
|
18
18
|
/** Optional badge rendered inside the toggle, after the children content */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;IACtE,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY;;;;;;MAMjB;IAEF,MAAM;CAqDP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
|
|
@@ -19,7 +19,7 @@ export class MenuToggleBase extends React.Component {
|
|
|
19
19
|
React.createElement("span", { className: css(styles.menuToggleControls) },
|
|
20
20
|
React.createElement("span", { className: css(styles.menuToggleToggleIcon) },
|
|
21
21
|
React.createElement(CaretDownIcon, { "aria-hidden": true })))));
|
|
22
|
-
return (React.createElement("button", Object.assign({ className: css(styles.menuToggle, isExpanded && styles.modifiers.expanded, variant === 'primary' && styles.modifiers.primary, (isPlain || isPlainText) && styles.modifiers.plain, isPlainText && styles.modifiers.text, isFullHeight && styles.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
|
|
22
|
+
return (React.createElement("button", Object.assign({ className: css(styles.menuToggle, isExpanded && styles.modifiers.expanded, variant === 'primary' && styles.modifiers.primary, variant === 'secondary' && styles.modifiers.secondary, (isPlain || isPlainText) && styles.modifiers.plain, isPlainText && styles.modifiers.text, isFullHeight && styles.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
|
|
23
23
|
isPlain && children,
|
|
24
24
|
!isPlain && content));
|
|
25
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,aAAa,MAAM,wDAAwD,CAAC;AAyBnF,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,aAAa,MAAM,wDAAwD,CAAC;AAyBnF,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IA8DjC,CAAC;IArDC,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,OAEI,EADT,KAAK,cAVJ,6GAWL,CAAa,CAAC;QAEf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAE5C,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YACnE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;YACzD,KAAK,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAQ;YACtE,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;gBAC7C,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBAC/C,oBAAC,aAAa,0BAAe,CACxB,CACF,CACQ,CAClB,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,UAAU,EACjB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK,EACpB,GAAG,EAAE,QAAQ,IACT,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,KAAK;YAER,OAAO,IAAI,QAAQ;YACnB,CAAC,OAAO,IAAI,OAAO,CACb,CACV,CAAC;IACJ,CAAC;;AA5DM,2BAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAyDJ,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,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"}
|
|
@@ -12,7 +12,7 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.Butt
|
|
|
12
12
|
/** Flag indicating the toggle is full height */
|
|
13
13
|
isFullHeight?: boolean;
|
|
14
14
|
/** Variant styles of the menu toggle */
|
|
15
|
-
variant?: 'default' | 'plain' | 'primary' | 'plainText';
|
|
15
|
+
variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary';
|
|
16
16
|
/** Optional icon rendered inside the toggle, before the children content */
|
|
17
17
|
icon?: React.ReactNode;
|
|
18
18
|
/** Optional badge rendered inside the toggle, after the children content */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;IACtE,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY;;;;;;MAMjB;IAEF,MAAM;CAqDP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
|
|
@@ -22,7 +22,7 @@ class MenuToggleBase extends React.Component {
|
|
|
22
22
|
React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleControls) },
|
|
23
23
|
React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleToggleIcon) },
|
|
24
24
|
React.createElement(caret_down_icon_1.default, { "aria-hidden": true })))));
|
|
25
|
-
return (React.createElement("button", Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
|
|
25
|
+
return (React.createElement("button", Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
|
|
26
26
|
isPlain && children,
|
|
27
27
|
!isPlain && content));
|
|
28
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,oHAAmF;AAyBnF,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,oHAAmF;AAyBnF,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IA8DjC,CAAC;IArDC,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,OAEI,EADT,KAAK,sBAVJ,6GAWL,CAAa,CAAC;QAEf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAE5C,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YACnE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;YACzD,KAAK,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,eAAe,CAAC,IAAG,KAAK,CAAQ;YACtE,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC;gBAC7C,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,oBAAoB,CAAC;oBAC/C,oBAAC,yBAAa,0BAAe,CACxB,CACF,CACQ,CAClB,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,kBAAG,CACZ,qBAAM,CAAC,UAAU,EACjB,UAAU,IAAI,qBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,qBAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,qBAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,qBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK,EACpB,GAAG,EAAE,QAAQ,IACT,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,KAAK;YAER,OAAO,IAAI,QAAQ;YACnB,CAAC,OAAO,IAAI,OAAO,CACb,CACV,CAAC;IACJ,CAAC;;AA9DH,wCA+DC;AA7DQ,2BAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAyDS,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,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;
|