@luomus/laji-form 15.1.63 → 15.1.65

package/lib/components/widgets/InputGroupWidget.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,16 +45,15 @@ const TextareaWidget_1 = __importDefault(require("./TextareaWidget"));
 class InputGroupWidget extends React.Component {
     render() {
         const { InputGroup } = this.context.theme;
-        const { inputGroupText = "", inputType = "basic", className = "" } = utils_1.getUiOptions(this.props);
+        const { inputGroupText = "", inputType = "basic", className = "" } = (0, utils_1.getUiOptions)(this.props);
         const input = inputType === "textarea" ? React.createElement(TextareaWidget_1.default, Object.assign({}, this.props)) : React.createElement(BaseInputTemplate_1.default, Object.assign({}, this.props));
-        return (React.createElement(InputGroup, { key: inputGroupText, className: utils_1.classNames("input-group-widget", `input-group-${inputType}`, className) },
+        return (React.createElement(InputGroup, { key: inputGroupText, className: (0, utils_1.classNames)("input-group-widget", `input-group-${inputType}`, className) },
             React.createElement(InputGroup.Addon, { className: "input-group-text" },
                 inputGroupText,
                 this.props.required && React.createElement("span", { className: "text-danger" }, "*")),
             input));
     }
 }
-exports.default = InputGroupWidget;
 InputGroupWidget.contextType = ReactContext_1.default;
 InputGroupWidget.propTypes = {
     uiSchema: PropTypes.shape({
@@ -56,3 +69,4 @@ InputGroupWidget.propTypes = {
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     required: PropTypes.bool
 };
+exports.default = InputGroupWidget;

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

@@ -1,21 +1,31 @@
 export default class InputWithDefaultValueButtonWidget extends React.Component<any, any, any> {
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
     static propTypes: {
-        uiSchema: PropTypes.Validator<PropTypes.InferProps<{
-            "ui:options": PropTypes.Validator<PropTypes.InferProps<{
+        uiSchema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            "ui:options": PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 buttonLabel: PropTypes.Validator<string>;
+                buttonVariant: PropTypes.Requireable<string>;
                 contextFieldForDefaultValue: PropTypes.Requireable<string>;
+                apiQueryForDefaultValue: PropTypes.Requireable<PropTypes.InferProps<{
+                    path: PropTypes.Validator<string>;
+                    query: PropTypes.Requireable<object>;
+                    resultKey: PropTypes.Validator<string>;
+                    cache: PropTypes.Requireable<boolean>;
+                }>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            }>>;
-        }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+            }>>>;
+        }>>>;
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         value: PropTypes.Requireable<string>;
     };
     constructor(props: any);
-    constructor(props: any, context: any);
-    onClick: () => void;
+    state: {
+        fetching: boolean;
+    };
+    render(): JSX.Element;
+    onClick: () => any;
 }
 import * as React from "react";
 import * as PropTypes from "prop-types";

package/lib/components/widgets/InputWithDefaultValueButtonWidget.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -28,37 +42,58 @@ const BaseInputTemplate_1 = __importDefault(require("../templates/BaseInputTempl
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const utils_1 = require("../../utils");
 class InputWithDefaultValueButtonWidget extends React.Component {
-    constructor() {
-        super(...arguments);
+    constructor(props) {
+        super(props);
         this.onClick = () => {
-            const { contextFieldForDefaultValue, onClick } = utils_1.getUiOptions(this.props);
+            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);
             }
+            else if (apiQueryForDefaultValue) {
+                const { path, query = {}, resultKey, cache = false } = apiQueryForDefaultValue;
+                const apiClient = this.props.formContext.apiClient;
+                const fetch = (cache ? apiClient.fetchCached : apiClient.fetch).bind(apiClient);
+                this.setState({ fetching: true });
+                return fetch(path, query).then(result => {
+                    if (result[resultKey]) {
+                        this.props.onChange(result[resultKey]);
+                    }
+                    this.setState({ fetching: false });
+                }).catch(() => {
+                    this.setState({ fetching: false });
+                });
+            }
             if (onClick) {
                 onClick();
             }
         };
+        this.state = { fetching: false };
     }
     render() {
         const { InputGroup, Button } = this.context.theme;
-        const { buttonLabel } = utils_1.getUiOptions(this.props);
+        const { buttonLabel, buttonVariant } = (0, utils_1.getUiOptions)(this.props);
         const { disabled, readonly } = this.props;
         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 }, buttonLabel))));
+                React.createElement(Button, { onClick: this.onClick, disabled: disabled || readonly || this.state.fetching, variant: buttonVariant }, buttonLabel))));
     }
 }
-exports.default = InputWithDefaultValueButtonWidget;
 InputWithDefaultValueButtonWidget.contextType = ReactContext_1.default;
 InputWithDefaultValueButtonWidget.propTypes = {
     uiSchema: PropTypes.shape({
         "ui:options": PropTypes.shape({
             buttonLabel: PropTypes.string.isRequired,
+            buttonVariant: PropTypes.string,
             contextFieldForDefaultValue: PropTypes.string,
+            apiQueryForDefaultValue: PropTypes.shape({
+                path: PropTypes.string.isRequired,
+                query: PropTypes.object,
+                resultKey: PropTypes.string.isRequired,
+                cache: PropTypes.bool
+            }),
             onClick: PropTypes.func
         }).isRequired
     }).isRequired,
@@ -67,3 +102,4 @@ InputWithDefaultValueButtonWidget.propTypes = {
     }).isRequired,
     value: PropTypes.string
 };
+exports.default = InputWithDefaultValueButtonWidget;

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

@@ -1,12 +1,13 @@
 export default class NumberWidget extends React.Component<any, any, any> {
     static propTypes: {
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         value: PropTypes.Requireable<string>;
     };
     constructor(props: any);
     constructor(props: any, context: any);
+    render(): JSX.Element;
     formatValue: (value: any) => any;
 }
 import * as React from "react";

package/lib/components/widgets/NumberWidget.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -34,10 +48,10 @@ class NumberWidget extends React.Component {
         return React.createElement(BaseInputTemplate_1.default, Object.assign({}, this.props, { formatValue: this.formatValue }));
     }
 }
-exports.default = NumberWidget;
 NumberWidget.propTypes = {
     schema: PropTypes.shape({
         type: PropTypes.oneOf(["string"])
     }).isRequired,
     value: PropTypes.string
 };
+exports.default = NumberWidget;

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

@@ -2,9 +2,9 @@ export default PlainTextWidget;
 declare function PlainTextWidget(props: any): JSX.Element;
 declare namespace PlainTextWidget {
     namespace propTypes {
-        const id: PropTypes.Validator<string>;
-        const value: PropTypes.Requireable<string | number>;
-        const schema: PropTypes.Requireable<PropTypes.InferProps<{
+        let id: PropTypes.Validator<string>;
+        let value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        let schema: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
         }>>;
     }

package/lib/components/widgets/PlainTextWidget.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,21 +15,31 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
 function PlainTextWidget(props) {
     const { id, value } = props;
-    const { strong, "ui:widget": formatterWidget, "ui:options": formatterOptions, centered, tag } = utils_1.getUiOptions(props);
-    const formattedValue = utils_1.formatValue(Object.assign(Object.assign({}, props), { uiSchema: formatterWidget ? { "ui:widget": formatterWidget, options: formatterOptions } : props.uiSchema, schema: props.schema, formData: props.value }));
+    const { strong, "ui:widget": formatterWidget, "ui:options": formatterOptions, centered, tag } = (0, utils_1.getUiOptions)(props);
+    const formattedValue = (0, utils_1.formatValue)(Object.assign(Object.assign({}, props), { uiSchema: formatterWidget ? { "ui:widget": formatterWidget, options: formatterOptions } : props.uiSchema, schema: props.schema, formData: props.value }));
     const Tag = tag || "span";
     return (React.createElement(Tag, { className: `plainText${centered ? " horizontally-centered row-height" : ""}` },
         strong ? React.createElement("strong", null, formattedValue) : formattedValue,

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

@@ -1,22 +1,21 @@
-/// <reference types="react" />
 import { EnumOptionsType as _EnumOptionsType } from "@rjsf/utils";
 import { JSONSchemaArray, JSONSchemaEnum, JSONSchemaEnumOneOf, WidgetProps } from "../../types";
-declare type EnumOptionsType<T = string | number | undefined> = Omit<_EnumOptionsType, "value"> & {
+type EnumOptionsType<T = string | number | undefined> = Omit<_EnumOptionsType, "value"> & {
     value: T;
 };
-declare type SelectWidgetCustomProps<T> = {
+type SelectWidgetCustomProps<T> = {
     includeEmpty?: boolean;
     getEnumOptionsAsync?: () => Promise<EnumOptionsType<T>[]>;
 };
-declare type SingleSelectWidgetProps<T extends string | number> = Omit<WidgetProps<JSONSchemaEnum>, "value" | "onChange"> & {
+type SingleSelectWidgetProps<T extends string | number> = Omit<WidgetProps<JSONSchemaEnum>, "value" | "onChange"> & {
     value?: T;
     onChange: (value?: T) => void;
 } & SelectWidgetCustomProps<T>;
-declare type MultiSelectWidgetProps<T extends string | number> = Omit<WidgetProps<JSONSchemaArray<JSONSchemaEnumOneOf>>, "value" | "onChange"> & {
+type MultiSelectWidgetProps<T extends string | number> = Omit<WidgetProps<JSONSchemaArray<JSONSchemaEnumOneOf>>, "value" | "onChange"> & {
     value?: T[];
     onChange: (value?: T[]) => void;
 } & SelectWidgetCustomProps<T>;
-declare type SelectWidgetProps<T extends string | number> = SingleSelectWidgetProps<T> | MultiSelectWidgetProps<T>;
+type SelectWidgetProps<T extends string | number> = SingleSelectWidgetProps<T> | MultiSelectWidgetProps<T>;
 declare const SelectWidget: <T extends string | number>(props: SelectWidgetProps<T>) => JSX.Element;
 export default SelectWidget;
 export declare function SearchableDrowndown<T extends string | number>(props: SingleSelectWidgetProps<T>): JSX.Element;