@genesislcap/foundation-forms 9.0.1-alpha-b5c5eb7.0

package/dist/esm/form.js

@@ -0,0 +1,166 @@
+import { __awaiter, __decorate } from "tslib";
+import { Connect } from '@genesislcap/foundation-comms';
+import { attr, customElement, observable } from '@microsoft/fast-element';
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { foundationFormStyles as styles } from './form.styles';
+import { foundationFormTemplate as template } from './form.template';
+import { createLogger } from '@genesislcap/foundation-utils';
+import { isControl, isStringControl, mapStateToControlProps, rankWith, } from '@jsonforms/core';
+import { BooleanControlEntry } from './jsonforms/renderers/BooleanControlRenderer';
+import { ConnectedMultiselectControlRendererEntry } from './jsonforms/renderers/ConnectedMultiselectControlRenderer';
+import { ConnectedSelectControlRendererEntry } from './jsonforms/renderers/ConnectedSelectControlRenderer';
+import { DateControlRendererEntry } from './jsonforms/renderers/DateControlRenderer';
+import { EnumControlRendererEntry } from './jsonforms/renderers/EnumControlRenderer';
+import { LayoutRendererEntry } from './jsonforms/renderers/LayoutRenderer';
+import { LayoutVertical2ColumnsEntry } from './jsonforms/renderers/LayoutVertical2ColumnsRenderer';
+import { NumberControlRendererEntry } from './jsonforms/renderers/NumberControlRenderer';
+import { StringControlRendererTemplate } from './jsonforms/renderers/StringControlRenderer';
+export const logger = createLogger('foundation-form');
+const stringEntry = {
+    renderer: StringControlRendererTemplate,
+    tester: rankWith(2, isStringControl),
+    mapper: mapStateToControlProps,
+};
+const fallbackEntry = {
+    renderer: StringControlRendererTemplate,
+    tester: rankWith(1, isControl),
+    mapper: mapStateToControlProps,
+};
+const renderers = [
+    fallbackEntry,
+    stringEntry,
+    BooleanControlEntry,
+    LayoutVertical2ColumnsEntry,
+    LayoutRendererEntry,
+    NumberControlRendererEntry,
+    ConnectedMultiselectControlRendererEntry,
+    EnumControlRendererEntry,
+    ConnectedSelectControlRendererEntry,
+    DateControlRendererEntry,
+];
+/**
+ * Foundation form component for automatically generated forms based on json schema
+ * obtained from the api, supplied initial data or supplied JSON schema.
+ * Allowing customisable form elements using UI schema and set of custom renderers
+ * @beta
+ */
+let Form = class Form extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Allows to provide set of renderers used by the form. If not provided it will default to text-field inputs
+         * @public
+         */
+        this.renderers = renderers;
+        this.errors = [];
+        /**
+         * Initial data for the form
+         * @public
+         */
+        this.data = {};
+    }
+    resourceNameChanged() {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.resourceName) {
+                const jsonSchemaResponse = yield this.connect.getJSONSchema(this.resourceName);
+                this.jsonSchema = (_b = (_a = jsonSchemaResponse === null || jsonSchemaResponse === void 0 ? void 0 : jsonSchemaResponse.INBOUND) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.DETAILS;
+            }
+            this.removeDataProperties();
+        });
+    }
+    removeDataProperties() {
+        if (!this.jsonSchema || !this.data) {
+            return;
+        }
+        // removes data provided to the form that isn't part of the schema
+        const properties = Object.keys(this.jsonSchema.properties);
+        Object.keys(this.data).forEach((key) => {
+            if (!properties.includes(key)) {
+                delete this.data[key];
+                logger.debug('Removing key ', key, 'from provided data because it is not part of the payload');
+            }
+        });
+    }
+    /**
+     * @internal
+     */
+    _submit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const payload = Object.assign({}, this.data);
+            this.submissionErrors = '';
+            this.submitted = true;
+            logger.debug({ payload, errors: this.errors });
+            this.$emit('submit', { payload, errors: this.errors });
+            if (Object.entries(payload).length !== 0 && !this.errors.length && this.resourceName) {
+                this.submitting = true;
+                const formSubmitReq = yield this.connect.commitEvent(this.resourceName, { DETAILS: payload });
+                this.submitting = false;
+                if (formSubmitReq.ERROR) {
+                    this.$emit('submit-failure', { payload, errors: formSubmitReq.ERROR });
+                    this.submissionErrors = formSubmitReq.ERROR.map((x) => x.CODE + ': ' + x.TEXT).toString();
+                }
+                else {
+                    this.$emit('submit-success', { payload });
+                }
+            }
+        });
+    }
+    /**
+     * @internal
+     */
+    onChange(event) {
+        logger.debug({ event });
+        if (event.detail) {
+            this.data = event.detail.data;
+            this.errors = event.detail.errors;
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.submitted = false;
+        this.submissionErrors = '';
+        this.jsonSchema = undefined;
+        this.resourceName = undefined;
+        this.data = {};
+    }
+};
+__decorate([
+    attr
+], Form.prototype, "resourceName", void 0);
+__decorate([
+    observable
+], Form.prototype, "uischema", void 0);
+__decorate([
+    observable
+], Form.prototype, "renderers", void 0);
+__decorate([
+    observable
+], Form.prototype, "jsonSchema", void 0);
+__decorate([
+    Connect
+], Form.prototype, "connect", void 0);
+__decorate([
+    observable
+], Form.prototype, "data", void 0);
+__decorate([
+    observable
+], Form.prototype, "submitting", void 0);
+__decorate([
+    observable
+], Form.prototype, "submitted", void 0);
+__decorate([
+    observable
+], Form.prototype, "submissionErrors", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], Form.prototype, "readonly", void 0);
+Form = __decorate([
+    customElement({
+        name: 'foundation-form',
+        template,
+        styles,
+    })
+], Form);
+export { Form };
+//# sourceMappingURL=form.js.map

package/dist/esm/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,sBAAsB,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EACL,SAAS,EACT,eAAe,EACf,sBAAsB,EACtB,QAAQ,GAET,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,wCAAwC,EAAE,MAAM,2DAA2D,CAAC;AACrH,OAAO,EAAE,mCAAmC,EAAE,MAAM,sDAAsD,CAAC;AAC3G,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAC;AACnG,OAAO,EAAE,0BAA0B,EAAE,MAAM,6CAA6C,CAAC;AACzF,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAG5F,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;AAEtD,MAAM,WAAW,GAAQ;IACvB,QAAQ,EAAE,6BAA6B;IACvC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAAE,eAAe,CAAC;IACpC,MAAM,EAAE,sBAAsB;CAC/B,CAAC;AAEF,MAAM,aAAa,GAAQ;IACzB,QAAQ,EAAE,6BAA6B;IACvC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC;IAC9B,MAAM,EAAE,sBAAsB;CAC/B,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,aAAa;IACb,WAAW;IACX,mBAAmB;IACnB,2BAA2B;IAC3B,mBAAmB;IACnB,0BAA0B;IAC1B,wCAAwC;IACxC,wBAAwB;IACxB,mCAAmC;IACnC,wBAAwB;CACzB,CAAC;AACF;;;;;GAKG;AAOI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,iBAAiB;IAApC;;QAyEL;;;WAGG;QACS,cAAS,GAAoB,SAAS,CAAC;QAU3C,WAAM,GAAU,EAAE,CAAC;QAE3B;;;WAGG;QACS,SAAI,GAAG,EAAE,CAAC;IA4DxB,CAAC;IAlJe,mBAAmB;;;YAC/B,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;gBAC/E,IAAI,CAAC,UAAU,GAAG,MAAA,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,0CAAE,UAAU,0CAAE,OAAsB,CAAC;aACnF;YAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;;KAC7B;IAEO,oBAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAClC,OAAO;SACR;QACD,kEAAkE;QAClE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QAC3D,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACrC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBAC7B,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACtB,MAAM,CAAC,KAAK,CACV,eAAe,EACf,GAAG,EACH,0DAA0D,CAC3D,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IA8ED;;OAEG;IACG,OAAO;;YACX,MAAM,OAAO,qBAAQ,IAAI,CAAC,IAAI,CAAE,CAAC;YACjC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAEtB,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YACvD,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,EAAE;gBACpF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;gBAC9F,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,aAAa,CAAC,KAAK,EAAE;oBACvB,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC;oBACvE,IAAI,CAAC,gBAAgB,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;iBAC3F;qBAAM;oBACL,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;iBAC3C;aACF;QACH,CAAC;KAAA;IAED;;OAEG;IACH,QAAQ,CAAC,KAAkB;QACzB,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACxB,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;YAC9B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;SACnC;IACH,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;CACF,CAAA;AAnJO;IAAL,IAAI;0CAAsB;AAkEf;IAAX,UAAU;sCAA2B;AAK1B;IAAX,UAAU;uCAAwC;AAQvC;IAAX,UAAU;wCAAyB;AAG3B;IAAR,OAAO;qCAA2B;AAKvB;IAAX,UAAU;kCAAW;AAKV;IAAX,UAAU;wCAAqB;AAIpB;IAAX,UAAU;uCAAoB;AAInB;IAAX,UAAU;8CAA0B;AAEV;IAA1B,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;sCAAmB;AA5GlC,IAAI;IALhB,aAAa,CAAC;QACb,IAAI,EAAE,iBAAiB;QACvB,QAAQ;QACR,MAAM;KACP,CAAC;GACW,IAAI,CAyJhB;SAzJY,IAAI"}

package/dist/esm/form.styles.js

@@ -0,0 +1,62 @@
+import { controlCornerRadius, designUnit, strokeWidth } from '@microsoft/fast-components';
+import { css } from '@microsoft/fast-element';
+import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
+import { SystemColors } from '@microsoft/fast-web-utilities';
+export const foundationFormStyles = css `
+  ${display('block')}
+  :host {
+    border: calc(${strokeWidth} * 1px) solid transparent;
+    margin: 0;
+    border-radius: calc(${controlCornerRadius} * 1px);
+    padding: calc(${designUnit} * 1px);
+    min-width: 64px;
+  }
+
+  .form-controls {
+    display: grid;
+    grid-gap: calc(${designUnit} * 1px);
+    grid-column-gap: calc(${designUnit} * 7px);
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .form-group {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .required::after {
+    content: ' *';
+    color: #f00;
+  }
+
+  .label {
+    font-size: calc(${designUnit} * 1px + 0.7vmin);
+  }
+
+  .actions {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: calc(${designUnit} * 2px);
+  }
+
+  .error {
+    border-bottom: 2px solid red;
+  }
+
+  .errors {
+    color: #f00;
+    font-size: 11px;
+    width: calc(100% - 70px);
+  }
+
+  .submit-button {
+    width: 70px;
+  }
+`.withBehaviors(forcedColorsStylesheetBehavior(css `
+    :host {
+      background: ${SystemColors.Canvas};
+      border-color: ${SystemColors.CanvasText};
+    }
+  `));
+//# sourceMappingURL=form.styles.js.map

package/dist/esm/form.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.styles.js","sourceRoot":"","sources":["../../src/form.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC1F,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;IACnC,OAAO,CAAC,OAAO,CAAC;;mBAED,WAAW;;0BAEJ,mBAAmB;oBACzB,UAAU;;;;;;qBAMT,UAAU;4BACH,UAAU;;;;;;;;;;;;;;;sBAehB,UAAU;;;;;;;oBAOZ,UAAU;;;;;;;;;;;;;;;;CAgB7B,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;oBAEhB,YAAY,CAAC,MAAM;sBACjB,YAAY,CAAC,UAAU;;GAE1C,CAAC,CACH,CAAC"}

package/dist/esm/form.template.js

@@ -0,0 +1,34 @@
+import { html, when } from '@microsoft/fast-element';
+import { JSONForms } from './jsonforms/json-forms';
+import { ControlWrapper } from './jsonforms/renderers/ControlWrapperRenderer';
+import { DispatchRenderer } from './jsonforms/renderers/dispatch-renderer';
+JSONForms;
+ControlWrapper;
+DispatchRenderer;
+export const foundationFormTemplate = html `
+  <template>
+    <json-forms
+      ?readonly=${(x) => x.readonly}
+      ?submitted=${(x) => x.submitted}
+      :renderers=${(x) => x.renderers}
+      :uischema=${(x) => x.uischema}
+      :schema=${(x) => x.jsonSchema}
+      :data=${(x) => x.data}
+      @data-change=${(x, c) => x.onChange(c.event)}
+    ></json-forms>
+    ${when((x) => !x.readonly, html `
+        <div class="actions">
+          <div class="errors">${(x) => x.submissionErrors}</div>
+          <fast-button
+            @click="${(x) => x._submit()}"
+            ?disable=${(x) => !x.submitting}
+            class="submit-button"
+            appearance="accent"
+          >
+            Submit
+          </fast-button>
+        </div>
+      `)}
+  </template>
+`;
+//# sourceMappingURL=form.template.js.map

package/dist/esm/form.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.template.js","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,SAAS,CAAC;AACV,cAAc,CAAC;AACf,gBAAgB,CAAC;AAEjB,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAM;;;kBAG9B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;mBAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;mBAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;kBACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU;cACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;qBACN,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAoB,CAAC;;MAE3D,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,EAClB,IAAI,CAAM;;gCAEgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB;;sBAEnC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;uBACjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU;;;;;;;OAOpC,CACF;;CAEJ,CAAC"}

package/dist/esm/index.federated.js

@@ -0,0 +1,2 @@
+import('./index');
+//# sourceMappingURL=index.federated.js.map

package/dist/esm/index.federated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.federated.js","sourceRoot":"","sources":["../../src/index.federated.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,SAAS,CAAC,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from './form';
+export * from './types';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/esm/jsonforms/json-forms.js

@@ -0,0 +1,175 @@
+import { __decorate } from "tslib";
+import { Actions, configReducer, coreReducer, Generate, i18nReducer, } from '@jsonforms/core';
+import { attr, css, customElement, FASTElement, html, observable, when, } from '@microsoft/fast-element';
+import { genesisErrorTranslator } from '../utils/translation';
+const template = html `
+  <template>
+    ${when((x) => x.jsonforms && x.dispatch && x.props, html `
+        <dispatch-renderer
+          :jsonforms=${(x) => x.jsonforms}
+          :dispatch=${(x) => x.dispatch}
+          :props=${(x) => x.props}
+          ?submitted=${(x) => x.submitted}
+        />
+      `)}
+  </template>
+`;
+const styles = css ``;
+const isObject = (elem) => {
+    return elem && typeof elem === 'object';
+};
+const errorTranslator = (error, t, uischema) => {
+    var _a, _b, _c, _d;
+    return ((_d = (_c = (_b = (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.i18n) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c[error.keyword]) !== null && _d !== void 0 ? _d : genesisErrorTranslator(error, t, uischema));
+};
+let JSONForms = class JSONForms extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.dispatch = (action) => {
+            this.jsonforms = Object.assign(Object.assign({}, this.jsonforms), { core: coreReducer(this.jsonforms.core, action) });
+            this.$emit('data-change', {
+                data: this.jsonforms.core.data,
+                errors: this.jsonforms.core.errors,
+            });
+        };
+        /**
+         * Performs client-side validation by running the validator defined in the UI schema.
+         * @param uischema the UI schema
+         * @returns ErrorObject[] that will be passed to JsonFormsCore as additionalErrors
+         */
+        this.validate = (uischema) => {
+            var _a, _b, _c;
+            const data = (_b = (_a = this.jsonforms) === null || _a === void 0 ? void 0 : _a.core) === null || _b === void 0 ? void 0 : _b.data;
+            if (!data)
+                return [];
+            const errors = [];
+            (_c = uischema === null || uischema === void 0 ? void 0 : uischema.elements) === null || _c === void 0 ? void 0 : _c.forEach((e) => {
+                var _a, _b, _c, _d;
+                const validator = (_a = e === null || e === void 0 ? void 0 : e.options) === null || _a === void 0 ? void 0 : _a.validateFn;
+                if (typeof validator !== 'function')
+                    return;
+                const path = (_c = (_b = e === null || e === void 0 ? void 0 : e.scope) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop();
+                const label = e === null || e === void 0 ? void 0 : e.label;
+                let newErrors = (_d = validator(data, path, label)) !== null && _d !== void 0 ? _d : [];
+                // the validator function is supposed to return an array of errors but let's not explode if it returns a single one
+                if (!Array.isArray(newErrors)) {
+                    newErrors = [newErrors];
+                }
+                errors.push(...newErrors);
+            });
+            return errors;
+        };
+    }
+    schemaChanged() {
+        var _a, _b, _c, _d;
+        if (!this.schema) {
+            return;
+        }
+        const uischemaToUse = (_a = this.uischema) !== null && _a !== void 0 ? _a : Generate.uiSchema(this.schema);
+        if (!this.uischema) {
+            console.log('UI schema not provided. Auto generated schema:', uischemaToUse);
+        }
+        const additionalErrors = this.validate(uischemaToUse);
+        const initCore = () => {
+            const initialCore = {
+                data: this.data,
+                schema: this.schema,
+                uischema: uischemaToUse,
+            };
+            const core = coreReducer(initialCore, Actions.init(this.data, this.schema, uischemaToUse, {
+                validationMode: this.validationMode || 'ValidateAndShow',
+                ajv: this.ajv,
+                additionalErrors,
+            }));
+            return core;
+        };
+        this.jsonforms = {
+            core: initCore(),
+            config: configReducer(undefined, Actions.setConfig(this.config)),
+            i18n: i18nReducer(this.i18n, Actions.updateI18n((_b = this.i18n) === null || _b === void 0 ? void 0 : _b.locale, (_c = this.i18n) === null || _c === void 0 ? void 0 : _c.translate, ((_d = this.i18n) === null || _d === void 0 ? void 0 : _d.translateError) || errorTranslator)),
+            renderers: this.renderers,
+            readonly: this.readonly,
+        };
+        this.$emit('data-change', {
+            data: this.jsonforms.core.data,
+            errors: this.jsonforms.core.errors,
+        });
+    }
+    uischemaChanged() {
+        this.schemaChanged();
+    }
+    dataChanged() {
+        this.schemaChanged();
+    }
+    renderersChanged() {
+        this.schemaChanged();
+    }
+    validationModeChanged() {
+        this.schemaChanged();
+    }
+    ajvChanged() {
+        this.schemaChanged();
+    }
+    readonlyChanged() {
+        this.schemaChanged();
+    }
+    configChanged() {
+        this.schemaChanged();
+    }
+    get props() {
+        var _a;
+        if (!this.schema && !this.uischema) {
+            return undefined;
+        }
+        const uischema = (_a = this.uischema) !== null && _a !== void 0 ? _a : Generate.uiSchema(this.schema);
+        return {
+            uischema,
+            schema: this.schema,
+            path: '',
+            enabled: true,
+            visible: true,
+        };
+    }
+};
+__decorate([
+    attr({ mode: 'boolean' })
+], JSONForms.prototype, "submitted", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "jsonforms", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "i18n", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "schema", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "uischema", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "data", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "renderers", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "validationMode", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "ajv", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], JSONForms.prototype, "readonly", void 0);
+__decorate([
+    observable
+], JSONForms.prototype, "config", void 0);
+JSONForms = __decorate([
+    customElement({
+        name: 'json-forms',
+        template: template,
+        styles: styles,
+    })
+], JSONForms);
+export { JSONForms };
+//# sourceMappingURL=json-forms.js.map

package/dist/esm/jsonforms/json-forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-forms.js","sourceRoot":"","sources":["../../../src/jsonforms/json-forms.ts"],"names":[],"mappings":"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"}

package/dist/esm/jsonforms/renderers/BooleanControlRenderer.js

@@ -0,0 +1,30 @@
+import { html } from '@microsoft/fast-element';
+import { mapStateToControlProps, rankWith } from '@jsonforms/core';
+import { isOneOfBoolean } from '../testers/isOneOfBoolean';
+import { BOOLEAN_CONTROL_RANK } from './RenderersRanks';
+export const BooleanControlRendererTemplate = html `
+  <template>
+    <control-wrapper
+      :control=${(x) => x.control}
+      :touched=${(x) => x.touched}
+      ?submitted=${(x) => x.submitted}
+    >
+      <zero-checkbox
+        :checked=${(x) => x.control.data}
+        ?disabled=${(x) => !x.control.enabled}
+        :autofocus=${(x) => x.control.config.focus}
+        :placeholder=${(x) => x.control.config.placeholder}
+        @change=${(x, c) => {
+    x.control.handleChange(x.control.path, c.event.target.checked);
+    x.onBlur();
+}}
+      ></zero-checkbox>
+    </control-wrapper>
+  </template>
+`;
+export const BooleanControlEntry = {
+    renderer: BooleanControlRendererTemplate,
+    tester: rankWith(BOOLEAN_CONTROL_RANK, isOneOfBoolean),
+    mapper: mapStateToControlProps,
+};
+//# sourceMappingURL=BooleanControlRenderer.js.map

package/dist/esm/jsonforms/renderers/BooleanControlRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanControlRenderer.js","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/BooleanControlRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,MAAM,8BAA8B,GAAG,IAAI,CAAkB;;;iBAGnD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;iBAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;mBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;mBAGlB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI;oBACpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO;qBACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;uBAC3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;kBACxC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACjB,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAG,CAAC,CAAC,KAAK,CAAC,MAAc,CAAC,OAAO,CAAC,CAAC;IACxE,CAAC,CAAC,MAAM,EAAE,CAAC;AACb,CAAC;;;;CAIR,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAkB;IAChD,QAAQ,EAAE,8BAA8B;IACxC,MAAM,EAAE,QAAQ,CAAC,oBAAoB,EAAE,cAAc,CAAC;IACtD,MAAM,EAAE,sBAAsB;CAC/B,CAAC"}

package/dist/esm/jsonforms/renderers/ConnectedMultiselectControlRenderer.js

@@ -0,0 +1,34 @@
+import { mapStateToControlProps, rankWith } from '@jsonforms/core';
+import { html } from '@microsoft/fast-element';
+import { isOneOfOptionMultiselect } from '../testers/isOneOfOptionMultiselect';
+import { MULTISELECT_CONTROL_RANK } from './RenderersRanks';
+export const ConnectedMultiselectControlRendererTemplate = html `
+  <template>
+    <control-wrapper
+      :control=${(x) => x.control}
+      :touched=${(x) => x.touched}
+      ?submitted=${(x) => x.submitted}
+    >
+      <zero-multiselect
+        style="width: 100%"
+        :selectedOptions=${(x) => x.control.data || []}
+        @selectionChange=${(x, c) => {
+    x.control.handleChange(x.control.path, c.event.detail);
+    x.onBlur();
+}}
+      >
+        <multiselect-datasource
+          resourceName=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.allOptionsResourceName; }}
+          value-field=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.valueField; }}
+          label-field=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.labelField; }}
+        ></multiselect-datasource>
+      </zero-multiselect>
+    </control-wrapper>
+  </template>
+`;
+export const ConnectedMultiselectControlRendererEntry = {
+    renderer: ConnectedMultiselectControlRendererTemplate,
+    tester: rankWith(MULTISELECT_CONTROL_RANK, isOneOfOptionMultiselect),
+    mapper: mapStateToControlProps,
+};
+//# sourceMappingURL=ConnectedMultiselectControlRenderer.js.map

package/dist/esm/jsonforms/renderers/ConnectedMultiselectControlRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedMultiselectControlRenderer.js","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,MAAM,2CAA2C,GAAG,IAAI,CAAkB;;;iBAGhE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;iBAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;mBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;;2BAIV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE;2BAC3B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IAC1B,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAG,CAAC,CAAC,KAAa,CAAC,MAAM,CAAC,CAAC;IAChE,CAAC,CAAC,MAAM,EAAE,CAAC;AACb,CAAC;;;yBAGgB,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,0CAAE,sBAAsB,CAAA,EAAA;wBAC1D,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,0CAAE,UAAU,CAAA,EAAA;wBAC7C,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,0CAAE,UAAU,CAAA,EAAA;;;;;CAKpE,CAAC;AAEF,MAAM,CAAC,MAAM,wCAAwC,GAAkB;IACrE,QAAQ,EAAE,2CAA2C;IACrD,MAAM,EAAE,QAAQ,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IACpE,MAAM,EAAE,sBAAsB;CAC/B,CAAC"}

package/dist/esm/jsonforms/renderers/ConnectedSelectControlRenderer.js

@@ -0,0 +1,40 @@
+import { mapStateToControlProps, or, rankWith } from '@jsonforms/core';
+import { html } from '@microsoft/fast-element';
+import { optionIs } from '../testers/optionIs';
+import { SELECT_CONTROL_RANK } from './RenderersRanks';
+export const ConnectedSelectControlRendererTemplate = html `
+  <template>
+    <control-wrapper
+      :control=${(x) => x.control}
+      :touched=${(x) => x.touched}
+      ?submitted=${(x) => x.submitted}
+    >
+      <zero-combobox
+        style="width: 100%"
+        placeholder=${(x) => x.control.label}
+        ?disabled=${(x) => !x.control.enabled}
+        :value=${(x) => x.control.data || ''}
+        @value-change=${(x, c) => {
+    var _a;
+    const value = (_a = c.event.detail) === null || _a === void 0 ? void 0 : _a.value;
+    x.control.handleChange(x.control.path, value);
+    x.onBlur();
+}}
+      >
+        <options-datasource
+          resourceName=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.allOptionsResourceName; }}
+          value-field=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.valueField; }}
+          label-field=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.labelField; }}
+          :data=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.data; }}
+          :initialSelectedValue=${(x) => x.control.data}
+        ></options-datasource>
+      </zero-combobox>
+    </control-wrapper>
+  </template>
+`;
+export const ConnectedSelectControlRendererEntry = {
+    renderer: ConnectedSelectControlRendererTemplate,
+    tester: rankWith(SELECT_CONTROL_RANK, or(optionIs('allOptionsResourceName'), optionIs('data'))),
+    mapper: mapStateToControlProps,
+};
+//# sourceMappingURL=ConnectedSelectControlRenderer.js.map

package/dist/esm/jsonforms/renderers/ConnectedSelectControlRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedSelectControlRenderer.js","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ConnectedSelectControlRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,CAAC,MAAM,sCAAsC,GAAG,IAAI,CAAkB;;;iBAG3D,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;iBAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;mBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;;sBAIf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK;oBACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO;iBAC5B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE;wBACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;IACvB,MAAM,KAAK,GAAG,MAAC,CAAC,CAAC,KAAa,CAAC,MAAM,0CAAE,KAAK,CAAC;IAC7C,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC9C,CAAC,CAAC,MAAM,EAAE,CAAC;AACb,CAAC;;;yBAGgB,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,0CAAE,sBAAsB,CAAA,EAAA;wBAC1D,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,0CAAE,UAAU,CAAA,EAAA;wBAC7C,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,0CAAE,UAAU,CAAA,EAAA;kBACnD,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,0CAAE,IAAI,CAAA,EAAA;kCACvB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI;;;;;CAKtD,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAQ;IACtD,QAAQ,EAAE,sCAAsC;IAChD,MAAM,EAAE,QAAQ,CAAC,mBAAmB,EAAE,EAAE,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/F,MAAM,EAAE,sBAAsB;CAC/B,CAAC"}