@genesislcap/foundation-entity-management 14.24.4 → 14.25.0-bny.1

package/dist/custom-elements.json

@@ -129,7 +129,7 @@
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css`\n  :host {\n    contain: content;\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  foundation-form {\n    height: 100%;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .title {\n    margin-left: 1px;\n  }\n`",
+          "default": "css`\n  :host {\n    contain: content;\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  foundation-form {\n    height: 100%;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .title {\n    margin-left: 1px;\n  }\n\n  :host::part(header) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n`",
           "description": "Defines the css of the entity component as an ElementStyles object"
         }
       ],
@@ -151,7 +151,7 @@
         {
           "kind": "variable",
           "name": "template",
-          "default": "html<EntityManagement>`\n  <div class=\"container\">\n    <entity-list\n      title=${(x) => x.title}\n      persist-column-state-key=${(x) => x.persistColumnStateKey}\n      size-columns-to-fit=${(x) => x.sizeColumnsToFit}\n      enable-filter-bar=${(x) => x.enableFilterBar}\n      resourceName=${(x) => x.resourceName}\n      :createEvent=${(x) => x.createEvent}\n      :deleteEvent=${(x) => x.deleteEvent}\n      :updateEvent=${(x) => x.updateEvent}\n      :columns=${(x) => x.columns}\n      :datasourceConfig=${(x) => x.datasourceConfig}\n      data-test-id=\"entity-list\"\n    ></entity-list>\n    <zero-modal\n      ${ref('editEntityModal')}\n      position=\"right\"\n      :onCloseCallback=${(x) => x.closeModal.bind(x)}\n      data-test-id=\"edit-entity-modal\"\n    >\n      <div slot=\"top\" data-test-id=\"dialog-title\">${(x) => x.editDialogTitle}</div>\n\n      <slot name=\"edit\">\n        ${when(\n          (x) => x.editModalVisible,\n          html<EntityManagement>`\n            <foundation-form\n              resourceName=${(x) => x.formResourceName}\n              :data=${(x) => x.editedEntity}\n              :uischema=${(x) => x.formUiSchema}\n              @submit-success=${(x, c) => x.submitEntityChanges(c.event as CustomEvent)}\n              @submit-failure=${(x, c) =>\n                x.errorSnack((c.event as CustomEvent<{ errors: MessageError[] }>).detail.errors)}\n            ></foundation-form>\n          `\n        )}\n      </slot>\n    </zero-modal>\n  </div>\n`",
+          "default": "html<EntityManagement>`\n  <div class=\"container\">\n    <slot name=\"header\" part=\"header\">${defaultHeader}</slot>\n    <entity-list\n      title=${(x) => x.title}\n      persist-column-state-key=${(x) => x.persistColumnStateKey}\n      size-columns-to-fit=${(x) => x.sizeColumnsToFit}\n      enable-filter-bar=${(x) => x.enableFilterBar}\n      resourceName=${(x) => x.resourceName}\n      :deleteEvent=${(x) => x.deleteEvent}\n      :updateEvent=${(x) => x.updateEvent}\n      :columns=${(x) => x.columns}\n      :datasourceConfig=${(x) => x.datasourceConfig}\n      data-test-id=\"entity-list\"\n    >\n      <slot name=\"header\" slot=\"header\">${defaultHeader}</slot>\n    </entity-list>\n    <zero-modal\n      ${ref('editEntityModal')}\n      position=${(x) => x.modalPosition}\n      :onCloseCallback=${(x) => x.closeModal.bind(x)}\n      data-test-id=\"edit-entity-modal\"\n    >\n      <div slot=\"top\" data-test-id=\"dialog-title\">${(x) => x.editDialogTitle}</div>\n\n      <slot name=\"edit\">\n        ${when(\n          (x) => x.editModalVisible,\n          html<EntityManagement>`\n            <foundation-form\n              part=\"form\"\n              ${ref('editEntityForm')}\n              resourceName=${(x) => x.formResourceName}\n              :data=${(x) => x.editedEntity}\n              :uischema=${(x) => x.formUiSchema}\n              @submit-success=${(x, c) => x.submitEntityChanges(c.event as CustomEvent)}\n              @submit-failure=${(x, c) =>\n                x.errorSnack((c.event as CustomEvent<{ errors: MessageError[] }>).detail.errors)}\n            ></foundation-form>\n          `\n        )}\n      </slot>\n    </zero-modal>\n  </div>\n`",
           "description": "Defines the html of the entity component as a ViewTemplate object"
         }
       ],
@@ -333,6 +333,13 @@
                 "text": "boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "defaultEntityValues",
+              "type": {
+                "text": "any"
+              }
+            },
             {
               "kind": "field",
               "name": "editDialogTitle",
@@ -361,6 +368,14 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "editEntityForm",
+              "type": {
+                "text": "Form"
+              },
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "sizeColumnsToFit",
@@ -382,6 +397,16 @@
                 "text": "boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "modalPosition",
+              "type": {
+                "text": "'centre' | 'left' | 'right'"
+              },
+              "default": "'right'",
+              "description": "Determines where the modal dialog will appear on screen",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "deepClone",
@@ -408,6 +433,12 @@
               ],
               "description": "Event handler for when the user submits the action for the currently open form, either editing or adding the entity"
             },
+            {
+              "kind": "method",
+              "name": "create",
+              "privacy": "public",
+              "description": "Show the entity create form"
+            },
             {
               "kind": "method",
               "name": "readEntity",
@@ -426,6 +457,19 @@
               "name": "closeModal",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "criteriaChanged",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent<string>"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "confirmDelete"
@@ -527,6 +571,15 @@
                 "text": "boolean"
               },
               "fieldName": "enableCellFlashing"
+            },
+            {
+              "name": "modal-position",
+              "type": {
+                "text": "'centre' | 'left' | 'right'"
+              },
+              "default": "'right'",
+              "description": "Determines where the modal dialog will appear on screen",
+              "fieldName": "modalPosition"
             }
           ],
           "mixins": [
@@ -664,7 +717,7 @@
         {
           "kind": "variable",
           "name": "listStyles",
-          "default": "css`\n  :host {\n    contain: content;\n  }\n\n  :host,\n  fast-router {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    height: inherit;\n    width: 100%;\n  }\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n`"
+          "default": "css`\n  :host {\n    contain: content;\n  }\n\n  :host,\n  fast-router {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    height: inherit;\n    width: 100%;\n  }\n`"
         }
       ],
       "exports": [
@@ -682,33 +735,13 @@
       "kind": "javascript-module",
       "path": "src/list/list.template.ts",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "buttonCellRenderer",
-          "parameters": [
-            {
-              "name": "title"
-            },
-            {
-              "name": "clickHandler"
-            }
-          ]
-        },
         {
           "kind": "variable",
           "name": "listTemplate",
-          "default": "html<List>`\n  <div class=\"heading\">\n    <h3 data-test-id=\"title\">${(x) => x.title}</h3>\n    ${when(\n      (x) => x.createEvent,\n      html`\n        <zero-button\n          appearance=\"accent\"\n          @click=${(x) => x.create()}\n          ?disabled=\"${(x) => x.addDisabled}\"\n          data-test-id=\"button-create\"\n        >\n          Add\n        </zero-button>\n      `\n    )}\n  </div>\n  <div class=\"container\">\n    ${when(\n      (x) => x.enableFilterBar,\n      html<List>`\n        <zero-filter-bar\n          resource=${(x) => x.resourceName}\n          only=${(x) => x.columns?.map((colDef) => colDef.field).filter((field) => !!field)}\n          labels=${(x) => x.columns?.map((colDef) => colDef.headerName || '')}\n          target=\"datasource\"\n        ></zero-filter-bar>\n      `\n    )}\n    <zero-grid-pro\n      ${ref('grid')}\n      auto-cell-renderer-by-type\n      rowSelection=\"single\"\n      rowHeight=\"36\"\n      headerHeight=\"36\"\n      persist-column-state-key=${(x) => x.persistColumnStateKey}\n      ?only-template-col-defs=${(x) => !!x.columns}\n      suppressCellFocus=\"true\"\n      suppressRowDeselection=\"true\"\n      enable-cell-flashing=${(x) => x.enableCellFlashing}\n    >\n      <grid-pro-genesis-datasource\n        ${ref('datasource')}\n        resource-name=${(x) => x.resourceName}\n        criteria=${(x) => x.datasourceConfig?.criteria}\n        fields=${(x) => x.datasourceConfig?.fields}\n        is-snapshot=${(x) => x.datasourceConfig?.isSnapshot}\n        max-rows=${(x) => x.datasourceConfig?.maxRows}\n        max-view=${(x) => x.datasourceConfig?.maxView}\n        order-by=${(x) => x.datasourceConfig?.orderBy}\n        reverse=${(x) => x.datasourceConfig?.reverse}\n      ></grid-pro-genesis-datasource>\n      ${repeat(\n        (x) => x.columns,\n        html`\n          <grid-pro-column :definition=${(x) => x}></grid-pro-column>\n        `\n      )}\n      ${repeat(\n        (x) => x.actionButtonsConfig,\n        html`\n          <grid-pro-column :definition=${(x) => x}></grid-pro-column>\n        `\n      )}\n    </zero-grid-pro>\n  </div>\n`"
+          "default": "html<List>`\n  <div class=\"container\">\n    ${when(\n      (x) => x.enableFilterBar,\n      html<List>`\n        <zero-filter-bar\n          resource=${(x) => x.resourceName}\n          only=${(x) => x.columns?.map((colDef) => colDef.field).filter((field) => !!field)}\n          labels=${(x) => x.columns?.map((colDef) => colDef.headerName || '')}\n          target=\"datasource\"\n        ></zero-filter-bar>\n      `\n    )}\n    <zero-grid-pro\n      ${ref('grid')}\n      auto-cell-renderer-by-type\n      rowSelection=\"single\"\n      rowHeight=\"36\"\n      headerHeight=\"36\"\n      persist-column-state-key=${(x) => x.persistColumnStateKey}\n      ?only-template-col-defs=${(x) => !!x.columns}\n      suppressCellFocus=\"true\"\n      suppressRowDeselection=\"true\"\n      enable-cell-flashing=${(x) => x.enableCellFlashing}\n    >\n      <grid-pro-genesis-datasource\n        ${ref('datasource')}\n        resource-name=${(x) => x.resourceName}\n        criteria=${(x) => x.datasourceConfig?.criteria}\n        fields=${(x) => x.datasourceConfig?.fields}\n        is-snapshot=${(x) => x.datasourceConfig?.isSnapshot}\n        max-rows=${(x) => x.datasourceConfig?.maxRows}\n        max-view=${(x) => x.datasourceConfig?.maxView}\n        order-by=${(x) => x.datasourceConfig?.orderBy}\n        reverse=${(x) => x.datasourceConfig?.reverse}\n      ></grid-pro-genesis-datasource>\n      ${repeat(\n        (x) => x.columns,\n        html`\n          <grid-pro-column :definition=${(x) => x}></grid-pro-column>\n        `\n      )}\n      ${repeat(\n        (x) => x.actionButtonsConfig,\n        html`\n          <grid-pro-column :definition=${(x) => x}></grid-pro-column>\n        `\n      )}\n    </zero-grid-pro>\n  </div>\n`"
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "buttonCellRenderer",
-          "declaration": {
-            "name": "buttonCellRenderer",
-            "module": "src/list/list.template.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "listTemplate",
@@ -810,13 +843,6 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "createEvent",
-              "type": {
-                "text": "string"
-              }
-            },
             {
               "kind": "field",
               "name": "deleteEvent",
@@ -861,11 +887,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "create",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "edit",
@@ -1397,6 +1418,17 @@
                 "module": "src/entities/entities.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "defaultEntityValues",
+              "type": {
+                "text": "any"
+              },
+              "inheritedFrom": {
+                "name": "EntityManagement",
+                "module": "src/entities/entities.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "editDialogTitle",
@@ -1441,6 +1473,18 @@
                 "module": "src/entities/entities.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "editEntityForm",
+              "type": {
+                "text": "Form"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "EntityManagement",
+                "module": "src/entities/entities.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "sizeColumnsToFit",
@@ -1474,6 +1518,20 @@
                 "module": "src/entities/entities.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "modalPosition",
+              "type": {
+                "text": "'centre' | 'left' | 'right'"
+              },
+              "default": "'right'",
+              "description": "Determines where the modal dialog will appear on screen",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "EntityManagement",
+                "module": "src/entities/entities.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "deepClone",
@@ -1508,6 +1566,16 @@
                 "module": "src/entities/entities.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "create",
+              "privacy": "public",
+              "description": "Show the entity create form",
+              "inheritedFrom": {
+                "name": "EntityManagement",
+                "module": "src/entities/entities.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "readEntity",
@@ -1534,6 +1602,23 @@
                 "module": "src/entities/entities.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "criteriaChanged",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent<string>"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EntityManagement",
+                "module": "src/entities/entities.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "showDeleteConfirmation",
@@ -1689,6 +1774,19 @@
                 "name": "EntityManagement",
                 "module": "src/entities/entities.ts"
               }
+            },
+            {
+              "name": "modal-position",
+              "type": {
+                "text": "'centre' | 'left' | 'right'"
+              },
+              "default": "'right'",
+              "description": "Determines where the modal dialog will appear on screen",
+              "fieldName": "modalPosition",
+              "inheritedFrom": {
+                "name": "EntityManagement",
+                "module": "src/entities/entities.ts"
+              }
             }
           ]
         }
@@ -1921,7 +2019,21 @@
     {
       "kind": "javascript-module",
       "path": "src/utils/index.ts",
-      "declarations": [],
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "buttonCellRenderer",
+          "parameters": [
+            {
+              "name": "title"
+            },
+            {
+              "name": "clickHandler"
+            }
+          ],
+          "privacy": "public"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
@@ -1938,6 +2050,14 @@
             "name": "*",
             "package": "./logger"
           }
+        },
+        {
+          "kind": "js",
+          "name": "buttonCellRenderer",
+          "declaration": {
+            "name": "buttonCellRenderer",
+            "module": "src/utils/index.ts"
+          }
         }
       ]
     },

package/dist/dts/entities/entities.d.ts

@@ -1,6 +1,7 @@
 import { ColDef } from '@ag-grid-community/core';
 import { Connect, DatasourceOptions, MessageError } from '@genesislcap/foundation-comms';
 import { FASTElement } from '@microsoft/fast-element';
+import { Form } from '@genesislcap/foundation-forms';
 /**
  * The attribute which is set to configure the resource that the entity manager is working with
  *
@@ -28,10 +29,7 @@ declare const EntityManagement_base: (new (...args: any[]) => {
     readonly shouldRunConnect: boolean;
     "__#1@#_tryFindContainingLayout"(e: Element): import("@genesislcap/foundation-utils").FoundationLayoutContainer | import("@genesislcap/foundation-utils").LayoutCacheContainer | import("@genesislcap/foundation-utils").DOMContainer;
     connectedCallback(): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller; /**
-     * Label for the entity which has usages such as being shown in the title of the modal wen editing the entity
-     * @public
-     */
+    readonly $fastController: import("@microsoft/fast-element").Controller;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail">): boolean | void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
@@ -130,6 +128,12 @@ declare const EntityManagement_base: (new (...args: any[]) => {
     webkitMatchesSelector(selectors: string): boolean;
     readonly baseURI: string;
     readonly childNodes: NodeListOf<ChildNode>;
+    /**
+     * Sets up and opens the model to either edit or add an entity. Added as an event listener on the class when receiving the `edit-entity` event.
+     *
+     * @param e - CustomEvent where `e.detail` is used to deduce whether to edit or add an entity.
+     * @internal
+     */
     readonly firstChild: ChildNode;
     readonly isConnected: boolean;
     readonly lastChild: ChildNode;
@@ -472,6 +476,7 @@ export declare class EntityManagement extends EntityManagement_base {
      */
     editedEntity: any;
     submitting: boolean;
+    defaultEntityValues: any;
     /**
      * String which contains the text of the popup modal when the user is adding or editing an entity
      */
@@ -479,9 +484,15 @@ export declare class EntityManagement extends EntityManagement_base {
     editModalVisible: boolean;
     editModalVisibleChanged(): void;
     editEntityModal: any;
+    editEntityForm: Form;
     sizeColumnsToFit: boolean;
     enableFilterBar: boolean;
     enableCellFlashing: boolean;
+    /**
+     * Determines where the modal dialog will appear on screen
+     * @public
+     */
+    modalPosition: 'centre' | 'left' | 'right';
     /**
      * Set up the web component
      * @internal
@@ -501,6 +512,11 @@ export declare class EntityManagement extends EntityManagement_base {
      * @public
      */
     submitEntityChanges(e: CustomEvent): Promise<void>;
+    /**
+     * Show the entity create form
+     * @public
+     */
+    create(): void;
     /**
      * Updates the reference to the current entity stored in the class. Added as an event listener on the class when receiving the `rowSelected` event.
      *
@@ -517,6 +533,7 @@ export declare class EntityManagement extends EntityManagement_base {
     private editEntity;
     private readEntity;
     closeModal(): void;
+    criteriaChanged(e: CustomEvent<string>): void;
     /**
      * Handler for deleting the entity. Added as an event listener on the class when receiving the `delete-entity` event.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"entities.d.ts","sourceRoot":"","sources":["../../../src/entities/entities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AASzF,OAAO,EAAuB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAKvF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,EAAE,cAAc,GAAG,SAAS,CAAC,CAAC;;;;;;;;;4EAkFxF;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnFL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAKa,gBAAiB,SAAQ,qBAA2B;IAC/D;;;;;;;OAOG;IACM,SAAS,CAAC,OAAO,EAAG,OAAO,CAAC;IAErC;;;OAGG;IACG,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,EAAE,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAE7C;;;OAGG;IACG,WAAW,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACG,WAAW,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACG,WAAW,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACG,KAAK,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACG,WAAW,EAAE,MAAM,CAAM;IAE/B;;;;;;;;;;OAUG;IAC8C,qBAAqB,EAAE,MAAM,CAAC;IAE/E;;;OAGG;IACS,OAAO,EAAE,MAAM,EAAE,CAAC;IAE9B;;;;;;;OAOG;IACS,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,YAAY,EAAE,GAAG,CAAC;IAClB,kBAAkB,EAAE,GAAG,CAAC;IACxB,kBAAkB,EAAE,GAAG,CAAC;IAEpC;;;OAGG;IACS,gBAAgB,EAAE,MAAM,CAAC;IAErC;;;;;;;OAOG;IACS,cAAc,EAAE,GAAG,CAAC;IAGhC;;;OAGG;IACS,YAAY,EAAE,GAAG,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACS,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAS;IAC9C,uBAAuB;IAShB,eAAe,EAAE,GAAG,CAAC;IAEiC,gBAAgB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAE1F;;;OAGG;IACG,iBAAiB;IAYvB;;;OAGG;IACM,SAAS,IAAI,IAAI;IAc1B;;;;;;;OAOG;IACU,mBAAmB,CAAC,CAAC,EAAE,WAAW;IAI/C;;;;;OAKG;IACH,OAAO,CAAC,YAAY,CAElB;IAEF;;;;;OAKG;YACW,UAAU;IA4BxB,OAAO,CAAC,UAAU;IAMX,UAAU;IAKjB;;;;;OAKG;IACG,YAAY,CAAC,CAAC,EAAE,WAAW;IAK3B,aAAa;IAoBnB,OAAO,CAAC,sBAAsB;IAgB9B;;;OAGG;IACI,WAAW,CAAC,OAAO,KAAA;IAuB1B;;OAEG;IACI,UAAU,CAAC,KAAK,EAAE,YAAY,EAAE;CAexC"}
+{"version":3,"file":"entities.d.ts","sourceRoot":"","sources":["../../../src/entities/entities.ts"],"names":[],"mappings":"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"}

package/dist/dts/entities/entities.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entities.styles.d.ts","sourceRoot":"","sources":["../../../src/entities/entities.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,iDAsBlB,CAAC"}
+{"version":3,"file":"entities.styles.d.ts","sourceRoot":"","sources":["../../../src/entities/entities.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,iDA4BlB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"entities.template.d.ts","sourceRoot":"","sources":["../../../src/entities/entities.template.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAK9C;;;GAGG;AACH,eAAO,MAAM,QAAQ,uEAwCpB,CAAC"}
+{"version":3,"file":"entities.template.d.ts","sourceRoot":"","sources":["../../../src/entities/entities.template.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAmB9C;;;GAGG;AACH,eAAO,MAAM,QAAQ,uEA4CpB,CAAC"}

package/dist/dts/list/list.d.ts

@@ -14,7 +14,6 @@ export declare class List extends FASTElement {
     columns: ColDef[];
     datasourceConfig: DatasourceConfiguration;
     actionButtonsConfig: any[];
-    createEvent: string;
     deleteEvent: string;
     updateEvent: string;
     connectedCallback(): void;
@@ -22,7 +21,6 @@ export declare class List extends FASTElement {
     private handleFilterChanged;
     private handleFilterCleared;
     private select;
-    create(): void;
     private edit;
     delete(e: any): Promise<void>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAU,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9F,OAAO,EAAuB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAI/D,qBAKa,IAAK,SAAQ,WAAW;IAC7B,YAAY,EAAE,MAAM,CAAM;IAC1B,KAAK,EAAE,MAAM,CAAM;IACwB,qBAAqB,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IACnF,IAAI,EAAG,WAAW,CAAC;IACnB,UAAU,EAAG,wBAAwB,CAAC;IACjC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,mBAAmB,QAAM;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IAEhC,iBAAiB;IA4BjB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,MAAM;IAIP,MAAM;IAIb,OAAO,CAAC,IAAI,CAEV;IAEI,MAAM,CAAC,CAAC,KAAA;CAGf"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAU,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9F,OAAO,EAAuB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAK/D,qBAKa,IAAK,SAAQ,WAAW;IAC7B,YAAY,EAAE,MAAM,CAAM;IAC1B,KAAK,EAAE,MAAM,CAAM;IACwB,qBAAqB,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IACnF,IAAI,EAAG,WAAW,CAAC;IACnB,UAAU,EAAG,wBAAwB,CAAC;IACjC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,mBAAmB,QAAM;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IAEhC,iBAAiB;IA4BjB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,IAAI,CAEV;IAEI,MAAM,CAAC,CAAC,KAAA;CAGf"}

package/dist/dts/list/list.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../../src/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,iDAyBtB,CAAC"}
+{"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../../src/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,iDAmBtB,CAAC"}

package/dist/dts/list/list.template.d.ts

@@ -1,26 +1,3 @@
 import { List } from './list';
-export declare const buttonCellRenderer: (title: any, clickHandler: any) => {
-    width: number;
-    pinned: string;
-    enableCellChangeFlash: boolean;
-    cellStyle: {
-        padding: string;
-        lineHeight: string;
-    };
-    filter: boolean;
-    suppressFiltersToolPanel: boolean;
-    suppressColumnsToolPanel: boolean;
-    headerName: string;
-    minWidth: number;
-    maxWidth: number;
-    cellRendererSelector: (params: any) => {
-        component: string;
-        params: {
-            actionClick: any;
-            actionName: any;
-            appearance: string;
-        };
-    };
-};
 export declare const listTemplate: import("@microsoft/fast-element").ViewTemplate<List, any>;
 //# sourceMappingURL=list.template.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.template.d.ts","sourceRoot":"","sources":["../../../src/list/list.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;CAsB7B,CAAC;AAEH,eAAO,MAAM,YAAY,2DAkExB,CAAC"}
+{"version":3,"file":"list.template.d.ts","sourceRoot":"","sources":["../../../src/list/list.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,eAAO,MAAM,YAAY,2DAkDxB,CAAC"}

package/dist/dts/utils/index.d.ts

@@ -1,3 +1,29 @@
 export * from './formatting';
 export * from './logger';
+/**
+ * @public
+ */
+export declare const buttonCellRenderer: (title: any, clickHandler: any) => {
+    width: number;
+    pinned: string;
+    enableCellChangeFlash: boolean;
+    cellStyle: {
+        padding: string;
+        lineHeight: string;
+    };
+    filter: boolean;
+    suppressFiltersToolPanel: boolean;
+    suppressColumnsToolPanel: boolean;
+    headerName: string;
+    minWidth: number;
+    maxWidth: number;
+    cellRendererSelector: (params: any) => {
+        component: string;
+        params: {
+            actionClick: any;
+            actionName: any;
+            appearance: string;
+        };
+    };
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AAEzB;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;CAsB7B,CAAC"}

package/dist/esm/entities/entities.js

@@ -46,6 +46,11 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
          */
         this.entityLabel = '';
         this.editModalVisible = false;
+        /**
+         * Determines where the modal dialog will appear on screen
+         * @public
+         */
+        this.modalPosition = 'right';
         /**
          * Updates the reference to the current entity stored in the class. Added as an event listener on the class when receiving the `rowSelected` event.
          *
@@ -82,6 +87,7 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
             }
             this.addEventListener('edit-entity', this.editEntity);
             this.addEventListener('read-entity', this.readEntity);
+            this.addEventListener('criteria-changed', this.criteriaChanged);
         });
     }
     /**
@@ -114,6 +120,13 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
             this.closeModal();
         });
     }
+    /**
+     * Show the entity create form
+     * @public
+     */
+    create() {
+        this.editEntity();
+    }
     /**
      * Sets up and opens the model to either edit or add an entity. Added as an event listener on the class when receiving the `edit-entity` event.
      *
@@ -122,10 +135,10 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
      */
     editEntity(e) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.editDialogTitle = `${e.detail ? 'Edit' : 'Add'} ${this.entityLabel}`;
-            this.formUiSchema = e.detail ? this.updateFormUiSchema : this.createFormUiSchema;
-            this.formResourceName = e.detail ? this.updateEvent : this.createEvent;
-            if (e.detail) {
+            this.editDialogTitle = `${(e === null || e === void 0 ? void 0 : e.detail) ? 'Edit' : 'Add'} ${this.entityLabel}`;
+            this.formUiSchema = (e === null || e === void 0 ? void 0 : e.detail) ? this.updateFormUiSchema : this.createFormUiSchema;
+            this.formResourceName = (e === null || e === void 0 ? void 0 : e.detail) ? this.updateEvent : this.createEvent;
+            if (e === null || e === void 0 ? void 0 : e.detail) {
                 const _a = e.detail, { ROW_REF } = _a, formData = __rest(_a, ["ROW_REF"]);
                 this.editedEntity = formData;
                 if (this.readEventFn) {
@@ -140,7 +153,7 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
                 }
             }
             else {
-                this.editedEntity = {};
+                this.editedEntity = Object.assign({}, this.defaultEntityValues);
             }
             this.editModalVisible = true;
         });
@@ -151,9 +164,13 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
         this.editDialogTitle = '';
     }
     closeModal() {
+        this.editEntityForm.reset();
         this.readonly = false;
         this.editModalVisible = false;
     }
+    criteriaChanged(e) {
+        this.datasourceConfig = Object.assign(Object.assign({}, this.datasourceConfig), { criteria: e.detail });
+    }
     /**
      * Handler for deleting the entity. Added as an event listener on the class when receiving the `delete-entity` event.
      *
@@ -292,6 +309,9 @@ __decorate([
 __decorate([
     observable
 ], EntityManagement.prototype, "submitting", void 0);
+__decorate([
+    observable
+], EntityManagement.prototype, "defaultEntityValues", void 0);
 __decorate([
     observable
 ], EntityManagement.prototype, "editDialogTitle", void 0);
@@ -307,6 +327,9 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean', attribute: 'enable-cell-flashing' })
 ], EntityManagement.prototype, "enableCellFlashing", void 0);
+__decorate([
+    attr({ attribute: 'modal-position' })
+], EntityManagement.prototype, "modalPosition", void 0);
 EntityManagement = __decorate([
     customElement({
         name: 'entity-management',

package/dist/esm/entities/entities.styles.js

@@ -29,4 +29,10 @@ export const styles = css `
   .title {
     margin-left: 1px;
   }
+
+  :host::part(header) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
 `;