@sankhyalabs/sankhyablocks-docs 0.0.0-bugfix-dev-KB-131882.2 → 0.0.0-bugfix-dev-KB-174860.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 +13 -0
- package/components/snk-attach/readme.md +32 -5
- package/components/snk-configurator/readme.md +4 -0
- 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 +11 -4
- package/components/snk-data-unit/readme.md +2 -0
- package/components/snk-dynaform/readme.md +285 -0
- package/components/snk-dynaform/subcomponents/snk-dynaform-detail-view/readme.md +154 -0
- package/components/snk-dynaform/subcomponents/snk-dynaform-form-view/readme.md +98 -0
- package/components/snk-dynaform/subcomponents/snk-dynaform-guides-view/readme.md +206 -0
- package/components/snk-dynaform-form-config/readme.md +57 -0
- package/components/snk-dynaform-form-config/snk-dynaform-config-header/readme.md +47 -0
- package/components/snk-dynaform-form-config/snk-dynaform-config-header/snk-dynaform-configs-button/readme.md +40 -0
- package/components/snk-dynaform-form-config/snk-dynaform-field-item/readme.md +48 -0
- package/components/snk-dynaform-form-config/snk-dynaform-field-item/snk-dynaform-field-config/readme.md +53 -0
- package/components/snk-dynaform-form-config/snk-dynaform-fields-layout/readme.md +65 -0
- package/components/snk-dynaform-form-config/snk-dynaform-fields-selector/readme.md +45 -0
- package/components/snk-dynaform-form-config/snk-dynaform-guides-configurator/readme.md +43 -0
- 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 +8 -0
- package/components/snk-grid/readme.md +38 -0
- package/components/snk-grid-config/readme.md +1 -0
- package/components/snk-image-input/readme.md +2 -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 +12 -5
- package/components/snk-taskbar/elements/taskbar-split-button/readme.md +17 -10
- package/components/snk-taskbar/readme.md +11 -2
- package/components/snk-taskbar/subcomponents/readme.md +23 -0
- package/package.json +1 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
# snk-dynaform-field-item
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | ------------------ | ----------- | ------------------- | ----------- |
|
|
12
|
+
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
13
|
+
| `fieldConfig` | `field-config` | | `IFieldConfig` | `undefined` |
|
|
14
|
+
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
15
|
+
| `onLayoutConfig` | `on-layout-config` | | `boolean` | `false` |
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## Events
|
|
19
|
+
|
|
20
|
+
| Event | Description | Type |
|
|
21
|
+
| --------------------- | ----------- | --------------------------- |
|
|
22
|
+
| `addFieldToGuide` | | `CustomEvent<IFieldConfig>` |
|
|
23
|
+
| `setFieldAsAvailable` | | `CustomEvent<IFieldConfig>` |
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## Dependencies
|
|
27
|
+
|
|
28
|
+
### Used by
|
|
29
|
+
|
|
30
|
+
- [snk-dynaform-fields-layout](../snk-dynaform-fields-layout)
|
|
31
|
+
- [snk-dynaform-fields-selector](../snk-dynaform-fields-selector)
|
|
32
|
+
|
|
33
|
+
### Depends on
|
|
34
|
+
|
|
35
|
+
- [snk-dynaform-field-config](snk-dynaform-field-config)
|
|
36
|
+
|
|
37
|
+
### Graph
|
|
38
|
+
```mermaid
|
|
39
|
+
graph TD;
|
|
40
|
+
snk-dynaform-field-item --> snk-dynaform-field-config
|
|
41
|
+
snk-dynaform-fields-layout --> snk-dynaform-field-item
|
|
42
|
+
snk-dynaform-fields-selector --> snk-dynaform-field-item
|
|
43
|
+
style snk-dynaform-field-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
----------------------------------------------
|
|
47
|
+
|
|
48
|
+
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
# snk-dynaform-field-config
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | -------------- | ----------- | ------------------- | ----------- |
|
|
12
|
+
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
13
|
+
| `fieldConfig` | `field-config` | | `IFieldConfig` | `undefined` |
|
|
14
|
+
| `fieldDescriptor` | -- | | `FieldDescriptor` | `undefined` |
|
|
15
|
+
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## Events
|
|
19
|
+
|
|
20
|
+
| Event | Description | Type |
|
|
21
|
+
| -------------------- | ----------- | --------------------------- |
|
|
22
|
+
| `fieldConfigChanged` | | `CustomEvent<IFieldConfig>` |
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## Methods
|
|
26
|
+
|
|
27
|
+
### `show(_anchorElement: HTMLElement) => Promise<void>`
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
#### Returns
|
|
32
|
+
|
|
33
|
+
Type: `Promise<void>`
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
## Dependencies
|
|
39
|
+
|
|
40
|
+
### Used by
|
|
41
|
+
|
|
42
|
+
- [snk-dynaform-field-item](..)
|
|
43
|
+
|
|
44
|
+
### Graph
|
|
45
|
+
```mermaid
|
|
46
|
+
graph TD;
|
|
47
|
+
snk-dynaform-field-item --> snk-dynaform-field-config
|
|
48
|
+
style snk-dynaform-field-config fill:#f9f,stroke:#333,stroke-width:4px
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
----------------------------------------------
|
|
52
|
+
|
|
53
|
+
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
# snk-dynaform-fields-layout
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | ----------------- | ----------- | ------------------- | ----------- |
|
|
12
|
+
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
13
|
+
| `groupsList` | -- | | `IGroupConfig[]` | `[]` |
|
|
14
|
+
| `guideNames` | -- | | `string[]` | `[]` |
|
|
15
|
+
| `isMainSection` | `is-main-section` | | `boolean` | `false` |
|
|
16
|
+
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
17
|
+
| `selectedGuide` | -- | | `IGuideConfig` | `undefined` |
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
## Events
|
|
21
|
+
|
|
22
|
+
| Event | Description | Type |
|
|
23
|
+
| ------------------------- | ----------- | ----------------------------- |
|
|
24
|
+
| `guideRenamed` | | `CustomEvent<string>` |
|
|
25
|
+
| `isEditingGroupName` | | `CustomEvent<boolean>` |
|
|
26
|
+
| `isEditingGuideName` | | `CustomEvent<boolean>` |
|
|
27
|
+
| `layoutChanged` | | `CustomEvent<IGroupConfig[]>` |
|
|
28
|
+
| `setFieldListAsAvailable` | | `CustomEvent<IFieldConfig[]>` |
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
## Methods
|
|
32
|
+
|
|
33
|
+
### `addFieldToLayout(incomingField: IFieldConfig) => Promise<void>`
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
#### Returns
|
|
38
|
+
|
|
39
|
+
Type: `Promise<void>`
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
## Dependencies
|
|
45
|
+
|
|
46
|
+
### Used by
|
|
47
|
+
|
|
48
|
+
- [snk-dynaform-form-config](..)
|
|
49
|
+
|
|
50
|
+
### Depends on
|
|
51
|
+
|
|
52
|
+
- [snk-dynaform-field-item](../snk-dynaform-field-item)
|
|
53
|
+
|
|
54
|
+
### Graph
|
|
55
|
+
```mermaid
|
|
56
|
+
graph TD;
|
|
57
|
+
snk-dynaform-fields-layout --> snk-dynaform-field-item
|
|
58
|
+
snk-dynaform-field-item --> snk-dynaform-field-config
|
|
59
|
+
snk-dynaform-form-config --> snk-dynaform-fields-layout
|
|
60
|
+
style snk-dynaform-fields-layout fill:#f9f,stroke:#333,stroke-width:4px
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
----------------------------------------------
|
|
64
|
+
|
|
65
|
+
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# snk-dynaform-fields-selector
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | --------- | ----------- | ------------------- | ----------- |
|
|
12
|
+
| `availableFields` | -- | | `IFieldConfig[]` | `[]` |
|
|
13
|
+
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
14
|
+
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## Events
|
|
18
|
+
|
|
19
|
+
| Event | Description | Type |
|
|
20
|
+
| ------------------ | ----------- | ----------------------------- |
|
|
21
|
+
| `fieldListChanged` | | `CustomEvent<IFieldConfig[]>` |
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
## Dependencies
|
|
25
|
+
|
|
26
|
+
### Used by
|
|
27
|
+
|
|
28
|
+
- [snk-dynaform-form-config](..)
|
|
29
|
+
|
|
30
|
+
### Depends on
|
|
31
|
+
|
|
32
|
+
- [snk-dynaform-field-item](../snk-dynaform-field-item)
|
|
33
|
+
|
|
34
|
+
### Graph
|
|
35
|
+
```mermaid
|
|
36
|
+
graph TD;
|
|
37
|
+
snk-dynaform-fields-selector --> snk-dynaform-field-item
|
|
38
|
+
snk-dynaform-field-item --> snk-dynaform-field-config
|
|
39
|
+
snk-dynaform-form-config --> snk-dynaform-fields-selector
|
|
40
|
+
style snk-dynaform-fields-selector fill:#f9f,stroke:#333,stroke-width:4px
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
----------------------------------------------
|
|
44
|
+
|
|
45
|
+
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
# snk-dynaform-guides-configurator
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | ----------------- | ----------- | ------------------- | ----------- |
|
|
12
|
+
| `guidesList` | -- | | `IGuideConfig[]` | `[]` |
|
|
13
|
+
| `mainGuideName` | `main-guide-name` | | `string` | `undefined` |
|
|
14
|
+
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
15
|
+
| `selectedGuide` | -- | | `IGuideConfig` | `undefined` |
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## Events
|
|
19
|
+
|
|
20
|
+
| Event | Description | Type |
|
|
21
|
+
| ------------------ | ----------- | ----------------------------- |
|
|
22
|
+
| `createNewGuide` | | `CustomEvent<void>` |
|
|
23
|
+
| `guideDeleted` | | `CustomEvent<IGuideConfig>` |
|
|
24
|
+
| `guideListChanged` | | `CustomEvent<IGuideConfig[]>` |
|
|
25
|
+
| `guideSelected` | | `CustomEvent<IGuideConfig>` |
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## Dependencies
|
|
29
|
+
|
|
30
|
+
### Used by
|
|
31
|
+
|
|
32
|
+
- [snk-dynaform-form-config](..)
|
|
33
|
+
|
|
34
|
+
### Graph
|
|
35
|
+
```mermaid
|
|
36
|
+
graph TD;
|
|
37
|
+
snk-dynaform-form-config --> snk-dynaform-guides-configurator
|
|
38
|
+
style snk-dynaform-guides-configurator fill:#f9f,stroke:#333,stroke-width:4px
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
----------------------------------------------
|
|
42
|
+
|
|
43
|
+
|
|
@@ -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,8 @@ 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)
|
|
126
|
+
- [snk-dynaform](../snk-dynaform)
|
|
121
127
|
- [snk-grid](../snk-grid)
|
|
122
128
|
|
|
123
129
|
### Depends on
|
|
@@ -144,6 +150,8 @@ graph TD;
|
|
|
144
150
|
snk-expression-item --> snk-filter-param-config
|
|
145
151
|
snk-filter-modal --> snk-filter-modal-item
|
|
146
152
|
snk-filter-modal --> snk-default-filter
|
|
153
|
+
snk-crud --> snk-filter-bar
|
|
154
|
+
snk-dynaform --> snk-filter-bar
|
|
147
155
|
snk-grid --> snk-filter-bar
|
|
148
156
|
style snk-filter-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
149
157
|
```
|
|
@@ -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
|
|
|
@@ -205,6 +238,8 @@ Uma promessa que é resolvida quando a janela de configuração é exibida.
|
|
|
205
238
|
|
|
206
239
|
- [snk-crud](../snk-crud)
|
|
207
240
|
- [snk-detail-view](../snk-crud/subcomponents/snk-detail-view)
|
|
241
|
+
- [snk-dynaform](../snk-dynaform)
|
|
242
|
+
- [snk-dynaform-detail-view](../snk-dynaform/subcomponents/snk-dynaform-detail-view)
|
|
208
243
|
|
|
209
244
|
### Depends on
|
|
210
245
|
|
|
@@ -241,6 +276,7 @@ graph TD;
|
|
|
241
276
|
snk-expression-item --> snk-filter-param-config
|
|
242
277
|
snk-filter-modal --> snk-filter-modal-item
|
|
243
278
|
snk-filter-modal --> snk-default-filter
|
|
279
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
244
280
|
snk-taskbar --> snk-data-exporter
|
|
245
281
|
snk-taskbar --> snk-actions-button
|
|
246
282
|
snk-taskbar --> taskbar-split-button
|
|
@@ -249,6 +285,8 @@ graph TD;
|
|
|
249
285
|
snk-grid-config --> snk-select-box
|
|
250
286
|
snk-crud --> snk-grid
|
|
251
287
|
snk-detail-view --> snk-grid
|
|
288
|
+
snk-dynaform --> snk-grid
|
|
289
|
+
snk-dynaform-detail-view --> snk-grid
|
|
252
290
|
style snk-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
253
291
|
```
|
|
254
292
|
|
|
@@ -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` |
|
|
@@ -42,11 +42,13 @@ Type: `Promise<void>`
|
|
|
42
42
|
|
|
43
43
|
### Used by
|
|
44
44
|
|
|
45
|
+
- [snk-dynaform-form-view](../snk-dynaform/subcomponents/snk-dynaform-form-view)
|
|
45
46
|
- [snk-form-view](../snk-crud/subcomponents)
|
|
46
47
|
|
|
47
48
|
### Graph
|
|
48
49
|
```mermaid
|
|
49
50
|
graph TD;
|
|
51
|
+
snk-dynaform-form-view --> snk-image-input
|
|
50
52
|
snk-form-view --> snk-image-input
|
|
51
53
|
style snk-image-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
52
54
|
```
|
|
@@ -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
|
|
@@ -62,6 +63,9 @@ Type: `Promise<void>`
|
|
|
62
63
|
|
|
63
64
|
- [snk-crud](../../../snk-crud)
|
|
64
65
|
- [snk-detail-view](../../../snk-crud/subcomponents/snk-detail-view)
|
|
66
|
+
- [snk-dynaform](../../../snk-dynaform)
|
|
67
|
+
- [snk-dynaform-detail-view](../../../snk-dynaform/subcomponents/snk-dynaform-detail-view)
|
|
68
|
+
- [snk-dynaform-guides-view](../../../snk-dynaform/subcomponents/snk-dynaform-guides-view)
|
|
65
69
|
- [snk-grid](../../../snk-grid)
|
|
66
70
|
- [snk-guides-viewer](../../../snk-crud/subcomponents)
|
|
67
71
|
- [snk-simple-crud](../../../snk-simple-crud)
|
|
@@ -72,6 +76,9 @@ Type: `Promise<void>`
|
|
|
72
76
|
graph TD;
|
|
73
77
|
snk-crud --> taskbar-actions-button
|
|
74
78
|
snk-detail-view --> taskbar-actions-button
|
|
79
|
+
snk-dynaform --> taskbar-actions-button
|
|
80
|
+
snk-dynaform-detail-view --> taskbar-actions-button
|
|
81
|
+
snk-dynaform-guides-view --> taskbar-actions-button
|
|
75
82
|
snk-grid --> taskbar-actions-button
|
|
76
83
|
snk-guides-viewer --> taskbar-actions-button
|
|
77
84
|
snk-simple-crud --> taskbar-actions-button
|
|
@@ -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
|
|
@@ -25,6 +26,9 @@
|
|
|
25
26
|
|
|
26
27
|
- [snk-crud](../../../snk-crud)
|
|
27
28
|
- [snk-detail-view](../../../snk-crud/subcomponents/snk-detail-view)
|
|
29
|
+
- [snk-dynaform](../../../snk-dynaform)
|
|
30
|
+
- [snk-dynaform-detail-view](../../../snk-dynaform/subcomponents/snk-dynaform-detail-view)
|
|
31
|
+
- [snk-dynaform-guides-view](../../../snk-dynaform/subcomponents/snk-dynaform-guides-view)
|
|
28
32
|
- [snk-grid](../../../snk-grid)
|
|
29
33
|
- [snk-guides-viewer](../../../snk-crud/subcomponents)
|
|
30
34
|
- [snk-simple-crud](../../../snk-simple-crud)
|
|
@@ -35,6 +39,9 @@
|
|
|
35
39
|
graph TD;
|
|
36
40
|
snk-crud --> taskbar-split-button
|
|
37
41
|
snk-detail-view --> taskbar-split-button
|
|
42
|
+
snk-dynaform --> taskbar-split-button
|
|
43
|
+
snk-dynaform-detail-view --> taskbar-split-button
|
|
44
|
+
snk-dynaform-guides-view --> taskbar-split-button
|
|
38
45
|
snk-grid --> taskbar-split-button
|
|
39
46
|
snk-guides-viewer --> taskbar-split-button
|
|
40
47
|
snk-simple-crud --> taskbar-split-button
|
|
@@ -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,16 @@
|
|
|
40
43
|
|
|
41
44
|
### Used by
|
|
42
45
|
|
|
46
|
+
- [snk-crud](../snk-crud)
|
|
43
47
|
- [snk-detail-view](../snk-crud/subcomponents/snk-detail-view)
|
|
48
|
+
- [snk-dynaform](../snk-dynaform)
|
|
49
|
+
- [snk-dynaform-detail-view](../snk-dynaform/subcomponents/snk-dynaform-detail-view)
|
|
44
50
|
- [snk-grid](../snk-grid)
|
|
45
|
-
- [snk-guides-viewer](../snk-crud/subcomponents)
|
|
46
51
|
- [snk-simple-crud](../snk-simple-crud)
|
|
47
52
|
|
|
48
53
|
### Depends on
|
|
49
54
|
|
|
55
|
+
- [snk-taskbar-skeleton](subcomponents)
|
|
50
56
|
- [snk-data-exporter](../snk-data-exporter)
|
|
51
57
|
- [snk-actions-button](../snk-actions-button)
|
|
52
58
|
- [taskbar-split-button](./elements/taskbar-split-button)
|
|
@@ -55,14 +61,17 @@
|
|
|
55
61
|
### Graph
|
|
56
62
|
```mermaid
|
|
57
63
|
graph TD;
|
|
64
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
58
65
|
snk-taskbar --> snk-data-exporter
|
|
59
66
|
snk-taskbar --> snk-actions-button
|
|
60
67
|
snk-taskbar --> taskbar-split-button
|
|
61
68
|
snk-taskbar --> taskbar-actions-button
|
|
62
69
|
snk-data-exporter --> snk-exporter-email-sender
|
|
70
|
+
snk-crud --> snk-taskbar
|
|
63
71
|
snk-detail-view --> snk-taskbar
|
|
72
|
+
snk-dynaform --> snk-taskbar
|
|
73
|
+
snk-dynaform-detail-view --> snk-taskbar
|
|
64
74
|
snk-grid --> snk-taskbar
|
|
65
|
-
snk-guides-viewer --> snk-taskbar
|
|
66
75
|
snk-simple-crud --> snk-taskbar
|
|
67
76
|
style snk-taskbar fill:#f9f,stroke:#333,stroke-width:4px
|
|
68
77
|
```
|