@luomus/laji-form 15.1.63 → 15.1.65

package/lib/components/fields/SectionArrayField.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)
@@ -55,15 +69,15 @@ const getOptions = (options) => {
     ], rowValueField = "/units/%{row}/individualCount", } = options;
     return Object.assign(Object.assign({}, options), { sectionField, rowDefinerField, rowDefinerFields, rowValueField });
 };
-const hideFields = (schema, uiSchema, fields) => fields.reduce((_uiSchema, field) => utils_1.updateSafelyWithJSONPointer(_uiSchema, { "ui:field": "HiddenField" }, utils_1.uiSchemaJSONPointer(schema, field.replace("%{row}", "0"))), uiSchema);
+const hideFields = (schema, uiSchema, fields) => fields.reduce((_uiSchema, field) => (0, utils_1.updateSafelyWithJSONPointer)(_uiSchema, { "ui:field": "HiddenField" }, (0, utils_1.uiSchemaJSONPointer)(schema, field.replace("%{row}", "0"))), uiSchema);
 const walkUiOrder = (schema, uiSchema, pathToShouldBeLast) => {
-    let [prop, ...next] = pathToShouldBeLast.split("/").filter(s => !utils_1.isEmptyString(s));
+    let [prop, ...next] = pathToShouldBeLast.split("/").filter(s => !(0, utils_1.isEmptyString)(s));
     if (!prop) {
         return uiSchema;
     }
     const nextPath = `/${next.join("/")}`;
-    const nextSchema = utils_1.parseSchemaFromFormDataPointer(schema, prop);
-    const nextUiSchema = utils_1.parseUiSchemaFromFormDataPointer(uiSchema, prop);
+    const nextSchema = (0, utils_1.parseSchemaFromFormDataPointer)(schema, prop);
+    const nextUiSchema = (0, utils_1.parseUiSchemaFromFormDataPointer)(uiSchema, prop);
     if (!isNaN(prop)) {
         return Object.assign(Object.assign({}, uiSchema), { items: walkUiOrder(nextSchema, nextUiSchema, nextPath) });
     }
@@ -84,11 +98,11 @@ const walkFieldTemplate = (schema, uiSchema = {}, template) => {
     return uiSchema;
 };
 const InvisibleTitle = (props) => {
-    const uiSchema = Object.assign(Object.assign({}, (props.uiSchema || {})), { "ui:options": Object.assign(Object.assign({}, utils_1.getUiOptions(props.uiSchema)), { titleClassName: "hidden-title-text" }) });
+    const uiSchema = Object.assign(Object.assign({}, (props.uiSchema || {})), { "ui:options": Object.assign(Object.assign({}, (0, utils_1.getUiOptions)(props.uiSchema)), { titleClassName: "hidden-title-text" }) });
     return React.createElement(TitleField_1.default, Object.assign({}, props, { uiSchema: uiSchema }));
 };
 const NoLineBreakTitle = (props) => {
-    const uiSchema = Object.assign(Object.assign({}, (props.uiSchema || {})), { "ui:options": Object.assign(Object.assign({}, utils_1.getUiOptions(props.uiSchema)), { titleClassName: "no-line-break" }) });
+    const uiSchema = Object.assign(Object.assign({}, (props.uiSchema || {})), { "ui:options": Object.assign(Object.assign({}, (0, utils_1.getUiOptions)(props.uiSchema)), { titleClassName: "no-line-break" }) });
     return React.createElement(TitleField_1.default, Object.assign({}, props, { uiSchema: uiSchema }));
 };
 const invisibleStyle = { visibility: "hidden" };
@@ -105,14 +119,14 @@ let SectionArrayField = class SectionArrayField extends React.Component {
         const formContext = Object.assign(Object.assign({}, props.formContext), { Label: () => null, this: this, originalUiSchema: uiSchema, errorSchema: props.errorSchema, errorsAsPopup: true });
         let _uiSchema = hideFields(schema, Object.assign(Object.assign({}, uiSchema), { "ui:ArrayFieldTemplate": SectionArrayFieldTemplate }), [sectionField, rowDefinerField]);
         const [containerPointer] = rowDefinerField.split("%{row}");
-        _uiSchema = utils_1.updateSafelyWithJSONPointer(_uiSchema, false, `/${utils_1.uiSchemaJSONPointer(schema, containerPointer)}/ui:options/removable`);
-        _uiSchema = utils_1.updateSafelyWithJSONPointer(_uiSchema, [{ fn: "add", className: "invisible" }], `/${utils_1.uiSchemaJSONPointer(schema, containerPointer)}/ui:options/buttons`);
-        _uiSchema = utils_1.updateSafelyWithJSONPointer(_uiSchema, containerArrayKeyFunctions, `/${utils_1.uiSchemaJSONPointer(schema, containerPointer)}/ui:options/arrayKeyFunctions`);
+        _uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(_uiSchema, false, `/${(0, utils_1.uiSchemaJSONPointer)(schema, containerPointer)}/ui:options/removable`);
+        _uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(_uiSchema, [{ fn: "add", className: "invisible" }], `/${(0, utils_1.uiSchemaJSONPointer)(schema, containerPointer)}/ui:options/buttons`);
+        _uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(_uiSchema, containerArrayKeyFunctions, `/${(0, utils_1.uiSchemaJSONPointer)(schema, containerPointer)}/ui:options/arrayKeyFunctions`);
         _uiSchema = walkFieldTemplate(schema, _uiSchema, NoLabelsObjectFieldTemplate);
         //_uiSchema = updateSafelyWithJSONPointer(_uiSchema, {"ui:functions": [{"ui:field": "SingleItemArrayField"}, ...currentUiFunctions], ...contentUiSchema }, uiSchemaJSONPointer(schema, containerPointer));
         _uiSchema = walkUiOrder(schema, _uiSchema, rowDefinerField.replace("%{row}", 0));
-        _uiSchema = utils_1.updateSafelyWithJSONPointer(_uiSchema, this.arrayKeyFunctions, "/ui:options/arrayKeyFunctions");
-        _uiSchema = utils_1.updateSafelyWithJSONPointer(_uiSchema, true, "/ui:options/keepPropFocusOnNavigate");
+        _uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(_uiSchema, this.arrayKeyFunctions, "/ui:options/arrayKeyFunctions");
+        _uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(_uiSchema, true, "/ui:options/keepPropFocusOnNavigate");
         return {
             uiSchema: _uiSchema,
             formContext,
@@ -151,18 +165,18 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
         this.containerRef = React.createRef();
         this.onFocuses = [];
         this.getOnFocus = (i) => () => {
-            this.props.formContext.globals[`${this.props.idSchema.$id}.activeIdx`] = i + (utils_1.getUiOptions(this.props.uiSchema).startIdx || 0);
+            this.props.formContext.globals[`${this.props.idSchema.$id}.activeIdx`] = i + ((0, utils_1.getUiOptions)(this.props.uiSchema).startIdx || 0);
         };
         this.getElemsForRowIdx = (rowIdx) => {
-            const { rowValueField, rowDefinerField } = getOptions(utils_1.getUiOptions(this.props.uiSchema));
+            const { rowValueField, rowDefinerField } = getOptions((0, utils_1.getUiOptions)(this.props.uiSchema));
             return [
-                `${this.props.idSchema.$id}_0_${utils_1.JSONPointerToId(rowDefinerField.replace("%{row}", rowIdx))}`,
-                ...this.props.formData.map((_, idx) => `${this.props.idSchema.$id}_${idx}_${utils_1.JSONPointerToId(rowValueField.replace("%{row}", rowIdx))}`)
+                `${this.props.idSchema.$id}_0_${(0, utils_1.JSONPointerToId)(rowDefinerField.replace("%{row}", rowIdx))}`,
+                ...this.props.formData.map((_, idx) => `${this.props.idSchema.$id}_${idx}_${(0, utils_1.JSONPointerToId)(rowValueField.replace("%{row}", rowIdx))}`)
             ].map(id => document.getElementById(id));
         };
         this.onContainerFocus = (e) => {
             const { id } = e.target;
-            const [rowIdx] = getIdxsFromId(this.props.idSchema, getOptions(utils_1.getUiOptions(this.props.uiSchema)), id);
+            const [rowIdx] = getIdxsFromId(this.props.idSchema, getOptions((0, utils_1.getUiOptions)(this.props.uiSchema)), id);
             if (rowIdx !== undefined) {
                 this.focusedRowIdx = rowIdx;
                 this.getElemsForRowIdx(rowIdx).forEach(elem => {
@@ -182,12 +196,12 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
             }
         };
         this.getAddButtonElem = () => {
-            return react_dom_1.findDOMNode(this.addButtonRef.current);
+            return (0, react_dom_1.findDOMNode)(this.addButtonRef.current);
         };
         this.showAddSection = () => {
             this.setState({ showAddSection: true }, () => {
                 setTimeout(() => {
-                    react_dom_1.findDOMNode(this.sectionInputRef.current).focus();
+                    (0, react_dom_1.findDOMNode)(this.sectionInputRef.current).focus();
                 });
             });
         };
@@ -213,8 +227,8 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
                 React.createElement(components_1.Button, { onClick: this.hideAddSection, variant: "default" }, translations.Cancel)));
         };
         this.sectorIsValid = (newSection) => {
-            const { sectionField } = getOptions(utils_1.getUiOptions(this.props.uiSchema));
-            const existingNumbers = this.props.formData.map(item => "" + utils_1.parseJSONPointer(item, sectionField));
+            const { sectionField } = getOptions((0, utils_1.getUiOptions)(this.props.uiSchema));
+            const existingNumbers = this.props.formData.map(item => "" + (0, utils_1.parseJSONPointer)(item, sectionField));
             return !(isNaN(parseInt(newSection)) || parseInt(newSection) < 0 || parseInt(newSection) > 50 || existingNumbers.includes(newSection));
         };
         this.onNewSectionChange = (e) => {
@@ -233,66 +247,66 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
         this.addSection = () => {
             const { registry, formContext, uiSchema, schema } = this.props;
             const { newSection } = this.state;
-            const { rowDefinerField, rowDefinerFields, sectionField } = getOptions(utils_1.getUiOptions(uiSchema));
+            const { rowDefinerField, rowDefinerFields, sectionField } = getOptions((0, utils_1.getUiOptions)(uiSchema));
             const [containerPointer] = rowDefinerField.split("/%{row}");
-            const copiedRowDefinerData = (utils_1.parseJSONPointer(this.props.formData[0] || {}, containerPointer) || []).reduce((result, item, idx) => {
+            const copiedRowDefinerData = ((0, utils_1.parseJSONPointer)(this.props.formData[0] || {}, containerPointer) || []).reduce((result, item, idx) => {
                 return [rowDefinerField, ...rowDefinerFields].reduce((_result, field) => {
-                    const [_, parsedField] = field.split("/%{row}"); // eslint-disable-line @typescript-eslint/no-unused-vars
-                    return utils_1.updateFormDataWithJSONPointer({
+                    const [_, parsedField] = field.split("/%{row}");
+                    return (0, utils_1.updateFormDataWithJSONPointer)({
                         schema: schema.items,
                         formData: _result,
                         registry
-                    }, utils_1.parseJSONPointer(item, parsedField), field.replace(/%{row}/g, idx));
+                    }, (0, utils_1.parseJSONPointer)(item, parsedField), field.replace(/%{row}/g, idx));
                 }, result);
-            }, utils_1.getDefaultFormState(schema.items));
+            }, (0, utils_1.getDefaultFormState)(schema.items));
             const tmpIdTree = formContext.services.ids.getRelativeTmpIdTree(this.props.idSchema.$id);
             const _item = copiedRowDefinerData;
-            let [item] = utils_1.addLajiFormIds(_item, tmpIdTree, this.props.idSchema.$id);
-            item = utils_1.updateFormDataWithJSONPointer({ schema: schema.items, formData: item, registry }, parseInt(newSection), sectionField);
+            let [item] = (0, utils_1.addLajiFormIds)(_item, tmpIdTree, this.props.idSchema.$id);
+            item = (0, utils_1.updateFormDataWithJSONPointer)({ schema: schema.items, formData: item, registry }, parseInt(newSection), sectionField);
             const items = [...this.props.formData, item];
             const idx = items.findIndex(i => i === item);
             const idToFocus = `${this.props.idSchema.$id}_${idx}`;
-            let { idToScrollAfterAdd = `${this.props.idSchema.$id}-add-section` } = utils_1.getUiOptions(uiSchema || {});
-            Context_1.default(formContext.contextId).idToFocus = idToFocus;
-            Context_1.default(formContext.contextId).idToScroll = idToScrollAfterAdd;
+            let { idToScrollAfterAdd = `${this.props.idSchema.$id}-add-section` } = (0, utils_1.getUiOptions)(uiSchema || {});
+            (0, Context_1.default)(formContext.contextId).idToFocus = idToFocus;
+            (0, Context_1.default)(formContext.contextId).idToScroll = idToScrollAfterAdd;
             formContext.this.props.onChange(items);
             this.hideAddSection();
         };
         this.onRowDefinerChange = formData => {
-            const { rowDefinerField, rowDefinerFields } = getOptions(utils_1.getUiOptions(this.props.uiSchema));
+            const { rowDefinerField, rowDefinerFields } = getOptions((0, utils_1.getUiOptions)(this.props.uiSchema));
             const [containerPointer] = rowDefinerField.split("%{row}");
-            const rowDefinerItemIdsToContainerIdxs = (utils_1.parseJSONPointer(this.props.formData[0] || {}, containerPointer) || []).reduce((map, item, idx) => {
-                map[utils_1.getUUID(item)] = idx;
+            const rowDefinerItemIdsToContainerIdxs = ((0, utils_1.parseJSONPointer)(this.props.formData[0] || {}, containerPointer) || []).reduce((map, item, idx) => {
+                map[(0, utils_1.getUUID)(item)] = idx;
                 return map;
             }, {});
-            const tmpIdTree = this.props.formContext.services.ids.getRelativeTmpIdTree(`${this.props.idSchema.$id}_${utils_1.JSONPointerToId(containerPointer.substr(0, containerPointer.length - 1))}`);
-            const oldIds = utils_1.getAllLajiFormIdsDeeply(this.props.formData, tmpIdTree);
+            const tmpIdTree = this.props.formContext.services.ids.getRelativeTmpIdTree(`${this.props.idSchema.$id}_${(0, utils_1.JSONPointerToId)(containerPointer.substr(0, containerPointer.length - 1))}`);
+            const oldIds = (0, utils_1.getAllLajiFormIdsDeeply)(this.props.formData, tmpIdTree);
             let ids = {};
             const _formData = this.props.formData.map((item, containerIdx) => {
-                const items = utils_1.parseJSONPointer(formData, containerPointer).map((unit, idx) => {
-                    let rowDefinerItem = utils_1.parseJSONPointer(item, `${containerPointer}/${rowDefinerItemIdsToContainerIdxs[utils_1.getUUID(unit)]}`);
+                const items = (0, utils_1.parseJSONPointer)(formData, containerPointer).map((unit, idx) => {
+                    let rowDefinerItem = (0, utils_1.parseJSONPointer)(item, `${containerPointer}/${rowDefinerItemIdsToContainerIdxs[(0, utils_1.getUUID)(unit)]}`);
                     if (!rowDefinerItem) {
                         // If container is first and it has UUID, it's an item added to the definer column. It has a UUID already, so 
                         // we don't define it again, or else it will be rendered again and won't be autofocused properly.
-                        const [_rowDefinerItem, _ids] = containerIdx === 0 && utils_1.getUUID(unit)
-                            ? utils_1.addLajiFormIds(unit, tmpIdTree)
-                            : utils_1.addLajiFormIds(this.props.formContext.utils.filterItemIdsDeeply(unit, this.props.idSchema.$id), tmpIdTree, false);
+                        const [_rowDefinerItem, _ids] = containerIdx === 0 && (0, utils_1.getUUID)(unit)
+                            ? (0, utils_1.addLajiFormIds)(unit, tmpIdTree)
+                            : (0, utils_1.addLajiFormIds)(this.props.formContext.utils.filterItemIdsDeeply(unit, this.props.idSchema.$id), tmpIdTree, false);
                         rowDefinerItem = _rowDefinerItem;
                         ids = Object.assign(Object.assign({}, ids), _ids);
                     }
                     const updatedUnit = [rowDefinerField, ...rowDefinerFields].reduce((updatedNewUnit, field) => {
-                        const [_, contentPointer] = field.split("%{row}"); // eslint-disable-line @typescript-eslint/no-unused-vars
+                        const [_, contentPointer] = field.split("%{row}");
                         const pointer = field.replace("%{row}", idx);
-                        const value = utils_1.parseJSONPointer(formData, pointer);
-                        return utils_1.updateFormDataWithJSONPointer({
-                            schema: utils_1.parseSchemaFromFormDataPointer(this.props.schema.items, containerPointer).items,
+                        const value = (0, utils_1.parseJSONPointer)(formData, pointer);
+                        return (0, utils_1.updateFormDataWithJSONPointer)({
+                            schema: (0, utils_1.parseSchemaFromFormDataPointer)(this.props.schema.items, containerPointer).items,
                             formData: updatedNewUnit,
                             registry: this.props.registry
                         }, value, contentPointer);
                     }, rowDefinerItem);
-                    return utils_1.addLajiFormIds(updatedUnit, tmpIdTree, false)[0];
+                    return (0, utils_1.addLajiFormIds)(updatedUnit, tmpIdTree, false)[0];
                 });
-                return utils_1.updateFormDataWithJSONPointer({
+                return (0, utils_1.updateFormDataWithJSONPointer)({
                     schema: this.props.schema.items,
                     formData: item,
                     registry: this.props.registry
@@ -317,18 +331,18 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
     }
     renderRowDefinerColumn() {
         const { formData, uiSchema, schema, registry } = this.props;
-        const { rowDefinerField, rowValueField, sectionField } = getOptions(utils_1.getUiOptions(uiSchema));
+        const { rowDefinerField, rowValueField, sectionField } = getOptions((0, utils_1.getUiOptions)(uiSchema));
         const [containerPointer] = rowDefinerField.split("/%{row}");
         const { SchemaField } = this.props.registry.fields;
         const { originalUiSchema } = this.props.formContext;
         const _schema = schema.items;
         const _formData = formData[0];
         let __uiSchema = hideFields(schema, originalUiSchema, [rowValueField, sectionField]);
-        __uiSchema = utils_1.updateSafelyWithJSONPointer(__uiSchema.items, false, `${containerPointer}/ui:options/removable`);
+        __uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(__uiSchema.items, false, `${containerPointer}/ui:options/removable`);
         __uiSchema = walkUiOrder(schema.items, __uiSchema, rowDefinerField.replace("%{row}", 0));
         __uiSchema = walkFieldTemplate(schema.items, __uiSchema, RowDefinerObjectFieldTemplate);
         __uiSchema = walkUiOrder(schema.items, __uiSchema, `${containerPointer}/0/identifications`);
-        const formContext = Object.assign(Object.assign({}, this.props.formContext), { rowDefinerField, sectionPointer: utils_1.idSchemaIdToJSONPointer(this.props.idSchema.$id) });
+        const formContext = Object.assign(Object.assign({}, this.props.formContext), { rowDefinerField, sectionPointer: (0, utils_1.idSchemaIdToJSONPointer)(this.props.idSchema.$id) });
         const idSchema = this.props.registry.schemaUtils.toIdSchema(this.props.schema.items, `${this.props.idSchema.$id}_0`);
         const sectionLabel = (React.createElement(components_1.Affix, { className: "background", containerRef: this.containerRef, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
             React.createElement("legend", null, this.props.formContext.translations.Section)));
@@ -337,7 +351,7 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
         return React.createElement(SectionContent, { content: content, sectionLabel: sectionLabel, sectionSum: sectionSum });
     }
     renderSections() {
-        const { sectionField, rowValueField } = getOptions(utils_1.getUiOptions(this.props.uiSchema));
+        const { sectionField, rowValueField } = getOptions((0, utils_1.getUiOptions)(this.props.uiSchema));
         return (this.props.formData || []).map((item, idx) => {
             if (!this.props.items[idx]) {
                 return null;
@@ -345,27 +359,27 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
             const { children, hasRemove, index, disabled, readonly, onDropIndexClick } = this.props.items[idx];
             const del = hasRemove && (React.createElement(components_1.DeleteButton, { id: `${this.props.idSchema.$id}_${index}`, disabled: disabled || readonly, translations: this.props.formContext.translations, onClick: onDropIndexClick(index), className: "horizontally-centered" }));
             const sectionLabel = (React.createElement(components_1.Affix, { className: index % 2 ? "background" : " darker", containerRef: this.containerRef, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
-                React.createElement("legend", { className: "horizontally-centered" }, utils_1.parseJSONPointer(this.props.formData[index], sectionField))));
+                React.createElement("legend", { className: "horizontally-centered" }, (0, utils_1.parseJSONPointer)(this.props.formData[index], sectionField))));
             const [arr, field] = rowValueField.split("/%{row}");
-            const sum = (utils_1.parseJSONPointer(item, arr) || []).reduce((sum, item) => sum + (utils_1.parseJSONPointer(item, field) || 0), 0);
+            const sum = ((0, utils_1.parseJSONPointer)(item, arr) || []).reduce((sum, item) => sum + ((0, utils_1.parseJSONPointer)(item, field) || 0), 0);
             const sectionSum = (React.createElement("strong", { className: "horizontally-centered text-muted" }, sum));
-            return (React.createElement(Section, { onFocus: this.getOnFocus(idx), key: utils_1.getUUID(item), className: index % 2 ? undefined : "darker", id: `${this.props.idSchema.$id}_${idx}-section` },
+            return (React.createElement(Section, { onFocus: this.getOnFocus(idx), key: (0, utils_1.getUUID)(item), className: index % 2 ? undefined : "darker", id: `${this.props.idSchema.$id}_${idx}-section` },
                 React.createElement(SectionContent, { delete: del, sectionLabel: sectionLabel, sectionSum: sectionSum, content: children })));
         });
     }
     renderRowDefinerDeleteColumn() {
         const { schema, registry, formData } = this.props;
-        const { rowDefinerField, rowValueField, sectionField } = getOptions(utils_1.getUiOptions(this.props.uiSchema));
+        const { rowDefinerField, rowValueField, sectionField } = getOptions((0, utils_1.getUiOptions)(this.props.uiSchema));
         const [containerPointer] = rowDefinerField.split("/%{row}");
         const { SchemaField } = this.props.registry.fields;
         const { originalUiSchema } = this.props.formContext;
         let _schema = schema.items;
         const _formData = formData[0];
         let __uiSchema = hideFields(schema, originalUiSchema, [rowValueField, sectionField]);
-        __uiSchema = utils_1.updateSafelyWithJSONPointer(__uiSchema, [{ fn: "add", className: "invisible" }], `/${utils_1.uiSchemaJSONPointer(schema, containerPointer)}/ui:options/buttons`);
+        __uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(__uiSchema, [{ fn: "add", className: "invisible" }], `/${(0, utils_1.uiSchemaJSONPointer)(schema, containerPointer)}/ui:options/buttons`);
         __uiSchema = walkUiOrder(schema.items, __uiSchema.items, rowDefinerField.replace("%{row}", 0));
         __uiSchema = walkFieldTemplate(schema.items, __uiSchema, InvisibleLabelObjectFieldTemplate);
-        const formContext = Object.assign(Object.assign({}, this.props.formContext), { containerPointer, sectionPointer: utils_1.idSchemaIdToJSONPointer(this.props.idSchema.$id) });
+        const formContext = Object.assign(Object.assign({}, this.props.formContext), { containerPointer, sectionPointer: (0, utils_1.idSchemaIdToJSONPointer)(this.props.idSchema.$id) });
         const { Overlay, Popover, Glyphicon } = this.context.theme;
         const add = (React.createElement(React.Fragment, null,
             React.createElement(components_1.Affix, { containerRef: this.containerRef, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
@@ -381,37 +395,37 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
     }
     renderRowDefinerSumColumn() {
         const { schema, registry, formData } = this.props;
-        const { rowDefinerField, rowDefinerFields, rowValueField, sectionField } = getOptions(utils_1.getUiOptions(this.props.uiSchema));
+        const { rowDefinerField, rowDefinerFields, rowValueField, sectionField } = getOptions((0, utils_1.getUiOptions)(this.props.uiSchema));
         const [containerPointer, valueField] = rowValueField.split("/%{row}");
         const { SchemaField } = this.props.registry.fields;
         const { originalUiSchema } = this.props.formContext;
-        let _schema = utils_1.updateSafelyWithJSONPointer(schema.items, { type: "integer" }, `/properties/${containerPointer}/items/properties/sum`);
+        let _schema = (0, utils_1.updateSafelyWithJSONPointer)(schema.items, { type: "integer" }, `/properties/${containerPointer}/items/properties/sum`);
         let _formData = formData[0];
         const sums = formData.reduce((sums, item) => {
-            (utils_1.parseJSONPointer(item, containerPointer) || []).forEach((definerItem, idx) => {
-                sums[idx] = (sums[idx] || 0) + (utils_1.parseJSONPointer(definerItem, valueField) || 0);
+            ((0, utils_1.parseJSONPointer)(item, containerPointer) || []).forEach((definerItem, idx) => {
+                sums[idx] = (sums[idx] || 0) + ((0, utils_1.parseJSONPointer)(definerItem, valueField) || 0);
             });
             return sums;
         }, []);
         sums.forEach((sum, idx) => {
-            _formData = utils_1.updateSafelyWithJSONPointer(_formData || {}, sum, `${containerPointer}/${idx}/sum`);
+            _formData = (0, utils_1.updateSafelyWithJSONPointer)(_formData || {}, sum, `${containerPointer}/${idx}/sum`);
         });
-        let containerUiSchema = Object.keys(utils_1.parseSchemaFromFormDataPointer(_schema, containerPointer).items.properties).reduce((uiSchema, field) => {
+        let containerUiSchema = Object.keys((0, utils_1.parseSchemaFromFormDataPointer)(_schema, containerPointer).items.properties).reduce((uiSchema, field) => {
             if (field === "sum") {
                 return uiSchema;
             }
             return Object.assign(Object.assign({}, uiSchema), { [field]: { "ui:field": "HiddenField" } });
-        }, utils_1.parseUiSchemaFromFormDataPointer(originalUiSchema, containerPointer).items);
-        let __uiSchema = utils_1.updateSafelyWithJSONPointer(originalUiSchema, containerUiSchema, `/items/${containerPointer}/items`);
+        }, (0, utils_1.parseUiSchemaFromFormDataPointer)(originalUiSchema, containerPointer).items);
+        let __uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(originalUiSchema, containerUiSchema, `/items/${containerPointer}/items`);
         __uiSchema = hideFields(schema, __uiSchema, [rowValueField, sectionField, rowDefinerField, ...rowDefinerFields]);
-        __uiSchema = utils_1.updateSafelyWithJSONPointer(__uiSchema.items, Object.assign(Object.assign({}, utils_1.parseJSONPointer(__uiSchema.items, `${containerPointer}/ui:options`)), { removable: false, buttons: [{ fn: "add", className: "invisible" }] }), `${containerPointer}/ui:options`);
-        __uiSchema = utils_1.updateSafelyWithJSONPointer(__uiSchema, {
+        __uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(__uiSchema.items, Object.assign(Object.assign({}, (0, utils_1.parseJSONPointer)(__uiSchema.items, `${containerPointer}/ui:options`)), { removable: false, buttons: [{ fn: "add", className: "invisible" }] }), `${containerPointer}/ui:options`);
+        __uiSchema = (0, utils_1.updateSafelyWithJSONPointer)(__uiSchema, {
             "ui:widget": "PlainTextWidget",
             "ui:options": { strong: true, centered: true }
         }, `${containerPointer}/items/sum`);
         __uiSchema = walkFieldTemplate(schema.items, __uiSchema, SumObjectFieldTemplate);
         __uiSchema = walkUiOrder(schema.items, __uiSchema, rowDefinerField.replace("%{row}", 0));
-        const formContext = Object.assign(Object.assign({}, this.props.formContext), { containerPointer, sectionPointer: utils_1.idSchemaIdToJSONPointer(this.props.idSchema.$id), rowValueField,
+        const formContext = Object.assign(Object.assign({}, this.props.formContext), { containerPointer, sectionPointer: (0, utils_1.idSchemaIdToJSONPointer)(this.props.idSchema.$id), rowValueField,
             rowDefinerField });
         const sumLabel = (React.createElement(components_1.Affix, { containerRef: this.containerRef, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
             React.createElement("legend", { className: "bg-info horizontally-centered" }, this.props.formContext.translations.Sum)));
@@ -426,7 +440,7 @@ SectionArrayFieldTemplate = __decorate([
 const withoutItemPointers = pointer => pointer.replace(/\/([0-9]+|%{row})/g, "");
 const InvisibleLabelObjectFieldTemplate = (props) => {
     const { containerPointer } = props.formContext;
-    const pointer = utils_1.idSchemaIdToJSONPointer(props.idSchema.$id);
+    const pointer = (0, utils_1.idSchemaIdToJSONPointer)(props.idSchema.$id);
     const containerPointerWithoutItemPointers = withoutItemPointers(containerPointer);
     const pointerWithoutItemPointers = withoutItemPointers(pointer);
     return props.properties.map(prop => {
@@ -443,7 +457,7 @@ const InvisibleLabelObjectFieldTemplate = (props) => {
 };
 const SumObjectFieldTemplate = (props) => {
     const { containerPointer } = props.formContext;
-    const pointer = utils_1.idSchemaIdToJSONPointer(props.idSchema.$id);
+    const pointer = (0, utils_1.idSchemaIdToJSONPointer)(props.idSchema.$id);
     const containerPointerWithoutItemPointers = withoutItemPointers(containerPointer);
     const pointerWithoutItemPointers = withoutItemPointers(pointer);
     return props.properties.map(prop => {
@@ -463,7 +477,7 @@ const NoLabelsObjectFieldTemplate = (props) => {
     return props.properties.map(prop => prop.content);
 };
 const RowDefinerObjectFieldTemplate = (props) => {
-    const pointer = utils_1.idSchemaIdToJSONPointer(props.idSchema.$id);
+    const pointer = (0, utils_1.idSchemaIdToJSONPointer)(props.idSchema.$id);
     const rowDefinerFieldWithoutItemPointers = withoutItemPointers(props.formContext.rowDefinerField);
     const pointerWithoutItemPointers = withoutItemPointers(pointer);
     return props.properties.map(prop => {
@@ -483,12 +497,12 @@ const getIdxsFromId = (idSchema, options, _id) => {
     const { rowDefinerField } = options;
     const id = idSchema.$id;
     const sectionIdx = _id.match(new RegExp(`${id}_(\\d+)`))
-        && !_id.match(new RegExp(`${id}_\\d+_${utils_1.JSONPointerToId(rowDefinerField.replace("%{row}", "\\d+"))}`))
+        && !_id.match(new RegExp(`${id}_\\d+_${(0, utils_1.JSONPointerToId)(rowDefinerField.replace("%{row}", "\\d+"))}`))
         ? +_id.match(new RegExp(`${id}_(\\d+)`))[1]
         : undefined;
     const [containerPointer] = rowDefinerField.split("%{row}");
-    const horizontalIdx = _id.match(new RegExp(`${id}_\\d+_${utils_1.JSONPointerToId(containerPointer)}`))
-        ? +_id.match(new RegExp(`${id}_\\d+_${utils_1.JSONPointerToId(containerPointer)}(\\d+)`))[1]
+    const horizontalIdx = _id.match(new RegExp(`${id}_\\d+_${(0, utils_1.JSONPointerToId)(containerPointer)}`))
+        ? +_id.match(new RegExp(`${id}_\\d+_${(0, utils_1.JSONPointerToId)(containerPointer)}(\\d+)`))[1]
         : undefined;
     return [horizontalIdx, sectionIdx];
 };
@@ -506,19 +520,19 @@ const _arrayKeyFunctions = options => {
                 return false;
             }
             const getNonRowSectionFieldsForSectionIdx = sectionIdx => {
-                let tabbable = utils_1.getTabbableFields(document.getElementById(`${id}_${sectionIdx}-section`));
+                let tabbable = (0, utils_1.getTabbableFields)(document.getElementById(`${id}_${sectionIdx}-section`));
                 return tabbable.filter(elem => {
-                    return !elem.id.match(new RegExp(utils_1.JSONPointerToId(rowValueField.replace("%{row}", "\\d+"))));
+                    return !elem.id.match(new RegExp((0, utils_1.JSONPointerToId)(rowValueField.replace("%{row}", "\\d+"))));
                 });
             };
             const goOverToNonRowLogic = (currentProp, reverse = true, last = true) => {
-                let tabbableInSection = utils_1.getTabbableFields(document.getElementById(`${id}_${last ? getProps().formData.length - 1 : 0}-section`));
+                let tabbableInSection = (0, utils_1.getTabbableFields)(document.getElementById(`${id}_${last ? getProps().formData.length - 1 : 0}-section`));
                 if (reverse) {
                     tabbableInSection = tabbableInSection.reverse();
                 }
                 let currentPropEncountered = false;
                 const elem = tabbableInSection.find(elem => {
-                    if (!elem.id.match(new RegExp(utils_1.JSONPointerToId(rowValueField.replace("%{row}", "\\d+"))))) {
+                    if (!elem.id.match(new RegExp((0, utils_1.JSONPointerToId)(rowValueField.replace("%{row}", "\\d+"))))) {
                         if (!currentProp || currentPropEncountered) {
                             return elem;
                         }
@@ -532,12 +546,12 @@ const _arrayKeyFunctions = options => {
             if (left || right) {
                 // Horizontal navigation from row definer column to row value column.
                 if (right && currentSection === undefined) {
-                    const idSuffix = utils_1.JSONPointerToId(rowValueField.replace("%{row}", currentRow));
+                    const idSuffix = (0, utils_1.JSONPointerToId)(rowValueField.replace("%{row}", currentRow));
                     nextId = `${id}_0_${idSuffix}`;
                     // Horizontal navigation from row value column to row definer column.
                 }
                 else if (left && currentSection === 0 && currentRow !== undefined) {
-                    const idSuffix = utils_1.JSONPointerToId(rowDefinerField.replace("%{row}", currentRow));
+                    const idSuffix = (0, utils_1.JSONPointerToId)(rowDefinerField.replace("%{row}", currentRow));
                     nextId = `${id}_${currentSection}_${idSuffix}`;
                     // Horizontal navigation to next/prev row if goOverRow.
                 }
@@ -547,14 +561,14 @@ const _arrayKeyFunctions = options => {
                     }
                     // Horizontal navigation inside row matrix.
                     if (currentRow !== undefined) {
-                        const idSuffix = utils_1.JSONPointerToId(rowDefinerField.replace("%{row}", currentRow + 1));
+                        const idSuffix = (0, utils_1.JSONPointerToId)(rowDefinerField.replace("%{row}", currentRow + 1));
                         nextId = `${id}_${0}_${idSuffix}`;
                     }
                     else {
                         let tabbableInSection = getNonRowSectionFieldsForSectionIdx(getProps().formData.length - 1);
                         // Horizontal navigation inside non row section field.
                         if (currentId === getProps().formContext.utils.findNearestParentSchemaElemId(tabbableInSection[tabbableInSection.length - 1])) {
-                            nextId = `${id}_0_${utils_1.JSONPointerToId(rowDefinerField.replace("%{row}", 0))}`;
+                            nextId = `${id}_0_${(0, utils_1.JSONPointerToId)(rowDefinerField.replace("%{row}", 0))}`;
                             // Horizontal navigation from non row section to row field.
                         }
                         else {
@@ -571,7 +585,7 @@ const _arrayKeyFunctions = options => {
                             // Horizontal navigation inside row value fields.
                         }
                         else {
-                            const idSuffix = utils_1.JSONPointerToId(rowValueField.replace("%{row}", currentRow - 1));
+                            const idSuffix = (0, utils_1.JSONPointerToId)(rowValueField.replace("%{row}", currentRow - 1));
                             nextId = `${id}_${getProps().formData.length - 1}_${idSuffix}`;
                         }
                     }
@@ -595,7 +609,7 @@ const _arrayKeyFunctions = options => {
                 const containerId = currentSection !== undefined
                     ? `${id}_${currentSection}-section`
                     : `${id}-section-definer`;
-                const tabbableOutsideContainer = utils_1.getTabbableFields(document.getElementById(containerId));
+                const tabbableOutsideContainer = (0, utils_1.getTabbableFields)(document.getElementById(containerId));
                 const tabbableIdx = tabbableOutsideContainer.findIndex(e => e === document.activeElement);
                 nextId = getProps().formContext.utils.findNearestParentSchemaElemId(tabbableOutsideContainer[tabbableIdx + amount]);
                 if (nextId === "root") {
@@ -608,7 +622,7 @@ const _arrayKeyFunctions = options => {
         const { getProps, reverse } = props;
         const id = getProps().idSchema.$id;
         if (!reverse) {
-            const lastSectionElems = utils_1.getTabbableFields(document.getElementById(`${id}_${getProps().formData.length - 1}-section`));
+            const lastSectionElems = (0, utils_1.getTabbableFields)(document.getElementById(`${id}_${getProps().formData.length - 1}-section`));
             const lastElem = lastSectionElems[lastSectionElems.length - 1];
             if (document.activeElement === lastElem) {
                 return false;
@@ -616,10 +630,10 @@ const _arrayKeyFunctions = options => {
         }
         else {
             const { rowDefinerField } = options;
-            const firstElem = utils_1.getTabbableFields(document.getElementById(`${id}_0-section`))[0];
+            const firstElem = (0, utils_1.getTabbableFields)(document.getElementById(`${id}_0-section`))[0];
             if (document.activeElement === firstElem) {
-                const allTabbableFields = utils_1.getTabbableFields(react_dom_1.findDOMNode(getProps().formContext.formRef.current));
-                const matcher = new RegExp(utils_1.JSONPointerToId(rowDefinerField.replace("%{row}", "\\d+")));
+                const allTabbableFields = (0, utils_1.getTabbableFields)((0, react_dom_1.findDOMNode)(getProps().formContext.formRef.current));
+                const matcher = new RegExp((0, utils_1.JSONPointerToId)(rowDefinerField.replace("%{row}", "\\d+")));
                 const allTabbableFieldsWithoutRowDefinerInputs = allTabbableFields.filter(f => !f.id.match(matcher));
                 const input = getProps().formContext.utils.getNextInputInInputs(undefined, true, allTabbableFieldsWithoutRowDefinerInputs);
                 if (input) {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldProps, JSONSchemaEnum } from "../../types";
 /**
  * Constructs selects from given tree.

package/lib/components/fields/SelectTreeField.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,14 +15,25 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SelectTreeField;
 const React = __importStar(require("react"));
 const utils_1 = require("../../utils");
 const react_1 = require("react");
@@ -33,12 +48,12 @@ function SelectTreeField(props) {
     const childProps = getChildProps(props);
     const { onChange: parentOnChange } = props;
     const { formData: childFormData } = childProps;
-    const onChange = react_1.useCallback((formData) => {
+    const onChange = (0, react_1.useCallback)((formData) => {
         let selectNames = Object.keys(formData).sort((a, b) => { return +b - +a; });
         for (let i in selectNames) {
             if (formData[i] !== childFormData[i]) {
                 let value;
-                if (utils_1.isEmptyString(formData[i])) {
+                if ((0, utils_1.isEmptyString)(formData[i])) {
                     value = (+i > 0) ? formData[+i - 1] : undefined;
                 }
                 else {
@@ -52,7 +67,6 @@ function SelectTreeField(props) {
     const SchemaField = props.registry.fields.SchemaField;
     return React.createElement(SchemaField, Object.assign({}, props, childProps, { onChange: onChange }));
 }
-exports.default = SelectTreeField;
 const getChildProps = (props) => {
     let schema = { "type": "object", title: props.schema.title };
     let formData = {};
@@ -61,7 +75,7 @@ const getChildProps = (props) => {
     props.schema.oneOf.forEach((e) => {
         dictionarifiedEnums[e.const] = e.title;
     });
-    const tree = utils_1.getUiOptions(props.uiSchema).tree;
+    const tree = (0, utils_1.getUiOptions)(props.uiSchema).tree;
     let levels = [];
     let parentsMap = {};
     let childrenMap = {};
@@ -98,7 +112,7 @@ const getChildProps = (props) => {
     }
     let searchTerm = props.formData;
     let depth = 0;
-    if (!utils_1.isEmptyString(searchTerm)) {
+    if (!(0, utils_1.isEmptyString)(searchTerm)) {
         for (const level of levels) {
             if (level[searchTerm])
                 break;
@@ -109,17 +123,17 @@ const getChildProps = (props) => {
     let d = depth;
     while (d >= 0) {
         formData[d] = n;
-        if (utils_1.isEmptyString(n)) {
+        if ((0, utils_1.isEmptyString)(n)) {
             n = undefined; // object keys can't be "", so root key is in childrenMap 'undefined'.
         }
         addSelect(d, n, Object.keys(childrenMap[parentsMap[n]]));
         d--;
         n = parentsMap[n];
     }
-    if (!utils_1.isEmptyString(searchTerm) && childrenMap[searchTerm] && Object.keys(childrenMap[searchTerm]).length) {
+    if (!(0, utils_1.isEmptyString)(searchTerm) && childrenMap[searchTerm] && Object.keys(childrenMap[searchTerm]).length) {
         addSelect(depth + 1, searchTerm, Object.keys(childrenMap[searchTerm]));
         formData[depth + 1] = undefined;
     }
     schema.properties = properties;
-    return { schema, formData, uiSchema: utils_1.getInnerUiSchema(props.uiSchema), idSchema };
+    return { schema, formData, uiSchema: (0, utils_1.getInnerUiSchema)(props.uiSchema), idSchema };
 };