@genesislcap/foundation-forms 14.15.2 → 14.17.0

package/dist/dts/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,gBAAgB;AAChB,eAAO,MAAM,MAAM,gDAAkC,CAAC;AActD,cAAc;AACd,eAAO,MAAM,SAAS,OAarB,CAAC;AACF;;;;;GAKG;AAEH,qBAKa,IAAK,SAAQ,iBAAiB;IACzC;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAQjC,OAAO,CAAC,oBAAoB;IA0B5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,eAAe,CAAC;IACtC;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAqB;IAC1B,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAE3B;;OAEG;IACS,UAAU,EAAE,OAAO,CAAC;IAChC;;OAEG;IACS,SAAS,EAAE,OAAO,CAAC;IAEJ,QAAQ,EAAE,OAAO,CAAC;IAE7C;;OAEG;IACG,OAAO;IAwBb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAQ3B,oBAAoB;CAMrB"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiB1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,gBAAgB;AAChB,eAAO,MAAM,MAAM,gDAAkC,CAAC;AActD,cAAc;AACd,eAAO,MAAM,SAAS,OAerB,CAAC;AACF;;;;;GAKG;AAEH,qBAKa,IAAK,SAAQ,iBAAiB;IACzC;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAQjC,OAAO,CAAC,oBAAoB;IA0B5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,eAAe,CAAC;IACtC;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAqB;IAC1B,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAE3B;;OAEG;IACS,UAAU,EAAE,OAAO,CAAC;IAChC;;OAEG;IACS,SAAS,EAAE,OAAO,CAAC;IAEJ,QAAQ,EAAE,OAAO,CAAC;IAE7C;;OAEG;IACG,OAAO;IAwBb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAQ3B,oBAAoB;CAMrB"}

package/dist/dts/form.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AASnC,eAAO,MAAM,sBAAsB,2DA2BlC,CAAC"}
+{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAWnC,eAAO,MAAM,sBAAsB,2DA2BlC,CAAC"}

package/dist/dts/jsonforms/renderers/ArrayListWrapperRenderer.d.ts

@@ -0,0 +1,13 @@
+import { FASTElement } from '@microsoft/fast-element';
+export declare const ArrayListWrapperRendererTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
+export declare class ArrayListWrapper extends FASTElement {
+    form: any;
+    control: any;
+    pathName: any;
+    schema: any;
+    uiSchema: any;
+    controlChanged(): void;
+    addItem(): void;
+    deleteItem(index: number): void;
+}
+//# sourceMappingURL=ArrayListWrapperRenderer.d.ts.map

package/dist/dts/jsonforms/renderers/ArrayListWrapperRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayListWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ArrayListWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAwC,WAAW,EAAU,MAAM,yBAAyB,CAAC;AAEpG,eAAO,MAAM,gCAAgC,0DAwC5C,CAAC;AAiBF,qBAKa,gBAAiB,SAAQ,WAAW;IACnC,IAAI,MAAC;IACL,OAAO,MAAC;IACR,QAAQ,MAAC;IACT,MAAM,MAAC;IACP,QAAQ,MAAC;IAErB,cAAc;IAed,OAAO;IAaP,UAAU,CAAC,KAAK,EAAE,MAAM;CAWzB"}

package/dist/dts/jsonforms/renderers/LayoutArrayRenderer.d.ts

@@ -0,0 +1,3 @@
+export declare const LayoutArrayRendererTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
+export declare const LayoutArrayRendererEntry: any;
+//# sourceMappingURL=LayoutArrayRenderer.d.ts.map

package/dist/dts/jsonforms/renderers/LayoutArrayRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutArrayRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutArrayRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,2BAA2B,0DAIvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,GAItC,CAAC"}

package/dist/dts/jsonforms/renderers/LayoutHorizontalRenderer.d.ts

@@ -0,0 +1,3 @@
+export declare const LayoutHorizontalRendererTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
+export declare const LayoutHorizontalEntry: any;
+//# sourceMappingURL=LayoutHorizontalRenderer.d.ts.map

package/dist/dts/jsonforms/renderers/LayoutHorizontalRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutHorizontalRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutHorizontalRenderer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gCAAgC,0DA2B5C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,GAInC,CAAC"}

package/dist/dts/jsonforms/renderers/RenderersRanks.d.ts

@@ -5,7 +5,9 @@ export declare const ENUM_CONTROL_RANK = 3;
 export declare const SELECT_CONTROL_RANK = 4;
 export declare const DATE_CONTROL_RANK = 4;
 export declare const LAYOUT_RANK = 2;
+export declare const LAYOUT_ARRAY_RANK = 2;
 export declare const LAYOUT_GROUP_RANK = 2;
+export declare const LAYOUT_HORIZONTAL_RANK = 2;
 export declare const LAYOUT2COLUMNS_RANK = 2;
 export declare const INVISIBLE_CONTROL_RANK = 5;
 //# sourceMappingURL=RenderersRanks.d.ts.map

package/dist/dts/jsonforms/renderers/RenderersRanks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderersRanks.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/RenderersRanks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,sBAAsB,IAAI,CAAC"}
+{"version":3,"file":"RenderersRanks.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/RenderersRanks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,sBAAsB,IAAI,CAAC"}

package/dist/dts/jsonforms/testers/isLayoutArray.d.ts

@@ -0,0 +1,2 @@
+export declare const isLayoutArray: import("@jsonforms/core").Tester;
+//# sourceMappingURL=isLayoutArray.d.ts.map

package/dist/dts/jsonforms/testers/isLayoutArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isLayoutArray.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/testers/isLayoutArray.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,kCAGzB,CAAC"}

package/dist/dts/types.d.ts

@@ -16,6 +16,7 @@ export type UiSchemaElementOptions = {
     labelField?: string;
     textarea?: boolean;
     data?: any[];
+    childUiSchema?: UiSchema;
     i18n?: {
         [key: string]: any;
     };

package/dist/dts/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,cAAc;AACd,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAErE,cAAc;AACd,MAAM,MAAM,sBAAsB,GAAG;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,YAAY,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,KAAK,mBAAmB,CAAC;CACrF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,cAAc;AACd,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAErE,cAAc;AACd,MAAM,MAAM,sBAAsB,GAAG;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,YAAY,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,KAAK,mBAAmB,CAAC;CACrF,CAAC"}

package/dist/esm/form.js

@@ -12,7 +12,9 @@ import { ConnectedSelectControlRendererEntry } from './jsonforms/renderers/Conne
 import { DateControlRendererEntry } from './jsonforms/renderers/DateControlRenderer';
 import { EnumControlRendererEntry } from './jsonforms/renderers/EnumControlRenderer';
 import { InvisibleControlEntry } from './jsonforms/renderers/InvisibleControlRenderer';
+import { LayoutArrayRendererEntry } from './jsonforms/renderers/LayoutArrayRenderer';
 import { LayoutGroupRendererEntry } from './jsonforms/renderers/LayoutGroupRenderer';
+import { LayoutHorizontalEntry } from './jsonforms/renderers/LayoutHorizontalRenderer';
 import { LayoutRendererEntry } from './jsonforms/renderers/LayoutRenderer';
 import { LayoutVertical2ColumnsEntry } from './jsonforms/renderers/LayoutVertical2ColumnsRenderer';
 import { NumberControlRendererEntry } from './jsonforms/renderers/NumberControlRenderer';
@@ -34,7 +36,9 @@ export const renderers = [
     fallbackEntry,
     stringEntry,
     BooleanControlEntry,
+    LayoutArrayRendererEntry,
     LayoutGroupRendererEntry,
+    LayoutHorizontalEntry,
     LayoutVertical2ColumnsEntry,
     LayoutRendererEntry,
     NumberControlRendererEntry,

package/dist/esm/form.template.js

@@ -1,8 +1,10 @@
 import { html, when } from '@microsoft/fast-element';
 import { JSONForms } from './jsonforms/json-forms';
+import { ArrayListWrapper } from './jsonforms/renderers/ArrayListWrapperRenderer';
 import { ControlWrapper } from './jsonforms/renderers/ControlWrapperRenderer';
 import { DispatchRenderer } from './jsonforms/renderers/dispatch-renderer';
 JSONForms;
+ArrayListWrapper;
 ControlWrapper;
 DispatchRenderer;
 export const foundationFormTemplate = html `

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

@@ -0,0 +1,108 @@
+import { __decorate } from "tslib";
+import { Generate, composePaths } from '@jsonforms/core';
+import { html, css, observable, customElement, FASTElement, repeat } from '@microsoft/fast-element';
+export const ArrayListWrapperRendererTemplate = html `
+  <template>
+    ${repeat((x) => x.control.data[x.pathName], html `
+        <div class="array-list">
+          <dispatch-renderer
+            ?submitted=${(x, ctx) => ctx.parent.form.submitted}
+            :dispatch=${(x, ctx) => ctx.parent.form.dispatch}
+            :jsonforms=${(x, ctx) => ctx.parent.form.jsonforms}
+            :props=${(x, ctx) => ({
+    uischema: ctx.parent.uiSchema,
+    schema: ctx.parent.schema,
+    renderers: ctx.parent.control.renderers,
+    path: composePaths(ctx.parent.pathName, `${ctx.index}`),
+    enabled: ctx.parent.control.enabled,
+})}
+          ></dispatch-renderer>
+          <zero-button
+            appearance="lightweight"
+            class="item-control-btn"
+            data-test-id=${(x, ctx) => `${ctx.parent.pathName}-${ctx.index}-delete-item`}
+            @click=${(x, ctx) => ctx.parent.deleteItem(ctx.index)}
+          >
+            <zero-icon name="trash"></zero-icon>
+          </zero-button>
+        </div>
+      `, { positioning: true })}
+    <zero-button
+      appearance="lightweight"
+      class="item-control-btn"
+      data-test-id=${(x) => `${x.pathName}-add-item`}
+      @click=${(x) => x.addItem()}
+    >
+      <zero-icon name="plus"></zero-icon>
+      Add another
+    </zero-button>
+  </template>
+`;
+const styles = css `
+  .array-list {
+    display: flex;
+    align-items: center;
+  }
+
+  .item-control-btn {
+    color: rgb(135, 155, 166);
+  }
+
+  .item-control-btn:hover {
+    color: var(--accent-foreground-hover);
+  }
+`;
+let ArrayListWrapper = class ArrayListWrapper extends FASTElement {
+    controlChanged() {
+        this.pathName = Object.keys(this.control.schema.properties)[0];
+        if (this.control.uischema.options) {
+            this.uiSchema = this.control.uischema.options.childUiSchema;
+            return;
+        }
+        this.schema = this.control.schema.properties[this.pathName].items;
+        const arrayUiSchema = Generate.uiSchema(this.schema);
+        this.uiSchema = Object.assign(Object.assign({}, arrayUiSchema), { type: 'HorizontalLayout' });
+        console.log('Auto generated uiSchema for layout array:', this.uiSchema);
+    }
+    addItem() {
+        const items = this.control.data[this.pathName] && Object.keys(this.control.data[this.pathName]).length !== 0
+            ? [...this.control.data[this.pathName], {}]
+            : [{}];
+        const data = Object.assign(Object.assign({}, this.control.data), { [this.pathName]: items });
+        this.$emit('data-change', {
+            data,
+        });
+    }
+    deleteItem(index) {
+        const allItems = this.control.data[this.pathName];
+        const valueToRemove = [allItems[index]];
+        const items = allItems.filter((element) => !valueToRemove.includes(element));
+        const data = Object.assign(Object.assign({}, this.control.data), { [this.pathName]: items });
+        this.$emit('data-change', {
+            data,
+        });
+    }
+};
+__decorate([
+    observable
+], ArrayListWrapper.prototype, "form", void 0);
+__decorate([
+    observable
+], ArrayListWrapper.prototype, "control", void 0);
+__decorate([
+    observable
+], ArrayListWrapper.prototype, "pathName", void 0);
+__decorate([
+    observable
+], ArrayListWrapper.prototype, "schema", void 0);
+__decorate([
+    observable
+], ArrayListWrapper.prototype, "uiSchema", void 0);
+ArrayListWrapper = __decorate([
+    customElement({
+        name: 'array-list-wrapper',
+        styles,
+        template: ArrayListWrapperRendererTemplate,
+    })
+], ArrayListWrapper);
+export { ArrayListWrapper };

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

@@ -0,0 +1,14 @@
+import { mapStateToLayoutProps, rankWith } from '@jsonforms/core';
+import { html } from '@microsoft/fast-element';
+import { isLayoutArray } from '../testers/isLayoutArray';
+import { LAYOUT_ARRAY_RANK } from './RenderersRanks';
+export const LayoutArrayRendererTemplate = html `
+  <template>
+    <array-list-wrapper :form=${(x) => x} :control=${(x) => x.control}></array-list-wrapper>
+  </template>
+`;
+export const LayoutArrayRendererEntry = {
+    renderer: LayoutArrayRendererTemplate,
+    tester: rankWith(LAYOUT_ARRAY_RANK, isLayoutArray),
+    mapper: mapStateToLayoutProps,
+};

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

@@ -0,0 +1,33 @@
+import { mapStateToLayoutProps, rankWith } from '@jsonforms/core';
+import { html, repeat } from '@microsoft/fast-element';
+import { LAYOUT_HORIZONTAL_RANK } from './RenderersRanks';
+export const LayoutHorizontalRendererTemplate = html `
+  <template>
+    <div
+      style="
+      display: flex;
+      flex-direction: row;
+      gap: 10px"
+    >
+      ${repeat((x) => x.control.uischema.elements, html `
+          <dispatch-renderer
+            ?submitted=${(x, ctx) => ctx.parent.submitted}
+            :dispatch=${(x, ctx) => ctx.parent.dispatch}
+            :jsonforms=${(x, ctx) => ctx.parent.jsonforms}
+            :props=${(x, ctx) => ({
+    uischema: x,
+    schema: ctx.parent.control.schema,
+    renderers: ctx.parent.control.renderers,
+    path: ctx.parent.control.path,
+    enabled: ctx.parent.control.enabled,
+})}
+          ></dispatch-renderer>
+        `)}
+    </div>
+  </template>
+`;
+export const LayoutHorizontalEntry = {
+    renderer: LayoutHorizontalRendererTemplate,
+    tester: rankWith(LAYOUT_HORIZONTAL_RANK, (uiSchema) => uiSchema.type === 'HorizontalLayout'),
+    mapper: mapStateToLayoutProps,
+};

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

@@ -5,6 +5,8 @@ export const ENUM_CONTROL_RANK = 3;
 export const SELECT_CONTROL_RANK = 4;
 export const DATE_CONTROL_RANK = 4;
 export const LAYOUT_RANK = 2;
+export const LAYOUT_ARRAY_RANK = 2;
 export const LAYOUT_GROUP_RANK = 2;
+export const LAYOUT_HORIZONTAL_RANK = 2;
 export const LAYOUT2COLUMNS_RANK = 2;
 export const INVISIBLE_CONTROL_RANK = 5;

package/dist/esm/jsonforms/testers/isLayoutArray.js

@@ -0,0 +1,2 @@
+import { hasType, schemaMatches } from '@jsonforms/core';
+export const isLayoutArray = schemaMatches((schema) => hasType(schema, 'array') && schema.hasOwnProperty('items') && schema.items['type'] == 'object');

package/dist/foundation-forms.api.json

@@ -1052,7 +1052,16 @@
             },
             {
               "kind": "Content",
-              "text": "[];\n    valueField?: string;\n    labelField?: string;\n    textarea?: boolean;\n    data?: any[];\n    i18n?: {\n        [key: string]: any;\n    };\n}"
+              "text": "[];\n    valueField?: string;\n    labelField?: string;\n    textarea?: boolean;\n    data?: any[];\n    childUiSchema?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "UiSchema",
+              "canonicalReference": "@genesislcap/foundation-forms!UiSchema:type"
+            },
+            {
+              "kind": "Content",
+              "text": ";\n    i18n?: {\n        [key: string]: any;\n    };\n}"
             },
             {
               "kind": "Content",
@@ -1064,7 +1073,7 @@
           "name": "UiSchemaElementOptions",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 6
+            "endIndex": 8
           }
         },
         {

package/dist/foundation-forms.d.ts

@@ -287,6 +287,7 @@ export declare type UiSchemaElementOptions = {
     labelField?: string;
     textarea?: boolean;
     data?: any[];
+    childUiSchema?: UiSchema;
     i18n?: {
         [key: string]: any;
     };

package/docs/api/foundation-forms.uischemaelementoptions.md

@@ -18,8 +18,11 @@ export type UiSchemaElementOptions = {
     labelField?: string;
     textarea?: boolean;
     data?: any[];
+    childUiSchema?: UiSchema;
     i18n?: {
         [key: string]: any;
     };
 };
 ```
+**References:** [UiSchema](./foundation-forms.uischema.md)
+

package/docs/api-report.md

@@ -136,6 +136,7 @@ export type UiSchemaElementOptions = {
     labelField?: string;
     textarea?: boolean;
     data?: any[];
+    childUiSchema?: UiSchema;
     i18n?: {
         [key: string]: any;
     };
@@ -146,7 +147,7 @@ export type UiSchemaElementType = 'Control' | 'VerticalLayout' | any;
 
 // Warnings were encountered during analysis:
 //
-// src/types.ts:47:3 - (ae-forgotten-export) The symbol "DispatchRenderer" needs to be exported by the entry point index.d.ts
+// src/types.ts:48:3 - (ae-forgotten-export) The symbol "DispatchRenderer" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.15.2",
+  "version": "14.17.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -20,21 +20,22 @@
     "PORT": 3090
   },
   "scripts": {
-    "api": "npm run api:extract && npm run api:document",
-    "api:extract": "api-extractor run",
+    "api": "npm run api:extract && npm run api:document && npm run cem:analyze",
     "api:document": "api-documenter markdown -i dist -o docs/api",
+    "api:extract": "api-extractor run",
     "build": "npm run clean && npm run build:tsc && npm run api",
     "build:rollup": "rollup -c",
     "build:rollup:stats": "cross-env ANALYZE=1 npm run build:rollup",
     "build:tsc": "tsc -b ./tsconfig.json",
     "build:webpack": "cross-env NODE_ENV=production webpack",
     "build:webpack:stats": "cross-env ANALYZE=1 npm run build:webpack",
+    "cem:analyze": "cem analyze --config custom-elements-manifest.config.js",
     "clean": "genx clean dist tsconfig.tsbuildinfo .rollup.cache",
     "dev": "npm run dev:tsc",
     "dev:rollup": "rollup -c -w --configDev",
     "dev:tsc": "tsc -b ./tsconfig.json -w",
     "dev:webpack": "cross-env NODE_ENV=development webpack serve",
-    "serve": "serve dist -p $npm_package_config_PORT",
+    "serve": "genx serve",
     "test": "npm run test:unit",
     "test:coverage": "c8 --include=src npm run test:unit",
     "test:coverage:report": "npm run test:coverage && c8 report --reporter=text-lcov > coverage.lcov",
@@ -47,8 +48,9 @@
     "test:unit:watch": "watchlist src test -- npm run test:unit"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "^14.15.2",
-    "@genesislcap/genx": "^14.15.2",
+    "@custom-elements-manifest/analyzer": "^0.8.2",
+    "@genesislcap/foundation-testing": "^14.17.0",
+    "@genesislcap/genx": "^14.17.0",
     "@microsoft/api-documenter": "^7.19.13",
     "@microsoft/api-extractor": "^7.31.1",
     "@module-federation/dashboard-plugin": "2.3.0",
@@ -83,7 +85,6 @@
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-transform-tagged-template": "^0.0.3",
     "rollup-plugin-visualizer": "^5.6.0",
-    "serve": "^14.1.2",
     "terser-webpack-plugin": "^5.3.1",
     "to-string-loader": "^1.2.0",
     "ts-loader": "9.3.1",
@@ -99,9 +100,9 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "^14.15.2",
-    "@genesislcap/foundation-criteria": "^14.15.2",
-    "@genesislcap/foundation-utils": "^14.15.2",
+    "@genesislcap/foundation-comms": "^14.17.0",
+    "@genesislcap/foundation-criteria": "^14.17.0",
+    "@genesislcap/foundation-utils": "^14.17.0",
     "@jsonforms/core": "^3.0.0",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -121,5 +122,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "479a5f8e1a47230bf3a218f22430a96cddb27f8c"
+  "customElements": "dist/custom-elements.json",
+  "gitHead": "45aa1d24a4fabc0d90c868f8e77f71df24609180"
 }