@genesislcap/foundation-entity-management 14.20.0-bny.20 → 14.20.0

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\n  :host::part(header) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\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`",
           "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    <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              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    <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`",
           "description": "Defines the html of the entity component as a ViewTemplate object"
         }
       ],
@@ -333,13 +333,6 @@
                 "text": "boolean"
               }
             },
-            {
-              "kind": "field",
-              "name": "defaultEntityValues",
-              "type": {
-                "text": "any"
-              }
-            },
             {
               "kind": "field",
               "name": "editDialogTitle",
@@ -389,16 +382,6 @@
                 "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",
@@ -425,12 +408,6 @@
               ],
               "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",
@@ -449,19 +426,6 @@
               "name": "closeModal",
               "privacy": "public"
             },
-            {
-              "kind": "method",
-              "name": "criteriaChanged",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "CustomEvent<string>"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "confirmDelete",
@@ -564,15 +528,6 @@
                 "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": [
@@ -690,7 +645,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/list/index.ts",
+      "path": "src/main/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -698,433 +653,153 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./list"
+            "package": "./main.template"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/list/list.styles.ts",
-      "declarations": [
-        {
-          "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`"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "listStyles",
+          "name": "*",
           "declaration": {
-            "name": "listStyles",
-            "module": "src/list/list.styles.ts"
+            "name": "*",
+            "package": "./main"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/list/list.template.ts",
+      "path": "src/main/main.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "listTemplate",
-          "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`"
+          "name": "MainStyles",
+          "default": "css`\n  ${mixinRobotoFont()}\n  :host {\n    contain: content;\n  }\n\n  :host,\n  zero-design-system-provider,\n  .dynamic-template,\n  foundation-router {\n    display: flex;\n    width: 100%;\n    height: 100%;\n  }\n\n  fast-progress {\n    --accent-foreground-rest: #654df9;\n\n    height: calc(var(--design-unit) * 1px);\n    margin: 0;\n    width: 100%;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "listTemplate",
+          "name": "MainStyles",
           "declaration": {
-            "name": "listTemplate",
-            "module": "src/list/list.template.ts"
+            "name": "MainStyles",
+            "module": "src/main/main.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/list/list.ts",
+      "path": "src/main/main.template.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/main/main.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "List",
+          "name": "MainApplication",
           "members": [
             {
               "kind": "field",
-              "name": "resourceName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "persistColumnStateKey",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sizeColumnsToFit",
+              "name": "config",
               "type": {
-                "text": "boolean"
+                "text": "MainRouterConfig"
               }
             },
             {
               "kind": "field",
-              "name": "enableFilterBar",
+              "name": "connect",
               "type": {
-                "text": "boolean"
+                "text": "Connect"
               }
             },
             {
               "kind": "field",
-              "name": "enableCellFlashing",
+              "name": "session",
               "type": {
-                "text": "boolean"
+                "text": "Session"
               }
             },
             {
               "kind": "field",
-              "name": "grid",
-              "type": {
-                "text": "ZeroGridPro"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "datasource",
-              "type": {
-                "text": "GridProGenesisDatasource"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "columns",
+              "name": "container",
               "type": {
-                "text": "ColDef[]"
+                "text": "Container"
               }
             },
             {
               "kind": "field",
-              "name": "datasourceConfig",
+              "name": "provider",
               "type": {
-                "text": "DatasourceConfiguration"
+                "text": "any"
               }
             },
             {
               "kind": "field",
-              "name": "actionButtonsConfig",
+              "name": "ready",
               "type": {
-                "text": "array"
+                "text": "boolean"
               },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "deleteEvent",
-              "type": {
-                "text": "string"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "updateEvent",
+              "name": "data",
               "type": {
-                "text": "string"
-              }
+                "text": "any"
+              },
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "handleFilterChanged",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
+              "name": "onLuminanceToggle"
             },
             {
               "kind": "method",
-              "name": "handleFilterCleared",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
+              "name": "loadRemotes"
             },
             {
               "kind": "method",
-              "name": "select",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "edit",
-              "privacy": "private"
+              "name": "selectTemplate"
             },
             {
               "kind": "method",
-              "name": "delete",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "resourceName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "resourceName"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            },
-            {
-              "name": "persist-column-state-key",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "persistColumnStateKey"
-            },
-            {
-              "name": "size-columns-to-fit",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "sizeColumnsToFit"
-            },
-            {
-              "name": "enable-filter-bar",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "enableFilterBar"
-            },
-            {
-              "name": "enable-cell-flashing",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "enableCellFlashing"
+              "name": "registerDIDependencies",
+              "privacy": "private"
             }
           ],
           "superclass": {
             "name": "FASTElement",
             "package": "@microsoft/fast-element"
           },
-          "tagName": "entity-list",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "List",
+          "name": "MainApplication",
           "declaration": {
-            "name": "List",
-            "module": "src/list/list.ts"
+            "name": "MainApplication",
+            "module": "src/main/main.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "entity-list",
           "declaration": {
-            "name": "List",
-            "module": "src/list/list.ts"
+            "name": "MainApplication",
+            "module": "src/main/main.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/main/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./main.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./main"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/main/main.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "MainStyles",
-          "default": "css`\n  ${mixinRobotoFont()}\n  :host {\n    contain: content;\n  }\n\n  :host,\n  zero-design-system-provider,\n  .dynamic-template,\n  foundation-router {\n    display: flex;\n    width: 100%;\n    height: 100%;\n  }\n\n  fast-progress {\n    --accent-foreground-rest: #654df9;\n\n    height: calc(var(--design-unit) * 1px);\n    margin: 0;\n    width: 100%;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MainStyles",
-          "declaration": {
-            "name": "MainStyles",
-            "module": "src/main/main.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/main/main.template.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/main/main.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MainApplication",
-          "members": [
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "MainRouterConfig"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "session",
-              "type": {
-                "text": "Session"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "container",
-              "type": {
-                "text": "Container"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "provider",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "ready",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "any"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "onLuminanceToggle"
-            },
-            {
-              "kind": "method",
-              "name": "loadRemotes"
-            },
-            {
-              "kind": "method",
-              "name": "selectTemplate"
-            },
-            {
-              "kind": "method",
-              "name": "registerDIDependencies",
-              "privacy": "private"
-            }
-          ],
-          "superclass": {
-            "name": "FASTElement",
-            "package": "@microsoft/fast-element"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MainApplication",
-          "declaration": {
-            "name": "MainApplication",
-            "module": "src/main/main.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "declaration": {
-            "name": "MainApplication",
-            "module": "src/main/main.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/profiles/editProfileSchema.ts",
-      "declarations": [
+      "path": "src/profiles/editProfileSchema.ts",
+      "declarations": [
         {
           "kind": "variable",
           "name": "editProfileFormSchema",
@@ -1412,17 +1087,6 @@
                 "module": "src/entities/entities.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "defaultEntityValues",
-              "type": {
-                "text": "any"
-              },
-              "inheritedFrom": {
-                "name": "EntityManagement",
-                "module": "src/entities/entities.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "editDialogTitle",
@@ -1500,20 +1164,6 @@
                 "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",
@@ -1548,16 +1198,6 @@
                 "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",
@@ -1584,23 +1224,6 @@
                 "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": "confirmDelete",
@@ -1765,19 +1388,6 @@
                 "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"
-              }
             }
           ]
         }
@@ -1803,13 +1413,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/routes/config.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/routes/index.ts",
+      "path": "src/list/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1817,65 +1421,383 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./config"
+            "package": "./list"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/users/users.template.ts",
+      "path": "src/list/list.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "UsersTemplate",
-          "type": {
-            "text": "ViewTemplate"
-          },
-          "default": "html<Users>`\n  <entity-management\n    resourceName=${(x) => x.resourceName}\n    title=\"User Management\"\n    entityLabel=\"User\"\n    createEvent=\"${(x) => x.createEvent}\"\n    :readEventFn=${(x) => (user) => x.readUserData(user)}\n    updateEvent=\"${(x) => x.updateEvent}\"\n    deleteEvent=\"${(x) => x.deleteEvent}\"\n    entityLabel=\"User Details\"\n    :updateFormUiSchema=${(x) =>\n      editUserSchema(\n        true,\n        x.allAccessType,\n        x.entityID,\n        x.entityLabel,\n        x.entityLabelKey,\n        x.availableEntitiesEndpoint,\n        x.additionalUpdateFields\n      )}\n    :createFormUiSchema=${(x) =>\n      editUserSchema(\n        false,\n        x.allAccessType,\n        x.entityID,\n        x.entityLabel,\n        x.entityLabelKey,\n        x.availableEntitiesEndpoint,\n        x.additionalCreateFields\n      )}\n    persist-column-state-key=\"entity_users_management\"\n    size-columns-to-fit\n    :columns=${(x) => [...x.columns, ...x.entityColumn(), x.statusColumn()]}\n    :datasourceConfig=${(x) => x.datasourceConfig}\n  ></entity-management>\n`"
+          "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`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UsersTemplate",
+          "name": "listStyles",
           "declaration": {
-            "name": "UsersTemplate",
-            "module": "src/users/users.template.ts"
+            "name": "listStyles",
+            "module": "src/list/list.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/users/users.ts",
+      "path": "src/list/list.template.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "UsersColumnConfig",
-          "type": {
-            "text": "array"
-          },
-          "default": "[\n  {\n    ...defaultColumnConfig,\n    field: 'USER_NAME',\n    headerName: 'Username',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'FIRST_NAME',\n    headerName: 'First Name',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'LAST_NAME',\n    headerName: 'Last Name',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'EMAIL_ADDRESS',\n    headerName: 'Email',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'LAST_LOGIN',\n    headerName: 'Last Login',\n    valueFormatter: ({ value }) =>\n      value\n        ? new Intl.DateTimeFormat('default', {\n            year: 'numeric',\n            month: 'numeric',\n            day: 'numeric',\n            hour: 'numeric',\n            minute: 'numeric',\n          }).format(value)\n        : '',\n  },\n]",
-          "description": "Defines the default columns which are present on the user management component",
-          "privacy": "public"
-        },
-        {
-          "kind": "class",
-          "description": "Main class which defines the user management functionality",
-          "name": "Users",
-          "members": [
+          "kind": "function",
+          "name": "buttonCellRenderer",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "columns",
-              "type": {
-                "text": "any"
-              },
-              "default": "[\n  {\n    ...defaultColumnConfig,\n    field: 'USER_NAME',\n    headerName: 'Username',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'FIRST_NAME',\n    headerName: 'First Name',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'LAST_NAME',\n    headerName: 'Last Name',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'EMAIL_ADDRESS',\n    headerName: 'Email',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'LAST_LOGIN',\n    headerName: 'Last Login',\n    valueFormatter: ({ value }) =>\n      value\n        ? new Intl.DateTimeFormat('default', {\n            year: 'numeric',\n            month: 'numeric',\n            day: 'numeric',\n            hour: 'numeric',\n            minute: 'numeric',\n          }).format(value)\n        : '',\n  },\n]",
-              "description": "Column definition, default to the UsersColumnConfig"
+              "name": "title"
             },
             {
-              "kind": "field",
+              "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`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "buttonCellRenderer",
+          "declaration": {
+            "name": "buttonCellRenderer",
+            "module": "src/list/list.template.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "listTemplate",
+          "declaration": {
+            "name": "listTemplate",
+            "module": "src/list/list.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/list/list.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "List",
+          "members": [
+            {
+              "kind": "field",
+              "name": "resourceName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "persistColumnStateKey",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sizeColumnsToFit",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "enableFilterBar",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "enableCellFlashing",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "grid",
+              "type": {
+                "text": "ZeroGridPro"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "datasource",
+              "type": {
+                "text": "GridProGenesisDatasource"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "ColDef[]"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "datasourceConfig",
+              "type": {
+                "text": "DatasourceConfiguration"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "actionButtonsConfig",
+              "type": {
+                "text": "array"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "createEvent",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "deleteEvent",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "updateEvent",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleFilterChanged",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleFilterCleared",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "create",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "edit",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "delete",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "resourceName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "resourceName"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "persist-column-state-key",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "persistColumnStateKey"
+            },
+            {
+              "name": "size-columns-to-fit",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "sizeColumnsToFit"
+            },
+            {
+              "name": "enable-filter-bar",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "enableFilterBar"
+            },
+            {
+              "name": "enable-cell-flashing",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "enableCellFlashing"
+            }
+          ],
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "tagName": "entity-list",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "List",
+          "declaration": {
+            "name": "List",
+            "module": "src/list/list.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "entity-list",
+          "declaration": {
+            "name": "List",
+            "module": "src/list/list.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/routes/config.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/routes/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./config"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/users/users.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "UsersTemplate",
+          "type": {
+            "text": "ViewTemplate"
+          },
+          "default": "html<Users>`\n  <entity-management\n    resourceName=${(x) => x.resourceName}\n    title=\"User Management\"\n    entityLabel=\"User\"\n    createEvent=\"${(x) => x.createEvent}\"\n    :readEventFn=${(x) => (user) => x.readUserData(user)}\n    updateEvent=\"${(x) => x.updateEvent}\"\n    deleteEvent=\"${(x) => x.deleteEvent}\"\n    entityLabel=\"User Details\"\n    :updateFormUiSchema=${(x) =>\n      editUserSchema(\n        true,\n        x.allAccessType,\n        x.entityID,\n        x.entityLabel,\n        x.entityLabelKey,\n        x.availableEntitiesEndpoint,\n        x.additionalUpdateFields\n      )}\n    :createFormUiSchema=${(x) =>\n      editUserSchema(\n        false,\n        x.allAccessType,\n        x.entityID,\n        x.entityLabel,\n        x.entityLabelKey,\n        x.availableEntitiesEndpoint,\n        x.additionalCreateFields\n      )}\n    persist-column-state-key=\"entity_users_management\"\n    size-columns-to-fit\n    :columns=${(x) => [...x.columns, ...x.entityColumn(), x.statusColumn()]}\n    :datasourceConfig=${(x) => x.datasourceConfig}\n  ></entity-management>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UsersTemplate",
+          "declaration": {
+            "name": "UsersTemplate",
+            "module": "src/users/users.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/users/users.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "UsersColumnConfig",
+          "type": {
+            "text": "array"
+          },
+          "default": "[\n  {\n    ...defaultColumnConfig,\n    field: 'USER_NAME',\n    headerName: 'Username',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'FIRST_NAME',\n    headerName: 'First Name',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'LAST_NAME',\n    headerName: 'Last Name',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'EMAIL_ADDRESS',\n    headerName: 'Email',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'LAST_LOGIN',\n    headerName: 'Last Login',\n    valueFormatter: ({ value }) =>\n      value\n        ? new Intl.DateTimeFormat('default', {\n            year: 'numeric',\n            month: 'numeric',\n            day: 'numeric',\n            hour: 'numeric',\n            minute: 'numeric',\n          }).format(value)\n        : '',\n  },\n]",
+          "description": "Defines the default columns which are present on the user management component",
+          "privacy": "public"
+        },
+        {
+          "kind": "class",
+          "description": "Main class which defines the user management functionality",
+          "name": "Users",
+          "members": [
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "any"
+              },
+              "default": "[\n  {\n    ...defaultColumnConfig,\n    field: 'USER_NAME',\n    headerName: 'Username',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'FIRST_NAME',\n    headerName: 'First Name',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'LAST_NAME',\n    headerName: 'Last Name',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'EMAIL_ADDRESS',\n    headerName: 'Email',\n  },\n  {\n    ...defaultColumnConfig,\n    field: 'LAST_LOGIN',\n    headerName: 'Last Login',\n    valueFormatter: ({ value }) =>\n      value\n        ? new Intl.DateTimeFormat('default', {\n            year: 'numeric',\n            month: 'numeric',\n            day: 'numeric',\n            hour: 'numeric',\n            minute: 'numeric',\n          }).format(value)\n        : '',\n  },\n]",
+              "description": "Column definition, default to the UsersColumnConfig"
+            },
+            {
+              "kind": "field",
               "name": "additionalCreateFields",
               "type": {
                 "text": "any"
@@ -2010,21 +1932,7 @@
     {
       "kind": "javascript-module",
       "path": "src/utils/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "buttonCellRenderer",
-          "parameters": [
-            {
-              "name": "title"
-            },
-            {
-              "name": "clickHandler"
-            }
-          ],
-          "privacy": "public"
-        }
-      ],
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
@@ -2041,14 +1949,6 @@
             "name": "*",
             "package": "./logger"
           }
-        },
-        {
-          "kind": "js",
-          "name": "buttonCellRenderer",
-          "declaration": {
-            "name": "buttonCellRenderer",
-            "module": "src/utils/index.ts"
-          }
         }
       ]
     },