@genesislcap/foundation-entity-management 14.18.0 → 14.20.0-bny.19

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              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",
@@ -382,6 +389,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 +425,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 +449,19 @@
               "name": "closeModal",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "criteriaChanged",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent<string>"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "confirmDelete",
@@ -528,6 +564,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": [
@@ -665,7 +710,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": [
@@ -683,33 +728,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",
@@ -811,13 +836,6 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "createEvent",
-              "type": {
-                "text": "string"
-              }
-            },
             {
               "kind": "field",
               "name": "deleteEvent",
@@ -862,11 +880,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "create",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "edit",
@@ -955,6 +968,159 @@
         }
       ]
     },
+    {
+      "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",
@@ -1246,6 +1412,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",
@@ -1323,6 +1500,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",
@@ -1357,6 +1548,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",
@@ -1383,6 +1584,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": "confirmDelete",
@@ -1547,6 +1765,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"
+              }
             }
           ]
         }
@@ -1570,159 +1801,6 @@
         }
       ]
     },
-    {
-      "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/routes/config.ts",
@@ -1932,7 +2010,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",
@@ -1949,6 +2041,14 @@
             "name": "*",
             "package": "./logger"
           }
+        },
+        {
+          "kind": "js",
+          "name": "buttonCellRenderer",
+          "declaration": {
+            "name": "buttonCellRenderer",
+            "module": "src/utils/index.ts"
+          }
         }
       ]
     },