@sankhyalabs/ezui-docs 5.20.0-rc.7 → 5.20.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.
@@ -11,7 +11,7 @@
11
11
  | ---------------------- | ---------------------- | ---------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
12
12
  | `alerts` | -- | Lista de alertas que devem ser apresentados no componente. | `AlertItem[]` | `[]` |
13
13
  | `enableDragAndDrop` | `enable-drag-and-drop` | Define se o componente pode ser arrastado na tela. | `boolean` | `undefined` |
14
- | `enableExpand` | `enable-expand` | Define se o componente pode ser expandido. | `boolean` | `true` |
14
+ | `enableExpand` | `enable-expand` | Define se o componente pode ser expandido. | `boolean` | `undefined` |
15
15
  | `expanded` | `expanded` | Define se o componente está expandido. | `boolean` | `false` |
16
16
  | `itemRightSlotBuilder` | -- | Define builder para elementos a direita do componente | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
17
17
  | `opened` | `opened` | Define se o componente está aberto. | `boolean` | `true` |
@@ -50,7 +50,6 @@ Type: `Promise<void>`
50
50
  - [ez-grid](../ez-grid)
51
51
  - [ez-guide-navigator](../ez-guide-navigator)
52
52
  - [ez-modal-container](../ez-modal-container)
53
- - [ez-split-item](../ez-split-panel/structure/item)
54
53
  - [ez-text-edit](../ez-text-edit)
55
54
  - [filter-column](../ez-grid/subcomponents)
56
55
 
@@ -68,7 +67,6 @@ graph TD;
68
67
  ez-grid --> ez-button
69
68
  ez-guide-navigator --> ez-button
70
69
  ez-modal-container --> ez-button
71
- ez-split-item --> ez-button
72
70
  ez-text-edit --> ez-button
73
71
  filter-column --> ez-button
74
72
  style ez-button fill:#f9f,stroke:#333,stroke-width:4px
@@ -7,10 +7,9 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ----------- | ------------ | ------------------------------------------------------------------------------------------------------------- | ---------- | ----------- |
12
- | `enableKey` | `enable-key` | Determina se a chave do item deve ser exibida. | `boolean` | `true` |
13
- | `item` | -- | Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`. | `CardItem` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------- | --------- | ------------------------------------------------------------------------------------------------------------- | ---------- | ----------- |
12
+ | `item` | -- | Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`. | `CardItem` | `undefined` |
14
13
 
15
14
 
16
15
  ## Events
@@ -20,19 +19,6 @@
20
19
  | `ezClick` | Emitido sempre que o ez-card é clicado. | `CustomEvent<CardItem>` |
21
20
 
22
21
 
23
- ## Dependencies
24
-
25
- ### Used by
26
-
27
- - [ez-search](../ez-search)
28
-
29
- ### Graph
30
- ```mermaid
31
- graph TD;
32
- ez-search --> ez-card-item
33
- style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
34
- ```
35
-
36
22
  ----------------------------------------------
37
23
 
38
24
 
@@ -20,6 +20,7 @@
20
20
  | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
21
21
  | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
22
22
  | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
23
+ | `searchMode` | `search-mode` | Se true ativa o modo pesquisa do ez-combo-box. | `boolean` | `undefined` |
23
24
  | `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
24
25
  | `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
25
26
  | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
@@ -92,6 +93,7 @@ Type: `Promise<void>`
92
93
  ### Used by
93
94
 
94
95
  - [ez-form-view](../ez-form-view)
96
+ - [ez-search](../ez-search)
95
97
 
96
98
  ### Depends on
97
99
 
@@ -104,6 +106,7 @@ graph TD;
104
106
  ez-combo-box --> ez-text-input
105
107
  ez-combo-box --> ez-icon
106
108
  ez-form-view --> ez-combo-box
109
+ ez-search --> ez-combo-box
107
110
  style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
108
111
  ```
109
112
 
@@ -19,7 +19,6 @@
19
19
  | Event | Description | Type |
20
20
  | ------------------ | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------- |
21
21
  | `ezClick` | Emitido quando ocorrer um click em um item da lista, o IDropdownItem que recebeu o click deve ser enviado como data do evento. | `CustomEvent<IDropdownItem>` |
22
- | `ezOutsideClick` | Emitido quando ocorrer um click fora do componente. | `CustomEvent<void>` |
23
22
  | `ezSubActionClick` | Emitido quando ocorrer um click em uma ação secundaria do item, o IDropdownSubAction deve ser enviado como data do evento. | `CustomEvent<IDropdownSubAction>` |
24
23
 
25
24
 
@@ -28,7 +27,6 @@
28
27
  ### Used by
29
28
 
30
29
  - [ez-breadcrumb](../ez-breadcrumb)
31
- - [ez-split-button](../ez-split-button)
32
30
 
33
31
  ### Depends on
34
32
 
@@ -39,7 +37,6 @@
39
37
  graph TD;
40
38
  ez-dropdown --> ez-icon
41
39
  ez-breadcrumb --> ez-dropdown
42
- ez-split-button --> ez-dropdown
43
40
  style ez-dropdown fill:#f9f,stroke:#333,stroke-width:4px
44
41
  ```
45
42
 
@@ -76,9 +76,7 @@ graph TD;
76
76
  ez-date-time-input --> ez-text-input
77
77
  ez-date-time-input --> ez-calendar
78
78
  ez-number-input --> ez-text-input
79
- ez-search --> ez-card-item
80
- ez-search --> ez-text-input
81
- ez-search --> ez-icon
79
+ ez-search --> ez-combo-box
82
80
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
83
81
  ```
84
82
 
@@ -81,9 +81,7 @@ graph TD;
81
81
  ez-date-time-input --> ez-text-input
82
82
  ez-date-time-input --> ez-calendar
83
83
  ez-number-input --> ez-text-input
84
- ez-search --> ez-card-item
85
- ez-search --> ez-text-input
86
- ez-search --> ez-icon
84
+ ez-search --> ez-combo-box
87
85
  ez-form --> ez-form-view
88
86
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
89
87
  ```
@@ -162,9 +162,9 @@ graph TD;
162
162
  ez-list --> ez-check
163
163
  ez-filter-input --> ez-text-input
164
164
  ez-filter-input --> ez-icon
165
- ez-search --> ez-card-item
166
- ez-search --> ez-text-input
167
- ez-search --> ez-icon
165
+ ez-search --> ez-combo-box
166
+ ez-combo-box --> ez-text-input
167
+ ez-combo-box --> ez-icon
168
168
  style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
169
169
  ```
170
170
 
@@ -77,9 +77,9 @@ graph TD;
77
77
  ez-list --> ez-check
78
78
  ez-filter-input --> ez-text-input
79
79
  ez-filter-input --> ez-icon
80
- ez-search --> ez-card-item
81
- ez-search --> ez-text-input
82
- ez-search --> ez-icon
80
+ ez-search --> ez-combo-box
81
+ ez-combo-box --> ez-text-input
82
+ ez-combo-box --> ez-icon
83
83
  ez-grid --> filter-column
84
84
  style filter-column fill:#f9f,stroke:#333,stroke-width:4px
85
85
  ```
@@ -33,8 +33,6 @@
33
33
  - [ez-grid](../ez-grid)
34
34
  - [ez-modal-container](../ez-modal-container)
35
35
  - [ez-multi-selection-list](../ez-multi-selection-list)
36
- - [ez-search](../ez-search)
37
- - [ez-split-button](../ez-split-button)
38
36
  - [ez-tabselector](../ez-tabselector)
39
37
  - [ez-time-input](../ez-time-input)
40
38
  - [ez-tree](../ez-tree)
@@ -57,8 +55,6 @@ graph TD;
57
55
  ez-grid --> ez-icon
58
56
  ez-modal-container --> ez-icon
59
57
  ez-multi-selection-list --> ez-icon
60
- ez-search --> ez-icon
61
- ez-split-button --> ez-icon
62
58
  ez-tabselector --> ez-icon
63
59
  ez-time-input --> ez-icon
64
60
  ez-tree --> ez-icon
@@ -63,9 +63,9 @@ graph TD;
63
63
  ez-list --> ez-check
64
64
  ez-filter-input --> ez-text-input
65
65
  ez-filter-input --> ez-icon
66
- ez-search --> ez-card-item
67
- ez-search --> ez-text-input
68
- ez-search --> ez-icon
66
+ ez-search --> ez-combo-box
67
+ ez-combo-box --> ez-text-input
68
+ ez-combo-box --> ez-icon
69
69
  filter-column --> ez-multi-selection-list
70
70
  style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px
71
71
  ```
@@ -7,24 +7,22 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
12
- | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
13
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
14
- | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
15
- | `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` |
16
- | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
17
- | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
18
- | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
19
- | `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
20
- | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
21
- | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
22
- | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
23
- | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
24
- | `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
25
- | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
26
- | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
27
- | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------------------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
12
+ | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
13
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
14
+ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
15
+ | `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` |
16
+ | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
17
+ | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
18
+ | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
19
+ | `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
20
+ | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
21
+ | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
22
+ | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
23
+ | `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
24
+ | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
25
+ | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
28
26
 
29
27
 
30
28
  ## Events
@@ -96,16 +94,14 @@ Type: `Promise<void>`
96
94
 
97
95
  ### Depends on
98
96
 
99
- - [ez-card-item](../ez-card-item)
100
- - [ez-text-input](../ez-text-input)
101
- - [ez-icon](../ez-icon)
97
+ - [ez-combo-box](../ez-combo-box)
102
98
 
103
99
  ### Graph
104
100
  ```mermaid
105
101
  graph TD;
106
- ez-search --> ez-card-item
107
- ez-search --> ez-text-input
108
- ez-search --> ez-icon
102
+ ez-search --> ez-combo-box
103
+ ez-combo-box --> ez-text-input
104
+ ez-combo-box --> ez-icon
109
105
  ez-form-view --> ez-search
110
106
  ez-multi-selection-list --> ez-search
111
107
  style ez-search fill:#f9f,stroke:#333,stroke-width:4px
@@ -7,10 +7,9 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ---------------- | ------------------ | ------------------------------------------------------------------------ | ------------------- | ---------- |
12
- | `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` |
13
- | `direction` | `direction` | | `"column" \| "row"` | `'column'` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ----------- | ----------- | ----------- | ------------------- | ---------- |
12
+ | `direction` | `direction` | | `"column" \| "row"` | `'column'` |
14
13
 
15
14
 
16
15
  ----------------------------------------------
@@ -5,29 +5,6 @@
5
5
  <!-- Auto Generated Below -->
6
6
 
7
7
 
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------- | --------------- | ----------------------------------- | --------- | ----------- |
12
- | `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` |
13
- | `label` | `label` | Define um título para o painel. | `string` | `undefined` |
14
- | `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` |
15
-
16
-
17
- ## Dependencies
18
-
19
- ### Depends on
20
-
21
- - [ez-button](../../../ez-button)
22
-
23
- ### Graph
24
- ```mermaid
25
- graph TD;
26
- ez-split-item --> ez-button
27
- ez-button --> ez-icon
28
- style ez-split-item fill:#f9f,stroke:#333,stroke-width:4px
29
- ```
30
-
31
8
  ----------------------------------------------
32
9
 
33
10
 
@@ -71,7 +71,6 @@ Type: `Promise<void>`
71
71
  - [ez-filter-input](../ez-filter-input)
72
72
  - [ez-form-view](../ez-form-view)
73
73
  - [ez-number-input](../ez-number-input)
74
- - [ez-search](../ez-search)
75
74
  - [ez-text-edit](../ez-text-edit)
76
75
  - [ez-time-input](../ez-time-input)
77
76
 
@@ -84,7 +83,6 @@ graph TD;
84
83
  ez-filter-input --> ez-text-input
85
84
  ez-form-view --> ez-text-input
86
85
  ez-number-input --> ez-text-input
87
- ez-search --> ez-text-input
88
86
  ez-text-edit --> ez-text-input
89
87
  ez-time-input --> ez-text-input
90
88
  style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "5.20.0-rc.7",
3
+ "version": "5.20.0",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [
@@ -1,83 +0,0 @@
1
- # ez-split-button
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------ | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | --------------- |
12
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
13
- | `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
14
- | `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
15
- | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
16
- | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
17
- | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
18
- | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
19
- | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
20
- | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium"` | `'medium'` |
21
-
22
-
23
- ## Events
24
-
25
- | Event | Description | Type |
26
- | ------------------------ | ------------------------------------------------------------- | --------------------------------- |
27
- | `buttonClick` | Emitido quando o botão principal é clicado | `CustomEvent<void>` |
28
- | `dropdownItemClick` | Emitido quando um item do dropdown é clicado | `CustomEvent<IDropdownItem>` |
29
- | `dropdownSubActionClick` | Emitido quando uma subAction de um item do dropdown é clicada | `CustomEvent<IDropdownSubAction>` |
30
-
31
-
32
- ## Methods
33
-
34
- ### `setBlur() => Promise<void>`
35
-
36
- Remove o foco de ambos os botões.
37
-
38
- #### Returns
39
-
40
- Type: `Promise<void>`
41
-
42
-
43
-
44
- ### `setLeftButtonFocus() => Promise<void>`
45
-
46
- Aplica o foco no botão principal.
47
-
48
- #### Returns
49
-
50
- Type: `Promise<void>`
51
-
52
-
53
-
54
- ### `setRightButtonFocus() => Promise<void>`
55
-
56
- Aplica o foco no botão do dropdown.
57
-
58
- #### Returns
59
-
60
- Type: `Promise<void>`
61
-
62
-
63
-
64
-
65
- ## Dependencies
66
-
67
- ### Depends on
68
-
69
- - [ez-icon](../ez-icon)
70
- - [ez-dropdown](../ez-dropdown)
71
-
72
- ### Graph
73
- ```mermaid
74
- graph TD;
75
- ez-split-button --> ez-icon
76
- ez-split-button --> ez-dropdown
77
- ez-dropdown --> ez-icon
78
- style ez-split-button fill:#f9f,stroke:#333,stroke-width:4px
79
- ```
80
-
81
- ----------------------------------------------
82
-
83
-