@luomus/laji-form 15.1.64 → 15.1.65

package/lib/components/widgets/AutosuggestWidget.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -17,13 +21,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -110,13 +124,13 @@ class _AutosuggestWidget extends React.Component {
         }
     }
 }
-exports.default = _AutosuggestWidget;
 _AutosuggestWidget.propTypes = {
     schema: PropTypes.shape({
         type: PropTypes.oneOf(["string"])
     }).isRequired,
     value: PropTypes.string
 };
+exports.default = _AutosuggestWidget;
 class SimpleValueRenderer extends React.Component {
     constructor(props) {
         super(props);
@@ -149,7 +163,7 @@ function TaxonAutosuggest(ComposedComponent) {
                 };
                 this.renderChooseImages = () => {
                     const chooseImages = this.state && this.state.chooseImages || this.props.options.chooseImages;
-                    const { orWriteSpeciesNameLabel } = utils_1.getUiOptions(this.props);
+                    const { orWriteSpeciesNameLabel } = (0, utils_1.getUiOptions)(this.props);
                     const { or } = this.props.formContext.translations;
                     const { Row, Col } = this.context.theme;
                     return (React.createElement(Row, null,
@@ -213,7 +227,7 @@ function TaxonAutosuggest(ComposedComponent) {
                 }
             }
             isValueSuggested(value) {
-                return !utils_1.isEmptyString(value) && !!value.match(/MX\.\d+/);
+                return !(0, utils_1.isEmptyString)(value) && !!value.match(/MX\.\d+/);
             }
             parseInputValue(inputValue) {
                 return inputValue.replace(/ sp(\.|p)?\.?$/, "");
@@ -289,7 +303,7 @@ class FriendsAutosuggestWidget extends React.Component {
         super(props);
         this.prepareSuggestion = (suggestion) => {
             const { isAdmin } = this.props.formContext.uiSchemaContext;
-            const { showID } = utils_1.getUiOptions(this.props);
+            const { showID } = (0, utils_1.getUiOptions)(this.props);
             return isAdmin && showID
                 ? Object.assign(Object.assign({}, suggestion), { value: `${suggestion.value} (${suggestion.key})` }) : suggestion;
         };
@@ -304,7 +318,7 @@ class FriendsAutosuggestWidget extends React.Component {
         this.isValueSuggested = this.isValueSuggested.bind(this);
     }
     getSuggestionFromValue(value) {
-        const { showID } = utils_1.getUiOptions(this.props);
+        const { showID } = (0, utils_1.getUiOptions)(this.props);
         const { isAdmin } = this.props.formContext.uiSchemaContext;
         if (this.isValueSuggested(value)) {
             return this.props.formContext.apiClient.fetchCached(`/person/by-id/${value}`).then(({ fullName, group, id }) => {
@@ -323,7 +337,7 @@ class FriendsAutosuggestWidget extends React.Component {
         }
     }
     isValueSuggested(value) {
-        return !utils_1.isEmptyString(value) && value.match(/MA\.\d+/);
+        return !(0, utils_1.isEmptyString)(value) && value.match(/MA\.\d+/);
     }
     render() {
         const _a = this.props, { options: propsOptions } = _a, propsWithoutOptions = __rest(_a, ["options"]);
@@ -387,7 +401,7 @@ class BasicAutosuggestWidget extends React.Component {
     }
     isValueSuggested(value) {
         const regexp = new RegExp(this.props.validValueRegexp);
-        return !utils_1.isEmptyString(value) && value.match(regexp);
+        return !(0, utils_1.isEmptyString)(value) && value.match(regexp);
     }
     render() {
         const options = {
@@ -445,7 +459,7 @@ class Autosuggest extends React.Component {
         };
         this.triggerConvert = (props) => {
             const { value, getSuggestionFromValue } = props;
-            if (utils_1.isEmptyString(value) || !getSuggestionFromValue) {
+            if ((0, utils_1.isEmptyString)(value) || !getSuggestionFromValue) {
                 if (this.state.suggestion && Object.keys(this.state.suggestion).length > 0) {
                     this.setState({ suggestion: undefined, inputValue: value, suggestionForValue: value });
                 }
@@ -496,9 +510,9 @@ class Autosuggest extends React.Component {
                 : afterStateChange();
         };
         this.selectUnsuggested = (inputValue) => {
-            if (utils_1.isEmptyString(inputValue) && utils_1.isEmptyString(this.props.value))
+            if ((0, utils_1.isEmptyString)(inputValue) && (0, utils_1.isEmptyString)(this.props.value))
                 return;
-            const value = !utils_1.isEmptyString(inputValue) ? inputValue : undefined;
+            const value = !(0, utils_1.isEmptyString)(inputValue) ? inputValue : undefined;
             const { onUnsuggestedSelected, onChange } = this.props;
             const afterStateChange = () => {
                 onUnsuggestedSelected ?
@@ -590,13 +604,13 @@ class Autosuggest extends React.Component {
         };
         this.onFocus = (e) => {
             this.setState({ focused: true });
-            utils_1.triggerParentComponent("onFocus", e, this.props.inputProps);
+            (0, utils_1.triggerParentComponent)("onFocus", e, this.props.inputProps);
         };
         this.onBlur = (e) => {
             this.setState({ focused: false }, () => {
                 this._valueForBlurAndFetch = this.state.inputValue;
                 this.afterBlurAndFetch(this.state.suggestions);
-                utils_1.triggerParentComponent("onBlur", e, this.props.inputProps);
+                (0, utils_1.triggerParentComponent)("onBlur", e, this.props.inputProps);
                 const overlay = this.wrapperRef.current;
                 if (overlay && overlay.overlayTriggerRef && overlay.overlayTriggerRef.hide) {
                     setTimeout(() => {
@@ -670,7 +684,7 @@ class Autosuggest extends React.Component {
             const { suggestion } = this.state;
             const { Glyphicon } = this.context.theme;
             const isSuggested = this.isSuggested();
-            if (displayValidationState && !utils_1.isEmptyString(value) && isSuggested !== undefined) {
+            if (displayValidationState && !(0, utils_1.isEmptyString)(value) && isSuggested !== undefined) {
                 validationState = isSuggested ? "success" : "warning";
             }
             const getGlyphNameFromState = (state) => {
@@ -701,7 +715,7 @@ class Autosuggest extends React.Component {
                 ? React.createElement(InformalTaxonGroupsAddon, { key: "informal", taxonGroupID: taxonGroupID, onClear: this.onInformalTaxonGroupSelected, open: this.state.informalTaxonGroupsOpen, onOpen: this.onInformalTaxonGroupsOpened, onToggle: onToggle, formContext: this.props.formContext })
                 : null;
             const getTogglerTooltip = () => {
-                const { toggleable } = utils_1.getUiOptions(this.props.uiSchema);
+                const { toggleable } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                 let tooltip = typeof toggleable.tooltip === "string"
                     ? toggleable.tooltip
                     : `${translations[this.props.toggled ? "StopShorthand" : "StartShorthand"]}. ${translations.ShorthandHelp}`;
@@ -711,16 +725,16 @@ class Autosuggest extends React.Component {
                 const { shortcuts } = this.props.formContext.services.keyHandler;
                 Object.keys(shortcuts).some(keyCombo => {
                     if (shortcuts[keyCombo].fn == "autosuggestToggle") {
-                        tooltip = `[${utils_1.stringifyKeyCombo(keyCombo)}]: ${tooltip}`;
+                        tooltip = `[${(0, utils_1.stringifyKeyCombo)(keyCombo)}]: ${tooltip}`;
                         return true;
                     }
                 });
                 return tooltip;
             };
             const getToggleGlyph = () => {
-                const { toggleable } = utils_1.getUiOptions(this.props.uiSchema);
+                const { toggleable } = (0, utils_1.getUiOptions)(this.props.uiSchema);
                 const props = {
-                    className: utils_1.classNames("autosuggest-input-addon", "power-user-addon", this.props.toggled && "active"),
+                    className: (0, utils_1.classNames)("autosuggest-input-addon", "power-user-addon", this.props.toggled && "active"),
                     onMouseDown: this.onToggle,
                     onKeyDown: this.onKeyDown
                 };
@@ -736,7 +750,7 @@ class Autosuggest extends React.Component {
             const input = (React.createElement(components_1.FetcherInput, Object.assign({ value: inputValue, glyph: glyph, loading: this.state.isLoading, validationState: validationState, extra: [addon, toggler] }, inputProps)));
             let component = input;
             if (displayValidationState && Wrapper) {
-                component = (React.createElement(Wrapper, { isSuggested: isSuggested, suggestion: suggestion, options: utils_1.getUiOptions(this.props), id: this.props.id, value: suggestion && suggestion.key, inputValue: value, ref: this.wrapperRef, formContext: this.props.formContext }, component));
+                component = (React.createElement(Wrapper, { isSuggested: isSuggested, suggestion: suggestion, options: (0, utils_1.getUiOptions)(this.props), id: this.props.id, value: suggestion && suggestion.key, inputValue: value, ref: this.wrapperRef, formContext: this.props.formContext }, component));
             }
             if (informalTaxonGroups) {
                 component = (React.createElement(React.Fragment, null,
@@ -790,7 +804,7 @@ class Autosuggest extends React.Component {
         const { renderExtra } = props;
         return (React.createElement(React.Fragment, null,
             renderExtra && renderExtra(),
-            React.createElement("div", { className: utils_1.classNames("autosuggest-wrapper", props.wrapperClassName) },
+            React.createElement("div", { className: (0, utils_1.classNames)("autosuggest-wrapper", props.wrapperClassName) },
                 React.createElement(ReactAutosuggest, { id: `${this.props.id}-autosuggest`, inputProps: inputProps, renderInputComponent: this.renderInput, suggestions: suggestions, renderSuggestion: this.renderSuggestion, onSuggestionsFetchRequested: this.onSuggestionsFetchRequested, onSuggestionsClearRequested: this.onSuggestionsClearRequested, onSuggestionSelected: this.onSuggestionSelected, onUnsuggestedSelected: this.onUnsuggestedSelected, highlightFirstSuggestion: highlightFirstSuggestion, suggestionsOpenOnFocus: !this.isSuggested(), theme: cssClasses, formContext: this.props.formContext, ref: this.setRef }))));
     }
 }
@@ -836,7 +850,7 @@ class _TaxonWrapper extends React.Component {
                 if (!this.mounted)
                     return;
                 this.setState({ value, taxonRank, informalTaxonGroups, taxon: { scientificName, vernacularName, cursiveName, finnish } });
-                InformalTaxonGroupChooserWidget_1.getInformalGroups(this.props.formContext.apiClient).then(({ informalTaxonGroupsById }) => {
+                (0, InformalTaxonGroupChooserWidget_1.getInformalGroups)(this.props.formContext.apiClient).then(({ informalTaxonGroupsById }) => {
                     if (!this.mounted)
                         return;
                     this.setState({ informalTaxonGroupsById });
@@ -864,7 +878,7 @@ class _TaxonWrapper extends React.Component {
             this.props.formContext.apiClient.fetchCached("/metadata/ranges/MX.taxonRankEnum").then(taxonRanks => {
                 if (!this.mounted)
                     return;
-                this.setState({ taxonRanks: utils_1.dictionarify(taxonRanks, function getKey(rank) { return rank.id; }, function getValue(rank) { return rank.value; }) });
+                this.setState({ taxonRanks: (0, utils_1.dictionarify)(taxonRanks, function getKey(rank) { return rank.id; }, function getValue(rank) { return rank.value; }) });
             });
         }
     }
@@ -878,7 +892,7 @@ class _TaxonWrapper extends React.Component {
             imageID = informalTaxonGroupsById[imageID].parent.id;
         }
         const loading = !taxonRank || !(order || family || higherThanOrder) || !taxonRanks;
-        const popover = utils_1.isEmptyString(inputValue)
+        const popover = (0, utils_1.isEmptyString)(inputValue)
             ? React.createElement(React.Fragment, null)
             : inputValue && isSuggested === false
                 ? React.createElement(Tooltip, { id: `${this.props.id}-tooltip` }, this.props.formContext.translations.UnknownName)
@@ -947,7 +961,7 @@ class InformalTaxonGroupsAddon extends React.Component {
     }
     componentDidMount() {
         this.mounted = true;
-        InformalTaxonGroupChooserWidget_1.getInformalGroups(this.props.formContext.apiClient).then(({ informalTaxonGroupsById }) => {
+        (0, InformalTaxonGroupChooserWidget_1.getInformalGroups)(this.props.formContext.apiClient).then(({ informalTaxonGroupsById }) => {
             if (!this.mounted)
                 return;
             this.setState({ informalTaxonGroupsById });
@@ -1108,7 +1122,7 @@ class ReactAutosuggest extends React.Component {
                 : this.setState({ inputValue: value }, callback);
         };
         this.setInputRef = (elem) => {
-            this.inputElem = react_dom_1.findDOMNode(elem);
+            this.inputElem = (0, react_dom_1.findDOMNode)(elem);
         };
         this.onSuggestionMouseDown = () => {
             this.suggestionMouseDownFlag = true;
@@ -1146,7 +1160,7 @@ class ReactAutosuggest extends React.Component {
     }
     onBlur(e) {
         var _a, _b;
-        if (e.relatedTarget && e.relatedTarget === react_dom_1.findDOMNode(this.listRef.current)) {
+        if (e.relatedTarget && e.relatedTarget === (0, react_dom_1.findDOMNode)(this.listRef.current)) {
             return;
         }
         const suggestion = (this.props.suggestions || [])[this.state.focusedIdx];
@@ -1169,8 +1183,8 @@ class ReactAutosuggest extends React.Component {
             return null;
         }
         const { suggestion, suggestionsList, suggestionsContainer, suggestionsContainerOpen, suggestionHighlighted } = this.props.theme || {};
-        return (React.createElement("div", { className: utils_1.classNames(suggestionsContainer, suggestionsContainerOpen) },
-            React.createElement("ul", { className: suggestionsList, tabIndex: -1, ref: this.listRef, onBlur: this.onListBlur }, this.props.suggestions.map((s, i) => React.createElement("li", { key: i, className: utils_1.classNames(suggestion, this.state.focusedIdx === i && suggestionHighlighted), onMouseDown: this.onSuggestionMouseDown, onMouseUp: this.onSuggestionMouseUp, "data-idx": i }, this.props.renderSuggestion(s))))));
+        return (React.createElement("div", { className: (0, utils_1.classNames)(suggestionsContainer, suggestionsContainerOpen) },
+            React.createElement("ul", { className: suggestionsList, tabIndex: -1, ref: this.listRef, onBlur: this.onListBlur }, this.props.suggestions.map((s, i) => React.createElement("li", { key: i, className: (0, utils_1.classNames)(suggestion, this.state.focusedIdx === i && suggestionHighlighted), onMouseDown: this.onSuggestionMouseDown, onMouseUp: this.onSuggestionMouseUp, "data-idx": i }, this.props.renderSuggestion(s))))));
     }
     onSuggestionSelected(suggestion) {
         this.setState({ inputValue: suggestion.value, hideSuggestions: true });

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

@@ -21,10 +21,13 @@ export default class CheckboxWidget extends React.Component<any, any, any> {
     falseRef: React.RefObject<any>;
     undefinedRef: React.RefObject<any>;
     groupRef: React.RefObject<any>;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
     rmInputTabIndices: () => void;
     onChange: (value: any) => void;
     onButtonGroupChange: (value: any) => void;
     getOptions: (props: any) => any;
+    render(): JSX.Element;
     getToggleMode: (props: any) => boolean;
     onGroupKeyDown: any;
     onTrueKeyDown: any;

package/lib/components/widgets/CheckboxWidget.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 };
 };
@@ -32,7 +46,7 @@ class CheckboxWidget extends React.Component {
         super(props);
         this.rmInputTabIndices = () => {
             [this.trueRef, this.falseRef, this.undefinedRef].forEach(node => {
-                const domNode = react_dom_1.findDOMNode(node.current);
+                const domNode = (0, react_dom_1.findDOMNode)(node.current);
                 if (!domNode) {
                     return;
                 }
@@ -57,7 +71,7 @@ class CheckboxWidget extends React.Component {
         };
         this.getOptions = (props) => {
             const { Yes, No, Unknown } = props.registry.formContext.translations;
-            return Object.assign({ allowUndefined: true, showUndefined: true, invert: false, trueLabel: Yes, falseLabel: No, unknownLabel: Unknown, required: this.props.required }, utils_1.getUiOptions(props));
+            return Object.assign({ allowUndefined: true, showUndefined: true, invert: false, trueLabel: Yes, falseLabel: No, unknownLabel: Unknown, required: this.props.required }, (0, utils_1.getUiOptions)(props));
         };
         this.getToggleMode = (props) => {
             const { allowUndefined, showUndefined } = this.getOptions(props);
@@ -86,7 +100,7 @@ class CheckboxWidget extends React.Component {
             if (this.props.disabled || this.props.readonly) {
                 return;
             }
-            const nodes = [this.trueRef, this.falseRef, this.groupRef].map(r => react_dom_1.findDOMNode(r.current));
+            const nodes = [this.trueRef, this.falseRef, this.groupRef].map(r => (0, react_dom_1.findDOMNode)(r.current));
             if (!nodes.includes(e.target)) {
                 return;
             }
@@ -108,7 +122,7 @@ class CheckboxWidget extends React.Component {
         const { value, disabled, readonly, label, id } = this.props;
         const options = this.getOptions(this.props);
         const { allowUndefined, showUndefined, invert, trueLabel, falseLabel, unknownLabel, required, label: uiOptionsLabel } = options;
-        const hasLabel = !utils_1.isEmptyString(label) && uiOptionsLabel !== false;
+        const hasLabel = !(0, utils_1.isEmptyString)(label) && uiOptionsLabel !== false;
         // "undefined" for silencing ToggleButton warning.
         const _value = value === undefined
             ? "undefined"
@@ -126,16 +140,16 @@ class CheckboxWidget extends React.Component {
         const tabTargetClass = "laji-form-checkbox-widget-tab-target";
         const selectedValueGlyph = React.createElement("span", { className: "laji-form-checkbox-selected-value-glyph" });
         const unselectedValueGlyph = React.createElement("span", { className: "laji-form-checkbox-unselected-value-glyph" });
-        const checkbox = (React.createElement(ButtonToolbar, { className: utils_1.classNames("laji-form-checkbox-buttons", toggleMode && "desktop-layout") },
-            React.createElement(ToggleButtonGroup, Object.assign({ ref: this.groupRef, type: "radio", value: [_value], name: this.props.id, onChange: this.onButtonGroupChange, onKeyDown: this.onGroupKeyDown, className: utils_1.classNames(toggleMode && tabTargetClass) }, commonProps, { tabIndex: (toggleMode && !_disabled) ? 0 : undefined }),
-                React.createElement(ToggleButton, Object.assign({ id: `${id}-true`, ref: this.trueRef, value: true, onClick: toggleMode ? this.toggle : undefined, className: utils_1.classNames(_value === true && tabTargetClass), onKeyDown: this.onTrueKeyDown }, commonProps),
+        const checkbox = (React.createElement(ButtonToolbar, { className: (0, utils_1.classNames)("laji-form-checkbox-buttons", toggleMode && "desktop-layout") },
+            React.createElement(ToggleButtonGroup, Object.assign({ ref: this.groupRef, type: "radio", value: [_value], name: this.props.id, onChange: this.onButtonGroupChange, onKeyDown: this.onGroupKeyDown, className: (0, utils_1.classNames)(toggleMode && tabTargetClass) }, commonProps, { tabIndex: (toggleMode && !_disabled) ? 0 : undefined }),
+                React.createElement(ToggleButton, Object.assign({ id: `${id}-true`, ref: this.trueRef, value: true, onClick: toggleMode ? this.toggle : undefined, className: (0, utils_1.classNames)(_value === true && tabTargetClass), onKeyDown: this.onTrueKeyDown }, commonProps),
                     _value === true ? selectedValueGlyph : unselectedValueGlyph,
                     trueLabel),
-                React.createElement(ToggleButton, Object.assign({ id: `${id}-false`, ref: this.falseRef, value: false, onClick: toggleMode ? this.toggle : undefined, className: utils_1.classNames(_value === false && tabTargetClass), onKeyDown: this.onFalseKeyDown }, commonProps),
+                React.createElement(ToggleButton, Object.assign({ id: `${id}-false`, ref: this.falseRef, value: false, onClick: toggleMode ? this.toggle : undefined, className: (0, utils_1.classNames)(_value === false && tabTargetClass), onKeyDown: this.onFalseKeyDown }, commonProps),
                     _value === false ? selectedValueGlyph : unselectedValueGlyph,
                     falseLabel),
                 (displayUndefined ?
-                    React.createElement(ToggleButton, Object.assign({ id: `${id}-undefined`, ref: this.undefinedRef, value: "undefined", className: utils_1.classNames(value === undefined && tabTargetClass) }, commonProps, { onKeyDown: this.onUndefinedKeyDown }),
+                    React.createElement(ToggleButton, Object.assign({ id: `${id}-undefined`, ref: this.undefinedRef, value: "undefined", className: (0, utils_1.classNames)(value === undefined && tabTargetClass) }, commonProps, { onKeyDown: this.onUndefinedKeyDown }),
                         _value === "undefined" ? selectedValueGlyph : unselectedValueGlyph,
                         unknownLabel) : null))));
         const { Label } = this.props.formContext;
@@ -151,7 +165,6 @@ class CheckboxWidget extends React.Component {
                 : props.formContext.translations.No;
     }
 }
-exports.default = CheckboxWidget;
 CheckboxWidget.contextType = ReactContext_1.default;
 CheckboxWidget.propTypes = {
     uiSchema: PropTypes.shape({
@@ -169,3 +182,4 @@ CheckboxWidget.propTypes = {
     }),
     value: PropTypes.bool
 };
+exports.default = CheckboxWidget;

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

@@ -1,25 +1,28 @@
 export const YEAR_MATCH: RegExp;
+export const YEAR_MONTH_MATCH: RegExp;
 export default class DateTimeWidget extends React.Component<any, any, any> {
     static contextType: React.Context<import("../../ReactContext").ContextProps>;
     static propTypes: {
         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>>;
                 showTimeList: PropTypes.Requireable<boolean>;
                 allowOnlyYear: PropTypes.Requireable<boolean>;
+                allowOnlyYearAndMonth: PropTypes.Requireable<boolean>;
                 dateFormat: PropTypes.Requireable<string>;
+                yearAndMonthDateFormat: PropTypes.Requireable<string>;
             }>>;
         }>>;
         schema: PropTypes.Requireable<PropTypes.InferProps<{
@@ -36,10 +39,13 @@ export default class DateTimeWidget extends React.Component<any, any, any> {
         time: boolean;
     };
     constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
     focus: () => void;
     getStateFromProps(props: any): {
         dateFormat: any;
         timeFormat: string;
+        yearAndMonthDateFormat: any;
         format: string;
         inputFormat: any;
         placeholder: string;
@@ -47,6 +53,7 @@ export default class DateTimeWidget extends React.Component<any, any, any> {
     parse: (value: any) => any;
     timeWritten: any;
     onlyYearWritten: any;
+    onlyYearAndMonthWritten: boolean | undefined;
     onChange: (value: any) => void;
     onToggle: (p: any) => void;
     toggle: any;
@@ -57,6 +64,7 @@ export default class DateTimeWidget extends React.Component<any, any, any> {
     onTextWidgetFocus: () => void;
     onBlur: () => void;
     onDateTimePickerChange: (value: any) => void;
+    render(): JSX.Element;
     renderButtons(showButtons: any): JSX.Element[];
     getDateWithCurrentTime: (date: any) => any;
     setToday: () => void;