@ansible/ansible-ui-framework 0.0.375 → 0.0.377
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/BulkActionDialog.d.ts +1 -1
- package/cjs/BulkActionDialog.js +2 -2
- package/cjs/BulkConfirmationDialog.d.ts +1 -1
- package/cjs/BulkConfirmationDialog.js +2 -2
- package/cjs/{cells → PageCells}/BytesCell.d.ts +0 -0
- package/cjs/{cells → PageCells}/BytesCell.js +0 -0
- package/cjs/{cells → PageCells}/CapacityCell.d.ts +0 -0
- package/cjs/{cells → PageCells}/CapacityCell.js +0 -0
- package/cjs/{cells → PageCells}/CopyCell.d.ts +0 -0
- package/cjs/{cells → PageCells}/CopyCell.js +0 -0
- package/cjs/{cells → PageCells}/DateTimeCell.d.ts +0 -0
- package/cjs/{cells → PageCells}/DateTimeCell.js +0 -0
- package/cjs/{cells → PageCells}/ElapsedTimeCell.d.ts +0 -0
- package/cjs/{cells → PageCells}/ElapsedTimeCell.js +0 -0
- package/cjs/{cells → PageCells}/LabelsCell.d.ts +0 -0
- package/cjs/{cells → PageCells}/LabelsCell.js +0 -0
- package/cjs/{cells → PageCells}/TextCell.d.ts +0 -0
- package/cjs/{cells → PageCells}/TextCell.js +0 -0
- package/cjs/PageColumnModal.d.ts +1 -1
- package/cjs/PageDataList.d.ts +1 -1
- package/cjs/PageDataList.js +1 -1
- package/cjs/PageForm/FormPage.d.ts +17 -0
- package/cjs/PageForm/FormPage.js +73 -0
- package/cjs/PageForm/Inputs/PageFormCheckbox.d.ts +9 -0
- package/cjs/PageForm/Inputs/PageFormCheckbox.js +24 -0
- package/cjs/PageForm/{PageFormSelectOption.d.ts → Inputs/PageFormSelectOption.d.ts} +3 -3
- package/cjs/PageForm/{PageFormSelectOption.js → Inputs/PageFormSelectOption.js} +1 -1
- package/cjs/PageForm/Inputs/PageFormSlider.d.ts +12 -0
- package/cjs/PageForm/Inputs/PageFormSlider.js +36 -0
- package/cjs/PageForm/Inputs/PageFormSwitch.d.ts +9 -0
- package/cjs/PageForm/Inputs/PageFormSwitch.js +34 -0
- package/cjs/PageForm/Inputs/PageFormTextArea.d.ts +11 -0
- package/cjs/PageForm/Inputs/PageFormTextArea.js +27 -0
- package/cjs/PageForm/Inputs/PageFormTextInput.d.ts +11 -0
- package/cjs/PageForm/Inputs/PageFormTextInput.js +48 -0
- package/cjs/PageForm/Inputs/PageFormTextSelect.d.ts +14 -0
- package/cjs/PageForm/Inputs/PageFormTextSelect.js +42 -0
- package/cjs/PageForm/PageForm.d.ts +3 -126
- package/cjs/PageForm/PageForm.js +3 -283
- package/cjs/PageForm/PageFormAlerts.d.ts +2 -0
- package/cjs/PageForm/PageFormAlerts.js +14 -0
- package/cjs/PageForm/PageFormButtons.d.ts +6 -0
- package/cjs/PageForm/PageFormButtons.js +28 -0
- package/cjs/PageForm/PageFormFromSchema.d.ts +6 -0
- package/cjs/PageForm/PageFormFromSchema.js +67 -0
- package/cjs/PageForm/PageFormInputPopover.d.ts +8 -0
- package/cjs/PageForm/PageFormInputPopover.js +2 -0
- package/cjs/{PagePagination.d.ts → PageTable/PagePagination.d.ts} +0 -0
- package/cjs/{PagePagination.js → PageTable/PagePagination.js} +2 -2
- package/cjs/{PageTable.d.ts → PageTable/PageTable.d.ts} +2 -2
- package/cjs/{PageTable.js → PageTable/PageTable.js} +12 -12
- package/cjs/{PageTableCard.d.ts → PageTable/PageTableCard.d.ts} +2 -2
- package/cjs/{PageTableCard.js → PageTable/PageTableCard.js} +3 -3
- package/cjs/{PageTableCards.d.ts → PageTable/PageTableCards.d.ts} +0 -0
- package/cjs/{PageTableCards.js → PageTable/PageTableCards.js} +1 -1
- package/cjs/{PageTableDetails.d.ts → PageTable/PageTableDetails.d.ts} +0 -0
- package/cjs/{PageTableDetails.js → PageTable/PageTableDetails.js} +1 -1
- package/cjs/{PageTableList.d.ts → PageTable/PageTableList.d.ts} +1 -1
- package/cjs/{PageTableList.js → PageTable/PageTableList.js} +2 -2
- package/cjs/{PageTableViewType.d.ts → PageTable/PageTableViewType.d.ts} +0 -0
- package/cjs/{PageTableViewType.js → PageTable/PageTableViewType.js} +0 -0
- package/cjs/{PageToolbar.d.ts → PageTable/PageToolbar.d.ts} +1 -1
- package/cjs/{PageToolbar.js → PageTable/PageToolbar.js} +7 -7
- package/cjs/{useTableItems.d.ts → PageTable/useTableItems.d.ts} +0 -0
- package/cjs/{useTableItems.js → PageTable/useTableItems.js} +0 -0
- package/cjs/index.d.ts +13 -13
- package/cjs/index.js +13 -13
- package/cjs/useInMemoryView.d.ts +3 -3
- package/cjs/useInMemoryView.js +1 -1
- package/cjs/useSelectDialog.d.ts +3 -3
- package/cjs/useSelectDialog.js +1 -1
- package/cjs/useSelectMultipleDialog.d.ts +3 -3
- package/cjs/useSelectMultipleDialog.js +1 -1
- package/package.json +1 -1
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ITableColumn } from './PageTable';
|
2
|
+
import { ITableColumn } from './PageTable/PageTable';
|
3
3
|
export interface BulkActionDialogProps<T extends object> {
|
4
4
|
/** The title of the model.
|
5
5
|
* @link https://www.patternfly.org/v4/components/modal/design-guidelines#confirmation-dialogs
|
package/cjs/BulkActionDialog.js
CHANGED
@@ -94,9 +94,9 @@ var p_limit_1 = __importDefault(require("p-limit"));
|
|
94
94
|
var react_1 = require("react");
|
95
95
|
var pfcolors_1 = require("./components/pfcolors");
|
96
96
|
var PageDialog_1 = require("./PageDialog");
|
97
|
-
var PageTable_1 = require("./PageTable");
|
97
|
+
var PageTable_1 = require("./PageTable/PageTable");
|
98
|
+
var useTableItems_1 = require("./PageTable/useTableItems");
|
98
99
|
var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
|
99
|
-
var useTableItems_1 = require("./useTableItems");
|
100
100
|
/**
|
101
101
|
* BulkActionDialog is a generic dialog for process bulk actions.
|
102
102
|
*
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { BulkActionDialogProps } from './BulkActionDialog';
|
3
|
-
import { ITableColumn } from './PageTable';
|
3
|
+
import { ITableColumn } from './PageTable/PageTable';
|
4
4
|
export interface BulkConfirmationDialog<T extends object> {
|
5
5
|
/** The title of the model.
|
6
6
|
* @link https://www.patternfly.org/v4/components/modal/design-guidelines#confirmation-dialogs
|
@@ -33,9 +33,9 @@ var react_core_1 = require("@patternfly/react-core");
|
|
33
33
|
var react_1 = require("react");
|
34
34
|
var BulkActionDialog_1 = require("./BulkActionDialog");
|
35
35
|
var PageDialog_1 = require("./PageDialog");
|
36
|
-
var PageTable_1 = require("./PageTable");
|
36
|
+
var PageTable_1 = require("./PageTable/PageTable");
|
37
|
+
var useTableItems_1 = require("./PageTable/useTableItems");
|
37
38
|
var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
|
38
|
-
var useTableItems_1 = require("./useTableItems");
|
39
39
|
function BulkConfirmationDialog(props) {
|
40
40
|
var title = props.title, items = props.items, keyFn = props.keyFn, confirmationColumns = props.confirmationColumns, onConfirm = props.onConfirm, onClose = props.onClose, confirmText = props.confirmText, actionButtonText = props.actionButtonText, isDanger = props.isDanger;
|
41
41
|
var _a = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _a[0], setDialog = _a[1];
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
package/cjs/PageColumnModal.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ITableColumn } from './PageTable';
|
2
|
+
import { ITableColumn } from './PageTable/PageTable';
|
3
3
|
export declare function useColumnModal<T extends object>(columns: ITableColumn<T>[], t?: (t: string) => string): {
|
4
4
|
openColumnModal: () => void;
|
5
5
|
columnModal: JSX.Element;
|
package/cjs/PageDataList.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
2
2
|
import { IPageAction } from './PageActions/PageAction';
|
3
3
|
import { PageHeaderProps } from './PageHeader';
|
4
|
-
import { IToolbarFilter } from './PageToolbar';
|
4
|
+
import { IToolbarFilter } from './PageTable/PageToolbar';
|
5
5
|
export type DataListPageProps<T extends object> = PageHeaderProps & PageDataListProps<T> & {
|
6
6
|
error?: Error;
|
7
7
|
};
|
package/cjs/PageDataList.js
CHANGED
@@ -22,7 +22,7 @@ var PageActionType_1 = require("./PageActions/PageActionType");
|
|
22
22
|
var PageBody_1 = require("./PageBody");
|
23
23
|
var PageHeader_1 = require("./PageHeader");
|
24
24
|
var PageLayout_1 = require("./PageLayout");
|
25
|
-
var PagePagination_1 = require("./PagePagination");
|
25
|
+
var PagePagination_1 = require("./PageTable/PagePagination");
|
26
26
|
var Settings_1 = require("./Settings");
|
27
27
|
function DataListPage(props) {
|
28
28
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(PageLayout_1.PageLayout, { children: [(0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, __assign({}, props)), (0, jsx_runtime_1.jsx)(PageBody_1.PageBody, { children: (0, jsx_runtime_1.jsx)(PageDataList, __assign({}, props)) })] }) }));
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { SubmitHandler, UseFormReturn } from 'react-hook-form';
|
3
|
+
import { PartialDeep } from 'type-fest';
|
4
|
+
import { PageHeaderProps } from '../PageHeader';
|
5
|
+
export type FormPageProps<T extends object> = PageHeaderProps & {
|
6
|
+
children?: ReactNode;
|
7
|
+
defaultValues?: PartialDeep<T>;
|
8
|
+
onSubmit: SubmitHandler<PartialDeep<T>>;
|
9
|
+
schema?: unknown;
|
10
|
+
isVertical?: boolean;
|
11
|
+
onCancel?: () => void;
|
12
|
+
submitText?: string;
|
13
|
+
hideHeader?: boolean;
|
14
|
+
noPadding?: boolean;
|
15
|
+
form: UseFormReturn;
|
16
|
+
};
|
17
|
+
export declare function FormPage<T extends object>(props: FormPageProps<T>): JSX.Element;
|
@@ -0,0 +1,73 @@
|
|
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.FormPage = 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 Scrollable_1 = require("../components/Scrollable");
|
35
|
+
var PageHeader_1 = require("../PageHeader");
|
36
|
+
var Settings_1 = require("../Settings");
|
37
|
+
var PageFormAlerts_1 = require("./PageFormAlerts");
|
38
|
+
var PageFormButtons_1 = require("./PageFormButtons");
|
39
|
+
function FormPage(props) {
|
40
|
+
// const methods = useForm<PartialDeep<T>>({
|
41
|
+
// defaultValues: props.defaultValues,
|
42
|
+
// resolver: ajvResolver(props.schema, { strict: false }),
|
43
|
+
// })
|
44
|
+
var children = react_1.Children.toArray(props.children);
|
45
|
+
var inputs = children.filter(function (child) {
|
46
|
+
if (!(0, react_1.isValidElement)(child))
|
47
|
+
return false;
|
48
|
+
if (child.type === PageFormAlerts_1.PageFormAlerts)
|
49
|
+
return false;
|
50
|
+
if (child.type === PageFormButtons_1.PageFormButtons)
|
51
|
+
return false;
|
52
|
+
return true;
|
53
|
+
});
|
54
|
+
var buttons = children.find(function (child) {
|
55
|
+
if (!(0, react_1.isValidElement)(child))
|
56
|
+
return false;
|
57
|
+
if (child.type === PageFormButtons_1.PageFormButtons)
|
58
|
+
return true;
|
59
|
+
return false;
|
60
|
+
});
|
61
|
+
var _a = __read((0, react_1.useContext)(Settings_1.SettingsContext), 1), settings = _a[0];
|
62
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!props.hideHeader && (0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, __assign({}, props)), (0, jsx_runtime_1.jsxs)(react_core_1.Form
|
63
|
+
// eslint-disable-next-line @typescript-eslint/no-misused-promises
|
64
|
+
, __assign({
|
65
|
+
// eslint-disable-next-line @typescript-eslint/no-misused-promises
|
66
|
+
onSubmit: props.form.handleSubmit(props.onSubmit), isHorizontal: props.isVertical ? false : settings.formLayout === 'horizontal', style: {
|
67
|
+
display: 'flex',
|
68
|
+
flexDirection: 'column',
|
69
|
+
flexGrow: 1,
|
70
|
+
overflow: 'hidden',
|
71
|
+
} }, { children: [(0, jsx_runtime_1.jsx)(Scrollable_1.Scrollable, __assign({ style: { height: '100%', flexGrow: 1 } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ padding: { default: props.noPadding ? 'noPadding' : 'padding' }, isWidthLimited: true }, { children: (0, jsx_runtime_1.jsx)(react_core_1.FormSection, { children: inputs }) })) })), buttons] }))] }));
|
72
|
+
}
|
73
|
+
exports.FormPage = FormPage;
|
@@ -0,0 +1,24 @@
|
|
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.PageFormCheckbox = void 0;
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
+
var react_core_1 = require("@patternfly/react-core");
|
17
|
+
var react_hook_form_1 = require("react-hook-form");
|
18
|
+
function PageFormCheckbox(props) {
|
19
|
+
var control = (0, react_hook_form_1.useFormContext)().control;
|
20
|
+
var field = (0, react_hook_form_1.useController)({ control: control, name: props.name }).field;
|
21
|
+
var id = props.name;
|
22
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.Checkbox, __assign({ label: props.label, id: id, "aria-describedby": "".concat(id, "-helper"), description: props.description, body: field.value ? props.body : undefined }, field, { isChecked: !!field.value })));
|
23
|
+
}
|
24
|
+
exports.PageFormCheckbox = PageFormCheckbox;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { PageSelectOptionProps } from '
|
3
|
-
export type
|
2
|
+
import { PageSelectOptionProps } from '../../components/PageSelectOption';
|
3
|
+
export type PageFormSelectOptionProps<T> = {
|
4
4
|
name: string;
|
5
5
|
} & Omit<PageSelectOptionProps<T>, 'onSelect' | 'value'>;
|
6
6
|
/**
|
7
7
|
* A PageSelectOption for use in PageForms
|
8
8
|
*/
|
9
|
-
export declare function PageFormSelectOption<T>(props:
|
9
|
+
export declare function PageFormSelectOption<T>(props: PageFormSelectOptionProps<T>): JSX.Element;
|
@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.PageFormSelectOption = void 0;
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
16
|
var react_hook_form_1 = require("react-hook-form");
|
17
|
-
var PageSelectOption_1 = require("
|
17
|
+
var PageSelectOption_1 = require("../../components/PageSelectOption");
|
18
18
|
/**
|
19
19
|
* A PageSelectOption for use in PageForms
|
20
20
|
*/
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare function PageFormSlider(props: {
|
3
|
+
id?: string;
|
4
|
+
label: string;
|
5
|
+
name: string;
|
6
|
+
helperText?: string;
|
7
|
+
required?: boolean;
|
8
|
+
autoFocus?: boolean;
|
9
|
+
min?: number;
|
10
|
+
max?: number;
|
11
|
+
valueLabel?: string;
|
12
|
+
}): JSX.Element;
|
@@ -0,0 +1,36 @@
|
|
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.PageFormSlider = void 0;
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
+
var react_core_1 = require("@patternfly/react-core");
|
17
|
+
var react_hook_form_1 = require("react-hook-form");
|
18
|
+
function PageFormSlider(props) {
|
19
|
+
var _a, _b, _c;
|
20
|
+
var isSubmitting = (0, react_hook_form_1.useFormContext)().formState.isSubmitting;
|
21
|
+
var _d = (0, react_hook_form_1.useController)({ name: props.name }), field = _d.field, fieldState = _d.fieldState;
|
22
|
+
var error = fieldState.error;
|
23
|
+
var id = (_a = props.id) !== null && _a !== void 0 ? _a : props.name;
|
24
|
+
var max = (_b = props.max) !== null && _b !== void 0 ? _b : 100;
|
25
|
+
var min = (_c = props.min) !== null && _c !== void 0 ? _c : 1;
|
26
|
+
var value = Number(field.value);
|
27
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ id: "".concat(id, "-form-group"), fieldId: id, label: props.label, helperText: props.helperText, isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ alignItems: { default: 'alignItemsFlexStart' } }, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ alignItems: { default: 'alignItemsFlexStart' }, spaceItems: { default: 'spaceItemsSm' } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ style: { paddingTop: 6, minWidth: 20, textAlign: 'right' } }, { children: Math.floor((max - min) * value + min) })), props.valueLabel && ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ style: { paddingTop: 6, minWidth: 40 } }, { children: props.valueLabel })))] })), (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ grow: { default: 'grow' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Slider, { id: id, "aria-describedby": "".concat(id, "-form-group"),
|
28
|
+
// isRequired={props.required}
|
29
|
+
// validated={error?.message ? 'error' : undefined}
|
30
|
+
autoFocus: props.autoFocus,
|
31
|
+
// {...registration}
|
32
|
+
value: (max - min) * value + min, onChange: function (v) { return field.onChange((v - min) / (max - min)); }, max: max, min: min,
|
33
|
+
// innerRef={registration.ref}
|
34
|
+
isDisabled: isSubmitting, showBoundaries: false }) }))] })) })));
|
35
|
+
}
|
36
|
+
exports.PageFormSlider = PageFormSlider;
|
@@ -0,0 +1,34 @@
|
|
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.PageFormSwitch = void 0;
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
+
var react_core_1 = require("@patternfly/react-core");
|
17
|
+
var react_hook_form_1 = require("react-hook-form");
|
18
|
+
function PageFormSwitch(props) {
|
19
|
+
var _a;
|
20
|
+
var isSubmitting = (0, react_hook_form_1.useFormContext)().formState.isSubmitting;
|
21
|
+
var _b = (0, react_hook_form_1.useController)({ name: props.name }), field = _b.field, fieldState = _b.fieldState;
|
22
|
+
var error = fieldState.error;
|
23
|
+
var id = (_a = props.id) !== null && _a !== void 0 ? _a : props.name;
|
24
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ id: "".concat(id, "-form-group"), fieldId: id, label: props.label, helperText: props.helperText, isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Switch, { id: id, "aria-describedby": "".concat(id, "-form-group"),
|
25
|
+
// isRequired={props.required}
|
26
|
+
// validated={error?.message ? 'error' : undefined}
|
27
|
+
autoFocus: props.autoFocus,
|
28
|
+
// placeholder={props.placeholder}
|
29
|
+
// {...registration}
|
30
|
+
isChecked: typeof field.value === 'boolean' ? field.value : false, onChange: function (e) { return field.onChange(e); },
|
31
|
+
// innerRef={registration.ref}
|
32
|
+
isDisabled: isSubmitting }) })));
|
33
|
+
}
|
34
|
+
exports.PageFormSwitch = PageFormSwitch;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare function PageFormTextArea(props: {
|
3
|
+
id?: string;
|
4
|
+
label: string;
|
5
|
+
name: string;
|
6
|
+
helperText?: string;
|
7
|
+
required?: boolean;
|
8
|
+
secret?: boolean;
|
9
|
+
autoFocus?: boolean;
|
10
|
+
placeholder?: string;
|
11
|
+
}): JSX.Element;
|
@@ -0,0 +1,27 @@
|
|
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.PageFormTextArea = void 0;
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
+
var react_core_1 = require("@patternfly/react-core");
|
17
|
+
var react_hook_form_1 = require("react-hook-form");
|
18
|
+
function PageFormTextArea(props) {
|
19
|
+
var _a;
|
20
|
+
var _b = (0, react_hook_form_1.useFormContext)(), register = _b.register, isSubmitting = _b.formState.isSubmitting;
|
21
|
+
var registration = register(props.name);
|
22
|
+
var fieldState = (0, react_hook_form_1.useController)({ name: props.name }).fieldState;
|
23
|
+
var error = fieldState.error;
|
24
|
+
var id = (_a = props.id) !== null && _a !== void 0 ? _a : props.name;
|
25
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ id: "".concat(id, "-form-group"), fieldId: id, label: props.label, helperText: props.helperText, isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsx)(react_core_1.TextArea, __assign({ id: id, type: props.secret ? 'password' : 'text', "aria-describedby": "".concat(id, "-form-group"), isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, autoFocus: props.autoFocus, placeholder: props.placeholder }, registration, { onChange: function (v, e) { return void registration.onChange(e); }, resizeOrientation: "vertical", isReadOnly: isSubmitting })) })));
|
26
|
+
}
|
27
|
+
exports.PageFormTextArea = PageFormTextArea;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare function PageFormTextInput(props: {
|
3
|
+
id?: string;
|
4
|
+
label: string;
|
5
|
+
name: string;
|
6
|
+
helperText?: string;
|
7
|
+
required?: boolean;
|
8
|
+
secret?: boolean;
|
9
|
+
autoFocus?: boolean;
|
10
|
+
placeholder?: string;
|
11
|
+
}): JSX.Element;
|
@@ -0,0 +1,48 @@
|
|
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.PageFormTextInput = void 0;
|
31
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
32
|
+
var react_core_1 = require("@patternfly/react-core");
|
33
|
+
var react_icons_1 = require("@patternfly/react-icons");
|
34
|
+
var react_1 = require("react");
|
35
|
+
var react_hook_form_1 = require("react-hook-form");
|
36
|
+
function PageFormTextInput(props) {
|
37
|
+
var _a;
|
38
|
+
var _b = (0, react_hook_form_1.useFormContext)(), register = _b.register, isSubmitting = _b.formState.isSubmitting;
|
39
|
+
var registration = register(props.name);
|
40
|
+
var fieldState = (0, react_hook_form_1.useController)({ name: props.name }).fieldState;
|
41
|
+
var error = fieldState.error;
|
42
|
+
var id = (_a = props.id) !== null && _a !== void 0 ? _a : props.name;
|
43
|
+
var _c = __read((0, react_1.useState)(false), 2), showSecret = _c[0], setShowSecret = _c[1];
|
44
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ id: "".concat(id, "-form-group"), fieldId: id, label: props.label, helperText: props.helperText, isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, __assign({ id: id, type: props.secret && !showSecret ? 'password' : 'text', "aria-describedby": "".concat(id, "-form-group"), isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, autoFocus: props.autoFocus, placeholder: props.placeholder }, registration, { onChange: function (v, e) {
|
45
|
+
void registration.onChange(e);
|
46
|
+
}, isReadOnly: isSubmitting })), props.secret && ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "control", onClick: function () { return setShowSecret(!showSecret); }, "aria-label": "Options menu", isDisabled: isSubmitting }, { children: showSecret ? (0, jsx_runtime_1.jsx)(react_icons_1.EyeIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.EyeSlashIcon, {}) })))] }) })));
|
47
|
+
}
|
48
|
+
exports.PageFormTextInput = PageFormTextInput;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare function FormTextSelect<T>(props: {
|
3
|
+
id?: string;
|
4
|
+
label: string;
|
5
|
+
name: string;
|
6
|
+
helperText?: string;
|
7
|
+
required?: boolean;
|
8
|
+
secret?: boolean;
|
9
|
+
autoFocus?: boolean;
|
10
|
+
placeholder?: string;
|
11
|
+
selectTitle?: string;
|
12
|
+
selectValue?: (item: T) => string | number;
|
13
|
+
selectOpen?: (callback: (item: T) => void, title: string) => void;
|
14
|
+
}): JSX.Element;
|
@@ -0,0 +1,42 @@
|
|
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.FormTextSelect = 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 react_1 = require("react");
|
19
|
+
var react_hook_form_1 = require("react-hook-form");
|
20
|
+
function FormTextSelect(props) {
|
21
|
+
var _a;
|
22
|
+
var _b = (0, react_hook_form_1.useFormContext)(), register = _b.register, setValue = _b.setValue, isSubmitting = _b.formState.isSubmitting;
|
23
|
+
var registration = register(props.name);
|
24
|
+
var fieldState = (0, react_hook_form_1.useController)({ name: props.name }).fieldState;
|
25
|
+
var error = fieldState.error;
|
26
|
+
var id = (_a = props.id) !== null && _a !== void 0 ? _a : props.name;
|
27
|
+
id = id.split('.').join('-');
|
28
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_core_1.FormGroup, __assign({ id: "".concat(id, "-form-group"), fieldId: id, label: props.label, helperText: props.helperText, isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, helperTextInvalid: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, __assign({ id: id, type: props.secret ? 'password' : 'text', "aria-describedby": "".concat(id, "-form-group"), isRequired: props.required, validated: (error === null || error === void 0 ? void 0 : error.message) ? 'error' : undefined, autoFocus: props.autoFocus, placeholder: props.placeholder }, registration, { onChange: function (v, e) {
|
29
|
+
void registration.onChange(e);
|
30
|
+
},
|
31
|
+
// innerRef={registration.ref}
|
32
|
+
isReadOnly: isSubmitting })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "control", onClick: function () {
|
33
|
+
var _a;
|
34
|
+
return (_a = props.selectOpen) === null || _a === void 0 ? void 0 : _a.call(props, function (item) {
|
35
|
+
if (props.selectValue) {
|
36
|
+
var value = props.selectValue(item);
|
37
|
+
setValue(props.name, value, { shouldValidate: true });
|
38
|
+
}
|
39
|
+
}, props.selectTitle);
|
40
|
+
}, "aria-label": "Options menu", isDisabled: isSubmitting }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, {}) }))] }) })) }));
|
41
|
+
}
|
42
|
+
exports.FormTextSelect = FormTextSelect;
|