@openremote/or-json-forms 1.8.0-snapshot.20250725120001 → 1.8.0-snapshot.20250725123024

package/lib/controls/control-input-element.js

@@ -1,158 +1,21 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
-import { css, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { ControlBaseElement } from "./control-base-element";
-import { baseStyle } from "../styles";
-import { isBooleanControl, isEnumControl, isIntegerControl, isNumberControl, isOneOfEnumControl, isStringControl } from "@jsonforms/core";
-import { isEnumArray } from "../standard-renderers";
-// language=CSS
-const style = css `
-    or-mwc-input {
-        width: 100%;
-    }
-`;
-let ControlInputElement = class ControlInputElement extends ControlBaseElement {
-    static get styles() {
-        return [
-            baseStyle,
-            style
-        ];
+var __decorate=this&&this.__decorate||function(t,e,i,n){var r,o=arguments.length,s=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o<3?r(s):o>3?r(e,i,s):r(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};import{InputType as t}from"@openremote/or-mwc-components/or-mwc-input";import{css as e,html as i}from"lit";import{customElement as n}from"lit/decorators.js";import{ControlBaseElement as r}from"./control-base-element";import{baseStyle as o}from"../styles";import{isBooleanControl as s,isEnumControl as a,isIntegerControl as p,isNumberControl as m,isOneOfEnumControl as l,isStringControl as h}from"@jsonforms/core";import{isEnumArray as u}from"../standard-renderers";let style=e`
+    or-mwc-input {
+        width: 100%;
     }
-    render() {
-        var _a;
-        const uischema = this.uischema;
-        const schema = this.schema;
-        const format = this.schema.format;
-        const context = { rootSchema: this.rootSchema, config: this.config };
-        this.inputType = InputType.TEXT;
-        let step;
-        let min;
-        let minLength;
-        let max;
-        let maxLength;
-        let pattern;
-        let options;
-        let multiple = false;
-        let value = (_a = this.data) !== null && _a !== void 0 ? _a : schema.default;
-        if (Array.isArray(schema.type)) {
-            this.inputType = InputType.JSON;
-        }
-        else if (isBooleanControl(uischema, schema, context)) {
-            this.inputType = InputType.CHECKBOX;
-        }
-        else if (isNumberControl(uischema, schema, context) || isIntegerControl(uischema, schema, context)) {
-            step = isNumberControl(uischema, schema, context) ? 0.1 : 1;
-            this.inputType = InputType.NUMBER;
-            min = schema.minimum;
-            max = schema.maximum;
-            step = schema.multipleOf || step;
-            if (min !== undefined && max !== undefined && format === "or-range") {
-                // Limit to 200 graduations
-                if ((max - min) / step <= 200) {
-                    this.inputType = InputType.RANGE;
-                }
-            }
-        }
-        else if (isEnumControl(uischema, schema, context)
-            || isOneOfEnumControl(uischema, schema, context)
-            || isEnumArray(uischema, schema, context)) {
-            this.inputType = InputType.SELECT;
-            if (isEnumControl(uischema, schema, context)) {
-                options = schema.enum.map(enm => {
-                    return [JSON.stringify(enm), String(enm)];
-                });
-            }
-            else if (isOneOfEnumControl(uischema, schema, context)) {
-                options = schema.oneOf.map(s => {
-                    return [JSON.stringify(s.const), String(s.const)];
-                });
-            }
-            else {
-                multiple = true;
-                if (schema.items.oneOf) {
-                    options = schema.items.oneOf.map(s => {
-                        return [JSON.stringify(s.const), String(s.const)];
-                    });
-                }
-                else {
-                    options = schema.items.enum.map(enm => {
-                        return [JSON.stringify(enm), String(enm)];
-                    });
-                }
-            }
-            if (multiple) {
-                value = Array.isArray(value) ? value.map(v => JSON.stringify(v)) : value !== undefined ? [JSON.stringify(value)] : undefined;
-            }
-            else {
-                value = value !== undefined ? JSON.stringify(value) : undefined;
-            }
-        }
-        else if (isStringControl(uischema, schema, context)) {
-            minLength = schema.minLength;
-            maxLength = schema.maxLength;
-            pattern = schema.pattern;
-            if (format === "date-time") {
-                this.inputType = InputType.DATETIME;
-            }
-            else if (format === "date") {
-                this.inputType = InputType.DATE;
-            }
-            else if (format === "time") {
-                this.inputType = InputType.TIME;
-            }
-            else if (format === "email") {
-                this.inputType = InputType.EMAIL;
-            }
-            else if (format === "tel") {
-                this.inputType = InputType.TELEPHONE;
-            }
-            else if (format === "or-multiline") {
-                this.inputType = InputType.TEXTAREA;
-            }
-            else if (format === "or-password" || schema.writeOnly) {
-                this.inputType = InputType.PASSWORD;
-            }
-        }
-        return html `<or-mwc-input
-                .label="${this.label}"
-                .type="${this.inputType}"
-                .disabled="${!this.enabled}"
-                .required="${!!this.required}"
-                .id="${this.id}"
-                .options="${options}"
-                .multiple="${multiple}"
-                @or-mwc-input-changed="${(e) => this.onValueChanged(e)}"
-                .maxLength="${maxLength}"
-                .minLength="${minLength}"
-                .pattern="${pattern}"
-                .validationMessage="${this.errors}"
-                .step="${step}"
-                .max="${max}"
-                .min="${min}"
-                .value="${value}"></or-mwc-input>`;
-    }
-    onValueChanged(e) {
-        if (this.inputType === InputType.SELECT) {
-            if (Array.isArray(e.detail.value)) {
-                this.handleChange(this.path, e.detail.value.map((v) => JSON.parse(v)));
-            }
-            else {
-                this.handleChange(this.path, JSON.parse(e.detail.value));
-            }
-        }
-        else {
-            this.handleChange(this.path, e.detail.value);
-        }
-    }
-};
-ControlInputElement = __decorate([
-    customElement("or-json-forms-input-control")
-], ControlInputElement);
-export { ControlInputElement };
-//# sourceMappingURL=control-input-element.js.map
+`,ControlInputElement=class extends r{static get styles(){return[o,style]}render(){var e;let n,r,o,d,c,y,f,g=this.uischema,T=this.schema,E=this.schema.format,O={rootSchema:this.rootSchema,config:this.config};this.inputType=t.TEXT;let S=!1,v=null!=(e=this.data)?e:T.default;return Array.isArray(T.type)?this.inputType=t.JSON:s(g,T,O)?this.inputType=t.CHECKBOX:m(g,T,O)||p(g,T,O)?(n=m(g,T,O)?.1:1,this.inputType=t.NUMBER,r=T.minimum,d=T.maximum,n=T.multipleOf||n,void 0!==r&&void 0!==d&&"or-range"===E&&(d-r)/n<=200&&(this.inputType=t.RANGE)):a(g,T,O)||l(g,T,O)||u(g,T,O)?(this.inputType=t.SELECT,a(g,T,O)?f=T.enum.map(t=>[JSON.stringify(t),String(t)]):l(g,T,O)?f=T.oneOf.map(t=>[JSON.stringify(t.const),String(t.const)]):(S=!0,f=T.items.oneOf?T.items.oneOf.map(t=>[JSON.stringify(t.const),String(t.const)]):T.items.enum.map(t=>[JSON.stringify(t),String(t)])),v=S?Array.isArray(v)?v.map(t=>JSON.stringify(t)):void 0!==v?[JSON.stringify(v)]:void 0:void 0!==v?JSON.stringify(v):void 0):h(g,T,O)&&(o=T.minLength,c=T.maxLength,y=T.pattern,"date-time"===E?this.inputType=t.DATETIME:"date"===E?this.inputType=t.DATE:"time"===E?this.inputType=t.TIME:"email"===E?this.inputType=t.EMAIL:"tel"===E?this.inputType=t.TELEPHONE:"or-multiline"===E?this.inputType=t.TEXTAREA:("or-password"===E||T.writeOnly)&&(this.inputType=t.PASSWORD)),i`<or-mwc-input
+                .label="${this.label}"
+                .type="${this.inputType}"
+                .disabled="${!this.enabled}"
+                .required="${!!this.required}"
+                .id="${this.id}"
+                .options="${f}"
+                .multiple="${S}"
+                @or-mwc-input-changed="${t=>this.onValueChanged(t)}"
+                .maxLength="${c}"
+                .minLength="${o}"
+                .pattern="${y}"
+                .validationMessage="${this.errors}"
+                .step="${n}"
+                .max="${d}"
+                .min="${r}"
+                .value="${v}"></or-mwc-input>`}onValueChanged(e){this.inputType===t.SELECT?Array.isArray(e.detail.value)?this.handleChange(this.path,e.detail.value.map(t=>JSON.parse(t))):this.handleChange(this.path,JSON.parse(e.detail.value)):this.handleChange(this.path,e.detail.value)}};ControlInputElement=__decorate([n("or-json-forms-input-control")],ControlInputElement);export{ControlInputElement};

package/lib/index.js

@@ -1,143 +1,9 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, html, LitElement } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { Actions, configReducer, coreReducer, createAjv, generateDefaultUISchema, generateJsonSchema, mapStateToJsonFormsRendererProps, setConfig } from "@jsonforms/core";
-import { getTemplateWrapper, StandardRenderers } from "./standard-renderers";
-import { getLabel, getTemplateFromProps } from "./util";
-import { baseStyle } from "./styles";
-import { Util } from "@openremote/core";
-export { StandardRenderers, getTemplateWrapper };
-// language=CSS
-const styles = css `
-    .delete-container {
-        width: 0;
-    }
-
-    .item-container {
-        margin: 0; /* Remove inherited margin */
-    }
-`;
-let OrJSONForms = class OrJSONForms extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.renderers = StandardRenderers;
-        this.readonly = false;
-        this.required = false;
-        this.previousErrors = [];
+var __decorate=this&&this.__decorate||function(e,t,r,o){var s,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var h=e.length-1;h>=0;h--)(s=e[h])&&(a=(i<3?s(a):i>3?s(t,r,a):s(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a};import{css as e,html as t,LitElement as r}from"lit";import{customElement as o,property as s,state as i}from"lit/decorators.js";import{Actions as a,configReducer as h,coreReducer as c,createAjv as d,generateDefaultUISchema as n,generateJsonSchema as p,mapStateToJsonFormsRendererProps as m,setConfig as l}from"@jsonforms/core";import{getTemplateWrapper as u,StandardRenderers as O}from"./standard-renderers";import{getLabel as y,getTemplateFromProps as _}from"./util";import{baseStyle as f}from"./styles";import{Util as v}from"@openremote/core";let styles=e`
+    .delete-container {
+        width: 0;
     }
-    static get styles() {
-        return [
-            baseStyle,
-            styles
-        ];
+
+    .item-container {
+        margin: 0; /* Remove inherited margin */
     }
-    checkValidity() {
-        return this.previousErrors.length === 0;
-    }
-    shouldUpdate(_changedProperties) {
-        super.shouldUpdate(_changedProperties);
-        if (!this.schema) {
-            this.schema = this.data !== undefined ? generateJsonSchema(this.data) : {};
-        }
-        if (!this.uischema) {
-            this.uischema = generateDefaultUISchema(this.schema);
-        }
-        if (!this.core) {
-            this.core = {
-                ajv: createAjv({ useDefaults: true, validateFormats: false }),
-                data: {},
-                schema: this.schema,
-                uischema: this.uischema
-            };
-            this.updateCore(Actions.init(this.data, this.schema, this.uischema));
-            this.config = configReducer(undefined, setConfig(this.config));
-        }
-        if (_changedProperties.has("data") || _changedProperties.has("schema") || _changedProperties.has("uischema")) {
-            this.updateCore(Actions.updateCore(this.data, this.schema, this.uischema));
-        }
-        if (!this.contextValue || _changedProperties.has("core") || _changedProperties.has("renderers") || _changedProperties.has("cells") || _changedProperties.has("config") || _changedProperties.has("readonly")) {
-            this.contextValue = {
-                core: this.core,
-                renderers: this.renderers,
-                cells: this.cells,
-                config: this.config,
-                uischemas: this.uischemas,
-                readonly: this.readonly,
-                dispatch: (action) => this.updateCore(action)
-            };
-        }
-        if (_changedProperties.has("core")) {
-            const data = this.core.data;
-            const errors = this.core.errors;
-            if (this.onChange && (!Util.objectsEqual(data, this.previousData, true) || (errors && !Util.objectsEqual(errors, this.previousErrors, true)))) {
-                this.previousErrors = errors || [];
-                this.previousData = data;
-                this.onChange({ data: data, errors: errors });
-            }
-        }
-        return true;
-    }
-    updateCore(coreAction) {
-        const coreState = coreReducer(this.core, coreAction);
-        if (coreState !== this.core) {
-            this.core = coreState;
-        }
-        return coreAction;
-    }
-    render() {
-        if (!this.contextValue) {
-            return html ``;
-        }
-        const props = Object.assign(Object.assign({}, mapStateToJsonFormsRendererProps({ jsonforms: Object.assign({}, this.contextValue) }, this)), { label: getLabel(this.schema, this.uischema, this.label, undefined) || "", required: this.required });
-        return getTemplateFromProps(this.contextValue, props) || html ``;
-    }
-};
-__decorate([
-    property({ type: Object })
-], OrJSONForms.prototype, "uischema", void 0);
-__decorate([
-    property({ type: Object })
-], OrJSONForms.prototype, "schema", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], OrJSONForms.prototype, "data", void 0);
-__decorate([
-    property({ type: Array })
-], OrJSONForms.prototype, "renderers", void 0);
-__decorate([
-    property({ type: Array })
-], OrJSONForms.prototype, "cells", void 0);
-__decorate([
-    property({ type: String, attribute: false })
-], OrJSONForms.prototype, "onChange", void 0);
-__decorate([
-    property({ type: String, attribute: false })
-], OrJSONForms.prototype, "config", void 0);
-__decorate([
-    property({ type: Array })
-], OrJSONForms.prototype, "uischemas", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrJSONForms.prototype, "readonly", void 0);
-__decorate([
-    property({ type: String })
-], OrJSONForms.prototype, "label", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrJSONForms.prototype, "required", void 0);
-__decorate([
-    state()
-], OrJSONForms.prototype, "core", void 0);
-__decorate([
-    state()
-], OrJSONForms.prototype, "contextValue", void 0);
-OrJSONForms = __decorate([
-    customElement("or-json-forms")
-], OrJSONForms);
-export { OrJSONForms };
-//# sourceMappingURL=index.js.map
+`,OrJSONForms=class extends r{constructor(){super(...arguments),this.renderers=O,this.readonly=!1,this.required=!1,this.previousErrors=[]}static get styles(){return[f,styles]}checkValidity(){return 0===this.previousErrors.length}shouldUpdate(e){if(super.shouldUpdate(e),this.schema||(this.schema=void 0!==this.data?p(this.data):{}),this.uischema||(this.uischema=n(this.schema)),this.core||(this.core={ajv:d({useDefaults:!0,validateFormats:!1}),data:{},schema:this.schema,uischema:this.uischema},this.updateCore(a.init(this.data,this.schema,this.uischema)),this.config=h(void 0,l(this.config))),(e.has("data")||e.has("schema")||e.has("uischema"))&&this.updateCore(a.updateCore(this.data,this.schema,this.uischema)),(!this.contextValue||e.has("core")||e.has("renderers")||e.has("cells")||e.has("config")||e.has("readonly"))&&(this.contextValue={core:this.core,renderers:this.renderers,cells:this.cells,config:this.config,uischemas:this.uischemas,readonly:this.readonly,dispatch:e=>this.updateCore(e)}),e.has("core")){let e=this.core.data,t=this.core.errors;this.onChange&&(!v.objectsEqual(e,this.previousData,!0)||t&&!v.objectsEqual(t,this.previousErrors,!0))&&(this.previousErrors=t||[],this.previousData=e,this.onChange({data:e,errors:t}))}return!0}updateCore(e){let t=c(this.core,e);return t!==this.core&&(this.core=t),e}render(){if(!this.contextValue)return t``;let e=Object.assign(Object.assign({},m({jsonforms:Object.assign({},this.contextValue)},this)),{label:y(this.schema,this.uischema,this.label,void 0)||"",required:this.required});return _(this.contextValue,e)||t``}};__decorate([s({type:Object})],OrJSONForms.prototype,"uischema",void 0),__decorate([s({type:Object})],OrJSONForms.prototype,"schema",void 0),__decorate([s({type:Object,attribute:!1})],OrJSONForms.prototype,"data",void 0),__decorate([s({type:Array})],OrJSONForms.prototype,"renderers",void 0),__decorate([s({type:Array})],OrJSONForms.prototype,"cells",void 0),__decorate([s({type:String,attribute:!1})],OrJSONForms.prototype,"onChange",void 0),__decorate([s({type:String,attribute:!1})],OrJSONForms.prototype,"config",void 0),__decorate([s({type:Array})],OrJSONForms.prototype,"uischemas",void 0),__decorate([s({type:Boolean})],OrJSONForms.prototype,"readonly",void 0),__decorate([s({type:String})],OrJSONForms.prototype,"label",void 0),__decorate([s({type:Boolean})],OrJSONForms.prototype,"required",void 0),__decorate([i()],OrJSONForms.prototype,"core",void 0),__decorate([i()],OrJSONForms.prototype,"contextValue",void 0),OrJSONForms=__decorate([o("or-json-forms")],OrJSONForms);export{O as StandardRenderers,u as getTemplateWrapper,OrJSONForms};

package/lib/layouts/layout-base-element.js

@@ -1,29 +1 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { property } from "lit/decorators.js";
-import { BaseElement } from "../base-element";
-export class LayoutBaseElement extends BaseElement {
-    constructor() {
-        super(...arguments);
-        this.direction = "column";
-    }
-    getChildProps() {
-        return (this.uischema && this.uischema.elements ? this.uischema.elements : []).map((el) => {
-            const props = {
-                renderers: this.renderers,
-                uischema: el,
-                schema: this.schema,
-                path: this.path
-            };
-            return props;
-        });
-    }
-}
-__decorate([
-    property({ type: String })
-], LayoutBaseElement.prototype, "direction", void 0);
-//# sourceMappingURL=layout-base-element.js.map
+var __decorate=this&&this.__decorate||function(e,t,r,o){var s,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(c=(i<3?s(c):i>3?s(t,r,c):s(t,r))||c);return i>3&&c&&Object.defineProperty(t,r,c),c};import{property as e}from"lit/decorators.js";import{BaseElement as t}from"../base-element";export class LayoutBaseElement extends t{constructor(){super(...arguments),this.direction="column"}getChildProps(){return(this.uischema&&this.uischema.elements?this.uischema.elements:[]).map(e=>({renderers:this.renderers,uischema:e,schema:this.schema,path:this.path}))}}__decorate([e({type:String})],LayoutBaseElement.prototype,"direction",void 0);