@patternfly/react-core 4.266.0 → 4.266.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/Sidebar/SidebarPanel.d.ts +9 -0
- package/dist/esm/components/Sidebar/SidebarPanel.d.ts.map +1 -1
- package/dist/esm/components/Sidebar/SidebarPanel.js +10 -0
- package/dist/esm/components/Sidebar/SidebarPanel.js.map +1 -1
- package/dist/js/components/Sidebar/SidebarPanel.d.ts +9 -0
- package/dist/js/components/Sidebar/SidebarPanel.d.ts.map +1 -1
- package/dist/js/components/Sidebar/SidebarPanel.js +11 -1
- package/dist/js/components/Sidebar/SidebarPanel.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/Panel/__tests__/Panel.test.tsx +96 -58
- package/src/components/Panel/__tests__/PanelFooter.test.tsx +42 -0
- package/src/components/Panel/__tests__/PanelHeader.test.tsx +42 -0
- package/src/components/Panel/__tests__/PanelMain.test.tsx +48 -0
- package/src/components/Panel/__tests__/PanelMainBody.test.tsx +42 -0
- package/src/components/Panel/__tests__/__snapshots__/Panel.test.tsx.snap +2 -82
- package/src/components/Panel/__tests__/__snapshots__/PanelFooter.test.tsx.snap +11 -0
- package/src/components/Panel/__tests__/__snapshots__/PanelHeader.test.tsx.snap +11 -0
- package/src/components/Panel/__tests__/__snapshots__/PanelMain.test.tsx.snap +11 -0
- package/src/components/Panel/__tests__/__snapshots__/PanelMainBody.test.tsx.snap +11 -0
- package/src/components/Sidebar/SidebarPanel.tsx +10 -0
- package/src/components/Sidebar/__tests__/Sidebar.test.tsx +72 -0
- package/src/components/Sidebar/__tests__/SidebarContent.test.tsx +38 -0
- package/src/components/Sidebar/__tests__/SidebarPanel.test.tsx +75 -0
- package/src/components/Sidebar/__tests__/__snapshots__/Sidebar.test.tsx.snap +15 -0
- package/src/components/Sidebar/__tests__/__snapshots__/SidebarContent.test.tsx.snap +11 -0
- package/src/components/Sidebar/__tests__/__snapshots__/SidebarPanel.test.tsx.snap +11 -0
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.266.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.266.0...@patternfly/react-core@4.266.1) (2022-12-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [4.266.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.265.2...@patternfly/react-core@4.266.0) (2022-12-06)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
export declare enum SidebarPanelWidthType {
|
|
3
|
+
default = "default",
|
|
4
|
+
width25 = "width_25",
|
|
5
|
+
width33 = "width_33",
|
|
6
|
+
width50 = "width_50",
|
|
7
|
+
width66 = "width_66",
|
|
8
|
+
width75 = "width_75",
|
|
9
|
+
width100 = "width_100"
|
|
10
|
+
}
|
|
2
11
|
export interface SidebarPanelProps extends Omit<React.HTMLProps<HTMLDivElement>, 'width'> {
|
|
3
12
|
children: React.ReactNode;
|
|
4
13
|
/** Indicates whether the panel is positioned statically or sticky to the top. Default is sticky on small screens when the orientation is stack, and static on medium and above screens when the orientation is split. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yNAAyN;IACzN,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mGAAmG;IACnG,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QACnG,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;KAClG,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAoBnE,CAAC"}
|
|
1
|
+
{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yNAAyN;IACzN,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mGAAmG;IACnG,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QACnG,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;KAClG,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAoBnE,CAAC"}
|
|
@@ -3,6 +3,16 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Sidebar/sidebar';
|
|
5
5
|
import { formatBreakpointMods } from '../../helpers/util';
|
|
6
|
+
export var SidebarPanelWidthType;
|
|
7
|
+
(function (SidebarPanelWidthType) {
|
|
8
|
+
SidebarPanelWidthType["default"] = "default";
|
|
9
|
+
SidebarPanelWidthType["width25"] = "width_25";
|
|
10
|
+
SidebarPanelWidthType["width33"] = "width_33";
|
|
11
|
+
SidebarPanelWidthType["width50"] = "width_50";
|
|
12
|
+
SidebarPanelWidthType["width66"] = "width_66";
|
|
13
|
+
SidebarPanelWidthType["width75"] = "width_75";
|
|
14
|
+
SidebarPanelWidthType["width100"] = "width_100";
|
|
15
|
+
})(SidebarPanelWidthType || (SidebarPanelWidthType = {}));
|
|
6
16
|
export const SidebarPanel = (_a) => {
|
|
7
17
|
var { className, children, variant = 'default', hasNoBackground, width } = _a, props = __rest(_a, ["className", "children", "variant", "hasNoBackground", "width"]);
|
|
8
18
|
return (React.createElement("div", Object.assign({ className: css(styles.sidebarPanel, variant !== 'default' && styles.modifiers[variant], hasNoBackground && styles.modifiers.noBackground, formatBreakpointMods(width, styles), className) }, props), children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarPanel.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"SidebarPanel.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAN,IAAY,qBAQX;AARD,WAAY,qBAAqB;IAC/B,4CAAmB,CAAA;IACnB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,+CAAsB,CAAA;AACxB,CAAC,EARW,qBAAqB,KAArB,qBAAqB,QAQhC;AAmBD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,KAAK,OAEa,EADf,KAAK,cAN+D,gEAOxE,CADS;IACe,OAAA,CACvB,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,EAClD,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EACnC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
export declare enum SidebarPanelWidthType {
|
|
3
|
+
default = "default",
|
|
4
|
+
width25 = "width_25",
|
|
5
|
+
width33 = "width_33",
|
|
6
|
+
width50 = "width_50",
|
|
7
|
+
width66 = "width_66",
|
|
8
|
+
width75 = "width_75",
|
|
9
|
+
width100 = "width_100"
|
|
10
|
+
}
|
|
2
11
|
export interface SidebarPanelProps extends Omit<React.HTMLProps<HTMLDivElement>, 'width'> {
|
|
3
12
|
children: React.ReactNode;
|
|
4
13
|
/** Indicates whether the panel is positioned statically or sticky to the top. Default is sticky on small screens when the orientation is stack, and static on medium and above screens when the orientation is split. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yNAAyN;IACzN,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mGAAmG;IACnG,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QACnG,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;KAClG,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAoBnE,CAAC"}
|
|
1
|
+
{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yNAAyN;IACzN,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mGAAmG;IACnG,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QACnG,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;KAClG,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAoBnE,CAAC"}
|
|
@@ -1,11 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SidebarPanel = void 0;
|
|
3
|
+
exports.SidebarPanel = exports.SidebarPanelWidthType = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const sidebar_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Sidebar/sidebar"));
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
|
+
var SidebarPanelWidthType;
|
|
10
|
+
(function (SidebarPanelWidthType) {
|
|
11
|
+
SidebarPanelWidthType["default"] = "default";
|
|
12
|
+
SidebarPanelWidthType["width25"] = "width_25";
|
|
13
|
+
SidebarPanelWidthType["width33"] = "width_33";
|
|
14
|
+
SidebarPanelWidthType["width50"] = "width_50";
|
|
15
|
+
SidebarPanelWidthType["width66"] = "width_66";
|
|
16
|
+
SidebarPanelWidthType["width75"] = "width_75";
|
|
17
|
+
SidebarPanelWidthType["width100"] = "width_100";
|
|
18
|
+
})(SidebarPanelWidthType = exports.SidebarPanelWidthType || (exports.SidebarPanelWidthType = {}));
|
|
9
19
|
const SidebarPanel = (_a) => {
|
|
10
20
|
var { className, children, variant = 'default', hasNoBackground, width } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "hasNoBackground", "width"]);
|
|
11
21
|
return (React.createElement("div", Object.assign({ className: react_styles_1.css(sidebar_1.default.sidebarPanel, variant !== 'default' && sidebar_1.default.modifiers[variant], hasNoBackground && sidebar_1.default.modifiers.noBackground, util_1.formatBreakpointMods(width, sidebar_1.default), className) }, props), children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarPanel.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;AAC7E,6CAA0D;
|
|
1
|
+
{"version":3,"file":"SidebarPanel.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;AAC7E,6CAA0D;AAE1D,IAAY,qBAQX;AARD,WAAY,qBAAqB;IAC/B,4CAAmB,CAAA;IACnB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,+CAAsB,CAAA;AACxB,CAAC,EARW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAQhC;AAmBM,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,KAAK,OAEa,EADf,KAAK,sBAN+D,gEAOxE,CADS;IACe,OAAA,CACvB,2CACE,SAAS,EAAE,kBAAG,CACZ,iBAAM,CAAC,YAAY,EACnB,OAAO,KAAK,SAAS,IAAI,iBAAM,CAAC,SAAS,CAAC,OAAO,CAAC,EAClD,eAAe,IAAI,iBAAM,CAAC,SAAS,CAAC,YAAY,EAChD,2BAAoB,CAAC,KAAK,EAAE,iBAAM,CAAC,EACnC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AApBW,QAAA,YAAY,gBAoBvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|