@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 _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
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 handleTextOrDataChange = function (value) {
55
- onChange(value);
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, onDataChange: handleTextOrDataChange, onTextChange: handleTextOrDataChange, onReadStarted: handleFileReadStarted, onReadFinished: handleFileReadFinished, onClearClick: handleClear,
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 = "Enter ".concat(((_b = property.title) !== null && _b !== void 0 ? _b : propertyName).toLowerCase());
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; });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ansible/ansible-ui-framework",
3
3
  "description": "A framework for building applications using PatternFly.",
4
- "version": "0.0.390",
4
+ "version": "0.0.392",
5
5
  "author": "Red Hat",
6
6
  "license": "MIT",
7
7
  "repository": {