@luomus/laji-form 15.1.42 → 15.1.44

package/lib/components/components.js

@@ -406,7 +406,7 @@ function Label({ label, children, id, required, registry = {}, uiSchema = {} })
             showHelp ? React.createElement(Help, { focusable: true, onFocus: onHelpFocus, onBlur: onHelpBlur, onClick: onHelpClick }) : null),
         children));
     return help ? React.createElement(React.Fragment, null,
-        React.createElement(OverlayTrigger, { placement: helpPlacement || "right", overlay: tooltipElem, hoverable: helpHoverable, formContext: registry.formContext, show: focused || undefined }, labelElem),
+        React.createElement(OverlayTrigger, { placement: helpPlacement || "right", overlay: tooltipElem, hoverable: helpHoverable, formContext: registry.formContext, show: focused || undefined, style: { display: "inline-block" } }, labelElem),
         React.createElement("div", { id: `${id}--help`, style: { display: "none" } }, help)) : labelElem;
 }
 exports.Label = Label;
@@ -535,14 +535,14 @@ class OverlayTrigger extends React.Component {
         }
     }
     render() {
-        const _a = this.props, { children, overlay, contextId } = _a, //eslint-disable-line @typescript-eslint/no-unused-vars
-        props = __rest(_a, ["children", "overlay", "contextId"]);
+        const _a = this.props, { children, overlay, contextId, //eslint-disable-line @typescript-eslint/no-unused-vars
+        style } = _a, props = __rest(_a, ["children", "overlay", "contextId", "style"]);
         const { OverlayTrigger } = this.context.theme;
         let _overlay = React.cloneElement(overlay, { onMouseOver: this.overlayMouseOver, onMouseOut: this.overlayMouseOut });
         const show = this.props.show !== undefined
             ? this.props.show
             : this.state.hoveringElem || this.props.hoverable && this.state.hoveringOverlay;
-        return (React.createElement("div", { onMouseOver: this.overlayTriggerMouseOver, onMouseOut: this.overlayTriggerMouseOut },
+        return (React.createElement("div", { onMouseOver: this.overlayTriggerMouseOver, onMouseOut: this.overlayTriggerMouseOut, style: style },
             React.createElement(OverlayTrigger, Object.assign({}, props, { delay: 1, trigger: [], placement: this.props.placement || "top", overlay: _overlay, show: show }), children)));
     }
 }

package/lib/components/fields/SingleActiveArrayField.js

@@ -942,6 +942,7 @@ class AccordionHeader extends React.Component {
         this.onHelpClick = (e) => {
             e.preventDefault();
         };
+        this.onKeyDown = this.props.that.props.formContext.utils.keyboardClick(this.onHeaderClick);
     }
     render() {
         const { that, idx } = this.props;
@@ -967,7 +968,7 @@ class AccordionHeader extends React.Component {
         const { Tooltip } = this.context.theme;
         const tooltip = React.createElement(Tooltip, null, uiSchema["ui:help"]);
         const headerTextComponent = hasHelp ? React.createElement(components_1.OverlayTrigger, { placement: "right", overlay: tooltip, show: this.state && this.state.focused || undefined }, headerText) : headerText;
-        const header = (React.createElement("div", { className: this.props.className, role: "tab", id: `${that.props.idSchema.$id}_${utils_1.getFormDataIndex(idx, that.props.uiSchema)}-header`, onClick: this.onHeaderClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave },
+        const header = (React.createElement("div", { className: this.props.className, role: "tab", id: `${that.props.idSchema.$id}_${utils_1.getFormDataIndex(idx, that.props.uiSchema)}-header`, onClick: this.onHeaderClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onKeyDown: this.onKeyDown, tabIndex: "0" },
             React.createElement("div", { className: this.props.wrapperClassName },
                 headerTextComponent,
                 this.props.children)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.42",
+  "version": "15.1.44",
   "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.1.2",
+    "@luomus/laji-map": "^5.1.11",
     "@luomus/laji-validate": "^0.0.122",
     "@rjsf/core": "~5.1.0",
     "@rjsf/utils": "~5.1.0",