@sankhyalabs/ezui-docs 0.0.0-bugfix-dev-KB-83282.0 → 0.0.0-bugfix-dev-KB-75065.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.
- package/components/ez-badge/readme.md +8 -7
- package/components/ez-combo-box/readme.md +0 -5
- package/components/ez-form/readme.md +0 -3
- package/components/ez-form-view/readme.md +0 -3
- package/components/ez-grid/readme.md +0 -1
- package/components/ez-grid/subcomponents/readme.md +0 -1
- package/components/ez-popover-plus/readme.md +0 -7
- package/package.json +1 -1
- package/components/ez-combo-box/ez-combo-box-list/readme.md +0 -71
- package/components/ez-popover-plus/subcomponent/readme.md +0 -105
|
@@ -7,13 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ |
|
|
12
|
+
| `alignItems` | `align-items` | Define a posição do ícone em relação ao elemento. | `"center" \| "flex-end" \| "flex-start"` | `"center"` |
|
|
13
|
+
| `iconLeft` | `icon-left` | Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
14
|
+
| `iconRight` | `icon-right` | Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
15
|
+
| `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` |
|
|
16
|
+
| `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` |
|
|
17
|
+
| `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` |
|
|
17
18
|
|
|
18
19
|
|
|
19
20
|
## Dependencies
|
|
@@ -99,19 +99,14 @@ Type: `Promise<void>`
|
|
|
99
99
|
|
|
100
100
|
- [ez-text-input](../ez-text-input)
|
|
101
101
|
- [ez-icon](../ez-icon)
|
|
102
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
103
|
-
- [ez-combo-box-list](ez-combo-box-list)
|
|
104
102
|
|
|
105
103
|
### Graph
|
|
106
104
|
```mermaid
|
|
107
105
|
graph TD;
|
|
108
106
|
ez-combo-box --> ez-text-input
|
|
109
107
|
ez-combo-box --> ez-icon
|
|
110
|
-
ez-combo-box --> ez-popover-plus
|
|
111
|
-
ez-combo-box --> ez-combo-box-list
|
|
112
108
|
ez-text-input --> ez-tooltip
|
|
113
109
|
ez-text-input --> ez-icon
|
|
114
|
-
ez-popover-plus --> ez-popover-core
|
|
115
110
|
ez-form-view --> ez-combo-box
|
|
116
111
|
style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
117
112
|
```
|
|
@@ -93,9 +93,6 @@ graph TD;
|
|
|
93
93
|
ez-button --> ez-icon
|
|
94
94
|
ez-combo-box --> ez-text-input
|
|
95
95
|
ez-combo-box --> ez-icon
|
|
96
|
-
ez-combo-box --> ez-popover-plus
|
|
97
|
-
ez-combo-box --> ez-combo-box-list
|
|
98
|
-
ez-popover-plus --> ez-popover-core
|
|
99
96
|
ez-date-input --> ez-text-input
|
|
100
97
|
ez-date-input --> ez-calendar
|
|
101
98
|
ez-time-input --> ez-text-input
|
|
@@ -99,9 +99,6 @@ graph TD;
|
|
|
99
99
|
ez-button --> ez-icon
|
|
100
100
|
ez-combo-box --> ez-text-input
|
|
101
101
|
ez-combo-box --> ez-icon
|
|
102
|
-
ez-combo-box --> ez-popover-plus
|
|
103
|
-
ez-combo-box --> ez-combo-box-list
|
|
104
|
-
ez-popover-plus --> ez-popover-core
|
|
105
102
|
ez-date-input --> ez-text-input
|
|
106
103
|
ez-date-input --> ez-calendar
|
|
107
104
|
ez-time-input --> ez-text-input
|
|
@@ -255,7 +255,6 @@ graph TD;
|
|
|
255
255
|
filter-column --> ez-popover-plus
|
|
256
256
|
filter-column --> ez-button
|
|
257
257
|
filter-column --> ez-multi-selection-list
|
|
258
|
-
ez-popover-plus --> ez-popover-core
|
|
259
258
|
ez-multi-selection-list --> ez-check
|
|
260
259
|
ez-multi-selection-list --> ez-list
|
|
261
260
|
ez-multi-selection-list --> ez-icon
|
|
@@ -67,7 +67,6 @@ graph TD;
|
|
|
67
67
|
filter-column --> ez-popover-plus
|
|
68
68
|
filter-column --> ez-button
|
|
69
69
|
filter-column --> ez-multi-selection-list
|
|
70
|
-
ez-popover-plus --> ez-popover-core
|
|
71
70
|
ez-button --> ez-icon
|
|
72
71
|
ez-multi-selection-list --> ez-check
|
|
73
72
|
ez-multi-selection-list --> ez-list
|
|
@@ -91,18 +91,11 @@ Type: `Promise<void>`
|
|
|
91
91
|
|
|
92
92
|
### Used by
|
|
93
93
|
|
|
94
|
-
- [ez-combo-box](../ez-combo-box)
|
|
95
94
|
- [filter-column](../ez-grid/subcomponents)
|
|
96
95
|
|
|
97
|
-
### Depends on
|
|
98
|
-
|
|
99
|
-
- [ez-popover-core](subcomponent)
|
|
100
|
-
|
|
101
96
|
### Graph
|
|
102
97
|
```mermaid
|
|
103
98
|
graph TD;
|
|
104
|
-
ez-popover-plus --> ez-popover-core
|
|
105
|
-
ez-combo-box --> ez-popover-plus
|
|
106
99
|
filter-column --> ez-popover-plus
|
|
107
100
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
108
101
|
```
|
package/package.json
CHANGED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
# ez-combo-box-list
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ----------------- | ------------------- | -------------------------------------------------------------------- | --------------------------- | ------------------------------- |
|
|
12
|
-
| `maxWidth` | `max-width` | Largura máxima da lista, em pixels. | `number` | `undefined` |
|
|
13
|
-
| `onOptionHover` | -- | Callback chamado quando o mouse passa sobre uma opção. | `(index: number) => void` | `undefined` |
|
|
14
|
-
| `onOptionSelect` | -- | Callback chamado quando uma opção é selecionada. | `(option: IOption) => void` | `undefined` |
|
|
15
|
-
| `preSelection` | `pre-selection` | Índice da opção pré-selecionada na lista. | `number` | `undefined` |
|
|
16
|
-
| `showLoading` | `show-loading` | Indica se o indicador de carregamento deve ser exibido. | `boolean` | `undefined` |
|
|
17
|
-
| `showOptionValue` | `show-option-value` | Indica se o valor de cada opção deve ser exibido junto com o rótulo. | `boolean` | `undefined` |
|
|
18
|
-
| `textEmptyList` | `text-empty-list` | Mensagem exibida quando a lista de opções está vazia. | `string` | `"Nenhum resultado encontrado"` |
|
|
19
|
-
| `visibleOptions` | -- | Lista de opções visíveis que serão exibidas no componente. | `IOption[]` | `undefined` |
|
|
20
|
-
| `width` | `width` | Largura fixa da lista, em pixels. | `number` | `undefined` |
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
## Methods
|
|
24
|
-
|
|
25
|
-
### `nextOption() => Promise<void>`
|
|
26
|
-
|
|
27
|
-
Move a seleção para a próxima opção na lista.
|
|
28
|
-
|
|
29
|
-
#### Returns
|
|
30
|
-
|
|
31
|
-
Type: `Promise<void>`
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
### `previousOption() => Promise<void>`
|
|
36
|
-
|
|
37
|
-
Move a seleção para a opção anterior na lista, sem ultrapassar o início.
|
|
38
|
-
|
|
39
|
-
#### Returns
|
|
40
|
-
|
|
41
|
-
Type: `Promise<void>`
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
### `selectCurrentOption() => Promise<void>`
|
|
46
|
-
|
|
47
|
-
Seleciona a opção atualmente pré-selecionada.
|
|
48
|
-
|
|
49
|
-
#### Returns
|
|
50
|
-
|
|
51
|
-
Type: `Promise<void>`
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
## Dependencies
|
|
57
|
-
|
|
58
|
-
### Used by
|
|
59
|
-
|
|
60
|
-
- [ez-combo-box](..)
|
|
61
|
-
|
|
62
|
-
### Graph
|
|
63
|
-
```mermaid
|
|
64
|
-
graph TD;
|
|
65
|
-
ez-combo-box --> ez-combo-box-list
|
|
66
|
-
style ez-combo-box-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
----------------------------------------------
|
|
70
|
-
|
|
71
|
-
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
# ez-popover-core
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| --------------- | ---------------- | --------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------- |
|
|
12
|
-
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `HTMLElement \| string` | `undefined` |
|
|
13
|
-
| `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
|
|
14
|
-
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
|
|
15
|
-
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
16
|
-
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
|
|
17
|
-
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
## Events
|
|
21
|
-
|
|
22
|
-
| Event | Description | Type |
|
|
23
|
-
| -------------------- | ------------------------------------------------------------ | ---------------------- |
|
|
24
|
-
| `ezVisibilityChange` | Emitido quando acontece a alteração de estado do componente. | `CustomEvent<boolean>` |
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
## Methods
|
|
28
|
-
|
|
29
|
-
### `hide() => Promise<void>`
|
|
30
|
-
|
|
31
|
-
Oculta o ez-popover.
|
|
32
|
-
|
|
33
|
-
#### Returns
|
|
34
|
-
|
|
35
|
-
Type: `Promise<void>`
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
### `setAnchorElement(anchor: HTMLElement | string) => Promise<void>`
|
|
40
|
-
|
|
41
|
-
Altera o elemento de ancoragem.
|
|
42
|
-
|
|
43
|
-
#### Returns
|
|
44
|
-
|
|
45
|
-
Type: `Promise<void>`
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
### `setOptions(options: IEzPopoverAnchorOptions) => Promise<void>`
|
|
50
|
-
|
|
51
|
-
Altera as opções.
|
|
52
|
-
|
|
53
|
-
#### Returns
|
|
54
|
-
|
|
55
|
-
Type: `Promise<void>`
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
### `show(top?: string | number, left?: string | number) => Promise<void>`
|
|
60
|
-
|
|
61
|
-
Exibe o ez-popover.
|
|
62
|
-
|
|
63
|
-
#### Returns
|
|
64
|
-
|
|
65
|
-
Type: `Promise<void>`
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
### `showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>`
|
|
70
|
-
|
|
71
|
-
Ancora a exibição do popOver a um elemento HTML.
|
|
72
|
-
|
|
73
|
-
#### Returns
|
|
74
|
-
|
|
75
|
-
Type: `Promise<void>`
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
### `updatePosition(top?: string, left?: string) => Promise<void>`
|
|
80
|
-
|
|
81
|
-
Atualiza a posição do popover.
|
|
82
|
-
|
|
83
|
-
#### Returns
|
|
84
|
-
|
|
85
|
-
Type: `Promise<void>`
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
## Dependencies
|
|
91
|
-
|
|
92
|
-
### Used by
|
|
93
|
-
|
|
94
|
-
- [ez-popover-plus](..)
|
|
95
|
-
|
|
96
|
-
### Graph
|
|
97
|
-
```mermaid
|
|
98
|
-
graph TD;
|
|
99
|
-
ez-popover-plus --> ez-popover-core
|
|
100
|
-
style ez-popover-core fill:#f9f,stroke:#333,stroke-width:4px
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
----------------------------------------------
|
|
104
|
-
|
|
105
|
-
|