@luomus/laji-form 15.1.25 → 15.1.27

package/dist/styles.css

@@ -3789,8 +3789,8 @@ body .laji-form {
 	max-height: 400px;
 }
 .laji-form-dropdown-item {
-	height: 30px;
-	line-height: 30px;
+	height: 26px;
+	line-height: 26px;
 	padding: 0px;
 	padding-left: 8px;
 	border-top: none;

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 });
+        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" });
         let cssClasses = {
             suggestionsContainer: "rw-popup-container rw-popup-transition",
             suggestionsContainerOpen: "rw-popup",

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

@@ -27,9 +27,9 @@ export default class CheckboxWidget extends React.Component<any, any, any> {
     getOptions: (props: any) => any;
     getToggleMode: (props: any) => boolean;
     onGroupKeyDown: any;
-    onTrueKeyDown: any;
-    onFalseKeyDown: any;
-    onUndefinedKeyDown: any;
+    onTrueKeyDown: (e: any) => void;
+    onFalseKeyDown: (e: any) => void;
+    onUndefinedKeyDown: (e: any) => void;
     toggle: (e: any) => void;
     formatValue(value: any, options: any, props: any): any;
 }

package/lib/components/widgets/CheckboxWidget.js

@@ -46,21 +46,36 @@ class CheckboxWidget extends React.Component {
         this.onGroupKeyDown = this.props.formContext.utils.keyboardClick((e) => {
             this.getToggleMode(this.props) && this.toggle(e);
         }, [" "]);
-        this.onTrueKeyDown = this.props.formContext.utils.keyboardClick(() => {
-            if (this.props.disabled || this.props.readonly) {
-                return;
+        // onTrueKeyDown = this.props.formContext.utils.keyboardClick(() => {
+        // 	if (this.props.disabled || this.props.readonly) {
+        // 		return;
+        // 	}
+        // 	this.onChange(true);
+        // }, [" "]);
+        this.onTrueKeyDown = (e) => {
+            const { key } = e;
+            if (key === " ") {
+                this.onChange(true);
+                e.preventDefault();
+                e.stopPropagation();
             }
-            this.onChange(true);
-        }, [" "]);
-        this.onFalseKeyDown = this.props.formContext.utils.keyboardClick(() => {
-            if (this.props.disabled || this.props.readonly) {
-                return;
+        };
+        this.onFalseKeyDown = (e) => {
+            const { key } = e;
+            if (key === " ") {
+                this.onChange(false);
+                e.preventDefault();
+                e.stopPropagation();
             }
-            this.onChange(false);
-        }, [" "]);
-        this.onUndefinedKeyDown = this.props.formContext.utils.keyboardClick(() => {
-            this.onChange(undefined);
-        });
+        };
+        this.onUndefinedKeyDown = (e) => {
+            const { key } = e;
+            if (key === " ") {
+                this.onChange(undefined);
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        };
         this.toggle = (e) => {
             if (this.props.disabled || this.props.readonly) {
                 return;
@@ -108,7 +123,7 @@ class CheckboxWidget extends React.Component {
                 React.createElement(ToggleButton, Object.assign({ id: `${id}-true`, ref: this.trueRef, value: true, onClick: toggleMode ? this.toggle : undefined, className: utils_1.classNames(toggleMode && _value === false && "laji-form-hide-btn-label", _value === true && tabTargetClass), onKeyDown: this.onTrueKeyDown }, commonProps), trueLabel),
                 React.createElement(ToggleButton, Object.assign({ id: `${id}-false`, ref: this.falseRef, value: false, onClick: toggleMode ? this.toggle : undefined, className: utils_1.classNames(toggleMode && _value === true && "laji-form-hide-btn-label", _value === false && tabTargetClass), onKeyDown: this.onFalseKeyDown }, commonProps), 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 }), unknownLabel) : null))));
+                    React.createElement(ToggleButton, Object.assign({ id: `${id}-undefined`, ref: this.undefinedRef, value: "undefined", className: utils_1.classNames(value === undefined && tabTargetClass) }, commonProps, { onKeyDown: this.onUndefinedKeyDown }), unknownLabel) : null))));
         const { Label } = this.props.formContext;
         return !hasLabel ? checkbox : (React.createElement(Label, { label: label, required: required, uiSchema: options, contextId: this.props.formContext.contextId }, checkbox));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.25",
+  "version": "15.1.27",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -38,7 +38,7 @@
   "repository": "git+https://github.com/luomus/laji-form.git",
   "license": "MIT",
   "dependencies": {
-    "@luomus/laji-map": "^5.0.2",
+    "@luomus/laji-map": "^5.1.2",
     "@luomus/laji-validate": "^0.0.121",
     "@rjsf/core": "~5.1.0",
     "@rjsf/utils": "~5.1.0",