@luomus/laji-form 15.1.63 → 15.1.65

package/lib/components/widgets/DateTimeWidget.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,19 +21,29 @@ 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 };
 };
 var DateTimeWidget_1;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.YEAR_MATCH = void 0;
+exports.YEAR_MONTH_MATCH = exports.YEAR_MATCH = void 0;
 const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const PropTypes = __importStar(require("prop-types"));
@@ -42,6 +56,7 @@ const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const DATE_TIME_SEPARATOR = ", ";
 exports.YEAR_MATCH = /^\d{4}$/;
+exports.YEAR_MONTH_MATCH = /^\d{4}-\d{1,2}$/;
 let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Component {
     constructor(props) {
         super(props);
@@ -51,21 +66,29 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
         this.parse = (value) => {
             if (!value)
                 value = "";
-            const { allowOnlyYear } = utils_1.getUiOptions(this.props);
+            const { allowOnlyYear, allowOnlyYearAndMonth } = (0, utils_1.getUiOptions)(this.props);
             const hasTime = value.includes(DATE_TIME_SEPARATOR) || this.state.time && !this.state.calendar;
             const onlyYear = allowOnlyYear && this.state.calendar && value.match(exports.YEAR_MATCH);
-            let momentValue = moment_1.default(value, onlyYear ? "YYYY" : this.state.format);
+            let onlyYearAndMonth = false;
+            let momentValue = (0, moment_1.default)(value, onlyYear ? "YYYY" : this.state.format);
+            if (!momentValue.isValid() && allowOnlyYearAndMonth) {
+                momentValue = (0, moment_1.default)(value, this.state.yearAndMonthDateFormat);
+                onlyYearAndMonth = true;
+            }
             if (!momentValue.isValid()) {
                 return "";
             }
             const isoValue = onlyYear
                 ? value
-                : hasTime
-                    ? momentValue.toISOString()
-                    : momentValue.format("YYYY-MM-DD");
+                : onlyYearAndMonth
+                    ? momentValue.format("YYYY-MM")
+                    : hasTime
+                        ? momentValue.toISOString()
+                        : momentValue.format("YYYY-MM-DD");
             this.timeWritten = hasTime;
             this.onlyYearWritten = onlyYear;
-            return onlyYear ? isoValue : moment_1.default(isoValue).toDate();
+            this.onlyYearAndMonthWritten = onlyYearAndMonth;
+            return onlyYear || onlyYearAndMonth ? isoValue : (0, moment_1.default)(isoValue).toDate();
         };
         this.onChange = (value) => {
             this.props.onChange(value, !!"force");
@@ -84,12 +107,12 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
             this.setState({ textInputFocused: true }, this.focus);
         };
         this.onBlur = () => {
-            !utils_1.isDescendant(react_dom_1.findDOMNode(this.containerRef), document.activeElement) && this.setState({ textInputFocused: false });
+            !(0, utils_1.isDescendant)((0, react_dom_1.findDOMNode)(this.containerRef), document.activeElement) && this.setState({ textInputFocused: false });
         };
         this.onDateTimePickerChange = (value) => {
-            const momentValue = moment_1.default(value);
+            const momentValue = (0, moment_1.default)(value);
             let formattedValue = momentValue.format("YYYY-MM-DDTHH:mm");
-            if (this.onlyYearWritten) {
+            if (this.onlyYearWritten || this.onlyYearAndMonthWritten) {
                 formattedValue = value;
             }
             else if (value !== null && !momentValue.isValid()) {
@@ -103,6 +126,7 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
             this.toggle = undefined;
             this.timeWritten = false;
             this.onlyYearWritten = false;
+            this.onlyYearAndMonthWritten = false;
         };
         this.getDateWithCurrentTime = (date) => {
             const { value } = this.props;
@@ -110,22 +134,22 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
             return time ? `${date}T${time}` : date;
         };
         this.setToday = () => {
-            this.onChange(this.getDateWithCurrentTime(moment_1.default().format("YYYY-MM-DD")));
+            this.onChange(this.getDateWithCurrentTime((0, moment_1.default)().format("YYYY-MM-DD")));
         };
         this.setYesterday = () => {
-            this.onChange(this.getDateWithCurrentTime(moment_1.default().subtract(1, "d").format("YYYY-MM-DD")));
+            this.onChange(this.getDateWithCurrentTime((0, moment_1.default)().subtract(1, "d").format("YYYY-MM-DD")));
         };
         this.setSameAsToday = () => {
             const formData = this.props.formContext.services.rootInstance.getFormData();
-            const sameOptions = utils_1.getUiOptions(this.props).showButtons.same || {};
+            const sameOptions = (0, utils_1.getUiOptions)(this.props).showButtons.same || {};
             const { path = "/gatheringEvent/dateBegin" } = sameOptions;
-            const today = utils_1.parseJSONPointer(formData, path, !!"safely");
+            const today = (0, utils_1.parseJSONPointer)(formData, path, !!"safely");
             if (today) {
                 this.onChange(today);
             }
         };
         this.setPlusSixMonths = () => {
-            const plusSixMonthOptions = utils_1.getUiOptions(this.props).showButtons.plusSixMonths || {};
+            const plusSixMonthOptions = (0, utils_1.getUiOptions)(this.props).showButtons.plusSixMonths || {};
             const { path } = plusSixMonthOptions;
             const date = this.getCurrentDateOrPathDate(path);
             if (date) {
@@ -133,14 +157,14 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
             }
         };
         this.setPlusYear = () => {
-            const plusYearOptions = utils_1.getUiOptions(this.props).showButtons.plusYear || {};
+            const plusYearOptions = (0, utils_1.getUiOptions)(this.props).showButtons.plusYear || {};
             const { path } = plusYearOptions;
             const date = this.getCurrentDateOrPathDate(path);
             if (date) {
                 this.onChange(date.add(1, "y").format("YYYY-MM-DD"));
             }
         };
-        react_widgets_moment_1.default(moment_1.default);
+        (0, react_widgets_moment_1.default)(moment_1.default);
     }
     componentDidMount() {
         this.props.formContext.services.focus.addFocusHandler(this.props.id, this.focus);
@@ -149,15 +173,18 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
         this.props.formContext.services.focus.removeFocusHandler(this.props.id, this.focus);
     }
     getStateFromProps(props) {
+        var _a;
         const { lang, translations } = props.formContext;
         const formatLang = lang === "sv" ? "fi" : lang === "en" ? "en-gb" : lang;
-        let localeFormats = moment_1.default().locale(formatLang)._locale._longDateFormat;
-        let { allowOnlyYear, dateFormat = "" } = utils_1.getUiOptions(props);
+        let localeFormats = (0, moment_1.default)().locale(formatLang)._locale._longDateFormat;
+        let { allowOnlyYear, allowOnlyYearAndMonth, dateFormat = "", yearAndMonthDateFormat = "" } = (0, utils_1.getUiOptions)(props);
         let timeFormat = "";
         let placeholder = "";
         if (props.calendar) {
             if (!dateFormat)
                 dateFormat = localeFormats.L;
+            if (!yearAndMonthDateFormat)
+                yearAndMonthDateFormat = dateFormat.replace(/([^YM]DD)|(DD[^YM])/, "");
             placeholder += translations[dateFormat.toLowerCase()] || dateFormat;
         }
         if (props.time) {
@@ -171,12 +198,15 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
         const hasTime = props.value && splitted.length > 1 && splitted[1] !== "";
         let inputFormat = allowOnlyYear && props.value && props.value.match(exports.YEAR_MATCH)
             ? "YYYY"
-            : hasTime
-                ? format
-                : dateFormat;
+            : allowOnlyYearAndMonth && ((_a = props.value) === null || _a === void 0 ? void 0 : _a.match(exports.YEAR_MONTH_MATCH))
+                ? yearAndMonthDateFormat
+                : hasTime
+                    ? format
+                    : dateFormat;
         const state = {
             dateFormat,
             timeFormat,
+            yearAndMonthDateFormat,
             format,
             inputFormat,
             placeholder
@@ -194,12 +224,12 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
     render() {
         const { value, readonly, disabled } = this.props;
         const { translations, lang } = this.props.formContext;
-        const momentValue = moment_1.default(value);
+        const momentValue = (0, moment_1.default)(value);
         if (!this.state.textInputFocused && value !== null && !momentValue.isValid()) {
             const { TextWidget } = this.props.registry.widgets;
             return React.createElement(TextWidget, Object.assign({}, this.props, { onFocus: this.onTextWidgetFocus }));
         }
-        const options = utils_1.getUiOptions(this.props);
+        const options = (0, utils_1.getUiOptions)(this.props);
         const showTimeList = options.showTimeList !== undefined ? options.showTimeList : true;
         const culture = lang === "en" ? "en-gb" : lang;
         const datePicker = (React.createElement(DateTimePicker, { ref: this.setRef, date: this.state.calendar, time: this.state.time && showTimeList, format: this.state.inputFormat, timeFormat: this.state.timeFormat, placeholder: this.state.placeholder, onToggle: this.onToggle, onChange: this.onDateTimePickerChange, value: value && momentValue.isValid() ? momentValue.toDate() : null, parse: this.parse, disabled: readonly || disabled, culture: culture, messages: {
@@ -259,11 +289,11 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
     }
     getCurrentDateOrPathDate(path) {
         const formData = this.props.formContext.services.rootInstance.getFormData();
-        const value = this.props.value || (path ? utils_1.parseJSONPointer(formData, path, !!"safely") : undefined);
+        const value = this.props.value || (path ? (0, utils_1.parseJSONPointer)(formData, path, !!"safely") : undefined);
         if (!value) {
             return;
         }
-        const date = moment_1.default(value);
+        const date = (0, moment_1.default)(value);
         if (date.isValid()) {
             return date;
         }
@@ -300,7 +330,9 @@ DateTimeWidget.propTypes = {
             ]),
             showTimeList: PropTypes.bool,
             allowOnlyYear: PropTypes.bool,
-            dateFormat: PropTypes.string
+            allowOnlyYearAndMonth: PropTypes.bool,
+            dateFormat: PropTypes.string,
+            yearAndMonthDateFormat: PropTypes.string
         })
     }),
     schema: PropTypes.shape({

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

@@ -2,28 +2,28 @@ export default DateWidget;
 declare function DateWidget(props: any): JSX.Element;
 declare namespace DateWidget {
     namespace propTypes {
-        const uiSchema: PropTypes.Requireable<PropTypes.InferProps<{
+        let uiSchema: PropTypes.Requireable<PropTypes.InferProps<{
             "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
-                showButtons: PropTypes.Requireable<boolean | PropTypes.InferProps<{
+                showButtons: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
                     today: PropTypes.Requireable<boolean>;
                     yesterday: PropTypes.Requireable<boolean>;
-                    same: PropTypes.Requireable<boolean | PropTypes.InferProps<{
+                    same: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
                         path: PropTypes.Requireable<string>;
-                    }>>;
-                    plusSixMonths: PropTypes.Requireable<boolean | PropTypes.InferProps<{
+                    }> | null | undefined>>;
+                    plusSixMonths: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
                         path: PropTypes.Requireable<string>;
-                    }>>;
-                    plusSixYear: PropTypes.Requireable<boolean | PropTypes.InferProps<{
+                    }> | null | undefined>>;
+                    plusSixYear: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
                         path: PropTypes.Requireable<string>;
-                    }>>;
-                }>>;
+                    }> | null | undefined>>;
+                }> | null | undefined>>;
                 allowOnlyYear: PropTypes.Requireable<boolean>;
             }>>;
         }>>;
-        const schema: PropTypes.Requireable<PropTypes.InferProps<{
+        let schema: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
         }>>;
-        const value: PropTypes.Requireable<string>;
+        let value: PropTypes.Requireable<string>;
     }
 }
 import * as PropTypes from "prop-types";

package/lib/components/widgets/DateWidget.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,13 +15,23 @@ 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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -27,14 +41,22 @@ const PropTypes = __importStar(require("prop-types"));
 const moment_1 = __importDefault(require("moment"));
 const DateTimeWidget_1 = __importStar(require("./DateTimeWidget"));
 const utils_1 = require("../../utils");
-const format = (allowOnlyYear, value) => moment_1.default(value).format(allowOnlyYear && value.match(DateTimeWidget_1.YEAR_MATCH)
-    ? "YYYY"
-    : "YYYY-MM-DD");
+const format = (allowOnlyYear, allowOnlyYearAndMonth, value) => {
+    const momentValue = (0, moment_1.default)(value);
+    if (!momentValue.isValid()) {
+        return value;
+    }
+    return momentValue.format(allowOnlyYear && value.match(DateTimeWidget_1.YEAR_MATCH)
+        ? "YYYY"
+        : allowOnlyYearAndMonth && value.match(DateTimeWidget_1.YEAR_MONTH_MATCH)
+            ? "YYYY-MM"
+            : "YYYY-MM-DD");
+};
 const DateWidget = (props) => {
     const { onChange } = props;
-    const { allowOnlyYear } = utils_1.getUiOptions(props);
-    const _onChange = React.useCallback((value) => onChange(utils_1.isEmptyString(value) ? undefined : format(allowOnlyYear, value)), [allowOnlyYear, onChange]);
-    return (React.createElement(DateTimeWidget_1.default, Object.assign({}, props, { onChange: _onChange, time: false, value: props.value ? format(allowOnlyYear, props.value) : null })));
+    const { allowOnlyYear, allowOnlyYearAndMonth } = (0, utils_1.getUiOptions)(props);
+    const _onChange = React.useCallback((value) => onChange((0, utils_1.isEmptyString)(value) ? undefined : format(allowOnlyYear, allowOnlyYearAndMonth, value)), [allowOnlyYear, allowOnlyYearAndMonth, onChange]);
+    return (React.createElement(DateTimeWidget_1.default, Object.assign({}, props, { onChange: _onChange, time: false, value: props.value ? format(allowOnlyYear, allowOnlyYearAndMonth, props.value) : null })));
 };
 DateWidget.propTypes = {
     uiSchema: PropTypes.shape({

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

@@ -5,11 +5,11 @@ declare function HiddenWidget({ id, value }: {
 }): JSX.Element;
 declare namespace HiddenWidget {
     namespace propTypes {
-        const id: PropTypes.Validator<string>;
-        const value: PropTypes.Requireable<string | number | boolean>;
-        const schema: PropTypes.Validator<PropTypes.InferProps<{
+        let id: PropTypes.Validator<string>;
+        let value: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
+        let schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
     }
 }
 import * as PropTypes from "prop-types";

package/lib/components/widgets/HiddenWidget.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,13 +15,23 @@ 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 });
 const React = __importStar(require("react"));
 const PropTypes = __importStar(require("prop-types"));

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

@@ -8,6 +8,7 @@ export default class ImageSelectWidget extends React.Component<any, any, any> {
     };
     constructor(props: any);
     _context: Record<string, unknown>;
+    render(): JSX.Element;
     renderImg: (enumName: any, fallback: any) => any;
 }
 import * as React from "react";

package/lib/components/widgets/ImageSelectWidget.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 };
 };
@@ -39,7 +53,7 @@ let ImageSelectWidget = class ImageSelectWidget extends React.Component {
     constructor(props) {
         super(props);
         this.renderImg = (enumName, fallback) => {
-            const imgName = utils_1.getUiOptions(this.props).images[enumName];
+            const imgName = (0, utils_1.getUiOptions)(this.props).images[enumName];
             if (imgName === undefined)
                 return fallback;
             let path = this._context[enumName] || {};
@@ -54,7 +68,7 @@ let ImageSelectWidget = class ImageSelectWidget extends React.Component {
                         React.createElement("img", { src: path.png })));
             }
         };
-        this._context = Context_1.default("IMAGES");
+        this._context = (0, Context_1.default)("IMAGES");
     }
     render() {
         return (React.createElement(SelectWidget_1.default, Object.assign({}, this.props, { selectProps: {

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

@@ -8,7 +8,11 @@ export default class InformalTaxonGroupChooserWidget extends React.Component<any
         value: PropTypes.Requireable<string>;
     };
     constructor(props: any);
+    state: {};
+    componentDidMount(): void;
     mounted: boolean | undefined;
+    UNSAFE_componentWillReceiveProps(props: any): void;
+    componentWillUnmount(): void;
     getDefaultOptions: (props: any) => {
         button: any;
         rootOnly: any;
@@ -18,6 +22,7 @@ export default class InformalTaxonGroupChooserWidget extends React.Component<any
     show: () => void;
     hide: () => void;
     onClear: (e: any) => void;
+    render(): JSX.Element;
 }
 export class InformalTaxonGroupChooser extends React.Component<any, any, any> {
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
@@ -26,7 +31,13 @@ export class InformalTaxonGroupChooser extends React.Component<any, any, any> {
         formContext: PropTypes.Validator<object>;
     };
     constructor(props: any);
+    state: {
+        path: undefined[];
+    };
+    componentDidMount(): void;
     mounted: boolean | undefined;
+    UNSAFE_componentWillReceiveProps(props: any): void;
+    componentWillUnmount(): void;
     onSelected: (id: any) => () => void;
     onSubgroupSelected: (id: any) => () => void;
     Container: ({ children }: {
@@ -38,6 +49,7 @@ export class InformalTaxonGroupChooser extends React.Component<any, any, any> {
         children: any;
     }) => JSX.Element;
     Item: (id: any) => JSX.Element;
+    render(): JSX.Element;
 }
 import * as React from "react";
 import * as PropTypes from "prop-types";

package/lib/components/widgets/InformalTaxonGroupChooserWidget.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,18 +21,29 @@ 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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InformalTaxonGroupChooser = exports.getInformalGroups = void 0;
+exports.InformalTaxonGroupChooser = void 0;
+exports.getInformalGroups = getInformalGroups;
 const React = __importStar(require("react"));
 const PropTypes = __importStar(require("prop-types"));
 const components_1 = require("../components");
@@ -41,7 +56,7 @@ let InformalTaxonGroupChooserWidget = class InformalTaxonGroupChooserWidget exte
     constructor(props) {
         super(props);
         this.getDefaultOptions = (props) => {
-            const { button = true, rootOnly = false, grid = { lg: 1, md: 2, sm: 3, xs: 12 } } = utils_1.getUiOptions(props);
+            const { button = true, rootOnly = false, grid = { lg: 1, md: 2, sm: 3, xs: 12 } } = (0, utils_1.getUiOptions)(props);
             return { button, rootOnly, grid };
         };
         this.onSelected = (id) => {
@@ -151,11 +166,10 @@ function getInformalGroups(apiClient) {
         const informalTaxonGroups = mapGroupsById(response.results);
         // Contains all groups in flat object.
         const informalTaxonGroupsById = walk({}, response.results);
-        Context_1.default().informalTaxonGroupsById = informalTaxonGroupsById;
+        (0, Context_1.default)().informalTaxonGroupsById = informalTaxonGroupsById;
         return Promise.resolve({ informalTaxonGroups, informalTaxonGroupsById });
     });
 }
-exports.getInformalGroups = getInformalGroups;
 class InformalTaxonGroupChooser extends React.Component {
     constructor(props) {
         super(props);

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

@@ -8,14 +8,15 @@ export default class InputGroupWidget extends React.Component<any, any, any> {
                 className: PropTypes.Requireable<string>;
             }>>;
         }>>;
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
-        value: PropTypes.Requireable<string | number>;
+        }>>>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         required: PropTypes.Requireable<boolean>;
     };
     constructor(props: any);
     constructor(props: any, context: any);
+    render(): JSX.Element;
 }
 import * as React from "react";
 import * as PropTypes from "prop-types";