@luomus/laji-form 15.1.23 → 15.1.25

package/dist/styles.css

@@ -2070,7 +2070,7 @@ body .laji-form {
 	width: 0px;
 }
 
-.laji-form .form-control, .laji-form .rw-widget, .laji-form .rw-widget-container, .laji-form .rw-list-option {
+.laji-form .form-control, .laji-form .rw-widget, .laji-form .rw-widget-container, .laji-form-multiselect-input-wrapper {
 	border-radius: 2px !important;
 }
 .laji-form label[type="button"] {
@@ -2115,7 +2115,7 @@ body .laji-form {
 	border-color: #e6e6e6;
 }
 .laji-form ul.rw-list > li.rw-list-option, .rw-selectlist > li.rw-list-option {
-min-height: 20px;
+	min-height: 20px;
 }
 .laji-form .rw-combobox .rw-list, .laji-form .rw-datetimepicker .rw-list, .laji-form .rw-numberpicker .rw-list, .laji-form .rw-dropdownlist .rw-list, .laji-form .rw-multiselect .rw-list {
     max-height: 50vh;
@@ -2466,7 +2466,7 @@ min-height: 20px;
 .laji-form .laji-form-drop-zone:hover:not(.disabled) span, .laji-form .laji-form-drop-zone.dragging:not(.disabled) span {
 	color: #a7d490;
 }
-.laji-form  .laji-form-drop-zone.disabled, .laji-form  .laji-form-drop-zone.disabled .glyphicon {
+.laji-form  .laji-form-drop-zone.disabled, .laji-form  .laji-form-drop-zone.disabled .glyphicon, .laji-form-multiselect-input-wrapper-readonly {
 	cursor: not-allowed;
 }
 
@@ -2746,7 +2746,7 @@ min-height: 20px;
 	padding-top: 3px;
 }
 
-.laji-form .has-error .rw-widget {
+.laji-form .has-error .rw-widget .laji-form .has-error .laji-form-multiselect-input-wrapper {
 	border-color: #a94442 !important;
 	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
 	box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
@@ -2815,7 +2815,7 @@ min-height: 20px;
 .laji-form .laji-form-error-list .warning-panel .panel-heading {
 	background-color: #f0ad4e;
 }
-.laji-form .laji-form-warning-container .rw-widget, .laji-form .laji-form-warning-container .form-control {
+.laji-form .laji-form-warning-container .rw-widget, .laji-form .laji-form-warning-container .form-control, .laji-form-warning-container .laji-form-multiselect-input-wrapper {
 	border-color: #f0ad4e !important;
 	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
 	box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
@@ -3769,3 +3769,94 @@ min-height: 20px;
 	border-left: 15px solid rgb(220, 53, 69);
 }
 
+.laji-form .rw-state-disabled .rw-widget-container {
+	background-color: #eee;
+}
+
+.laji-form-dropdown {
+	max-height: 0;
+	z-index: 1006;
+	overflow: hidden;
+	box-shadow: 0 5px 6px #0003;
+	background: white;
+	min-width: 100%;
+	max-width: 50vw;
+}
+.laji-form-dropdown-open {
+	display: block;
+	overflow: auto;
+  transform: translateY(0);
+	max-height: 400px;
+}
+.laji-form-dropdown-item {
+	height: 30px;
+	line-height: 30px;
+	padding: 0px;
+	padding-left: 8px;
+	border-top: none;
+	white-space: nowrap;
+	cursor: pointer;
+}
+.laji-form-dropdown-item:hover {
+	background-color: #f5f5f5;
+}
+.laji-form-dropdown-item.active {
+	background-color: #337ab7;
+	color: white;
+}
+
+.laji-form-multiselect-input-wrapper ul {
+	padding-left: 2px;
+	margin-bottom: 0px;
+}
+
+.laji-form-multiselect ul li {
+	border: 1px solid;
+	margin: 0px 1px;
+	font-size: 11px;
+	padding: 0px;
+	height: 18px;
+	line-height: 18px;
+	background-color: #eee;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+	border-collapse: separate;
+	padding: 0px 2px;
+}
+.laji-form-multiselect ul li span {
+	margin: 0px 2px;
+}
+
+.laji-form-multiselect-input-wrapper {
+	background: white;
+	border: #ccc 1px solid;
+}
+.laji-form-multiselect-input-wrapper input {
+	border: none;
+}
+.laji-form-multiselect-input-wrapper input:focus {
+	outline: none;
+}
+
+.laji-form-dropdown-caret-container {
+	background-color: white;
+	right: 1px;
+	bottom: 1px;
+	height: 23px;
+	width: 23px;
+	line-height: initial;
+	font-size: 20px;
+}
+.laji-form-dropdown-caret {
+	bottom: 2px;
+	position: absolute;
+	right: 3px;
+}
+
+.laji-form-multiselect-input-wrapper-focus {
+	border: #66afe9 1px solid;
+}
+.laji-form-multiselect-input-wrapper-readonly {
+	background-color: #eee;
+}
+

package/lib/ApiClient.d.ts

@@ -1,4 +1,5 @@
-import { Translations, Lang } from "./components/LajiForm";
+import { Translations } from "./components/LajiForm";
+import { Lang } from "./types";
 interface Query {
     [param: string]: any;
 }

package/lib/components/BaseComponent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FieldProps, WidgetProps } from "./LajiForm";
+import { FieldProps, WidgetProps } from "../types";
 declare type Constructor<T> = new (...args: any[]) => T;
 interface LajiFormComponentForBaseComponent<P, S> extends React.Component<P, S> {
     getStateFromProps?(props: P): S;

package/lib/components/LajiForm.d.ts

@@ -2,10 +2,10 @@ import * as React from "react";
 import * as PropTypes from "prop-types";
 import { FailedBackgroundJobsPanel } from "./components";
 import { ReactUtilsType } from "../utils";
-import { HasMaybeChildren, Theme } from "../themes/theme";
+import { Theme } from "../themes/theme";
 import { ContextProps } from "../ReactContext";
 import Form from "@rjsf/core";
-import { FieldProps as RJSFFieldProps, WidgetProps as RJSFWidgetProps, Field, Widget, TemplatesType } from "@rjsf/utils";
+import { Field, Widget, TemplatesType } from "@rjsf/utils";
 import ApiClient, { ApiClientImplementation } from "../ApiClient";
 import KeyHandlerService, { ShortcutKeys } from "../services/key-handler-service";
 import SettingsService, { Settings } from "../services/settings-service";
@@ -17,6 +17,7 @@ import DOMIdService from "../services/dom-id-service";
 import IdService from "../services/id-service";
 import RootInstanceService from "../services/root-instance-service";
 import SingletonMapService from "../services/singleton-map-service";
+import { HasMaybeChildren, Lang } from "../types";
 export interface LajiFormProps extends HasMaybeChildren {
     apiClient?: ApiClientImplementation;
     lang?: Lang;
@@ -106,17 +107,6 @@ export interface FormContext {
         singletonMap: SingletonMapService;
     };
 }
-export declare type Lang = "fi" | "en" | "sv";
-export interface FieldProps extends RJSFFieldProps<any, any, FormContext> {
-    uiSchema: any;
-    errorSchema: any;
-    formContext: FormContext;
-}
-export interface WidgetProps extends RJSFWidgetProps<any, any, FormContext> {
-    uiSchema: any;
-    errorSchema: any;
-    formContext: FormContext;
-}
 export declare type NotifyMessager = (msg: string) => void;
 export interface Notifier {
     success: NotifyMessager;

package/lib/components/VirtualSchemaField.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { FieldProps } from "./LajiForm";
+import { FieldProps } from "../types";
 export declare function getPropsWithInnerUiSchema(props: FieldProps): FieldProps;
 declare type Constructor<LFC> = new (...args: any[]) => LFC;
 interface LajiFormComponentForVirtualSchemaField extends Omit<React.Component<FieldProps>, "render"> {
@@ -15,27 +15,27 @@ export default function VirtualSchemaField<LFC extends Constructor<LajiFormCompo
         getStateFromProps: (props: FieldProps) => any;
         render: () => React.ReactNode;
         context: any;
-        readonly props: Readonly<FieldProps> & Readonly<{
+        readonly props: Readonly<FieldProps<import("../types").JSONSchema<any>>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
         componentDidMount?: (() => void) | undefined;
-        setState: <K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<FieldProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined) => void;
+        setState: <K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<FieldProps<import("../types").JSONSchema<any>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined) => void;
         forceUpdate: (callback?: (() => void) | undefined) => void;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?: ((nextProps: Readonly<FieldProps>, nextState: Readonly<{}>, nextContext: any) => boolean) | undefined;
+        shouldComponentUpdate?: ((nextProps: Readonly<FieldProps<import("../types").JSONSchema<any>>>, nextState: Readonly<{}>, nextContext: any) => boolean) | undefined;
         componentWillUnmount?: (() => void) | undefined;
         componentDidCatch?: ((error: Error, errorInfo: React.ErrorInfo) => void) | undefined;
-        getSnapshotBeforeUpdate?: ((prevProps: Readonly<FieldProps>, prevState: Readonly<{}>) => any) | undefined;
-        componentDidUpdate?: ((prevProps: Readonly<FieldProps>, prevState: Readonly<{}>, snapshot?: any) => void) | undefined;
+        getSnapshotBeforeUpdate?: ((prevProps: Readonly<FieldProps<import("../types").JSONSchema<any>>>, prevState: Readonly<{}>) => any) | undefined;
+        componentDidUpdate?: ((prevProps: Readonly<FieldProps<import("../types").JSONSchema<any>>>, prevState: Readonly<{}>, snapshot?: any) => void) | undefined;
         componentWillMount?: (() => void) | undefined;
         UNSAFE_componentWillMount?: (() => void) | undefined;
-        componentWillReceiveProps?: ((nextProps: Readonly<FieldProps>, nextContext: any) => void) | undefined;
-        UNSAFE_componentWillReceiveProps?: ((nextProps: Readonly<FieldProps>, nextContext: any) => void) | undefined;
-        componentWillUpdate?: ((nextProps: Readonly<FieldProps>, nextState: Readonly<{}>, nextContext: any) => void) | undefined;
-        UNSAFE_componentWillUpdate?: ((nextProps: Readonly<FieldProps>, nextState: Readonly<{}>, nextContext: any) => void) | undefined;
+        componentWillReceiveProps?: ((nextProps: Readonly<FieldProps<import("../types").JSONSchema<any>>>, nextContext: any) => void) | undefined;
+        UNSAFE_componentWillReceiveProps?: ((nextProps: Readonly<FieldProps<import("../types").JSONSchema<any>>>, nextContext: any) => void) | undefined;
+        componentWillUpdate?: ((nextProps: Readonly<FieldProps<import("../types").JSONSchema<any>>>, nextState: Readonly<{}>, nextContext: any) => void) | undefined;
+        UNSAFE_componentWillUpdate?: ((nextProps: Readonly<FieldProps<import("../types").JSONSchema<any>>>, nextState: Readonly<{}>, nextContext: any) => void) | undefined;
     };
     displayName: string;
 } & LFC;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as PropTypes from "prop-types";
-import { FieldProps } from "../LajiForm";
+import { FieldProps } from "../../types";
 export default class AsArrayField extends React.Component<FieldProps> {
     static propTypes: {
         schema: PropTypes.Validator<PropTypes.InferProps<{
@@ -12,18 +12,142 @@ export default class AsArrayField extends React.Component<FieldProps> {
     getStateFromProps(props: FieldProps): {
         formData: any[];
         schema: {
-            title: any;
+            title: string | undefined;
             type: string;
-            items: any;
+            items: {
+                title: undefined;
+                type: "object";
+                default?: Record<string, import("../../types").JSONObject> | undefined;
+                properties: Record<string, import("../../types").JSONSchema<any>>;
+                required?: string[] | undefined;
+            } | {
+                title: undefined;
+                type: "number";
+                default?: number | undefined;
+            } | {
+                title: undefined;
+                type: "integer";
+                default?: number | undefined;
+            } | {
+                title: undefined;
+                type: "boolean";
+                default?: boolean | undefined;
+            } | {
+                title: undefined;
+                type: "string";
+                default?: string | undefined;
+            } | {
+                title: undefined;
+                type: "string";
+                default?: string | undefined;
+                oneOf: import("../../types").JSONSchemaEnumOneOf[];
+            } | {
+                title: undefined;
+                type: "array";
+                default?: never[] | undefined;
+                items: any;
+                uniqueItems?: boolean | undefined;
+                maxItems?: number | undefined;
+            };
             maxItems: number;
         };
         onChange: (formData: any[]) => void;
-        uiSchema: any;
-        errorSchema: any;
-        formContext: import("../LajiForm").FormContext;
+        uiSchema: import("@rjsf/utils").GenericObjectType & {
+            "ui:ArrayFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldDescriptionTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldDescriptionProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldItemTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateItemType<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldTitleTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTitleProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:BaseInputTemplate"?: React.ComponentType<import("@rjsf/utils").WidgetProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:DescriptionFieldTemplate"?: React.ComponentType<import("@rjsf/utils").DescriptionFieldProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:ErrorListTemplate"?: React.ComponentType<import("@rjsf/utils").ErrorListProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldErrorTemplate"?: React.ComponentType<import("@rjsf/utils").FieldErrorProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldHelpTemplate"?: React.ComponentType<import("@rjsf/utils").FieldHelpProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldTemplate"?: React.ComponentType<import("@rjsf/utils").FieldTemplateProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:ObjectFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ObjectFieldTemplateProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:TitleFieldTemplate"?: React.ComponentType<import("@rjsf/utils").TitleFieldProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:UnsupportedFieldTemplate"?: React.ComponentType<import("@rjsf/utils").UnsupportedFieldProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:WrapIfAdditionalTemplate"?: React.ComponentType<import("@rjsf/utils").WrapIfAdditionalTemplateProps<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>> | undefined;
+            "ui:classNames"?: string | undefined;
+            "ui:style"?: React.StyleHTMLAttributes<any> | undefined;
+            "ui:title"?: string | undefined;
+            "ui:description"?: string | undefined;
+            "ui:placeholder"?: string | undefined;
+            "ui:help"?: string | undefined;
+            "ui:autofocus"?: boolean | undefined;
+            "ui:autocomplete"?: string | undefined;
+            "ui:disabled"?: boolean | undefined;
+            "ui:emptyValue"?: any;
+            "ui:enumDisabled"?: (string | number | boolean)[] | undefined;
+            "ui:hideError"?: boolean | undefined;
+            "ui:readonly"?: boolean | undefined;
+            "ui:order"?: string[] | undefined;
+            "ui:addable"?: boolean | undefined;
+            "ui:orderable"?: boolean | undefined;
+            "ui:removable"?: boolean | undefined;
+            "ui:inline"?: boolean | undefined;
+            "ui:inputType"?: string | undefined;
+            "ui:label"?: boolean | undefined;
+            "ui:rows"?: number | undefined;
+            "ui:submitButtonOptions"?: import("@rjsf/utils").UISchemaSubmitButtonOptions | undefined;
+            "ui:widget"?: string | import("@rjsf/utils").Widget<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext> | undefined;
+            "ui:duplicateKeySuffixSeparator"?: string | undefined;
+        } & {
+            "ui:rootFieldId"?: string | undefined;
+            "ui:field"?: string | import("@rjsf/utils").Field<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext> | undefined;
+            "ui:fieldReplacesAnyOrOneOf"?: boolean | undefined;
+            "ui:options"?: import("@rjsf/utils").UIOptionsType<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext> | undefined;
+        } & {
+            "ui:ArrayFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldDescriptionTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldDescriptionProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldItemTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateItemType<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldTitleTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTitleProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:BaseInputTemplate"?: React.ComponentType<import("@rjsf/utils").WidgetProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:DescriptionFieldTemplate"?: React.ComponentType<import("@rjsf/utils").DescriptionFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ErrorListTemplate"?: React.ComponentType<import("@rjsf/utils").ErrorListProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldErrorTemplate"?: React.ComponentType<import("@rjsf/utils").FieldErrorProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldHelpTemplate"?: React.ComponentType<import("@rjsf/utils").FieldHelpProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldTemplate"?: React.ComponentType<import("@rjsf/utils").FieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ObjectFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ObjectFieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:TitleFieldTemplate"?: React.ComponentType<import("@rjsf/utils").TitleFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:UnsupportedFieldTemplate"?: React.ComponentType<import("@rjsf/utils").UnsupportedFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:WrapIfAdditionalTemplate"?: React.ComponentType<import("@rjsf/utils").WrapIfAdditionalTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:classNames"?: string | undefined;
+            "ui:style"?: React.StyleHTMLAttributes<any> | undefined;
+            "ui:title"?: string | undefined;
+            "ui:description"?: string | undefined;
+            "ui:placeholder"?: string | undefined;
+            "ui:help"?: string | undefined;
+            "ui:autofocus"?: boolean | undefined;
+            "ui:autocomplete"?: string | undefined;
+            "ui:disabled"?: boolean | undefined;
+            "ui:emptyValue"?: any;
+            "ui:enumDisabled"?: (string | number | boolean)[] | undefined;
+            "ui:hideError"?: boolean | undefined;
+            "ui:readonly"?: boolean | undefined;
+            "ui:order"?: string[] | undefined;
+            "ui:addable"?: boolean | undefined;
+            "ui:orderable"?: boolean | undefined;
+            "ui:removable"?: boolean | undefined;
+            "ui:inline"?: boolean | undefined;
+            "ui:inputType"?: string | undefined;
+            "ui:label"?: boolean | undefined;
+            "ui:rows"?: number | undefined;
+            "ui:submitButtonOptions"?: import("@rjsf/utils").UISchemaSubmitButtonOptions | undefined;
+            "ui:widget"?: string | import("@rjsf/utils").Widget<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext> | undefined;
+            "ui:duplicateKeySuffixSeparator"?: string | undefined;
+        } & {
+            "ui:rootFieldId"?: string | undefined;
+            "ui:field"?: string | import("@rjsf/utils").Field<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext> | undefined;
+            "ui:fieldReplacesAnyOrOneOf"?: boolean | undefined;
+            "ui:options"?: import("@rjsf/utils").UIOptionsType<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext> | undefined;
+        };
         idSchema: import("@rjsf/utils").IdSchema<any>;
+        errorSchema: import("@rjsf/utils").FieldErrors & {
+            [x: string]: import("@rjsf/utils").ErrorSchema<any> | undefined;
+        };
         onBlur: (id: string, value: any) => void;
         onFocus: (id: string, value: any) => void;
+        formContext: import("../LajiForm").FormContext;
         autofocus?: boolean | undefined;
         disabled: boolean;
         hideError?: boolean | undefined;
@@ -33,7 +157,7 @@ export default class AsArrayField extends React.Component<FieldProps> {
         idPrefix?: string | undefined;
         idSeparator?: string | undefined;
         rawErrors?: string[] | undefined;
-        registry: import("@rjsf/utils").Registry<any, any, import("../LajiForm").FormContext>;
+        registry: import("@rjsf/utils").Registry<any, import("../../types").JSONSchema<any>, import("../LajiForm").FormContext>;
         hidden?: boolean | undefined;
         dir?: string | undefined;
         slot?: string | undefined;

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

@@ -20,7 +20,7 @@ export default class ExtraLabelRowField extends React.Component<any, any, any> {
     constructor(props: any, context: any);
     getStateFromProps(props: any): {
         schema: any;
-        uiSchema: any;
+        uiSchema: import("../../types").UiSchema;
         options: any;
     };
     setContainerRef: (elem: any) => void;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as PropTypes from "prop-types";
-import { FieldProps } from "../LajiForm";
+import { FieldProps, JSONSchemaArray, JSONSchemaObject } from "../../types";
 import ApiClient from "../../ApiClient";
 interface ProcessedFile {
     dataURL: string;
@@ -16,7 +16,7 @@ interface MediaMetadataSchema {
     intellectualOwner?: string;
     intellectualRights?: string;
 }
-export default class ImageArrayField extends React.Component<FieldProps, ImageArrayFieldState> {
+export default class ImageArrayField extends React.Component<FieldProps<JSONSchemaArray<JSONSchemaObject>>, ImageArrayFieldState> {
     ALLOWED_FILE_TYPES: string[];
     ACCEPT_FILE_TYPES: string[];
     MAX_FILE_SIZE: number;
@@ -48,7 +48,7 @@ export interface MediaArrayState {
     alertMsg?: string;
 }
 declare type Constructor<LFC> = new (...args: any[]) => LFC;
-export declare function MediaArrayField<LFC extends Constructor<React.Component<FieldProps, MediaArrayState>>>(ComposedComponent: LFC): {
+export declare function MediaArrayField<LFC extends Constructor<React.Component<FieldProps<JSONSchemaArray<JSONSchemaObject>>, MediaArrayState>>>(ComposedComponent: LFC): {
     new (...args: any[]): {
         ALLOWED_FILE_TYPES: string[];
         ACCEPT_FILE_TYPES: string[];
@@ -105,25 +105,25 @@ export declare function MediaArrayField<LFC extends Constructor<React.Component<
         getAllowedMediaFormatsTranslationKey: () => "AllowedFileFormat" | "AllowedFileFormats";
         getAllowedMediaFormatsAsString: () => string;
         context: any;
-        setState<K extends keyof MediaArrayState>(state: MediaArrayState | ((prevState: Readonly<MediaArrayState>, props: Readonly<FieldProps>) => MediaArrayState | Pick<MediaArrayState, K> | null) | Pick<MediaArrayState, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends keyof MediaArrayState>(state: MediaArrayState | ((prevState: Readonly<MediaArrayState>, props: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>>) => MediaArrayState | Pick<MediaArrayState, K> | null) | Pick<MediaArrayState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<FieldProps> & Readonly<{
+        readonly props: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<MediaArrayState>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<FieldProps>, nextState: Readonly<MediaArrayState>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>>, nextState: Readonly<MediaArrayState>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<FieldProps>, prevState: Readonly<MediaArrayState>): any;
-        componentDidUpdate?(prevProps: Readonly<FieldProps>, prevState: Readonly<MediaArrayState>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>>, prevState: Readonly<MediaArrayState>): any;
+        componentDidUpdate?(prevProps: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>>, prevState: Readonly<MediaArrayState>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<FieldProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<FieldProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<FieldProps>, nextState: Readonly<MediaArrayState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<FieldProps>, nextState: Readonly<MediaArrayState>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>>, nextState: Readonly<MediaArrayState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<FieldProps<JSONSchemaArray<JSONSchemaObject, never>>>, nextState: Readonly<MediaArrayState>, nextContext: any): void;
     };
     contextType: React.Context<import("../../ReactContext").ContextProps>;
     propTypes: {

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

@@ -13,7 +13,7 @@ export default class InitiallyHiddenField extends React.Component<any, any, any>
     };
     constructor(props: any);
     getStateFromProps(props: any): {
-        uiSchema: any;
+        uiSchema: import("../../types").UiSchema;
     };
     toggleVisibility: () => void;
 }

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

@@ -20,7 +20,7 @@ export default class LocationChooserField extends React.Component<any, any, any>
     constructor(props: any);
     constructor(props: any, context: any);
     getStateFromProps(props: any): {
-        uiSchema: any;
+        uiSchema: import("../../types").UiSchema;
     };
 }
 import * as React from "react";

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

@@ -1,12 +1,12 @@
 import * as React from "react";
 import * as PropTypes from "prop-types";
-import { FieldProps } from "../LajiForm";
 import { ReactInstance } from "react";
 import * as memoize from "memoizee";
+import { FieldProps, JSONSchemaObject } from "../../types";
 interface State {
     activeButtonIdx?: number;
 }
-export default class MultiTagArrayField extends React.Component<FieldProps, State> {
+export default class MultiTagArrayField extends React.Component<FieldProps<JSONSchemaObject>, State> {
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
     static propTypes: {
         uiSchema: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/components/fields/MultiTagArrayField.js

@@ -96,7 +96,8 @@ let MultiTagArrayField = class MultiTagArrayField extends React.Component {
         const { buttons = [] } = uiOptions;
         const { activeButtonIdx } = this.state;
         const propertyKeys = Object.keys(schema.properties);
-        return (React.createElement(Row, { className: utils_1.classNames("laji-form-multi-tag-array-field", activeButtonIdx !== undefined && "laji-form-multi-tag-array-field-active"), ref: this.setAffixContainer },
+        const containerClassNames = utils_1.classNames("laji-form-multi-tag-array-field", activeButtonIdx !== undefined && "laji-form-multi-tag-array-field-active", (disabled || readonly) && "laji-form-multi-tag-array-field-disabled");
+        return (React.createElement(Row, { className: containerClassNames, ref: this.setAffixContainer },
             React.createElement(Col, { xs: 3, sm: 3, md: 2, lg: 2, className: "laji-form-multi-tag-array-field-buttons" },
                 React.createElement(components_1.Affix, { getContainer: this.getAffixContainer, topOffset: this.props.formContext.topOffset + 15, bottomOffset: this.props.formContext.bottomOffset },
                     React.createElement("div", { className: "btn-group-vertical" }, buttons.map((btnProps, idx) => (React.createElement(components_1.Button, { key: idx, onClick: this.onButtonClick(idx), variant: btnProps.operation === "delete" ? "outline-danger" : "default", className: utils_1.classNames(btnProps.className, activeButtonIdx === idx ? "active" : ""), disabled: disabled || readonly }, btnProps.label)))))),

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

@@ -13,9 +13,95 @@ export default class NamedPlaceChooserField extends React.Component<any, any, an
     apiClient: any;
     removeIds: {};
     getStateFromProps(props: any): {
-        uiSchema: any;
+        uiSchema: import("../../types").UiSchema | {
+            "ui:options": any;
+            "ui:ArrayFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldDescriptionTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldDescriptionProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldItemTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateItemType<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ArrayFieldTitleTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTitleProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:BaseInputTemplate"?: React.ComponentType<import("@rjsf/utils").WidgetProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:DescriptionFieldTemplate"?: React.ComponentType<import("@rjsf/utils").DescriptionFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ErrorListTemplate"?: React.ComponentType<import("@rjsf/utils").ErrorListProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldErrorTemplate"?: React.ComponentType<import("@rjsf/utils").FieldErrorProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldHelpTemplate"?: React.ComponentType<import("@rjsf/utils").FieldHelpProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:FieldTemplate"?: React.ComponentType<import("@rjsf/utils").FieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:ObjectFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ObjectFieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:TitleFieldTemplate"?: React.ComponentType<import("@rjsf/utils").TitleFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:UnsupportedFieldTemplate"?: React.ComponentType<import("@rjsf/utils").UnsupportedFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:WrapIfAdditionalTemplate"?: React.ComponentType<import("@rjsf/utils").WrapIfAdditionalTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+            "ui:classNames"?: string | undefined;
+            "ui:style"?: React.StyleHTMLAttributes<any> | undefined;
+            "ui:title"?: string | undefined;
+            "ui:description"?: string | undefined;
+            "ui:placeholder"?: string | undefined;
+            "ui:help"?: string | undefined;
+            "ui:autofocus"?: boolean | undefined;
+            "ui:autocomplete"?: string | undefined;
+            "ui:disabled"?: boolean | undefined;
+            "ui:emptyValue"?: any;
+            "ui:enumDisabled"?: (string | number | boolean)[] | undefined;
+            "ui:hideError"?: boolean | undefined;
+            "ui:readonly"?: boolean | undefined;
+            "ui:order"?: string[] | undefined;
+            "ui:addable"?: boolean | undefined;
+            "ui:orderable"?: boolean | undefined;
+            "ui:removable"?: boolean | undefined;
+            "ui:inline"?: boolean | undefined;
+            "ui:inputType"?: string | undefined;
+            "ui:label"?: boolean | undefined;
+            "ui:rows"?: number | undefined;
+            "ui:submitButtonOptions"?: import("@rjsf/utils").UISchemaSubmitButtonOptions | undefined;
+            "ui:widget"?: string | import("@rjsf/utils").Widget<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext> | undefined;
+            "ui:duplicateKeySuffixSeparator"?: string | undefined;
+            "ui:rootFieldId"?: string | undefined;
+            "ui:field"?: string | import("@rjsf/utils").Field<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext> | undefined;
+            "ui:fieldReplacesAnyOrOneOf"?: boolean | undefined;
+        };
+    };
+    getUiSchema: (props: any) => import("../../types").UiSchema | {
+        "ui:options": any;
+        "ui:ArrayFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:ArrayFieldDescriptionTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldDescriptionProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:ArrayFieldItemTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTemplateItemType<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:ArrayFieldTitleTemplate"?: React.ComponentType<import("@rjsf/utils").ArrayFieldTitleProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:BaseInputTemplate"?: React.ComponentType<import("@rjsf/utils").WidgetProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:DescriptionFieldTemplate"?: React.ComponentType<import("@rjsf/utils").DescriptionFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:ErrorListTemplate"?: React.ComponentType<import("@rjsf/utils").ErrorListProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:FieldErrorTemplate"?: React.ComponentType<import("@rjsf/utils").FieldErrorProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:FieldHelpTemplate"?: React.ComponentType<import("@rjsf/utils").FieldHelpProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:FieldTemplate"?: React.ComponentType<import("@rjsf/utils").FieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:ObjectFieldTemplate"?: React.ComponentType<import("@rjsf/utils").ObjectFieldTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:TitleFieldTemplate"?: React.ComponentType<import("@rjsf/utils").TitleFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:UnsupportedFieldTemplate"?: React.ComponentType<import("@rjsf/utils").UnsupportedFieldProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:WrapIfAdditionalTemplate"?: React.ComponentType<import("@rjsf/utils").WrapIfAdditionalTemplateProps<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext>> | undefined;
+        "ui:classNames"?: string | undefined;
+        "ui:style"?: React.StyleHTMLAttributes<any> | undefined;
+        "ui:title"?: string | undefined;
+        "ui:description"?: string | undefined;
+        "ui:placeholder"?: string | undefined;
+        "ui:help"?: string | undefined;
+        "ui:autofocus"?: boolean | undefined;
+        "ui:autocomplete"?: string | undefined;
+        "ui:disabled"?: boolean | undefined;
+        "ui:emptyValue"?: any;
+        "ui:enumDisabled"?: (string | number | boolean)[] | undefined;
+        "ui:hideError"?: boolean | undefined;
+        "ui:readonly"?: boolean | undefined;
+        "ui:order"?: string[] | undefined;
+        "ui:addable"?: boolean | undefined;
+        "ui:orderable"?: boolean | undefined;
+        "ui:removable"?: boolean | undefined;
+        "ui:inline"?: boolean | undefined;
+        "ui:inputType"?: string | undefined;
+        "ui:label"?: boolean | undefined;
+        "ui:rows"?: number | undefined;
+        "ui:submitButtonOptions"?: import("@rjsf/utils").UISchemaSubmitButtonOptions | undefined;
+        "ui:widget"?: string | import("@rjsf/utils").Widget<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext> | undefined;
+        "ui:duplicateKeySuffixSeparator"?: string | undefined;
+        "ui:rootFieldId"?: string | undefined;
+        "ui:field"?: string | import("@rjsf/utils").Field<any, import("../../types").JSONSchemaObject, import("../LajiForm").FormContext> | undefined;
+        "ui:fieldReplacesAnyOrOneOf"?: boolean | undefined;
     };
-    getUiSchema: (props: any) => any;
     buttonDefinition: any;
     isGatheringsArray: () => boolean;
     onPlaceSelected: (place: any) => void;