@patternfly/react-core 4.198.13 → 4.198.16
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 +27 -0
- package/dist/esm/components/Form/FormFieldGroup.d.ts +1 -1
- package/dist/esm/components/Form/FormFieldGroupExpandable.d.ts +2 -2
- package/dist/esm/components/Form/FormFieldGroupHeader.d.ts +3 -1
- package/dist/esm/components/Form/FormFieldGroupHeader.d.ts.map +1 -1
- package/dist/esm/components/Form/FormFieldGroupHeader.js.map +1 -1
- package/dist/esm/components/Form/InternalFormFieldGroup.d.ts +2 -2
- package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts +3 -1
- package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts.map +1 -1
- package/dist/esm/components/NotificationDrawer/NotificationDrawer.js +4 -3
- package/dist/esm/components/NotificationDrawer/NotificationDrawer.js.map +1 -1
- package/dist/esm/components/Tabs/Tab.d.ts +3 -1
- package/dist/esm/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tab.js +4 -3
- package/dist/esm/components/Tabs/Tab.js.map +1 -1
- package/dist/esm/components/Tabs/TabButton.d.ts +2 -0
- package/dist/esm/components/Tabs/TabButton.d.ts.map +1 -1
- package/dist/esm/components/Tabs/TabButton.js +2 -2
- package/dist/esm/components/Tabs/TabButton.js.map +1 -1
- package/dist/esm/components/Tile/Tile.d.ts.map +1 -1
- package/dist/esm/components/Tile/Tile.js +1 -1
- package/dist/esm/components/Tile/Tile.js.map +1 -1
- package/dist/js/components/Form/FormFieldGroup.d.ts +1 -1
- package/dist/js/components/Form/FormFieldGroupExpandable.d.ts +2 -2
- package/dist/js/components/Form/FormFieldGroupHeader.d.ts +3 -1
- package/dist/js/components/Form/FormFieldGroupHeader.d.ts.map +1 -1
- package/dist/js/components/Form/FormFieldGroupHeader.js.map +1 -1
- package/dist/js/components/Form/InternalFormFieldGroup.d.ts +2 -2
- package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts +3 -1
- package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts.map +1 -1
- package/dist/js/components/NotificationDrawer/NotificationDrawer.js +4 -4
- package/dist/js/components/NotificationDrawer/NotificationDrawer.js.map +1 -1
- package/dist/js/components/Tabs/Tab.d.ts +3 -1
- package/dist/js/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tab.js +4 -3
- package/dist/js/components/Tabs/Tab.js.map +1 -1
- package/dist/js/components/Tabs/TabButton.d.ts +2 -0
- package/dist/js/components/Tabs/TabButton.d.ts.map +1 -1
- package/dist/js/components/Tabs/TabButton.js +2 -2
- package/dist/js/components/Tabs/TabButton.js.map +1 -1
- package/dist/js/components/Tile/Tile.d.ts.map +1 -1
- package/dist/js/components/Tile/Tile.js +1 -1
- package/dist/js/components/Tile/Tile.js.map +1 -1
- package/dist/umd/react-core.js +10 -9
- package/dist/umd/react-core.min.css +72 -72
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/Form/FormFieldGroup.tsx +1 -1
- package/src/components/Form/FormFieldGroupExpandable.tsx +2 -2
- package/src/components/Form/FormFieldGroupHeader.tsx +5 -1
- package/src/components/Form/InternalFormFieldGroup.tsx +2 -2
- package/src/components/Form/__tests__/FormFieldGroup.test.tsx +1 -1
- package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +1 -1
- package/src/components/Form/examples/Form.md +1 -1
- package/src/components/NotificationDrawer/NotificationDrawer.tsx +8 -2
- package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawer.test.tsx.snap +1 -1
- package/src/components/Tabs/Tab.tsx +31 -24
- package/src/components/Tabs/TabButton.tsx +5 -1
- package/src/components/Tabs/examples/Tabs.md +527 -256
- package/src/components/Tile/Tile.tsx +3 -0
- package/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +9 -0
- package/src/components/Tile/examples/Tile.md +41 -39
- package/src/demos/ComposableMenu/ComposableMenu.md +4 -9
- package/src/demos/ComposableMenu/examples/ComposableDateSelect.tsx +113 -0
- package/src/demos/NotificationDrawer/NotificationDrawer.md +26 -2
- package/src/demos/TileDemo.md +17 -35
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AAEvE,2CAAwC;AACxC,+CAA4C;AAC5C,2DAA+C;
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,8 @@ export interface TabButtonProps extends Omit<React.HTMLProps<HTMLAnchorElement |
|
|
|
9
9
|
href?: string;
|
|
10
10
|
/** child reference for case in which a TabContent section is defined outside of a Tabs component */
|
|
11
11
|
tabContentRef?: React.Ref<any>;
|
|
12
|
+
/** Parents' innerRef passed down for properly displaying Tooltips */
|
|
13
|
+
parentInnerRef?: React.Ref<any>;
|
|
12
14
|
}
|
|
13
15
|
export declare const TabButton: React.FunctionComponent<TabButtonProps>;
|
|
14
16
|
//# sourceMappingURL=TabButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IACpH,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IACpH,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAgB7D,CAAC"}
|
|
@@ -7,9 +7,9 @@ const helpers_1 = require("../../helpers");
|
|
|
7
7
|
const TabButton = (_a) => {
|
|
8
8
|
var { children,
|
|
9
9
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
10
|
-
tabContentRef, ouiaId, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["children", "tabContentRef", "ouiaId", "ouiaSafe"]);
|
|
10
|
+
tabContentRef, ouiaId, parentInnerRef, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["children", "tabContentRef", "ouiaId", "parentInnerRef", "ouiaSafe"]);
|
|
11
11
|
const Component = (props.href ? 'a' : 'button');
|
|
12
|
-
return (React.createElement(Component, Object.assign({}, helpers_1.getOUIAProps(exports.TabButton.displayName, ouiaId, ouiaSafe), props), children));
|
|
12
|
+
return (React.createElement(Component, Object.assign({ ref: parentInnerRef }, helpers_1.getOUIAProps(exports.TabButton.displayName, ouiaId, ouiaSafe), props), children));
|
|
13
13
|
};
|
|
14
14
|
exports.TabButton = TabButton;
|
|
15
15
|
exports.TabButton.displayName = 'TabButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAAwD;
|
|
1
|
+
{"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAAwD;AAejD,MAAM,SAAS,GAA4C,CAAC,EAQlD,EAAE,EAAE;QAR8C,EACjE,QAAQ;IACR,6DAA6D;IAC7D,aAAa,EACb,MAAM,EACN,cAAc,EACd,QAAQ,OAEO,EADZ,KAAK,sBAPyD,qEAQlE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAQ,CAAC;IAEvD,OAAO,CACL,oBAAC,SAAS,kBAAC,GAAG,EAAE,cAAc,IAAM,sBAAY,CAAC,iBAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAM,KAAK,GACjG,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}
|
|
@@ -7,7 +7,7 @@ const tile_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
|
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const Tile = (_a) => {
|
|
9
9
|
var { children, title, icon, isStacked, isSelected, isDisabled, isDisplayLarge, className } = _a, props = tslib_1.__rest(_a, ["children", "title", "icon", "isStacked", "isSelected", "isDisabled", "isDisplayLarge", "className"]);
|
|
10
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(tile_1.default.tile, isSelected && tile_1.default.modifiers.selected, isDisabled && tile_1.default.modifiers.disabled, isDisplayLarge && tile_1.default.modifiers.displayLg, className), tabIndex: 0 }, props),
|
|
10
|
+
return (React.createElement("div", Object.assign({ role: "option", "aria-selected": isSelected }, (isDisabled && { 'aria-disabled': isDisabled }), { className: react_styles_1.css(tile_1.default.tile, isSelected && tile_1.default.modifiers.selected, isDisabled && tile_1.default.modifiers.disabled, isDisplayLarge && tile_1.default.modifiers.displayLg, className), tabIndex: 0 }, props),
|
|
11
11
|
React.createElement("div", { className: react_styles_1.css(tile_1.default.tileHeader, isStacked && tile_1.default.modifiers.stacked) },
|
|
12
12
|
icon && React.createElement("div", { className: react_styles_1.css(tile_1.default.tileIcon) }, icon),
|
|
13
13
|
React.createElement("div", { className: react_styles_1.css(tile_1.default.tileTitle) }, title)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAqBxC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,sBAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,IAAI,EACX,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAqBxC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,sBAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,IAAI,EAAC,QAAQ,mBACE,UAAU,IACrB,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,IACnD,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,IAAI,EACX,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;AA/BW,QAAA,IAAI,QA+Bf;AACF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
package/dist/umd/react-core.js
CHANGED
|
@@ -16073,10 +16073,11 @@
|
|
|
16073
16073
|
"notificationDrawerListItemTimestamp": "pf-c-notification-drawer__list-item-timestamp"
|
|
16074
16074
|
};
|
|
16075
16075
|
|
|
16076
|
-
const
|
|
16077
|
-
var { children, className = '' } = _a, props = __rest$1(_a, ["children", "className"]);
|
|
16078
|
-
return (React__namespace.createElement("div", Object.assign({}, props, { className: css(_default$t.notificationDrawer, className) }), children));
|
|
16076
|
+
const NotificationDrawerBase = (_a) => {
|
|
16077
|
+
var { children, className = '', innerRef } = _a, props = __rest$1(_a, ["children", "className", "innerRef"]);
|
|
16078
|
+
return (React__namespace.createElement("div", Object.assign({ ref: innerRef }, props, { className: css(_default$t.notificationDrawer, className) }), children));
|
|
16079
16079
|
};
|
|
16080
|
+
const NotificationDrawer = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(NotificationDrawerBase, Object.assign({ innerRef: ref }, props))));
|
|
16080
16081
|
NotificationDrawer.displayName = 'NotificationDrawer';
|
|
16081
16082
|
|
|
16082
16083
|
const NotificationDrawerBody = (_a) => {
|
|
@@ -17981,9 +17982,9 @@
|
|
|
17981
17982
|
const TabButton = (_a) => {
|
|
17982
17983
|
var { children,
|
|
17983
17984
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
17984
|
-
tabContentRef, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["children", "tabContentRef", "ouiaId", "ouiaSafe"]);
|
|
17985
|
+
tabContentRef, ouiaId, parentInnerRef, ouiaSafe } = _a, props = __rest$1(_a, ["children", "tabContentRef", "ouiaId", "parentInnerRef", "ouiaSafe"]);
|
|
17985
17986
|
const Component = (props.href ? 'a' : 'button');
|
|
17986
|
-
return (React__namespace.createElement(Component, Object.assign({}, getOUIAProps(TabButton.displayName, ouiaId, ouiaSafe), props), children));
|
|
17987
|
+
return (React__namespace.createElement(Component, Object.assign({ ref: parentInnerRef }, getOUIAProps(TabButton.displayName, ouiaId, ouiaSafe), props), children));
|
|
17987
17988
|
};
|
|
17988
17989
|
TabButton.displayName = 'TabButton';
|
|
17989
17990
|
|
|
@@ -17999,7 +18000,7 @@
|
|
|
17999
18000
|
const TabsContextConsumer = TabsContext.Consumer;
|
|
18000
18001
|
|
|
18001
18002
|
const TabBase = (_a) => {
|
|
18002
|
-
var { title, eventKey, tabContentRef, id: childId, tabContentId, className: childClassName = '', ouiaId: childOuiaId, isDisabled, isAriaDisabled, inoperableEvents = ['onClick', 'onKeyPress'], href, innerRef } = _a, props = __rest$1(_a, ["title", "eventKey", "tabContentRef", "id", "tabContentId", "className", "ouiaId", "isDisabled", "isAriaDisabled", "inoperableEvents", "href", "innerRef"]);
|
|
18003
|
+
var { title, eventKey, tabContentRef, id: childId, tabContentId, className: childClassName = '', ouiaId: childOuiaId, isDisabled, isAriaDisabled, inoperableEvents = ['onClick', 'onKeyPress'], href, innerRef, tooltip } = _a, props = __rest$1(_a, ["title", "eventKey", "tabContentRef", "id", "tabContentId", "className", "ouiaId", "isDisabled", "isAriaDisabled", "inoperableEvents", "href", "innerRef", "tooltip"]);
|
|
18003
18004
|
const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
|
|
18004
18005
|
event.preventDefault();
|
|
18005
18006
|
} })), {});
|
|
@@ -18017,8 +18018,8 @@
|
|
|
18017
18018
|
return null;
|
|
18018
18019
|
}
|
|
18019
18020
|
};
|
|
18020
|
-
|
|
18021
|
-
|
|
18021
|
+
const tabButton = (React__namespace.createElement(TabButton, Object.assign({ parentInnerRef: innerRef, className: css(_default$h.tabsLink, isDisabled && href && _default$h.modifiers.disabled, isAriaDisabled && _default$h.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href }, props), title));
|
|
18022
|
+
return (React__namespace.createElement("li", { className: css(_default$h.tabsItem, eventKey === localActiveKey && _default$h.modifiers.current, childClassName) }, tooltip ? React__namespace.createElement(Tooltip, Object.assign({}, tooltip.props), tabButton) : tabButton));
|
|
18022
18023
|
};
|
|
18023
18024
|
const Tab = React__namespace.forwardRef((props, ref) => React__namespace.createElement(TabBase, Object.assign({ innerRef: ref }, props)));
|
|
18024
18025
|
Tab.displayName = 'Tab';
|
|
@@ -18299,7 +18300,7 @@
|
|
|
18299
18300
|
|
|
18300
18301
|
const Tile = (_a) => {
|
|
18301
18302
|
var { children, title, icon, isStacked, isSelected, isDisabled, isDisplayLarge, className } = _a, props = __rest$1(_a, ["children", "title", "icon", "isStacked", "isSelected", "isDisabled", "isDisplayLarge", "className"]);
|
|
18302
|
-
return (React__namespace.createElement("div", Object.assign({ className: css(_default$f.tile, isSelected && _default$f.modifiers.selected, isDisabled && _default$f.modifiers.disabled, isDisplayLarge && _default$f.modifiers.displayLg, className), tabIndex: 0 }, props),
|
|
18303
|
+
return (React__namespace.createElement("div", Object.assign({ role: "option", "aria-selected": isSelected }, (isDisabled && { 'aria-disabled': isDisabled }), { className: css(_default$f.tile, isSelected && _default$f.modifiers.selected, isDisabled && _default$f.modifiers.disabled, isDisplayLarge && _default$f.modifiers.displayLg, className), tabIndex: 0 }, props),
|
|
18303
18304
|
React__namespace.createElement("div", { className: css(_default$f.tileHeader, isStacked && _default$f.modifiers.stacked) },
|
|
18304
18305
|
icon && React__namespace.createElement("div", { className: css(_default$f.tileIcon) }, icon),
|
|
18305
18306
|
React__namespace.createElement("div", { className: css(_default$f.tileTitle) }, title)),
|
|
@@ -15953,78 +15953,6 @@ ul.pf-c-list {
|
|
|
15953
15953
|
text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
|
|
15954
15954
|
}
|
|
15955
15955
|
|
|
15956
|
-
.pf-c-radio {
|
|
15957
|
-
--pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
|
|
15958
|
-
--pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
|
|
15959
|
-
--pf-c-radio__label--Color: var(--pf-global--Color--100);
|
|
15960
|
-
--pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
|
|
15961
|
-
--pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
|
|
15962
|
-
--pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
|
|
15963
|
-
--pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
|
|
15964
|
-
--pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
|
|
15965
|
-
--pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
15966
|
-
--pf-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
15967
|
-
--pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
|
|
15968
|
-
--pf-c-radio__description--Color: var(--pf-global--Color--200);
|
|
15969
|
-
--pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
|
|
15970
|
-
display: grid;
|
|
15971
|
-
grid-template-columns: auto 1fr;
|
|
15972
|
-
grid-gap: var(--pf-c-radio--GridGap);
|
|
15973
|
-
align-items: start;
|
|
15974
|
-
justify-items: start;
|
|
15975
|
-
}
|
|
15976
|
-
|
|
15977
|
-
.pf-c-radio.pf-m-standalone {
|
|
15978
|
-
--pf-c-radio--GridGap: 0;
|
|
15979
|
-
--pf-c-radio__input--Height: auto;
|
|
15980
|
-
--pf-c-radio__input--MarginTop: 0;
|
|
15981
|
-
display: inline-grid;
|
|
15982
|
-
line-height: 1;
|
|
15983
|
-
}
|
|
15984
|
-
|
|
15985
|
-
.pf-c-radio__label {
|
|
15986
|
-
font-size: var(--pf-c-radio__label--FontSize);
|
|
15987
|
-
font-weight: var(--pf-c-radio__label--FontWeight);
|
|
15988
|
-
line-height: var(--pf-c-radio__label--LineHeight);
|
|
15989
|
-
color: var(--pf-c-radio__label--Color);
|
|
15990
|
-
}
|
|
15991
|
-
|
|
15992
|
-
.pf-c-radio__input {
|
|
15993
|
-
height: var(--pf-c-radio__input--Height);
|
|
15994
|
-
margin-top: var(--pf-c-radio__input--MarginTop);
|
|
15995
|
-
}
|
|
15996
|
-
|
|
15997
|
-
.pf-c-radio__input:first-child {
|
|
15998
|
-
margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
|
|
15999
|
-
}
|
|
16000
|
-
|
|
16001
|
-
.pf-c-radio__input:last-child {
|
|
16002
|
-
margin-right: var(--pf-c-radio__input--last-child--MarginRight);
|
|
16003
|
-
}
|
|
16004
|
-
|
|
16005
|
-
.pf-c-radio__description {
|
|
16006
|
-
grid-column: 2;
|
|
16007
|
-
font-size: var(--pf-c-radio__description--FontSize);
|
|
16008
|
-
color: var(--pf-c-radio__description--Color);
|
|
16009
|
-
}
|
|
16010
|
-
|
|
16011
|
-
.pf-c-radio__body {
|
|
16012
|
-
grid-column: 2;
|
|
16013
|
-
margin-top: var(--pf-c-radio__body--MarginTop);
|
|
16014
|
-
}
|
|
16015
|
-
|
|
16016
|
-
label.pf-c-radio, .pf-c-radio__label,
|
|
16017
|
-
.pf-c-radio__input {
|
|
16018
|
-
cursor: pointer;
|
|
16019
|
-
}
|
|
16020
|
-
|
|
16021
|
-
.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
|
|
16022
|
-
.pf-c-radio__input:disabled,
|
|
16023
|
-
.pf-c-radio__input.pf-m-disabled {
|
|
16024
|
-
--pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
|
|
16025
|
-
cursor: not-allowed;
|
|
16026
|
-
}
|
|
16027
|
-
|
|
16028
15956
|
.pf-c-search-input {
|
|
16029
15957
|
--pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16030
15958
|
--pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
@@ -16216,6 +16144,78 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
16216
16144
|
flex-grow: 1;
|
|
16217
16145
|
}
|
|
16218
16146
|
|
|
16147
|
+
.pf-c-radio {
|
|
16148
|
+
--pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
|
|
16149
|
+
--pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
|
|
16150
|
+
--pf-c-radio__label--Color: var(--pf-global--Color--100);
|
|
16151
|
+
--pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
|
|
16152
|
+
--pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
|
|
16153
|
+
--pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
|
|
16154
|
+
--pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
|
|
16155
|
+
--pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
|
|
16156
|
+
--pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
16157
|
+
--pf-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
16158
|
+
--pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
|
|
16159
|
+
--pf-c-radio__description--Color: var(--pf-global--Color--200);
|
|
16160
|
+
--pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
|
|
16161
|
+
display: grid;
|
|
16162
|
+
grid-template-columns: auto 1fr;
|
|
16163
|
+
grid-gap: var(--pf-c-radio--GridGap);
|
|
16164
|
+
align-items: start;
|
|
16165
|
+
justify-items: start;
|
|
16166
|
+
}
|
|
16167
|
+
|
|
16168
|
+
.pf-c-radio.pf-m-standalone {
|
|
16169
|
+
--pf-c-radio--GridGap: 0;
|
|
16170
|
+
--pf-c-radio__input--Height: auto;
|
|
16171
|
+
--pf-c-radio__input--MarginTop: 0;
|
|
16172
|
+
display: inline-grid;
|
|
16173
|
+
line-height: 1;
|
|
16174
|
+
}
|
|
16175
|
+
|
|
16176
|
+
.pf-c-radio__label {
|
|
16177
|
+
font-size: var(--pf-c-radio__label--FontSize);
|
|
16178
|
+
font-weight: var(--pf-c-radio__label--FontWeight);
|
|
16179
|
+
line-height: var(--pf-c-radio__label--LineHeight);
|
|
16180
|
+
color: var(--pf-c-radio__label--Color);
|
|
16181
|
+
}
|
|
16182
|
+
|
|
16183
|
+
.pf-c-radio__input {
|
|
16184
|
+
height: var(--pf-c-radio__input--Height);
|
|
16185
|
+
margin-top: var(--pf-c-radio__input--MarginTop);
|
|
16186
|
+
}
|
|
16187
|
+
|
|
16188
|
+
.pf-c-radio__input:first-child {
|
|
16189
|
+
margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
|
|
16190
|
+
}
|
|
16191
|
+
|
|
16192
|
+
.pf-c-radio__input:last-child {
|
|
16193
|
+
margin-right: var(--pf-c-radio__input--last-child--MarginRight);
|
|
16194
|
+
}
|
|
16195
|
+
|
|
16196
|
+
.pf-c-radio__description {
|
|
16197
|
+
grid-column: 2;
|
|
16198
|
+
font-size: var(--pf-c-radio__description--FontSize);
|
|
16199
|
+
color: var(--pf-c-radio__description--Color);
|
|
16200
|
+
}
|
|
16201
|
+
|
|
16202
|
+
.pf-c-radio__body {
|
|
16203
|
+
grid-column: 2;
|
|
16204
|
+
margin-top: var(--pf-c-radio__body--MarginTop);
|
|
16205
|
+
}
|
|
16206
|
+
|
|
16207
|
+
label.pf-c-radio, .pf-c-radio__label,
|
|
16208
|
+
.pf-c-radio__input {
|
|
16209
|
+
cursor: pointer;
|
|
16210
|
+
}
|
|
16211
|
+
|
|
16212
|
+
.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
|
|
16213
|
+
.pf-c-radio__input:disabled,
|
|
16214
|
+
.pf-c-radio__input.pf-m-disabled {
|
|
16215
|
+
--pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
|
|
16216
|
+
cursor: not-allowed;
|
|
16217
|
+
}
|
|
16218
|
+
|
|
16219
16219
|
.pf-c-select {
|
|
16220
16220
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
16221
16221
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|