@luomus/laji-form 15.1.80 → 15.1.81

package/lib/components/widgets/InputWithDefaultValueButtonWidget.d.ts

@@ -12,6 +12,7 @@ export default class InputWithDefaultValueButtonWidget extends React.Component<a
                     resultKey: PropTypes.Validator<string>;
                     cache: PropTypes.Requireable<boolean>;
                 }>>;
+                disableButtonAfterUse: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>>;
         }>>>;
@@ -21,11 +22,15 @@ export default class InputWithDefaultValueButtonWidget extends React.Component<a
         value: PropTypes.Requireable<string>;
     };
     constructor(props: any);
+    fetching: boolean;
+    disabled: boolean;
     state: {
         fetching: boolean;
+        disabled: boolean;
     };
     render(): JSX.Element;
     onClick: () => any;
+    changeValue: (value: any) => void;
 }
 import * as React from "react";
 import * as PropTypes from "prop-types";

package/lib/components/widgets/InputWithDefaultValueButtonWidget.js

@@ -41,26 +41,31 @@ const PropTypes = __importStar(require("prop-types"));
 const BaseInputTemplate_1 = __importDefault(require("../templates/BaseInputTemplate"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const utils_1 = require("../../utils");
+const react_spinner_1 = __importDefault(require("react-spinner"));
 class InputWithDefaultValueButtonWidget extends React.Component {
     constructor(props) {
         super(props);
         this.onClick = () => {
+            if (this.fetching || this.disabled) {
+                return;
+            }
             const { contextFieldForDefaultValue, apiQueryForDefaultValue, onClick } = (0, utils_1.getUiOptions)(this.props);
             if (contextFieldForDefaultValue) {
                 const uiSchemaContext = this.props.formContext.uiSchemaContext || {};
                 const defaultValue = uiSchemaContext[contextFieldForDefaultValue];
-                this.props.onChange(defaultValue);
+                this.changeValue(defaultValue);
             }
             else if (apiQueryForDefaultValue) {
                 const { path, query = {}, resultKey, cache = false } = apiQueryForDefaultValue;
                 const apiClient = this.props.formContext.apiClient;
+                this.fetching = true;
                 this.setState({ fetching: true });
-                return apiClient.get(path, { query }, cache).then(result => {
-                    if (result[resultKey]) {
-                        this.props.onChange(result[resultKey]);
-                    }
-                    this.setState({ fetching: false });
+                return apiClient.get(path, { query: Object.assign({ value: this.props.value }, query) }, cache).then(result => {
+                    result = resultKey ? result === null || result === void 0 ? void 0 : result[resultKey] : result;
+                    this.changeValue(result);
                 }).catch(() => {
+                }).finally(() => {
+                    this.fetching = false;
                     this.setState({ fetching: false });
                 });
             }
@@ -68,7 +73,17 @@ class InputWithDefaultValueButtonWidget extends React.Component {
                 onClick();
             }
         };
-        this.state = { fetching: false };
+        this.changeValue = (value) => {
+            const { disableButtonAfterUse = false } = (0, utils_1.getUiOptions)(this.props);
+            this.props.onChange(value);
+            if (disableButtonAfterUse) {
+                this.disabled = true;
+                this.setState({ disabled: true });
+            }
+        };
+        this.fetching = false;
+        this.disabled = false;
+        this.state = { fetching: false, disabled: false };
     }
     render() {
         const { InputGroup, Button } = this.context.theme;
@@ -77,7 +92,9 @@ class InputWithDefaultValueButtonWidget extends React.Component {
         return (React.createElement(InputGroup, null,
             React.createElement(BaseInputTemplate_1.default, Object.assign({}, this.props)),
             React.createElement(InputGroup.Button, { className: "input-group-button" },
-                React.createElement(Button, { onClick: this.onClick, disabled: disabled || readonly || this.state.fetching, variant: buttonVariant }, buttonLabel))));
+                React.createElement(Button, { onClick: this.onClick, disabled: disabled || readonly || this.state.fetching || this.state.disabled, variant: buttonVariant },
+                    buttonLabel,
+                    this.state.fetching && React.createElement(react_spinner_1.default, null)))));
     }
 }
 InputWithDefaultValueButtonWidget.contextType = ReactContext_1.default;
@@ -93,6 +110,7 @@ InputWithDefaultValueButtonWidget.propTypes = {
                 resultKey: PropTypes.string.isRequired,
                 cache: PropTypes.bool
             }),
+            disableButtonAfterUse: PropTypes.bool,
             onClick: PropTypes.func
         }).isRequired
     }).isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.80",
+  "version": "15.1.81",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",