@sankhyalabs/sankhyablocks-docs 0.0.0-feat-dev-KB-134690.3 → 0.0.0-feat-dev-KB-137482.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.
- package/components/snk-actions-button/readme.md +0 -7
- package/components/snk-attach/readme.md +5 -28
- package/components/snk-crud/readme.md +14 -19
- package/components/snk-crud/subcomponents/readme.md +3 -1
- package/components/snk-crud/subcomponents/snk-detail-view/readme.md +1 -1
- package/components/snk-data-exporter/readme.md +4 -5
- package/components/snk-filter-bar/readme.md +0 -5
- package/components/snk-grid/readme.md +0 -34
- package/components/snk-grid-config/readme.md +1 -0
- package/components/snk-simple-bar/readme.md +2 -0
- package/components/snk-simple-crud/readme.md +0 -1
- package/components/snk-taskbar/elements/taskbar-actions-button/readme.md +5 -6
- package/components/snk-taskbar/elements/taskbar-split-button/readme.md +10 -11
- package/components/snk-taskbar/readme.md +2 -6
- package/package.json +1 -1
- package/components/snk-taskbar/subcomponents/readme.md +0 -23
|
@@ -5,13 +5,6 @@
|
|
|
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
|
-
|
|
15
8
|
## Dependencies
|
|
16
9
|
|
|
17
10
|
### Used by
|
|
@@ -21,33 +21,9 @@
|
|
|
21
21
|
|
|
22
22
|
## Events
|
|
23
23
|
|
|
24
|
-
| Event
|
|
25
|
-
|
|
|
26
|
-
| `
|
|
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
|
-
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| ------ | -------------------------------------------------------- | ------------------- |
|
|
26
|
+
| `back` | Evento disparado quando o usuário clica no botão voltar. | `CustomEvent<void>` |
|
|
51
27
|
|
|
52
28
|
|
|
53
29
|
## Dependencies
|
|
@@ -59,11 +35,13 @@ Type: `Promise<void>`
|
|
|
59
35
|
|
|
60
36
|
### Depends on
|
|
61
37
|
|
|
38
|
+
- [snk-simple-bar](../snk-simple-bar)
|
|
62
39
|
- [snk-simple-crud](../snk-simple-crud)
|
|
63
40
|
|
|
64
41
|
### Graph
|
|
65
42
|
```mermaid
|
|
66
43
|
graph TD;
|
|
44
|
+
snk-attach --> snk-simple-bar
|
|
67
45
|
snk-attach --> snk-simple-crud
|
|
68
46
|
snk-simple-crud --> snk-taskbar
|
|
69
47
|
snk-simple-crud --> snk-data-unit
|
|
@@ -74,7 +52,6 @@ graph TD;
|
|
|
74
52
|
snk-simple-crud --> snk-actions-button
|
|
75
53
|
snk-simple-crud --> taskbar-split-button
|
|
76
54
|
snk-simple-crud --> taskbar-actions-button
|
|
77
|
-
snk-taskbar --> snk-taskbar-skeleton
|
|
78
55
|
snk-taskbar --> snk-data-exporter
|
|
79
56
|
snk-taskbar --> snk-actions-button
|
|
80
57
|
snk-taskbar --> taskbar-split-button
|
|
@@ -182,9 +182,6 @@ 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)
|
|
188
185
|
- [snk-grid](../snk-grid)
|
|
189
186
|
- [snk-guides-viewer](subcomponents)
|
|
190
187
|
- [snk-attach](../snk-attach)
|
|
@@ -197,9 +194,6 @@ Type: `Promise<void>`
|
|
|
197
194
|
### Graph
|
|
198
195
|
```mermaid
|
|
199
196
|
graph TD;
|
|
200
|
-
snk-crud --> snk-entity-search
|
|
201
|
-
snk-crud --> snk-taskbar
|
|
202
|
-
snk-crud --> snk-filter-bar
|
|
203
197
|
snk-crud --> snk-grid
|
|
204
198
|
snk-crud --> snk-guides-viewer
|
|
205
199
|
snk-crud --> snk-attach
|
|
@@ -208,12 +202,13 @@ graph TD;
|
|
|
208
202
|
snk-crud --> snk-actions-button
|
|
209
203
|
snk-crud --> taskbar-split-button
|
|
210
204
|
snk-crud --> taskbar-actions-button
|
|
211
|
-
snk-
|
|
212
|
-
snk-
|
|
213
|
-
snk-
|
|
214
|
-
snk-
|
|
215
|
-
snk-
|
|
216
|
-
snk-
|
|
205
|
+
snk-grid --> snk-filter-bar
|
|
206
|
+
snk-grid --> snk-taskbar
|
|
207
|
+
snk-grid --> snk-grid-config
|
|
208
|
+
snk-grid --> snk-data-exporter
|
|
209
|
+
snk-grid --> snk-actions-button
|
|
210
|
+
snk-grid --> taskbar-split-button
|
|
211
|
+
snk-grid --> taskbar-actions-button
|
|
217
212
|
snk-filter-bar --> snk-filter-item
|
|
218
213
|
snk-filter-bar --> snk-personalized-filter
|
|
219
214
|
snk-filter-bar --> snk-filter-modal
|
|
@@ -229,17 +224,16 @@ graph TD;
|
|
|
229
224
|
snk-expression-item --> snk-filter-param-config
|
|
230
225
|
snk-filter-modal --> snk-filter-modal-item
|
|
231
226
|
snk-filter-modal --> snk-default-filter
|
|
232
|
-
snk-
|
|
233
|
-
snk-
|
|
234
|
-
snk-
|
|
235
|
-
snk-
|
|
236
|
-
snk-
|
|
237
|
-
snk-grid --> taskbar-split-button
|
|
238
|
-
snk-grid --> taskbar-actions-button
|
|
227
|
+
snk-taskbar --> snk-data-exporter
|
|
228
|
+
snk-taskbar --> snk-actions-button
|
|
229
|
+
snk-taskbar --> taskbar-split-button
|
|
230
|
+
snk-taskbar --> taskbar-actions-button
|
|
231
|
+
snk-data-exporter --> snk-exporter-email-sender
|
|
239
232
|
snk-grid-config --> snk-select-box
|
|
240
233
|
snk-guides-viewer --> snk-form-view
|
|
241
234
|
snk-guides-viewer --> snk-data-unit
|
|
242
235
|
snk-guides-viewer --> snk-detail-view
|
|
236
|
+
snk-guides-viewer --> snk-taskbar
|
|
243
237
|
snk-guides-viewer --> snk-form-config
|
|
244
238
|
snk-guides-viewer --> snk-configurator
|
|
245
239
|
snk-guides-viewer --> snk-data-exporter
|
|
@@ -257,6 +251,7 @@ graph TD;
|
|
|
257
251
|
snk-detail-view --> snk-actions-button
|
|
258
252
|
snk-detail-view --> taskbar-split-button
|
|
259
253
|
snk-detail-view --> taskbar-actions-button
|
|
254
|
+
snk-attach --> snk-simple-bar
|
|
260
255
|
snk-attach --> snk-simple-crud
|
|
261
256
|
snk-simple-crud --> snk-taskbar
|
|
262
257
|
snk-simple-crud --> snk-data-unit
|
|
@@ -116,6 +116,7 @@ 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)
|
|
119
120
|
- [snk-form-config](../../snk-form-config)
|
|
120
121
|
- [snk-configurator](../../snk-configurator)
|
|
121
122
|
- [snk-data-exporter](../../snk-data-exporter)
|
|
@@ -129,6 +130,7 @@ graph TD;
|
|
|
129
130
|
snk-guides-viewer --> snk-form-view
|
|
130
131
|
snk-guides-viewer --> snk-data-unit
|
|
131
132
|
snk-guides-viewer --> snk-detail-view
|
|
133
|
+
snk-guides-viewer --> snk-taskbar
|
|
132
134
|
snk-guides-viewer --> snk-form-config
|
|
133
135
|
snk-guides-viewer --> snk-configurator
|
|
134
136
|
snk-guides-viewer --> snk-data-exporter
|
|
@@ -168,13 +170,13 @@ graph TD;
|
|
|
168
170
|
snk-expression-item --> snk-filter-param-config
|
|
169
171
|
snk-filter-modal --> snk-filter-modal-item
|
|
170
172
|
snk-filter-modal --> snk-default-filter
|
|
171
|
-
snk-taskbar --> snk-taskbar-skeleton
|
|
172
173
|
snk-taskbar --> snk-data-exporter
|
|
173
174
|
snk-taskbar --> snk-actions-button
|
|
174
175
|
snk-taskbar --> taskbar-split-button
|
|
175
176
|
snk-taskbar --> taskbar-actions-button
|
|
176
177
|
snk-data-exporter --> snk-exporter-email-sender
|
|
177
178
|
snk-grid-config --> snk-select-box
|
|
179
|
+
snk-attach --> snk-simple-bar
|
|
178
180
|
snk-attach --> snk-simple-crud
|
|
179
181
|
snk-simple-crud --> snk-taskbar
|
|
180
182
|
snk-simple-crud --> snk-data-unit
|
|
@@ -141,7 +141,6 @@ 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
|
|
145
144
|
snk-taskbar --> snk-data-exporter
|
|
146
145
|
snk-taskbar --> snk-actions-button
|
|
147
146
|
snk-taskbar --> taskbar-split-button
|
|
@@ -150,6 +149,7 @@ graph TD;
|
|
|
150
149
|
snk-grid-config --> snk-select-box
|
|
151
150
|
snk-form-view --> snk-image-input
|
|
152
151
|
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,11 +7,10 @@
|
|
|
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`
|
|
14
|
-
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
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` |
|
|
15
14
|
|
|
16
15
|
|
|
17
16
|
## Dependencies
|
|
@@ -20,7 +20,6 @@
|
|
|
20
20
|
| `filterConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
21
21
|
| `filterCustomConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
22
22
|
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
23
|
-
| `hideFilterButton` | `hide-filter-button` | | `boolean` | `false` |
|
|
24
23
|
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
25
24
|
| `mode` | `mode` | | `"button" \| "hidden" \| "regular"` | `"regular"` |
|
|
26
25
|
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
@@ -68,8 +67,6 @@ O item de filtro correspondente ou undefined se não for encontrado.
|
|
|
68
67
|
|
|
69
68
|
Type: `Promise<Filter[]>`
|
|
70
69
|
|
|
71
|
-
Retorna uma Promise que resolve com a lista de filtros ativos.
|
|
72
|
-
|
|
73
70
|
---
|
|
74
71
|
|
|
75
72
|
### `reload() => Promise<void>`
|
|
@@ -121,7 +118,6 @@ Retorna uma Promise que resolve quando a atualização for concluída.
|
|
|
121
118
|
|
|
122
119
|
### Used by
|
|
123
120
|
|
|
124
|
-
- [snk-crud](../snk-crud)
|
|
125
121
|
- [snk-grid](../snk-grid)
|
|
126
122
|
|
|
127
123
|
### Depends on
|
|
@@ -148,7 +144,6 @@ graph TD;
|
|
|
148
144
|
snk-expression-item --> snk-filter-param-config
|
|
149
145
|
snk-filter-modal --> snk-filter-modal-item
|
|
150
146
|
snk-filter-modal --> snk-default-filter
|
|
151
|
-
snk-crud --> snk-filter-bar
|
|
152
147
|
snk-grid --> snk-filter-bar
|
|
153
148
|
style snk-filter-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
154
149
|
```
|
|
@@ -27,9 +27,6 @@
|
|
|
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` |
|
|
33
30
|
| `isDetail` | `is-detail` | Determina se a grade está vinculada a um detalhe de outra tela. | `boolean` | `undefined` |
|
|
34
31
|
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
35
32
|
| `multipleEditionEnabled` | `multiple-edition-enabled` | Habilita a edição de múltiplos registros simultaneamente. | `boolean` | `true` |
|
|
@@ -99,16 +96,6 @@ Uma promessa que é resolvida quando o renderizador é registrado.
|
|
|
99
96
|
|
|
100
97
|
---
|
|
101
98
|
|
|
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
|
-
|
|
112
99
|
### `getFilterBar() => Promise<HTMLSnkFilterBarElement>`
|
|
113
100
|
|
|
114
101
|
Retorna o elemento da barra de filtros da grade.
|
|
@@ -121,16 +108,6 @@ O elemento da barra de filtros.
|
|
|
121
108
|
|
|
122
109
|
---
|
|
123
110
|
|
|
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
|
-
|
|
134
111
|
### `hideConfig() => Promise<void>`
|
|
135
112
|
|
|
136
113
|
Fecha a janela de configurações da grade.
|
|
@@ -143,16 +120,6 @@ Uma promessa que é resolvida quando a janela de configuração é fechada.
|
|
|
143
120
|
|
|
144
121
|
---
|
|
145
122
|
|
|
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
|
-
|
|
156
123
|
### `refreshColumnFilterDataSource() => Promise<void>`
|
|
157
124
|
|
|
158
125
|
|
|
@@ -274,7 +241,6 @@ graph TD;
|
|
|
274
241
|
snk-expression-item --> snk-filter-param-config
|
|
275
242
|
snk-filter-modal --> snk-filter-modal-item
|
|
276
243
|
snk-filter-modal --> snk-default-filter
|
|
277
|
-
snk-taskbar --> snk-taskbar-skeleton
|
|
278
244
|
snk-taskbar --> snk-data-exporter
|
|
279
245
|
snk-taskbar --> snk-actions-button
|
|
280
246
|
snk-taskbar --> taskbar-split-button
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
| `columns` | -- | Colunas da grade. | `EzGridColumn[]` | `[]` |
|
|
13
13
|
| `config` | -- | Configurações da grade. | `IGridConfig` | `undefined` |
|
|
14
14
|
| `configName` | `config-name` | Nome usado para salvar/recuperar a configuração. | `string` | `undefined` |
|
|
15
|
+
| `metadata` | -- | Define a propriedade metadata da instância | `UnitMetadata` | `undefined` |
|
|
15
16
|
| `originalColumns` | -- | Lista de Colunas original. | `EzGridColumn[]` | `[]` |
|
|
16
17
|
| `resourceID` | `resource-i-d` | Nome usado para salvar/recuperar a configuração. | `string` | `undefined` |
|
|
17
18
|
| `selectedIndex` | `selected-index` | Aba selecionada das configurações da grade. | `number` | `0` |
|
|
@@ -26,11 +26,13 @@
|
|
|
26
26
|
|
|
27
27
|
### Used by
|
|
28
28
|
|
|
29
|
+
- [snk-attach](../snk-attach)
|
|
29
30
|
- [snk-personalized-filter](../snk-personalized-filter)
|
|
30
31
|
|
|
31
32
|
### Graph
|
|
32
33
|
```mermaid
|
|
33
34
|
graph TD;
|
|
35
|
+
snk-attach --> snk-simple-bar
|
|
34
36
|
snk-personalized-filter --> snk-simple-bar
|
|
35
37
|
style snk-simple-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
36
38
|
```
|
|
@@ -209,7 +209,6 @@ 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
|
|
213
212
|
snk-taskbar --> snk-data-exporter
|
|
214
213
|
snk-taskbar --> snk-actions-button
|
|
215
214
|
snk-taskbar --> taskbar-split-button
|
|
@@ -7,12 +7,11 @@
|
|
|
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
|
-
| `
|
|
15
|
-
| `title` | `title` | Texto que será exibido no botão | `string` | `undefined` |
|
|
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
|
+
| `title` | `title` | Texto que será exibido no botão | `string` | `undefined` |
|
|
16
15
|
|
|
17
16
|
|
|
18
17
|
## Events
|
|
@@ -7,17 +7,16 @@
|
|
|
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
|
-
| `
|
|
20
|
-
| `title` | `title` | Texto que será exibido no botão. | `string` | `undefined` |
|
|
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
|
+
| `title` | `title` | Texto que será exibido no botão. | `string` | `undefined` |
|
|
21
20
|
|
|
22
21
|
|
|
23
22
|
## Dependencies
|
|
@@ -19,14 +19,12 @@
|
|
|
19
19
|
| `customContainerId` | `custom-container-id` | | `string` | `undefined` |
|
|
20
20
|
| `customSlotId` | `custom-slot-id` | | `string` | `"TASKBAR_CUSTOM_ELEMENTS"` |
|
|
21
21
|
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
22
|
-
| `disableSkeleton` | `disable-skeleton` | | `boolean` | `false` |
|
|
23
22
|
| `disabledButtons` | -- | | `string[]` | `undefined` |
|
|
24
23
|
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
25
24
|
| `overflowStrategy` | `overflow-strategy` | | `"hiddenItems" \| "none"` | `'hiddenItems'` |
|
|
26
25
|
| `presentationMode` | `presentation-mode` | | `PresentationMode.PRIMARY \| PresentationMode.SECONDARY \| PresentationMode.SINGLE_TASKBAR` | `PresentationMode.PRIMARY` |
|
|
27
26
|
| `primaryButton` | `primary-button` | | `string` | `undefined` |
|
|
28
27
|
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
29
|
-
| `sizeButtons` | `size-buttons` | | `"large" \| "medium" \| "small"` | `'small'` |
|
|
30
28
|
|
|
31
29
|
|
|
32
30
|
## Events
|
|
@@ -42,14 +40,13 @@
|
|
|
42
40
|
|
|
43
41
|
### Used by
|
|
44
42
|
|
|
45
|
-
- [snk-crud](../snk-crud)
|
|
46
43
|
- [snk-detail-view](../snk-crud/subcomponents/snk-detail-view)
|
|
47
44
|
- [snk-grid](../snk-grid)
|
|
45
|
+
- [snk-guides-viewer](../snk-crud/subcomponents)
|
|
48
46
|
- [snk-simple-crud](../snk-simple-crud)
|
|
49
47
|
|
|
50
48
|
### Depends on
|
|
51
49
|
|
|
52
|
-
- [snk-taskbar-skeleton](subcomponents)
|
|
53
50
|
- [snk-data-exporter](../snk-data-exporter)
|
|
54
51
|
- [snk-actions-button](../snk-actions-button)
|
|
55
52
|
- [taskbar-split-button](./elements/taskbar-split-button)
|
|
@@ -58,15 +55,14 @@
|
|
|
58
55
|
### Graph
|
|
59
56
|
```mermaid
|
|
60
57
|
graph TD;
|
|
61
|
-
snk-taskbar --> snk-taskbar-skeleton
|
|
62
58
|
snk-taskbar --> snk-data-exporter
|
|
63
59
|
snk-taskbar --> snk-actions-button
|
|
64
60
|
snk-taskbar --> taskbar-split-button
|
|
65
61
|
snk-taskbar --> taskbar-actions-button
|
|
66
62
|
snk-data-exporter --> snk-exporter-email-sender
|
|
67
|
-
snk-crud --> snk-taskbar
|
|
68
63
|
snk-detail-view --> snk-taskbar
|
|
69
64
|
snk-grid --> snk-taskbar
|
|
65
|
+
snk-guides-viewer --> snk-taskbar
|
|
70
66
|
snk-simple-crud --> snk-taskbar
|
|
71
67
|
style snk-taskbar fill:#f9f,stroke:#333,stroke-width:4px
|
|
72
68
|
```
|
package/package.json
CHANGED
|
@@ -1,23 +0,0 @@
|
|
|
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
|
-
|