@sankhyalabs/ezui 1.2.0-beta.13 → 1.2.0-beta.14
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.
- package/dist/cjs/ez-grid.cjs.entry.js +75 -9
- package/dist/cjs/ez-modal-container.cjs.entry.js +15 -1
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +43 -10
- package/dist/collection/components/ez-grid/controller/ag-grid/components/cellRenderer.js +31 -0
- package/dist/collection/components/ez-grid/ez-grid.js +23 -2
- package/dist/collection/components/ez-modal-container/ez-modal-container.js +43 -2
- package/dist/collection/components/ez-modal-container/index.js +1 -0
- package/dist/collection/components/ez-modal-container/modal-button-status.js +7 -0
- package/dist/custom-elements/index.js +92 -12
- package/dist/esm/ez-grid.entry.js +75 -9
- package/dist/esm/ez-modal-container.entry.js +15 -1
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ez-grid.entry.js +75 -9
- package/dist/ezui/ez-modal-container.entry.js +15 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-344b9ec3.entry.js +1 -0
- package/dist/ezui/{p-3a0dd69f.entry.js → p-82c2d3c9.entry.js} +1 -1
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +11 -0
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +4 -1
- package/dist/types/components/ez-grid/controller/ag-grid/components/cellRenderer.d.ts +9 -0
- package/dist/types/components/ez-grid/ez-grid.d.ts +7 -2
- package/dist/types/components/ez-modal-container/ez-modal-container.d.ts +10 -0
- package/dist/types/components/ez-modal-container/index.d.ts +1 -0
- package/dist/types/components/ez-modal-container/modal-button-status.d.ts +6 -0
- package/dist/types/components.d.ts +31 -1
- package/package.json +1 -1
- package/dist/ezui/p-e58aa67c.entry.js +0 -1
|
@@ -114,7 +114,15 @@ export interface EzGridOptions {
|
|
|
114
114
|
* Endereço do servidor para buscar os dados.
|
|
115
115
|
*/
|
|
116
116
|
serverURL: string;
|
|
117
|
+
/**
|
|
118
|
+
* Repositório de dados, controla a manipulação dos dados.
|
|
119
|
+
*/
|
|
117
120
|
dataUnit: DataUnit;
|
|
121
|
+
/**
|
|
122
|
+
* Configuração do valor da coluna de status.
|
|
123
|
+
* Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
|
|
124
|
+
*/
|
|
125
|
+
statusResolver: IStatusResolver;
|
|
118
126
|
}
|
|
119
127
|
/**
|
|
120
128
|
* Representa cada coluna da grade.
|
|
@@ -228,3 +236,6 @@ export interface EzGridColumnConfig {
|
|
|
228
236
|
*/
|
|
229
237
|
ascending?: boolean;
|
|
230
238
|
}
|
|
239
|
+
export interface IStatusResolver {
|
|
240
|
+
[fieldName: string]: Map<String, any>;
|
|
241
|
+
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumnMenuItemDef, EzGridOptions } from "../EzGridController";
|
|
2
1
|
import { Sort, SortingProvider } from "@sankhyalabs/core";
|
|
2
|
+
import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumnMenuItemDef, EzGridOptions } from "../EzGridController";
|
|
3
3
|
export default class AgGridController implements EzGridController, SortingProvider {
|
|
4
4
|
private readonly DEFAULT_ROW_HEIGHT;
|
|
5
5
|
private readonly CHECK_BOX_COL_ID;
|
|
6
|
+
private readonly STATUS_COL_ID;
|
|
6
7
|
private readonly RECORD_ARCHIVE_COL_ID;
|
|
7
8
|
private readonly BLOCK_LOAD_DEBOUNCE;
|
|
8
9
|
private _grid;
|
|
@@ -17,6 +18,7 @@ export default class AgGridController implements EzGridController, SortingProvid
|
|
|
17
18
|
private _idAttribName;
|
|
18
19
|
private _dataSource;
|
|
19
20
|
private _colDefs;
|
|
21
|
+
private _statusResolver;
|
|
20
22
|
constructor(enterprise: boolean);
|
|
21
23
|
getSort(): Array<Sort>;
|
|
22
24
|
initDatagrid(container: HTMLElement, options: EzGridOptions): void;
|
|
@@ -39,6 +41,7 @@ export default class AgGridController implements EzGridController, SortingProvid
|
|
|
39
41
|
quickFilter(term: string): void;
|
|
40
42
|
setSelectedIndex(index: number): void;
|
|
41
43
|
private buildColDef;
|
|
44
|
+
private getInitCellStyle;
|
|
42
45
|
private getStyleByColumn;
|
|
43
46
|
private getFormatterByColumn;
|
|
44
47
|
private onCallStateChange;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ICellRendererComp, ICellRendererParams } from "ag-grid-community";
|
|
2
|
+
export declare class CellRenderer implements ICellRendererComp {
|
|
3
|
+
private _eGui;
|
|
4
|
+
init(params: ICellRendererParams | any): void;
|
|
5
|
+
refresh(params: ICellRendererParams | any): boolean;
|
|
6
|
+
destroy(): void;
|
|
7
|
+
getGui(): any;
|
|
8
|
+
private renderStatus;
|
|
9
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DataUnit } from "@sankhyalabs/core";
|
|
2
2
|
import { EventEmitter } from "../../stencil-public-runtime";
|
|
3
|
-
import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig } from "./controller/EzGridController";
|
|
3
|
+
import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver } from "./controller/EzGridController";
|
|
4
4
|
export declare class EzGrid {
|
|
5
5
|
_gridConfig: HTMLEzGridConfigElement;
|
|
6
6
|
_container: HTMLElement;
|
|
@@ -38,9 +38,14 @@ export declare class EzGrid {
|
|
|
38
38
|
*/
|
|
39
39
|
serverUrl: string;
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
41
|
+
* Repositório de dados, controla a manipulação dos dados.
|
|
42
42
|
*/
|
|
43
43
|
dataUnit: DataUnit;
|
|
44
|
+
/**
|
|
45
|
+
* Configuração do valor da coluna de status.
|
|
46
|
+
* Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
|
|
47
|
+
*/
|
|
48
|
+
statusResolver: IStatusResolver;
|
|
44
49
|
/**
|
|
45
50
|
* Método responsável por receber a definição das colunas
|
|
46
51
|
*/
|
|
@@ -16,6 +16,14 @@ export declare class EzModalContainer {
|
|
|
16
16
|
* Determina o texto do botão de Ok
|
|
17
17
|
*/
|
|
18
18
|
okButtonLabel: string;
|
|
19
|
+
/**
|
|
20
|
+
* Variação de estado do botão de cancelar: [HIDDEN|ENABLED|DISABLED]
|
|
21
|
+
*/
|
|
22
|
+
cancelButtonStatus: string;
|
|
23
|
+
/**
|
|
24
|
+
* Variação de estado do botão de ok: [HIDDEN|ENABLED|DISABLED]
|
|
25
|
+
*/
|
|
26
|
+
okButtonStatus: string;
|
|
19
27
|
/**
|
|
20
28
|
* Representa a interação com o usuário.
|
|
21
29
|
* OK - Quando o botão é acionado
|
|
@@ -23,5 +31,7 @@ export declare class EzModalContainer {
|
|
|
23
31
|
* CLOSE - Quando o botão de fechar é acionado.
|
|
24
32
|
*/
|
|
25
33
|
ezModalAction: EventEmitter<string>;
|
|
34
|
+
private cancelIsVisible;
|
|
35
|
+
private okIsVisible;
|
|
26
36
|
render(): any;
|
|
27
37
|
}
|
|
@@ -11,7 +11,7 @@ import { Option } from "./components/ez-combo-box/ez-combo-box";
|
|
|
11
11
|
import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
|
|
12
12
|
import { DialogType } from "./components/ez-dialog/DialogType";
|
|
13
13
|
import { FieldConfig, RecordValidator, ValidationResult } from "./components/ez-form/ez-form";
|
|
14
|
-
import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig } from "./components/ez-grid/controller/EzGridController";
|
|
14
|
+
import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver } from "./components/ez-grid/controller/EzGridController";
|
|
15
15
|
import { ListGroup, ListItem } from "./components/ez-list/ez-list";
|
|
16
16
|
import { Radio } from "./components/ez-radio-button/ez-radio-button";
|
|
17
17
|
import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
|
|
@@ -424,6 +424,9 @@ export namespace Components {
|
|
|
424
424
|
* Configuração de exibição da grade.
|
|
425
425
|
*/
|
|
426
426
|
"config": IGridConfig;
|
|
427
|
+
/**
|
|
428
|
+
* Repositório de dados, controla a manipulação dos dados.
|
|
429
|
+
*/
|
|
427
430
|
"dataUnit": DataUnit;
|
|
428
431
|
/**
|
|
429
432
|
* Método retornar o estado atual das colunas do grid.
|
|
@@ -462,6 +465,10 @@ export namespace Components {
|
|
|
462
465
|
* Método de carga dos registros. Os objetos deste array devem conter atributos para as colunas desejadas.
|
|
463
466
|
*/
|
|
464
467
|
"setData": (data: Array<any>) => Promise<any>;
|
|
468
|
+
/**
|
|
469
|
+
* Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
|
|
470
|
+
*/
|
|
471
|
+
"statusResolver": IStatusResolver;
|
|
465
472
|
}
|
|
466
473
|
interface EzGridConfig {
|
|
467
474
|
"columns": Array<EzGridColumn>;
|
|
@@ -555,6 +562,10 @@ export namespace Components {
|
|
|
555
562
|
* Determina o texto do botão de cancelar
|
|
556
563
|
*/
|
|
557
564
|
"cancelButtonLabel": string;
|
|
565
|
+
/**
|
|
566
|
+
* Variação de estado do botão de cancelar: [HIDDEN|ENABLED|DISABLED]
|
|
567
|
+
*/
|
|
568
|
+
"cancelButtonStatus": string;
|
|
558
569
|
/**
|
|
559
570
|
* Subtítulo (opcional), geralmente usado para orientação do usuário
|
|
560
571
|
*/
|
|
@@ -567,6 +578,10 @@ export namespace Components {
|
|
|
567
578
|
* Determina o texto do botão de Ok
|
|
568
579
|
*/
|
|
569
580
|
"okButtonLabel": string;
|
|
581
|
+
/**
|
|
582
|
+
* Variação de estado do botão de ok: [HIDDEN|ENABLED|DISABLED]
|
|
583
|
+
*/
|
|
584
|
+
"okButtonStatus": string;
|
|
570
585
|
}
|
|
571
586
|
interface EzNumberInput {
|
|
572
587
|
/**
|
|
@@ -1611,6 +1626,9 @@ declare namespace LocalJSX {
|
|
|
1611
1626
|
* Configuração de exibição da grade.
|
|
1612
1627
|
*/
|
|
1613
1628
|
"config"?: IGridConfig;
|
|
1629
|
+
/**
|
|
1630
|
+
* Repositório de dados, controla a manipulação dos dados.
|
|
1631
|
+
*/
|
|
1614
1632
|
"dataUnit"?: DataUnit;
|
|
1615
1633
|
/**
|
|
1616
1634
|
* Habilita a seleção de várias linhas
|
|
@@ -1636,6 +1654,10 @@ declare namespace LocalJSX {
|
|
|
1636
1654
|
* Endereço do servidor. Se informado, o próprio datagrid controlará a obtenção dos dados, anulando a necessidade de acionar o método "setData(data)"
|
|
1637
1655
|
*/
|
|
1638
1656
|
"serverUrl"?: string;
|
|
1657
|
+
/**
|
|
1658
|
+
* Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
|
|
1659
|
+
*/
|
|
1660
|
+
"statusResolver"?: IStatusResolver;
|
|
1639
1661
|
}
|
|
1640
1662
|
interface EzGridConfig {
|
|
1641
1663
|
"columns"?: Array<EzGridColumn>;
|
|
@@ -1721,6 +1743,10 @@ declare namespace LocalJSX {
|
|
|
1721
1743
|
* Determina o texto do botão de cancelar
|
|
1722
1744
|
*/
|
|
1723
1745
|
"cancelButtonLabel"?: string;
|
|
1746
|
+
/**
|
|
1747
|
+
* Variação de estado do botão de cancelar: [HIDDEN|ENABLED|DISABLED]
|
|
1748
|
+
*/
|
|
1749
|
+
"cancelButtonStatus"?: string;
|
|
1724
1750
|
/**
|
|
1725
1751
|
* Subtítulo (opcional), geralmente usado para orientação do usuário
|
|
1726
1752
|
*/
|
|
@@ -1733,6 +1759,10 @@ declare namespace LocalJSX {
|
|
|
1733
1759
|
* Determina o texto do botão de Ok
|
|
1734
1760
|
*/
|
|
1735
1761
|
"okButtonLabel"?: string;
|
|
1762
|
+
/**
|
|
1763
|
+
* Variação de estado do botão de ok: [HIDDEN|ENABLED|DISABLED]
|
|
1764
|
+
*/
|
|
1765
|
+
"okButtonStatus"?: string;
|
|
1736
1766
|
/**
|
|
1737
1767
|
* Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado.
|
|
1738
1768
|
*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as a,H as i}from"./p-3c7ea91b.js";var o;!function(e){e.CLOSE="CLOSE",e.OK="OK",e.CANCEL="CANCEL"}(o||(o={}));const l=o;let n=class{constructor(a){e(this,a),this.ezModalAction=t(this,"ezModalAction",7)}render(){return a(i,null,a("div",{class:"ez-modal-container__header ez-align--middle"},a("div",{class:"ez-col ez-align--middle ez-modal-container__title"},a("h2",{class:"ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small"},this.modalTitle),this.modalSubTitle?a("div",{class:"ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small"},this.modalSubTitle):void 0),a("ez-icon",{class:"ez-modal-container__close-button",size:"medium",iconName:"close",onClick:()=>this.ezModalAction.emit(l.CLOSE)})),a("div",{class:"ez-modal-container__content ez-margin-top--large"},a("slot",null)),a("div",{class:"ez-col ez-margin-left--auto"},this.cancelButtonLabel?a("ez-button",{label:this.cancelButtonLabel,onClick:()=>this.ezModalAction.emit(l.CANCEL)}):void 0,this.okButtonLabel?a("ez-button",{label:this.okButtonLabel,class:"ez-button--primary ez-margin-left--medium",onClick:()=>this.ezModalAction.emit(l.OK)}):void 0))}};n.style=".sc-ez-modal-container-h{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.ez-modal-container__header.sc-ez-modal-container{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.ez-modal-container__content.sc-ez-modal-container{overflow-y:auto;scrollbar-gutter:stable}.ez-modal-container__title.sc-ez-modal-container{display:grid}.ez-modal-container__close-button.sc-ez-modal-container{cursor:pointer;--icon--color:var(--title--primary, #2B3A54)}";export{n as ez_modal_container}
|