@luomus/laji-form 15.1.55 → 15.1.57

package/lib/components/widgets/DateTimeWidget.js

@@ -1,23 +1,45 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 var DateTimeWidget_1;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YEAR_MATCH = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
-const PropTypes = require("prop-types");
-const DateTimePicker = require("react-widgets/lib/DateTimePicker");
-const moment = require("moment");
-const momentLocalizer = require("react-widgets-moment");
+const PropTypes = __importStar(require("prop-types"));
+const DateTimePicker = __importStar(require("react-widgets/lib/DateTimePicker"));
+const moment_1 = __importDefault(require("moment"));
+const react_widgets_moment_1 = __importDefault(require("react-widgets-moment"));
 const localizers_1 = require("react-widgets/lib/util/localizers");
 const utils_1 = require("../../utils");
-const BaseComponent_1 = require("../BaseComponent");
-const ReactContext_1 = require("../../ReactContext");
+const BaseComponent_1 = __importDefault(require("../BaseComponent"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const DATE_TIME_SEPARATOR = ", ";
 exports.YEAR_MATCH = /^\d{4}$/;
 let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Component {
@@ -32,7 +54,7 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
             const { allowOnlyYear } = 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(value, onlyYear ? "YYYY" : this.state.format);
+            let momentValue = moment_1.default(value, onlyYear ? "YYYY" : this.state.format);
             if (!momentValue.isValid()) {
                 return "";
             }
@@ -43,7 +65,7 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
                     : momentValue.format("YYYY-MM-DD");
             this.timeWritten = hasTime;
             this.onlyYearWritten = onlyYear;
-            return onlyYear ? isoValue : moment(isoValue).toDate();
+            return onlyYear ? isoValue : moment_1.default(isoValue).toDate();
         };
         this.onChange = (value) => {
             this.props.onChange(value, !!"force");
@@ -65,7 +87,7 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
             !utils_1.isDescendant(react_dom_1.findDOMNode(this.containerRef), document.activeElement) && this.setState({ textInputFocused: false });
         };
         this.onDateTimePickerChange = (value) => {
-            const momentValue = moment(value);
+            const momentValue = moment_1.default(value);
             let formattedValue = momentValue.format("YYYY-MM-DDTHH:mm");
             if (this.onlyYearWritten) {
                 formattedValue = value;
@@ -88,10 +110,10 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
             return time ? `${date}T${time}` : date;
         };
         this.setToday = () => {
-            this.onChange(this.getDateWithCurrentTime(moment().format("YYYY-MM-DD")));
+            this.onChange(this.getDateWithCurrentTime(moment_1.default().format("YYYY-MM-DD")));
         };
         this.setYesterday = () => {
-            this.onChange(this.getDateWithCurrentTime(moment().subtract(1, "d").format("YYYY-MM-DD")));
+            this.onChange(this.getDateWithCurrentTime(moment_1.default().subtract(1, "d").format("YYYY-MM-DD")));
         };
         this.setSameAsToday = () => {
             const formData = this.props.formContext.services.rootInstance.getFormData();
@@ -118,7 +140,7 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
                 this.onChange(date.add(1, "y").format("YYYY-MM-DD"));
             }
         };
-        momentLocalizer(moment);
+        react_widgets_moment_1.default(moment_1.default);
     }
     componentDidMount() {
         this.props.formContext.services.focus.addFocusHandler(this.props.id, this.focus);
@@ -129,7 +151,7 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
     getStateFromProps(props) {
         const { lang, translations } = props.formContext;
         const formatLang = lang === "sv" ? "fi" : lang === "en" ? "en-gb" : lang;
-        let localeFormats = moment().locale(formatLang)._locale._longDateFormat;
+        let localeFormats = moment_1.default().locale(formatLang)._locale._longDateFormat;
         let { allowOnlyYear, dateFormat = "" } = utils_1.getUiOptions(props);
         let timeFormat = "";
         let placeholder = "";
@@ -172,7 +194,7 @@ 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(value);
+        const momentValue = 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 }));
@@ -241,7 +263,7 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
         if (!value) {
             return;
         }
-        const date = moment(value);
+        const date = moment_1.default(value);
         if (date.isValid()) {
             return date;
         }

package/lib/components/widgets/DateWidget.js

@@ -1,11 +1,33 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const moment = require("moment");
-const DateTimeWidget_1 = require("./DateTimeWidget");
+const React = __importStar(require("react"));
+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(value).format(allowOnlyYear && value.match(DateTimeWidget_1.YEAR_MATCH)
+const format = (allowOnlyYear, value) => moment_1.default(value).format(allowOnlyYear && value.match(DateTimeWidget_1.YEAR_MATCH)
     ? "YYYY"
     : "YYYY-MM-DD");
 const DateWidget = (props) => {

package/lib/components/widgets/HiddenWidget.js

@@ -1,7 +1,26 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
 function HiddenWidget({ id, value }) {
     return (React.createElement("input", { type: "hidden", id: id, value: typeof value === "undefined" ? "" : value }));
 }

package/lib/components/widgets/ImageSelectWidget.js

@@ -1,18 +1,40 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const Context_1 = require("../../Context");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
+const Context_1 = __importDefault(require("../../Context"));
 const utils_1 = require("../../utils");
-const react_inlinesvg_1 = require("react-inlinesvg");
-const SelectWidget_1 = require("./SelectWidget");
-const BaseComponent_1 = require("../BaseComponent");
+const react_inlinesvg_1 = __importDefault(require("react-inlinesvg"));
+const SelectWidget_1 = __importDefault(require("./SelectWidget"));
+const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 let ImageSelectWidget = class ImageSelectWidget extends React.Component {
     constructor(props) {
         super(props);

package/lib/components/widgets/InformalTaxonGroupChooserWidget.js

@@ -1,19 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InformalTaxonGroupChooser = exports.getInformalGroups = void 0;
-const React = require("react");
-const PropTypes = require("prop-types");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
 const components_1 = require("../components");
-const Context_1 = require("../../Context");
-const ReactContext_1 = require("../../ReactContext");
-const Spinner = require("react-spinner");
-const BaseComponent_1 = require("../BaseComponent");
+const Context_1 = __importDefault(require("../../Context"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
+const react_spinner_1 = __importDefault(require("react-spinner"));
+const BaseComponent_1 = __importDefault(require("../BaseComponent"));
 const utils_1 = require("../../utils");
 let InformalTaxonGroupChooserWidget = class InformalTaxonGroupChooserWidget extends React.Component {
     constructor(props) {
@@ -81,7 +103,7 @@ let InformalTaxonGroupChooserWidget = class InformalTaxonGroupChooserWidget exte
                     React.createElement("span", null, this.props.formContext.translations.PickInformalTaxonGroup))
                 : (React.createElement("div", { className: "informal-group-chooser-button-content" },
                     React.createElement("div", { className: `informal-group-image ${imageID}` }),
-                    this.state.informalTaxonGroup ? React.createElement("span", null, this.state.informalTaxonGroup.name) : React.createElement(Spinner, null),
+                    this.state.informalTaxonGroup ? React.createElement("span", null, this.state.informalTaxonGroup.name) : React.createElement(react_spinner_1.default, null),
                     React.createElement("div", { className: "close", onClick: this.onClear }, "\u00D7")));
             return (React.createElement(components_1.TooltipComponent, { tooltip: this.state.informalTaxonGroup && this.state.informalTaxonGroup.name },
                 React.createElement("div", { className: "informal-taxon-groups-list" },
@@ -226,7 +248,7 @@ class InformalTaxonGroupChooser extends React.Component {
             !rootOnly && (React.createElement(Breadcrumb, null, path.map(id => React.createElement(Breadcrumb.Item, { key: id === undefined ? "root" : id, onClick: this.onSubgroupSelected(id) }, id === undefined ? translations.All : informalTaxonGroupsById[id].name)))),
             informalTaxonGroups
                 ? React.createElement(GroupsContainer, null, Object.keys(informalTaxonGroups).map(Item))
-                : React.createElement(Spinner, null)));
+                : React.createElement(react_spinner_1.default, null)));
     }
 }
 exports.InformalTaxonGroupChooser = InformalTaxonGroupChooser;

package/lib/components/widgets/InputGroupWidget.js

@@ -1,11 +1,33 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const BaseInputTemplate_1 = require("../templates/BaseInputTemplate");
-const ReactContext_1 = require("../../ReactContext");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
+const BaseInputTemplate_1 = __importDefault(require("../templates/BaseInputTemplate"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const utils_1 = require("../../utils");
-const TextareaWidget_1 = require("./TextareaWidget");
+const TextareaWidget_1 = __importDefault(require("./TextareaWidget"));
 class InputGroupWidget extends React.Component {
     render() {
         const { InputGroup } = this.context.theme;

package/lib/components/widgets/InputWithDefaultValueButtonWidget.js

@@ -1,9 +1,31 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const BaseInputTemplate_1 = require("../templates/BaseInputTemplate");
-const ReactContext_1 = require("../../ReactContext");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
+const BaseInputTemplate_1 = __importDefault(require("../templates/BaseInputTemplate"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const utils_1 = require("../../utils");
 class InputWithDefaultValueButtonWidget extends React.Component {
     constructor() {

package/lib/components/widgets/NumberWidget.js

@@ -1,8 +1,30 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
-const BaseInputTemplate_1 = require("../templates/BaseInputTemplate");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
+const BaseInputTemplate_1 = __importDefault(require("../templates/BaseInputTemplate"));
 class NumberWidget extends React.Component {
     constructor() {
         super(...arguments);

package/lib/components/widgets/PlainTextWidget.js

@@ -1,7 +1,26 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const PropTypes = require("prop-types");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
 const utils_1 = require("../../utils");
 function PlainTextWidget(props) {
     const { id, value } = props;

package/lib/components/widgets/SelectWidget.js

@@ -1,4 +1,23 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __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) {
@@ -8,14 +27,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 // import * as PropTypes from "prop-types";
-const ReactContext_1 = require("../../ReactContext");
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const utils_1 = require("../../utils");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
-const Spinner = require("react-spinner");
+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) => {
@@ -69,12 +91,12 @@ function SearchableDrowndown(props) {
         : "", [enumOptions]);
     const [filterTerm, setFilterTerm] = react_1.useState(undefined);
     const [isOpen, show, hide] = utils_1.useBooleanSetter(false);
-    const displayedEnums = react_1.useMemo(() => {
+    const filteredEnums = react_1.useMemo(() => {
         return filterTerm !== undefined && filterTerm !== ""
             ? enumOptions.filter(({ label }) => label.toLowerCase().match(filterTerm.toLowerCase()))
             : enumOptions;
     }, [filterTerm, enumOptions]);
-    const [activeIdx, activeIdxUp, activeIdxDown, setActiveIdx] = useRangeIncrementor((displayedEnums || []).length, getDefaultActiveIdx(displayedEnums, value));
+    const [activeIdx, activeIdxUp, activeIdxDown, setActiveIdx] = useRangeIncrementor((filteredEnums || []).length, getDefaultActiveIdx(filteredEnums, value));
     const inputValue = filterTerm !== null && filterTerm !== void 0 ? filterTerm : getLabelFromValue(value);
     const showAndSelectText = react_1.useCallback(() => {
         var _a;
@@ -89,9 +111,9 @@ function SearchableDrowndown(props) {
     const onItemSelected = react_1.useCallback((item) => {
         onChange(item.value);
         setFilterTerm(undefined);
-        setActiveIdx(displayedEnums.findIndex(enu => enu.value === item.value));
+        setActiveIdx(enumOptions.findIndex(enu => enu.value === item.value));
         hide();
-    }, [displayedEnums, hide, onChange, setActiveIdx]);
+    }, [enumOptions, hide, onChange, setActiveIdx]);
     const onBlur = 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
@@ -99,14 +121,14 @@ function SearchableDrowndown(props) {
         if (e.relatedTarget && utils_1.isDescendant(containerRef.current, e.relatedTarget)) {
             return;
         }
-        if (activeIdx !== undefined && displayedEnums[activeIdx]) {
-            onItemSelected(displayedEnums[activeIdx]);
+        if (activeIdx !== undefined && filteredEnums[activeIdx]) {
+            onItemSelected(filteredEnums[activeIdx]);
         }
         else {
             setFilterTerm(undefined);
         }
         hide();
-    }, [activeIdx, displayedEnums, hide, onItemSelected]);
+    }, [activeIdx, filteredEnums, hide, onItemSelected]);
     const onKeyDown = react_1.useCallback((e) => {
         switch (e.key) {
             case "ArrowDown":
@@ -128,22 +150,22 @@ function SearchableDrowndown(props) {
                 e.preventDefault();
                 break;
             case "Enter":
-                if (activeIdx !== undefined && displayedEnums) {
-                    onItemSelected(displayedEnums[activeIdx]);
+                if (activeIdx !== undefined && filteredEnums) {
+                    onItemSelected(filteredEnums[activeIdx]);
                 }
                 e.preventDefault();
                 break;
             case "Escape":
                 setFilterTerm(undefined);
-                setActiveIdx(getDefaultActiveIdx(displayedEnums, value));
+                setActiveIdx(getDefaultActiveIdx(filteredEnums, value));
                 e.preventDefault();
                 break;
         }
-    }, [activeIdx, activeIdxDown, activeIdxUp, displayedEnums, isOpen, onItemSelected, setActiveIdx, showAndSelectText, value]);
+    }, [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(Caret, null),
-        React.createElement("div", { className: `laji-form-dropdown laji-form-dropdown-${isOpen ? "open" : "closed"}`, style: { position: "absolute" }, tabIndex: -1, ref: dropdownRef }, displayedEnums.map((oneOf, idx) => {
+        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));
         }))));
@@ -167,7 +189,7 @@ function SearchableMultiDrowndown(props) {
     React.useEffect(() => {
         setFilterTerm(inputValue);
     }, [inputValue]);
-    const displayedEnums = React.useMemo(() => {
+    const filteredEnums = React.useMemo(() => {
         if (!enumOptions) {
             return [];
         }
@@ -179,7 +201,7 @@ function SearchableMultiDrowndown(props) {
                 || label.toLowerCase().match(filterTerm.toLowerCase()))
             : notAlreadySelected;
     }, [filterTerm, enumOptions, value]);
-    const [activeIdx, activeIdxUp, activeIdxDown, setActiveIdx] = useRangeIncrementor((displayedEnums || []).length, undefined);
+    const [activeIdx, activeIdxUp, activeIdxDown, setActiveIdx] = useRangeIncrementor((filteredEnums || []).length, undefined);
     const onItemSelected = react_1.useCallback((item) => {
         var _a;
         onChange([...(value || []), item.value]);
@@ -241,13 +263,13 @@ function SearchableMultiDrowndown(props) {
         }
         setBlurred();
         hide();
-        if (activeIdx !== undefined && displayedEnums[activeIdx]) {
-            onItemSelectedByBlur(displayedEnums[activeIdx]);
+        if (activeIdx !== undefined && filteredEnums[activeIdx]) {
+            onItemSelectedByBlur(filteredEnums[activeIdx]);
         }
         else {
             setUserTypedInputValue("");
         }
-    }, [activeIdx, displayedEnums, hide, onItemSelectedByBlur, setBlurred]);
+    }, [activeIdx, filteredEnums, hide, onItemSelectedByBlur, setBlurred]);
     const onKeyDown = react_1.useCallback((e) => {
         switch (e.key) {
             case "ArrowDown":
@@ -259,7 +281,7 @@ function SearchableMultiDrowndown(props) {
                 e.preventDefault();
                 break;
             case "Enter":
-                activeIdx !== undefined && displayedEnums && onItemSelected(displayedEnums[activeIdx]);
+                activeIdx !== undefined && filteredEnums && onItemSelected(filteredEnums[activeIdx]);
                 e.preventDefault();
                 break;
             case "Escape":
@@ -275,7 +297,7 @@ function SearchableMultiDrowndown(props) {
                 }
                 break;
         }
-    }, [activeIdx, activeIdxDown, activeIdxUp, displayedEnums, inputValue, onChange, onItemSelected, setActiveIdx, value]);
+    }, [activeIdx, activeIdxDown, activeIdxUp, filteredEnums, inputValue, onChange, onItemSelected, setActiveIdx, value]);
     /* eslint-disable @typescript-eslint/no-non-null-assertion */
     const onDelete = react_1.useCallback((enu) => {
         const filtered = value.filter(v => v !== enu.value);
@@ -296,9 +318,9 @@ function SearchableMultiDrowndown(props) {
             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("input", { disabled: disabled || readonly, id: id, onFocus: onFocus, value: inputValue, onChange: onInputChange, autoComplete: "off", ref: inputRef }),
-            loading && React.createElement(Spinner, null)),
+            loading && React.createElement(react_spinner_1.default, null)),
         React.createElement(Caret, null),
-        React.createElement("div", { className: `laji-form-dropdown laji-form-dropdown-${isOpen ? "open" : "closed"}`, style: { position: "absolute", zIndex: 99999 }, tabIndex: -1 }, displayedEnums.map((oneOf, idx) => {
+        React.createElement("div", { className: `laji-form-dropdown laji-form-dropdown-${isOpen ? "open" : "closed"}`, style: { position: "absolute", zIndex: 99999 }, tabIndex: -1 }, 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));
         }))));
@@ -318,6 +340,6 @@ function ListItem({ onSelected, active, children }) {
     }, [children, onSelected]);
     return (React.createElement("div", { onClick: onClick, className: utils_1.classNames("laji-form-dropdown-item", active && "active"), tabIndex: -1 }, children.label));
 }
-const getDefaultActiveIdx = (displayedEnums, value) => value !== undefined && value !== ""
-    ? displayedEnums.findIndex(item => item.value === value)
+const getDefaultActiveIdx = (filteredEnums, value) => value !== undefined && value !== ""
+    ? filteredEnums.findIndex(item => item.value === value)
     : 0;