@ansible/ansible-ui-framework 0.0.614 → 0.0.616
Sign up to get free protection for your applications and to get access to all the features.
- package/framework/BulkActionDialog.d.ts +14 -0
- package/framework/BulkConfirmationDialog.d.ts +20 -0
- package/{cjs → framework}/PageActions/PageActions.d.ts +0 -13
- package/{cjs → framework}/PageActions/PageButtonAction.d.ts +0 -1
- package/{cjs → framework}/PageActions/PagePinnedActions.d.ts +0 -4
- package/{cjs → framework}/PageForm/Inputs/FormGroupSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupSelectOption.d.ts +0 -5
- package/{cjs → framework}/PageForm/Inputs/FormGroupTextArea.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupTextInput.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupTypeAheadMultiSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormCheckbox.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormCreatableSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormFileUpload.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormGroup.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormSelectOption.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormTextArea.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormTextInput.d.ts +0 -1
- package/{cjs → framework}/PageForm/PageFormSchema.d.ts +0 -2
- package/framework/PageFramework.d.ts +6 -0
- package/framework/PageHeader.d.ts +22 -0
- package/framework/PageLayout.d.ts +4 -0
- package/{cjs → framework}/PageTable/PageTable.d.ts +2 -17
- package/{cjs → framework}/components/useBreakPoint.d.ts +0 -1
- package/{cjs → framework}/index.d.ts +1 -0
- package/{cjs → framework}/utils/compare.d.ts +3 -3
- package/index.js +16475 -0
- package/index.umd.cjs +165 -0
- package/package.json +16 -15
- package/style.css +1 -0
- package/cjs/BulkActionDialog.d.ts +0 -34
- package/cjs/BulkActionDialog.js +0 -300
- package/cjs/BulkConfirmationDialog.d.ts +0 -36
- package/cjs/BulkConfirmationDialog.js +0 -135
- package/cjs/PageActions/PageAction.js +0 -2
- package/cjs/PageActions/PageActionType.js +0 -12
- package/cjs/PageActions/PageActions.js +0 -69
- package/cjs/PageActions/PageBulkAction.js +0 -35
- package/cjs/PageActions/PageButtonAction.js +0 -41
- package/cjs/PageActions/PageDropdownAction.js +0 -132
- package/cjs/PageActions/PagePinnedActions.js +0 -55
- package/cjs/PageActions/PageSingleAction.js +0 -38
- package/cjs/PageAlertToaster.js +0 -102
- package/cjs/PageAlerts.js +0 -98
- package/cjs/PageBody.js +0 -52
- package/cjs/PageCells/BytesCell.js +0 -16
- package/cjs/PageCells/CapacityCell.js +0 -67
- package/cjs/PageCells/CopyCell.js +0 -25
- package/cjs/PageCells/DateTimeCell.js +0 -66
- package/cjs/PageCells/ElapsedTimeCell.js +0 -48
- package/cjs/PageCells/LabelsCell.js +0 -20
- package/cjs/PageCells/TextCell.js +0 -39
- package/cjs/PageColumnModal.js +0 -131
- package/cjs/PageDashboard/PageChartContainer.js +0 -69
- package/cjs/PageDashboard/PageDashboardCard.js +0 -22
- package/cjs/PageDashboard/PageDashboardChart.js +0 -54
- package/cjs/PageDashboard/PageDonutChart.js +0 -53
- package/cjs/PageDashboard/PageScatterChart.js +0 -5564
- package/cjs/PageDetails/PageDetail.js +0 -28
- package/cjs/PageDetails/PageDetails.js +0 -41
- package/cjs/PageDetails/PageDetailsFromColumns.js +0 -27
- package/cjs/PageDialog.js +0 -28
- package/cjs/PageForm/Inputs/FormGroupSelect.js +0 -60
- package/cjs/PageForm/Inputs/FormGroupSelectOption.js +0 -61
- package/cjs/PageForm/Inputs/FormGroupTextArea.js +0 -53
- package/cjs/PageForm/Inputs/FormGroupTextInput.js +0 -58
- package/cjs/PageForm/Inputs/FormGroupTypeAheadMultiSelect.js +0 -67
- package/cjs/PageForm/Inputs/PageFormCheckbox.js +0 -39
- package/cjs/PageForm/Inputs/PageFormCodeEditor.js +0 -154
- package/cjs/PageForm/Inputs/PageFormCreatableSelect.js +0 -82
- package/cjs/PageForm/Inputs/PageFormFileUpload.js +0 -72
- package/cjs/PageForm/Inputs/PageFormGroup.js +0 -24
- package/cjs/PageForm/Inputs/PageFormMultiInput.js +0 -102
- package/cjs/PageForm/Inputs/PageFormSelect.js +0 -26
- package/cjs/PageForm/Inputs/PageFormSelectOption.js +0 -42
- package/cjs/PageForm/Inputs/PageFormSlider.js +0 -36
- package/cjs/PageForm/Inputs/PageFormSwitch.js +0 -38
- package/cjs/PageForm/Inputs/PageFormTextArea.js +0 -50
- package/cjs/PageForm/Inputs/PageFormTextInput.js +0 -72
- package/cjs/PageForm/Inputs/PageFormTextSelect.js +0 -40
- package/cjs/PageForm/PageForm.js +0 -146
- package/cjs/PageForm/PageFormAlerts.js +0 -32
- package/cjs/PageForm/PageFormButtons.js +0 -28
- package/cjs/PageForm/PageFormInputPopover.js +0 -2
- package/cjs/PageForm/PageFormSchema.js +0 -138
- package/cjs/PageForm/Utils/PageFormHidden.js +0 -13
- package/cjs/PageForm/Utils/PageFormSection.js +0 -20
- package/cjs/PageForm/Utils/PageFormWatch.js +0 -10
- package/cjs/PageFramework.css +0 -27
- package/cjs/PageFramework.d.ts +0 -12
- package/cjs/PageFramework.js +0 -31
- package/cjs/PageHeader.d.ts +0 -45
- package/cjs/PageHeader.js +0 -111
- package/cjs/PageLayout.d.ts +0 -17
- package/cjs/PageLayout.js +0 -60
- package/cjs/PageTable/PagePagination.js +0 -28
- package/cjs/PageTable/PageTable.js +0 -266
- package/cjs/PageTable/PageTableCard.js +0 -161
- package/cjs/PageTable/PageTableCards.js +0 -38
- package/cjs/PageTable/PageTableList.js +0 -153
- package/cjs/PageTable/PageTableViewType.js +0 -9
- package/cjs/PageTable/PageToolbar.css +0 -7
- package/cjs/PageTable/PageToolbar.js +0 -228
- package/cjs/PageTable/useTableItems.js +0 -507
- package/cjs/PageTabs.js +0 -86
- package/cjs/Settings.js +0 -125
- package/cjs/components/BulkSelector.js +0 -91
- package/cjs/components/Collapse.css +0 -12
- package/cjs/components/Collapse.js +0 -23
- package/cjs/components/DetailInfo.js +0 -21
- package/cjs/components/Dotted.js +0 -19
- package/cjs/components/DropdownControlled.js +0 -28
- package/cjs/components/EmptyStateCustom.js +0 -21
- package/cjs/components/EmptyStateFilter.js +0 -26
- package/cjs/components/EmptyStateNoData.js +0 -11
- package/cjs/components/EmptyStateUnauthorized.js +0 -13
- package/cjs/components/ErrorBoundary.js +0 -45
- package/cjs/components/Help.js +0 -24
- package/cjs/components/IconWrapper.js +0 -53
- package/cjs/components/LoadingPage.js +0 -25
- package/cjs/components/LoadingState.js +0 -20
- package/cjs/components/Masonry.js +0 -113
- package/cjs/components/PageGrid.js +0 -61
- package/cjs/components/Scrollable.js +0 -87
- package/cjs/components/StandardPopover.js +0 -64
- package/cjs/components/icons/RunningIcon.js +0 -36
- package/cjs/components/pfcolors.js +0 -54
- package/cjs/components/useBreakPoint.js +0 -145
- package/cjs/components/useIsMounted.js +0 -28
- package/cjs/components/useOpen.js +0 -36
- package/cjs/components/usePageNavigate.js +0 -37
- package/cjs/components/useSearchParams.js +0 -20
- package/cjs/components/useWindowLocation.js +0 -49
- package/cjs/index.js +0 -67
- package/cjs/useFrameworkTranslations.js +0 -52
- package/cjs/useInMemoryView.js +0 -102
- package/cjs/useSelectDialog.js +0 -96
- package/cjs/useSelectMultipleDialog.js +0 -62
- package/cjs/useView.js +0 -155
- package/cjs/utils/capitalize.js +0 -7
- package/cjs/utils/compare.js +0 -59
- package/cjs/utils/download-file.js +0 -23
- package/cjs/utils/formatDateString.js +0 -11
- package/cjs/utils/random-string.js +0 -17
- /package/{cjs → framework}/PageActions/PageAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageActionType.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageBulkAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageDropdownAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageSingleAction.d.ts +0 -0
- /package/{cjs → framework}/PageAlertToaster.d.ts +0 -0
- /package/{cjs → framework}/PageAlerts.d.ts +0 -0
- /package/{cjs → framework}/PageBody.d.ts +0 -0
- /package/{cjs → framework}/PageCells/BytesCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/CapacityCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/CopyCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/DateTimeCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/ElapsedTimeCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/LabelsCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/TextCell.d.ts +0 -0
- /package/{cjs → framework}/PageColumnModal.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageChartContainer.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDashboardCard.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDashboardChart.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDonutChart.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageScatterChart.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetail.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetails.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetailsFromColumns.d.ts +0 -0
- /package/{cjs → framework}/PageDialog.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormCodeEditor.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormMultiInput.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormSlider.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormSwitch.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormTextSelect.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageForm.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormAlerts.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormButtons.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormInputPopover.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormHidden.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormSection.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormWatch.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PagePagination.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableCard.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableCards.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableList.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableViewType.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageToolbar.d.ts +0 -0
- /package/{cjs → framework}/PageTable/useTableItems.d.ts +0 -0
- /package/{cjs → framework}/PageTabs.d.ts +0 -0
- /package/{cjs → framework}/Settings.d.ts +0 -0
- /package/{cjs → framework}/components/BulkSelector.d.ts +0 -0
- /package/{cjs → framework}/components/Collapse.d.ts +0 -0
- /package/{cjs → framework}/components/DetailInfo.d.ts +0 -0
- /package/{cjs → framework}/components/Dotted.d.ts +0 -0
- /package/{cjs → framework}/components/DropdownControlled.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateCustom.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateFilter.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateNoData.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateUnauthorized.d.ts +0 -0
- /package/{cjs → framework}/components/ErrorBoundary.d.ts +0 -0
- /package/{cjs → framework}/components/Help.d.ts +0 -0
- /package/{cjs → framework}/components/IconWrapper.d.ts +0 -0
- /package/{cjs → framework}/components/LoadingPage.d.ts +0 -0
- /package/{cjs → framework}/components/LoadingState.d.ts +0 -0
- /package/{cjs → framework}/components/Masonry.d.ts +0 -0
- /package/{cjs → framework}/components/PageGrid.d.ts +0 -0
- /package/{cjs → framework}/components/Scrollable.d.ts +0 -0
- /package/{cjs → framework}/components/StandardPopover.d.ts +0 -0
- /package/{cjs → framework}/components/icons/RunningIcon.d.ts +0 -0
- /package/{cjs → framework}/components/pfcolors.d.ts +0 -0
- /package/{cjs → framework}/components/useIsMounted.d.ts +0 -0
- /package/{cjs → framework}/components/useOpen.d.ts +0 -0
- /package/{cjs → framework}/components/usePageNavigate.d.ts +0 -0
- /package/{cjs → framework}/components/useSearchParams.d.ts +0 -0
- /package/{cjs → framework}/components/useWindowLocation.d.ts +0 -0
- /package/{cjs → framework}/useFrameworkTranslations.d.ts +0 -0
- /package/{cjs → framework}/useInMemoryView.d.ts +0 -0
- /package/{cjs → framework}/useSelectDialog.d.ts +0 -0
- /package/{cjs → framework}/useSelectMultipleDialog.d.ts +0 -0
- /package/{cjs → framework}/useView.d.ts +0 -0
- /package/{cjs → framework}/utils/capitalize.d.ts +0 -0
- /package/{cjs → framework}/utils/download-file.d.ts +0 -0
- /package/{cjs → framework}/utils/formatDateString.d.ts +0 -0
- /package/{cjs → framework}/utils/random-string.d.ts +0 -0
package/cjs/Settings.js
DELETED
@@ -1,125 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
30
|
-
exports.SettingsDialog = exports.useSettingsDialog = exports.SettingsProvider = exports.useSettings = exports.SettingsContext = void 0;
|
31
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
32
|
-
/* eslint-disable i18next/no-literal-string */
|
33
|
-
var react_core_1 = require("@patternfly/react-core");
|
34
|
-
var react_1 = require("react");
|
35
|
-
var PageDialog_1 = require("./PageDialog");
|
36
|
-
var FormGroupSelect_1 = require("./PageForm/Inputs/FormGroupSelect");
|
37
|
-
var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
|
38
|
-
exports.SettingsContext = (0, react_1.createContext)([
|
39
|
-
{},
|
40
|
-
function () { return null; },
|
41
|
-
]);
|
42
|
-
function useSettings() {
|
43
|
-
var _a = __read((0, react_1.useContext)(exports.SettingsContext), 1), settings = _a[0];
|
44
|
-
return settings;
|
45
|
-
}
|
46
|
-
exports.useSettings = useSettings;
|
47
|
-
function SettingsProvider(props) {
|
48
|
-
var _a = __read((0, react_1.useState)(function () {
|
49
|
-
var theme = localStorage.getItem('theme');
|
50
|
-
var activeTheme = theme !== 'dark' && theme !== 'light'
|
51
|
-
? window.matchMedia('(prefers-color-scheme: dark)').matches
|
52
|
-
? 'dark'
|
53
|
-
: 'light'
|
54
|
-
: theme;
|
55
|
-
var settings = {
|
56
|
-
theme: theme,
|
57
|
-
activeTheme: activeTheme,
|
58
|
-
tableLayout: localStorage.getItem('tableLayout'),
|
59
|
-
formColumns: localStorage.getItem('formColumns'),
|
60
|
-
formLayout: localStorage.getItem('formLayout'),
|
61
|
-
};
|
62
|
-
if (activeTheme === 'dark') {
|
63
|
-
document.documentElement.classList.add('pf-theme-dark');
|
64
|
-
}
|
65
|
-
else {
|
66
|
-
document.documentElement.classList.remove('pf-theme-dark');
|
67
|
-
}
|
68
|
-
return settings;
|
69
|
-
}), 2), settings = _a[0], setSettingsState = _a[1];
|
70
|
-
var setSettings = (0, react_1.useCallback)(function (settings) {
|
71
|
-
var _a, _b, _c, _d;
|
72
|
-
localStorage.setItem('theme', (_a = settings.theme) !== null && _a !== void 0 ? _a : 'system');
|
73
|
-
localStorage.setItem('tableLayout', (_b = settings.tableLayout) !== null && _b !== void 0 ? _b : 'comfortable');
|
74
|
-
localStorage.setItem('formColumns', (_c = settings.formColumns) !== null && _c !== void 0 ? _c : 'multiple');
|
75
|
-
localStorage.setItem('formLayout', (_d = settings.formLayout) !== null && _d !== void 0 ? _d : 'vertical');
|
76
|
-
var activeTheme = settings.theme !== 'light' && settings.theme !== 'dark'
|
77
|
-
? window.matchMedia('(prefers-color-scheme: dark)').matches
|
78
|
-
? 'dark'
|
79
|
-
: 'light'
|
80
|
-
: settings.theme;
|
81
|
-
settings.activeTheme = activeTheme;
|
82
|
-
setSettingsState(settings);
|
83
|
-
if (activeTheme === 'dark') {
|
84
|
-
document.documentElement.classList.add('pf-theme-dark');
|
85
|
-
}
|
86
|
-
else {
|
87
|
-
document.documentElement.classList.remove('pf-theme-dark');
|
88
|
-
}
|
89
|
-
}, []);
|
90
|
-
return ((0, jsx_runtime_1.jsx)(exports.SettingsContext.Provider, __assign({ value: [settings, setSettings] }, { children: props.children })));
|
91
|
-
}
|
92
|
-
exports.SettingsProvider = SettingsProvider;
|
93
|
-
function useSettingsDialog(t) {
|
94
|
-
var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
|
95
|
-
var openSetting = (0, react_1.useCallback)(function () { return setOpen(true); }, []);
|
96
|
-
var _b = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _b[0], setDialog = _b[1];
|
97
|
-
(0, react_1.useEffect)(function () {
|
98
|
-
if (open) {
|
99
|
-
setDialog((0, jsx_runtime_1.jsx)(SettingsDialog, { open: open, setOpen: setOpen }));
|
100
|
-
}
|
101
|
-
else {
|
102
|
-
setDialog(undefined);
|
103
|
-
}
|
104
|
-
}, [open, setDialog, t]);
|
105
|
-
return openSetting;
|
106
|
-
}
|
107
|
-
exports.useSettingsDialog = useSettingsDialog;
|
108
|
-
function SettingsDialog(props) {
|
109
|
-
var _a, _b, _c, _d;
|
110
|
-
var onClose = function () { return props.setOpen(false); };
|
111
|
-
var _e = __read((0, react_1.useContext)(exports.SettingsContext), 2), settings = _e[0], setSettings = _e[1];
|
112
|
-
var _f = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _f[0];
|
113
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Modal, __assign({ title: "Settings", isOpen: props.open, onClose: onClose, variant: react_core_1.ModalVariant.medium, tabIndex: 0, actions: [
|
114
|
-
(0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "primary", onClick: onClose }, { children: translations.closeText }), "close"),
|
115
|
-
], hasNoBodyWrapper: true }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { padding: 'var(--pf-global--spacer--lg)' } }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Form, __assign({ isHorizontal: settings.formLayout === 'horizontal' }, { children: [(0, jsx_runtime_1.jsxs)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "theme", label: "Theme", value: (_a = settings.theme) !== null && _a !== void 0 ? _a : 'system', onSelect: function (_, theme) {
|
116
|
-
return setSettings(__assign(__assign({}, settings), { theme: theme }));
|
117
|
-
}, placeholderText: "Select theme" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "system" }, { children: 'System default' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "light" }, { children: 'Light' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "dark" }, { children: 'Dark' }))] })), (0, jsx_runtime_1.jsxs)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "table-layout", label: "Table Layout", value: (_b = settings.tableLayout) !== null && _b !== void 0 ? _b : 'comfortable', onSelect: function (_, tableLayout) {
|
118
|
-
return setSettings(__assign(__assign({}, settings), { tableLayout: tableLayout }));
|
119
|
-
}, placeholderText: "Select table layout" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "comfortable" }, { children: 'Comfortable' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "compact" }, { children: 'Compact' }))] })), (0, jsx_runtime_1.jsxs)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "form-columns", label: "Form Columns", value: (_c = settings.formColumns) !== null && _c !== void 0 ? _c : 'multiple', onSelect: function (_, formColumns) {
|
120
|
-
return setSettings(__assign(__assign({}, settings), { formColumns: formColumns }));
|
121
|
-
}, placeholderText: "Select form columns" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "multiple" }, { children: 'Multiple columns' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "single" }, { children: 'Single column' }))] })), (0, jsx_runtime_1.jsxs)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "form-layout", label: "Form Layout", value: (_d = settings.formLayout) !== null && _d !== void 0 ? _d : 'vertical', onSelect: function (_, formLayout) {
|
122
|
-
return setSettings(__assign(__assign({}, settings), { formLayout: formLayout }));
|
123
|
-
}, placeholderText: "Select form layout" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "vertical" }, { children: 'Vertical labels' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "horizontal" }, { children: 'Horizontal labels' }))] }))] })) })) })));
|
124
|
-
}
|
125
|
-
exports.SettingsDialog = SettingsDialog;
|
@@ -1,91 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
30
|
-
exports.BulkSelector = void 0;
|
31
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
32
|
-
var react_core_1 = require("@patternfly/react-core");
|
33
|
-
var react_1 = require("react");
|
34
|
-
var useFrameworkTranslations_1 = require("../useFrameworkTranslations");
|
35
|
-
var useBreakPoint_1 = require("./useBreakPoint");
|
36
|
-
function BulkSelector(props) {
|
37
|
-
var _a = __read((0, react_1.useState)(false), 2), isOpen = _a[0], setIsOpen = _a[1];
|
38
|
-
var isSmallOrLarger = (0, useBreakPoint_1.useBreakpoint)('sm');
|
39
|
-
var _b = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _b[0];
|
40
|
-
var pageItems = props.pageItems, selectedItems = props.selectedItems, selectItems = props.selectItems, unselectAll = props.unselectAll;
|
41
|
-
var allPageItemsSelected = props.itemCount !== undefined &&
|
42
|
-
props.itemCount > 0 &&
|
43
|
-
pageItems &&
|
44
|
-
pageItems.length > 0 &&
|
45
|
-
(pageItems !== null && pageItems !== void 0 ? pageItems : []).every(function (item) { return selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.includes(item); });
|
46
|
-
var onToggleCheckbox = (0, react_1.useCallback)(function () {
|
47
|
-
if (allPageItemsSelected) {
|
48
|
-
unselectAll === null || unselectAll === void 0 ? void 0 : unselectAll();
|
49
|
-
}
|
50
|
-
else {
|
51
|
-
selectItems === null || selectItems === void 0 ? void 0 : selectItems(pageItems !== null && pageItems !== void 0 ? pageItems : []);
|
52
|
-
}
|
53
|
-
}, [allPageItemsSelected, unselectAll, selectItems, pageItems]);
|
54
|
-
var toggleText = (0, react_1.useMemo)(function () {
|
55
|
-
if (isSmallOrLarger) {
|
56
|
-
if (selectedItems && selectedItems.length > 0) {
|
57
|
-
return "".concat(selectedItems.length, " selected");
|
58
|
-
}
|
59
|
-
return '';
|
60
|
-
}
|
61
|
-
else {
|
62
|
-
if (selectedItems && selectedItems.length > 0) {
|
63
|
-
return "".concat(selectedItems.length);
|
64
|
-
}
|
65
|
-
return '';
|
66
|
-
}
|
67
|
-
}, [isSmallOrLarger, selectedItems]);
|
68
|
-
var toggle = (0, react_1.useMemo)(function () {
|
69
|
-
var selectedCount = selectedItems ? selectedItems.length : 0;
|
70
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownToggle, { splitButtonItems: [
|
71
|
-
(0, jsx_runtime_1.jsx)(react_core_1.DropdownToggleCheckbox, __assign({ id: "select-all", "aria-label": "Select all", isChecked: allPageItemsSelected ? true : selectedCount > 0 ? null : false, onChange: onToggleCheckbox }, { children: toggleText }), "select-all"),
|
72
|
-
], onToggle: function (isOpen) { return setIsOpen(isOpen); } }));
|
73
|
-
}, [selectedItems, allPageItemsSelected, onToggleCheckbox, toggleText]);
|
74
|
-
var selectNoneDropdownItem = (0, react_1.useMemo)(function () {
|
75
|
-
var _a;
|
76
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ id: "select-none", onClick: function () {
|
77
|
-
unselectAll === null || unselectAll === void 0 ? void 0 : unselectAll();
|
78
|
-
setIsOpen(false);
|
79
|
-
} }, { children: (_a = props.selectNoneText) !== null && _a !== void 0 ? _a : translations.selectNone }), "select-none"));
|
80
|
-
}, [props.selectNoneText, translations.selectNone, unselectAll]);
|
81
|
-
var selectPageDropdownItem = (0, react_1.useMemo)(function () {
|
82
|
-
var _a;
|
83
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ id: "select-page", onClick: function () {
|
84
|
-
selectItems === null || selectItems === void 0 ? void 0 : selectItems(pageItems !== null && pageItems !== void 0 ? pageItems : []);
|
85
|
-
setIsOpen(false);
|
86
|
-
} }, { children: "Select ".concat((_a = pageItems === null || pageItems === void 0 ? void 0 : pageItems.length) !== null && _a !== void 0 ? _a : 0, " page items") }), "select-page"));
|
87
|
-
}, [selectItems, pageItems]);
|
88
|
-
var dropdownItems = (0, react_1.useMemo)(function () { return [selectNoneDropdownItem, selectPageDropdownItem]; }, [selectNoneDropdownItem, selectPageDropdownItem]);
|
89
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { isOpen: isOpen, toggle: toggle, dropdownItems: dropdownItems, style: { zIndex: 302 } }));
|
90
|
-
}
|
91
|
-
exports.BulkSelector = BulkSelector;
|
@@ -1,23 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.Collapse = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
require("./Collapse.css");
|
17
|
-
function Collapse(props) {
|
18
|
-
var className = 'collapsed';
|
19
|
-
if (props.open)
|
20
|
-
className += ' expanded';
|
21
|
-
return (0, jsx_runtime_1.jsx)("div", __assign({ className: className }, { children: props.children }));
|
22
|
-
}
|
23
|
-
exports.Collapse = Collapse;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.DetailInfo = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
function DetailInfo(props) {
|
18
|
-
var title = props.title, description = props.description;
|
19
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ variant: "light" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Alert, __assign({ isInline: true, isPlain: true, variant: "info", title: title }, { children: description && (0, jsx_runtime_1.jsx)("p", { children: description }) })) })));
|
20
|
-
}
|
21
|
-
exports.DetailInfo = DetailInfo;
|
package/cjs/components/Dotted.js
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.Dotted = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
function Dotted(props) {
|
17
|
-
return (0, jsx_runtime_1.jsx)("span", __assign({ style: { textDecoration: 'underline dotted' } }, { children: props.children }));
|
18
|
-
}
|
19
|
-
exports.Dotted = Dotted;
|
@@ -1,28 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __read = (this && this.__read) || function (o, n) {
|
3
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
4
|
-
if (!m) return o;
|
5
|
-
var i = m.call(o), r, ar = [], e;
|
6
|
-
try {
|
7
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
8
|
-
}
|
9
|
-
catch (error) { e = { error: error }; }
|
10
|
-
finally {
|
11
|
-
try {
|
12
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
13
|
-
}
|
14
|
-
finally { if (e) throw e.error; }
|
15
|
-
}
|
16
|
-
return ar;
|
17
|
-
};
|
18
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
19
|
-
exports.DropdownControlled = void 0;
|
20
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
21
|
-
var react_core_1 = require("@patternfly/react-core");
|
22
|
-
var react_1 = require("react");
|
23
|
-
function DropdownControlled(props) {
|
24
|
-
var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
|
25
|
-
var onToggle = (0, react_1.useCallback)(function () { return setOpen(function (open) { return !open; }); }, []);
|
26
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { toggle: (0, jsx_runtime_1.jsx)(react_core_1.KebabToggle, { onToggle: onToggle }), isOpen: open, isPlain: true, dropdownItems: props.items }));
|
27
|
-
}
|
28
|
-
exports.DropdownControlled = DropdownControlled;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.EmptyStateCustom = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
function EmptyStateCustom(props) {
|
18
|
-
var title = props.title, description = props.description, icon = props.icon, button = props.button;
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(react_core_1.EmptyState, __assign({ variant: react_core_1.EmptyStateVariant.small }, { children: [icon && (0, jsx_runtime_1.jsx)(react_core_1.EmptyStateIcon, { icon: icon }), (0, jsx_runtime_1.jsx)(react_core_1.Title, __assign({ headingLevel: "h4", size: "lg" }, { children: title })), (0, jsx_runtime_1.jsx)(react_core_1.EmptyStateBody, { children: description }), button && (0, jsx_runtime_1.jsx)(react_core_1.EmptyStatePrimary, { children: button })] })));
|
20
|
-
}
|
21
|
-
exports.EmptyStateCustom = EmptyStateCustom;
|
@@ -1,26 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.EmptyStateFilter = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var react_icons_1 = require("@patternfly/react-icons");
|
18
|
-
var EmptyStateCustom_1 = require("./EmptyStateCustom");
|
19
|
-
function EmptyStateFilter(props) {
|
20
|
-
var button = props.button, clearAllFilters = props.clearAllFilters, description = props.description, title = props.title;
|
21
|
-
var defaultButton = 'Clear all filters';
|
22
|
-
var defaultDescription = 'No results match the filter criteria. Try changing your filter settings.';
|
23
|
-
var defaultTitle = 'No results found';
|
24
|
-
return ((0, jsx_runtime_1.jsx)(EmptyStateCustom_1.EmptyStateCustom, { title: title || defaultTitle, description: description || defaultDescription, icon: react_icons_1.SearchIcon, button: clearAllFilters ? ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ onClick: clearAllFilters, variant: "link" }, { children: button || defaultButton }))) : undefined }));
|
25
|
-
}
|
26
|
-
exports.EmptyStateFilter = EmptyStateFilter;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.EmptyStateNoData = void 0;
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
var react_icons_1 = require("@patternfly/react-icons");
|
6
|
-
var EmptyStateCustom_1 = require("./EmptyStateCustom");
|
7
|
-
function EmptyStateNoData(props) {
|
8
|
-
var button = props.button, description = props.description, title = props.title;
|
9
|
-
return ((0, jsx_runtime_1.jsx)(EmptyStateCustom_1.EmptyStateCustom, { icon: button ? react_icons_1.PlusCircleIcon : react_icons_1.CubesIcon, title: title, description: description, button: button }));
|
10
|
-
}
|
11
|
-
exports.EmptyStateNoData = EmptyStateNoData;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.EmptyStateUnauthorized = void 0;
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
var react_icons_1 = require("@patternfly/react-icons");
|
6
|
-
var EmptyStateCustom_1 = require("./EmptyStateCustom");
|
7
|
-
function EmptyStateUnauthorized(props) {
|
8
|
-
var defaultAdminMessage = 'Contact your organization administrator for more information.';
|
9
|
-
var defaultTitle = 'You do not have access';
|
10
|
-
var adminMessage = props.adminMessage, loginLink = props.loginLink, title = props.title;
|
11
|
-
return ((0, jsx_runtime_1.jsx)(EmptyStateCustom_1.EmptyStateCustom, { icon: react_icons_1.LockIcon, title: title || defaultTitle, description: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [adminMessage || defaultAdminMessage, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), loginLink] }) }));
|
12
|
-
}
|
13
|
-
exports.EmptyStateUnauthorized = EmptyStateUnauthorized;
|
@@ -1,45 +0,0 @@
|
|
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
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
19
|
-
var react_1 = require("react");
|
20
|
-
var ErrorBoundary = /** @class */ (function (_super) {
|
21
|
-
__extends(ErrorBoundary, _super);
|
22
|
-
function ErrorBoundary() {
|
23
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
24
|
-
_this.state = {
|
25
|
-
hasError: false,
|
26
|
-
};
|
27
|
-
return _this;
|
28
|
-
}
|
29
|
-
ErrorBoundary.getDerivedStateFromError = function (_) {
|
30
|
-
// Update state so the next render will show the fallback UI.
|
31
|
-
return { hasError: true };
|
32
|
-
};
|
33
|
-
ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
|
34
|
-
// eslint-disable-next-line no-console
|
35
|
-
console.error('Uncaught error:', error, errorInfo);
|
36
|
-
};
|
37
|
-
ErrorBoundary.prototype.render = function () {
|
38
|
-
if (this.state.hasError) {
|
39
|
-
return (0, jsx_runtime_1.jsx)("h1", { children: this.props.message });
|
40
|
-
}
|
41
|
-
return this.props.children;
|
42
|
-
};
|
43
|
-
return ErrorBoundary;
|
44
|
-
}(react_1.Component));
|
45
|
-
exports.default = ErrorBoundary;
|
package/cjs/components/Help.js
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.Help = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var react_icons_1 = require("@patternfly/react-icons");
|
18
|
-
function Help(props) {
|
19
|
-
var help = props.help, title = props.title;
|
20
|
-
if (!help)
|
21
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
22
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Popover, __assign({ headerContent: title, bodyContent: help, removeFindDomNode: true }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "plain", style: { padding: 0, marginLeft: '8px', verticalAlign: 'middle' } }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.OutlinedQuestionCircleIcon, {}) })) })));
|
23
|
-
}
|
24
|
-
exports.Help = Help;
|
@@ -1,53 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.IconWrapper = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_1 = require("react");
|
17
|
-
var pfcolors_1 = require("./pfcolors");
|
18
|
-
function IconWrapper(props) {
|
19
|
-
var newProps = {};
|
20
|
-
if (props.color) {
|
21
|
-
newProps.color = (0, pfcolors_1.getPatternflyColor)(props.color);
|
22
|
-
}
|
23
|
-
if (props.size) {
|
24
|
-
newProps.size = props.size;
|
25
|
-
}
|
26
|
-
var paddingRight = 0;
|
27
|
-
if (props.padRight) {
|
28
|
-
switch (props.size) {
|
29
|
-
case 'sm':
|
30
|
-
paddingRight = 4;
|
31
|
-
break;
|
32
|
-
case 'md':
|
33
|
-
paddingRight = 6;
|
34
|
-
break;
|
35
|
-
case 'lg':
|
36
|
-
paddingRight = 8;
|
37
|
-
break;
|
38
|
-
case 'xl':
|
39
|
-
paddingRight = 12;
|
40
|
-
break;
|
41
|
-
}
|
42
|
-
}
|
43
|
-
var newChildren = react_1.Children.toArray(props.children).map(function (child) {
|
44
|
-
if ((0, react_1.isValidElement)(child)) {
|
45
|
-
return (0, react_1.cloneElement)(child, newProps);
|
46
|
-
}
|
47
|
-
else {
|
48
|
-
return child;
|
49
|
-
}
|
50
|
-
});
|
51
|
-
return (0, jsx_runtime_1.jsx)("div", __assign({ style: { paddingRight: paddingRight } }, { children: newChildren }));
|
52
|
-
}
|
53
|
-
exports.IconWrapper = IconWrapper;
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.LoadingPage = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var react_1 = require("react");
|
18
|
-
var PageHeader_1 = require("../PageHeader");
|
19
|
-
function LoadingPage(props) {
|
20
|
-
var _a;
|
21
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { breadcrumbs: props.breadcrumbs, title: (_a = props.title) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsx)(react_core_1.Skeleton, { width: "200px" })) }), (0, jsx_runtime_1.jsx)(react_core_1.PageSection
|
22
|
-
// variant={theme === ThemeE.Dark ? undefined : 'light'}
|
23
|
-
, { children: (0, jsx_runtime_1.jsx)(react_core_1.Bullseye, __assign({ style: { paddingTop: 32 } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Spinner, {}) })) })] }));
|
24
|
-
}
|
25
|
-
exports.LoadingPage = LoadingPage;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.LoadingState = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
function LoadingState() {
|
18
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ isFilled: true, variant: "light" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Bullseye, { children: (0, jsx_runtime_1.jsx)(react_core_1.Spinner, {}) }) })));
|
19
|
-
}
|
20
|
-
exports.LoadingState = LoadingState;
|