@luomus/laji-form-builder 1.1.8 → 1.1.9

package/lib/client/components/components/Draggable.js

@@ -0,0 +1,161 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.DraggableWidth = exports.DraggableHeight = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../../utils");
+class DraggableWidthHeight extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            height: this.props.dragHeight ? this.props.height || 200 : undefined,
+            width: this.props.dragWidth ? this.props.width || 200 : undefined
+        };
+        this.dragging = false;
+        this._onMouseDown = {};
+        this._onMouseUp = {};
+        this._onMouseMove = {};
+        this.nmspc = (0, utils_1.nmspc)("draggable");
+        this.onMouseDown = (dir) => {
+            if (!this._onMouseDown[dir]) {
+                this._onMouseDown[dir] = (e) => {
+                    e.preventDefault();
+                    if (this.dragging) {
+                        return;
+                    }
+                    this.dragging = true;
+                    this.startY = e.clientY;
+                    this.startX = e.clientX;
+                    this.heightAtStart = this.state.height;
+                    this.widthAtStart = this.state.width;
+                    document.addEventListener("mouseup", this.onMouseUp(dir));
+                    document.addEventListener("mousemove", this.onMouseMove(dir));
+                };
+            }
+            return this._onMouseDown[dir];
+        };
+        this.onMouseUp = (dir) => {
+            if (!this._onMouseUp[dir]) {
+                this._onMouseUp[dir] = () => {
+                    var _a, _b;
+                    if (!this.dragging) {
+                        return;
+                    }
+                    this.dragging = false;
+                    document.removeEventListener("mouseup", this.onMouseUp(dir));
+                    document.removeEventListener("mousemove", this.onMouseMove(dir));
+                    (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, { [dir]: this.state[dir] });
+                };
+            }
+            return this._onMouseUp[dir];
+        };
+        this.onMouseMove = (dir) => {
+            if (!this._onMouseMove[dir]) {
+                this._onMouseMove[dir] = (e) => {
+                    const _state = {};
+                    if (dir === "height" && this.props.dragHeight) {
+                        _state.height = (this.heightAtStart || 0) + (this.startY - e.clientY);
+                    }
+                    if (dir === "width" && this.props.dragWidth) {
+                        _state.width = (this.widthAtStart || 0) - (this.startX - e.clientX);
+                    }
+                    this.setState(_state);
+                };
+            }
+            return this._onMouseMove[dir];
+        };
+    }
+    render() {
+        const { style, fixed, containerClassName } = this.props;
+        const children = (React.createElement("div", { style: style, className: this.props.className, ref: this.props.containerRef }, this.props.children));
+        const content = this.props.dragWidth ? (React.createElement("div", { style: {
+                display: "flex",
+                flexDirection: "row",
+                width: this.state.width,
+                height: "100%",
+                overflow: "hidden"
+            } },
+            React.createElement("div", { style: { width: "100%" } },
+                children,
+                this.getWidthDragLine()))) : children;
+        const heightContainerStyle = fixed === "bottom"
+            ? {
+                display: "flex",
+                flexDirection: "row",
+                position: "fixed",
+                bottom: 0,
+                left: 0,
+                zIndex: 1040,
+            }
+            : {};
+        const containerStyle = this.props.dragHeight
+            ? Object.assign(Object.assign({}, heightContainerStyle), { height: this.state.height || 0, width: "100%" }) : {};
+        return (React.createElement("div", { style: containerStyle, className: containerClassName },
+            this.getHeightDragLine(),
+            content));
+    }
+    getHeightDragLine() {
+        if (!this.props.dragHeight) {
+            return null;
+        }
+        const dragLineStyle = {
+            position: "absolute",
+            width: "100%",
+            cursor: "row-resize",
+            height: this.props.thickness,
+            marginTop: -Math.floor(this.props.thickness / 2),
+            opacity: 0
+        };
+        return (React.createElement("div", { style: dragLineStyle, className: (0, utils_1.classNames)(this.nmspc("line"), this.nmspc("height"), this.props.dragClassName), onMouseDown: this.onMouseDown("height") }));
+    }
+    getWidthDragLine() {
+        if (!this.props.dragWidth) {
+            return null;
+        }
+        const dragLineStyle = {
+            width: this.props.thickness,
+            cursor: "ew-resize",
+            height: "100%",
+            paddingLeft: 1,
+            position: "absolute",
+            left: (this.state.width || 0) - (this.props.thickness / 2),
+            top: 0,
+            opacity: 0
+        };
+        return (React.createElement("div", { style: dragLineStyle, className: (0, utils_1.classNames)(this.nmspc("line"), this.nmspc("width"), this.props.dragClassName), onMouseDown: this.onMouseDown("width") }));
+    }
+}
+DraggableWidthHeight.defaultProps = {
+    dragHeight: false,
+    dragWidth: false,
+    thickness: 4
+};
+exports.DraggableHeight = React.memo(function DraggableHeight(props) {
+    return React.createElement(DraggableWidthHeight, Object.assign({}, props, { dragHeight: true }));
+});
+exports.DraggableWidth = React.forwardRef((props, ref) => {
+    return React.createElement(DraggableWidthHeight, Object.assign({}, props, { dragWidth: true, containerRef: ref }));
+});
+//# sourceMappingURL=Draggable.js.map

package/lib/client/components/components/Draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.js","sourceRoot":"","sources":["../../../../src/client/components/components/Draggable.tsx"],"names":[],"mappings":"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"}

package/lib/client/components/components/ErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { Context } from "../Context";
+import { HasChildren } from "./";
+export declare class ErrorBoundary extends React.Component<HasChildren, {
+    hasError: boolean;
+}> {
+    static contextType: React.Context<import("../Context").ContextProps>;
+    context: React.ContextType<typeof Context>;
+    state: {
+        hasError: boolean;
+    };
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    render(): React.ReactNode;
+}

package/lib/client/components/components/ErrorBoundary.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.ErrorBoundary = void 0;
+const React = __importStar(require("react"));
+const Context_1 = require("../Context");
+const utils_1 = require("../../utils");
+class ErrorBoundary extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    render() {
+        return this.state.hasError
+            ? React.createElement("div", { className: (0, utils_1.gnmspc)("error") }, this.context.translations["editor.error.ui"])
+            : this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;
+ErrorBoundary.contextType = Context_1.Context;
+//# sourceMappingURL=ErrorBoundary.js.map

package/lib/client/components/components/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/client/components/components/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,2DAAwD;AAExD,4CAA0C;AAE1C,MAAa,aAAc,SAAQ,KAAK,CAAC,SAA2C;IAApF;;QAGC,UAAK,GAAG,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAA;IAS1B,CAAC;IARA,MAAM,CAAC,wBAAwB;QAC9B,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;IACzB,CAAC;IACD,MAAM;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;YACzB,CAAC,CAAC,6BAAK,SAAS,EAAE,IAAA,cAAM,EAAC,OAAO,CAAC,IAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAO;YACvF,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IACxB,CAAC;;AAXF,sCAYC;AAXO,yBAAW,GAAG,iBAAO,CAAC"}

package/lib/client/components/components/GenericModal.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { Classable, HasChildren } from "./";
+export type GenericModalProps = {
+    onHide: () => void;
+    header?: string;
+    bodyRef?: React.Ref<HTMLDivElement>;
+} & HasChildren & Classable;
+export declare const GenericModal: ({ onHide, children, header, className, bodyRef }: GenericModalProps) => JSX.Element;

package/lib/client/components/components/GenericModal.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.GenericModal = void 0;
+const React = __importStar(require("react"));
+const Context_1 = require("../Context");
+const utils_1 = require("../../utils");
+const GenericModal = ({ onHide, children, header, className, bodyRef }) => {
+    const { theme } = React.useContext(Context_1.Context);
+    const { Modal } = theme;
+    return (React.createElement(Modal, { show: true, onHide: onHide, dialogClassName: (0, utils_1.classNames)((0, utils_1.gnmspc)(), (0, utils_1.gnmspc)("wide-modal"), className) },
+        React.createElement(Modal.Header, { closeButton: true },
+            React.createElement("h4", null, header)),
+        React.createElement(Modal.Body, null,
+            React.createElement("div", { ref: bodyRef }, children))));
+};
+exports.GenericModal = GenericModal;
+//# sourceMappingURL=GenericModal.js.map

package/lib/client/components/components/GenericModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericModal.js","sourceRoot":"","sources":["../../../../src/client/components/components/GenericModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,2DAAwD;AAExD,4CAAsD;AAQ/C,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAoB,EAAE,EAAE;IACjG,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAO,CAAC,CAAC;IAC1C,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC;IACtB,OAAO,CACN,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,IAAA,kBAAU,EAAC,IAAA,cAAM,GAAE,EAAE,IAAA,cAAM,EAAC,YAAY,CAAC,EAAE,SAAS,CAAC;QACxG,oBAAC,KAAK,CAAC,MAAM,IAAC,WAAW,EAAE,IAAI;YAC9B,gCAAK,MAAM,CAAM,CACH;QACf,oBAAC,KAAK,CAAC,IAAI;YACV,6BAAK,GAAG,EAAE,OAAO,IACd,QAAQ,CACL,CACM,CACN,CACR,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,YAAY,gBAevB"}

package/lib/client/components/components/Help.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Help: (props: any) => JSX.Element;

package/lib/client/components/components/Help.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.Help = void 0;
+const React = __importStar(require("react"));
+const Context_1 = require("../Context");
+const ReactContext_1 = __importDefault(require("@luomus/laji-form/lib/ReactContext"));
+const components_1 = require("@luomus/laji-form/lib/components/components");
+const Help = (props) => {
+    const context = React.useContext(Context_1.Context);
+    return (React.createElement("div", { className: "laji-form", style: { display: "initial" } },
+        React.createElement(ReactContext_1.default.Provider, { value: context },
+            React.createElement(components_1.Help, Object.assign({}, props)))));
+};
+exports.Help = Help;
+//# sourceMappingURL=Help.js.map

package/lib/client/components/components/Help.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.js","sourceRoot":"","sources":["../../../../src/client/components/components/Help.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,2DAAwD;AACxD,sFAAiE;AACjE,4EAA6E;AAEtE,MAAM,IAAI,GAAG,CAAC,KAAU,EAAE,EAAE;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAO,CAAC,CAAC;IAC1C,OAAO,CACN,6BAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC;QACrD,oBAAC,sBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;YACvC,oBAAC,iBAAM,oBAAM,KAAK,EAAI,CACI,CACtB,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,IAAI,QASf"}

package/lib/client/components/components/JSONEditor.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { Classable, Stylable } from "./";
+import { JSON } from "../../../model";
+export type JSONEditorProps<T extends JSON | undefined> = {
+    value?: T;
+    onChange?: ((value?: T) => void) | React.Dispatch<React.SetStateAction<T | undefined>>;
+    validator: (value?: JSON) => value is T;
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
+    resizable?: boolean;
+    onValidChange?: (valid: boolean) => void;
+    live?: boolean;
+} & Classable & Stylable;
+export declare const JSONEditor: React.ForwardRefExoticComponent<{
+    value?: JSON | undefined;
+    onChange?: React.Dispatch<React.SetStateAction<JSON | undefined>> | ((value?: JSON | undefined) => void) | undefined;
+    validator: (value?: JSON) => value is JSON | undefined;
+    rows?: number | undefined;
+    minRows?: number | undefined;
+    maxRows?: number | undefined;
+    resizable?: boolean | undefined;
+    onValidChange?: ((valid: boolean) => void) | undefined;
+    live?: boolean | undefined;
+} & Classable & Stylable & React.RefAttributes<HTMLTextAreaElement>>;
+export type SubmittableJSONEditorProps<T extends JSON | undefined> = Pick<JSONEditorProps<T>, "value" | "validator" | "onChange"> & {
+    onSubmit: (value: T) => void;
+    onSubmitDraft?: (value: T) => void;
+    submitLabel?: string;
+} & Classable;
+export declare function SubmittableJSONEditor<T extends JSON>({ value, onSubmit, validator, onSubmitDraft, onChange, className, submitLabel }: SubmittableJSONEditorProps<T>): JSX.Element;
+export declare const AnyJSONEditor: (props: Omit<JSONEditorProps<JSON>, "validator">) => JSX.Element;

package/lib/client/components/components/JSONEditor.js

@@ -0,0 +1,113 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.AnyJSONEditor = exports.SubmittableJSONEditor = exports.JSONEditor = void 0;
+const React = __importStar(require("react"));
+const Context_1 = require("../Context");
+const components_1 = require("./");
+const utils_1 = require("../../utils");
+const getMinMaxed = (val, min, max) => {
+    if (min) {
+        val = Math.max(val, min);
+    }
+    if (max) {
+        val = Math.min(val, max);
+    }
+    return val;
+};
+exports.JSONEditor = React.forwardRef(function JSONEditor({ value, onChange, rows, minRows, maxRows, resizable = true, onValidChange, live, className, style = {}, validator }, ref) {
+    var _a;
+    const stringValue = (_a = JSON.stringify(value, undefined, 2)) !== null && _a !== void 0 ? _a : "";
+    const [tmpValue, setTmpValue] = React.useState(stringValue);
+    const [validValue, setValidValue] = React.useState(value);
+    const [valid, setValid] = React.useState(true);
+    const [touched, setTouched] = React.useState(false);
+    React.useEffect(() => {
+        if (tmpValue === "" || tmpValue === undefined) {
+            const valid = validator(undefined);
+            setValid(valid);
+            valid && setValidValue(undefined);
+            return;
+        }
+        try {
+            const parsed = JSON.parse(tmpValue);
+            const valid = validator(JSON.parse(tmpValue));
+            valid && setValidValue(parsed);
+            setValid(valid);
+        }
+        catch (e) {
+            setValid(false);
+        }
+    }, [tmpValue, validator, setValid]);
+    const tryOnChange = React.useCallback(() => {
+        if (!valid) {
+            return;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(validValue);
+    }, [valid, validValue, onChange]);
+    React.useEffect(() => setTmpValue(stringValue), [stringValue]);
+    React.useEffect(() => {
+        touched && live && tryOnChange();
+    }, [touched, live, validValue, tryOnChange]);
+    React.useEffect(() => onValidChange === null || onValidChange === void 0 ? void 0 : onValidChange(valid), [valid, onValidChange]);
+    const onTextareChange = React.useCallback((e) => {
+        setTouched(true);
+        setTmpValue(e.target.value);
+    }, []);
+    const onBlur = React.useCallback(() => {
+        if (!touched) {
+            return;
+        }
+        tryOnChange();
+    }, [touched, tryOnChange]);
+    const _rows = getMinMaxed(rows === undefined
+        ? (tmpValue !== null && tmpValue !== void 0 ? tmpValue : "").split("\n").length
+        : rows, minRows, maxRows);
+    const editorNmspc = (0, utils_1.nmspc)("json-editor");
+    return (React.createElement("textarea", { className: (0, utils_1.classNames)("form-control", editorNmspc(), !valid && editorNmspc("invalid"), className), onBlur: onBlur, rows: _rows, style: Object.assign(Object.assign({}, style), { width: "100%", resize: resizable ? "vertical" : "none" }), onChange: onTextareChange, value: tmpValue, ref: ref }));
+});
+function SubmittableJSONEditor({ value, onSubmit, validator, onSubmitDraft, onChange, className, submitLabel }) {
+    const { translations } = React.useContext(Context_1.Context);
+    const [json, _setJSON] = React.useState(value);
+    const setJSON = React.useCallback((json) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(json);
+        _setJSON(json);
+    }, [onChange, _setJSON]);
+    const [valid, setValid] = React.useState(false);
+    const onClickSubmit = React.useCallback(() => onSubmit(json), [json, onSubmit]);
+    const onClickSubmitDraft = React.useCallback(() => onSubmitDraft === null || onSubmitDraft === void 0 ? void 0 : onSubmitDraft(json), [json, onSubmitDraft]);
+    // Focus on mount.
+    const ref = React.useRef(null);
+    React.useEffect(() => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
+    return (React.createElement("div", { className: className },
+        React.createElement(exports.JSONEditor, { value: json, validator: validator, onChange: setJSON, onValidChange: setValid, live: true, ref: ref, style: { height: "80vh" } }),
+        React.createElement(components_1.Button, { onClick: onClickSubmit, variant: "primary", disabled: json === undefined || !valid }, submitLabel || "OK"),
+        onSubmitDraft && (React.createElement(components_1.Button, { onClick: onClickSubmitDraft, disabled: json === undefined || !valid, variant: "default", className: `${className ? className + "-" : utils_1.CSS_NAMESPACE}preview-btn` }, translations["wizard.option.json.import.draft"]))));
+}
+exports.SubmittableJSONEditor = SubmittableJSONEditor;
+const bypassValidator = (v) => true;
+const AnyJSONEditor = (props) => React.createElement(exports.JSONEditor, Object.assign({}, props, { validator: bypassValidator }));
+exports.AnyJSONEditor = AnyJSONEditor;
+//# sourceMappingURL=JSONEditor.js.map

package/lib/client/components/components/JSONEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSONEditor.js","sourceRoot":"","sources":["../../../../src/client/components/components/JSONEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,2DAAwD;AACxD,iEAA+E;AAC/E,4CAAoE;AAGpE,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,GAAY,EAAE,GAAY,EAAE,EAAE;IAC/D,IAAI,GAAG,EAAE;QACR,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;KACzB;IACD,IAAI,GAAG,EAAE;QACR,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;KACzB;IACD,OAAO,GAAG,CAAC;AACZ,CAAC,CAAC;AAcW,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,UAAU,CAC7D,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAC7F,EACpB,GAAmC;;IACnC,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,mCAAI,EAAE,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,SAAS,EAAE;YAC9C,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;YACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,KAAK,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;YAClC,OAAO;SACP;QACD,IAAI;YACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACpC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC9C,KAAK,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC,CAAC;SAChB;QAAC,OAAO,CAAC,EAAE;YACX,QAAQ,CAAC,KAAK,CAAC,CAAC;SAChB;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,KAAK,EAAE;YACX,OAAO;SACP;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAC/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,OAAO,IAAI,IAAI,IAAI,WAAW,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAEtE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAM,EAAE,EAAE;QACpD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,OAAO,EAAE;YACb,OAAO;SACP;QACD,WAAW,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,MAAM,KAAK,GAAG,WAAW,CACxB,IAAI,KAAK,SAAS;QACjB,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM;QACrC,CAAC,CAAC,IAAI,EACP,OAAO,EACP,OAAO,CACP,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IAEzC,OAAO,CACN,kCACC,SAAS,EAAE,IAAA,kBAAU,EAAC,cAAc,EAAE,WAAW,EAAE,EAAE,CAAC,KAAK,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EACjG,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,EACX,KAAK,kCAAM,KAAK,KAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,KACxE,QAAQ,EAAE,eAAe,EACzB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,GACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAUH,SAAgB,qBAAqB,CACpC,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAgC;IAE5G,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAO,CAAC,CAAC;IACjD,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAChG,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,IAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjH,kBAAkB;IAClB,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EAAE,EAAE,CAAC,CAAC;IAEhD,OAAO,CACN,6BAAK,SAAS,EAAE,SAAS;QACxB,oBAAC,kBAAU,IAAC,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,QAAQ,EACvB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,GAAI;QACvC,oBAAC,mBAAM,IAAC,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,IAAI,KAAK,SAAS,IAAI,CAAC,KAAK,IAC5C,WAAW,IAAI,IAAI,CACZ;QACR,aAAa,IAAI,CACjB,oBAAC,mBAAM,IAAC,OAAO,EAAE,kBAAkB,EAC1B,QAAQ,EAAE,IAAI,KAAK,SAAS,IAAI,CAAC,KAAK,EACtC,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,qBAAa,aAAa,IAC7E,YAAY,CAAC,iCAAiC,CAAC,CACxC,CACT,CACI,CACN,CAAC;AACH,CAAC;AA1CD,sDA0CC;AAED,MAAM,eAAe,GAAG,CAAC,CAAO,EAAa,EAAE,CAAC,IAAI,CAAC;AAE9C,MAAM,aAAa,GAAG,CAAC,KAA+C,EAAE,EAAE,CAChF,oBAAC,kBAAU,oBAAK,KAAK,IAAE,SAAS,EAAE,eAAe,IAAI,CAAC;AAD1C,QAAA,aAAa,iBAC6B"}

package/lib/client/components/components/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+type SearchInputProps = {
+    onChange: (v: string) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    autoFocus?: boolean;
+};
+export declare const SearchInput: ({ onChange, onKeyDown, autoFocus }: SearchInputProps) => JSX.Element;
+export {};

package/lib/client/components/components/SearchInput.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.SearchInput = void 0;
+const React = __importStar(require("react"));
+const Context_1 = require("../Context");
+const utils_1 = require("../../utils");
+const SearchInput = ({ onChange, onKeyDown, autoFocus }) => {
+    const { theme, translations } = React.useContext(Context_1.Context);
+    const { FormControl, Glyphicon } = theme;
+    const [value, setValue] = React.useState("");
+    const onSearchChange = React.useCallback((e) => {
+        const { value } = e.target;
+        setValue(value);
+        onChange(value);
+    }, [setValue, onChange]);
+    return (React.createElement("div", { className: (0, utils_1.gnmspc)("search-input"), onKeyDown: onKeyDown },
+        React.createElement(FormControl, { placeholder: translations["wizard.list.search.placeholder"], autoFocus: autoFocus, onChange: onSearchChange, value: value }),
+        React.createElement(Glyphicon, { glyph: "search" })));
+};
+exports.SearchInput = SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/lib/client/components/components/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/client/components/components/SearchInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,2DAAwD;AACxD,4CAA0C;AAQnC,MAAM,WAAW,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAmB,EAAE,EAAE;IACjF,MAAM,EAAC,KAAK,EAAE,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAO,CAAC,CAAC;IACxD,MAAM,EAAC,WAAW,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QAC9C,MAAM,EAAC,KAAK,EAAC,GAAG,CAAC,CAAC,MAAM,CAAC;QACzB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IACzB,OAAO,CACN,6BAAK,SAAS,EAAE,IAAA,cAAM,EAAC,cAAc,CAAC,EAAE,SAAS,EAAE,SAAS;QAC3D,oBAAC,WAAW,IAAC,WAAW,EAAE,YAAY,CAAC,gCAAgC,CAAC,EAC3D,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,KAAK,GAAI;QAC7B,oBAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,CACvB,CACN,CAAC;AACH,CAAC,CAAC;AAlBW,QAAA,WAAW,eAkBtB"}

package/lib/client/components/components/Spinner.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { Classable, Stylable } from "./";
+export declare const Spinner: React.NamedExoticComponent<{
+    color?: "black" | "white" | undefined;
+    size?: number | undefined;
+} & Classable & Stylable>;

package/lib/client/components/components/Spinner.js

@@ -0,0 +1,36 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.Spinner = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../../utils");
+const react_spinner_1 = __importDefault(require("react-spinner"));
+exports.Spinner = React.memo(function Spinner({ color = "black", size = 32, className, style = {} }) {
+    return (React.createElement(react_spinner_1.default, { style: size ? Object.assign({ width: size, height: size }, style) : style, className: (0, utils_1.classNames)((0, utils_1.gnmspc)("spinner-container"), (0, utils_1.gnmspc)(color === "black" ? "spinner-black" : ""), className) }));
+});
+//# sourceMappingURL=Spinner.js.map

package/lib/client/components/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/client/components/components/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4CAAsD;AACtD,kEAAqC;AAExB,QAAA,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,OAAO,CACjD,EAAC,KAAK,GAAG,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EACiB;IACnE,OAAO,CACN,oBAAC,uBAAQ,IACR,KAAK,EAAE,IAAI,CAAC,CAAC,iBAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,EAAE,CAAC,CAAC,KAAK,EAC3D,SAAS,EAAE,IAAA,kBAAU,EACpB,IAAA,cAAM,EAAC,mBAAmB,CAAC,EAC3B,IAAA,cAAM,EAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,SAAS,CAAC,GACV,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}

package/lib/client/components/components/Tooltip.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { HasChildren } from "./";
+export declare const Tooltip: ({ children, tooltip, placement, id }: {
+    tooltip: string;
+    placement?: string | undefined;
+    id: string;
+} & HasChildren) => JSX.Element;