@sankhyalabs/ezui-docs 7.3.4 → 7.3.5-rc.1

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.
Files changed (42) hide show
  1. package/components/ez-button/readme.md +14 -0
  2. package/components/ez-calendar/readme.md +4 -0
  3. package/components/ez-card-item/readme.md +4 -0
  4. package/components/ez-classic-combo-box/readme.md +12 -3
  5. package/components/ez-classic-date-input/readme.md +111 -0
  6. package/components/ez-classic-date-time-input/readme.md +111 -0
  7. package/components/ez-classic-input/readme.md +22 -1
  8. package/components/ez-classic-number-input/readme.md +107 -0
  9. package/components/ez-classic-search/readme.md +162 -0
  10. package/components/ez-classic-search/subcomponent/classic-search-list/readme.md +72 -0
  11. package/components/ez-classic-search-plus/readme.md +169 -0
  12. package/components/ez-classic-search-plus/subcomponent/ez-search-result-list/readme.md +90 -0
  13. package/components/ez-classic-text-area/readme.md +25 -19
  14. package/components/ez-classic-time-input/readme.md +88 -0
  15. package/components/ez-empty-card/readme.md +2 -2
  16. package/components/ez-filter/readme.md +401 -0
  17. package/components/ez-form/readme.md +47 -9
  18. package/components/ez-form-view/readme.md +59 -6
  19. package/components/ez-grid/readme.md +24 -6
  20. package/components/ez-grid/subcomponents/readme.md +1 -0
  21. package/components/ez-grid-pagination/readme.md +95 -0
  22. package/components/ez-grid-view/readme.md +9 -3
  23. package/components/ez-guide-navigator/readme.md +2 -0
  24. package/components/ez-icon/readme.md +6 -0
  25. package/components/ez-image-input/readme.md +77 -0
  26. package/components/ez-modal/readme.md +2 -1
  27. package/components/ez-multi-select-input/readme.md +2 -0
  28. package/components/ez-multi-selection-list/readme.md +2 -0
  29. package/components/ez-popover/readme.md +13 -0
  30. package/components/ez-popover-plus/readme.md +8 -0
  31. package/components/ez-popup/readme.md +2 -0
  32. package/components/ez-record-navigation/readme.md +59 -0
  33. package/components/ez-scroller/readme.md +20 -6
  34. package/components/ez-search/readme.md +7 -1
  35. package/components/ez-sidebar-navigator/readme.md +2 -0
  36. package/components/ez-skeleton/readme.md +4 -0
  37. package/components/ez-split-button/readme.md +2 -0
  38. package/components/ez-split-panel/readme.md +1 -0
  39. package/components/ez-split-panel/structure/item/readme.md +1 -0
  40. package/components/ez-tabselector/readme.md +5 -3
  41. package/components/ez-tooltip/readme.md +6 -0
  42. package/package.json +1 -1
@@ -0,0 +1,59 @@
1
+ # ez-record-navigation
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | -------------- | --------------- | ------------------------------------------------------------------------ | ------------------- | ----------- |
12
+ | `dataUnit` | -- | DataUnit. | `DataUnit` | `undefined` |
13
+ | `disabled` | `disabled` | Desabilita a navegação entre os registros. | `boolean` | `false` |
14
+ | `primaryKeys` | -- | Chaves primárias dos registros, usadas para visualizar o registro atual. | `string[]` | `undefined` |
15
+ | `textPosition` | `text-position` | | `"left" \| "right"` | `'right'` |
16
+
17
+
18
+ ## Methods
19
+
20
+ ### `nextRecord() => Promise<void>`
21
+
22
+ Navega para a próxima página.
23
+
24
+ #### Returns
25
+
26
+ Type: `Promise<void>`
27
+
28
+ ---
29
+
30
+ ### `previousRecord() => Promise<void>`
31
+
32
+ Navega para a página anterior.
33
+
34
+ #### Returns
35
+
36
+ Type: `Promise<void>`
37
+
38
+
39
+
40
+
41
+ ## Dependencies
42
+
43
+ ### Depends on
44
+
45
+ - [ez-tooltip](../ez-tooltip)
46
+ - [ez-button](../ez-button)
47
+
48
+ ### Graph
49
+ ```mermaid
50
+ graph TD;
51
+ ez-record-navigation --> ez-tooltip
52
+ ez-record-navigation --> ez-button
53
+ ez-button --> ez-icon
54
+ style ez-record-navigation fill:#f9f,stroke:#333,stroke-width:4px
55
+ ```
56
+
57
+ ----------------------------------------------
58
+
59
+
@@ -7,11 +7,13 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | -------------- | --------------- | -------------------------------------- | -------------------------------------------------------------------------------------- | ----------- |
12
- | `activeShadow` | `active-shadow` | Define se haverá efeito de sombreado. | `boolean` | `false` |
13
- | `direction` | `direction` | Define a direção em que haverá scroll. | `EzScrollDirection.BOTH \| EzScrollDirection.HORIZONTAL \| EzScrollDirection.VERTICAL` | `undefined` |
14
- | `locked` | `locked` | Define se o `scroll` estará bloqueado. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ---------------- | ----------------- | ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------- |
12
+ | `activeShadow` | `active-shadow` | Define se haverá efeito de sombreado. | `boolean` | `false` |
13
+ | `direction` | `direction` | Define a direção em que haverá scroll. | `EzScrollDirection.BOTH \| EzScrollDirection.HORIZONTAL \| EzScrollDirection.VERTICAL` | `undefined` |
14
+ | `locked` | `locked` | Define se o `scroll` estará bloqueado. | `boolean` | `false` |
15
+ | `navigationMode` | `navigation-mode` | Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel). | `EzScrollNavigationMode.BUTTONS \| EzScrollNavigationMode.SCROLLBAR` | `EzScrollNavigationMode.SCROLLBAR` |
16
+ | `scrollAmount` | `scroll-amount` | Define a quantidade de pixels que será rolado ao clicar nos botões de navegação. | `number` | `200` |
15
17
 
16
18
 
17
19
  ## Dependencies
@@ -21,9 +23,17 @@
21
23
  - [ez-guide-navigator](../ez-guide-navigator)
22
24
  - [ez-sidebar-navigator](../ez-sidebar-navigator)
23
25
 
26
+ ### Depends on
27
+
28
+ - [ez-button](../ez-button)
29
+ - [ez-icon](../ez-icon)
30
+
24
31
  ### Graph
25
32
  ```mermaid
26
33
  graph TD;
34
+ ez-scroller --> ez-button
35
+ ez-scroller --> ez-icon
36
+ ez-button --> ez-icon
27
37
  ez-guide-navigator --> ez-scroller
28
38
  ez-sidebar-navigator --> ez-scroller
29
39
  style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
@@ -38,6 +48,7 @@ graph TD;
38
48
  | Variable | Description |
39
49
  |-|-|
40
50
  | --ez-scroller--box-shadow-color | Define a cor de efeito de sombreado com componente. |
51
+ | --ez-scroller\_\_nav-button--spacing | Define o espaçamento entre os botões de navegação e o conteúdo. |
41
52
  | --ez-scroller\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
42
53
  | --ez-scroller\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
43
54
  | --ez-scroller\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
@@ -45,4 +56,7 @@ graph TD;
45
56
  | --ez-scroller\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
46
57
  | --ez-scroller\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
47
58
  | --ez-scroller\_\_max-height | Define o a altura máxima do componente. |
48
- | --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. |
59
+ | --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. |
60
+ | --ez-scroller\_\_nav-button--size | Define o tamanho do botão de navegação. |
61
+ | --ez-scroller\_\_nav-button--border-radius | Define o raio da borda do botão de navegação. |
62
+ | --ez-scroller\_\_nav-button--gradient-width | Define a largura do gradiente ao lado do botão. |
@@ -16,7 +16,7 @@
16
16
  | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
17
17
  | `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
18
18
  | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
19
- | `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
19
+ | `hideDescriptionInput` | `hide-description-input` | Se true o campo de descrição não será exibido. | `boolean` | `false` |
20
20
  | `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
21
21
  | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
22
22
  | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
@@ -25,10 +25,12 @@
25
25
  | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
26
26
  | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
27
27
  | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
28
+ | `showMore` | `show-more` | Informa se deve exibir a opção de mostrar mais resultados. | `boolean` | `undefined` |
28
29
  | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
29
30
  | `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
30
31
  | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
31
32
  | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
33
+ | `suppressInputPersist` | `suppress-input-persist` | Informa se o valor da opção selecionada deve persistir no input de texto. | `boolean` | `false` |
32
34
  | `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
33
35
  | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
34
36
  | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
@@ -106,6 +108,7 @@ Type: `Promise<void>`
106
108
 
107
109
  ### Depends on
108
110
 
111
+ - [ez-button](../ez-button)
109
112
  - [ez-text-input](../ez-text-input)
110
113
  - [ez-icon](../ez-icon)
111
114
  - [ez-popover-plus](../ez-popover-plus)
@@ -114,10 +117,12 @@ Type: `Promise<void>`
114
117
  ### Graph
115
118
  ```mermaid
116
119
  graph TD;
120
+ ez-search --> ez-button
117
121
  ez-search --> ez-text-input
118
122
  ez-search --> ez-icon
119
123
  ez-search --> ez-popover-plus
120
124
  ez-search --> search-list
125
+ ez-button --> ez-icon
121
126
  ez-text-input --> ez-tooltip
122
127
  ez-text-input --> ez-icon
123
128
  ez-popover-plus --> ez-popover-core
@@ -139,6 +144,7 @@ graph TD;
139
144
  |-|-|
140
145
  | --ez-search--height | Define altura do input. |
141
146
  | --ez-search--width | Define largura do input. |
147
+ | --ez-search--min-width | Define largura mínima do input. |
142
148
  | --ez-search\_\_icon--width | Define largura do slot do ícone do input. |
143
149
  | --ez-search--border-radius | Define o raio da borda do input. |
144
150
  | --ez-search--border-radius-small | Define o raio da borda do input quando pequeno. |
@@ -74,6 +74,8 @@ graph TD;
74
74
  ez-sidebar-navigator --> ez-scroller
75
75
  ez-sidebar-button --> ez-icon
76
76
  ez-button --> ez-icon
77
+ ez-scroller --> ez-button
78
+ ez-scroller --> ez-icon
77
79
  style ez-sidebar-navigator fill:#f9f,stroke:#333,stroke-width:4px
78
80
  ```
79
81
 
@@ -25,13 +25,17 @@
25
25
 
26
26
  ### Used by
27
27
 
28
+ - [ez-classic-search-result-list](../ez-classic-search-plus/subcomponent/ez-search-result-list)
28
29
  - [ez-dropdown](../ez-dropdown)
30
+ - [ez-image-input](../ez-image-input)
29
31
  - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
30
32
 
31
33
  ### Graph
32
34
  ```mermaid
33
35
  graph TD;
36
+ ez-classic-search-result-list --> ez-skeleton
34
37
  ez-dropdown --> ez-skeleton
38
+ ez-image-input --> ez-skeleton
35
39
  ez-search-result-list --> ez-skeleton
36
40
  style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
37
41
  ```
@@ -97,12 +97,14 @@ Type: `Promise<void>`
97
97
 
98
98
  ### Depends on
99
99
 
100
+ - [ez-tooltip](../ez-tooltip)
100
101
  - [ez-icon](../ez-icon)
101
102
  - [ez-dropdown](../ez-dropdown)
102
103
 
103
104
  ### Graph
104
105
  ```mermaid
105
106
  graph TD;
107
+ ez-split-button --> ez-tooltip
106
108
  ez-split-button --> ez-icon
107
109
  ez-split-button --> ez-dropdown
108
110
  ez-dropdown --> ez-skeleton
@@ -11,6 +11,7 @@
11
11
  | ---------------- | ------------------ | -------------------------------------------------------------------------------------- | ------------------- | ---------- |
12
12
  | `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` |
13
13
  | `direction` | `direction` | | `"column" \| "row"` | `'column'` |
14
+ | `showGutter` | `show-gutter` | Exibe uma alça visível no divisor entre os itens (indicador de arraste). | `boolean` | `false` |
14
15
  | `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
15
16
 
16
17
 
@@ -11,6 +11,7 @@
11
11
  | -------------- | --------------- | -------------------------------------------------------------------------------------- | --------- | ----------- |
12
12
  | `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` |
13
13
  | `label` | `label` | Define um título para o painel. | `string` | `undefined` |
14
+ | `outline` | `outline` | Exibe o item apenas com contorno (borda), sem preenchimento nem sombra. | `boolean` | `false` |
14
15
  | `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` |
15
16
  | `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
16
17
 
@@ -9,6 +9,7 @@
9
9
 
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------- | ----------------- | ----------- |
12
+ | `reorderable` | `reorderable` | Define se as abas podem ser reordenadas via drag-and-drop. Desabilitado por padrão. | `boolean` | `false` |
12
13
  | `selectedIndex` | `selected-index` | Define o index da aba selecionada. | `number` | `undefined` |
13
14
  | `selectedTab` | `selected-tab` | Define a aba selecionada. | `string` | `undefined` |
14
15
  | `tabs` | `tabs` | Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração. | `Tab[] \| string` | `undefined` |
@@ -16,9 +17,10 @@
16
17
 
17
18
  ## Events
18
19
 
19
- | Event | Description | Type |
20
- | ---------- | ----------------------------------------------------------- | ------------------ |
21
- | `ezChange` | Emitido quando acontece a alteração de valor do componente. | `CustomEvent<Tab>` |
20
+ | Event | Description | Type |
21
+ | ----------- | ----------------------------------------------------------------------------------------------- | -------------------- |
22
+ | `ezChange` | Emitido quando acontece a alteração de valor do componente. | `CustomEvent<Tab>` |
23
+ | `ezReorder` | Emitido quando as abas são reordenadas via drag-and-drop. Recebe o array de abas na nova ordem. | `CustomEvent<Tab[]>` |
22
24
 
23
25
 
24
26
  ## Methods
@@ -26,8 +26,11 @@
26
26
  ### Used by
27
27
 
28
28
  - [ez-chip](../ez-chip)
29
+ - [ez-grid-pagination](../ez-grid-pagination)
29
30
  - [ez-multi-select-input](../ez-multi-select-input)
31
+ - [ez-record-navigation](../ez-record-navigation)
30
32
  - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
33
+ - [ez-split-button](../ez-split-button)
31
34
  - [ez-text-area](../ez-text-area)
32
35
  - [ez-text-input](../ez-text-input)
33
36
 
@@ -35,8 +38,11 @@
35
38
  ```mermaid
36
39
  graph TD;
37
40
  ez-chip --> ez-tooltip
41
+ ez-grid-pagination --> ez-tooltip
38
42
  ez-multi-select-input --> ez-tooltip
43
+ ez-record-navigation --> ez-tooltip
39
44
  ez-simple-image-uploader --> ez-tooltip
45
+ ez-split-button --> ez-tooltip
40
46
  ez-text-area --> ez-tooltip
41
47
  ez-text-input --> ez-tooltip
42
48
  style ez-tooltip 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": "7.3.4",
3
+ "version": "7.3.5-rc.1",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [