@luomus/laji-form 15.1.64 → 15.1.66

package/lib/components/fields/ImageArrayField.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];
@@ -17,13 +21,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 (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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -39,7 +53,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Thumbnail = exports.MediaArrayField = void 0;
+exports.Thumbnail = void 0;
+exports.MediaArrayField = MediaArrayField;
 const React = __importStar(require("react"));
 const PropTypes = __importStar(require("prop-types"));
 const immutability_helper_1 = __importDefault(require("immutability-helper"));
@@ -102,7 +117,7 @@ function MediaArrayField(ComposedComponent) {
             };
             this.addMediaContainerRef = React.createRef();
             this.getOptions = (uiSchema) => {
-                let options = utils_1.getUiOptions(uiSchema);
+                let options = (0, utils_1.getUiOptions)(uiSchema);
                 Object.keys(this.deprecatedOptions).forEach(deprecated => {
                     if (options[deprecated] !== undefined) {
                         options = Object.assign(Object.assign({}, options), { [this.deprecatedOptions[deprecated]]: options[deprecated] });
@@ -117,18 +132,18 @@ function MediaArrayField(ComposedComponent) {
                 this.onFileFormChange(files);
             };
             this.defaultOnClick = () => {
-                const { addModal } = utils_1.getUiOptions(this.props.uiSchema);
+                const { addModal } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                 this.setState({ addModal });
             };
             this.onKeyDown = this.props.formContext.utils.keyboardClick(() => {
                 var _a;
                 const input = (_a = this.addMediaContainerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
-                const { addModal } = utils_1.getUiOptions(this.props.uiSchema);
+                const { addModal } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                 addModal ? this.defaultOnClick() : input === null || input === void 0 ? void 0 : input.click();
             });
             this.renderMedias = () => {
                 const { disabled, readonly } = this.props;
-                const { deleteConfirmPlacement = "top" } = utils_1.getUiOptions(this.props.uiSchema);
+                const { deleteConfirmPlacement = "top" } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                 return (this.props.formData || []).map((item, i) => (React.createElement("div", { key: i, className: "media-container" },
                     React.createElement("div", { className: "media-container-link", onClick: this.onMediaClick(i) }, this.renderMedia(item, i)),
                     React.createElement(components_1.DeleteButton, { corner: true, confirm: true, confirmPlacement: deleteConfirmPlacement, translations: this.props.formContext.translations, onClick: this.onMediaRmClick(i), disabled: disabled || readonly, id: `${this.props.idSchema.$id}_${i}` }))));
@@ -156,7 +171,7 @@ function MediaArrayField(ComposedComponent) {
             };
             this.onMediaRmClick = (i) => () => {
                 const id = this.props.formData[i];
-                this.props.onChange(immutability_helper_1.default(this.props.formData, { $splice: [[i, 1]] }));
+                this.props.onChange((0, immutability_helper_1.default)(this.props.formData, { $splice: [[i, 1]] }));
                 this.apiClient.fetch(`/${this.ENDPOINT}/${id}`, undefined, {
                     method: "DELETE",
                     failSilently: true
@@ -169,7 +184,8 @@ function MediaArrayField(ComposedComponent) {
                 const { lang, translations } = this.props.registry.formContext;
                 const metadataForm = this.state.metadataForm || {};
                 if (typeof metadataModalOpen === "number" && !this.state.metadataForm) {
-                    this.apiClient.fetchCached(`/forms/${this.METADATA_FORM_ID}`, { lang, format: "schema" })
+                    const { metadataFormId = this.METADATA_FORM_ID } = (0, utils_1.getUiOptions)(this.props.uiSchema);
+                    this.apiClient.fetchCached(`/forms/${metadataFormId}`, { lang, format: "schema" })
                         .then(metadataForm => {
                         if (this.mounted) {
                             this.setState({ metadataForm });
@@ -179,7 +195,7 @@ function MediaArrayField(ComposedComponent) {
                 const { Previous, Next } = this.props.formContext.translations;
                 const isOpen = modalIdx === metadataModalOpen && modalMetadata && metadataForm.schema;
                 const uiSchema = isOpen ? Object.assign(Object.assign({}, metadataForm.uiSchema), { "ui:shortcuts": Object.assign(Object.assign({}, (metadataForm.uiSchema["ui:shorcuts"] || {})), this.props.formContext.services.keyHandler.shortcuts), "ui:disabled": this.props.disabled, "ui:readonly": this.props.readonly }) : undefined;
-                const { metadataModal = true } = utils_1.getUiOptions(this.props.uiSchema);
+                const { metadataModal = true } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                 const { Modal, Alert, Pager } = this.context.theme;
                 return typeof metadataModalOpen === "number" ?
                     React.createElement(Modal, { dialogClassName: "laji-form media-modal", show: true, onHide: this.hideMetadataModal },
@@ -205,7 +221,7 @@ function MediaArrayField(ComposedComponent) {
             this.renderMediaAddModal = () => {
                 const { disabled, readonly } = this.props;
                 const { addModal } = this.state;
-                const { labels: { cancel } = { cancel: undefined } } = (utils_1.isObject(addModal) ? addModal : {});
+                const { labels: { cancel } = { cancel: undefined } } = ((0, utils_1.isObject)(addModal) ? addModal : {});
                 const { translations } = this.props.formContext;
                 if (!addModal)
                     return null;
@@ -232,7 +248,7 @@ function MediaArrayField(ComposedComponent) {
                 this.setState({ alert: false, alertMsg: undefined });
             };
             this.parseExif = (files) => {
-                const { exifParsers = [] } = utils_1.getUiOptions(this.props.uiSchema);
+                const { exifParsers = [] } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                 if (!exifParsers)
                     return;
                 const found = exifParsers.reduce((found, { parse }) => {
@@ -252,7 +268,7 @@ function MediaArrayField(ComposedComponent) {
                                     const datum = typeof rawDatum === "string"
                                         ? rawDatum.trim().toUpperCase()
                                         : undefined;
-                                    if ((!datum || datum === "WGS-84" || datum === "WGS84") && utils_2.validateLatLng(coordinates, utils_2.wgs84Validator)) {
+                                    if ((!datum || datum === "WGS-84" || datum === "WGS84") && (0, utils_2.validateLatLng)(coordinates, utils_2.wgs84Validator)) {
                                         found.geometry = {
                                             type: "Point",
                                             coordinates
@@ -264,7 +280,7 @@ function MediaArrayField(ComposedComponent) {
                                 }
                             const readDateFromFile = () => {
                                 if (file.lastModified) {
-                                    const momentDate = moment_1.default(file.lastModified);
+                                    const momentDate = (0, moment_1.default)(file.lastModified);
                                     if (momentDate.isValid()) {
                                         const date = momentDate.format("YYYY-MM-DDTHH:mm");
                                         if (date) {
@@ -276,7 +292,7 @@ function MediaArrayField(ComposedComponent) {
                             if ("date" in found) {
                                 try {
                                     const rawDate = exif_js_1.default.getTag(this, "DateTimeOriginal");
-                                    const momentDate = moment_1.default(rawDate, "YYYY:MM:DD HH:mm:ss");
+                                    const momentDate = (0, moment_1.default)(rawDate, "YYYY:MM:DD HH:mm:ss");
                                     if (momentDate.isValid()) {
                                         found.date = momentDate.format("YYYY-MM-DDTHH:mm");
                                     }
@@ -302,10 +318,10 @@ function MediaArrayField(ComposedComponent) {
                     let formData = lajiFormInstance.getFormData();
                     exifParsers.filter((f) => f.type === "event" || found[f.parse]).forEach(({ field, parse, type, eventName }) => {
                         if (type === "mutate") {
-                            formData = utils_1.updateFormDataWithJSONPointer({ formData, schema, registry }, found[parse], field);
+                            formData = (0, utils_1.updateFormDataWithJSONPointer)({ formData, schema, registry }, found[parse], field);
                         }
                         if (type === "event") {
-                            this.props.formContext.services.customEvents.send(`root_${utils_1.JSONPointerToId(field)}`, eventName, found[parse], undefined, { bubble: false });
+                            this.props.formContext.services.customEvents.send(`root_${(0, utils_1.JSONPointerToId)(field)}`, eventName, found[parse], undefined, { bubble: false });
                         }
                     });
                     return formData;
@@ -315,9 +331,9 @@ function MediaArrayField(ComposedComponent) {
                 const lajiFormInstance = this.props.formContext.services.rootInstance;
                 const schema = lajiFormInstance.getSchema();
                 const lajiFormFormData = lajiFormInstance.getFormData();
-                const { sideEffects } = utils_1.getUiOptions(this.props.uiSchema);
+                const { sideEffects } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                 if (sideEffects) {
-                    const thisPath = utils_1.idSchemaIdToJSONPointer(this.props.idSchema.$id);
+                    const thisPath = (0, utils_1.idSchemaIdToJSONPointer)(this.props.idSchema.$id);
                     const containerPath = thisPath.replace(/^(\/.*)\/.*$/, "$1");
                     const parseRelativePaths = (path, containerPath) => {
                         while ((path.match(/\/\.\./g) || []).length > 1) {
@@ -328,9 +344,9 @@ function MediaArrayField(ComposedComponent) {
                     };
                     formData = Object.keys(sideEffects).reduce((formData, field) => {
                         const jsonPointer = parseRelativePaths(field, containerPath);
-                        return !utils_1.isDefaultData(utils_1.parseJSONPointer(formData, jsonPointer), utils_1.parseSchemaFromFormDataPointer(schema, jsonPointer))
+                        return !(0, utils_1.isDefaultData)((0, utils_1.parseJSONPointer)(formData, jsonPointer), (0, utils_1.parseSchemaFromFormDataPointer)(schema, jsonPointer))
                             ? formData
-                            : utils_1.updateFormDataWithJSONPointer({ schema, registry: this.props.registry, formData }, sideEffects[field], parseRelativePaths(field, containerPath));
+                            : (0, utils_1.updateFormDataWithJSONPointer)({ schema, registry: this.props.registry, formData }, sideEffects[field], parseRelativePaths(field, containerPath));
                     }, formData);
                 }
                 if (formData !== lajiFormFormData) {
@@ -356,7 +372,7 @@ function MediaArrayField(ComposedComponent) {
                     const newFormData = [
                         ...(this.mounted
                             ? this.props.formData || []
-                            : utils_1.parseJSONPointer(lajiFormInstance.getFormData(), pointer) || []),
+                            : (0, utils_1.parseJSONPointer)(lajiFormInstance.getFormData(), pointer) || []),
                         ...mediaIds
                     ];
                     if (!lajiFormInstance.isMounted())
@@ -367,7 +383,7 @@ function MediaArrayField(ComposedComponent) {
                         setTimeout(() => {
                             if (!this.mounted)
                                 return;
-                            const { autoOpenMetadataModal = false } = utils_1.getUiOptions(this.props.uiSchema);
+                            const { autoOpenMetadataModal = false } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                             let shouldOpenMetadataModal = autoOpenMetadataModal;
                             if (shouldOpenMetadataModal) {
                                 this.openModalFor(newFormData.length - mediaIds.length)();
@@ -376,7 +392,7 @@ function MediaArrayField(ComposedComponent) {
                         return;
                     }
                     pointer = this.props.formContext.services.ids.getJSONPointerFromLajiFormIdAndFormDataAndIdSchemaId(this.props.idSchema.$id, id);
-                    lajiFormInstance.onChange(utils_1.updateSafelyWithJSONPointer(lajiFormInstance.getFormData(), newFormData, pointer));
+                    lajiFormInstance.onChange((0, utils_1.updateSafelyWithJSONPointer)(lajiFormInstance.getFormData(), newFormData, pointer));
                 });
                 this.props.formContext.services.submitHooks.add(this.props, saveAndOnChange);
             };
@@ -475,17 +491,17 @@ function MediaArrayField(ComposedComponent) {
                 "CONTAINER_CLASS"
             ].forEach(prop => {
                 if (this[prop] === undefined) {
-                    throw new Error(`${utils_1.getReactComponentName(ComposedComponent)} doesn't implement MediaArrayField ${prop}`);
+                    throw new Error(`${(0, utils_1.getReactComponentName)(ComposedComponent)} doesn't implement MediaArrayField ${prop}`);
                 }
             });
             const options = this.getOptions(props.uiSchema);
             Object.keys(this.deprecatedOptions).forEach(deprecated => {
                 if (options[deprecated] !== undefined) {
-                    console.warn(`laji-form warning: ${utils_1.getReactComponentName(ComposedComponent)} ui:option '${deprecated}' is deprecated. Use '${this.deprecatedOptions[deprecated]}' instead!`);
+                    console.warn(`laji-form warning: ${(0, utils_1.getReactComponentName)(ComposedComponent)} ui:option '${deprecated}' is deprecated. Use '${this.deprecatedOptions[deprecated]}' instead!`);
                 }
             });
             this.apiClient = props.formContext.apiClient;
-            this._context = Context_1.default(`${this.KEY}_ARRAY_FIELD`);
+            this._context = (0, Context_1.default)(`${this.KEY}_ARRAY_FIELD`);
             if (!this._context.metadatas)
                 this._context.metadatas = {};
             if (!this._context.tmpMedias)
@@ -496,7 +512,7 @@ function MediaArrayField(ComposedComponent) {
                 && autoOpenAddModal
                 && (props.formData || []).length === 0
                 && !props.formContext.uiSchemaContext.isEdit) {
-                this.state.addModal = addModal; // eslint-disable-line react/no-direct-mutation-state
+                this.state.addModal = addModal;
             }
         }
         componentDidMount() {
@@ -508,9 +524,9 @@ function MediaArrayField(ComposedComponent) {
         render() {
             const { schema, uiSchema, idSchema, name, formContext, readonly, disabled } = this.props;
             const { translations } = formContext;
-            const { description, addModal } = utils_1.getUiOptions(uiSchema);
+            const { description, addModal } = (0, utils_1.getUiOptions)(uiSchema);
             const title = (schema.title === undefined) ? name : schema.title;
-            const TitleFieldTemplate = utils_3.getTemplate("TitleFieldTemplate", this.props.registry, utils_1.getUiOptions(this.props.uiSchema));
+            const TitleFieldTemplate = (0, utils_3.getTemplate)("TitleFieldTemplate", this.props.registry, (0, utils_1.getUiOptions)(this.props.uiSchema));
             const { OverlayTrigger, Tooltip, Glyphicon } = this.context.theme;
             const tooltip = (React.createElement(Tooltip, { id: `${this.props.idSchema.$id}-drop-zone-tooltip` },
                 React.createElement("span", null,
@@ -531,7 +547,7 @@ function MediaArrayField(ComposedComponent) {
             const { Row, Col } = this.context.theme;
             const { DescriptionFieldTemplate } = this.props.registry.templates;
             const mediaCount = (this.props.formData || []).length + (this.state.tmpMedias || []).length;
-            const showAdd = utils_1.isNullOrUndefined(this.props.schema.maxItems) || mediaCount < this.props.schema.maxItems;
+            const showAdd = (0, utils_1.isNullOrUndefined)(this.props.schema.maxItems) || mediaCount < this.props.schema.maxItems;
             return (React.createElement(Row, null,
                 React.createElement(Col, { xs: 12 },
                     React.createElement(TitleFieldTemplate, { title: title, schema: schema, uiSchema: uiSchema, id: idSchema.$id, registry: this.props.registry }),
@@ -543,7 +559,7 @@ function MediaArrayField(ComposedComponent) {
                             React.createElement(react_dropzone_1.default, { accept: this.ACCEPT_FILE_TYPES, onDragEnter: this.onDragEnter, onDragLeave: this.onDragLeave, onDrop: this.onDrop, disabled: readonly || disabled, noKeyboard: true }, ({ getRootProps, getInputProps }) => {
                                 const _a = getRootProps(), { onClick: _onClick } = _a, rootProps = __rest(_a, ["onClick"]);
                                 const onClick = addModal ? this.defaultOnClick : _onClick;
-                                return (React.createElement("div", Object.assign({ className: utils_1.classNames("laji-form-drop-zone", dragging && "dragging", (readonly || disabled) && " disabled"), onClick: onClick, role: "button", tabIndex: 0 }, rootProps, { onKeyDown: this.onKeyDown, ref: this.addMediaContainerRef }),
+                                return (React.createElement("div", Object.assign({ className: (0, utils_1.classNames)("laji-form-drop-zone", dragging && "dragging", (readonly || disabled) && " disabled"), onClick: onClick, role: "button", tabIndex: 0 }, rootProps, { onKeyDown: this.onKeyDown, ref: this.addMediaContainerRef }),
                                     React.createElement("input", Object.assign({}, getInputProps())),
                                     React.createElement(Glyphicon, { glyph: this.GLYPH })));
                             })),
@@ -669,7 +685,8 @@ function MediaArrayField(ComposedComponent) {
                 autoOpenAddModal: PropTypes.bool,
                 autoOpenMetadataModal: PropTypes.bool,
                 sideEffects: PropTypes.object,
-                exifParsers: PropTypes.arrayOf(PropTypes.object)
+                exifParsers: PropTypes.arrayOf(PropTypes.object),
+                metadataFormId: PropTypes.string
             })
         }),
         schema: PropTypes.shape({
@@ -680,13 +697,12 @@ function MediaArrayField(ComposedComponent) {
         }).isRequired,
         formData: PropTypes.array
     };
-    MediaArrayField.displayName = utils_1.getReactComponentName(ComposedComponent);
+    MediaArrayField.displayName = (0, utils_1.getReactComponentName)(ComposedComponent);
     MediaArrayField = __decorate([
         BaseComponent_1.default
     ], MediaArrayField);
     return MediaArrayField;
 }
-exports.MediaArrayField = MediaArrayField;
 class Thumbnail extends React.PureComponent {
     constructor(props) {
         super(props);

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

@@ -2,17 +2,18 @@ export default class ImageDisplayField extends React.Component<any, any, any> {
     static propTypes: {
         uiSchema: PropTypes.Requireable<PropTypes.InferProps<{
             "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
-                urls: PropTypes.Requireable<string | (string | null | undefined)[]>;
+                urls: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
                 buttons: PropTypes.Requireable<(string | null | undefined)[]>;
             }>>;
         }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         formData: PropTypes.Requireable<object>;
     };
     constructor(props: any);
     constructor(props: any, context: any);
+    render(): JSX.Element;
 }
 import * as React from "react";
 import * as PropTypes from "prop-types";

package/lib/components/fields/ImageDisplayField.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];
@@ -17,13 +21,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 (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 };
 };
@@ -37,9 +51,9 @@ const immutability_helper_1 = __importDefault(require("immutability-helper"));
 let ImageDisplayField = class ImageDisplayField extends React.Component {
     render() {
         const { SchemaField } = this.props.registry.fields;
-        let uiSchema = utils_1.getInnerUiSchema(this.props.uiSchema);
-        const { urls = [], buttons = [] } = utils_1.getUiOptions(this.props.uiSchema);
-        uiSchema = immutability_helper_1.default(uiSchema, { "ui:options": { buttons: { $set: [...buttons,
+        let uiSchema = (0, utils_1.getInnerUiSchema)(this.props.uiSchema);
+        const { urls = [], buttons = [] } = (0, utils_1.getUiOptions)(this.props.uiSchema);
+        uiSchema = (0, immutability_helper_1.default)(uiSchema, { "ui:options": { buttons: { $set: [...buttons,
                         { position: "left", render: () => React.createElement("div", { className: "laji-form-medias", key: "image-display" }, (Array.isArray(urls) ? urls : [urls]).map(url => React.createElement("div", { className: "media-container", key: url },
                                 React.createElement("img", { src: url }))))
                         }

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

@@ -1,21 +1,26 @@
 export default class InitiallyHiddenField extends React.Component<any, any, any> {
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
     static propTypes: {
-        uiSchema: PropTypes.Validator<PropTypes.InferProps<{
+        uiSchema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
                 uiSchema: PropTypes.Requireable<object>;
             }>>;
-        }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        }>>>;
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         formData: PropTypes.Validator<object>;
     };
     constructor(props: any);
+    state: {
+        uiSchema: import("../../types").UiSchema<any>;
+        visible: boolean;
+    };
     getStateFromProps(props: any): {
         uiSchema: import("../../types").UiSchema<any>;
     };
     toggleVisibility: () => void;
+    render(): JSX.Element;
 }
 import * as React from "react";
 import * as PropTypes from "prop-types";

package/lib/components/fields/InitiallyHiddenField.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];
@@ -17,13 +21,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 (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 };
 };
@@ -43,7 +57,7 @@ let InitiallyHiddenField = class InitiallyHiddenField extends React.Component {
         this.state = Object.assign({ visible: false }, this.getStateFromProps(props));
     }
     getStateFromProps(props) {
-        return { uiSchema: utils_1.getInnerUiSchema(props.uiSchema) };
+        return { uiSchema: (0, utils_1.getInnerUiSchema)(props.uiSchema) };
     }
     render() {
         let shouldShow = this.state.visible;

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

@@ -13,16 +13,16 @@
  */
 export default class InjectDefaultValueField extends React.Component<any, any, any> {
     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<{
                 fields: PropTypes.Validator<(string | null | undefined)[]>;
                 target: PropTypes.Validator<string>;
                 source: PropTypes.Validator<string>;
-            }>>;
-        }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+            }>>>;
+        }>>>;
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         formData: PropTypes.Validator<object>;
     };
     static getName(): string;

package/lib/components/fields/InjectDefaultValueField.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];
@@ -17,13 +21,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 (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 };
 };
@@ -58,7 +72,7 @@ let InjectDefaultValueField = class InjectDefaultValueField extends React.Compon
                     if (formData && formData[target])
                         formData[target].forEach((item, i) => {
                             if (item[field] === this.props.formData[options.source][field]) {
-                                formData = immutability_helper_1.default(formData, { [target]: { $splice: [[i, 1, immutability_helper_1.default(item, { $merge: { [field]: source[field] } })]] } });
+                                formData = (0, immutability_helper_1.default)(formData, { [target]: { $splice: [[i, 1, (0, immutability_helper_1.default)(item, { $merge: { [field]: source[field] } })]] } });
                             }
                         });
                 }

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

@@ -12,21 +12,21 @@
  */
 export default class InjectField extends React.Component<any, any, any> {
     static propTypes: {
-        uiSchema: PropTypes.Validator<PropTypes.InferProps<{
-            "ui:options": PropTypes.Validator<PropTypes.InferProps<{
-                injections: PropTypes.Validator<PropTypes.InferProps<{
+        uiSchema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            "ui:options": PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                injections: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
                     fields: PropTypes.Validator<(string | null | undefined)[]>;
                     target: PropTypes.Validator<string>;
                 }> | (PropTypes.InferProps<{
                     fields: PropTypes.Validator<(string | null | undefined)[]>;
                     target: PropTypes.Validator<string>;
-                }> | null | undefined)[]>;
-            }>>;
+                }> | null | undefined)[] | null | undefined>>>;
+            }>>>;
             uiSchema: PropTypes.Requireable<object>;
-        }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        }>>>;
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         formData: PropTypes.Validator<object>;
     };
     static getName(): string;