@redhat-cloud-services/frontend-components 3.9.27 → 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/ColumnManager/ColumnManager.d.ts +34 -0
- package/ColumnManager/ColumnManager.js +93 -0
- package/ColumnManager/ColumnManager.js.map +1 -0
- package/ColumnManager/ListItem.d.ts +27 -0
- package/ColumnManager/ListItem.js +54 -0
- package/ColumnManager/ListItem.js.map +1 -0
- package/ColumnManager/ModalDescrption.d.ts +12 -0
- package/ColumnManager/ModalDescrption.js +20 -0
- package/ColumnManager/ModalDescrption.js.map +1 -0
- package/ColumnManager/__fixtures__/columns.d.ts +14 -0
- package/ColumnManager/__fixtures__/columns.js +21 -0
- package/ColumnManager/__fixtures__/columns.js.map +1 -0
- package/ColumnManager/columns.d.ts +0 -0
- package/ColumnManager/columns.js +2 -0
- package/ColumnManager/columns.js.map +1 -0
- package/ColumnManager/helpers.d.ts +7 -0
- package/ColumnManager/helpers.js +15 -0
- package/ColumnManager/helpers.js.map +1 -0
- package/ColumnManager/index.d.ts +1 -0
- package/ColumnManager/index.js +9 -0
- package/ColumnManager/index.js.map +1 -0
- package/ColumnManager/package.json +1 -0
- package/InsightsLabel/CriticalIcon.d.ts +3 -0
- package/InsightsLabel/CriticalIcon.js +11 -0
- package/InsightsLabel/CriticalIcon.js.map +1 -0
- package/InsightsLabel/critical-icon.css +8 -0
- package/InsightsLabel/critical-icon.scss +8 -0
- package/InsightsLabel/labels.css +20 -0
- package/InsightsLabel/labels.scss +21 -0
- 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/TableToolsTable/NoResultsTable.d.ts +10 -0
- package/TableToolsTable/NoResultsTable.js +32 -0
- package/TableToolsTable/NoResultsTable.js.map +1 -0
- package/TableToolsTable/TableToolsTable.d.ts +36 -0
- package/TableToolsTable/TableToolsTable.js +67 -0
- package/TableToolsTable/TableToolsTable.js.map +1 -0
- package/TableToolsTable/__fixtures__/columns.d.ts +50 -0
- package/TableToolsTable/__fixtures__/columns.js +41 -0
- package/TableToolsTable/__fixtures__/columns.js.map +1 -0
- package/TableToolsTable/__fixtures__/filters.d.ts +41 -0
- package/TableToolsTable/__fixtures__/filters.js +96 -0
- package/TableToolsTable/__fixtures__/filters.js.map +1 -0
- package/TableToolsTable/__fixtures__/items.d.ts +8 -0
- package/TableToolsTable/__fixtures__/items.js +27 -0
- package/TableToolsTable/__fixtures__/items.js.map +1 -0
- package/TableToolsTable/index.d.ts +2 -0
- package/TableToolsTable/index.js +11 -0
- package/TableToolsTable/index.js.map +1 -0
- package/TableToolsTable/package.json +1 -0
- package/TableToolsTable/testHelpers.d.ts +7 -0
- package/TableToolsTable/testHelpers.js +97 -0
- package/TableToolsTable/testHelpers.js.map +1 -0
- package/Wizard/Wizard.d.ts +31 -0
- package/Wizard/Wizard.js +136 -0
- package/Wizard/Wizard.js.map +1 -0
- package/Wizard/index.d.ts +1 -0
- package/Wizard/index.js +11 -0
- package/Wizard/index.js.map +1 -0
- package/Wizard/package.json +1 -0
- package/Wizard/wizard.css +7 -0
- package/Wizard/wizard.scss +7 -0
- package/esm/ColumnManager/ColumnManager.js +69 -0
- package/esm/ColumnManager/ColumnManager.js.map +1 -0
- package/esm/ColumnManager/ListItem.js +49 -0
- package/esm/ColumnManager/ListItem.js.map +1 -0
- package/esm/ColumnManager/ModalDescrption.js +15 -0
- package/esm/ColumnManager/ModalDescrption.js.map +1 -0
- package/esm/ColumnManager/__fixtures__/columns.js +19 -0
- package/esm/ColumnManager/__fixtures__/columns.js.map +1 -0
- package/esm/ColumnManager/columns.js +2 -0
- package/esm/ColumnManager/columns.js.map +1 -0
- package/esm/ColumnManager/helpers.js +8 -0
- package/esm/ColumnManager/helpers.js.map +1 -0
- package/esm/ColumnManager/index.js +2 -0
- package/esm/ColumnManager/index.js.map +1 -0
- package/esm/InsightsLabel/CriticalIcon.js +6 -0
- package/esm/InsightsLabel/CriticalIcon.js.map +1 -0
- package/esm/InsightsLabel/critical-icon.css +8 -0
- package/esm/InsightsLabel/critical-icon.scss +8 -0
- package/esm/InsightsLabel/labels.css +20 -0
- package/esm/InsightsLabel/labels.scss +21 -0
- package/esm/Main/Main.js +8 -59
- package/esm/Main/Main.js.map +1 -1
- package/esm/TableToolsTable/NoResultsTable.js +25 -0
- package/esm/TableToolsTable/NoResultsTable.js.map +1 -0
- package/esm/TableToolsTable/TableToolsTable.js +62 -0
- package/esm/TableToolsTable/TableToolsTable.js.map +1 -0
- package/esm/TableToolsTable/__fixtures__/columns.js +39 -0
- package/esm/TableToolsTable/__fixtures__/columns.js.map +1 -0
- package/esm/TableToolsTable/__fixtures__/filters.js +93 -0
- package/esm/TableToolsTable/__fixtures__/filters.js.map +1 -0
- package/esm/TableToolsTable/__fixtures__/items.js +24 -0
- package/esm/TableToolsTable/__fixtures__/items.js.map +1 -0
- package/esm/TableToolsTable/index.js +3 -0
- package/esm/TableToolsTable/index.js.map +1 -0
- package/esm/TableToolsTable/testHelpers.js +92 -0
- package/esm/TableToolsTable/testHelpers.js.map +1 -0
- package/esm/Wizard/Wizard.js +112 -0
- package/esm/Wizard/Wizard.js.map +1 -0
- package/esm/Wizard/index.js +3 -0
- package/esm/Wizard/index.js.map +1 -0
- package/esm/Wizard/wizard.css +7 -0
- package/esm/Wizard/wizard.scss +7 -0
- package/package.json +1 -1
package/Wizard/Wizard.js
ADDED
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __assign = (this && this.__assign) || function () {
|
|
18
|
+
__assign = Object.assign || function(t) {
|
|
19
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
+
s = arguments[i];
|
|
21
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
+
t[p] = s[p];
|
|
23
|
+
}
|
|
24
|
+
return t;
|
|
25
|
+
};
|
|
26
|
+
return __assign.apply(this, arguments);
|
|
27
|
+
};
|
|
28
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
|
+
if (k2 === undefined) k2 = k;
|
|
30
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
31
|
+
}) : (function(o, m, k, k2) {
|
|
32
|
+
if (k2 === undefined) k2 = k;
|
|
33
|
+
o[k2] = m[k];
|
|
34
|
+
}));
|
|
35
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
36
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
37
|
+
}) : function(o, v) {
|
|
38
|
+
o["default"] = v;
|
|
39
|
+
});
|
|
40
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
41
|
+
if (mod && mod.__esModule) return mod;
|
|
42
|
+
var result = {};
|
|
43
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
44
|
+
__setModuleDefault(result, mod);
|
|
45
|
+
return result;
|
|
46
|
+
};
|
|
47
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
48
|
+
var t = {};
|
|
49
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
50
|
+
t[p] = s[p];
|
|
51
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
52
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
53
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
54
|
+
t[p[i]] = s[p[i]];
|
|
55
|
+
}
|
|
56
|
+
return t;
|
|
57
|
+
};
|
|
58
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
59
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
60
|
+
};
|
|
61
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
|
+
var react_1 = __importStar(require("react"));
|
|
63
|
+
var prop_types_1 = __importDefault(require("prop-types"));
|
|
64
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
65
|
+
var react_core_1 = require("@patternfly/react-core");
|
|
66
|
+
require("./wizard.css");
|
|
67
|
+
var Wizard = (function (_super) {
|
|
68
|
+
__extends(Wizard, _super);
|
|
69
|
+
function Wizard() {
|
|
70
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
71
|
+
_this.state = {
|
|
72
|
+
currentStep: 0,
|
|
73
|
+
};
|
|
74
|
+
_this.handleNextModalStep = function () {
|
|
75
|
+
_this.setState(function (_a) {
|
|
76
|
+
var currentStep = _a.currentStep;
|
|
77
|
+
return ({
|
|
78
|
+
currentStep: currentStep + 1,
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
_this.handlePreviousModalStep = function () {
|
|
83
|
+
_this.setState(function (_a) {
|
|
84
|
+
var currentStep = _a.currentStep;
|
|
85
|
+
return ({
|
|
86
|
+
currentStep: currentStep - 1,
|
|
87
|
+
});
|
|
88
|
+
});
|
|
89
|
+
};
|
|
90
|
+
_this.handleOnClose = function (submit) {
|
|
91
|
+
var result = _this.props.onClose(submit);
|
|
92
|
+
if (result === false) {
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
95
|
+
_this.setState({ currentStep: 0 });
|
|
96
|
+
};
|
|
97
|
+
_this.handleKeyPress = function (event) {
|
|
98
|
+
if (event.key === 'Enter' && _this.props.isValidated === true) {
|
|
99
|
+
_this.handleNextModalStep();
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
return _this;
|
|
103
|
+
}
|
|
104
|
+
Wizard.prototype.render = function () {
|
|
105
|
+
var _this = this;
|
|
106
|
+
var _a = this.props, isLarge = _a.isLarge, title = _a.title, className = _a.className, isOpen = _a.isOpen, isValidated = _a.isValidated, confirmAction = _a.confirmAction, props = __rest(_a, ["isLarge", "title", "className", "isOpen", "isValidated", "confirmAction"]);
|
|
107
|
+
var wizardClasses = (0, classnames_1.default)('ins-c-wizard', className);
|
|
108
|
+
var renderModalActions = [
|
|
109
|
+
this.state.currentStep < this.props.content.length - 1 ? (react_1.default.createElement(react_core_1.Button, { key: "Next", action: "next", variant: "primary", isDisabled: !isValidated, onClick: this.handleNextModalStep }, "Next")) : (react_1.default.createElement(react_core_1.Button, { key: "confirm", action: "confirm", variant: "primary", isDisabled: !isValidated, onClick: function () { return _this.handleOnClose(true); } }, confirmAction)),
|
|
110
|
+
this.state.currentStep !== 0 && (react_1.default.createElement(react_core_1.Button, { key: "back", action: "back", variant: "secondary", onClick: this.handlePreviousModalStep },
|
|
111
|
+
' ',
|
|
112
|
+
"Back",
|
|
113
|
+
' ')),
|
|
114
|
+
react_1.default.createElement(react_core_1.Button, { key: "cancel", action: "cancel", variant: "secondary", onClick: function () { return _this.handleOnClose(false); } }, "Cancel"),
|
|
115
|
+
];
|
|
116
|
+
return (react_1.default.createElement(react_core_1.Modal, __assign({}, props, { onKeyPress: this.handleKeyPress, variant: "large", title: title, className: wizardClasses, isOpen: isOpen, onClose: function () { return _this.handleOnClose(false); }, actions: renderModalActions }), this.props.content[this.state.currentStep]));
|
|
117
|
+
};
|
|
118
|
+
return Wizard;
|
|
119
|
+
}(react_1.Component));
|
|
120
|
+
Wizard.propTypes = {
|
|
121
|
+
isValidated: prop_types_1.default.bool,
|
|
122
|
+
isLarge: prop_types_1.default.bool,
|
|
123
|
+
title: prop_types_1.default.string,
|
|
124
|
+
className: prop_types_1.default.string,
|
|
125
|
+
confirmAction: prop_types_1.default.string,
|
|
126
|
+
isOpen: prop_types_1.default.any,
|
|
127
|
+
content: prop_types_1.default.array,
|
|
128
|
+
onClose: prop_types_1.default.func,
|
|
129
|
+
};
|
|
130
|
+
Wizard.defaultProps = {
|
|
131
|
+
onClose: function (f) { return f; },
|
|
132
|
+
isValidated: true,
|
|
133
|
+
confirmAction: 'Confirm',
|
|
134
|
+
};
|
|
135
|
+
exports.default = Wizard;
|
|
136
|
+
//# sourceMappingURL=Wizard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../src/Wizard/Wizard.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, default as Wizard } from "./Wizard";
|
package/Wizard/index.js
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Wizard = exports.default = void 0;
|
|
7
|
+
var Wizard_1 = require("./Wizard");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Wizard_1).default; } });
|
|
9
|
+
var Wizard_2 = require("./Wizard");
|
|
10
|
+
Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return __importDefault(Wizard_2).default; } });
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Wizard/index.js"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,mCAA6C;AAApC,iHAAA,OAAO,OAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"main":"index.js","module":"../esm/Wizard/index.js","typings":"index.d.ts"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
13
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
14
|
+
if (ar || !(i in from)) {
|
|
15
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
16
|
+
ar[i] = from[i];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
|
+
};
|
|
21
|
+
import React, { useState } from 'react';
|
|
22
|
+
import propTypes from 'prop-types';
|
|
23
|
+
import get from 'lodash/get';
|
|
24
|
+
import { Button, DataList, Modal } from '@patternfly/react-core';
|
|
25
|
+
import { isSelectedColumn, columnShape } from './helpers';
|
|
26
|
+
import ListItem from './ListItem';
|
|
27
|
+
import ModalDescription from './ModalDescrption';
|
|
28
|
+
var ColumnManager = function (_a) {
|
|
29
|
+
var _b = _a.title, title = _b === void 0 ? 'Manage columns' : _b, isOpen = _a.isOpen, columns = _a.columns, _c = _a.saveLabel, saveLabel = _c === void 0 ? 'Save' : _c, onSaveArgument = _a.onSave, _d = _a.closeLabel, closeLabel = _d === void 0 ? 'Cancel' : _d, onCloseProp = _a.onClose, _e = _a.selectAllLabel, selectAllLabel = _e === void 0 ? 'Select All' : _e, _f = _a.selectedColumns, selectedColumnsProp = _f === void 0 ? [] : _f, modalProps = _a.modalProps, _g = _a.selectProp, selectProp = _g === void 0 ? 'key' : _g;
|
|
30
|
+
var _h = useState(selectedColumnsProp), selectedColumns = _h[0], setSelectedColumns = _h[1];
|
|
31
|
+
var selectAllColumns = function () {
|
|
32
|
+
setSelectedColumns(columns.map(function (column) { return get(column, selectProp); }));
|
|
33
|
+
};
|
|
34
|
+
var toggleColumn = function (column) {
|
|
35
|
+
return setSelectedColumns(function (selectedColumns) {
|
|
36
|
+
if (isSelectedColumn(selectedColumns, get(column, selectProp))) {
|
|
37
|
+
return selectedColumns.filter(function (value) { return value !== get(column, selectProp); });
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
return __spreadArray(__spreadArray([], selectedColumns, true), [get(column, selectProp)], false);
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
var onSave = function () { return onSaveArgument === null || onSaveArgument === void 0 ? void 0 : onSaveArgument(selectedColumns); };
|
|
45
|
+
var onClose = function () {
|
|
46
|
+
setSelectedColumns(selectedColumnsProp);
|
|
47
|
+
onCloseProp === null || onCloseProp === void 0 ? void 0 : onCloseProp();
|
|
48
|
+
};
|
|
49
|
+
return (React.createElement(Modal, __assign({ title: title, isOpen: isOpen, variant: "small", onClose: onClose, description: React.createElement(ModalDescription, { selectAllColumns: selectAllColumns, selectAllLabel: selectAllLabel }), actions: [
|
|
50
|
+
React.createElement(Button, { key: "save", variant: "primary", onClick: onSave }, saveLabel),
|
|
51
|
+
React.createElement(Button, { key: "cancel", variant: "secondary", onClick: onClose }, closeLabel),
|
|
52
|
+
] }, modalProps),
|
|
53
|
+
React.createElement(DataList, { "aria-label": "Table column management", id: "table-column-management", isCompact: true }, columns.map(function (column, idx) { return (React.createElement(ListItem, { key: "column-".concat(idx), id: "column-".concat(idx), column: column, isSelected: isSelectedColumn(selectedColumns, get(column, selectProp)), onChange: function () { return toggleColumn(column); }, isDisabled: idx === 0 || column.isRequired })); }))));
|
|
54
|
+
};
|
|
55
|
+
ColumnManager.propTypes = {
|
|
56
|
+
title: propTypes.string,
|
|
57
|
+
columns: propTypes.arrayOf(columnShape),
|
|
58
|
+
selectedColumns: propTypes.array,
|
|
59
|
+
isOpen: propTypes.bool,
|
|
60
|
+
saveLabel: propTypes.node,
|
|
61
|
+
onSave: propTypes.func,
|
|
62
|
+
closeLabel: propTypes.node,
|
|
63
|
+
onClose: propTypes.func,
|
|
64
|
+
selectAllLabel: propTypes.node,
|
|
65
|
+
modalProps: propTypes.object,
|
|
66
|
+
selectProp: propTypes.string,
|
|
67
|
+
};
|
|
68
|
+
export default ColumnManager;
|
|
69
|
+
//# sourceMappingURL=ColumnManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColumnManager.js","sourceRoot":"","sources":["../../src/ColumnManager/ColumnManager.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import propTypes from 'prop-types';
|
|
25
|
+
import { DataListCheck, DataListControl, DataListItem, DataListItemRow, DataListCell, DataListItemCells } from '@patternfly/react-core';
|
|
26
|
+
var ListItem = function (_a) {
|
|
27
|
+
var title = _a.column.title, onChange = _a.onChange, isSelected = _a.isSelected, isDisabled = _a.isDisabled, id = _a.id, dataListCheckProps = _a.dataListCheckProps, dataListCellProps = _a.dataListCellProps, children = _a.children, props = __rest(_a, ["column", "onChange", "isSelected", "isDisabled", "id", "dataListCheckProps", "dataListCellProps", "children"]);
|
|
28
|
+
return (React.createElement(DataListItem, __assign({}, props),
|
|
29
|
+
React.createElement(DataListItemRow, null,
|
|
30
|
+
React.createElement(DataListControl, null,
|
|
31
|
+
React.createElement(DataListCheck, __assign({ checked: isSelected, onChange: onChange, otherControls: true, isDisabled: isDisabled, id: "".concat(id, "-id"), name: "".concat(id, "-id") }, dataListCheckProps))),
|
|
32
|
+
React.createElement(DataListItemCells, { dataListCells: [
|
|
33
|
+
React.createElement(DataListCell, __assign({ key: "".concat(id, "-cell") }, dataListCellProps),
|
|
34
|
+
React.createElement("label", { htmlFor: "".concat(id, "-id") }, title)),
|
|
35
|
+
] })),
|
|
36
|
+
children));
|
|
37
|
+
};
|
|
38
|
+
ListItem.propTypes = {
|
|
39
|
+
id: propTypes.string,
|
|
40
|
+
column: propTypes.object,
|
|
41
|
+
onChange: propTypes.func,
|
|
42
|
+
isSelected: propTypes.bool,
|
|
43
|
+
isDisabled: propTypes.bool,
|
|
44
|
+
dataListCellProps: propTypes.object,
|
|
45
|
+
dataListCheckProps: propTypes.object,
|
|
46
|
+
children: propTypes.node,
|
|
47
|
+
};
|
|
48
|
+
export default ListItem;
|
|
49
|
+
//# sourceMappingURL=ListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/ColumnManager/ListItem.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAExI,IAAM,QAAQ,GAAG,UAAC,EAAsH;IAA1G,IAAA,KAAK,kBAAA,EAAI,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,EAAE,QAAA,EAAE,kBAAkB,wBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApH,+GAAsH,CAAF;IAAO,OAAA,CAC3I,oBAAC,YAAY,eAAK,KAAK;QACrB,oBAAC,eAAe;YACd,oBAAC,eAAe;gBACd,oBAAC,aAAa,aACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,UAAG,EAAE,QAAK,EACd,IAAI,EAAE,UAAG,EAAE,QAAK,IACZ,kBAAkB,EACtB,CACc;YAClB,oBAAC,iBAAiB,IAChB,aAAa,EAAE;oBACb,oBAAC,YAAY,aAAC,GAAG,EAAE,UAAG,EAAE,UAAO,IAAM,iBAAiB;wBACpD,+BAAO,OAAO,EAAE,UAAG,EAAE,QAAK,IAAG,KAAK,CAAS,CAC9B;iBAChB,GACD,CACc;QACjB,QAAQ,CACI,CAChB,CAAA;CAAA,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IACnB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,iBAAiB,EAAE,SAAS,CAAC,MAAM;IACnC,kBAAkB,EAAE,SAAS,CAAC,MAAM;IACpC,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import propTypes from 'prop-types';
|
|
3
|
+
import { Button, Text, TextContent, TextVariants } from '@patternfly/react-core';
|
|
4
|
+
var ModalDescription = function (_a) {
|
|
5
|
+
var selectAllColumns = _a.selectAllColumns, selectAllLabel = _a.selectAllLabel;
|
|
6
|
+
return (React.createElement(TextContent, null,
|
|
7
|
+
React.createElement(Text, { component: TextVariants.p }, "Selected categories will be displayed in the table."),
|
|
8
|
+
React.createElement(Button, { isInline: true, onClick: selectAllColumns, variant: "link" }, selectAllLabel)));
|
|
9
|
+
};
|
|
10
|
+
ModalDescription.propTypes = {
|
|
11
|
+
selectAllColumns: propTypes.func,
|
|
12
|
+
selectAllLabel: propTypes.node,
|
|
13
|
+
};
|
|
14
|
+
export default ModalDescription;
|
|
15
|
+
//# sourceMappingURL=ModalDescrption.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalDescrption.js","sourceRoot":"","sources":["../../src/ColumnManager/ModalDescrption.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEjF,IAAM,gBAAgB,GAAG,UAAC,EAAoC;QAAlC,gBAAgB,sBAAA,EAAE,cAAc,oBAAA;IAAO,OAAA,CACjE,oBAAC,WAAW;QACV,oBAAC,IAAI,IAAC,SAAS,EAAE,YAAY,CAAC,CAAC,0DAA4D;QAC3F,oBAAC,MAAM,IAAC,QAAQ,QAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAC,MAAM,IACvD,cAAc,CACR,CACG,CACf;AAPkE,CAOlE,CAAC;AAEF,gBAAgB,CAAC,SAAS,GAAG;IAC3B,gBAAgB,EAAE,SAAS,CAAC,IAAI;IAChC,cAAc,EAAE,SAAS,CAAC,IAAI;CAC/B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default [
|
|
2
|
+
{
|
|
3
|
+
title: 'ID',
|
|
4
|
+
key: 'id',
|
|
5
|
+
},
|
|
6
|
+
{
|
|
7
|
+
title: 'Another col',
|
|
8
|
+
key: 'name',
|
|
9
|
+
isRequired: true,
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
title: 'Name',
|
|
13
|
+
key: 'name1',
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
title: 'Another Name column without key',
|
|
17
|
+
},
|
|
18
|
+
];
|
|
19
|
+
//# sourceMappingURL=columns.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/ColumnManager/__fixtures__/columns.js"],"names":[],"mappings":"AAAA,eAAe;IACb;QACE,KAAK,EAAE,IAAI;QACX,GAAG,EAAE,IAAI;KACV;IACD;QACE,KAAK,EAAE,aAAa;QACpB,GAAG,EAAE,MAAM;QACX,UAAU,EAAE,IAAI;KACjB;IACD;QACE,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,OAAO;KACb;IACD;QACE,KAAK,EAAE,iCAAiC;KACzC;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../src/ColumnManager/columns.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import propTypes from 'prop-types';
|
|
2
|
+
export var isSelectedColumn = function (selectedColumns, value) { return selectedColumns.includes(value); };
|
|
3
|
+
export var columnShape = propTypes.shape({
|
|
4
|
+
key: propTypes.string.isRequired,
|
|
5
|
+
title: propTypes.string,
|
|
6
|
+
isRequired: propTypes.bool,
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/ColumnManager/helpers.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,eAAe,EAAE,KAAK,IAAK,OAAA,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA/B,CAA+B,CAAC;AAE5F,MAAM,CAAC,IAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC;IACzC,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAChC,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,UAAU,EAAE,SAAS,CAAC,IAAI;CAC3B,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ColumnManager/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import '../InsightsLabel/critical-icon.css';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var CriticalIcon = function () { return (React.createElement("svg", { className: "ins-c-critical-icon", viewBox: "0 0 10 10" },
|
|
4
|
+
React.createElement("polygon", { points: "10 10, 10 3, 5 0, 0 3, 0 10, 5 8" }))); };
|
|
5
|
+
export default CriticalIcon;
|
|
6
|
+
//# sourceMappingURL=CriticalIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CriticalIcon.js","sourceRoot":"","sources":["../../src/InsightsLabel/CriticalIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,IAAM,YAAY,GAAG,cAAM,OAAA,CACzB,6BAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAC,WAAW;IACtD,iCAAS,MAAM,EAAC,kCAAkC,GAAG,CACjD,CACP,EAJ0B,CAI1B,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.pf-c-label {
|
|
2
|
+
--ins-c-label--gold-bg: #fdf7e7;
|
|
3
|
+
--inc-c-label--content-gold: var(--pf-global--palette--gold-700);
|
|
4
|
+
--inc-c-label--icon-gold: #F4C145;
|
|
5
|
+
--inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.ins-c-label-2.pf-c-label {
|
|
9
|
+
background-color: var(--ins-c-label--gold-bg);
|
|
10
|
+
}
|
|
11
|
+
.ins-c-label-2.pf-c-label .pf-c-label__content {
|
|
12
|
+
color: var(--inc-c-label--content-gold);
|
|
13
|
+
}
|
|
14
|
+
.ins-c-label-2.pf-c-label .pf-c-label__content .pf-c-label__icon {
|
|
15
|
+
color: var(--inc-c-label--icon-gold);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ins-c-label-2.pf-c-label .pf-c-label__content::before {
|
|
19
|
+
border: 1px solid var(--inc-c-label--border-gold);
|
|
20
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.pf-c-label {
|
|
2
|
+
--ins-c-label--gold-bg: #fdf7e7;
|
|
3
|
+
--inc-c-label--content-gold: var(--pf-global--palette--gold-700);
|
|
4
|
+
--inc-c-label--icon-gold: #F4C145;
|
|
5
|
+
--inc-c-label--border-gold: var(--pf-global--palette--gold-100)
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.ins-c-label-2.pf-c-label {
|
|
9
|
+
background-color: var(--ins-c-label--gold-bg);
|
|
10
|
+
.pf-c-label__content {
|
|
11
|
+
color: var(--inc-c-label--content-gold);
|
|
12
|
+
.pf-c-label__icon {
|
|
13
|
+
color: var(--inc-c-label--icon-gold);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
.ins-c-label-2.pf-c-label {
|
|
18
|
+
.pf-c-label__content::before {
|
|
19
|
+
border: 1px solid var(--inc-c-label--border-gold);
|
|
20
|
+
}
|
|
21
|
+
}
|
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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import propTypes from 'prop-types';
|
|
3
|
+
import { Bullseye, EmptyState, EmptyStateBody, EmptyStateVariant, Title } from '@patternfly/react-core';
|
|
4
|
+
import EmptyTable from '../EmptyTable';
|
|
5
|
+
export var NoResultsTable = function (_a) {
|
|
6
|
+
var _b = _a.kind, kind = _b === void 0 ? 'results' : _b;
|
|
7
|
+
return (React.createElement(EmptyTable, null,
|
|
8
|
+
React.createElement(Bullseye, null,
|
|
9
|
+
React.createElement(EmptyState, { variant: EmptyStateVariant.full },
|
|
10
|
+
React.createElement(Title, { headingLevel: "h5", size: "lg" },
|
|
11
|
+
"No matching ",
|
|
12
|
+
kind,
|
|
13
|
+
" found"),
|
|
14
|
+
React.createElement(EmptyStateBody, null,
|
|
15
|
+
"This filter criteria matches no ",
|
|
16
|
+
kind,
|
|
17
|
+
".",
|
|
18
|
+
React.createElement("br", null),
|
|
19
|
+
"Try changing your filter settings.")))));
|
|
20
|
+
};
|
|
21
|
+
NoResultsTable.propTypes = {
|
|
22
|
+
kind: propTypes.string,
|
|
23
|
+
};
|
|
24
|
+
export default NoResultsTable;
|
|
25
|
+
//# sourceMappingURL=NoResultsTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NoResultsTable.js","sourceRoot":"","sources":["../../src/TableToolsTable/NoResultsTable.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACxG,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAoB;QAAlB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAAO,OAAA,CACtD,oBAAC,UAAU;QACT,oBAAC,QAAQ;YACP,oBAAC,UAAU,IAAC,OAAO,EAAE,iBAAiB,CAAC,IAAI;gBACzC,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI;;oBACnB,IAAI;6BACX;gBACR,oBAAC,cAAc;;oBACoB,IAAI;;oBAAE,+BAAM;yDAE9B,CACN,CACJ,CACA,CACd;AAduD,CAcvD,CAAC;AAEF,cAAc,CAAC,SAAS,GAAG;IACzB,IAAI,EAAE,SAAS,CAAC,MAAM;CACvB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|