@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
@@ -1,28 +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.PageDetail = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var StandardPopover_1 = require("../components/StandardPopover");
|
18
|
-
function PageDetail(props) {
|
19
|
-
var label = props.label, children = props.children, helpText = props.helpText, isEmpty = props.isEmpty;
|
20
|
-
if (children === null || typeof children === 'undefined' || children === '') {
|
21
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
22
|
-
}
|
23
|
-
if (isEmpty) {
|
24
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
25
|
-
}
|
26
|
-
return ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListGroup, { children: [label && ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListTerm, { children: [label, helpText ? (0, jsx_runtime_1.jsx)(StandardPopover_1.StandardPopover, { header: label, content: helpText }) : null] })), (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, __assign({ id: label === null || label === void 0 ? void 0 : label.toLowerCase().split(' ').join('-') }, { children: children }))] }));
|
27
|
-
}
|
28
|
-
exports.PageDetail = PageDetail;
|
@@ -1,41 +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.PageDetails = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var Settings_1 = require("../Settings");
|
18
|
-
function PageDetails(props) {
|
19
|
-
var disablePadding = props.disablePadding;
|
20
|
-
var settings = (0, Settings_1.useSettings)();
|
21
|
-
var orientation = settings.formLayout;
|
22
|
-
var columns = settings.formColumns;
|
23
|
-
var isCompact = false;
|
24
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ variant: "light", padding: { default: 'noPadding' }, className: "dark-1" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DescriptionList, __assign({ orientation: {
|
25
|
-
sm: orientation,
|
26
|
-
md: orientation,
|
27
|
-
lg: orientation,
|
28
|
-
xl: orientation,
|
29
|
-
'2xl': orientation,
|
30
|
-
}, columnModifier: columns === 'multiple'
|
31
|
-
? {
|
32
|
-
default: '1Col',
|
33
|
-
sm: '1Col',
|
34
|
-
md: '2Col',
|
35
|
-
lg: '2Col',
|
36
|
-
xl: '3Col',
|
37
|
-
'2xl': '3Col',
|
38
|
-
}
|
39
|
-
: undefined, style: { maxWidth: 1200, padding: disablePadding ? undefined : 24 }, isCompact: isCompact }, { children: props.children })) })));
|
40
|
-
}
|
41
|
-
exports.PageDetails = PageDetails;
|
@@ -1,27 +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.PageDetailsFromColumns = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
17
|
-
/* eslint-disable @typescript-eslint/no-empty-function */
|
18
|
-
var PageTable_1 = require("../PageTable/PageTable");
|
19
|
-
var PageDetail_1 = require("./PageDetail");
|
20
|
-
var PageDetails_1 = require("./PageDetails");
|
21
|
-
function PageDetailsFromColumns(props) {
|
22
|
-
var item = props.item, columns = props.columns;
|
23
|
-
if (!item)
|
24
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
25
|
-
return ((0, jsx_runtime_1.jsx)(PageDetails_1.PageDetails, { children: columns.map(function (column) { return ((0, jsx_runtime_1.jsx)(PageDetail_1.PageDetail, __assign({ label: column.header }, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: column, item: item }) }), column.id)); }) }));
|
26
|
-
}
|
27
|
-
exports.PageDetailsFromColumns = PageDetailsFromColumns;
|
package/cjs/PageDialog.js
DELETED
@@ -1,28 +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.usePageDialog = exports.PageDialogProvider = exports.SetDialogContext = exports.DialogContext = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_1 = require("react");
|
17
|
-
exports.DialogContext = (0, react_1.createContext)(undefined);
|
18
|
-
exports.SetDialogContext = (0, react_1.createContext)(function () { return null; });
|
19
|
-
var PageDialogContext = (0, react_1.createContext)([undefined, function () { return alert('Use PageDialogProvider'); }]);
|
20
|
-
function PageDialogProvider(props) {
|
21
|
-
var state = (0, react_1.useState)();
|
22
|
-
return ((0, jsx_runtime_1.jsxs)(PageDialogContext.Provider, __assign({ value: state }, { children: [state[0] !== undefined && state[0], props.children] })));
|
23
|
-
}
|
24
|
-
exports.PageDialogProvider = PageDialogProvider;
|
25
|
-
function usePageDialog() {
|
26
|
-
return (0, react_1.useContext)(PageDialogContext);
|
27
|
-
}
|
28
|
-
exports.usePageDialog = usePageDialog;
|
@@ -1,60 +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 __rest = (this && this.__rest) || function (s, e) {
|
14
|
-
var t = {};
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
-
t[p] = s[p];
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
-
t[p[i]] = s[p[i]];
|
21
|
-
}
|
22
|
-
return t;
|
23
|
-
};
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
26
|
-
if (!m) return o;
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
28
|
-
try {
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
30
|
-
}
|
31
|
-
catch (error) { e = { error: error }; }
|
32
|
-
finally {
|
33
|
-
try {
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
35
|
-
}
|
36
|
-
finally { if (e) throw e.error; }
|
37
|
-
}
|
38
|
-
return ar;
|
39
|
-
};
|
40
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
41
|
-
exports.FormGroupSelect = void 0;
|
42
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
43
|
-
var react_core_1 = require("@patternfly/react-core");
|
44
|
-
var react_1 = require("react");
|
45
|
-
var PageFormGroup_1 = require("./PageFormGroup");
|
46
|
-
/** A PatternFly FormGroup with a PatternFly Select */
|
47
|
-
function FormGroupSelect(props) {
|
48
|
-
var value = props.value, onSelect = props.onSelect, children = props.children, helperTextInvalid = props.helperTextInvalid, labelHelpTitle = props.labelHelpTitle, labelHelp = props.labelHelp, helperText = props.helperText, isRequired = props.isRequired, isReadOnly = props.isReadOnly, additionalControls = props.additionalControls, placeholderText = props.placeholderText, selectProps = __rest(props, ["value", "onSelect", "children", "helperTextInvalid", "labelHelpTitle", "labelHelp", "helperText", "isRequired", "isReadOnly", "additionalControls", "placeholderText"]);
|
49
|
-
var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
|
50
|
-
var onToggle = (0, react_1.useCallback)(function () { return setOpen(function (open) { return !open; }); }, []);
|
51
|
-
var onSelectHandler = (0, react_1.useCallback)(function (event, value) {
|
52
|
-
if (typeof value === 'string')
|
53
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, value);
|
54
|
-
else
|
55
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, value.toString());
|
56
|
-
setOpen(false);
|
57
|
-
}, [onSelect]);
|
58
|
-
return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({}, selectProps, { label: undefined, placeholderText: placeholderText, variant: react_core_1.SelectVariant.single, "aria-describedby": props.id ? "".concat(props.id, "-form-group") : undefined, selections: value, onSelect: onSelectHandler, isOpen: open, onToggle: onToggle, maxHeight: 280, validated: helperTextInvalid ? 'error' : undefined, isDisabled: props.isDisabled || isReadOnly }, { children: children })) })));
|
59
|
-
}
|
60
|
-
exports.FormGroupSelect = FormGroupSelect;
|
@@ -1,61 +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.FormGroupSelectOption = 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 FormGroupSelect_1 = require("./FormGroupSelect");
|
19
|
-
/**
|
20
|
-
* A PatternFly FormGroup with a PatternFly Select but using IFormGroupSelectOptions for the options.
|
21
|
-
*
|
22
|
-
* This supports easy grouping and options that have values that are objects and not just strings.
|
23
|
-
*/
|
24
|
-
function FormGroupSelectOption(props) {
|
25
|
-
var onSelect = props.onSelect, value = props.value;
|
26
|
-
var onSelectHandler = (0, react_1.useCallback)(function (event, label) {
|
27
|
-
var _a;
|
28
|
-
onSelect(event, (_a = props.options.find(function (option) { return option.label === label.toString(); })) === null || _a === void 0 ? void 0 : _a.value);
|
29
|
-
}, [onSelect, props.options]);
|
30
|
-
var options = props.options;
|
31
|
-
options.sort(function (l, r) {
|
32
|
-
var _a, _b, _c, _d;
|
33
|
-
if (((_a = l.group) !== null && _a !== void 0 ? _a : '') < ((_b = r.group) !== null && _b !== void 0 ? _b : ''))
|
34
|
-
return -1;
|
35
|
-
if (((_c = l.group) !== null && _c !== void 0 ? _c : '') > ((_d = r.group) !== null && _d !== void 0 ? _d : ''))
|
36
|
-
return 1;
|
37
|
-
if (l.label < r.label)
|
38
|
-
return -1;
|
39
|
-
if (l.label > r.label)
|
40
|
-
return 1;
|
41
|
-
return 0;
|
42
|
-
});
|
43
|
-
var groups = options.reduce(function (groups, option) {
|
44
|
-
var _a;
|
45
|
-
var group = (_a = option.group) !== null && _a !== void 0 ? _a : '';
|
46
|
-
var optionsArray = groups[group];
|
47
|
-
if (!optionsArray) {
|
48
|
-
optionsArray = [];
|
49
|
-
groups[group] = optionsArray;
|
50
|
-
}
|
51
|
-
optionsArray.push(option);
|
52
|
-
return groups;
|
53
|
-
}, {});
|
54
|
-
var isGrouped = Object.keys(groups).length > 1 ||
|
55
|
-
(Object.keys(groups).length === 1 && Object.keys(groups)[0] !== '');
|
56
|
-
var selected = props.options.find(function (option) { return option.value === value; });
|
57
|
-
return ((0, jsx_runtime_1.jsx)(FormGroupSelect_1.FormGroupSelect, __assign({}, props, { value: selected === null || selected === void 0 ? void 0 : selected.label, onSelect: onSelectHandler, isGrouped: isGrouped }, { children: !isGrouped
|
58
|
-
? options.map(function (option) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: option.label, label: option.label, description: option.description }, { children: option.label }), option.label)); })
|
59
|
-
: Object.keys(groups).map(function (group) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectGroup, __assign({ label: group }, { children: groups[group].map(function (option) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: option.label, label: option.label, description: option.description }, { children: option.label }), option.label)); }) }), group)); }) })));
|
60
|
-
}
|
61
|
-
exports.FormGroupSelectOption = FormGroupSelectOption;
|
@@ -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
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
14
|
-
var t = {};
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
-
t[p] = s[p];
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
-
t[p[i]] = s[p[i]];
|
21
|
-
}
|
22
|
-
return t;
|
23
|
-
};
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
26
|
-
if (!m) return o;
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
28
|
-
try {
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
30
|
-
}
|
31
|
-
catch (error) { e = { error: error }; }
|
32
|
-
finally {
|
33
|
-
try {
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
35
|
-
}
|
36
|
-
finally { if (e) throw e.error; }
|
37
|
-
}
|
38
|
-
return ar;
|
39
|
-
};
|
40
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
41
|
-
exports.FormGroupTextArea = void 0;
|
42
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
43
|
-
var react_core_1 = require("@patternfly/react-core");
|
44
|
-
var react_icons_1 = require("@patternfly/react-icons");
|
45
|
-
var react_1 = require("react");
|
46
|
-
var PageFormGroup_1 = require("./PageFormGroup");
|
47
|
-
/** A PatternFly FormGroup with a PatternFly TextArea */
|
48
|
-
function FormGroupTextArea(props) {
|
49
|
-
var _a = __read((0, react_1.useState)(false), 2), showSecret = _a[0], setShowSecret = _a[1];
|
50
|
-
var _helperTextInvalid = props.helperTextInvalid, textAreaProps = __rest(props, ["helperTextInvalid"]);
|
51
|
-
return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextArea, __assign({}, textAreaProps, { id: props.id, label: undefined, "aria-describedby": props.id ? "".concat(props.id, "-form-group") : undefined, validated: props.helperTextInvalid ? 'error' : undefined })), props.type === 'password' && ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "control", onClick: function () { return setShowSecret(!showSecret); }, isDisabled: props.isDisabled || props.isReadOnly }, { children: showSecret ? (0, jsx_runtime_1.jsx)(react_icons_1.EyeIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.EyeSlashIcon, {}) })))] }) })));
|
52
|
-
}
|
53
|
-
exports.FormGroupTextArea = FormGroupTextArea;
|
@@ -1,58 +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 __rest = (this && this.__rest) || function (s, e) {
|
14
|
-
var t = {};
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
-
t[p] = s[p];
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
-
t[p[i]] = s[p[i]];
|
21
|
-
}
|
22
|
-
return t;
|
23
|
-
};
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
26
|
-
if (!m) return o;
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
28
|
-
try {
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
30
|
-
}
|
31
|
-
catch (error) { e = { error: error }; }
|
32
|
-
finally {
|
33
|
-
try {
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
35
|
-
}
|
36
|
-
finally { if (e) throw e.error; }
|
37
|
-
}
|
38
|
-
return ar;
|
39
|
-
};
|
40
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
41
|
-
exports.FormGroupTextInput = void 0;
|
42
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
43
|
-
var react_core_1 = require("@patternfly/react-core");
|
44
|
-
var react_icons_1 = require("@patternfly/react-icons");
|
45
|
-
var react_1 = require("react");
|
46
|
-
var PageFormGroup_1 = require("./PageFormGroup");
|
47
|
-
/** A PatternFly FormGroup with a PatternFly TextInput */
|
48
|
-
function FormGroupTextInput(props) {
|
49
|
-
var _a = __read((0, react_1.useState)(false), 2), showSecret = _a[0], setShowSecret = _a[1];
|
50
|
-
var _children = props.children, isReadOnly = props.isReadOnly, placeholder = props.placeholder, formGroupProps = __rest(props, ["children", "isReadOnly", "placeholder"]);
|
51
|
-
var id = props.id
|
52
|
-
? props.id
|
53
|
-
: typeof props.label === 'string'
|
54
|
-
? props.label.toLowerCase().split(' ').join('-')
|
55
|
-
: undefined;
|
56
|
-
return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, formGroupProps, { id: id }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, { placeholder: placeholder, onChange: props.onChange, id: id, onBlur: props.onBlur, label: undefined, value: props.value, "aria-describedby": id ? "".concat(id, "-form-group") : undefined, validated: props.helperTextInvalid ? 'error' : undefined, type: props.type === 'password' ? (showSecret ? 'text' : 'password') : props.type, readOnlyVariant: isReadOnly ? 'default' : undefined }), props.type === 'password' && ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "control", onClick: function () { return setShowSecret(!showSecret); }, isDisabled: props.isDisabled || props.isReadOnly }, { children: showSecret ? (0, jsx_runtime_1.jsx)(react_icons_1.EyeIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.EyeSlashIcon, {}) }))), props.children] }) })));
|
57
|
-
}
|
58
|
-
exports.FormGroupTextInput = FormGroupTextInput;
|
@@ -1,67 +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 __rest = (this && this.__rest) || function (s, e) {
|
14
|
-
var t = {};
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
-
t[p] = s[p];
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
-
t[p[i]] = s[p[i]];
|
21
|
-
}
|
22
|
-
return t;
|
23
|
-
};
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
26
|
-
if (!m) return o;
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
28
|
-
try {
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
30
|
-
}
|
31
|
-
catch (error) { e = { error: error }; }
|
32
|
-
finally {
|
33
|
-
try {
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
35
|
-
}
|
36
|
-
finally { if (e) throw e.error; }
|
37
|
-
}
|
38
|
-
return ar;
|
39
|
-
};
|
40
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
41
|
-
exports.FormGroupTypeAheadMultiSelect = void 0;
|
42
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
43
|
-
var react_core_1 = require("@patternfly/react-core");
|
44
|
-
var react_1 = require("react");
|
45
|
-
var PageFormGroup_1 = require("./PageFormGroup");
|
46
|
-
/** A PatternFly FormGroup with a PatternFly Select */
|
47
|
-
function FormGroupTypeAheadMultiSelect(props) {
|
48
|
-
var onHandleSelection = props.onHandleSelection, onHandleClear = props.onHandleClear, value = props.value, id = props.id, name = props.name, options = props.options, placeholderText = props.placeholderText, isSubmitting = props.isSubmitting, isReadOnly = props.isReadOnly, rest = __rest(props, ["onHandleSelection", "onHandleClear", "value", "id", "name", "options", "placeholderText", "isSubmitting", "isReadOnly"]);
|
49
|
-
var _a = __read((0, react_1.useState)(false), 2), isOpen = _a[0], setIsOpen = _a[1];
|
50
|
-
var chipGroupComponent = function () {
|
51
|
-
if (!value) {
|
52
|
-
return;
|
53
|
-
}
|
54
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.ChipGroup, { children: value.map(function (v) { return ((0, jsx_runtime_1.jsx)(react_core_1.Chip, __assign({ onClick: function () {
|
55
|
-
onHandleClear(v.name);
|
56
|
-
} }, { children: v.name }), v.name)); }) }));
|
57
|
-
};
|
58
|
-
return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({ chipGroupComponent: chipGroupComponent(), variant: react_core_1.SelectVariant.typeaheadMulti, isCreatable: true, placeholderText: !(value === null || value === void 0 ? void 0 : value.length) && placeholderText, isOpen: isOpen, isCreateOptionOnTop: true, onClear: function () { return onHandleClear(); }, id: id !== null && id !== void 0 ? id : name, selections: value, onToggle: function () {
|
59
|
-
setIsOpen(!isOpen);
|
60
|
-
}, onSelect: function (_, v) {
|
61
|
-
if (typeof v === 'string') {
|
62
|
-
return onHandleSelection({ name: v });
|
63
|
-
}
|
64
|
-
onHandleSelection(v);
|
65
|
-
}, isDisabled: isReadOnly || isSubmitting }, { children: options.map(function (option) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: option.value }, { children: option.label }), option.label)); }) })) })));
|
66
|
-
}
|
67
|
-
exports.FormGroupTypeAheadMultiSelect = FormGroupTypeAheadMultiSelect;
|
@@ -1,39 +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 __rest = (this && this.__rest) || function (s, e) {
|
14
|
-
var t = {};
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
-
t[p] = s[p];
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
-
t[p[i]] = s[p[i]];
|
21
|
-
}
|
22
|
-
return t;
|
23
|
-
};
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
25
|
-
exports.PageFormCheckbox = void 0;
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
27
|
-
var react_core_1 = require("@patternfly/react-core");
|
28
|
-
var react_hook_form_1 = require("react-hook-form");
|
29
|
-
/** PatternFly Checkbox wrapper for use with react-hook-form */
|
30
|
-
function PageFormCheckbox(props) {
|
31
|
-
var name = props.name, readOnly = props.readOnly, validate = props.validate, rest = __rest(props, ["name", "readOnly", "validate"]);
|
32
|
-
var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, isSubmitting = _a.formState.isSubmitting;
|
33
|
-
return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name, control: control, shouldUnregister: true, render: function (_a) {
|
34
|
-
var _b;
|
35
|
-
var _c = _a.field, onChange = _c.onChange, value = _c.value;
|
36
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Checkbox, __assign({}, rest, { id: (_b = props.id) !== null && _b !== void 0 ? _b : name.split('.').join('-'), isChecked: !!value, onChange: onChange, readOnly: readOnly || isSubmitting, minLength: undefined, maxLength: undefined, ref: undefined })));
|
37
|
-
}, rules: { validate: validate } }));
|
38
|
-
}
|
39
|
-
exports.PageFormCheckbox = PageFormCheckbox;
|
@@ -1,154 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
14
|
-
if (k2 === undefined) k2 = k;
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
18
|
-
}
|
19
|
-
Object.defineProperty(o, k2, desc);
|
20
|
-
}) : (function(o, m, k, k2) {
|
21
|
-
if (k2 === undefined) k2 = k;
|
22
|
-
o[k2] = m[k];
|
23
|
-
}));
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
26
|
-
}) : function(o, v) {
|
27
|
-
o["default"] = v;
|
28
|
-
});
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
30
|
-
if (mod && mod.__esModule) return mod;
|
31
|
-
var result = {};
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
33
|
-
__setModuleDefault(result, mod);
|
34
|
-
return result;
|
35
|
-
};
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
37
|
-
var t = {};
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
39
|
-
t[p] = s[p];
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
43
|
-
t[p[i]] = s[p[i]];
|
44
|
-
}
|
45
|
-
return t;
|
46
|
-
};
|
47
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
48
|
-
exports.MonacoEditor = exports.PageFormCodeEditor = void 0;
|
49
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
50
|
-
var monaco = __importStar(require("monaco-editor"));
|
51
|
-
var react_1 = require("react");
|
52
|
-
var react_hook_form_1 = require("react-hook-form");
|
53
|
-
var __1 = require("../..");
|
54
|
-
var capitalize_1 = require("../../utils/capitalize");
|
55
|
-
var PageFormGroup_1 = require("./PageFormGroup");
|
56
|
-
function PageFormCodeEditor(props) {
|
57
|
-
var _a;
|
58
|
-
var isReadOnly = props.isReadOnly, validate = props.validate, formGroupInputProps = __rest(props, ["isReadOnly", "validate"]);
|
59
|
-
var label = props.label, name = props.name, isRequired = props.isRequired;
|
60
|
-
var _b = (0, react_hook_form_1.useFormContext)(), control = _b.control, _c = _b.formState, isSubmitting = _c.isSubmitting, isValidating = _c.isValidating;
|
61
|
-
var id = (_a = props.id) !== null && _a !== void 0 ? _a : name.split('.').join('-');
|
62
|
-
return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name, control: control, shouldUnregister: true, render: function (_a) {
|
63
|
-
var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
|
64
|
-
return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, formGroupInputProps, { id: id, helperTextInvalid: !(validate && isValidating) && (error === null || error === void 0 ? void 0 : error.message) }, { children: (0, jsx_runtime_1.jsx)(MonacoEditor, { id: id, value: value, onChange: onChange, isReadOnly: isReadOnly || isSubmitting, invalid: !(validate && isValidating) && (error === null || error === void 0 ? void 0 : error.message) !== undefined }) })));
|
65
|
-
}, rules: {
|
66
|
-
required: typeof label === 'string' && typeof isRequired === 'boolean'
|
67
|
-
? {
|
68
|
-
value: true,
|
69
|
-
message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " is required."),
|
70
|
-
}
|
71
|
-
: isRequired,
|
72
|
-
validate: props.validate,
|
73
|
-
} }));
|
74
|
-
}
|
75
|
-
exports.PageFormCodeEditor = PageFormCodeEditor;
|
76
|
-
function MonacoEditor(props) {
|
77
|
-
var onChange = props.onChange;
|
78
|
-
var divEl = (0, react_1.useRef)(null);
|
79
|
-
var editorRef = (0, react_1.useRef)({});
|
80
|
-
var settings = (0, __1.useSettings)();
|
81
|
-
(0, react_1.useEffect)(function () {
|
82
|
-
var _a;
|
83
|
-
var editor;
|
84
|
-
monaco.editor.defineTheme('my-dark', {
|
85
|
-
base: 'vs-dark',
|
86
|
-
inherit: true,
|
87
|
-
colors: {
|
88
|
-
'editor.background': '#00000000',
|
89
|
-
'minimap.background': '#00000000',
|
90
|
-
'scrollbarSlider.background': '#FFFFFF22',
|
91
|
-
},
|
92
|
-
rules: [{ token: '', background: '#222222' }],
|
93
|
-
});
|
94
|
-
monaco.editor.defineTheme('my-light', {
|
95
|
-
base: 'vs',
|
96
|
-
inherit: true,
|
97
|
-
colors: {
|
98
|
-
'editor.background': '#FFFFFF00',
|
99
|
-
'minimap.background': '#FFFFFF00',
|
100
|
-
'scrollbarSlider.background': '#FFFFFF22',
|
101
|
-
},
|
102
|
-
rules: [],
|
103
|
-
});
|
104
|
-
if (divEl.current) {
|
105
|
-
editor = monaco.editor.create(divEl.current, {
|
106
|
-
language: 'yaml',
|
107
|
-
lineNumbers: 'off',
|
108
|
-
theme: 'my-dark',
|
109
|
-
lineDecorationsWidth: 8,
|
110
|
-
// lineNumbersMinChars: 0,
|
111
|
-
// glyphMargin: false,
|
112
|
-
// folding: false,
|
113
|
-
padding: { top: 6, bottom: 8 },
|
114
|
-
fontSize: 14,
|
115
|
-
fontFamily: 'RedHatMono',
|
116
|
-
scrollBeyondLastLine: false,
|
117
|
-
minimap: { enabled: false },
|
118
|
-
renderLineHighlightOnlyWhenFocus: true,
|
119
|
-
});
|
120
|
-
editorRef.current.editor = editor;
|
121
|
-
(_a = editor.getModel()) === null || _a === void 0 ? void 0 : _a.onDidChangeContent(function () {
|
122
|
-
var _a;
|
123
|
-
onChange === null || onChange === void 0 ? void 0 : onChange((_a = editor.getValue()) !== null && _a !== void 0 ? _a : '');
|
124
|
-
});
|
125
|
-
}
|
126
|
-
return function () {
|
127
|
-
editor.dispose();
|
128
|
-
};
|
129
|
-
}, [onChange]);
|
130
|
-
(0, react_1.useEffect)(function () {
|
131
|
-
var _a, _b;
|
132
|
-
if ((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.editor) {
|
133
|
-
var currentValue = editorRef.current.editor.getValue();
|
134
|
-
if (currentValue !== props.value)
|
135
|
-
editorRef.current.editor.setValue((_b = props.value) !== null && _b !== void 0 ? _b : '');
|
136
|
-
}
|
137
|
-
}, [props.value]);
|
138
|
-
(0, react_1.useEffect)(function () {
|
139
|
-
var _a;
|
140
|
-
if ((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.editor) {
|
141
|
-
editorRef.current.editor.updateOptions({ readOnly: props.isReadOnly });
|
142
|
-
}
|
143
|
-
}, [props.isReadOnly]);
|
144
|
-
(0, react_1.useEffect)(function () {
|
145
|
-
var _a;
|
146
|
-
if ((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.editor) {
|
147
|
-
editorRef.current.editor.updateOptions({
|
148
|
-
theme: settings.activeTheme === 'dark' ? 'my-dark' : 'my-light',
|
149
|
-
});
|
150
|
-
}
|
151
|
-
}, [settings.activeTheme]);
|
152
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "pf-c-form-control", style: { padding: 0, height: 400 }, "aria-invalid": props.invalid ? 'true' : undefined }, { children: (0, jsx_runtime_1.jsx)("div", { id: props.id, ref: divEl, style: { height: '100%' } }) })));
|
153
|
-
}
|
154
|
-
exports.MonacoEditor = MonacoEditor;
|