@genesislcap/foundation-forms 14.21.0 → 14.22.0

package/dist/custom-elements.json

@@ -53,7 +53,7 @@
           "type": {
             "text": "array"
           },
-          "default": "[\n  fallbackEntry,\n  stringEntry,\n  BooleanControlEntry,\n  LayoutArrayRendererEntry,\n  LayoutGroupRendererEntry,\n  LayoutHorizontalEntry,\n  LayoutVertical2ColumnsEntry,\n  LayoutRendererEntry,\n  NumberControlRendererEntry,\n  ConnectedMultiselectControlRendererEntry,\n  EnumControlRendererEntry,\n  ConnectedSelectControlRendererEntry,\n  DateControlRendererEntry,\n  InvisibleControlEntry,\n]",
+          "default": "[\n  fallbackEntry,\n  stringEntry,\n  BooleanControlEntry,\n  LayoutArrayRendererEntry,\n  LayoutCategorizationRendererEntry,\n  LayoutGroupRendererEntry,\n  LayoutHorizontalEntry,\n  LayoutVertical2ColumnsEntry,\n  LayoutRendererEntry,\n  NumberControlRendererEntry,\n  ConnectedMultiselectControlRendererEntry,\n  EnumControlRendererEntry,\n  ConnectedSelectControlRendererEntry,\n  DateControlRendererEntry,\n  InvisibleControlEntry,\n]",
           "privacy": "public"
         },
         {
@@ -95,7 +95,7 @@
               "type": {
                 "text": "RendererEntry[]"
               },
-              "default": "[\n  fallbackEntry,\n  stringEntry,\n  BooleanControlEntry,\n  LayoutArrayRendererEntry,\n  LayoutGroupRendererEntry,\n  LayoutHorizontalEntry,\n  LayoutVertical2ColumnsEntry,\n  LayoutRendererEntry,\n  NumberControlRendererEntry,\n  ConnectedMultiselectControlRendererEntry,\n  EnumControlRendererEntry,\n  ConnectedSelectControlRendererEntry,\n  DateControlRendererEntry,\n  InvisibleControlEntry,\n]",
+              "default": "[\n  fallbackEntry,\n  stringEntry,\n  BooleanControlEntry,\n  LayoutArrayRendererEntry,\n  LayoutCategorizationRendererEntry,\n  LayoutGroupRendererEntry,\n  LayoutHorizontalEntry,\n  LayoutVertical2ColumnsEntry,\n  LayoutRendererEntry,\n  NumberControlRendererEntry,\n  ConnectedMultiselectControlRendererEntry,\n  EnumControlRendererEntry,\n  ConnectedSelectControlRendererEntry,\n  DateControlRendererEntry,\n  InvisibleControlEntry,\n]",
               "description": "Allows to provide set of renderers used by the form. If not provided it will default to text-field inputs",
               "privacy": "public"
             },
@@ -1118,6 +1118,69 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "CategorizationWrapperRendererTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "default": "'zero'"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CategorizationWrapper",
+          "members": [
+            {
+              "kind": "field",
+              "name": "form"
+            },
+            {
+              "kind": "field",
+              "name": "control"
+            }
+          ],
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "tagName": "categorization-wrapper",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CategorizationWrapperRendererTemplate",
+          "declaration": {
+            "name": "CategorizationWrapperRendererTemplate",
+            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CategorizationWrapper",
+          "declaration": {
+            "name": "CategorizationWrapper",
+            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "categorization-wrapper",
+          "declaration": {
+            "name": "CategorizationWrapper",
+            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts",
@@ -1561,6 +1624,43 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "LayoutCategorizationRendererTemplate",
+          "default": "html`\n  <template>\n    <categorization-wrapper :form=${(x) => x} :control=${(x) => x.control}></categorization-wrapper>\n  </template>\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "LayoutCategorizationRendererEntry",
+          "type": {
+            "text": "any"
+          },
+          "default": "{\n  renderer: LayoutCategorizationRendererTemplate,\n  tester: rankWith(LAYOUT_CATEGORIZATION_RANK, (uiSchema) => uiSchema.type === 'Categorization'),\n  mapper: mapStateToLayoutProps,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LayoutCategorizationRendererTemplate",
+          "declaration": {
+            "name": "LayoutCategorizationRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LayoutCategorizationRendererEntry",
+          "declaration": {
+            "name": "LayoutCategorizationRendererEntry",
+            "module": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/jsonforms/renderers/LayoutGroupRenderer.ts",
@@ -1822,6 +1922,14 @@
           },
           "default": "2"
         },
+        {
+          "kind": "variable",
+          "name": "LAYOUT_CATEGORIZATION_RANK",
+          "type": {
+            "text": "number"
+          },
+          "default": "2"
+        },
         {
           "kind": "variable",
           "name": "LAYOUT_GROUP_RANK",
@@ -1920,6 +2028,14 @@
             "module": "src/jsonforms/renderers/RenderersRanks.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "LAYOUT_CATEGORIZATION_RANK",
+          "declaration": {
+            "name": "LAYOUT_CATEGORIZATION_RANK",
+            "module": "src/jsonforms/renderers/RenderersRanks.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "LAYOUT_GROUP_RANK",

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;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"}
+{"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;AAkB1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,gBAAgB;AAChB,eAAO,MAAM,MAAM,gDAAkC,CAAC;AActD,cAAc;AACd,eAAO,MAAM,SAAS,OAgBrB,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;AAWnC,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;AAanC,eAAO,MAAM,sBAAsB,2DA2BlC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { FASTElement } from '@microsoft/fast-element';
+export declare const CategorizationWrapperRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
+export declare class CategorizationWrapper extends FASTElement {
+    form: any;
+    control: any;
+}
+//# sourceMappingURL=CategorizationWrapperRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,WAAW,EAAU,MAAM,yBAAyB,CAAC;AAEpG,eAAO,MAAM,qCAAqC,+EAqCjD,CAAC;AAiBF,qBAOa,qBAAsB,SAAQ,WAAW;IACxC,IAAI,MAAC;IACL,OAAO,MAAC;CACrB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutCategorizationRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutCategorizationRenderer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oCAAoC,0DAIhD,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,GAI/C,CAAC"}

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

@@ -6,6 +6,7 @@ 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_CATEGORIZATION_RANK = 2;
 export declare const LAYOUT_GROUP_RANK = 2;
 export declare const LAYOUT_HORIZONTAL_RANK = 2;
 export declare const LAYOUT2COLUMNS_RANK = 2;

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,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,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,0BAA0B,IAAI,CAAC;AAC5C,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/types.d.ts

@@ -17,6 +17,7 @@ export type UiSchemaElementOptions = {
     textarea?: boolean;
     data?: any[];
     childUiSchema?: UiSchema;
+    childElements?: 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,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;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,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,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,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;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,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

@@ -13,6 +13,7 @@ import { DateControlRendererEntry } from './jsonforms/renderers/DateControlRende
 import { EnumControlRendererEntry } from './jsonforms/renderers/EnumControlRenderer';
 import { InvisibleControlEntry } from './jsonforms/renderers/InvisibleControlRenderer';
 import { LayoutArrayRendererEntry } from './jsonforms/renderers/LayoutArrayRenderer';
+import { LayoutCategorizationRendererEntry } from './jsonforms/renderers/LayoutCategorizationRenderer';
 import { LayoutGroupRendererEntry } from './jsonforms/renderers/LayoutGroupRenderer';
 import { LayoutHorizontalEntry } from './jsonforms/renderers/LayoutHorizontalRenderer';
 import { LayoutRendererEntry } from './jsonforms/renderers/LayoutRenderer';
@@ -37,6 +38,7 @@ export const renderers = [
     stringEntry,
     BooleanControlEntry,
     LayoutArrayRendererEntry,
+    LayoutCategorizationRendererEntry,
     LayoutGroupRendererEntry,
     LayoutHorizontalEntry,
     LayoutVertical2ColumnsEntry,

package/dist/esm/form.template.js

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

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

@@ -0,0 +1,61 @@
+import { __decorate } from "tslib";
+import { html, css, observable, customElement, FASTElement, repeat } from '@microsoft/fast-element';
+export const CategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
+  <template>
+    <${prefix}-tabs class="tabs-container">
+      ${repeat((x) => x.control.uischema.elements, html `
+          <${prefix}-tab class="tab-control">${(x, ctx) => { var _a; return (_a = x.label) !== null && _a !== void 0 ? _a : `Category ${ctx.index + 1}`; }}</${prefix}-tab>
+        `, { positioning: true })}
+      ${repeat((x) => x.control.uischema.elements, html `
+          <${prefix}-tab-panel class="tab-panel-control">
+            ${repeat((x) => x.options.childElements, html `
+                <dispatch-renderer
+                  ?submitted=${(x, ctx) => ctx.parentContext.parent.form.submitted}
+                  :dispatch=${(x, ctx) => ctx.parentContext.parent.form.dispatch}
+                  :jsonforms=${(x, ctx) => ctx.parentContext.parent.form.jsonforms}
+                  :props=${(x, ctx) => ({
+    uischema: x,
+    schema: ctx.parentContext.parent.control.schema,
+    renderers: ctx.parentContext.parent.control.renderers,
+    path: ctx.parentContext.parent.control.path,
+    enabled: ctx.parentContext.parent.control.enabled,
+})}
+                ></dispatch-renderer>
+              `)}
+          </${prefix}-tab-panel>
+        `)}
+    </${prefix}-tabs>
+  </template>
+`;
+const styles = css `
+  .tabs-container::part(tablist) {
+    background-color: transparent;
+    border-bottom: none;
+  }
+
+  .tab-control {
+    box-shadow: none;
+  }
+
+  .tab-panel-control {
+    margin-top: 10px;
+  }
+`;
+let CategorizationWrapper = class CategorizationWrapper extends FASTElement {
+};
+__decorate([
+    observable
+], CategorizationWrapper.prototype, "form", void 0);
+__decorate([
+    observable
+], CategorizationWrapper.prototype, "control", void 0);
+CategorizationWrapper = __decorate([
+    customElement({
+        name: 'categorization-wrapper',
+        styles,
+        template: html `
+    ${(x) => CategorizationWrapperRendererTemplate(x.form.prefix)}
+  `,
+    })
+], CategorizationWrapper);
+export { CategorizationWrapper };

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

@@ -0,0 +1,13 @@
+import { mapStateToLayoutProps, rankWith } from '@jsonforms/core';
+import { html } from '@microsoft/fast-element';
+import { LAYOUT_CATEGORIZATION_RANK } from './RenderersRanks';
+export const LayoutCategorizationRendererTemplate = html `
+  <template>
+    <categorization-wrapper :form=${(x) => x} :control=${(x) => x.control}></categorization-wrapper>
+  </template>
+`;
+export const LayoutCategorizationRendererEntry = {
+    renderer: LayoutCategorizationRendererTemplate,
+    tester: rankWith(LAYOUT_CATEGORIZATION_RANK, (uiSchema) => uiSchema.type === 'Categorization'),
+    mapper: mapStateToLayoutProps,
+};

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

@@ -6,6 +6,7 @@ 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_CATEGORIZATION_RANK = 2;
 export const LAYOUT_GROUP_RANK = 2;
 export const LAYOUT_HORIZONTAL_RANK = 2;
 export const LAYOUT2COLUMNS_RANK = 2;

package/dist/foundation-forms.api.json

@@ -1061,7 +1061,16 @@
             },
             {
               "kind": "Content",
-              "text": ";\n    i18n?: {\n        [key: string]: any;\n    };\n}"
+              "text": ";\n    childElements?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "UiSchema",
+              "canonicalReference": "@genesislcap/foundation-forms!UiSchema:type"
+            },
+            {
+              "kind": "Content",
+              "text": "[];\n    i18n?: {\n        [key: string]: any;\n    };\n}"
             },
             {
               "kind": "Content",
@@ -1073,7 +1082,7 @@
           "name": "UiSchemaElementOptions",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 8
+            "endIndex": 10
           }
         },
         {

package/dist/foundation-forms.d.ts

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

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

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

package/docs/api-report.md

@@ -138,6 +138,7 @@ export type UiSchemaElementOptions = {
     textarea?: boolean;
     data?: any[];
     childUiSchema?: UiSchema;
+    childElements?: UiSchema[];
     i18n?: {
         [key: string]: any;
     };
@@ -148,7 +149,7 @@ export type UiSchemaElementType = 'Control' | 'VerticalLayout' | any;
 
 // Warnings were encountered during analysis:
 //
-// src/types.ts:49:3 - (ae-forgotten-export) The symbol "DispatchRenderer" needs to be exported by the entry point index.d.ts
+// src/types.ts:50: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.21.0",
+  "version": "14.22.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -49,8 +49,8 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.8.2",
-    "@genesislcap/foundation-testing": "^14.21.0",
-    "@genesislcap/genx": "^14.21.0",
+    "@genesislcap/foundation-testing": "^14.22.0",
+    "@genesislcap/genx": "^14.22.0",
     "@microsoft/api-documenter": "^7.19.13",
     "@microsoft/api-extractor": "^7.31.1",
     "@module-federation/dashboard-plugin": "2.3.0",
@@ -100,9 +100,9 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "^14.21.0",
-    "@genesislcap/foundation-criteria": "^14.21.0",
-    "@genesislcap/foundation-utils": "^14.21.0",
+    "@genesislcap/foundation-comms": "^14.22.0",
+    "@genesislcap/foundation-criteria": "^14.22.0",
+    "@genesislcap/foundation-utils": "^14.22.0",
     "@jsonforms/core": "^3.0.0",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -123,5 +123,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "af2f1a232d7bee5cefa374a6214030c9a85eaf4f"
+  "gitHead": "70741ed0685f302744d81d94b5dabfb9645aa3fe"
 }