@luomus/laji-form 15.1.55 → 15.1.56

package/lib/components/widgets/TextareaWidget.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 Context_1 = require("../../Context");
-const ReactContext_1 = require("../../ReactContext");
+const React = __importStar(require("react"));
+const PropTypes = __importStar(require("prop-types"));
+const Context_1 = __importDefault(require("../../Context"));
+const ReactContext_1 = __importDefault(require("../../ReactContext"));
 const utils_1 = require("../../utils");
 class TextareaWidget extends React.Component {
     constructor(props) {

package/lib/components/widgets/TimeWidget.js

@@ -1,14 +1,36 @@
 "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 = __importDefault(require("./DateTimeWidget"));
 const utils_1 = require("../../utils");
 const TimeWidget = (props) => {
     const { onChange } = props;
-    const _onChange = React.useCallback((value) => onChange(utils_1.isEmptyString(value) ? undefined : (moment(value).format("HH:mm"))), [onChange]);
-    return (React.createElement(DateTimeWidget_1.default, Object.assign({}, props, { onChange: _onChange, calendar: false, value: props.value ? (moment().format("YYYY-MM-DD") + `T${props.value}`) : null })));
+    const _onChange = React.useCallback((value) => onChange(utils_1.isEmptyString(value) ? undefined : (moment_1.default(value).format("HH:mm"))), [onChange]);
+    return (React.createElement(DateTimeWidget_1.default, Object.assign({}, props, { onChange: _onChange, calendar: false, value: props.value ? (moment_1.default().format("YYYY-MM-DD") + `T${props.value}`) : null })));
 };
 TimeWidget.propTypes = {
     schema: PropTypes.shape({

package/lib/components/widgets/URLWidget.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 URLWidget = ({ value, options = {} }) => React.createElement("a", { href: `${options.template || ""}${value}`, target: "_blank", rel: "noopener noreferrer" }, `${options.template || ""}${value}`);
 URLWidget.propTypes = {
     schema: PropTypes.shape({

package/lib/components/widgets/UpperCaseWidget.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 UpperCaseWidget extends React.Component {
     constructor() {
         super(...arguments);

package/lib/index.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 __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)
@@ -10,9 +29,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const LajiForm_1 = require("./components/LajiForm");
-const React = require("react");
+const LajiForm_1 = __importDefault(require("./components/LajiForm"));
+const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 class LajiFormWrapper {
     constructor(props) {

package/lib/services/id-service.d.ts

@@ -16,7 +16,7 @@ export default class IdService {
     findPointerForLajiFormId(tmpIdTree: any, formData: any, lajiFormId: string | number): string | undefined;
     getJSONPointerFromLajiFormIdAndRelativePointer(lajiFormId: string | number, relativePointer: string): string;
     getJSONPointerFromLajiFormIdAndFormDataAndIdSchemaId(idSchemaId: string, lajiFormId: string | number): string;
-    getRelativePointer(idSchemaId: string, lajiFormId: string | number): string | undefined;
+    getRelativePointer(idSchemaId: string, lajiFormId: string | number): string;
     getRelativeTmpIdTree(id: string): any;
 }
 export declare function createTmpIdTree(schema: RJSFSchema): {} | undefined;

package/lib/services/id-service.js

@@ -71,7 +71,7 @@ class IdService {
         var _a;
         const containerPointer = this.findPointerForLajiFormId(this.tmpIdTree, this.formData, lajiFormId);
         if (!containerPointer) {
-            return;
+            return "";
         }
         const indicesCount = ((_a = containerPointer.match(/\/[0-9]+/g)) === null || _a === void 0 ? void 0 : _a.length) || 0;
         const containerPointerWithoutArrayIndices = containerPointer.replace(/[0-9]+/g, "");

package/lib/services/key-handler-service.js

@@ -1,6 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const Context_1 = require("../Context");
+const Context_1 = __importDefault(require("../Context"));
 const utils_1 = require("../utils");
 /**
  *

package/lib/services/singleton-map-service.js

@@ -1,6 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const laji_map_1 = require("@luomus/laji-map");
+const laji_map_1 = __importDefault(require("@luomus/laji-map"));
 /**
  * Service used for accessing a singlet on instance of LajiMap. Using a singleton instance increases performance, as
  * the map needs to be initialized only once. Control of the map of simply grabbed, making the previous owner lose

package/lib/services/submit-hook-service.d.ts

@@ -3,10 +3,11 @@ export interface SubmitHook {
     hook: () => void;
     promise: Promise<any>;
     lajiFormId: string;
-    relativePointer: string | undefined;
+    relativePointer: string;
     running: boolean;
     description?: string;
     failed?: boolean;
+    e?: string;
 }
 export default class SubmitHookService {
     private onSubmitHooksChange;
@@ -18,7 +19,8 @@ export default class SubmitHookService {
      * Add a submit hook for a Field component.
      */
     add(props: Pick<FieldProps, "formData" | "idSchema" | "formContext"> | Pick<WidgetProps, "formData" | "id" | "formContext">, hook: SubmitHook["hook"]): () => Promise<any>;
-    remove(lajiFormId: string, hook: SubmitHook["hook"]): Promise<void>;
+    /** Remove a hook either by id or hook instance */
+    remove(lajiFormId?: string, hook?: SubmitHook["hook"]): Promise<void>;
     removeAll(): void;
     checkHooks(): Promise<void[]>;
 }

package/lib/services/submit-hook-service.js

@@ -50,6 +50,7 @@ class SubmitHookService {
         const relativePointer = props.formContext.services.ids.getRelativePointer(idSchemaId, id);
         return this.internalAdd(id, relativePointer, hook);
     }
+    /** Remove a hook either by id or hook instance */
     remove(lajiFormId, hook) {
         return new Promise(resolve => {
             lajiFormId = `${lajiFormId}`;

package/lib/themes/bs3.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 __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)
@@ -10,64 +29,67 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+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 _Panel = require("react-bootstrap/lib/Panel");
-const Table = require("react-bootstrap/lib/Table");
-const ProgressBar = require("react-bootstrap/lib/ProgressBar");
-const Button = require("react-bootstrap/lib/Button");
-const ButtonGroup = require("react-bootstrap/lib/ButtonGroup");
-const ButtonToolbar = require("react-bootstrap/lib/ButtonToolbar");
-const Overlay = require("react-bootstrap/lib/Overlay");
-const _OverlayTrigger = require("react-bootstrap/lib/OverlayTrigger");
-const Popover = require("react-bootstrap/lib/Popover");
-const Tooltip = require("react-bootstrap/lib/Tooltip");
-const Glyphicon = require("react-bootstrap/lib/Glyphicon");
-const Modal = require("react-bootstrap/lib/Modal");
-const Row = require("react-bootstrap/lib/Row");
-const Col = require("react-bootstrap/lib/Col");
-const FormGroup = require("react-bootstrap/lib/FormGroup");
-const InputGroup = require("react-bootstrap/lib/InputGroup");
-const FormControl = require("react-bootstrap/lib/FormControl");
-const ListGroup = require("react-bootstrap/lib/ListGroup");
-const ListGroupItem = require("react-bootstrap/lib/ListGroupItem");
-const Breadcrumb = require("react-bootstrap/lib/Breadcrumb");
-const HelpBlock = require("react-bootstrap/lib/HelpBlock");
-const MenuItem = require("react-bootstrap/lib/MenuItem");
-const Alert = require("react-bootstrap/lib/Alert");
-const Pager = require("react-bootstrap/lib/Pager");
-const Accordion = require("react-bootstrap/lib/Accordion");
-const Collapse = require("react-bootstrap/lib/Collapse");
-const Dropdown = require("react-bootstrap/lib/Dropdown");
-const Form = require("react-bootstrap/lib/Form");
-const ControlLabel = require("react-bootstrap/lib/ControlLabel");
-const Checkbox = require("react-bootstrap/lib/Checkbox");
-const ToggleButton = require("react-bootstrap/lib/ToggleButton");
-const ToggleButtonGroup = require("react-bootstrap/lib/ToggleButtonGroup");
+const React = __importStar(require("react"));
+const Panel_1 = __importDefault(require("react-bootstrap/lib/Panel"));
+const Table_1 = __importDefault(require("react-bootstrap/lib/Table"));
+const ProgressBar_1 = __importDefault(require("react-bootstrap/lib/ProgressBar"));
+const Button_1 = __importDefault(require("react-bootstrap/lib/Button"));
+const ButtonGroup_1 = __importDefault(require("react-bootstrap/lib/ButtonGroup"));
+const ButtonToolbar_1 = __importDefault(require("react-bootstrap/lib/ButtonToolbar"));
+const Overlay_1 = __importDefault(require("react-bootstrap/lib/Overlay"));
+const OverlayTrigger_1 = __importDefault(require("react-bootstrap/lib/OverlayTrigger"));
+const Popover_1 = __importDefault(require("react-bootstrap/lib/Popover"));
+const Tooltip_1 = __importDefault(require("react-bootstrap/lib/Tooltip"));
+const Glyphicon_1 = __importDefault(require("react-bootstrap/lib/Glyphicon"));
+const Modal_1 = __importDefault(require("react-bootstrap/lib/Modal"));
+const Row_1 = __importDefault(require("react-bootstrap/lib/Row"));
+const Col_1 = __importDefault(require("react-bootstrap/lib/Col"));
+const FormGroup_1 = __importDefault(require("react-bootstrap/lib/FormGroup"));
+const InputGroup_1 = __importDefault(require("react-bootstrap/lib/InputGroup"));
+const FormControl_1 = __importDefault(require("react-bootstrap/lib/FormControl"));
+const ListGroup_1 = __importDefault(require("react-bootstrap/lib/ListGroup"));
+const ListGroupItem_1 = __importDefault(require("react-bootstrap/lib/ListGroupItem"));
+const Breadcrumb_1 = __importDefault(require("react-bootstrap/lib/Breadcrumb"));
+const HelpBlock_1 = __importDefault(require("react-bootstrap/lib/HelpBlock"));
+const MenuItem_1 = __importDefault(require("react-bootstrap/lib/MenuItem"));
+const Alert_1 = __importDefault(require("react-bootstrap/lib/Alert"));
+const Pager_1 = __importDefault(require("react-bootstrap/lib/Pager"));
+const Accordion_1 = __importDefault(require("react-bootstrap/lib/Accordion"));
+const Collapse_1 = __importDefault(require("react-bootstrap/lib/Collapse"));
+const Dropdown_1 = __importDefault(require("react-bootstrap/lib/Dropdown"));
+const Form_1 = __importDefault(require("react-bootstrap/lib/Form"));
+const ControlLabel_1 = __importDefault(require("react-bootstrap/lib/ControlLabel"));
+const Checkbox_1 = __importDefault(require("react-bootstrap/lib/Checkbox"));
+const ToggleButton_1 = __importDefault(require("react-bootstrap/lib/ToggleButton"));
+const ToggleButtonGroup_1 = __importDefault(require("react-bootstrap/lib/ToggleButtonGroup"));
 const mapBtnVariant = (variant) => {
     return variant === null || variant === void 0 ? void 0 : variant.replace("outline-", "");
 };
 const Panel = React.forwardRef((_a, ref) => {
     var { variant } = _a, props = __rest(_a, ["variant"]);
-    return React.createElement(_Panel, Object.assign({}, props, { bsStyle: variant, ref: ref }));
+    return React.createElement(Panel_1.default, Object.assign({}, props, { bsStyle: variant, ref: ref }));
 });
 const __Panel = Panel;
-__Panel.Body = _Panel.Body;
-__Panel.Heading = _Panel.Heading;
-__Panel.Collapse = _Panel.Collapse;
-__Panel.Footer = _Panel.Footer;
+__Panel.Body = Panel_1.default.Body;
+__Panel.Heading = Panel_1.default.Heading;
+__Panel.Collapse = Panel_1.default.Collapse;
+__Panel.Footer = Panel_1.default.Footer;
 // Wrapper needed or webpack will hang.
-const _Dropdown = (props) => React.createElement(Dropdown, Object.assign({}, props));
+const _Dropdown = (props) => React.createElement(Dropdown_1.default, Object.assign({}, props));
 const __Dropdown = _Dropdown;
-__Dropdown.Menu = React.forwardRef((props, ref) => React.createElement(Dropdown.Menu, Object.assign({}, props, { ref: ref })));
+__Dropdown.Menu = React.forwardRef((props, ref) => React.createElement(Dropdown_1.default.Menu, Object.assign({}, props, { ref: ref })));
 __Dropdown.Menu.defaultProps = { bsRole: "menu" };
 __Dropdown.Toggle = React.forwardRef((_a, ref) => {
     var { variant } = _a, props = __rest(_a, ["variant"]);
-    return React.createElement(Dropdown.Toggle, Object.assign({ bsStyle: variant }, props, { ref: ref }));
+    return React.createElement(Dropdown_1.default.Toggle, Object.assign({ bsStyle: variant }, props, { ref: ref }));
 });
 __Dropdown.Toggle.defaultProps = { bsRole: "toggle" };
-const _Breadcrumb = Breadcrumb;
-_Breadcrumb.Item = Breadcrumb.Item;
+const _Breadcrumb = Breadcrumb_1.default;
+_Breadcrumb.Item = Breadcrumb_1.default.Item;
 function usePreviousValue(value) {
     const ref = React.useRef();
     React.useEffect(() => {
@@ -87,47 +109,47 @@ const OverlayTrigger = (props) => {
             ref.current.hide();
         }
     }, [show, prevShow]);
-    return (React.createElement(_OverlayTrigger, Object.assign({}, _props, { ref: ref })));
+    return (React.createElement(OverlayTrigger_1.default, Object.assign({}, _props, { ref: ref })));
 };
 const theme = {
     Panel: __Panel,
-    Table,
-    ProgressBar,
+    Table: Table_1.default,
+    ProgressBar: ProgressBar_1.default,
     Button: React.forwardRef((_a, ref) => {
         var { variant, small } = _a, props = __rest(_a, ["variant", "small"]);
-        return React.createElement(Button, Object.assign({}, props, { bsStyle: mapBtnVariant(variant), bsSize: small ? "small" : undefined, ref: ref }));
+        return React.createElement(Button_1.default, Object.assign({}, props, { bsStyle: mapBtnVariant(variant), bsSize: small ? "small" : undefined, ref: ref }));
     }),
-    ButtonGroup,
-    ButtonToolbar,
-    Overlay,
+    ButtonGroup: ButtonGroup_1.default,
+    ButtonToolbar: ButtonToolbar_1.default,
+    Overlay: Overlay_1.default,
     OverlayTrigger,
     // OverlayTrigger: React.forwardRef<OverlayTrigger, OverlayTriggerProps>(({show, ...props}, ref) => <OverlayTrigger {...props} ref={ref} />),
-    Popover,
-    Tooltip,
-    Glyphicon,
-    Modal,
-    Row,
-    Col,
-    FormGroup,
-    InputGroup,
-    FormControl,
-    ListGroup,
-    ListGroupItem,
+    Popover: Popover_1.default,
+    Tooltip: Tooltip_1.default,
+    Glyphicon: Glyphicon_1.default,
+    Modal: Modal_1.default,
+    Row: Row_1.default,
+    Col: Col_1.default,
+    FormGroup: FormGroup_1.default,
+    InputGroup: InputGroup_1.default,
+    FormControl: FormControl_1.default,
+    ListGroup: ListGroup_1.default,
+    ListGroupItem: ListGroupItem_1.default,
     Breadcrumb: _Breadcrumb,
-    HelpBlock,
-    MenuItem,
+    HelpBlock: HelpBlock_1.default,
+    MenuItem: MenuItem_1.default,
     Alert: (_a) => {
         var { variant } = _a, props = __rest(_a, ["variant"]);
-        return React.createElement(Alert, Object.assign({}, props, { bsStyle: variant }));
+        return React.createElement(Alert_1.default, Object.assign({}, props, { bsStyle: variant }));
     },
-    Pager,
-    Accordion,
-    Collapse,
+    Pager: Pager_1.default,
+    Accordion: Accordion_1.default,
+    Collapse: Collapse_1.default,
     Dropdown: __Dropdown,
-    Form,
-    ControlLabel,
-    Checkbox,
-    ToggleButton,
-    ToggleButtonGroup
+    Form: Form_1.default,
+    ControlLabel: ControlLabel_1.default,
+    Checkbox: Checkbox_1.default,
+    ToggleButton: ToggleButton_1.default,
+    ToggleButtonGroup: ToggleButtonGroup_1.default
 };
 exports.default = theme;

package/lib/themes/bs5.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 __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)
@@ -11,7 +30,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_bootstrap_5_1 = require("react-bootstrap-5");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 const glyphicon_fa_mapping_1 = require("./glyphicon-fa-mapping");

package/lib/themes/stub.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 __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)
@@ -11,7 +30,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const Stub = ({ children }) => {
     console.error("You should define a theme prop for LajiForm. Using stub theme, the form will render but many components won't work as expected and will result in many React warnings.");
     return React.createElement(React.Fragment, null, children);

package/lib/themes/theme.d.ts

@@ -29,7 +29,7 @@ export interface TableProps extends JSX.IntrinsicAttributes, HasMaybeChildren, H
 export interface ProgressBarProps extends JSX.IntrinsicAttributes {
     now?: number;
 }
-export interface ButtonProps extends JSX.IntrinsicAttributes, HasMaybeChildren, HasMaybeClassName, HasMaybeRef {
+export interface ButtonProps extends JSX.IntrinsicAttributes, HasMaybeChildren, HasMaybeClassName, HasMaybeRef, HasMaybeStyle {
     variant?: ButtonVariant;
     active?: boolean;
     disabled?: boolean;
@@ -37,6 +37,7 @@ export interface ButtonProps extends JSX.IntrinsicAttributes, HasMaybeChildren,
     block?: boolean;
     id?: string;
     small?: boolean;
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
 }
 export declare type ButtonGroupProps = JSX.IntrinsicAttributes & HasMaybeChildren;
 export interface ButtonToolbarProps extends JSX.IntrinsicAttributes, HasMaybeChildren, HasMaybeClassName {
@@ -52,12 +53,13 @@ export interface OverlayProps extends JSX.IntrinsicAttributes {
 export interface OverlayTriggerProps extends OverlayProps {
     overlay: any;
     key?: string | number | undefined;
+    trigger?: string[] | string;
 }
 export interface PopoverProps extends JSX.IntrinsicAttributes, HasMaybeChildren {
     id?: string;
     title?: React.ReactNode;
 }
-export interface TooltipProps extends JSX.IntrinsicAttributes, HasMaybeChildren {
+export interface TooltipProps extends JSX.IntrinsicAttributes, HasMaybeChildren, HasMaybeClassName {
     id?: string;
 }
 export declare type Glyph = "ok" | "refresh" | "warning-sign" | "plus" | "camera" | "headphones" | "user" | "flash" | "menu-hamburger" | "chevron-up" | "chevron-down" | "new-window" | string;
@@ -106,7 +108,7 @@ export interface InputGroupAddon extends JSX.IntrinsicAttributes, HasMaybeChildr
 export declare type InputGroupButton = JSX.IntrinsicAttributes & HasMaybeChildren & HasMaybeClassName;
 export interface FormControlProps extends React.HTMLProps<any>, HasMaybeRef {
     type?: HTMLInputElement["type"];
-    readOnly?: boolean;
+    readonly?: boolean;
     validationState?: ValidationState;
 }
 export interface ListGroupProps extends JSX.IntrinsicAttributes, HasMaybeRef, HasMaybeStyle, HasMaybeClassName {

package/lib/utils.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 __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)
@@ -10,18 +29,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bsSizeToPixels = exports.canAdd = exports.stringifyKeyCombo = exports.decapitalizeFirstLetter = exports.capitalizeFirstLetter = exports.getKeyHandlerTargetId = exports.isDescendant = exports.getBootstrapCols = exports.getNestedUiFieldsList = exports.updateTailUiSchema = exports.getNestedTailUiSchema = exports.keyboardClick = exports.formDataEquals = exports.formDataIsEmpty = exports.filterItemIdsDeeply = exports.filterItemId = exports.filterLajiFormId = exports.syncScroll = exports._syncScroll = exports.shouldSyncScroll = exports.focusAndScroll = exports.focusById = exports.getSchemaElementById = exports.findNearestParentSchemaElemId = exports.focusNextInput = exports.getNextInput = exports.getNextInputInInputs = exports.ReactUtils = exports.findNearestParentTabbableElem = exports.findNearestParentSchemaElem = exports.canFocusNextInput = exports.isTabbableInput = exports.getTabbableFields = exports.isSelect = exports.isMultiSelect = exports.getReactComponentName = exports.parseJSONPointer = exports.isEmptyString = exports.isNullOrUndefined = exports.getInnerUiSchema = exports.getUiOptions = exports.immutableDelete = exports.getUpdateObjectFromJSONPointer = exports.getUpdateObjectFromJSONPath = exports.propertyHasData = exports.hasData = exports.getDefaultFormState = exports.isDefaultData = exports.isHidden = exports.isObject = void 0;
 exports.usePrevious = exports.useBooleanSetter = exports.translate = exports.classNames = exports.getTitle = exports.toJSONPointer = exports.getReversedFormDataIndex = exports.getFormDataIndex = exports.getIdxWithoutOffset = exports.getIdxWithOffset = exports.constructTranslations = exports.filteredErrors = exports.highlightElem = exports.findPointerForLajiFormId = exports.removeLajiFormIds = exports.getAllLajiFormIdsDeeply = exports.addLajiFormIds = exports.getFieldUUID = exports.getUUID = exports.assignUUID = exports.updateFormDataWithJSONPointer = exports.uiSchemaJSONPointer = exports.schemaJSONPointer = exports.idSchemaIdToJSONPointer = exports.JSONPointerToId = exports.checkJSONPointer = exports.parseUiSchemaFromFormDataPointer = exports.parseSchemaFromFormDataPointer = exports.triggerParentComponent = exports.bringRemoteFormData = exports.checkArrayRules = exports.checkRules = exports.formatErrorMessage = exports.formatValue = exports.dictionarify = exports.injectButtons = exports.updateSafelyWithJSONPointer = exports.updateSafelyWithJSONPath = exports.filter = exports.scrollIntoViewIfNeeded = exports.getScrollPositionForScrollIntoViewIfNeeded = exports.getWindowScrolled = exports.applyFunction = exports.pixelsToBsSize = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const utils_1 = require("@rjsf/utils");
-const Context_1 = require("./Context");
-const ReactContext_1 = require("./ReactContext");
-const immutability_helper_1 = require("immutability-helper");
+const Context_1 = __importDefault(require("./Context"));
+const ReactContext_1 = __importDefault(require("./ReactContext"));
+const immutability_helper_1 = __importDefault(require("immutability-helper"));
 const utils_2 = require("@luomus/laji-map/lib/utils");
 const deepEquals = require("deep-equal");
-const validator_ajv6_1 = require("@rjsf/validator-ajv6");
+const validator_ajv6_1 = __importDefault(require("@rjsf/validator-ajv6"));
 exports.isObject = utils_2.isObject;
 function isHidden(uiSchema, property) {
     if (!uiSchema)