@luomus/laji-form 15.1.55 → 15.1.56

package/lib/components/fields/MultiTagArrayField.js

@@ -1,37 +1,52 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const BaseComponent_1 = require("../BaseComponent");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
+const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const utils_1 = require("../../utils");
-const ReactContext_1 = require("../../ReactContext");
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const components_1 = require("../components");
-const immutability_helper_1 = require("immutability-helper");
-const memoize = require("memoizee");
-const react_dom_1 = require("react-dom");
+const immutability_helper_1 = __importDefault(require("immutability-helper"));
+const memoizee_1 = __importDefault(require("memoizee"));
 const equals = require("deep-equal");
 let MultiTagArrayField = class MultiTagArrayField extends React.Component {
     constructor() {
         super(...arguments);
         this.state = { activeButtonIdx: undefined };
-        this.affixContainerElem = null;
-        this.setAffixContainer = (ref) => {
-            this.affixContainerElem = react_dom_1.findDOMNode(ref);
-        };
-        this.getAffixContainer = () => {
-            return this.affixContainerElem;
-        };
-        this.onChange = memoize((key) => (formData) => {
+        this.affixContainerRef = React.createRef();
+        this.onChange = memoizee_1.default((key) => (formData) => {
             const newFormData = Object.assign(Object.assign({}, this.props.formData), { [key]: formData });
             this.props.onChange(newFormData);
         });
-        this.onButtonClick = memoize((idx) => () => {
+        this.onButtonClick = memoizee_1.default((idx) => () => {
             const { activeButtonIdx } = this.state;
             if (activeButtonIdx === idx) {
                 this.setState({ activeButtonIdx: undefined });
@@ -50,7 +65,7 @@ let MultiTagArrayField = class MultiTagArrayField extends React.Component {
                 this.setState({ activeButtonIdx: idx });
             }
         });
-        this.onTagClick = memoize((fromField) => (idx, e) => {
+        this.onTagClick = memoizee_1.default((fromField) => (idx, e) => {
             const { activeButtonIdx } = this.state;
             if (activeButtonIdx === undefined) {
                 return;
@@ -97,9 +112,9 @@ let MultiTagArrayField = class MultiTagArrayField extends React.Component {
         const { activeButtonIdx } = this.state;
         const propertyKeys = Object.keys(schema.properties);
         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 },
+        return (React.createElement(Row, { className: containerClassNames, ref: this.affixContainerRef },
             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(components_1.Affix, { containerRef: this.affixContainerRef, 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)))))),
             React.createElement(Col, { xs: 9, sm: 9, md: 10, lg: 10, className: "laji-form-multi-tag-array-field-content" }, propertyKeys.map(key => {
                 var _a, _b;

package/lib/components/fields/NamedPlaceChooserField.js

@@ -1,23 +1,45 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
-const PropTypes = require("prop-types");
+const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
 const components_1 = require("../components");
-const Spinner = require("react-spinner");
-const Context_1 = require("../../Context");
-const ReactContext_1 = require("../../ReactContext");
-const BaseComponent_1 = require("../BaseComponent");
+const react_spinner_1 = __importDefault(require("react-spinner"));
+const Context_1 = __importDefault(require("../../Context"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
+const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const MapArrayField_1 = require("./MapArrayField");
 const globals_1 = require("@luomus/laji-map/lib/globals");
-const SelectWidget_1 = require("../widgets/SelectWidget");
+const SelectWidget_1 = __importDefault(require("../widgets/SelectWidget"));
 const PLACES_FETCH_FAIL = "PLACES_FETCH_FAIL";
 const PLACE_USE_FAIL = "PLACE_USE_FAIL";
 const PLACE_DELETE_FAIL = "PLACE_DELETE_FAIL";
@@ -327,7 +349,7 @@ class NamedPlaceChooser extends React.Component {
             return (React.createElement("div", { style: { height: "inherit" } },
                 React.createElement(SelectWidget_1.default, { disabled: !places, options: { enumOptions: enums, placeholder: `${translations.SelectPlaceFromList}...` }, onChange: this.onSelectChange, selectOnChange: false, includeEmpty: true, schema: {}, id: "named-place-chooser-select", formContext: this.props.formContext }),
                 React.createElement(MapArrayField_1.Map, { ref: getMapRef, data: data, markerPopupOffset: 45, featurePopupOffset: 5, controls: { draw: false }, lang: this.props.formContext.lang, bodyAsDialogRoot: false, formContext: this.props.formContext }),
-                (!places) ? React.createElement(Spinner, null) : null,
+                (!places) ? React.createElement(react_spinner_1.default, null) : null,
                 React.createElement("div", { style: { display: "none" }, ref: this.setPopupContainerRef },
                     React.createElement(Popup, { ref: getPopupRef, place: (places || [])[this.state.popupIdx], onPlaceSelected: this.onPlaceSelected, onPlaceDeleted: this.onPlaceDeleted, deleting: this.state.deleting, formContext: this.props.formContext, translations: translations }))));
         }
@@ -374,7 +396,7 @@ class Popup extends React.Component {
             React.createElement(components_1.DeleteButton, { block: true, onClick: this._onPlaceDeleted, disabled: deleting, glyphButton: false, confirm: true, confirmStyle: "browser", translations: translations },
                 translations.Remove,
                 " ",
-                deleting && React.createElement(Spinner, null)))) : React.createElement(Spinner, null);
+                deleting && React.createElement(react_spinner_1.default, null)))) : React.createElement(react_spinner_1.default, null);
     }
 }
 Context_1.default("SCHEMA_FIELD_WRAPPERS").NamedPlaceChooserField = true;

package/lib/components/fields/NamedPlaceSaverField.js

@@ -1,10 +1,29 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (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 __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)
@@ -16,18 +35,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
-const PropTypes = require("prop-types");
+const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
 const components_1 = require("../components");
-const Context_1 = require("../../Context");
-const ReactContext_1 = require("../../ReactContext");
-const BaseComponent_1 = require("../BaseComponent");
-const Spinner = require("react-spinner");
+const Context_1 = __importDefault(require("../../Context"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
+const BaseComponent_1 = __importDefault(require("../BaseComponent"));
+const react_spinner_1 = __importDefault(require("react-spinner"));
 const MapArrayField_1 = require("./MapArrayField");
-const memoize = require("memoizee");
+const memoizee_1 = __importDefault(require("memoizee"));
 const SAVE = "SAVE", FETCH = "FETCH";
 /**
  * Compatible only with gathering field.
@@ -111,15 +133,15 @@ class PlaceSaverDialog extends React.Component {
                 prepopulatedDocument: { gatherings: [gathering] }
             });
         };
-        this.onOverwriteCurrentFor = memoize((namedPlaceID) => () => {
+        this.onOverwriteCurrentFor = memoizee_1.default((namedPlaceID) => () => {
             const gathering = this.getGathering(); //eslint-disable-line no-unused-vars
             this.onSave(Object.assign(Object.assign({}, this.state.placeIdsToPlaces[namedPlaceID]), { name: this.state.value, prepopulatedDocument: { gatherings: [gathering] } }));
         });
-        this.onOverwriteSelected = memoize((place) => () => {
+        this.onOverwriteSelected = memoizee_1.default((place) => () => {
             const gathering = this.getGathering(); //eslint-disable-line no-unused-vars
             this.onSave(Object.assign(Object.assign({}, place), { name: this.state.value, prepopulatedDocument: { gatherings: [gathering] } }));
         });
-        this.onOverwriteExistingFor = memoize((place) => () => {
+        this.onOverwriteExistingFor = memoizee_1.default((place) => () => {
             this.onOverwriteSelected(place)();
         });
         // Hack that fixed autofocus cursor position
@@ -223,7 +245,7 @@ class PlaceSaverDialog extends React.Component {
                     existingPlaces.length === 1 && !this.props.gathering.namedPlaceID ?
                         getButton(this.onOverwriteExistingFor(existingPlaces[0]), translations.SaveExistingOverwrite) : null),
                 loading ? React.createElement("div", { className: "pull-right" },
-                    React.createElement(Spinner, null)) : null),
+                    React.createElement(react_spinner_1.default, null)) : null),
             !this.props.gathering.namedPlaceID && existingPlaces.length ?
                 React.createElement(Alert, { variant: "warning" }, `${translations.Warning}: ${translations.UsedNamedPlaceName}.${existingPlaces.length > 1 ? ` ${translations.UsedNamedPlaceNameMultiple}.` : ""}`)
                 : null,

package/lib/components/fields/NestField.js

@@ -1,18 +1,40 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPropsForFields = void 0;
-const React = require("react");
-const PropTypes = require("prop-types");
-const immutability_helper_1 = require("immutability-helper");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
+const immutability_helper_1 = __importDefault(require("immutability-helper"));
 const utils_1 = require("../../utils");
-const VirtualSchemaField_1 = require("../VirtualSchemaField");
-const deepmerge = require("deepmerge");
+const VirtualSchemaField_1 = __importDefault(require("../VirtualSchemaField"));
+const deepmerge_1 = __importDefault(require("deepmerge"));
 /**
  * Makes it possible to extract fields from object schema and
  * make them act like a nested schema without touching the form data structure.
@@ -162,7 +184,7 @@ let NestField = class NestField extends React.Component {
             }
             nest.fields.forEach(fieldName => {
                 if (uiSchema[fieldName]) {
-                    uiSchema[wrapperFieldName][fieldName] = deepmerge(uiSchema[wrapperFieldName][fieldName] || {}, uiSchema[fieldName], {
+                    uiSchema[wrapperFieldName][fieldName] = deepmerge_1.default(uiSchema[wrapperFieldName][fieldName] || {}, uiSchema[fieldName], {
                         arrayMerge: (a1, a2) => a2
                     });
                 }

package/lib/components/fields/ObjectField.js

@@ -1,10 +1,32 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const utils_1 = require("@rjsf/utils");
 const utils_2 = require("../../utils");
 const ArrayFieldTemplate_1 = require("../templates/ArrayFieldTemplate");
-const ReactContext_1 = require("../../ReactContext");
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const core_1 = require("@rjsf/core");
 const ObjectFieldTemplate_1 = require("../templates/ObjectFieldTemplate");
 exports.default = (props) => {

package/lib/components/fields/PdfArrayField.js

@@ -1,12 +1,31 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const ImageArrayField_1 = require("./ImageArrayField");
 let PdfArrayField = class PdfArrayField extends React.Component {
     constructor() {

package/lib/components/fields/PrefillingArrayField.js

@@ -1,15 +1,37 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
-const VirtualSchemaField_1 = require("../VirtualSchemaField");
+const VirtualSchemaField_1 = __importDefault(require("../VirtualSchemaField"));
 let PrefillingArrayField = class PrefillingArrayField extends React.Component {
     constructor() {
         super(...arguments);

package/lib/components/fields/SchemaField.js

@@ -1,4 +1,23 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __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 __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)
@@ -11,7 +30,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const utils_1 = require("../../utils");
 const utils_2 = require("@luomus/laji-map/lib/utils");
 const ContextInjectionField_1 = require("./ContextInjectionField");

package/lib/components/fields/ScopeField.js

@@ -1,14 +1,36 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const merge = require("deepmerge");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
+const deepmerge_1 = __importDefault(require("deepmerge"));
 const equals = require("deep-equal");
-const Spinner = require("react-spinner");
+const react_spinner_1 = __importDefault(require("react-spinner"));
 const components_1 = require("../components");
 const utils_1 = require("../../utils");
-const Context_1 = require("../../Context");
-const ReactContext_1 = require("../../ReactContext");
+const Context_1 = __importDefault(require("../../Context"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const ConditionalUiSchemaField_1 = require("./ConditionalUiSchemaField");
 const utils_2 = require("@rjsf/utils");
 const scopeFieldSettings = {
@@ -102,7 +124,7 @@ class ScopeField extends React.Component {
                     let refs = fieldScope.refs;
                     fieldScope = Object.assign(Object.assign({}, fieldScope), { refs: undefined });
                     refs.forEach(ref => {
-                        fieldScope = merge(fieldScope, definitions[ref]);
+                        fieldScope = deepmerge_1.default(fieldScope, definitions[ref]);
                     });
                 }
                 const { excludeFields = [], fields: _fields = [], defaultFields: _defaultFields = [] } = fieldScope;
@@ -499,7 +521,7 @@ const _ListGroup = React.memo(function _ListGroup({ group = {}, groupTranslation
     const listGroup = [
         React.createElement(ListGroupItem, { key: groupName + "-list", active: someActive, onClick: onListGroupClick }, groupTranslations[groupName] !== undefined
             ? React.createElement("strong", null, groupTranslations[groupName])
-            : React.createElement(Spinner, { key: groupName + "-list" })),
+            : React.createElement(react_spinner_1.default, { key: groupName + "-list" })),
         ...groupsList
     ];
     return (React.createElement("div", { key: groupName, className: "scope-field-modal-item" },

package/lib/components/fields/SectionArrayField.js

@@ -1,10 +1,29 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (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 __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)
@@ -16,16 +35,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
-const PropTypes = require("prop-types");
+const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
-const VirtualSchemaField_1 = require("../VirtualSchemaField");
-const TitleField_1 = require("../templates/TitleField");
+const VirtualSchemaField_1 = __importDefault(require("../VirtualSchemaField"));
+const TitleField_1 = __importDefault(require("../templates/TitleField"));
 const components_1 = require("../components");
-const Context_1 = require("../../Context");
-const ReactContext_1 = require("../../ReactContext");
+const Context_1 = __importDefault(require("../../Context"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const ArrayFieldTemplate_1 = require("../templates/ArrayFieldTemplate");
 const getOptions = (options) => {
     const { sectionField = "/section", rowDefinerField = "/units/%{row}/identifications/0/taxonVerbatim", rowDefinerFields = [
@@ -126,6 +148,7 @@ const SectionContent = ({ delete: _delete = React.createElement(components_1.Del
 let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Component {
     constructor(props) {
         super(props);
+        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);
@@ -158,7 +181,6 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
                 });
             }
         };
-        this.getContainerElem = () => this.ref.current;
         this.getAddButtonElem = () => {
             return react_dom_1.findDOMNode(this.addButtonRef.current);
         };
@@ -285,10 +307,9 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
         };
         this.addButtonRef = React.createRef();
         this.sectionInputRef = React.createRef();
-        this.ref = React.createRef();
     }
     render() {
-        return (React.createElement("div", { style: { display: "flex", width: "100%" }, ref: this.ref, onFocus: this.onContainerFocus, onBlur: this.onContainerBlur, tabIndex: 0 },
+        return (React.createElement("div", { style: { display: "flex", width: "100%" }, ref: this.containerRef, onFocus: this.onContainerFocus, onBlur: this.onContainerBlur, tabIndex: 0 },
             React.createElement(Section, { key: "definer", style: { flexGrow: "initial", maxWidth: 200 }, id: `${this.props.idSchema.$id}-section-definer` }, this.renderRowDefinerColumn()),
             this.renderSections(),
             React.createElement(Section, { key: "sums", className: "bg-info", style: { maxWidth: 75 } }, this.renderRowDefinerSumColumn()),
@@ -309,7 +330,7 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
         __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 idSchema = this.props.registry.schemaUtils.toIdSchema(this.props.schema.items, `${this.props.idSchema.$id}_0`);
-        const sectionLabel = (React.createElement(components_1.Affix, { className: "background", getContainer: this.getContainerElem, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
+        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)));
         const sectionSum = React.createElement("strong", null, this.props.formContext.translations.SectionSum);
         const content = (React.createElement(SchemaField, Object.assign({}, this.props, { schema: _schema, uiSchema: __uiSchema, formData: _formData, idSchema: idSchema, onChange: this.onRowDefinerChange, registry: Object.assign(Object.assign({}, registry), { formContext, templates: Object.assign(Object.assign({}, registry.templates), { TitleFieldTemplate: NoLineBreakTitle }) }), formContext: formContext, errorSchema: this.props.formContext.errorSchema[0] || {} })));
@@ -323,7 +344,7 @@ 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", getContainer: this.getContainerElem, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
+            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))));
             const [arr, field] = rowValueField.split("/%{row}");
             const sum = (utils_1.parseJSONPointer(item, arr) || []).reduce((sum, item) => sum + (utils_1.parseJSONPointer(item, field) || 0), 0);
@@ -347,7 +368,7 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
         const formContext = Object.assign(Object.assign({}, this.props.formContext), { containerPointer, sectionPointer: 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, { getContainer: this.getContainerElem, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
+            React.createElement(components_1.Affix, { containerRef: this.containerRef, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
                 React.createElement(components_1.Button, { id: `${this.props.idSchema.$id}-add`, onClick: this.showAddSection, style: { whiteSpace: "nowrap", padding: "3.5px 12px" }, ref: this.addButtonRef },
                     React.createElement(Glyphicon, { glyph: "plus" }),
                     " ",
@@ -392,7 +413,7 @@ let SectionArrayFieldTemplate = class SectionArrayFieldTemplate extends React.Co
         __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,
             rowDefinerField });
-        const sumLabel = (React.createElement(components_1.Affix, { getContainer: this.getContainerElem, topOffset: this.props.formContext.topOffset, bottomOffset: this.props.formContext.bottomOffset },
+        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)));
         const content = (React.createElement(SchemaField, Object.assign({}, this.props, { schema: _schema, uiSchema: __uiSchema, formData: _formData, onChange: this.onRowDefinerChange, registry: Object.assign(Object.assign({}, registry), { formContext, fields: Object.assign(Object.assign({}, registry.fields), { TitleFieldTemplate: InvisibleTitle }) }), formContext: formContext })));
         return React.createElement(SectionContent, { sectionLabel: sumLabel, content: content });