@genesislcap/foundation-entity-management 14.24.4-bny.22 → 14.24.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/custom-elements.json +37 -137
  2. package/dist/dts/entities/entities.d.ts +0 -12
  3. package/dist/dts/entities/entities.d.ts.map +1 -1
  4. package/dist/dts/entities/entities.styles.d.ts.map +1 -1
  5. package/dist/dts/entities/entities.template.d.ts.map +1 -1
  6. package/dist/dts/list/list.d.ts +2 -0
  7. package/dist/dts/list/list.d.ts.map +1 -1
  8. package/dist/dts/list/list.styles.d.ts.map +1 -1
  9. package/dist/dts/list/list.template.d.ts +23 -0
  10. package/dist/dts/list/list.template.d.ts.map +1 -1
  11. package/dist/dts/utils/index.d.ts +0 -26
  12. package/dist/dts/utils/index.d.ts.map +1 -1
  13. package/dist/esm/entities/entities.js +5 -27
  14. package/dist/esm/entities/entities.styles.js +0 -6
  15. package/dist/esm/entities/entities.template.js +3 -16
  16. package/dist/esm/list/list.js +7 -2
  17. package/dist/esm/list/list.styles.js +6 -0
  18. package/dist/esm/list/list.template.js +35 -0
  19. package/dist/esm/utils/index.js +0 -25
  20. package/dist/foundation-entity-management.api.json +0 -167
  21. package/dist/foundation-entity-management.d.ts +0 -39
  22. package/docs/api/foundation-entity-management.entitymanagement.md +0 -4
  23. package/docs/api/foundation-entity-management.md +0 -1
  24. package/docs/api-report.md +0 -31
  25. package/package.json +13 -13
  26. package/docs/api/foundation-entity-management.buttoncellrenderer.md +0 -34
  27. package/docs/api/foundation-entity-management.entitymanagement.create.md +0 -17
  28. package/docs/api/foundation-entity-management.entitymanagement.criteriachanged.md +0 -22
  29. package/docs/api/foundation-entity-management.entitymanagement.defaultentityvalues.md +0 -11
  30. package/docs/api/foundation-entity-management.entitymanagement.modalposition.md +0 -13
@@ -129,7 +129,7 @@
129
129
  {
130
130
  "kind": "variable",
131
131
  "name": "styles",
132
- "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`",
132
+ "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`",
133
133
  "description": "Defines the css of the entity component as an ElementStyles object"
134
134
  }
135
135
  ],
@@ -151,7 +151,7 @@
151
151
  {
152
152
  "kind": "variable",
153
153
  "name": "template",
154
- "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`",
154
+ "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`",
155
155
  "description": "Defines the html of the entity component as a ViewTemplate object"
156
156
  }
157
157
  ],
@@ -333,13 +333,6 @@
333
333
  "text": "boolean"
334
334
  }
335
335
  },
336
- {
337
- "kind": "field",
338
- "name": "defaultEntityValues",
339
- "type": {
340
- "text": "any"
341
- }
342
- },
343
336
  {
344
337
  "kind": "field",
345
338
  "name": "editDialogTitle",
@@ -389,16 +382,6 @@
389
382
  "text": "boolean"
390
383
  }
391
384
  },
392
- {
393
- "kind": "field",
394
- "name": "modalPosition",
395
- "type": {
396
- "text": "'centre' | 'left' | 'right'"
397
- },
398
- "default": "'right'",
399
- "description": "Determines where the modal dialog will appear on screen",
400
- "privacy": "public"
401
- },
402
385
  {
403
386
  "kind": "method",
404
387
  "name": "deepClone",
@@ -425,12 +408,6 @@
425
408
  ],
426
409
  "description": "Event handler for when the user submits the action for the currently open form, either editing or adding the entity"
427
410
  },
428
- {
429
- "kind": "method",
430
- "name": "create",
431
- "privacy": "public",
432
- "description": "Show the entity create form"
433
- },
434
411
  {
435
412
  "kind": "method",
436
413
  "name": "readEntity",
@@ -449,19 +426,6 @@
449
426
  "name": "closeModal",
450
427
  "privacy": "public"
451
428
  },
452
- {
453
- "kind": "method",
454
- "name": "criteriaChanged",
455
- "privacy": "public",
456
- "parameters": [
457
- {
458
- "name": "e",
459
- "type": {
460
- "text": "CustomEvent<string>"
461
- }
462
- }
463
- ]
464
- },
465
429
  {
466
430
  "kind": "method",
467
431
  "name": "confirmDelete"
@@ -563,15 +527,6 @@
563
527
  "text": "boolean"
564
528
  },
565
529
  "fieldName": "enableCellFlashing"
566
- },
567
- {
568
- "name": "modal-position",
569
- "type": {
570
- "text": "'centre' | 'left' | 'right'"
571
- },
572
- "default": "'right'",
573
- "description": "Determines where the modal dialog will appear on screen",
574
- "fieldName": "modalPosition"
575
530
  }
576
531
  ],
577
532
  "mixins": [
@@ -709,7 +664,7 @@
709
664
  {
710
665
  "kind": "variable",
711
666
  "name": "listStyles",
712
- "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`"
667
+ "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`"
713
668
  }
714
669
  ],
715
670
  "exports": [
@@ -727,13 +682,33 @@
727
682
  "kind": "javascript-module",
728
683
  "path": "src/list/list.template.ts",
729
684
  "declarations": [
685
+ {
686
+ "kind": "function",
687
+ "name": "buttonCellRenderer",
688
+ "parameters": [
689
+ {
690
+ "name": "title"
691
+ },
692
+ {
693
+ "name": "clickHandler"
694
+ }
695
+ ]
696
+ },
730
697
  {
731
698
  "kind": "variable",
732
699
  "name": "listTemplate",
733
- "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`"
700
+ "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`"
734
701
  }
735
702
  ],
736
703
  "exports": [
704
+ {
705
+ "kind": "js",
706
+ "name": "buttonCellRenderer",
707
+ "declaration": {
708
+ "name": "buttonCellRenderer",
709
+ "module": "src/list/list.template.ts"
710
+ }
711
+ },
737
712
  {
738
713
  "kind": "js",
739
714
  "name": "listTemplate",
@@ -835,6 +810,13 @@
835
810
  },
836
811
  "default": "[]"
837
812
  },
813
+ {
814
+ "kind": "field",
815
+ "name": "createEvent",
816
+ "type": {
817
+ "text": "string"
818
+ }
819
+ },
838
820
  {
839
821
  "kind": "field",
840
822
  "name": "deleteEvent",
@@ -879,6 +861,11 @@
879
861
  }
880
862
  ]
881
863
  },
864
+ {
865
+ "kind": "method",
866
+ "name": "create",
867
+ "privacy": "public"
868
+ },
882
869
  {
883
870
  "kind": "field",
884
871
  "name": "edit",
@@ -1410,17 +1397,6 @@
1410
1397
  "module": "src/entities/entities.ts"
1411
1398
  }
1412
1399
  },
1413
- {
1414
- "kind": "field",
1415
- "name": "defaultEntityValues",
1416
- "type": {
1417
- "text": "any"
1418
- },
1419
- "inheritedFrom": {
1420
- "name": "EntityManagement",
1421
- "module": "src/entities/entities.ts"
1422
- }
1423
- },
1424
1400
  {
1425
1401
  "kind": "field",
1426
1402
  "name": "editDialogTitle",
@@ -1498,20 +1474,6 @@
1498
1474
  "module": "src/entities/entities.ts"
1499
1475
  }
1500
1476
  },
1501
- {
1502
- "kind": "field",
1503
- "name": "modalPosition",
1504
- "type": {
1505
- "text": "'centre' | 'left' | 'right'"
1506
- },
1507
- "default": "'right'",
1508
- "description": "Determines where the modal dialog will appear on screen",
1509
- "privacy": "public",
1510
- "inheritedFrom": {
1511
- "name": "EntityManagement",
1512
- "module": "src/entities/entities.ts"
1513
- }
1514
- },
1515
1477
  {
1516
1478
  "kind": "method",
1517
1479
  "name": "deepClone",
@@ -1546,16 +1508,6 @@
1546
1508
  "module": "src/entities/entities.ts"
1547
1509
  }
1548
1510
  },
1549
- {
1550
- "kind": "method",
1551
- "name": "create",
1552
- "privacy": "public",
1553
- "description": "Show the entity create form",
1554
- "inheritedFrom": {
1555
- "name": "EntityManagement",
1556
- "module": "src/entities/entities.ts"
1557
- }
1558
- },
1559
1511
  {
1560
1512
  "kind": "method",
1561
1513
  "name": "readEntity",
@@ -1582,23 +1534,6 @@
1582
1534
  "module": "src/entities/entities.ts"
1583
1535
  }
1584
1536
  },
1585
- {
1586
- "kind": "method",
1587
- "name": "criteriaChanged",
1588
- "privacy": "public",
1589
- "parameters": [
1590
- {
1591
- "name": "e",
1592
- "type": {
1593
- "text": "CustomEvent<string>"
1594
- }
1595
- }
1596
- ],
1597
- "inheritedFrom": {
1598
- "name": "EntityManagement",
1599
- "module": "src/entities/entities.ts"
1600
- }
1601
- },
1602
1537
  {
1603
1538
  "kind": "method",
1604
1539
  "name": "showDeleteConfirmation",
@@ -1754,19 +1689,6 @@
1754
1689
  "name": "EntityManagement",
1755
1690
  "module": "src/entities/entities.ts"
1756
1691
  }
1757
- },
1758
- {
1759
- "name": "modal-position",
1760
- "type": {
1761
- "text": "'centre' | 'left' | 'right'"
1762
- },
1763
- "default": "'right'",
1764
- "description": "Determines where the modal dialog will appear on screen",
1765
- "fieldName": "modalPosition",
1766
- "inheritedFrom": {
1767
- "name": "EntityManagement",
1768
- "module": "src/entities/entities.ts"
1769
- }
1770
1692
  }
1771
1693
  ]
1772
1694
  }
@@ -1999,21 +1921,7 @@
1999
1921
  {
2000
1922
  "kind": "javascript-module",
2001
1923
  "path": "src/utils/index.ts",
2002
- "declarations": [
2003
- {
2004
- "kind": "function",
2005
- "name": "buttonCellRenderer",
2006
- "parameters": [
2007
- {
2008
- "name": "title"
2009
- },
2010
- {
2011
- "name": "clickHandler"
2012
- }
2013
- ],
2014
- "privacy": "public"
2015
- }
2016
- ],
1924
+ "declarations": [],
2017
1925
  "exports": [
2018
1926
  {
2019
1927
  "kind": "js",
@@ -2030,14 +1938,6 @@
2030
1938
  "name": "*",
2031
1939
  "package": "./logger"
2032
1940
  }
2033
- },
2034
- {
2035
- "kind": "js",
2036
- "name": "buttonCellRenderer",
2037
- "declaration": {
2038
- "name": "buttonCellRenderer",
2039
- "module": "src/utils/index.ts"
2040
- }
2041
1941
  }
2042
1942
  ]
2043
1943
  },
@@ -472,7 +472,6 @@ export declare class EntityManagement extends EntityManagement_base {
472
472
  */
473
473
  editedEntity: any;
474
474
  submitting: boolean;
475
- defaultEntityValues: any;
476
475
  /**
477
476
  * String which contains the text of the popup modal when the user is adding or editing an entity
478
477
  */
@@ -483,11 +482,6 @@ export declare class EntityManagement extends EntityManagement_base {
483
482
  sizeColumnsToFit: boolean;
484
483
  enableFilterBar: boolean;
485
484
  enableCellFlashing: boolean;
486
- /**
487
- * Determines where the modal dialog will appear on screen
488
- * @public
489
- */
490
- modalPosition: 'centre' | 'left' | 'right';
491
485
  /**
492
486
  * Set up the web component
493
487
  * @internal
@@ -507,11 +501,6 @@ export declare class EntityManagement extends EntityManagement_base {
507
501
  * @public
508
502
  */
509
503
  submitEntityChanges(e: CustomEvent): Promise<void>;
510
- /**
511
- * Show the entity create form
512
- * @public
513
- */
514
- create(): void;
515
504
  /**
516
505
  * 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
506
  *
@@ -528,7 +517,6 @@ export declare class EntityManagement extends EntityManagement_base {
528
517
  private editEntity;
529
518
  private readEntity;
530
519
  closeModal(): void;
531
- criteriaChanged(e: CustomEvent<string>): void;
532
520
  /**
533
521
  * Handler for deleting the entity. Added as an event listener on the class when receiving the `delete-entity` event.
534
522
  *
@@ -1 +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;IAEpB,mBAAmB,EAAE,GAAG,CAAC;IAErC;;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;IACoC,aAAa,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAW;IAE5F;;;OAGG;IACG,iBAAiB;IAavB;;;OAGG;IACM,SAAS,IAAI,IAAI;IAc1B;;;;;;;OAOG;IACU,mBAAmB,CAAC,CAAC,EAAE,WAAW;IAI/C;;;OAGG;IACI,MAAM;IAIb;;;;;OAKG;IACH,OAAO,CAAC,YAAY,CAElB;IAEF;;;;;OAKG;YACW,UAAU;IA4BxB,OAAO,CAAC,UAAU;IAMX,UAAU;IAKV,eAAe,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAI7C;;;;;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"}
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"}
@@ -1 +1 @@
1
- {"version":3,"file":"entities.styles.d.ts","sourceRoot":"","sources":["../../../src/entities/entities.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,iDA4BlB,CAAC"}
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"}
@@ -1 +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;AAmB9C;;;GAGG;AACH,eAAO,MAAM,QAAQ,uEA2CpB,CAAC"}
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"}
@@ -14,6 +14,7 @@ export declare class List extends FASTElement {
14
14
  columns: ColDef[];
15
15
  datasourceConfig: DatasourceConfiguration;
16
16
  actionButtonsConfig: any[];
17
+ createEvent: string;
17
18
  deleteEvent: string;
18
19
  updateEvent: string;
19
20
  connectedCallback(): void;
@@ -21,6 +22,7 @@ export declare class List extends FASTElement {
21
22
  private handleFilterChanged;
22
23
  private handleFilterCleared;
23
24
  private select;
25
+ create(): void;
24
26
  private edit;
25
27
  delete(e: any): Promise<void>;
26
28
  }
@@ -1 +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;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"}
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"}
@@ -1 +1 @@
1
- {"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../../src/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,iDAmBtB,CAAC"}
1
+ {"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../../src/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,iDAyBtB,CAAC"}
@@ -1,3 +1,26 @@
1
1
  import { List } from './list';
2
+ export declare const buttonCellRenderer: (title: any, clickHandler: any) => {
3
+ width: number;
4
+ pinned: string;
5
+ enableCellChangeFlash: boolean;
6
+ cellStyle: {
7
+ padding: string;
8
+ lineHeight: string;
9
+ };
10
+ filter: boolean;
11
+ suppressFiltersToolPanel: boolean;
12
+ suppressColumnsToolPanel: boolean;
13
+ headerName: string;
14
+ minWidth: number;
15
+ maxWidth: number;
16
+ cellRendererSelector: (params: any) => {
17
+ component: string;
18
+ params: {
19
+ actionClick: any;
20
+ actionName: any;
21
+ appearance: string;
22
+ };
23
+ };
24
+ };
2
25
  export declare const listTemplate: import("@microsoft/fast-element").ViewTemplate<List, any>;
3
26
  //# sourceMappingURL=list.template.d.ts.map
@@ -1 +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,YAAY,2DAkDxB,CAAC"}
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"}
@@ -1,29 +1,3 @@
1
1
  export * from './formatting';
2
2
  export * from './logger';
3
- /**
4
- * @public
5
- */
6
- export declare const buttonCellRenderer: (title: any, clickHandler: any) => {
7
- width: number;
8
- pinned: string;
9
- enableCellChangeFlash: boolean;
10
- cellStyle: {
11
- padding: string;
12
- lineHeight: string;
13
- };
14
- filter: boolean;
15
- suppressFiltersToolPanel: boolean;
16
- suppressColumnsToolPanel: boolean;
17
- headerName: string;
18
- minWidth: number;
19
- maxWidth: number;
20
- cellRendererSelector: (params: any) => {
21
- component: string;
22
- params: {
23
- actionClick: any;
24
- actionName: any;
25
- appearance: string;
26
- };
27
- };
28
- };
29
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
@@ -46,11 +46,6 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
46
46
  */
47
47
  this.entityLabel = '';
48
48
  this.editModalVisible = false;
49
- /**
50
- * Determines where the modal dialog will appear on screen
51
- * @public
52
- */
53
- this.modalPosition = 'right';
54
49
  /**
55
50
  * Updates the reference to the current entity stored in the class. Added as an event listener on the class when receiving the `rowSelected` event.
56
51
  *
@@ -87,7 +82,6 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
87
82
  }
88
83
  this.addEventListener('edit-entity', this.editEntity);
89
84
  this.addEventListener('read-entity', this.readEntity);
90
- this.addEventListener('criteria-changed', this.criteriaChanged);
91
85
  });
92
86
  }
93
87
  /**
@@ -120,13 +114,6 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
120
114
  this.closeModal();
121
115
  });
122
116
  }
123
- /**
124
- * Show the entity create form
125
- * @public
126
- */
127
- create() {
128
- this.editEntity();
129
- }
130
117
  /**
131
118
  * 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.
132
119
  *
@@ -135,10 +122,10 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
135
122
  */
136
123
  editEntity(e) {
137
124
  return __awaiter(this, void 0, void 0, function* () {
138
- this.editDialogTitle = `${(e === null || e === void 0 ? void 0 : e.detail) ? 'Edit' : 'Add'} ${this.entityLabel}`;
139
- this.formUiSchema = (e === null || e === void 0 ? void 0 : e.detail) ? this.updateFormUiSchema : this.createFormUiSchema;
140
- this.formResourceName = (e === null || e === void 0 ? void 0 : e.detail) ? this.updateEvent : this.createEvent;
141
- if (e === null || e === void 0 ? void 0 : e.detail) {
125
+ this.editDialogTitle = `${e.detail ? 'Edit' : 'Add'} ${this.entityLabel}`;
126
+ this.formUiSchema = e.detail ? this.updateFormUiSchema : this.createFormUiSchema;
127
+ this.formResourceName = e.detail ? this.updateEvent : this.createEvent;
128
+ if (e.detail) {
142
129
  const _a = e.detail, { ROW_REF } = _a, formData = __rest(_a, ["ROW_REF"]);
143
130
  this.editedEntity = formData;
144
131
  if (this.readEventFn) {
@@ -153,7 +140,7 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
153
140
  }
154
141
  }
155
142
  else {
156
- this.editedEntity = Object.assign({}, this.defaultEntityValues);
143
+ this.editedEntity = {};
157
144
  }
158
145
  this.editModalVisible = true;
159
146
  });
@@ -167,9 +154,6 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
167
154
  this.readonly = false;
168
155
  this.editModalVisible = false;
169
156
  }
170
- criteriaChanged(e) {
171
- this.datasourceConfig = Object.assign(Object.assign({}, this.datasourceConfig), { criteria: e.detail });
172
- }
173
157
  /**
174
158
  * Handler for deleting the entity. Added as an event listener on the class when receiving the `delete-entity` event.
175
159
  *
@@ -308,9 +292,6 @@ __decorate([
308
292
  __decorate([
309
293
  observable
310
294
  ], EntityManagement.prototype, "submitting", void 0);
311
- __decorate([
312
- observable
313
- ], EntityManagement.prototype, "defaultEntityValues", void 0);
314
295
  __decorate([
315
296
  observable
316
297
  ], EntityManagement.prototype, "editDialogTitle", void 0);
@@ -326,9 +307,6 @@ __decorate([
326
307
  __decorate([
327
308
  attr({ mode: 'boolean', attribute: 'enable-cell-flashing' })
328
309
  ], EntityManagement.prototype, "enableCellFlashing", void 0);
329
- __decorate([
330
- attr({ attribute: 'modal-position' })
331
- ], EntityManagement.prototype, "modalPosition", void 0);
332
310
  EntityManagement = __decorate([
333
311
  customElement({
334
312
  name: 'entity-management',
@@ -29,10 +29,4 @@ export const styles = css `
29
29
  .title {
30
30
  margin-left: 1px;
31
31
  }
32
-
33
- :host::part(header) {
34
- display: flex;
35
- justify-content: space-between;
36
- align-items: center;
37
- }
38
32
  `;
@@ -3,40 +3,28 @@ import { html, ref, when } from '@microsoft/fast-element';
3
3
  import { List } from '../list';
4
4
  List;
5
5
  Form;
6
- /**
7
- * Default header for Entity Management screen
8
- * @internal
9
- */
10
- const defaultHeader = html `
11
- <h3>${(x) => x.title}</h3>
12
- ${when((x) => x.createEvent, html `
13
- <zero-button appearance="accent" @click=${(x, y) => x.create()}>Add</zero-button>
14
- `)}
15
- `;
16
6
  /**
17
7
  * Defines the html of the entity component as a ViewTemplate object
18
8
  * @typeParam EntityManagement - the {@link EntityManagement | class} the template is defined for
19
9
  */
20
10
  export const template = html `
21
11
  <div class="container">
22
- <slot name="header" part="header">${defaultHeader}</slot>
23
12
  <entity-list
24
13
  title=${(x) => x.title}
25
14
  persist-column-state-key=${(x) => x.persistColumnStateKey}
26
15
  size-columns-to-fit=${(x) => x.sizeColumnsToFit}
27
16
  enable-filter-bar=${(x) => x.enableFilterBar}
28
17
  resourceName=${(x) => x.resourceName}
18
+ :createEvent=${(x) => x.createEvent}
29
19
  :deleteEvent=${(x) => x.deleteEvent}
30
20
  :updateEvent=${(x) => x.updateEvent}
31
21
  :columns=${(x) => x.columns}
32
22
  :datasourceConfig=${(x) => x.datasourceConfig}
33
23
  data-test-id="entity-list"
34
- >
35
- <slot name="header" slot="header">${defaultHeader}</slot>
36
- </entity-list>
24
+ ></entity-list>
37
25
  <zero-modal
38
26
  ${ref('editEntityModal')}
39
- position=${(x) => x.modalPosition}
27
+ position="right"
40
28
  :onCloseCallback=${(x) => x.closeModal.bind(x)}
41
29
  data-test-id="edit-entity-modal"
42
30
  >
@@ -45,7 +33,6 @@ export const template = html `
45
33
  <slot name="edit">
46
34
  ${when((x) => x.editModalVisible, html `
47
35
  <foundation-form
48
- part="form"
49
36
  resourceName=${(x) => x.formResourceName}
50
37
  :data=${(x) => x.editedEntity}
51
38
  :uischema=${(x) => x.formUiSchema}
@@ -1,9 +1,8 @@
1
1
  import { __awaiter, __decorate } from "tslib";
2
2
  import { Events } from '@ag-grid-community/core';
3
3
  import { attr, customElement, FASTElement, observable } from '@microsoft/fast-element';
4
- import { buttonCellRenderer } from '../utils';
5
4
  import { listStyles } from './list.styles';
6
- import { listTemplate } from './list.template';
5
+ import { buttonCellRenderer, listTemplate } from './list.template';
7
6
  let List = class List extends FASTElement {
8
7
  constructor() {
9
8
  super(...arguments);
@@ -57,6 +56,9 @@ let List = class List extends FASTElement {
57
56
  select(e) {
58
57
  this.$emit('rowSelected', e);
59
58
  }
59
+ create() {
60
+ this.$emit('edit-entity');
61
+ }
60
62
  delete(e) {
61
63
  return __awaiter(this, void 0, void 0, function* () {
62
64
  this.$emit('delete-entity', e);
@@ -90,6 +92,9 @@ __decorate([
90
92
  __decorate([
91
93
  observable
92
94
  ], List.prototype, "actionButtonsConfig", void 0);
95
+ __decorate([
96
+ observable
97
+ ], List.prototype, "createEvent", void 0);
93
98
  __decorate([
94
99
  observable
95
100
  ], List.prototype, "deleteEvent", void 0);
@@ -18,4 +18,10 @@ export const listStyles = css `
18
18
  height: inherit;
19
19
  width: 100%;
20
20
  }
21
+
22
+ .heading {
23
+ display: flex;
24
+ justify-content: space-between;
25
+ align-items: center;
26
+ }
21
27
  `;
@@ -1,5 +1,40 @@
1
1
  import { html, ref, repeat, when } from '@microsoft/fast-element';
2
+ export const buttonCellRenderer = (title, clickHandler) => ({
3
+ width: 100,
4
+ pinned: 'right',
5
+ enableCellChangeFlash: false,
6
+ cellStyle: { padding: '0', lineHeight: '25px' },
7
+ filter: false,
8
+ suppressFiltersToolPanel: true,
9
+ suppressColumnsToolPanel: true,
10
+ headerName: '',
11
+ minWidth: 100,
12
+ maxWidth: 100,
13
+ cellRendererSelector: (params) => params.node.group
14
+ ? undefined
15
+ : {
16
+ component: 'action',
17
+ params: {
18
+ actionClick: clickHandler,
19
+ actionName: title,
20
+ appearance: 'accent',
21
+ },
22
+ },
23
+ });
2
24
  export const listTemplate = html `
25
+ <div class="heading">
26
+ <h3 data-test-id="title">${(x) => x.title}</h3>
27
+ ${when((x) => x.createEvent, html `
28
+ <zero-button
29
+ appearance="accent"
30
+ @click=${(x) => x.create()}
31
+ ?disabled="${(x) => x.addDisabled}"
32
+ data-test-id="button-create"
33
+ >
34
+ Add
35
+ </zero-button>
36
+ `)}
37
+ </div>
3
38
  <div class="container">
4
39
  ${when((x) => x.enableFilterBar, html `
5
40
  <zero-filter-bar
@@ -1,27 +1,2 @@
1
1
  export * from './formatting';
2
2
  export * from './logger';
3
- /**
4
- * @public
5
- */
6
- export const buttonCellRenderer = (title, clickHandler) => ({
7
- width: 100,
8
- pinned: 'right',
9
- enableCellChangeFlash: false,
10
- cellStyle: { padding: '0', lineHeight: '25px' },
11
- filter: false,
12
- suppressFiltersToolPanel: true,
13
- suppressColumnsToolPanel: true,
14
- headerName: '',
15
- minWidth: 100,
16
- maxWidth: 100,
17
- cellRendererSelector: (params) => params.node.group
18
- ? undefined
19
- : {
20
- component: 'action',
21
- params: {
22
- actionClick: clickHandler,
23
- actionName: title,
24
- appearance: 'accent',
25
- },
26
- },
27
- });
@@ -172,29 +172,6 @@
172
172
  "name": "",
173
173
  "preserveMemberOrder": false,
174
174
  "members": [
175
- {
176
- "kind": "Variable",
177
- "canonicalReference": "@genesislcap/foundation-entity-management!buttonCellRenderer:var",
178
- "docComment": "/**\n * @public\n */\n",
179
- "excerptTokens": [
180
- {
181
- "kind": "Content",
182
- "text": "buttonCellRenderer: "
183
- },
184
- {
185
- "kind": "Content",
186
- "text": "(title: any, clickHandler: any) => {\n width: number;\n pinned: string;\n enableCellChangeFlash: boolean;\n cellStyle: {\n padding: string;\n lineHeight: string;\n };\n filter: boolean;\n suppressFiltersToolPanel: boolean;\n suppressColumnsToolPanel: boolean;\n headerName: string;\n minWidth: number;\n maxWidth: number;\n cellRendererSelector: (params: any) => {\n component: string;\n params: {\n actionClick: any;\n actionName: any;\n appearance: string;\n };\n };\n}"
187
- }
188
- ],
189
- "fileUrlPath": "src/utils/index.ts",
190
- "isReadonly": true,
191
- "releaseTag": "Public",
192
- "name": "buttonCellRenderer",
193
- "variableTypeTokenRange": {
194
- "startIndex": 1,
195
- "endIndex": 2
196
- }
197
- },
198
175
  {
199
176
  "kind": "TypeAlias",
200
177
  "canonicalReference": "@genesislcap/foundation-entity-management!DatasourceConfiguration:type",
@@ -393,37 +370,6 @@
393
370
  "isProtected": true,
394
371
  "isAbstract": false
395
372
  },
396
- {
397
- "kind": "Method",
398
- "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#create:member(1)",
399
- "docComment": "/**\n * Show the entity create form\n *\n * @public\n */\n",
400
- "excerptTokens": [
401
- {
402
- "kind": "Content",
403
- "text": "create(): "
404
- },
405
- {
406
- "kind": "Content",
407
- "text": "void"
408
- },
409
- {
410
- "kind": "Content",
411
- "text": ";"
412
- }
413
- ],
414
- "isStatic": false,
415
- "returnTypeTokenRange": {
416
- "startIndex": 1,
417
- "endIndex": 2
418
- },
419
- "releaseTag": "Public",
420
- "isProtected": false,
421
- "overloadIndex": 1,
422
- "parameters": [],
423
- "isOptional": false,
424
- "isAbstract": false,
425
- "name": "create"
426
- },
427
373
  {
428
374
  "kind": "Property",
429
375
  "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#createEvent:member",
@@ -484,59 +430,6 @@
484
430
  "isProtected": false,
485
431
  "isAbstract": false
486
432
  },
487
- {
488
- "kind": "Method",
489
- "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#criteriaChanged:member(1)",
490
- "docComment": "",
491
- "excerptTokens": [
492
- {
493
- "kind": "Content",
494
- "text": "criteriaChanged(e: "
495
- },
496
- {
497
- "kind": "Reference",
498
- "text": "CustomEvent",
499
- "canonicalReference": "!CustomEvent:interface"
500
- },
501
- {
502
- "kind": "Content",
503
- "text": "<string>"
504
- },
505
- {
506
- "kind": "Content",
507
- "text": "): "
508
- },
509
- {
510
- "kind": "Content",
511
- "text": "void"
512
- },
513
- {
514
- "kind": "Content",
515
- "text": ";"
516
- }
517
- ],
518
- "isStatic": false,
519
- "returnTypeTokenRange": {
520
- "startIndex": 4,
521
- "endIndex": 5
522
- },
523
- "releaseTag": "Public",
524
- "isProtected": false,
525
- "overloadIndex": 1,
526
- "parameters": [
527
- {
528
- "parameterName": "e",
529
- "parameterTypeTokenRange": {
530
- "startIndex": 1,
531
- "endIndex": 3
532
- },
533
- "isOptional": false
534
- }
535
- ],
536
- "isOptional": false,
537
- "isAbstract": false,
538
- "name": "criteriaChanged"
539
- },
540
433
  {
541
434
  "kind": "Property",
542
435
  "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#datasourceConfig:member",
@@ -600,36 +493,6 @@
600
493
  "isAbstract": false,
601
494
  "name": "deepClone"
602
495
  },
603
- {
604
- "kind": "Property",
605
- "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#defaultEntityValues:member",
606
- "docComment": "",
607
- "excerptTokens": [
608
- {
609
- "kind": "Content",
610
- "text": "defaultEntityValues: "
611
- },
612
- {
613
- "kind": "Content",
614
- "text": "any"
615
- },
616
- {
617
- "kind": "Content",
618
- "text": ";"
619
- }
620
- ],
621
- "isReadonly": false,
622
- "isOptional": false,
623
- "releaseTag": "Public",
624
- "name": "defaultEntityValues",
625
- "propertyTypeTokenRange": {
626
- "startIndex": 1,
627
- "endIndex": 2
628
- },
629
- "isStatic": false,
630
- "isProtected": false,
631
- "isAbstract": false
632
- },
633
496
  {
634
497
  "kind": "Property",
635
498
  "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#deleteEvent:member",
@@ -931,36 +794,6 @@
931
794
  "isProtected": false,
932
795
  "isAbstract": false
933
796
  },
934
- {
935
- "kind": "Property",
936
- "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#modalPosition:member",
937
- "docComment": "/**\n * Determines where the modal dialog will appear on screen\n *\n * @public\n */\n",
938
- "excerptTokens": [
939
- {
940
- "kind": "Content",
941
- "text": "modalPosition: "
942
- },
943
- {
944
- "kind": "Content",
945
- "text": "'centre' | 'left' | 'right'"
946
- },
947
- {
948
- "kind": "Content",
949
- "text": ";"
950
- }
951
- ],
952
- "isReadonly": false,
953
- "isOptional": false,
954
- "releaseTag": "Public",
955
- "name": "modalPosition",
956
- "propertyTypeTokenRange": {
957
- "startIndex": 1,
958
- "endIndex": 2
959
- },
960
- "isStatic": false,
961
- "isProtected": false,
962
- "isAbstract": false
963
- },
964
797
  {
965
798
  "kind": "Property",
966
799
  "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#persistColumnStateKey:member",
@@ -18,33 +18,6 @@ import { RouterConfiguration } from '@microsoft/fast-router';
18
18
  import { Session } from '@genesislcap/foundation-comms';
19
19
  import { ViewTemplate } from '@microsoft/fast-element';
20
20
 
21
- /**
22
- * @public
23
- */
24
- export declare const buttonCellRenderer: (title: any, clickHandler: any) => {
25
- width: number;
26
- pinned: string;
27
- enableCellChangeFlash: boolean;
28
- cellStyle: {
29
- padding: string;
30
- lineHeight: string;
31
- };
32
- filter: boolean;
33
- suppressFiltersToolPanel: boolean;
34
- suppressColumnsToolPanel: boolean;
35
- headerName: string;
36
- minWidth: number;
37
- maxWidth: number;
38
- cellRendererSelector: (params: any) => {
39
- component: string;
40
- params: {
41
- actionClick: any;
42
- actionName: any;
43
- appearance: string;
44
- };
45
- };
46
- };
47
-
48
21
  /**
49
22
  * The attribute which is set to configure the resource that the entity manager is working with
50
23
  *
@@ -193,7 +166,6 @@ export declare class EntityManagement extends EntityManagement_base {
193
166
  */
194
167
  editedEntity: any;
195
168
  submitting: boolean;
196
- defaultEntityValues: any;
197
169
  /**
198
170
  * String which contains the text of the popup modal when the user is adding or editing an entity
199
171
  */
@@ -204,11 +176,6 @@ export declare class EntityManagement extends EntityManagement_base {
204
176
  sizeColumnsToFit: boolean;
205
177
  enableFilterBar: boolean;
206
178
  enableCellFlashing: boolean;
207
- /**
208
- * Determines where the modal dialog will appear on screen
209
- * @public
210
- */
211
- modalPosition: 'centre' | 'left' | 'right';
212
179
  /**
213
180
  * Set up the web component
214
181
  * @internal
@@ -228,11 +195,6 @@ export declare class EntityManagement extends EntityManagement_base {
228
195
  * @public
229
196
  */
230
197
  submitEntityChanges(e: CustomEvent): Promise<void>;
231
- /**
232
- * Show the entity create form
233
- * @public
234
- */
235
- create(): void;
236
198
  /**
237
199
  * Updates the reference to the current entity stored in the class. Added as an event listener on the class when receiving the `rowSelected` event.
238
200
  *
@@ -249,7 +211,6 @@ export declare class EntityManagement extends EntityManagement_base {
249
211
  private editEntity;
250
212
  private readEntity;
251
213
  closeModal(): void;
252
- criteriaChanged(e: CustomEvent<string>): void;
253
214
  /**
254
215
  * Handler for deleting the entity. Added as an event listener on the class when receiving the `delete-entity` event.
255
216
  *
@@ -41,7 +41,6 @@ Where:<br /> - the title of the grid is `Counterparty Management`<br /> - the na
41
41
  | [createEvent](./foundation-entity-management.entitymanagement.createevent.md) | | string | Name of the event handler on the Genesis server which handles creating an entity |
42
42
  | [createFormUiSchema](./foundation-entity-management.entitymanagement.createformuischema.md) | | any | |
43
43
  | [datasourceConfig](./foundation-entity-management.entitymanagement.datasourceconfig.md) | | [DatasourceConfiguration](./foundation-entity-management.datasourceconfiguration.md) | The configuration which is used when interacting with the resource on the backend |
44
- | [defaultEntityValues](./foundation-entity-management.entitymanagement.defaultentityvalues.md) | | any | |
45
44
  | [deleteEvent](./foundation-entity-management.entitymanagement.deleteevent.md) | | string | Name of the event handler on the Genesis server which handles deleting the entity |
46
45
  | [editDialogTitle](./foundation-entity-management.entitymanagement.editdialogtitle.md) | | string | String which contains the text of the popup modal when the user is adding or editing an entity |
47
46
  | [editedEntity](./foundation-entity-management.entitymanagement.editedentity.md) | | any | Disables the form while enabled to stop the user dispatching a large number of duplicate events |
@@ -51,7 +50,6 @@ Where:<br /> - the title of the grid is `Counterparty Management`<br /> - the na
51
50
  | [enableFilterBar](./foundation-entity-management.entitymanagement.enablefilterbar.md) | | boolean | |
52
51
  | [entityLabel](./foundation-entity-management.entitymanagement.entitylabel.md) | | string | Label for the entity which has usages such as being shown in the title of the modal wen editing the entity |
53
52
  | [formUiSchema](./foundation-entity-management.entitymanagement.formuischema.md) | | any | |
54
- | [modalPosition](./foundation-entity-management.entitymanagement.modalposition.md) | | 'centre' \| 'left' \| 'right' | Determines where the modal dialog will appear on screen |
55
53
  | [persistColumnStateKey](./foundation-entity-management.entitymanagement.persistcolumnstatekey.md) | | string | This attribute controls whether and how the entity manager stores the state of the columns when the user edits them. Omit this attribute to disable the functionality, set it to a unique value to enable it. |
56
54
  | [readEvent](./foundation-entity-management.entitymanagement.readevent.md) | | string | |
57
55
  | [readEventFn](./foundation-entity-management.entitymanagement.readeventfn.md) | | (...args: any\[\]) =&gt; {} | |
@@ -70,8 +68,6 @@ Where:<br /> - the title of the grid is `Counterparty Management`<br /> - the na
70
68
  | --- | --- | --- |
71
69
  | [closeModal()](./foundation-entity-management.entitymanagement.closemodal.md) | | |
72
70
  | [confirmDelete()](./foundation-entity-management.entitymanagement.confirmdelete.md) | | |
73
- | [create()](./foundation-entity-management.entitymanagement.create.md) | | Show the entity create form |
74
- | [criteriaChanged(e)](./foundation-entity-management.entitymanagement.criteriachanged.md) | | |
75
71
  | [deepClone()](./foundation-entity-management.entitymanagement.deepclone.md) | | Override the deepClone method to ensure that observable attributes are cloned |
76
72
  | [editModalVisibleChanged()](./foundation-entity-management.entitymanagement.editmodalvisiblechanged.md) | | |
77
73
  | [submitEntityChanges(e)](./foundation-entity-management.entitymanagement.submitentitychanges.md) | | Event handler for when the user submits the action for the currently open form, either editing or adding the entity |
@@ -17,7 +17,6 @@
17
17
 
18
18
  | Variable | Description |
19
19
  | --- | --- |
20
- | [buttonCellRenderer](./foundation-entity-management.buttoncellrenderer.md) | |
21
20
  | [getErrorFormat](./foundation-entity-management.geterrorformat.md) | Format the error as a string with a different format depending on whether <code>err</code> has a <code>FIELD</code> property or not |
22
21
  | [logger](./foundation-entity-management.logger.md) | |
23
22
  | [UsersColumnConfig](./foundation-entity-management.userscolumnconfig.md) | Defines the default columns which are present on the user management component |
@@ -24,31 +24,6 @@ import { RouterConfiguration } from '@microsoft/fast-router';
24
24
  import { Session } from '@genesislcap/foundation-comms';
25
25
  import { ViewTemplate } from '@microsoft/fast-element';
26
26
 
27
- // @public (undocumented)
28
- export const buttonCellRenderer: (title: any, clickHandler: any) => {
29
- width: number;
30
- pinned: string;
31
- enableCellChangeFlash: boolean;
32
- cellStyle: {
33
- padding: string;
34
- lineHeight: string;
35
- };
36
- filter: boolean;
37
- suppressFiltersToolPanel: boolean;
38
- suppressColumnsToolPanel: boolean;
39
- headerName: string;
40
- minWidth: number;
41
- maxWidth: number;
42
- cellRendererSelector: (params: any) => {
43
- component: string;
44
- params: {
45
- actionClick: any;
46
- actionName: any;
47
- appearance: string;
48
- };
49
- };
50
- };
51
-
52
27
  // @public
53
28
  export type DatasourceConfiguration = Omit<DatasourceOptions, 'resourceName' | 'request'>;
54
29
 
@@ -69,16 +44,11 @@ export class EntityManagement extends EntityManagement_base {
69
44
  protected connect: Connect;
70
45
  // @internal
71
46
  connectedCallback(): Promise<void>;
72
- create(): void;
73
47
  createEvent: string;
74
48
  // (undocumented)
75
49
  createFormUiSchema: any;
76
- // (undocumented)
77
- criteriaChanged(e: CustomEvent<string>): void;
78
50
  datasourceConfig: DatasourceConfiguration;
79
51
  deepClone(): Node;
80
- // (undocumented)
81
- defaultEntityValues: any;
82
52
  // @internal
83
53
  deleteEntity(e: CustomEvent): Promise<void>;
84
54
  deleteEvent: string;
@@ -103,7 +73,6 @@ export class EntityManagement extends EntityManagement_base {
103
73
  formResourceName: string;
104
74
  // (undocumented)
105
75
  formUiSchema: any;
106
- modalPosition: 'centre' | 'left' | 'right';
107
76
  persistColumnStateKey: string;
108
77
  // (undocumented)
109
78
  readEvent: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-entity-management",
3
3
  "description": "Genesis Foundation Entity Management",
4
- "version": "14.24.4-bny.22",
4
+ "version": "14.24.4",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -39,8 +39,8 @@
39
39
  "test:unit:watch": "watchlist src test -- npm run test:unit"
40
40
  },
41
41
  "devDependencies": {
42
- "@genesislcap/foundation-testing": "14.24.4-bny.22",
43
- "@genesislcap/genx": "14.24.4-bny.22",
42
+ "@genesislcap/foundation-testing": "^14.24.4",
43
+ "@genesislcap/genx": "^14.24.4",
44
44
  "@playwright/test": "^1.18.1",
45
45
  "bulma": "^0.9.3",
46
46
  "c8": "^7.11.0",
@@ -81,15 +81,15 @@
81
81
  "webpack-merge": "^5.7.3"
82
82
  },
83
83
  "dependencies": {
84
- "@genesislcap/foundation-comms": "14.24.4-bny.22",
85
- "@genesislcap/foundation-errors": "14.24.4-bny.22",
86
- "@genesislcap/foundation-forms": "14.24.4-bny.22",
87
- "@genesislcap/foundation-login": "14.24.4-bny.22",
88
- "@genesislcap/foundation-ui": "14.24.4-bny.22",
89
- "@genesislcap/foundation-utils": "14.24.4-bny.22",
90
- "@genesislcap/foundation-zero": "14.24.4-bny.22",
91
- "@genesislcap/foundation-zero-grid-pro": "14.24.4-bny.22",
92
- "@genesislcap/grid-pro": "14.24.4-bny.22",
84
+ "@genesislcap/foundation-comms": "^14.24.4",
85
+ "@genesislcap/foundation-errors": "^14.24.4",
86
+ "@genesislcap/foundation-forms": "^14.24.4",
87
+ "@genesislcap/foundation-login": "^14.24.4",
88
+ "@genesislcap/foundation-ui": "^14.24.4",
89
+ "@genesislcap/foundation-utils": "^14.24.4",
90
+ "@genesislcap/foundation-zero": "^14.24.4",
91
+ "@genesislcap/foundation-zero-grid-pro": "^14.24.4",
92
+ "@genesislcap/grid-pro": "^14.24.4",
93
93
  "@microsoft/fast-components": "^2.21.3",
94
94
  "@microsoft/fast-element": "^1.7.0",
95
95
  "@microsoft/fast-foundation": "^2.33.2",
@@ -114,5 +114,5 @@
114
114
  "access": "public"
115
115
  },
116
116
  "customElements": "dist/custom-elements.json",
117
- "gitHead": "f989b7e903567e6bf9489c2db2e58981f7add592"
117
+ "gitHead": "f10d551ef1457c744c75d1a21f711b1930242f05"
118
118
  }
@@ -1,34 +0,0 @@
1
- <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
-
3
- [Home](./index.md) &gt; [@genesislcap/foundation-entity-management](./foundation-entity-management.md) &gt; [buttonCellRenderer](./foundation-entity-management.buttoncellrenderer.md)
4
-
5
- ## buttonCellRenderer variable
6
-
7
-
8
- **Signature:**
9
-
10
- ```typescript
11
- buttonCellRenderer: (title: any, clickHandler: any) => {
12
- width: number;
13
- pinned: string;
14
- enableCellChangeFlash: boolean;
15
- cellStyle: {
16
- padding: string;
17
- lineHeight: string;
18
- };
19
- filter: boolean;
20
- suppressFiltersToolPanel: boolean;
21
- suppressColumnsToolPanel: boolean;
22
- headerName: string;
23
- minWidth: number;
24
- maxWidth: number;
25
- cellRendererSelector: (params: any) => {
26
- component: string;
27
- params: {
28
- actionClick: any;
29
- actionName: any;
30
- appearance: string;
31
- };
32
- };
33
- }
34
- ```
@@ -1,17 +0,0 @@
1
- <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
-
3
- [Home](./index.md) &gt; [@genesislcap/foundation-entity-management](./foundation-entity-management.md) &gt; [EntityManagement](./foundation-entity-management.entitymanagement.md) &gt; [create](./foundation-entity-management.entitymanagement.create.md)
4
-
5
- ## EntityManagement.create() method
6
-
7
- Show the entity create form
8
-
9
- **Signature:**
10
-
11
- ```typescript
12
- create(): void;
13
- ```
14
- **Returns:**
15
-
16
- void
17
-
@@ -1,22 +0,0 @@
1
- <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
-
3
- [Home](./index.md) &gt; [@genesislcap/foundation-entity-management](./foundation-entity-management.md) &gt; [EntityManagement](./foundation-entity-management.entitymanagement.md) &gt; [criteriaChanged](./foundation-entity-management.entitymanagement.criteriachanged.md)
4
-
5
- ## EntityManagement.criteriaChanged() method
6
-
7
- **Signature:**
8
-
9
- ```typescript
10
- criteriaChanged(e: CustomEvent<string>): void;
11
- ```
12
-
13
- ## Parameters
14
-
15
- | Parameter | Type | Description |
16
- | --- | --- | --- |
17
- | e | CustomEvent&lt;string&gt; | |
18
-
19
- **Returns:**
20
-
21
- void
22
-
@@ -1,11 +0,0 @@
1
- <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
-
3
- [Home](./index.md) &gt; [@genesislcap/foundation-entity-management](./foundation-entity-management.md) &gt; [EntityManagement](./foundation-entity-management.entitymanagement.md) &gt; [defaultEntityValues](./foundation-entity-management.entitymanagement.defaultentityvalues.md)
4
-
5
- ## EntityManagement.defaultEntityValues property
6
-
7
- **Signature:**
8
-
9
- ```typescript
10
- defaultEntityValues: any;
11
- ```
@@ -1,13 +0,0 @@
1
- <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
-
3
- [Home](./index.md) &gt; [@genesislcap/foundation-entity-management](./foundation-entity-management.md) &gt; [EntityManagement](./foundation-entity-management.entitymanagement.md) &gt; [modalPosition](./foundation-entity-management.entitymanagement.modalposition.md)
4
-
5
- ## EntityManagement.modalPosition property
6
-
7
- Determines where the modal dialog will appear on screen
8
-
9
- **Signature:**
10
-
11
- ```typescript
12
- modalPosition: 'centre' | 'left' | 'right';
13
- ```