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

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 +18 -44
  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":"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"}
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
  `;