@luomus/laji-form 15.1.64 → 15.1.65

package/lib/components/widgets/SelectWidget.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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -31,7 +45,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableDrowndown = void 0;
+exports.SearchableDrowndown = SearchableDrowndown;
 const React = __importStar(require("react"));
 const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const utils_1 = require("../../utils");
@@ -39,8 +53,8 @@ const react_1 = require("react");
 const react_dom_1 = require("react-dom");
 const react_spinner_1 = __importDefault(require("react-spinner"));
 const useRangeIncrementor = (length, defaultIdx) => {
-    const [idx, _setIdx] = react_1.useState(defaultIdx);
-    const setIdx = react_1.useCallback((idx) => {
+    const [idx, _setIdx] = (0, react_1.useState)(defaultIdx);
+    const setIdx = (0, react_1.useCallback)((idx) => {
         let nextIdx = idx;
         if (idx === undefined || idx < 0 || length === 0) {
             nextIdx = undefined;
@@ -50,15 +64,15 @@ const useRangeIncrementor = (length, defaultIdx) => {
         }
         _setIdx(nextIdx);
     }, [_setIdx, length]);
-    const increment = react_1.useCallback(() => setIdx((idx || 0) - 1), [idx, setIdx]);
-    const decrement = react_1.useCallback(() => setIdx(idx === undefined ? 0 : idx + 1), [idx, setIdx]);
+    const increment = (0, react_1.useCallback)(() => setIdx((idx || 0) - 1), [idx, setIdx]);
+    const decrement = (0, react_1.useCallback)(() => setIdx(idx === undefined ? 0 : idx + 1), [idx, setIdx]);
     return [idx === undefined ? idx : Math.min(idx, length - 1), increment, decrement, _setIdx];
 };
 function removeByIndex(array, index) {
     return [...array.slice(0, index), ...array.slice(index + 1)];
 }
 function getEnumOptions(enumOptions, uiSchema, includeEmpty = true) {
-    const enums = (utils_1.getUiOptions(uiSchema).enumOptions || enumOptions);
+    const enums = ((0, utils_1.getUiOptions)(uiSchema).enumOptions || enumOptions);
     const emptyIdx = enums.findIndex(e => e.value === "");
     if (!includeEmpty) {
         return emptyIdx !== -1
@@ -77,51 +91,56 @@ const SelectWidget = (props) => props.schema.type === "array"
 exports.default = SelectWidget;
 function SearchableDrowndown(props) {
     const { id, disabled, readonly, value, uiSchema, options, onChange, includeEmpty = true } = props;
-    const { theme } = react_1.useContext(ReactContext_1.default);
+    const { theme } = (0, react_1.useContext)(ReactContext_1.default);
     const { FormControl } = theme;
-    const containerRef = react_1.useRef(null);
-    const inputRef = react_1.useRef(null);
-    const dropdownRef = react_1.useRef(null);
-    const enumOptions = react_1.useMemo(() => 
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    getEnumOptions(options.enumOptions, uiSchema, includeEmpty), [options.enumOptions, uiSchema, includeEmpty]);
-    const getLabelFromValue = react_1.useCallback((value) => value !== undefined && value !== "" && value !== null
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        ? enumOptions.find(item => item.value === value).label
-        : "", [enumOptions]);
-    const [filterTerm, setFilterTerm] = react_1.useState(undefined);
-    const [isOpen, show, hide] = utils_1.useBooleanSetter(false);
-    const filteredEnums = react_1.useMemo(() => {
+    const containerRef = (0, react_1.useRef)(null);
+    const inputRef = (0, react_1.useRef)(null);
+    const dropdownRef = (0, react_1.useRef)(null);
+    const allEnumOptions = (0, react_1.useMemo)(() => getEnumOptions(options.enumOptions, uiSchema, includeEmpty), [options.enumOptions, uiSchema, includeEmpty]);
+    const enumOptions = (0, react_1.useMemo)(() => {
+        if (options.whitelist) {
+            return allEnumOptions.filter(e => e.value === undefined || options.whitelist.includes(e.value));
+        }
+        return allEnumOptions;
+    }, [allEnumOptions, options.whitelist]);
+    const getLabelFromValue = (0, react_1.useCallback)((value) => value !== undefined && value !== "" && value !== null
+        ? allEnumOptions.find(item => item.value === value).label
+        : "", [allEnumOptions]);
+    const [filterTerm, setFilterTerm] = (0, react_1.useState)(undefined);
+    const [isOpen, show, hide] = (0, utils_1.useBooleanSetter)(false);
+    const filteredEnums = (0, react_1.useMemo)(() => {
         return filterTerm !== undefined && filterTerm !== ""
             ? enumOptions.filter(({ label }) => label.toLowerCase().match(filterTerm.toLowerCase()))
             : enumOptions;
     }, [filterTerm, enumOptions]);
     const [activeIdx, activeIdxUp, activeIdxDown, setActiveIdx] = useRangeIncrementor((filteredEnums || []).length, getDefaultActiveIdx(filteredEnums, value));
+    (0, react_1.useEffect)(() => {
+        setFilterTerm(undefined);
+        setActiveIdx(Math.max(enumOptions.findIndex(enu => enu.value === value), 0));
+    }, [enumOptions, setActiveIdx, value]);
     const inputValue = filterTerm !== null && filterTerm !== void 0 ? filterTerm : getLabelFromValue(value);
-    const showAndSelectText = react_1.useCallback(() => {
+    const showAndSelectText = (0, react_1.useCallback)(() => {
         var _a;
         show();
-        (_a = react_dom_1.findDOMNode(inputRef.current)) === null || _a === void 0 ? void 0 : _a.setSelectionRange(0, inputValue.length);
+        (_a = (0, react_dom_1.findDOMNode)(inputRef.current)) === null || _a === void 0 ? void 0 : _a.setSelectionRange(0, inputValue.length);
     }, [show, inputValue.length]);
-    const onInputChange = react_1.useCallback((e) => {
+    const onInputChange = (0, react_1.useCallback)((e) => {
         const { value } = e.target;
         setFilterTerm(value);
         setActiveIdx(0);
     }, [setActiveIdx]);
-    const onItemSelected = react_1.useCallback((item) => {
+    const onItemSelected = (0, react_1.useCallback)((item) => {
         if (item.value === value) {
             return;
         }
         onChange(item.value);
-        setFilterTerm(undefined);
-        setActiveIdx(enumOptions.findIndex(enu => enu.value === item.value));
         hide();
-    }, [enumOptions, hide, onChange, setActiveIdx, value]);
-    const onBlur = react_1.useCallback((e) => {
+    }, [hide, onChange, value]);
+    const onBlur = (0, react_1.useCallback)((e) => {
         // Fixes the issue that when user tries to click an enum item, `setOpen(false)`
         // hides the enum list, so the elem list item is hidden before the click, thus never
         // sending a click event.
-        if (e.relatedTarget && utils_1.isDescendant(containerRef.current, e.relatedTarget)) {
+        if (e.relatedTarget && (0, utils_1.isDescendant)(containerRef.current, e.relatedTarget)) {
             return;
         }
         if (activeIdx !== undefined && filteredEnums[activeIdx]) {
@@ -132,7 +151,7 @@ function SearchableDrowndown(props) {
         }
         hide();
     }, [activeIdx, filteredEnums, hide, onItemSelected]);
-    const onKeyDown = react_1.useCallback((e) => {
+    const onKeyDown = (0, react_1.useCallback)((e) => {
         switch (e.key) {
             case "ArrowDown":
                 if (!isOpen) {
@@ -166,23 +185,21 @@ function SearchableDrowndown(props) {
         }
     }, [activeIdx, activeIdxDown, activeIdxUp, filteredEnums, isOpen, onItemSelected, setActiveIdx, showAndSelectText, value]);
     return (React.createElement("div", { onBlur: onBlur, onKeyDown: onKeyDown, ref: containerRef, style: { position: "relative" }, className: "laji-form-dropdown-container" },
-        React.createElement(FormControl, { disabled: disabled || readonly, id: id, onClick: showAndSelectText, onFocus: showAndSelectText, value: inputValue, onChange: onInputChange, autoComplete: "off", ref: inputRef }),
+        React.createElement(FormControl, { disabled: disabled || readonly, id: id, onClick: showAndSelectText, onFocus: showAndSelectText, value: inputValue, placeholder: options.placeholder, onChange: onInputChange, autoComplete: "off", ref: inputRef }),
         React.createElement(Caret, null),
         React.createElement("div", { className: `laji-form-dropdown laji-form-dropdown-${isOpen ? "open" : "closed"}`, style: { position: "absolute" }, tabIndex: -1, ref: dropdownRef }, filteredEnums.map((oneOf, idx) => {
             var _a;
             return (React.createElement(ListItem, { key: (_a = oneOf.value) !== null && _a !== void 0 ? _a : "", onSelected: onItemSelected, active: idx === activeIdx }, oneOf));
         }))));
 }
-exports.SearchableDrowndown = SearchableDrowndown;
 function SearchableMultiDrowndown(props) {
-    const { id, disabled, readonly, value, uiSchema, options, onChange, getEnumOptionsAsync } = props;
-    const [enumOptions, setEnumOptions] = react_1.useState(getEnumOptionsAsync
+    const { id, disabled, readonly, value, uiSchema, options, onChange, getEnumOptionsAsync, formContext } = props;
+    const [enumOptions, setEnumOptions] = (0, react_1.useState)(getEnumOptionsAsync
         ? undefined
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         : getEnumOptions(options.enumOptions, uiSchema, false));
-    const [filterTerm, setFilterTerm] = react_1.useState();
-    const [loading, setLoading] = react_1.useState(undefined);
-    const [isOpen, show, hide] = utils_1.useBooleanSetter(false);
+    const [filterTerm, setFilterTerm] = (0, react_1.useState)();
+    const [loading, setLoading] = (0, react_1.useState)(undefined);
+    const [isOpen, show, hide] = (0, utils_1.useBooleanSetter)(false);
     const inputValue = filterTerm !== null && filterTerm !== void 0 ? filterTerm : "";
     const containerRef = React.useRef(null);
     const inputRef = React.useRef(null);
@@ -199,28 +216,27 @@ function SearchableMultiDrowndown(props) {
             : notAlreadySelected;
     }, [filterTerm, enumOptions, value]);
     const [activeIdx, activeIdxUp, activeIdxDown, setActiveIdx] = useRangeIncrementor((filteredEnums || []).length, undefined);
-    const onInputChange = react_1.useCallback((e) => {
+    const onInputChange = (0, react_1.useCallback)((e) => {
         const { value } = e.target;
         setFilterTerm(value);
         setActiveIdx(undefined);
     }, [setActiveIdx]);
-    const onItemSelected = react_1.useCallback((item) => {
+    const onItemSelected = (0, react_1.useCallback)((item) => {
         var _a;
         onChange([...(value || []), item.value]);
         setFilterTerm(undefined);
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         setActiveIdx(undefined);
     }, [onChange, setActiveIdx, value]);
-    const onItemSelectedByBlur = react_1.useCallback((item) => {
+    const onItemSelectedByBlur = (0, react_1.useCallback)((item) => {
         onChange([...(value || []), item.value]);
         setFilterTerm(undefined);
         setActiveIdx(undefined);
     }, [onChange, setActiveIdx, value]);
-    const [isFocused, setFocused, setBlurred] = utils_1.useBooleanSetter(false);
-    const loadEnums = react_1.useCallback(() => {
+    const [isFocused, setFocused, setBlurred] = (0, utils_1.useBooleanSetter)(false);
+    const loadEnums = (0, react_1.useCallback)(() => {
         const asyncOp = () => __awaiter(this, void 0, void 0, function* () {
             try {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                 const enums = yield getEnumOptionsAsync();
                 setEnumOptions(enums);
             }
@@ -231,10 +247,10 @@ function SearchableMultiDrowndown(props) {
         setLoading(true);
         void asyncOp();
     }, [getEnumOptionsAsync]);
-    const prevEnumOptions = utils_1.usePrevious(enumOptions);
+    const prevEnumOptions = (0, utils_1.usePrevious)(enumOptions);
     // If the enums are async loaded, this effect takes care of opening the
     // dropdown once the enums are loaded, if the input if still focused.
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!getEnumOptionsAsync) {
             return;
         }
@@ -244,12 +260,12 @@ function SearchableMultiDrowndown(props) {
     }, [prevEnumOptions, enumOptions, isFocused, show, getEnumOptionsAsync]);
     // If there is a pre-existing value (or a value is updated from parent after component is rendered) and we are async,
     // load the enums.
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if ((value === null || value === void 0 ? void 0 : value.length) && getEnumOptionsAsync && !enumOptions && !loading) {
             loadEnums();
         }
     }, [enumOptions, getEnumOptionsAsync, loadEnums, loading, value === null || value === void 0 ? void 0 : value.length]);
-    const onFocus = react_1.useCallback(() => {
+    const onFocus = (0, react_1.useCallback)(() => {
         setFocused();
         if (!(enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions.length) && getEnumOptionsAsync) {
             void loadEnums();
@@ -258,11 +274,11 @@ function SearchableMultiDrowndown(props) {
             show();
         }
     }, [enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions.length, getEnumOptionsAsync, loadEnums, setFocused, show]);
-    const onBlur = react_1.useCallback((e) => {
+    const onBlur = (0, react_1.useCallback)((e) => {
         // Fixes the problem when user tries to click an enum item, `setOpen(false)`
         // hides the enum list, so the elem list item is hidden before the click, thus never
         // sending a click event.
-        if (e.relatedTarget && utils_1.isDescendant(containerRef.current, e.relatedTarget)) {
+        if (e.relatedTarget && (0, utils_1.isDescendant)(containerRef.current, e.relatedTarget)) {
             return;
         }
         setBlurred();
@@ -274,7 +290,7 @@ function SearchableMultiDrowndown(props) {
             setFilterTerm(undefined);
         }
     }, [activeIdx, filteredEnums, hide, onItemSelectedByBlur, setBlurred]);
-    const onKeyDown = react_1.useCallback((e) => {
+    const onKeyDown = (0, react_1.useCallback)((e) => {
         switch (e.key) {
             case "ArrowDown":
                 activeIdxDown();
@@ -296,15 +312,13 @@ function SearchableMultiDrowndown(props) {
                 break;
             case "Backspace":
                 if (inputValue === "" && (value === null || value === void 0 ? void 0 : value.length)) {
-                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                     onChange(value.slice(0, -1));
                     e.preventDefault();
                 }
                 break;
         }
     }, [activeIdx, activeIdxDown, activeIdxUp, filteredEnums, inputValue, onChange, onItemSelected, value]);
-    /* eslint-disable @typescript-eslint/no-non-null-assertion */
-    const onDelete = react_1.useCallback((enu) => {
+    const onDelete = (0, react_1.useCallback)((enu) => {
         var _a;
         const filtered = value.filter(v => v !== enu.value);
         onChange(value.length === 0 ? undefined : filtered);
@@ -312,8 +326,7 @@ function SearchableMultiDrowndown(props) {
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [isOpen, onChange, value]);
-    /* eslint-enable @typescript-eslint/no-non-null-assertion */
-    const redirectFocusToInput = react_1.useCallback((e) => {
+    const redirectFocusToInput = (0, react_1.useCallback)((e) => {
         var _a;
         // Only the input wrapper should redirect focus, otherwise the existing label deletion buttons will also redirect, breaking shift + tab navigation on the input.
         if (!e.target.classList.contains("laji-form-multiselect-input-wrapper")) {
@@ -321,11 +334,18 @@ function SearchableMultiDrowndown(props) {
         }
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [inputRef]);
-    const wrapperClassNames = utils_1.classNames("laji-form-multiselect-input-wrapper", isOpen && "laji-form-multiselect-input-wrapper-focus", isOpen && "input-highlight", (readonly || disabled) && "laji-form-multiselect-input-wrapper-readonly");
+    const wrapperClassNames = (0, utils_1.classNames)("laji-form-multiselect-input-wrapper", isOpen && "laji-form-multiselect-input-wrapper-focus", isOpen && "input-highlight", (readonly || disabled) && "laji-form-multiselect-input-wrapper-readonly");
+    const selectedListChildren = value && enumOptions && value.map(v => enumOptions.find(({ value: _value }) => v === _value) || ({ value: v, label: "" + v }))
+        .map((enu, idx) => {
+        var _a;
+        const childId = id ? `${id}_${idx}` : undefined;
+        const childIdPointer = childId ? (0, utils_1.idSchemaIdToJSONPointer)(childId) : undefined;
+        const classNames = childIdPointer ? (_a = formContext.uiSchemaContext.additionalClassNames) === null || _a === void 0 ? void 0 : _a[childIdPointer] : undefined;
+        return React.createElement(SelectedMultiValue, { id: childId, className: classNames, key: enu.value, onDelete: onDelete, readonly: readonly || disabled }, enu);
+    });
     return (React.createElement("div", { onBlur: onBlur, onKeyDown: onKeyDown, ref: containerRef, className: "laji-form-multiselect", style: { position: "relative" } },
         React.createElement("div", { className: wrapperClassNames, tabIndex: -1, onFocus: redirectFocusToInput, style: { cursor: "text" } },
-            React.createElement("ul", { style: { listStyle: "none", display: "inline-block" } }, value && enumOptions && value.map(v => enumOptions.find(({ value: _value }) => v === _value) || ({ value: v, label: "" + v }))
-                .map(enu => React.createElement(SelectedMultiValue, { key: enu.value, onDelete: onDelete, readonly: readonly || disabled }, enu))),
+            React.createElement("ul", { style: { listStyle: "none", display: "inline-block" } }, selectedListChildren),
             React.createElement("input", { disabled: disabled || readonly, id: id, onFocus: onFocus, value: inputValue, onChange: onInputChange, autoComplete: "off", ref: inputRef }),
             loading && React.createElement(react_spinner_1.default, null)),
         React.createElement(Caret, null),
@@ -334,9 +354,9 @@ function SearchableMultiDrowndown(props) {
             return (React.createElement(ListItem, { key: (_a = oneOf.value) !== null && _a !== void 0 ? _a : "", onSelected: onItemSelected, active: idx === activeIdx }, oneOf));
         }))));
 }
-function SelectedMultiValue({ children: enu, onDelete, readonly }) {
-    const onDeleteClick = react_1.useCallback(() => !readonly && onDelete(enu), [enu, onDelete, readonly]);
-    return (React.createElement("li", { key: enu.value, style: { display: "inline-table" }, className: "laji-form-multiselect-tag" },
+function SelectedMultiValue({ id, className, children: enu, onDelete, readonly }) {
+    const onDeleteClick = (0, react_1.useCallback)(() => !readonly && onDelete(enu), [enu, onDelete, readonly]);
+    return (React.createElement("li", { id: id ? `_laji-form_${id}` : undefined, key: enu.value, style: { display: "inline-table" }, className: (0, utils_1.classNames)("laji-form-multiselect-tag", className) },
         enu.label,
         React.createElement("span", { tabIndex: readonly ? undefined : 0, role: readonly ? undefined : "button", onClick: onDeleteClick }, "\u00D7")));
 }
@@ -344,10 +364,10 @@ const Caret = () => (React.createElement("div", { className: "laji-form-dropdown
     React.createElement("span", { className: "laji-form-dropdown-caret" },
         React.createElement("img", { src: "https://cdn.laji.fi/images/icons/caret-down.svg" }))));
 function ListItem({ onSelected, active, children }) {
-    const onClick = react_1.useCallback(() => {
+    const onClick = (0, react_1.useCallback)(() => {
         onSelected(children);
     }, [children, onSelected]);
-    return (React.createElement("div", { onClick: onClick, className: utils_1.classNames("laji-form-dropdown-item", active && "active"), tabIndex: -1 }, children.label));
+    return (React.createElement("div", { onClick: onClick, className: (0, utils_1.classNames)("laji-form-dropdown-item", active && "active"), tabIndex: -1 }, children.label));
 }
 function getDefaultActiveIdx(filteredEnums, value) {
     return value !== undefined && value !== ""

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

@@ -1,9 +1,9 @@
 export default class SeparatedDateTimeWidget extends React.Component<any, any, any> {
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
     static propTypes: {
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         value: PropTypes.Requireable<string>;
     };
     constructor(props: any);
@@ -14,6 +14,7 @@ export default class SeparatedDateTimeWidget extends React.Component<any, any, a
     };
     onDateChange: (value: any) => void;
     onTimeChange: (value: any) => void;
+    render(): JSX.Element;
 }
 import * as React from "react";
 import * as PropTypes from "prop-types";

package/lib/components/widgets/SeparatedDateTimeWidget.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 };
 };

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

@@ -1,12 +1,13 @@
 export default class TaxonImageWidget extends React.Component<any, any, any> {
     static propTypes: {
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         value: PropTypes.Requireable<string>;
     };
     constructor(props: any);
     constructor(props: any, context: any);
+    render(): JSX.Element;
     onTaxonImageClick: (taxonID: any) => () => void;
 }
 import * as React from "react";

package/lib/components/widgets/TaxonImageWidget.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"));
@@ -31,7 +45,7 @@ class TaxonImageWidget extends React.Component {
     }
     render() {
         const { SchemaField } = this.props.registry.fields;
-        const { uiSchema } = utils_1.getUiOptions(this.props);
+        const { uiSchema } = (0, utils_1.getUiOptions)(this.props);
         const schemaField = uiSchema
             ? React.createElement(SchemaField, Object.assign({}, this.props, { schema: Object.assign(Object.assign({}, this.props.schema), { title: "" }), uiSchema: Object.assign(Object.assign({}, uiSchema), { "ui:title": "" }) }))
             : null;
@@ -40,10 +54,10 @@ class TaxonImageWidget extends React.Component {
             schemaField));
     }
 }
-exports.default = TaxonImageWidget;
 TaxonImageWidget.propTypes = {
     schema: PropTypes.shape({
         type: PropTypes.oneOf(["string"])
     }).isRequired,
     value: PropTypes.string
 };
+exports.default = TaxonImageWidget;

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

@@ -2,12 +2,19 @@ export default TextSelectWidget;
 declare class TextSelectWidget extends React.Component<any, any, any> {
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
     static propTypes: {
-        schema: PropTypes.Validator<PropTypes.InferProps<{
+        schema: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         value: PropTypes.Requireable<string>;
     };
     constructor(props: any);
+    state: {
+        selectedCheckboxes: Set<any>;
+        enums: any;
+        otherValue: string;
+        freeTextField: any;
+    };
+    UNSAFE_componentWillReceiveProps(props: any): void;
     getInitialState(props: any): {
         selectedCheckboxes: Set<any>;
         enums: any;
@@ -17,6 +24,7 @@ declare class TextSelectWidget extends React.Component<any, any, any> {
     getStateFromProps(props: any): {
         otherValue: string;
     };
+    render(): JSX.Element;
     onCheckBoxChange: (label: any) => () => void;
     onInputChange: (value: any) => void;
     onChange: (textValue: any) => void;

package/lib/components/widgets/TextSelectWidget.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 };
 };
@@ -49,7 +63,7 @@ class TextSelectWidget extends React.Component {
             let newValue = [...Array.from(this.state.selectedCheckboxes)];
             if (this.state.selectedCheckboxes.has(this.state.freeTextField)) {
                 if (textValue && textValue.length > 0) {
-                    newValue = immutability_helper_1.default(newValue, { $push: [textValue] });
+                    newValue = (0, immutability_helper_1.default)(newValue, { $push: [textValue] });
                 }
                 newValue.splice(newValue.indexOf(this.state.freeTextField), 1);
             }
@@ -61,7 +75,7 @@ class TextSelectWidget extends React.Component {
         this.setState(this.getStateFromProps(props));
     }
     getInitialState(props) {
-        let { enums = [], delimiter = ", ", freeTextField } = utils_1.getUiOptions(props);
+        let { enums = [], delimiter = ", ", freeTextField } = (0, utils_1.getUiOptions)(props);
         const { value } = props;
         const selectedCheckboxes = new Set();
         const values = !value ? [] : value.split(delimiter);
@@ -80,7 +94,7 @@ class TextSelectWidget extends React.Component {
         return { selectedCheckboxes, enums, otherValue: otherValues.join(delimiter), freeTextField };
     }
     getStateFromProps(props) {
-        let { enums = [], delimiter = ", " } = utils_1.getUiOptions(props);
+        let { enums = [], delimiter = ", " } = (0, utils_1.getUiOptions)(props);
         const { value } = props;
         const values = !value ? [] : value.split(delimiter);
         const otherValues = [];
@@ -94,7 +108,7 @@ class TextSelectWidget extends React.Component {
     render() {
         let { enums, otherValue, freeTextField, selectedCheckboxes } = this.state;
         if (freeTextField) {
-            enums = immutability_helper_1.default(enums, { $push: [freeTextField] });
+            enums = (0, immutability_helper_1.default)(enums, { $push: [freeTextField] });
         }
         const { Checkbox } = this.context.theme;
         return (React.createElement("div", { className: "laji-text-select" },

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

@@ -11,8 +11,12 @@ export default class TextareaWidget extends React.Component<any, any, any> {
     };
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
     constructor(props: any);
+    state: {
+        value: any;
+    };
     textareaRef: React.RefObject<any>;
     _context: Record<string, unknown>;
+    UNSAFE_componentWillReceiveProps(props: any): void;
     getStateFromProps: (props: any) => {
         value: any;
     };
@@ -26,6 +30,7 @@ export default class TextareaWidget extends React.Component<any, any, any> {
             value: any;
         };
     }) => void;
+    render(): JSX.Element;
 }
 import * as React from "react";
 import * as PropTypes from "prop-types";