@luomus/laji-form 15.1.32 → 15.1.34

package/lib/components/VirtualSchemaField.js

@@ -40,7 +40,8 @@ function VirtualSchemaField(ComposedComponent) {
                     "registry",
                     "onChange",
                     "disabled",
-                    "readonly"
+                    "readonly",
+                    "required"
                 ].reduce((_props, prop) => {
                     if (prop in props)
                         _props[prop] = props[prop];

package/lib/components/fields/MapField.js

@@ -321,6 +321,9 @@ class MobileEditorMap extends React.Component {
         this.setOkButtonRef = (elem) => {
             this.okButtonElem = react_dom_1.findDOMNode(elem);
         };
+        this.updateDimensions = () => {
+            this.setState({ width: window.innerWidth, height: window.innerHeight });
+        };
         this.onChange = () => {
             const { map } = this.map;
             const centerLatLng = map.getCenter();
@@ -395,23 +398,31 @@ class MobileEditorMap extends React.Component {
             this.props.onClose(this.map.getOptions());
         };
         const { center, radius } = this.props;
-        this.state = { mapOptions: this.setViewFromCenterAndRadius(center, radius) };
+        this.state = {
+            mapOptions: this.setViewFromCenterAndRadius(center, radius),
+            width: window.innerWidth,
+            height: window.innerHeight
+        };
     }
     componentDidMount() {
         this.mounted = true;
         this.okButtonElem.focus();
+        window.addEventListener("resize", this.updateDimensions);
     }
     componenWillUnmount() {
         this.mounted = false;
+        window.removeEventListener("resize", this.updateDimensions);
     }
     getCircle(radiusPixels) {
-        return (React.createElement("svg", { width: "100%", height: "100%", style: { position: "absolute", zIndex: 1000, top: 0, pointerEvents: "none" } },
+        return (React.createElement("svg", { width: "100%", height: "100%", style: { position: "absolute", zIndex: 1000, top: 0, left: 0, pointerEvents: "none" } },
             React.createElement("defs", null,
                 React.createElement("mask", { id: "mask", x: "0", y: "0", width: "100%", height: "100%" },
                     React.createElement("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "#fff" }),
                     React.createElement("circle", { cx: "50%", cy: "50%", r: radiusPixels }))),
             React.createElement("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.2" }),
-            React.createElement("circle", { cx: "50%", cy: "50%", r: radiusPixels, stroke: "black", strokeWidth: "2", fillOpacity: "0" })));
+            React.createElement("circle", { cx: "50%", cy: "50%", r: radiusPixels, stroke: "black", strokeWidth: "2", fillOpacity: "0" }),
+            React.createElement("line", { x1: this.state.width / 2, y1: this.state.height / 2 - radiusPixels, x2: this.state.width / 2, y2: this.state.height / 2 + radiusPixels, stroke: "black", strokeWidth: "2" }),
+            React.createElement("line", { x1: this.state.width / 2 - radiusPixels, y1: this.state.height / 2, x2: this.state.width / 2 + radiusPixels, y2: this.state.height / 2, stroke: "black", strokeWidth: "2" })));
     }
     render() {
         let _a = this.props.map.getOptions(), { rootElem, customControls, draw, data, zoomToData, zoom, center, locate } = _a, options = __rest(_a, ["rootElem", "customControls", "draw", "data", "zoomToData", "zoom", "center", "locate"]); // eslint-disable-line @typescript-eslint/no-unused-vars

package/lib/components/widgets/AutosuggestWidget.js

@@ -748,7 +748,7 @@ class Autosuggest extends React.Component {
     render() {
         const { props } = this;
         let { suggestions, inputValue = "" } = this.state;
-        const inputProps = Object.assign(Object.assign({ id: this.props.id, value: inputValue, readonly: props.readonly, disabled: props.disabled, placeholder: props.placeholder }, (this.props.inputProps || {})), { onChange: this.onInputChange, onBlur: this.onBlur, onFocus: this.onFocus, autoComplete: "off" });
+        const inputProps = Object.assign(Object.assign({ id: this.props.id, value: inputValue, disabled: props.disabled || props.readonly, placeholder: props.placeholder }, (this.props.inputProps || {})), { onChange: this.onInputChange, onBlur: this.onBlur, onFocus: this.onFocus, autoComplete: "off" });
         let cssClasses = {
             suggestionsContainer: "rw-popup-container rw-popup-transition",
             suggestionsContainerOpen: "rw-popup",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.32",
+  "version": "15.1.34",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",