@redhat-cloud-services/frontend-components 3.9.26 → 3.9.28
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/Main/Main.d.ts +4 -20
- package/Main/Main.js +11 -62
- package/Main/Main.js.map +1 -1
- package/README.md +0 -1
- package/esm/Main/Main.js +8 -59
- package/esm/Main/Main.js.map +1 -1
- package/package.json +1 -1
package/Main/Main.d.ts
CHANGED
|
@@ -1,23 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './main.scss';
|
|
3
|
-
|
|
4
|
-
declare
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
chrome: ChromeAPI;
|
|
8
|
-
};
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
export interface InternalMainProps {
|
|
12
|
-
params?: {
|
|
13
|
-
[key: string]: string;
|
|
14
|
-
};
|
|
15
|
-
path?: string;
|
|
16
|
-
className?: string;
|
|
17
|
-
children?: React.ReactNode;
|
|
18
|
-
}
|
|
19
|
-
export declare const InternalMain: React.FunctionComponent<InternalMainProps>;
|
|
20
|
-
declare const Main: import("react-redux").ConnectedComponent<React.FunctionComponent<InternalMainProps>, import("react-redux").Omit<InternalMainProps & {
|
|
21
|
-
children?: React.ReactNode;
|
|
22
|
-
}, "path" | "params">>;
|
|
3
|
+
export declare type MainProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
4
|
+
export declare type InternalMainProps = MainProps;
|
|
5
|
+
export declare const Main: React.FC<MainProps>;
|
|
6
|
+
export declare const InternalMain: React.FC<MainProps>;
|
|
23
7
|
export default Main;
|
package/Main/Main.js
CHANGED
|
@@ -21,74 +21,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
}
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
25
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
26
|
-
if (ar || !(i in from)) {
|
|
27
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
28
|
-
ar[i] = from[i];
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
|
-
};
|
|
33
24
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
34
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
35
26
|
};
|
|
36
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
exports.InternalMain = void 0;
|
|
28
|
+
exports.InternalMain = exports.Main = void 0;
|
|
38
29
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
-
var react_1 =
|
|
30
|
+
var react_1 = require("react");
|
|
40
31
|
var classnames_1 = __importDefault(require("classnames"));
|
|
41
|
-
var react_redux_1 = require("react-redux");
|
|
42
|
-
var Dark_1 = require("../Dark");
|
|
43
32
|
require("./main.css");
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var chromeState = window.insights.chrome.$internal.store.getState();
|
|
51
|
-
if (path && chromeState) {
|
|
52
|
-
return path.split('/').reduce(function (acc, curr) {
|
|
53
|
-
var _a;
|
|
54
|
-
if (curr.indexOf(':') === 0) {
|
|
55
|
-
acc.dynamic = __assign(__assign({}, acc.dynamic), (_a = {}, _a["data-".concat(toKebab(curr.substr(1)))] = params[curr.substr(1)], _a));
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
acc.staticPart = __spreadArray(__spreadArray([], acc.staticPart, true), (curr !== '' ? [curr] : []), true);
|
|
59
|
-
}
|
|
60
|
-
return acc;
|
|
61
|
-
}, { staticPart: [chromeState.chrome.appId], dynamic: {} });
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
return {
|
|
65
|
-
staticPart: [],
|
|
66
|
-
dynamic: undefined,
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
var _c = calculateLocation(), dynamic = _c.dynamic, staticPart = _c.staticPart;
|
|
70
|
-
return ((0, jsx_runtime_1.jsx)(Dark_1.DarkContext.Consumer, { children: function (theme) {
|
|
71
|
-
var _a;
|
|
72
|
-
if (theme === void 0) { theme = 'light'; }
|
|
73
|
-
var themeClasses = (0, classnames_1.default)((_a = {}, _a["pf-m-".concat(theme)] = theme === 'dark', _a));
|
|
74
|
-
return {
|
|
75
|
-
dark: ((0, jsx_runtime_1.jsx)("section", __assign({}, props, dynamic, { "page-type": staticPart.join('-'), className: "".concat((0, classnames_1.default)(className, 'pf-l-page__main-section pf-c-page__main-section'), " ").concat(themeClasses) }, { children: react_1.default.Children.map(children, function (child) {
|
|
76
|
-
return react_1.default.cloneElement(child, {
|
|
77
|
-
className: 'pf-m-dark',
|
|
78
|
-
});
|
|
79
|
-
}) }))),
|
|
80
|
-
light: ((0, jsx_runtime_1.jsx)("section", __assign({}, props, dynamic, { "page-type": staticPart.join('-'), className: "".concat((0, classnames_1.default)(className, 'pf-l-page__main-section pf-c-page__main-section')) }, { children: children }))),
|
|
81
|
-
}[theme];
|
|
82
|
-
} }));
|
|
83
|
-
};
|
|
84
|
-
exports.InternalMain = InternalMain;
|
|
85
|
-
var mapStateToProps = function (_a) {
|
|
86
|
-
var routerData = _a.routerData;
|
|
87
|
-
return ({
|
|
88
|
-
params: routerData && routerData.params,
|
|
89
|
-
path: routerData && routerData.path,
|
|
90
|
-
});
|
|
33
|
+
var Main = function (_a) {
|
|
34
|
+
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
35
|
+
(0, react_1.useEffect)(function () {
|
|
36
|
+
console.error("Using deprecated \"Main\" component. Do not use it. Either remove it from your JSX or replace it by \"section\" HTML element.");
|
|
37
|
+
}, []);
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)("section", __assign({}, props, { className: "".concat((0, classnames_1.default)(className, 'pf-l-page__main-section pf-c-page__main-section')) }, { children: children })));
|
|
91
39
|
};
|
|
92
|
-
|
|
93
|
-
exports.
|
|
40
|
+
exports.Main = Main;
|
|
41
|
+
exports.InternalMain = exports.Main;
|
|
42
|
+
exports.default = exports.Main;
|
|
94
43
|
//# sourceMappingURL=Main.js.map
|
package/Main/Main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main/Main.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main/Main.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyC;AACzC,0DAAoC;AACpC,uBAAqB;AAQd,IAAM,IAAI,GAAwB,UAAC,EAAiC;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACvE,IAAA,iBAAS,EAAC;QACR,OAAO,CAAC,KAAK,CAAC,+HAA2H,CAAC,CAAC;IAC7I,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,+CAAa,KAAK,IAAE,SAAS,EAAE,UAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,iDAAiD,CAAC,CAAE,gBACzG,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,IAAI,QASf;AAEW,QAAA,YAAY,GAAG,YAAI,CAAC;AAEjC,kBAAe,YAAI,CAAC"}
|
package/README.md
CHANGED
|
@@ -142,7 +142,6 @@ transform: (importName) =>`@redhat-cloud-services/frontend-components/esm/${FECM
|
|
|
142
142
|
* [pagination](doc/pagination.md)
|
|
143
143
|
* [treeview-table](doc/treeview-table.md)
|
|
144
144
|
* [section](doc/section.md)
|
|
145
|
-
* [dark](doc/dark.md)
|
|
146
145
|
* [breadcrumbs](doc/breadcrumbs.md)
|
|
147
146
|
* [reboot](doc/reboot.md)
|
|
148
147
|
* [useScreenSize](doc/useScreenSize.md)
|
package/esm/Main/Main.js
CHANGED
|
@@ -20,68 +20,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
24
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
25
|
-
if (ar || !(i in from)) {
|
|
26
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
27
|
-
ar[i] = from[i];
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
31
|
-
};
|
|
32
23
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
33
|
-
import
|
|
24
|
+
import { useEffect } from 'react';
|
|
34
25
|
import classNames from 'classnames';
|
|
35
|
-
import { connect } from 'react-redux';
|
|
36
|
-
import { DarkContext } from '../Dark';
|
|
37
26
|
import '../Main/main.css';
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
var chromeState = window.insights.chrome.$internal.store.getState();
|
|
45
|
-
if (path && chromeState) {
|
|
46
|
-
return path.split('/').reduce(function (acc, curr) {
|
|
47
|
-
var _a;
|
|
48
|
-
if (curr.indexOf(':') === 0) {
|
|
49
|
-
acc.dynamic = __assign(__assign({}, acc.dynamic), (_a = {}, _a["data-".concat(toKebab(curr.substr(1)))] = params[curr.substr(1)], _a));
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
acc.staticPart = __spreadArray(__spreadArray([], acc.staticPart, true), (curr !== '' ? [curr] : []), true);
|
|
53
|
-
}
|
|
54
|
-
return acc;
|
|
55
|
-
}, { staticPart: [chromeState.chrome.appId], dynamic: {} });
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
return {
|
|
59
|
-
staticPart: [],
|
|
60
|
-
dynamic: undefined,
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
var _c = calculateLocation(), dynamic = _c.dynamic, staticPart = _c.staticPart;
|
|
64
|
-
return (_jsx(DarkContext.Consumer, { children: function (theme) {
|
|
65
|
-
var _a;
|
|
66
|
-
if (theme === void 0) { theme = 'light'; }
|
|
67
|
-
var themeClasses = classNames((_a = {}, _a["pf-m-".concat(theme)] = theme === 'dark', _a));
|
|
68
|
-
return {
|
|
69
|
-
dark: (_jsx("section", __assign({}, props, dynamic, { "page-type": staticPart.join('-'), className: "".concat(classNames(className, 'pf-l-page__main-section pf-c-page__main-section'), " ").concat(themeClasses) }, { children: React.Children.map(children, function (child) {
|
|
70
|
-
return React.cloneElement(child, {
|
|
71
|
-
className: 'pf-m-dark',
|
|
72
|
-
});
|
|
73
|
-
}) }))),
|
|
74
|
-
light: (_jsx("section", __assign({}, props, dynamic, { "page-type": staticPart.join('-'), className: "".concat(classNames(className, 'pf-l-page__main-section pf-c-page__main-section')) }, { children: children }))),
|
|
75
|
-
}[theme];
|
|
76
|
-
} }));
|
|
77
|
-
};
|
|
78
|
-
var mapStateToProps = function (_a) {
|
|
79
|
-
var routerData = _a.routerData;
|
|
80
|
-
return ({
|
|
81
|
-
params: routerData && routerData.params,
|
|
82
|
-
path: routerData && routerData.path,
|
|
83
|
-
});
|
|
27
|
+
export var Main = function (_a) {
|
|
28
|
+
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
29
|
+
useEffect(function () {
|
|
30
|
+
console.error("Using deprecated \"Main\" component. Do not use it. Either remove it from your JSX or replace it by \"section\" HTML element.");
|
|
31
|
+
}, []);
|
|
32
|
+
return (_jsx("section", __assign({}, props, { className: "".concat(classNames(className, 'pf-l-page__main-section pf-c-page__main-section')) }, { children: children })));
|
|
84
33
|
};
|
|
85
|
-
var
|
|
34
|
+
export var InternalMain = Main;
|
|
86
35
|
export default Main;
|
|
87
36
|
//# sourceMappingURL=Main.js.map
|
package/esm/Main/Main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.js","sourceRoot":"","sources":["../../src/Main/Main.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Main.js","sourceRoot":"","sources":["../../src/Main/Main.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,CAAC;AAQrB,MAAM,CAAC,IAAM,IAAI,GAAwB,UAAC,EAAiC;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACvE,SAAS,CAAC;QACR,OAAO,CAAC,KAAK,CAAC,+HAA2H,CAAC,CAAC;IAC7I,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,6BAAa,KAAK,IAAE,SAAS,EAAE,UAAG,UAAU,CAAC,SAAS,EAAE,iDAAiD,CAAC,CAAE,gBACzG,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAAC;AAEjC,eAAe,IAAI,CAAC"}
|