@sankhyalabs/sankhyablocks-docs 10.1.0-dev.37 → 10.1.0-dev.39
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/components/snk-actions-button/readme.md +7 -0
- package/components/snk-attach/readme.md +28 -5
- package/components/snk-crud/readme.md +19 -14
- package/components/snk-crud/subcomponents/readme.md +1 -3
- package/components/snk-crud/subcomponents/snk-detail-view/readme.md +1 -1
- package/components/snk-data-exporter/readme.md +5 -4
- package/components/snk-filter-bar/filter-item/readme.md +1 -0
- package/components/snk-filter-bar/filter-modal/readme.md +15 -15
- package/components/snk-filter-bar/readme.md +6 -0
- package/components/snk-grid/readme.md +34 -0
- package/components/snk-simple-bar/readme.md +0 -2
- package/components/snk-simple-crud/readme.md +1 -0
- package/components/snk-taskbar/elements/taskbar-actions-button/readme.md +6 -5
- package/components/snk-taskbar/elements/taskbar-split-button/readme.md +11 -10
- package/components/snk-taskbar/readme.md +7 -2
- package/components/snk-taskbar/subcomponents/readme.md +23 -0
- package/package.json +1 -1
|
@@ -5,6 +5,13 @@
|
|
|
5
5
|
<!-- Auto Generated Below -->
|
|
6
6
|
|
|
7
7
|
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------- | --------- | -------------------------------------------------------------------- | -------------------------------- | ---------- |
|
|
12
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
13
|
+
|
|
14
|
+
|
|
8
15
|
## Dependencies
|
|
9
16
|
|
|
10
17
|
### Used by
|
|
@@ -21,9 +21,33 @@
|
|
|
21
21
|
|
|
22
22
|
## Events
|
|
23
23
|
|
|
24
|
-
| Event
|
|
25
|
-
|
|
|
26
|
-
| `
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| -------------- | ------------------------------------------------------------- | ------------------- |
|
|
26
|
+
| `ezClosePopup` | Evento emitido ao clicar no botão de fechar (onEzClosePopup). | `CustomEvent<void>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Methods
|
|
30
|
+
|
|
31
|
+
### `close() => Promise<void>`
|
|
32
|
+
|
|
33
|
+
Fecha o popup do SnkAttach.
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
### `open() => Promise<void>`
|
|
42
|
+
|
|
43
|
+
Abre o popup do SnkAttach.
|
|
44
|
+
Inicializa o componente apenas na abertura.
|
|
45
|
+
|
|
46
|
+
#### Returns
|
|
47
|
+
|
|
48
|
+
Type: `Promise<void>`
|
|
49
|
+
|
|
50
|
+
|
|
27
51
|
|
|
28
52
|
|
|
29
53
|
## Dependencies
|
|
@@ -35,13 +59,11 @@
|
|
|
35
59
|
|
|
36
60
|
### Depends on
|
|
37
61
|
|
|
38
|
-
- [snk-simple-bar](../snk-simple-bar)
|
|
39
62
|
- [snk-simple-crud](../snk-simple-crud)
|
|
40
63
|
|
|
41
64
|
### Graph
|
|
42
65
|
```mermaid
|
|
43
66
|
graph TD;
|
|
44
|
-
snk-attach --> snk-simple-bar
|
|
45
67
|
snk-attach --> snk-simple-crud
|
|
46
68
|
snk-simple-crud --> snk-taskbar
|
|
47
69
|
snk-simple-crud --> snk-data-unit
|
|
@@ -52,6 +74,7 @@ graph TD;
|
|
|
52
74
|
snk-simple-crud --> snk-actions-button
|
|
53
75
|
snk-simple-crud --> taskbar-split-button
|
|
54
76
|
snk-simple-crud --> taskbar-actions-button
|
|
77
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
55
78
|
snk-taskbar --> snk-data-exporter
|
|
56
79
|
snk-taskbar --> snk-actions-button
|
|
57
80
|
snk-taskbar --> taskbar-split-button
|
|
@@ -182,6 +182,9 @@ Type: `Promise<void>`
|
|
|
182
182
|
|
|
183
183
|
### Depends on
|
|
184
184
|
|
|
185
|
+
- [snk-entity-search](subcomponents)
|
|
186
|
+
- [snk-taskbar](../snk-taskbar)
|
|
187
|
+
- [snk-filter-bar](../snk-filter-bar)
|
|
185
188
|
- [snk-grid](../snk-grid)
|
|
186
189
|
- [snk-guides-viewer](subcomponents)
|
|
187
190
|
- [snk-attach](../snk-attach)
|
|
@@ -194,6 +197,9 @@ Type: `Promise<void>`
|
|
|
194
197
|
### Graph
|
|
195
198
|
```mermaid
|
|
196
199
|
graph TD;
|
|
200
|
+
snk-crud --> snk-entity-search
|
|
201
|
+
snk-crud --> snk-taskbar
|
|
202
|
+
snk-crud --> snk-filter-bar
|
|
197
203
|
snk-crud --> snk-grid
|
|
198
204
|
snk-crud --> snk-guides-viewer
|
|
199
205
|
snk-crud --> snk-attach
|
|
@@ -202,13 +208,12 @@ graph TD;
|
|
|
202
208
|
snk-crud --> snk-actions-button
|
|
203
209
|
snk-crud --> taskbar-split-button
|
|
204
210
|
snk-crud --> taskbar-actions-button
|
|
205
|
-
snk-
|
|
206
|
-
snk-
|
|
207
|
-
snk-
|
|
208
|
-
snk-
|
|
209
|
-
snk-
|
|
210
|
-
snk-
|
|
211
|
-
snk-grid --> taskbar-actions-button
|
|
211
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
212
|
+
snk-taskbar --> snk-data-exporter
|
|
213
|
+
snk-taskbar --> snk-actions-button
|
|
214
|
+
snk-taskbar --> taskbar-split-button
|
|
215
|
+
snk-taskbar --> taskbar-actions-button
|
|
216
|
+
snk-data-exporter --> snk-exporter-email-sender
|
|
212
217
|
snk-filter-bar --> snk-filter-item
|
|
213
218
|
snk-filter-bar --> snk-personalized-filter
|
|
214
219
|
snk-filter-bar --> snk-filter-modal
|
|
@@ -224,16 +229,17 @@ graph TD;
|
|
|
224
229
|
snk-expression-item --> snk-filter-param-config
|
|
225
230
|
snk-filter-modal --> snk-filter-modal-item
|
|
226
231
|
snk-filter-modal --> snk-default-filter
|
|
227
|
-
snk-
|
|
228
|
-
snk-
|
|
229
|
-
snk-
|
|
230
|
-
snk-
|
|
231
|
-
snk-
|
|
232
|
+
snk-grid --> snk-filter-bar
|
|
233
|
+
snk-grid --> snk-taskbar
|
|
234
|
+
snk-grid --> snk-grid-config
|
|
235
|
+
snk-grid --> snk-data-exporter
|
|
236
|
+
snk-grid --> snk-actions-button
|
|
237
|
+
snk-grid --> taskbar-split-button
|
|
238
|
+
snk-grid --> taskbar-actions-button
|
|
232
239
|
snk-grid-config --> snk-select-box
|
|
233
240
|
snk-guides-viewer --> snk-form-view
|
|
234
241
|
snk-guides-viewer --> snk-data-unit
|
|
235
242
|
snk-guides-viewer --> snk-detail-view
|
|
236
|
-
snk-guides-viewer --> snk-taskbar
|
|
237
243
|
snk-guides-viewer --> snk-form-config
|
|
238
244
|
snk-guides-viewer --> snk-configurator
|
|
239
245
|
snk-guides-viewer --> snk-data-exporter
|
|
@@ -251,7 +257,6 @@ graph TD;
|
|
|
251
257
|
snk-detail-view --> snk-actions-button
|
|
252
258
|
snk-detail-view --> taskbar-split-button
|
|
253
259
|
snk-detail-view --> taskbar-actions-button
|
|
254
|
-
snk-attach --> snk-simple-bar
|
|
255
260
|
snk-attach --> snk-simple-crud
|
|
256
261
|
snk-simple-crud --> snk-taskbar
|
|
257
262
|
snk-simple-crud --> snk-data-unit
|
|
@@ -116,7 +116,6 @@ Type: `Promise<void>`
|
|
|
116
116
|
- [snk-form-view](.)
|
|
117
117
|
- [snk-data-unit](../../snk-data-unit)
|
|
118
118
|
- [snk-detail-view](snk-detail-view)
|
|
119
|
-
- [snk-taskbar](../../snk-taskbar)
|
|
120
119
|
- [snk-form-config](../../snk-form-config)
|
|
121
120
|
- [snk-configurator](../../snk-configurator)
|
|
122
121
|
- [snk-data-exporter](../../snk-data-exporter)
|
|
@@ -130,7 +129,6 @@ graph TD;
|
|
|
130
129
|
snk-guides-viewer --> snk-form-view
|
|
131
130
|
snk-guides-viewer --> snk-data-unit
|
|
132
131
|
snk-guides-viewer --> snk-detail-view
|
|
133
|
-
snk-guides-viewer --> snk-taskbar
|
|
134
132
|
snk-guides-viewer --> snk-form-config
|
|
135
133
|
snk-guides-viewer --> snk-configurator
|
|
136
134
|
snk-guides-viewer --> snk-data-exporter
|
|
@@ -170,13 +168,13 @@ graph TD;
|
|
|
170
168
|
snk-expression-item --> snk-filter-param-config
|
|
171
169
|
snk-filter-modal --> snk-filter-modal-item
|
|
172
170
|
snk-filter-modal --> snk-default-filter
|
|
171
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
173
172
|
snk-taskbar --> snk-data-exporter
|
|
174
173
|
snk-taskbar --> snk-actions-button
|
|
175
174
|
snk-taskbar --> taskbar-split-button
|
|
176
175
|
snk-taskbar --> taskbar-actions-button
|
|
177
176
|
snk-data-exporter --> snk-exporter-email-sender
|
|
178
177
|
snk-grid-config --> snk-select-box
|
|
179
|
-
snk-attach --> snk-simple-bar
|
|
180
178
|
snk-attach --> snk-simple-crud
|
|
181
179
|
snk-simple-crud --> snk-taskbar
|
|
182
180
|
snk-simple-crud --> snk-data-unit
|
|
@@ -141,6 +141,7 @@ graph TD;
|
|
|
141
141
|
snk-expression-item --> snk-filter-param-config
|
|
142
142
|
snk-filter-modal --> snk-filter-modal-item
|
|
143
143
|
snk-filter-modal --> snk-default-filter
|
|
144
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
144
145
|
snk-taskbar --> snk-data-exporter
|
|
145
146
|
snk-taskbar --> snk-actions-button
|
|
146
147
|
snk-taskbar --> taskbar-split-button
|
|
@@ -149,7 +150,6 @@ graph TD;
|
|
|
149
150
|
snk-grid-config --> snk-select-box
|
|
150
151
|
snk-form-view --> snk-image-input
|
|
151
152
|
snk-form-view --> snk-form-summary
|
|
152
|
-
snk-attach --> snk-simple-bar
|
|
153
153
|
snk-attach --> snk-simple-crud
|
|
154
154
|
snk-simple-crud --> snk-taskbar
|
|
155
155
|
snk-simple-crud --> snk-data-unit
|
|
@@ -7,10 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ----------------- | --------- | -------------------------------------------------------------------------------------- |
|
|
12
|
-
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder`
|
|
13
|
-
| `provider` | -- | Provedor das informações para exportação dos dados. | `IExporterProvider`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | --------- | -------------------------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
13
|
+
| `provider` | -- | Provedor das informações para exportação dos dados. | `IExporterProvider` | `null` |
|
|
14
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
14
15
|
|
|
15
16
|
|
|
16
17
|
## Dependencies
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
| `config` | -- | Define as configurações do componente snk-filter-item. | `SnkFilterItemConfig` | `undefined` |
|
|
13
13
|
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder. | `(key: string, props?: any) => string` | `undefined` |
|
|
14
14
|
| `showChips` | `show-chips` | Usado para controlar a visibilidade dos chips de filtros | `boolean` | `true` |
|
|
15
|
+
| `sizeChips` | `size-chips` | | `"default" \| "large" \| "medium"` | `'default'` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
@@ -7,21 +7,21 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ------------------------------- | ----------------------------- |
|
|
12
|
-
| `addPersonalizedFilter` | -- | Ação executada ao adicionar um filtro personalizado
|
|
13
|
-
| `applyFilters` | -- | Ação executada ao aplicar os filtros
|
|
14
|
-
| `closeModal` | -- | Ação disparada ao fechar o modal
|
|
15
|
-
| `configName` | `config-name` | Nome da configuração. Serve para distinguir várias instâncias do componente.
|
|
16
|
-
| `deletePersonalizedFilter` | -- | Ação executada ao deletar um filtro personalizado
|
|
17
|
-
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros)
|
|
18
|
-
| `editPersonalizedFilter` | -- | Ação executada ao editar um filtro personalizado
|
|
19
|
-
| `filterConfig` | -- | Filtros a serem apresentados
|
|
20
|
-
| `filterCustomConfigInterceptor` | -- |
|
|
21
|
-
| `filterDefaultToDelete` | -- | Guarda o filtro a ser deletado no Apply do modal
|
|
22
|
-
| `filtersToDelete` | -- | Guarda filtros a serem deletados no Apply do modal
|
|
23
|
-
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
|
|
24
|
-
| `opened` | `opened` | Define se o modal está aberto ou não.
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------------- | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `addPersonalizedFilter` | -- | Ação executada ao adicionar um filtro personalizado | `(isDefault?: boolean) => void` | `undefined` |
|
|
13
|
+
| `applyFilters` | -- | Ação executada ao aplicar os filtros | `(updatedFilterConfig: SnkFilterItemConfig[]) => void` | `undefined` |
|
|
14
|
+
| `closeModal` | -- | Ação disparada ao fechar o modal | `() => void` | `undefined` |
|
|
15
|
+
| `configName` | `config-name` | Nome da configuração. Serve para distinguir várias instâncias do componente. | `string` | `undefined` |
|
|
16
|
+
| `deletePersonalizedFilter` | -- | Ação executada ao deletar um filtro personalizado | `(filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void` | `undefined` |
|
|
17
|
+
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros) e no modal lateral de filtros (container de filtros personalizados). | `boolean` | `undefined` |
|
|
18
|
+
| `editPersonalizedFilter` | -- | Ação executada ao editar um filtro personalizado | `(id: string, isDefault?: boolean) => void` | `undefined` |
|
|
19
|
+
| `filterConfig` | -- | Filtros a serem apresentados | `SnkFilterItemConfig[]` | `undefined` |
|
|
20
|
+
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
21
|
+
| `filterDefaultToDelete` | -- | Guarda o filtro a ser deletado no Apply do modal | `SnkFilterItemConfig` | `undefined` |
|
|
22
|
+
| `filtersToDelete` | -- | Guarda filtros a serem deletados no Apply do modal | `IPersonalizedFilter[]` | `[]` |
|
|
23
|
+
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder. | `(key: string, props?: any) => string` | `undefined` |
|
|
24
|
+
| `opened` | `opened` | Define se o modal está aberto ou não. | `boolean` | `false` |
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
## Dependencies
|
|
@@ -20,9 +20,11 @@
|
|
|
20
20
|
| `filterConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
21
21
|
| `filterCustomConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
22
22
|
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
23
|
+
| `hideFilterButton` | `hide-filter-button` | | `boolean` | `false` |
|
|
23
24
|
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
24
25
|
| `mode` | `mode` | | `"button" \| "hidden" \| "regular"` | `"regular"` |
|
|
25
26
|
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
27
|
+
| `sizeChips` | `size-chips` | | `"default" \| "large" \| "medium"` | `'default'` |
|
|
26
28
|
| `title` | `title` | | `string` | `undefined` |
|
|
27
29
|
|
|
28
30
|
|
|
@@ -67,6 +69,8 @@ O item de filtro correspondente ou undefined se não for encontrado.
|
|
|
67
69
|
|
|
68
70
|
Type: `Promise<Filter[]>`
|
|
69
71
|
|
|
72
|
+
Retorna uma Promise que resolve com a lista de filtros ativos.
|
|
73
|
+
|
|
70
74
|
---
|
|
71
75
|
|
|
72
76
|
### `reload() => Promise<void>`
|
|
@@ -118,6 +122,7 @@ Retorna uma Promise que resolve quando a atualização for concluída.
|
|
|
118
122
|
|
|
119
123
|
### Used by
|
|
120
124
|
|
|
125
|
+
- [snk-crud](../snk-crud)
|
|
121
126
|
- [snk-grid](../snk-grid)
|
|
122
127
|
|
|
123
128
|
### Depends on
|
|
@@ -144,6 +149,7 @@ graph TD;
|
|
|
144
149
|
snk-expression-item --> snk-filter-param-config
|
|
145
150
|
snk-filter-modal --> snk-filter-modal-item
|
|
146
151
|
snk-filter-modal --> snk-default-filter
|
|
152
|
+
snk-crud --> snk-filter-bar
|
|
147
153
|
snk-grid --> snk-filter-bar
|
|
148
154
|
style snk-filter-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
149
155
|
```
|
|
@@ -27,6 +27,9 @@
|
|
|
27
27
|
| `gridHeaderCustomSlotId` | `grid-header-custom-slot-id` | Define o nome do slot para elementos customizados na `Taskbar` do cabeçalho da grade. | `string` | `'GRID_HEADER_CUSTOM_ELEMENTS'` |
|
|
28
28
|
| `gridHeaderDynamicSearchSlotId` | `grid-header-dynamic-search-slot-id` | Define o nome do slot para a aba de pesquisa no cabeçalho da grade. | `string` | `'GRID_HEADER_DYNAMIC_SEARCH'` |
|
|
29
29
|
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade. | `string` | `undefined` |
|
|
30
|
+
| `hideGridTaskbar` | `hide-grid-taskbar` | Oculta a barra de tarefas interna da grade. | `boolean` | `false` |
|
|
31
|
+
| `hideHeader` | `hide-header` | Oculta o cabeçalho da grade (filtros e taskbar superior). | `boolean` | `false` |
|
|
32
|
+
| `hidePagination` | `hide-pagination` | Oculta a paginação da grade. | `boolean` | `false` |
|
|
30
33
|
| `isDetail` | `is-detail` | Determina se a grade está vinculada a um detalhe de outra tela. | `boolean` | `undefined` |
|
|
31
34
|
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
32
35
|
| `multipleEditionEnabled` | `multiple-edition-enabled` | Habilita a edição de múltiplos registros simultaneamente. | `boolean` | `true` |
|
|
@@ -96,6 +99,16 @@ Uma promessa que é resolvida quando o renderizador é registrado.
|
|
|
96
99
|
|
|
97
100
|
---
|
|
98
101
|
|
|
102
|
+
### `filterColumns(search: string) => Promise<EzGridColumn[]>`
|
|
103
|
+
|
|
104
|
+
Usa um argumento para filtrar as colunas por label
|
|
105
|
+
|
|
106
|
+
#### Returns
|
|
107
|
+
|
|
108
|
+
Type: `Promise<EzGridColumn[]>`
|
|
109
|
+
|
|
110
|
+
---
|
|
111
|
+
|
|
99
112
|
### `getFilterBar() => Promise<HTMLSnkFilterBarElement>`
|
|
100
113
|
|
|
101
114
|
Retorna o elemento da barra de filtros da grade.
|
|
@@ -108,6 +121,16 @@ O elemento da barra de filtros.
|
|
|
108
121
|
|
|
109
122
|
---
|
|
110
123
|
|
|
124
|
+
### `handlePageChange() => Promise<void>`
|
|
125
|
+
|
|
126
|
+
Manipula a mudança de página da grid.
|
|
127
|
+
|
|
128
|
+
#### Returns
|
|
129
|
+
|
|
130
|
+
Type: `Promise<void>`
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
111
134
|
### `hideConfig() => Promise<void>`
|
|
112
135
|
|
|
113
136
|
Fecha a janela de configurações da grade.
|
|
@@ -120,6 +143,16 @@ Uma promessa que é resolvida quando a janela de configuração é fechada.
|
|
|
120
143
|
|
|
121
144
|
---
|
|
122
145
|
|
|
146
|
+
### `locateColumn(columnName: string) => Promise<void>`
|
|
147
|
+
|
|
148
|
+
Localiza determinada coluna tornando-a visível.
|
|
149
|
+
|
|
150
|
+
#### Returns
|
|
151
|
+
|
|
152
|
+
Type: `Promise<void>`
|
|
153
|
+
|
|
154
|
+
---
|
|
155
|
+
|
|
123
156
|
### `refreshColumnFilterDataSource() => Promise<void>`
|
|
124
157
|
|
|
125
158
|
|
|
@@ -241,6 +274,7 @@ graph TD;
|
|
|
241
274
|
snk-expression-item --> snk-filter-param-config
|
|
242
275
|
snk-filter-modal --> snk-filter-modal-item
|
|
243
276
|
snk-filter-modal --> snk-default-filter
|
|
277
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
244
278
|
snk-taskbar --> snk-data-exporter
|
|
245
279
|
snk-taskbar --> snk-actions-button
|
|
246
280
|
snk-taskbar --> taskbar-split-button
|
|
@@ -26,13 +26,11 @@
|
|
|
26
26
|
|
|
27
27
|
### Used by
|
|
28
28
|
|
|
29
|
-
- [snk-attach](../snk-attach)
|
|
30
29
|
- [snk-personalized-filter](../snk-personalized-filter)
|
|
31
30
|
|
|
32
31
|
### Graph
|
|
33
32
|
```mermaid
|
|
34
33
|
graph TD;
|
|
35
|
-
snk-attach --> snk-simple-bar
|
|
36
34
|
snk-personalized-filter --> snk-simple-bar
|
|
37
35
|
style snk-simple-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
38
36
|
```
|
|
@@ -209,6 +209,7 @@ graph TD;
|
|
|
209
209
|
snk-simple-crud --> snk-actions-button
|
|
210
210
|
snk-simple-crud --> taskbar-split-button
|
|
211
211
|
snk-simple-crud --> taskbar-actions-button
|
|
212
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
212
213
|
snk-taskbar --> snk-data-exporter
|
|
213
214
|
snk-taskbar --> snk-actions-button
|
|
214
215
|
snk-taskbar --> taskbar-split-button
|
|
@@ -7,11 +7,12 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| --------- | --------- |
|
|
12
|
-
| `actions` | -- | Define a lista de ações.
|
|
13
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente.
|
|
14
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------- | --------- | -------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `actions` | -- | Define a lista de ações. | `Action[]` | `undefined` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean` | `undefined` |
|
|
14
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
15
|
+
| `title` | `title` | Texto que será exibido no botão | `string` | `undefined` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
@@ -7,16 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| --------------- | ----------------- | -------------------------------------------------------------------------- |
|
|
12
|
-
| `action` | -- | Função de callback acionada ao clicar no botão principal. | `(name: string) => void`
|
|
13
|
-
| `actions` | -- | Define a lista de ações disponíveis no dropdown do botão. | `Action[]`
|
|
14
|
-
| `className` | `class-name` | Classe CSS personalizada para estilizar o botão. | `string`
|
|
15
|
-
| `dataElementId` | `data-element-id` | Identificador de elemento para fins de rastreamento e automação de testes. | `string`
|
|
16
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean`
|
|
17
|
-
| `iconName` | `icon-name` | Nome do ícone a ser exibido no botão. | `string`
|
|
18
|
-
| `name` | `name` | Nome identificador da ação do botão. | `string`
|
|
19
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ----------------- | -------------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `action` | -- | Função de callback acionada ao clicar no botão principal. | `(name: string) => void` | `undefined` |
|
|
13
|
+
| `actions` | -- | Define a lista de ações disponíveis no dropdown do botão. | `Action[]` | `undefined` |
|
|
14
|
+
| `className` | `class-name` | Classe CSS personalizada para estilizar o botão. | `string` | `undefined` |
|
|
15
|
+
| `dataElementId` | `data-element-id` | Identificador de elemento para fins de rastreamento e automação de testes. | `string` | `undefined` |
|
|
16
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean` | `undefined` |
|
|
17
|
+
| `iconName` | `icon-name` | Nome do ícone a ser exibido no botão. | `string` | `undefined` |
|
|
18
|
+
| `name` | `name` | Nome identificador da ação do botão. | `string` | `undefined` |
|
|
19
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
20
|
+
| `title` | `title` | Texto que será exibido no botão. | `string` | `undefined` |
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
## Dependencies
|
|
@@ -15,16 +15,19 @@
|
|
|
15
15
|
| `alignRigth` | `align-rigth` | | `boolean` | `false` |
|
|
16
16
|
| `buttons` | `buttons` | | `string` | `undefined` |
|
|
17
17
|
| `configName` | `config-name` | | `string` | `undefined` |
|
|
18
|
+
| `customActionsList` | -- | | `Action[]` | `undefined` |
|
|
18
19
|
| `customButtons` | -- | | `Map<string, CustomButton>` | `undefined` |
|
|
19
20
|
| `customContainerId` | `custom-container-id` | | `string` | `undefined` |
|
|
20
21
|
| `customSlotId` | `custom-slot-id` | | `string` | `"TASKBAR_CUSTOM_ELEMENTS"` |
|
|
21
22
|
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
23
|
+
| `disableSkeleton` | `disable-skeleton` | | `boolean` | `false` |
|
|
22
24
|
| `disabledButtons` | -- | | `string[]` | `undefined` |
|
|
23
25
|
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
24
26
|
| `overflowStrategy` | `overflow-strategy` | | `"hiddenItems" \| "none"` | `'hiddenItems'` |
|
|
25
27
|
| `presentationMode` | `presentation-mode` | | `PresentationMode.PRIMARY \| PresentationMode.SECONDARY \| PresentationMode.SINGLE_TASKBAR` | `PresentationMode.PRIMARY` |
|
|
26
28
|
| `primaryButton` | `primary-button` | | `string` | `undefined` |
|
|
27
29
|
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
30
|
+
| `sizeButtons` | `size-buttons` | | `"large" \| "medium" \| "small"` | `'small'` |
|
|
28
31
|
|
|
29
32
|
|
|
30
33
|
## Events
|
|
@@ -40,13 +43,14 @@
|
|
|
40
43
|
|
|
41
44
|
### Used by
|
|
42
45
|
|
|
46
|
+
- [snk-crud](../snk-crud)
|
|
43
47
|
- [snk-detail-view](../snk-crud/subcomponents/snk-detail-view)
|
|
44
48
|
- [snk-grid](../snk-grid)
|
|
45
|
-
- [snk-guides-viewer](../snk-crud/subcomponents)
|
|
46
49
|
- [snk-simple-crud](../snk-simple-crud)
|
|
47
50
|
|
|
48
51
|
### Depends on
|
|
49
52
|
|
|
53
|
+
- [snk-taskbar-skeleton](subcomponents)
|
|
50
54
|
- [snk-data-exporter](../snk-data-exporter)
|
|
51
55
|
- [snk-actions-button](../snk-actions-button)
|
|
52
56
|
- [taskbar-split-button](./elements/taskbar-split-button)
|
|
@@ -55,14 +59,15 @@
|
|
|
55
59
|
### Graph
|
|
56
60
|
```mermaid
|
|
57
61
|
graph TD;
|
|
62
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
58
63
|
snk-taskbar --> snk-data-exporter
|
|
59
64
|
snk-taskbar --> snk-actions-button
|
|
60
65
|
snk-taskbar --> taskbar-split-button
|
|
61
66
|
snk-taskbar --> taskbar-actions-button
|
|
62
67
|
snk-data-exporter --> snk-exporter-email-sender
|
|
68
|
+
snk-crud --> snk-taskbar
|
|
63
69
|
snk-detail-view --> snk-taskbar
|
|
64
70
|
snk-grid --> snk-taskbar
|
|
65
|
-
snk-guides-viewer --> snk-taskbar
|
|
66
71
|
snk-simple-crud --> snk-taskbar
|
|
67
72
|
style snk-taskbar fill:#f9f,stroke:#333,stroke-width:4px
|
|
68
73
|
```
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# snk-taskbar-skeleton
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [snk-taskbar](..)
|
|
13
|
+
|
|
14
|
+
### Graph
|
|
15
|
+
```mermaid
|
|
16
|
+
graph TD;
|
|
17
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
18
|
+
style snk-taskbar-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
----------------------------------------------
|
|
22
|
+
|
|
23
|
+
|