@sankhyalabs/ezui-docs 7.1.0-dev.2 → 7.1.0-dev.21

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.
@@ -56,6 +56,7 @@ Type: `Promise<void>`
56
56
  - [ez-double-list](../ez-double-list)
57
57
  - [ez-grid](../ez-grid)
58
58
  - [ez-guide-navigator](../ez-guide-navigator)
59
+ - [ez-image-input](../ez-image-input)
59
60
  - [ez-modal-container](../ez-modal-container)
60
61
  - [ez-pagination](../ez-pagination)
61
62
  - [ez-popup](../ez-popup)
@@ -80,6 +81,7 @@ graph TD;
80
81
  ez-double-list --> ez-button
81
82
  ez-grid --> ez-button
82
83
  ez-guide-navigator --> ez-button
84
+ ez-image-input --> ez-button
83
85
  ez-modal-container --> ez-button
84
86
  ez-pagination --> ez-button
85
87
  ez-popup --> ez-button
@@ -103,4 +103,5 @@ graph TD;
103
103
  | --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando está ativo. |
104
104
  | --ez-label-chip\_\_label\_\_container--text--disabled | Define a cor do texto e do ícone quando o chip está desabilitado. |
105
105
  | --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda quando o componente está ativo. |
106
- | --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. |
106
+ | --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. |
107
+ | --ez-label-chip\_\_label\_\_container--margin | Define a margem do chip. |
@@ -25,6 +25,7 @@
25
25
  | ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
26
26
  | `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
27
27
  | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<Date>` |
28
+ | `ezInput` | Emitido quando o usuário digita uma data válida no campo. | `CustomEvent<Date>` |
28
29
  | `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
29
30
 
30
31
 
@@ -67,6 +67,7 @@ graph TD;
67
67
  | --dialog\_\_btn\_\_close--background-color | Define a cor de fundo do botão de fechar. |
68
68
  | --dialog\_\_btn\_\_no--padding-right | Define o espaçamento direito do botão de negação. |
69
69
  | --dialog\_\_btn\_\_close\_\_image | Contém a imagem do ícone de fechamento. |
70
+ | --dialog\_\_btn\_\_min-width | Define a largura mínima dos botões. |
70
71
  | --dialog\_\_title--font-pattern | Define o estilo da mensagem exibida no título. |
71
72
  | --dialog\_\_title--padding-left | Define o espaçamento a esquerda do título. |
72
73
  | --dialog\_\_title\_\_container--padding-bottom | Define o espaçamento abaixo do container do título. |
@@ -7,15 +7,16 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------- |
12
- | `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
13
- | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
14
- | `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
15
- | `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
16
- | `onlyStaticFields` | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean` | `false` |
17
- | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
18
- | `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | ----------- |
12
+ | `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
13
+ | `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField) => HTMLElement>` | `new Map()` |
14
+ | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
15
+ | `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
16
+ | `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
17
+ | `onlyStaticFields` | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean` | `false` |
18
+ | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
19
+ | `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
19
20
 
20
21
 
21
22
  ## Events
@@ -92,6 +93,7 @@ graph TD;
92
93
  ez-form-view --> ez-search-plus
93
94
  ez-form-view --> ez-search
94
95
  ez-form-view --> ez-rich-text
96
+ ez-form-view --> ez-image-input
95
97
  ez-collapsible-box --> ez-icon
96
98
  ez-collapsible-box --> ez-text-edit
97
99
  ez-text-edit --> ez-text-input
@@ -150,6 +152,10 @@ graph TD;
150
152
  ez-simple-image-uploader --> ez-tooltip
151
153
  ez-simple-image-uploader --> ez-text-input
152
154
  ez-simple-image-uploader --> ez-icon
155
+ ez-image-input --> ez-skeleton
156
+ ez-image-input --> ez-button
157
+ ez-image-input --> ez-icon
158
+ ez-image-input --> ez-popup
153
159
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
154
160
  ```
155
161
 
@@ -7,11 +7,12 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ---------------- | --------------- | ------------------------------------------------------------------------- | ------------------ | ----------- |
12
- | `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
13
- | `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
14
- | `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------ | --------------- | ------------------------------------------------------------------------- | ------------------------------------------------------------ | ----------- |
12
+ | `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField) => HTMLElement>` | `new Map()` |
13
+ | `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
14
+ | `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
15
+ | `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
15
16
 
16
17
 
17
18
  ## Events
@@ -77,6 +78,7 @@ Type: `Promise<void>`
77
78
  - [ez-search-plus](../ez-search-plus)
78
79
  - [ez-search](../ez-search)
79
80
  - [ez-rich-text](../ez-rich-text)
81
+ - [ez-image-input](../ez-image-input)
80
82
 
81
83
  ### Graph
82
84
  ```mermaid
@@ -95,6 +97,7 @@ graph TD;
95
97
  ez-form-view --> ez-search-plus
96
98
  ez-form-view --> ez-search
97
99
  ez-form-view --> ez-rich-text
100
+ ez-form-view --> ez-image-input
98
101
  ez-collapsible-box --> ez-icon
99
102
  ez-collapsible-box --> ez-text-edit
100
103
  ez-text-edit --> ez-text-input
@@ -153,6 +156,10 @@ graph TD;
153
156
  ez-simple-image-uploader --> ez-tooltip
154
157
  ez-simple-image-uploader --> ez-text-input
155
158
  ez-simple-image-uploader --> ez-icon
159
+ ez-image-input --> ez-skeleton
160
+ ez-image-input --> ez-button
161
+ ez-image-input --> ez-icon
162
+ ez-image-input --> ez-popup
156
163
  ez-form --> ez-form-view
157
164
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
158
165
  ```
@@ -35,6 +35,7 @@
35
35
  - [ez-file-item](../ez-file-item)
36
36
  - [ez-filter-input](../ez-filter-input)
37
37
  - [ez-grid](../ez-grid)
38
+ - [ez-image-input](../ez-image-input)
38
39
  - [ez-list-item](../ez-list-item)
39
40
  - [ez-modal-container](../ez-modal-container)
40
41
  - [ez-multi-selection-list](../ez-multi-selection-list)
@@ -71,6 +72,7 @@ graph TD;
71
72
  ez-file-item --> ez-icon
72
73
  ez-filter-input --> ez-icon
73
74
  ez-grid --> ez-icon
75
+ ez-image-input --> ez-icon
74
76
  ez-list-item --> ez-icon
75
77
  ez-modal-container --> ez-icon
76
78
  ez-multi-selection-list --> ez-icon
@@ -0,0 +1,77 @@
1
+ # ez-image-input
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------- | --------------- | ---------------------------------------------------------- | --------- | ------------------ |
12
+ | `accept` | `accept` | Tipos de arquivo aceitos | `string` | `'image/*'` |
13
+ | `enabled` | `enabled` | Define se o componente está habilitado | `boolean` | `true` |
14
+ | `label` | `label` | Label exibido na área de upload | `string` | `undefined` |
15
+ | `loading` | `loading` | Define se o componente está em estado de carregamento | `boolean` | `false` |
16
+ | `maxFileSize` | `max-file-size` | Define o tamanho máximo do arquivo em bytes (padrão: 20MB) | `number` | `20 * 1024 * 1024` |
17
+ | `name` | `name` | Nome do componente | `string` | `undefined` |
18
+ | `value` | `value` | Valor da imagem em base64 | `string` | `undefined` |
19
+
20
+
21
+ ## Events
22
+
23
+ | Event | Description | Type |
24
+ | ---------- | ------------------------------------------------ | --------------------- |
25
+ | `ezChange` | Evento disparado quando uma imagem é selecionada | `CustomEvent<string>` |
26
+ | `ezError` | Evento disparado quando ocorre um erro | `CustomEvent<string>` |
27
+
28
+
29
+ ## Dependencies
30
+
31
+ ### Used by
32
+
33
+ - [ez-form-view](../ez-form-view)
34
+
35
+ ### Depends on
36
+
37
+ - [ez-skeleton](../ez-skeleton)
38
+ - [ez-button](../ez-button)
39
+ - [ez-icon](../ez-icon)
40
+ - [ez-popup](../ez-popup)
41
+
42
+ ### Graph
43
+ ```mermaid
44
+ graph TD;
45
+ ez-image-input --> ez-skeleton
46
+ ez-image-input --> ez-button
47
+ ez-image-input --> ez-icon
48
+ ez-image-input --> ez-popup
49
+ ez-button --> ez-icon
50
+ ez-popup --> ez-button
51
+ ez-form-view --> ez-image-input
52
+ style ez-image-input fill:#f9f,stroke:#333,stroke-width:4px
53
+ ```
54
+
55
+ ----------------------------------------------
56
+
57
+
58
+
59
+
60
+ ## CSS Variables
61
+ | Variable | Description |
62
+ |-|-|
63
+ | --ez-image-input--container-height | Define a altura do container de imagem. |
64
+ | --ez-image-input--container-width | Define a largura do container de imagem. |
65
+ | --ez-image-input--background-color | Define a cor de fundo do container. |
66
+ | --ez-image-input--border-color | Define a cor da borda do container. |
67
+ | --ez-image-input--border-color-hover | Define a cor da borda no estado de hover. |
68
+ | --ez-image-input--border-color-dragging | Define a cor da borda quando está sendo arrastado. |
69
+ | --ez-image-input--border-color-disabled | Define a cor da borda quando está desabilitado. |
70
+ | --ez-image-input--label-color | Define a cor do texto do label. |
71
+ | --ez-image-input--icon-color | Define a cor do ícone. |
72
+ | --ez-image-input--border-radius | Define o raio da borda do container. |
73
+ | --ez-image-input--border-width | Define a largura da borda. |
74
+ | --ez-image-input--remove-button-bg | Define a cor de fundo do botão de remover. |
75
+ | --ez-image-input--remove-button-bg-hover | Define a cor de fundo do botão de remover no hover. |
76
+ | --ez-image-input--remove-button-color | Define a cor do ícone do botão de remover. |
77
+ | --ez-image-input--remove-button-border | Define a borda do botão de remover. |
@@ -38,4 +38,5 @@
38
38
  |-|-|
39
39
  | --ez-modal-z-index | Define a camada em que o componente será exibido. |
40
40
  | --ez-modal-vertical-padding | Define o espaçamento vertical do conteúdo do modal. |
41
- | --ez-modal-content-padding | Define o padding entre o conteúdo e o modal |
41
+ | --ez-modal-content-padding | Define o padding entre o conteúdo e o modal |
42
+ | --ez-modal-content-min-width | Define a largura mínima do conteúdo do modal |
@@ -9,6 +9,7 @@
9
9
 
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | -------------------- | ---------------------- | ---------------------------------------------------------------- | ------------------------------------- | ----------- |
12
+ | `autoFocus` | `auto-focus` | Se true o modal container receberá o foco ao ser renderizado. | `boolean` | `false` |
12
13
  | `cancelButtonLabel` | `cancel-button-label` | Define o texto do botão de cancelamento. | `string` | `undefined` |
13
14
  | `cancelButtonStatus` | `cancel-button-status` | Define o estado do botão de cancelamento. | `"DISABLED" \| "ENABLED" \| "HIDDEN"` | `undefined` |
14
15
  | `modalSubTitle` | `modal-sub-title` | Texto do subtítulo, geralmente usado para orientação do usuário. | `string` | `undefined` |
@@ -28,6 +28,7 @@
28
28
  | ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
29
29
  | `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
30
30
  | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<number>` |
31
+ | `ezInput` | Emitido quando o usuário digita no campo. | `CustomEvent<number>` |
31
32
  | `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
32
33
 
33
34
 
@@ -10,7 +10,7 @@
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | --------------- | ---------------- | ---------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
12
12
  | `autoClose` | `auto-close` | Define se o popup deve fechar automaticamente ao clicar fora dele. | `boolean` | `true` |
13
- | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` |
13
+ | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `true` |
14
14
  | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
15
15
  | `footerButtons` | -- | Botões do rodapé do popup. Aceita todas as propriedades do ez-button. Limitado a até 3 botões. | `Partial<EzButtonProps>[]` | `[]` |
16
16
  | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` |
@@ -31,6 +31,7 @@
31
31
 
32
32
  ### Used by
33
33
 
34
+ - [ez-image-input](../ez-image-input)
34
35
  - [ez-link-builder](../ez-rich-text/ez-link-builder)
35
36
  - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
36
37
 
@@ -43,6 +44,7 @@
43
44
  graph TD;
44
45
  ez-popup --> ez-button
45
46
  ez-button --> ez-icon
47
+ ez-image-input --> ez-popup
46
48
  ez-link-builder --> ez-popup
47
49
  ez-simple-image-uploader --> ez-popup
48
50
  style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
@@ -16,6 +16,7 @@
16
16
  | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
17
17
  | `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
18
18
  | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
19
+ | `hideDescriptionInput` | `hide-description-input` | Se true o campo de descrição não será exibido. | `boolean` | `false` |
19
20
  | `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
20
21
  | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
21
22
  | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
@@ -26,12 +26,14 @@
26
26
  ### Used by
27
27
 
28
28
  - [ez-dropdown](../ez-dropdown)
29
+ - [ez-image-input](../ez-image-input)
29
30
  - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
30
31
 
31
32
  ### Graph
32
33
  ```mermaid
33
34
  graph TD;
34
35
  ez-dropdown --> ez-skeleton
36
+ ez-image-input --> ez-skeleton
35
37
  ez-search-result-list --> ez-skeleton
36
38
  style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
37
39
  ```
@@ -12,6 +12,7 @@
12
12
  | `enableHierarchicalFilter` | `enable-hierarchical-filter` | Define se a árvore deve permitir a filtragem hierárquica. | `boolean` | `true` |
13
13
  | `iconResolver` | -- | Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS. | `(item: ITreeItem, expanded: boolean, level: number) => string` | `defaultIconResolver` |
14
14
  | `items` | -- | Define os itens apresentados na árvore. | `ITreeItem[]` | `[]` |
15
+ | `selectable` | `selectable` | Define se os itens da árvore são selecionáveis. | `boolean` | `true` |
15
16
  | `selectedId` | `selected-id` | Forma alternativa para atribuir o item selecionado por seu ID. | `string` | `undefined` |
16
17
  | `tooltipResolver` | -- | Define uma função que vai resolver o `tooltip` ou `title` daquele item. | `(item: ITreeItem, enabled: boolean, level: number) => string` | `undefined` |
17
18
  | `value` | -- | Define o item selecionado na árvore. | `ITreeItem` | `undefined` |
@@ -24,6 +25,7 @@
24
25
  | `ezChange` | Emitido quando um item é selecionado na árvore. | `CustomEvent<ITreeItem>` |
25
26
  | `ezDbClickItem` | Emitido ao dar clique duplo em um item da árvore. | `CustomEvent<ITreeItem>` |
26
27
  | `ezOpenItem` | Emitido quando um item é aberto na árvore. | `CustomEvent<ITreeItem>` |
28
+ | `ezRemoveItem` | Emitido ao remover um item da árvore. | `CustomEvent<string>` |
27
29
 
28
30
 
29
31
  ## Methods
@@ -138,6 +140,17 @@ Type: `Promise<void>`
138
140
 
139
141
  ---
140
142
 
143
+ ### `removeItem(id?: string) => Promise<void>`
144
+
145
+ Remove um item da árvore pelo seu ID.
146
+ Se o item removido estiver selecionado, a seleção será limpa.
147
+
148
+ #### Returns
149
+
150
+ Type: `Promise<void>`
151
+
152
+ ---
153
+
141
154
  ### `selectItem(id: string) => Promise<void>`
142
155
 
143
156
  Efetua a seleção de um item.
@@ -148,7 +161,7 @@ Type: `Promise<void>`
148
161
 
149
162
  ---
150
163
 
151
- ### `updateItem(item: ITreeItem) => Promise<void>`
164
+ ### `updateItem(item: ITreeItem | ITreeItem[], config?: Partial<UpdateItemConfig>) => Promise<void>`
152
165
 
153
166
  Atualiza um item
154
167
 
@@ -189,6 +202,7 @@ graph TD;
189
202
  | --ez-tree--padding-inline-start | Define a largura da identação de cada nível. |
190
203
  | --ez-tree--margin | Define a margem do componente. |
191
204
  | --ez-tree--margin-right | Define a margem da direita do componente. |
205
+ | --ez-tree--user-select | Define se o texto dos itens pode ser selecionado pelo usuário. |
192
206
  | --ez-tree--font-family | Define a família da fonte. |
193
207
  | --ez-tree--font-size | Define o tamanho da fonte. |
194
208
  | --ez-tree--selected--font-weight | Define o peso da fonte. |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "7.1.0-dev.2",
3
+ "version": "7.1.0-dev.21",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [