@ansible/ansible-ui-framework 0.0.390 → 0.0.392
Sign up to get free protection for your applications and to get access to all the features.
@@ -34,8 +34,9 @@ var react_1 = require("react");
|
|
34
34
|
var PageFormGroup_1 = require("./PageFormGroup");
|
35
35
|
/** A PatternFly FormGroup with a PatternFly Select */
|
36
36
|
function FormGroupSelect(props) {
|
37
|
+
var _a;
|
37
38
|
var children = props.children, helperTextInvalid = props.helperTextInvalid, isReadOnly = props.isReadOnly, onSelect = props.onSelect, value = props.value;
|
38
|
-
var
|
39
|
+
var _b = __read((0, react_1.useState)(false), 2), open = _b[0], setOpen = _b[1];
|
39
40
|
var onToggle = (0, react_1.useCallback)(function () { return setOpen(function (open) { return !open; }); }, []);
|
40
41
|
var onSelectHandler = (0, react_1.useCallback)(function (event, value) {
|
41
42
|
if (typeof value === 'string')
|
@@ -44,6 +45,6 @@ function FormGroupSelect(props) {
|
|
44
45
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, value.toString());
|
45
46
|
setOpen(false);
|
46
47
|
}, [onSelect]);
|
47
|
-
return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({}, props, { label: undefined, 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 })) })));
|
48
|
+
return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({}, props, { label: undefined, 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, placeholderText: (_a = props.placeholder) !== null && _a !== void 0 ? _a : '' }, { children: children })) })));
|
48
49
|
}
|
49
50
|
exports.FormGroupSelect = FormGroupSelect;
|
@@ -42,23 +42,27 @@ function PageFormFileUpload(props) {
|
|
42
42
|
var handleFileReadStarted = function (_fileHandle) {
|
43
43
|
setIsLoading(true);
|
44
44
|
};
|
45
|
-
var handleFileReadFinished = function (_fileHandle) {
|
46
|
-
setIsLoading(false);
|
47
|
-
};
|
48
45
|
return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: props.name, control: control, render: function (_a) {
|
49
46
|
var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
|
50
47
|
var handleClear = function (_event) {
|
51
48
|
setFilename('');
|
52
49
|
onChange(undefined);
|
53
50
|
};
|
54
|
-
var
|
55
|
-
|
51
|
+
var handleFileReadFinished = function (_fileHandle) {
|
52
|
+
setIsLoading(false);
|
53
|
+
onChange(_fileHandle);
|
56
54
|
};
|
55
|
+
// const handleTextOrDataChange = (value: string) => {
|
56
|
+
// onChange(value)
|
57
|
+
// }
|
57
58
|
return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, props, { helperTextInvalid: (error === null || error === void 0 ? void 0 : error.type) === 'required'
|
58
59
|
? typeof props.label === 'string'
|
59
60
|
? "".concat(props.label, " is required")
|
60
61
|
: 'Required'
|
61
|
-
: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsx)(react_core_1.FileUpload, { id: "file-upload", type: "dataURL", value: value, filename: isLoading ? 'loading...' : filename, filenamePlaceholder: props.placeholder, onFileInputChange: handleFileInputChange,
|
62
|
+
: error === null || error === void 0 ? void 0 : error.message }, { children: (0, jsx_runtime_1.jsx)(react_core_1.FileUpload, { id: "file-upload", type: "dataURL", value: value, filename: isLoading ? 'loading...' : filename, filenamePlaceholder: props.placeholder, onFileInputChange: handleFileInputChange,
|
63
|
+
// onDataChange={handleTextOrDataChange}
|
64
|
+
// onTextChange={handleTextOrDataChange}
|
65
|
+
onReadStarted: handleFileReadStarted, onReadFinished: handleFileReadFinished, onClearClick: handleClear,
|
62
66
|
// isLoading={isLoading}
|
63
67
|
allowEditingUploadedText: false,
|
64
68
|
// browseButtonText={t('Upload')}
|
@@ -43,7 +43,7 @@ function PageFormSchema(props) {
|
|
43
43
|
case 'select':
|
44
44
|
{
|
45
45
|
if (!prop.placeholder) {
|
46
|
-
prop.placeholder = "
|
46
|
+
prop.placeholder = "Select ".concat(((_b = property.title) !== null && _b !== void 0 ? _b : propertyName).toLowerCase());
|
47
47
|
}
|
48
48
|
if (!prop.enum) {
|
49
49
|
prop.enum = (_c = prop.options) === null || _c === void 0 ? void 0 : _c.map(function (option) { return option.value; });
|