@luomus/laji-form 15.1.92 → 15.1.94

package/lib/components/widgets/SeparatedDateTimeWidget.js

@@ -15,12 +15,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || (function () {
     var ownKeys = function(o) {
         ownKeys = Object.getOwnPropertyNames || function (o) {
@@ -46,17 +40,20 @@ const React = __importStar(require("react"));
 const PropTypes = __importStar(require("prop-types"));
 const DateWidget_1 = __importDefault(require("./DateWidget"));
 const TimeWidget_1 = __importDefault(require("./TimeWidget"));
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
-let SeparatedDateTimeWidget = class SeparatedDateTimeWidget extends React.Component {
-    constructor() {
-        super(...arguments);
+class SeparatedDateTimeWidget extends React.Component {
+    constructor(props) {
+        super(props);
         this.onDateChange = (value) => {
             this.props.onChange(value ? (this.state.time ? value + this.state.time : value) : null);
         };
         this.onTimeChange = (value) => {
             this.props.onChange(value ? this.state.date + value : this.state.date);
         };
+        this.state = this.getStateFromProps(props);
+    }
+    UNSAFE_componentWillReceiveProps(props) {
+        this.setState(this.getStateFromProps(props));
     }
     getStateFromProps(props) {
         let { value } = props;
@@ -81,7 +78,7 @@ let SeparatedDateTimeWidget = class SeparatedDateTimeWidget extends React.Compon
                 React.createElement(FormGroup, null,
                     React.createElement(TimeWidget_1.default, Object.assign({}, this.props, { onChange: this.onTimeChange, value: this.state.time }))))) : null));
     }
-};
+}
 SeparatedDateTimeWidget.contextType = ReactContext_1.default;
 SeparatedDateTimeWidget.propTypes = {
     schema: PropTypes.shape({
@@ -89,7 +86,4 @@ SeparatedDateTimeWidget.propTypes = {
     }).isRequired,
     value: PropTypes.string
 };
-SeparatedDateTimeWidget = __decorate([
-    BaseComponent_1.default
-], SeparatedDateTimeWidget);
 exports.default = SeparatedDateTimeWidget;

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

@@ -0,0 +1,20 @@
+export { default as CheckboxWidget } from "./CheckboxWidget";
+export { default as SelectWidget } from "./SelectWidget";
+export { default as TextareaWidget } from "./TextareaWidget";
+export { default as DateTimeWidget } from "./DateTimeWidget";
+export { default as DateWidget } from "./DateWidget";
+export { default as TimeWidget } from "./TimeWidget";
+export { default as SeparatedDateTimeWidget } from "./SeparatedDateTimeWidget";
+export { default as AutosuggestWidget } from "./AutosuggestWidget";
+export { default as HiddenWidget } from "./HiddenWidget";
+export { default as PlainTextWidget } from "./PlainTextWidget";
+export { default as TextSelectWidget } from "./TextSelectWidget";
+export { default as ImageSelectWidget } from "./ImageSelectWidget";
+export { default as AnyToBooleanWidget } from "./AnyToBooleanWidget";
+export { default as URLWidget } from "./URLWidget";
+export { default as InformalTaxonGroupChooserWidget } from "./InformalTaxonGroupChooserWidget";
+export { default as TaxonImageWidget } from "./TaxonImageWidget";
+export { default as UpperCaseWidget } from "./UpperCaseWidget";
+export { default as NumberWidget } from "./NumberWidget";
+export { default as InputGroupWidget } from "./InputGroupWidget";
+export { default as InputWithDefaultValueButtonWidget } from "./InputWithDefaultValueButtonWidget";

package/lib/components/widgets/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputWithDefaultValueButtonWidget = exports.InputGroupWidget = exports.NumberWidget = exports.UpperCaseWidget = exports.TaxonImageWidget = exports.InformalTaxonGroupChooserWidget = exports.URLWidget = exports.AnyToBooleanWidget = exports.ImageSelectWidget = exports.TextSelectWidget = exports.PlainTextWidget = exports.HiddenWidget = exports.AutosuggestWidget = exports.SeparatedDateTimeWidget = exports.TimeWidget = exports.DateWidget = exports.DateTimeWidget = exports.TextareaWidget = exports.SelectWidget = exports.CheckboxWidget = void 0;
+var CheckboxWidget_1 = require("./CheckboxWidget");
+Object.defineProperty(exports, "CheckboxWidget", { enumerable: true, get: function () { return __importDefault(CheckboxWidget_1).default; } });
+var SelectWidget_1 = require("./SelectWidget");
+Object.defineProperty(exports, "SelectWidget", { enumerable: true, get: function () { return __importDefault(SelectWidget_1).default; } });
+var TextareaWidget_1 = require("./TextareaWidget");
+Object.defineProperty(exports, "TextareaWidget", { enumerable: true, get: function () { return __importDefault(TextareaWidget_1).default; } });
+var DateTimeWidget_1 = require("./DateTimeWidget");
+Object.defineProperty(exports, "DateTimeWidget", { enumerable: true, get: function () { return __importDefault(DateTimeWidget_1).default; } });
+var DateWidget_1 = require("./DateWidget");
+Object.defineProperty(exports, "DateWidget", { enumerable: true, get: function () { return __importDefault(DateWidget_1).default; } });
+var TimeWidget_1 = require("./TimeWidget");
+Object.defineProperty(exports, "TimeWidget", { enumerable: true, get: function () { return __importDefault(TimeWidget_1).default; } });
+var SeparatedDateTimeWidget_1 = require("./SeparatedDateTimeWidget");
+Object.defineProperty(exports, "SeparatedDateTimeWidget", { enumerable: true, get: function () { return __importDefault(SeparatedDateTimeWidget_1).default; } });
+var AutosuggestWidget_1 = require("./AutosuggestWidget");
+Object.defineProperty(exports, "AutosuggestWidget", { enumerable: true, get: function () { return __importDefault(AutosuggestWidget_1).default; } });
+var HiddenWidget_1 = require("./HiddenWidget");
+Object.defineProperty(exports, "HiddenWidget", { enumerable: true, get: function () { return __importDefault(HiddenWidget_1).default; } });
+var PlainTextWidget_1 = require("./PlainTextWidget");
+Object.defineProperty(exports, "PlainTextWidget", { enumerable: true, get: function () { return __importDefault(PlainTextWidget_1).default; } });
+var TextSelectWidget_1 = require("./TextSelectWidget");
+Object.defineProperty(exports, "TextSelectWidget", { enumerable: true, get: function () { return __importDefault(TextSelectWidget_1).default; } });
+var ImageSelectWidget_1 = require("./ImageSelectWidget");
+Object.defineProperty(exports, "ImageSelectWidget", { enumerable: true, get: function () { return __importDefault(ImageSelectWidget_1).default; } });
+var AnyToBooleanWidget_1 = require("./AnyToBooleanWidget");
+Object.defineProperty(exports, "AnyToBooleanWidget", { enumerable: true, get: function () { return __importDefault(AnyToBooleanWidget_1).default; } });
+var URLWidget_1 = require("./URLWidget");
+Object.defineProperty(exports, "URLWidget", { enumerable: true, get: function () { return __importDefault(URLWidget_1).default; } });
+var InformalTaxonGroupChooserWidget_1 = require("./InformalTaxonGroupChooserWidget");
+Object.defineProperty(exports, "InformalTaxonGroupChooserWidget", { enumerable: true, get: function () { return __importDefault(InformalTaxonGroupChooserWidget_1).default; } });
+var TaxonImageWidget_1 = require("./TaxonImageWidget");
+Object.defineProperty(exports, "TaxonImageWidget", { enumerable: true, get: function () { return __importDefault(TaxonImageWidget_1).default; } });
+var UpperCaseWidget_1 = require("./UpperCaseWidget");
+Object.defineProperty(exports, "UpperCaseWidget", { enumerable: true, get: function () { return __importDefault(UpperCaseWidget_1).default; } });
+var NumberWidget_1 = require("./NumberWidget");
+Object.defineProperty(exports, "NumberWidget", { enumerable: true, get: function () { return __importDefault(NumberWidget_1).default; } });
+var InputGroupWidget_1 = require("./InputGroupWidget");
+Object.defineProperty(exports, "InputGroupWidget", { enumerable: true, get: function () { return __importDefault(InputGroupWidget_1).default; } });
+var InputWithDefaultValueButtonWidget_1 = require("./InputWithDefaultValueButtonWidget");
+Object.defineProperty(exports, "InputWithDefaultValueButtonWidget", { enumerable: true, get: function () { return __importDefault(InputWithDefaultValueButtonWidget_1).default; } });

package/lib/themes/theme.d.ts

@@ -38,6 +38,7 @@ export interface ButtonProps extends JSX.IntrinsicAttributes, HasMaybeChildren,
     id?: string;
     small?: boolean;
     onKeyDown?: (e: React.KeyboardEvent<any>) => void;
+    type?: any;
 }
 export type ButtonGroupProps = JSX.IntrinsicAttributes & HasMaybeChildren;
 export interface ButtonToolbarProps extends JSX.IntrinsicAttributes, HasMaybeChildren, HasMaybeClassName {

package/lib/types.d.ts

@@ -41,7 +41,7 @@ export type FieldProps<T = any, S extends JSONSchemaObject | JSONSchemaArray = J
     registry: RJSFFieldProps<any, JSONSchema, FormContext>["registry"];
 };
 export type WidgetProps<T = any, S extends JSONSchema = JSONSchema> = WithNonNullableKeys<RJSFWidgetProps<T, S, FormContext>, "errorSchema" | "formContext"> & {
-    registry: RJSFFieldProps<any, JSONSchema, FormContext>["registry"];
+    registry: RJSFWidgetProps<any, JSONSchema, FormContext>["registry"];
 };
 export type UiSchema<S extends JSONSchema = JSONSchemaObject> = RJSFUiSchema<any, S, FormContext>;
 export interface HasMaybeChildren {

package/lib/utils.d.ts

@@ -87,7 +87,7 @@ export declare function applyFunction(props: FieldProps): any;
 export declare function getWindowScrolled(): number;
 export declare function getScrollPositionForScrollIntoViewIfNeeded(elem: Element, topOffset?: number, bottomOffset?: number): number;
 export declare function scrollIntoViewIfNeeded(elem: HTMLElement, topOffset?: number, bottomOffset?: number): void;
-export declare function filter(properties: any[], filter: string[], filterType: string | undefined, getValue: (s: string) => any): any[];
+export declare function filter(properties: any[], filter: string[], filterType?: "blacklist" | "whitelist", getValue?: (s: string) => any): any[];
 export declare function updateSafelyWithJSONPath(obj: any, value: any, path: string, immutably: boolean, createNew: (obj: any, split: string) => any): any;
 export declare function updateSafelyWithJSONPointer(obj: any, value: any, path: string, immutably?: boolean, createNew?: (obj: any, split: string, o?: any, _split?: string) => any): any;
 export declare function injectButtons(uiSchema: any, buttons: any[], buttonsPath: string): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.92",
+  "version": "15.1.94",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -29,7 +29,7 @@
     "test:lightweight": "npx playwright test --project chromium",
     "test:docker:build": "docker build -t laji-form-test -f test.Dockerfile .",
     "test:docker:run": "docker run laji-form-test",
-    "generate:api-client": "openapi-typescript https://apitest.laji.fi/openapi-json -o ./generated/api.d.ts --properties-required-by-default"
+    "generate:api-client": "openapi-typescript http://apitest.laji.fi/openapi-json -o ./generated/api.d.ts --properties-required-by-default"
   },
   "keywords": [
     "react-jsonschema-form",
@@ -41,7 +41,7 @@
   "license": "MIT",
   "dependencies": {
     "@luomus/laji-map": "^5.1.19",
-    "@luomus/laji-validate": "^0.0.127",
+    "@luomus/laji-validate": "^0.0.128",
     "@rjsf/core": "~5.1.0",
     "@rjsf/utils": "~5.1.0",
     "@rjsf/validator-ajv6": "~5.1.0",

package/lib/components/BaseComponent.d.ts

@@ -1,8 +0,0 @@
-import { FieldProps, WidgetProps } from "../types";
-type Constructor<T> = new (...args: any[]) => T;
-interface LajiFormComponentForBaseComponent<P, S> extends React.Component<P, S> {
-    getStateFromProps?(props: P): S;
-    UNSAFE_componentWillReceiveProps?(props: Readonly<P>, nextContext?: any): void;
-}
-export declare function BaseComponent<P extends FieldProps | WidgetProps, S, LFC extends Constructor<LajiFormComponentForBaseComponent<P, S>>>(ComposedComponent: LFC): any;
-export default BaseComponent;

package/lib/components/BaseComponent.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseComponent = BaseComponent;
-const utils_1 = require("../utils");
-function BaseComponent(ComposedComponent) {
-    var _a;
-    return _a = class BaseComponent extends ComposedComponent {
-            constructor(...args) {
-                const props = args[0];
-                super(props);
-                if (!this.state && this.getStateFromProps)
-                    this.state = this.getStateFromProps(props);
-            }
-            UNSAFE_componentWillReceiveProps(props, nextContext) {
-                if (super.UNSAFE_componentWillReceiveProps) {
-                    super.UNSAFE_componentWillReceiveProps(props, nextContext);
-                }
-                else if (this.getStateFromProps) {
-                    const state = this.getStateFromProps(props);
-                    if (state)
-                        this.setState(state);
-                }
-            }
-        },
-        _a.displayName = (0, utils_1.getReactComponentName)(ComposedComponent),
-        _a;
-}
-exports.default = BaseComponent;

package/lib/components/fields/ArrayBulkField.d.ts

@@ -1,28 +0,0 @@
-export default class ArrayBulkField extends React.Component<any, any, any> {
-    static propTypes: {
-        uiSchema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
-                rowAddAmount: PropTypes.Requireable<number>;
-            }>>;
-        }>>>;
-        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-        }>>>;
-        formData: PropTypes.Validator<any[]>;
-    };
-    constructor(props: any);
-    state: {
-        rowAddAmount: any;
-        rowAmount: number;
-    };
-    getStateFromProps: (props: any) => {
-        rowAddAmount: any;
-        rowAmount: number;
-    };
-    render(): JSX.Element;
-    renderItems: () => any[];
-    onChangeForIdx: (idx: any) => (itemFormData: any) => void;
-    onAddClick: (event: any) => void;
-}
-import * as React from "react";
-import * as PropTypes from "prop-types";

package/lib/components/fields/ArrayBulkField.js

@@ -1,118 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-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 };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const PropTypes = __importStar(require("prop-types"));
-const utils_1 = require("../../utils");
-const components_1 = require("../components");
-const BaseComponent_1 = __importDefault(require("../BaseComponent"));
-const utils_2 = require("@rjsf/utils");
-let ArrayBulkField = class ArrayBulkField extends React.Component {
-    constructor(props) {
-        super(props);
-        this.getStateFromProps = (props) => {
-            let state = {};
-            const { rowAddAmount } = (0, utils_1.getUiOptions)(props.uiSchema);
-            state.rowAddAmount = 10;
-            if (rowAddAmount > 0)
-                state.rowAddAmount = rowAddAmount;
-            if (props.formData && props.formData.length > this.state.rowAmount) {
-                state.rowAmount = props.formData.length + state.rowAddAmount - (props.formData.length % state.rowAddAmount);
-            }
-            return state;
-        };
-        this.renderItems = () => {
-            let rows = [];
-            let idx = 0;
-            let data = this.props.formData || [];
-            while (data.length < this.state.rowAmount) {
-                data.push({});
-            }
-            const SchemaField = this.props.registry.fields.SchemaField;
-            if (data)
-                data.forEach((item) => {
-                    rows.push(React.createElement(SchemaField, { key: idx, formData: item, onChange: this.onChangeForIdx(idx), schema: this.props.schema.items, uiSchema: this.props.uiSchema.items, idSchema: { $id: this.props.idSchema.$id + "_" + idx }, registry: this.props.registry, errorSchema: this.props.errorSchema[idx] }));
-                    idx++;
-                });
-            return rows;
-        };
-        this.onChangeForIdx = (idx) => {
-            return (itemFormData) => {
-                let formData = this.props.formData;
-                if (!formData)
-                    formData = [];
-                formData[idx] = itemFormData;
-                this.props.onChange(formData.filter(item => { return Object.keys(item).length; }));
-            };
-        };
-        this.onAddClick = (event) => {
-            event.preventDefault();
-            this.setState({ rowAmount: this.state.rowAmount + this.state.rowAddAmount });
-        };
-        this.state = Object.assign({ rowAmount: 0 }, this.getStateFromProps(props));
-    }
-    render() {
-        const TitleFieldTemplate = (0, utils_2.getTemplate)("TitleFieldTemplate", this.props.registry, (0, utils_1.getUiOptions)(this.props.uiSchema));
-        return (React.createElement("fieldset", null,
-            React.createElement(TitleFieldTemplate, { title: this.props.schema.title || this.props.name, schema: this.props.schema, uiSchema: this.props.uiSchema, registry: this.props.registry }),
-            this.renderItems(),
-            React.createElement(components_1.Button, { onClick: this.onAddClick }, "Lis\u00E4\u00E4 havaintorivej\u00E4"),
-            React.createElement("br", null)));
-    }
-};
-ArrayBulkField.propTypes = {
-    uiSchema: PropTypes.shape({
-        "ui:options": PropTypes.shape({
-            rowAddAmount: PropTypes.number
-        })
-    }).isRequired,
-    schema: PropTypes.shape({
-        type: PropTypes.oneOf(["array"])
-    }).isRequired,
-    formData: PropTypes.array.isRequired
-};
-ArrayBulkField = __decorate([
-    BaseComponent_1.default
-], ArrayBulkField);
-exports.default = ArrayBulkField;