Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@sankhyalabs/ezui-docs
Advanced tools
@sankhyalabs/ezui-docs - npm Package Compare versions
Comparing version 0.0.0-bugfix-dev-KB-75047.1 to 0.0.0-bugfix-dev-KB-75065.0
@@ -10,9 +10,10 @@ # ez-badge | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ----------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ | | ||
| | `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` | | ||
| | `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` | | ||
| | `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` | | ||
| | `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` | | ||
| | `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ | | ||
| | `alignItems` | `align-items` | Define a posição do ícone em relação ao elemento. | `"center" \| "flex-end" \| "flex-start"` | `"center"` | | ||
| | `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` | | ||
| | `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` | | ||
| | `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` | | ||
| | `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` | | ||
| | `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` | | ||
@@ -19,0 +20,0 @@ |
@@ -50,2 +50,3 @@ # ez-button | ||
| - [ez-dialog](../ez-dialog) | ||
| - [ez-double-list](../ez-double-list) | ||
| - [ez-grid](../ez-grid) | ||
@@ -70,2 +71,3 @@ - [ez-guide-navigator](../ez-guide-navigator) | ||
| ez-dialog --> ez-button | ||
| ez-double-list --> ez-button | ||
| ez-grid --> ez-button | ||
@@ -72,0 +74,0 @@ ez-guide-navigator --> ez-button |
@@ -85,2 +85,4 @@ # ez-collapsible-box | ||
| ez-text-edit --> ez-button | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -87,0 +89,0 @@ ez-form-view --> ez-collapsible-box |
@@ -108,2 +108,4 @@ # ez-combo-box | ||
| ez-combo-box --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-combo-box | ||
@@ -110,0 +112,0 @@ style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px |
@@ -89,2 +89,4 @@ # ez-date-input | ||
| ez-date-input --> ez-calendar | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-date-input | ||
@@ -91,0 +93,0 @@ style ez-date-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -90,2 +90,4 @@ # ez-date-time-input | ||
| ez-date-time-input --> ez-calendar | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-date-time-input | ||
@@ -92,0 +94,0 @@ style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -89,2 +89,3 @@ # ez-filter-input | ||
| - [ez-double-list](../ez-double-list) | ||
| - [ez-guide-navigator](../ez-guide-navigator) | ||
@@ -103,2 +104,5 @@ - [ez-multi-selection-list](../ez-multi-selection-list) | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-double-list --> ez-filter-input | ||
| ez-guide-navigator --> ez-filter-input | ||
@@ -105,0 +109,0 @@ ez-multi-selection-list --> ez-filter-input |
@@ -97,2 +97,4 @@ # ez-form-view | ||
| ez-text-edit --> ez-button | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -99,0 +101,0 @@ ez-combo-box --> ez-text-input |
@@ -91,2 +91,4 @@ # ez-form | ||
| ez-text-edit --> ez-button | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -93,0 +95,0 @@ ez-combo-box --> ez-text-input |
@@ -10,19 +10,24 @@ # ez-grid | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------------------ | -------------------------- | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` | | ||
| | `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` | | ||
| | `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` | | ||
| | `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` | | ||
| | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` | | ||
| | `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa | `boolean` | `true` | | ||
| | `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` | | ||
| | `enableLockManger` | `enable-lock-manger` | Ativa inserção de registros no modo grade. | `boolean` | `true` | | ||
| | `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` | | ||
| | `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` | | ||
| | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` | | ||
| | `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` | | ||
| | `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` | | ||
| | `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` | | ||
| | `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------------------------- | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` | | ||
| | `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` | | ||
| | `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` | | ||
| | `compact` | `compact` | Define se a grade deve ser exibida em modo compacto | `boolean` | `false` | | ||
| | `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` | | ||
| | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` | | ||
| | `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa | `boolean` | `true` | | ||
| | `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` | | ||
| | `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação | `boolean` | `false` | | ||
| | `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa inserção de registros no modo grade pela Taskbar. | `boolean` | `true` | | ||
| | `enableRowTableStriped` | `enable-row-table-striped` | Ativa modo de linhas com cores alternadas. | `boolean` | `true` | | ||
| | `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` | | ||
| | `outlineMode` | `outline-mode` | Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `false` | | ||
| | `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` | | ||
| | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` | | ||
| | `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` | | ||
| | `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` | | ||
| | `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` | | ||
| | `suppressCheckboxColumn` | `suppress-checkbox-column` | Informa se a coluna de chechbox deve ser suprimida | `boolean` | `false` | | ||
| | `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` | | ||
@@ -238,5 +243,6 @@ | ||
| - [ez-popover](../ez-popover) | ||
| - [ez-icon](../ez-icon) | ||
| - [ez-button](../ez-button) | ||
| - [filter-column](subcomponents) | ||
| - [ez-icon](../ez-icon) | ||
@@ -246,7 +252,8 @@ ### Graph | ||
| graph TD; | ||
| ez-grid --> ez-popover | ||
| ez-grid --> ez-icon | ||
| ez-grid --> ez-button | ||
| ez-grid --> filter-column | ||
| ez-grid --> ez-icon | ||
| ez-button --> ez-icon | ||
| filter-column --> ez-popover | ||
| filter-column --> ez-popover-plus | ||
| filter-column --> ez-button | ||
@@ -263,2 +270,4 @@ filter-column --> ez-multi-selection-list | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-search --> ez-card-item | ||
@@ -265,0 +274,0 @@ ez-search --> ez-text-input |
@@ -60,3 +60,3 @@ # filter-column | ||
| - [ez-popover](../../ez-popover) | ||
| - [ez-popover-plus](../../ez-popover-plus) | ||
| - [ez-button](../../ez-button) | ||
@@ -68,3 +68,3 @@ - [ez-multi-selection-list](../../ez-multi-selection-list) | ||
| graph TD; | ||
| filter-column --> ez-popover | ||
| filter-column --> ez-popover-plus | ||
| filter-column --> ez-button | ||
@@ -82,2 +82,4 @@ filter-column --> ez-multi-selection-list | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-search --> ez-card-item | ||
@@ -84,0 +86,0 @@ ez-search --> ez-text-input |
@@ -129,2 +129,4 @@ # ez-guide-navigator | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -131,0 +133,0 @@ ez-tree --> ez-icon |
@@ -40,2 +40,3 @@ # ez-icon | ||
| - [ez-tabselector](../ez-tabselector) | ||
| - [ez-text-input](../ez-text-input) | ||
| - [ez-time-input](../ez-time-input) | ||
@@ -66,2 +67,3 @@ - [ez-tree](../ez-tree) | ||
| ez-tabselector --> ez-icon | ||
| ez-text-input --> ez-icon | ||
| ez-time-input --> ez-icon | ||
@@ -68,0 +70,0 @@ ez-tree --> ez-icon |
@@ -10,12 +10,13 @@ # ez-list | ||
| | Property | Attribute | Description | Type | Default | | ||
| | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- | | ||
| | `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` | | ||
| | `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` | | ||
| | `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` | | ||
| | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` | | ||
| | `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` | | ||
| | `itemSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` | | ||
| | `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` | | ||
| | `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- | | ||
| | `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` | | ||
| | `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos items. | `boolean` | `false` | | ||
| | `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` | | ||
| | `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` | | ||
| | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` | | ||
| | `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` | | ||
| | `itemSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` | | ||
| | `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` | | ||
| | `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` | | ||
@@ -25,8 +26,9 @@ | ||
| | Event | Description | Type | | ||
| | --------------- | ----------------------------------------------------------- | ---------------------------------------- | | ||
| | `ezChange` | Emitido quando acontece a alteração de estado da lista. | `CustomEvent<(ListItem \| ListGroup)[]>` | | ||
| | `ezCheckChange` | Emitido quando acontece a alteração de um item do checkbox. | `CustomEvent<ListItem>` | | ||
| | `ezDoubleClick` | Emitido quando ocorre um duplo clique em um item da lista. | `CustomEvent<ListItem>` | | ||
| | `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem>` | | ||
| | Event | Description | Type | | ||
| | ----------------------- | -------------------------------------------------------------- | ---------------------------------------- | | ||
| | `ezChange` | Emitido quando acontece a alteração de estado da lista. | `CustomEvent<(ListItem \| ListGroup)[]>` | | ||
| | `ezCheckChange` | Emitido quando acontece a alteração de um item do checkbox. | `CustomEvent<ListItem>` | | ||
| | `ezDoubleClick` | Emitido quando ocorre um duplo clique em um item da lista. | `CustomEvent<ListItem>` | | ||
| | `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem>` | | ||
| | `ezSelectMultipleItems` | Emitido sempre que um ou vários item da lista for selecionado. | `CustomEvent<ListItem[]>` | | ||
@@ -86,3 +88,3 @@ | ||
| ### `setSelection(selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>` | ||
| ### `setSelection(selectedItem: ListItem, scrollToOption?: boolean, shitkey?: boolean, ctrlKey?: boolean) => Promise<void>` | ||
@@ -103,2 +105,3 @@ Aplica seleção nas linhas da lista. | ||
| - [ez-alert-list](../ez-alert-list) | ||
| - [ez-double-list](../ez-double-list) | ||
| - [ez-multi-selection-list](../ez-multi-selection-list) | ||
@@ -115,2 +118,3 @@ | ||
| ez-alert-list --> ez-list | ||
| ez-double-list --> ez-list | ||
| ez-multi-selection-list --> ez-list | ||
@@ -117,0 +121,0 @@ style ez-list fill:#f9f,stroke:#333,stroke-width:4px |
@@ -66,2 +66,4 @@ # ez-multi-selection-list | ||
| ez-filter-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-search --> ez-card-item | ||
@@ -68,0 +70,0 @@ ez-search --> ez-text-input |
@@ -90,2 +90,4 @@ # ez-number-input | ||
| ez-number-input --> ez-text-input | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-number-input | ||
@@ -92,0 +94,0 @@ style ez-number-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -73,3 +73,3 @@ # ez-popover | ||
| - [filter-column](../ez-grid/subcomponents) | ||
| - [ez-grid](../ez-grid) | ||
@@ -79,3 +79,3 @@ ### Graph | ||
| graph TD; | ||
| filter-column --> ez-popover | ||
| ez-grid --> ez-popover | ||
| style ez-popover fill:#f9f,stroke:#333,stroke-width:4px | ||
@@ -82,0 +82,0 @@ ``` |
@@ -10,10 +10,10 @@ # ez-popup | ||
| | Property | Attribute | Description | Type | Default | | ||
| | --------------- | ---------------- | ------------------------------------------------------------- | ---------------------------------------------------------- | ----------- | | ||
| | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` | | ||
| | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` | | ||
| | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` | | ||
| | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` | | ||
| | `size` | `size` | Define a largura do ez-popup. | `"large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` | | ||
| | `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | --------------- | ---------------- | ------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- | | ||
| | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` | | ||
| | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` | | ||
| | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` | | ||
| | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` | | ||
| | `size` | `size` | Define a largura do ez-popup. | `"auto" \| "large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` | | ||
| | `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` | | ||
@@ -20,0 +20,0 @@ |
@@ -21,2 +21,3 @@ # ez-scroller | ||
| - [ez-double-list](../ez-double-list) | ||
| - [ez-guide-navigator](../ez-guide-navigator) | ||
@@ -28,2 +29,3 @@ - [ez-sidebar-navigator](../ez-sidebar-navigator) | ||
| graph TD; | ||
| ez-double-list --> ez-scroller | ||
| ez-guide-navigator --> ez-scroller | ||
@@ -30,0 +32,0 @@ ez-sidebar-navigator --> ez-scroller |
@@ -10,24 +10,25 @@ # ez-search | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
| | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` | | ||
| | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` | | ||
| | `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` | | ||
| | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` | | ||
| | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` | | ||
| | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` | | ||
| | `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` | | ||
| | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` | | ||
| | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` | | ||
| | `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` | | ||
| | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` | | ||
| | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` | | ||
| | `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` | | ||
| | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` | | ||
| | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- | | ||
| | `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` | | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
| | `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` | | ||
| | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
| | `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` | | ||
| | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` | | ||
| | `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` | | ||
| | `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` | | ||
| | `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` | | ||
| | `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` | | ||
| | `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` | | ||
| | `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` | | ||
| | `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` | | ||
| | `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` | | ||
| | `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` | | ||
| | `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` | | ||
| | `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` | | ||
| | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` | | ||
| | `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` | | ||
| | `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` | | ||
| | `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` | | ||
@@ -114,2 +115,4 @@ | ||
| ez-search --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-search | ||
@@ -116,0 +119,0 @@ ez-multi-selection-list --> ez-search |
@@ -10,8 +10,16 @@ # ez-split-panel | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ---------------- | ------------------ | ------------------------------------------------------------------------ | ------------------- | ---------- | | ||
| | `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` | | ||
| | `direction` | `direction` | | `"column" \| "row"` | `'column'` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | ---------------- | ------------------ | -------------------------------------------------------------------------------------- | ------------------- | ---------- | | ||
| | `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` | | ||
| | `direction` | `direction` | | `"column" \| "row"` | `'column'` | | ||
| | `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` | | ||
| ## Events | ||
| | Event | Description | Type | | ||
| | ----------- | ----------- | ----------------------------- | | ||
| | `resizeEnd` | | `CustomEvent<IPanelSizeInfo>` | | ||
| ## Methods | ||
@@ -18,0 +26,0 @@ |
@@ -10,7 +10,8 @@ # ez-split-item | ||
| | Property | Attribute | Description | Type | Default | | ||
| | -------------- | --------------- | ----------------------------------- | --------- | ----------- | | ||
| | `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` | | ||
| | `label` | `label` | Define um título para o painel. | `string` | `undefined` | | ||
| | `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` | | ||
| | Property | Attribute | Description | Type | Default | | ||
| | -------------- | --------------- | -------------------------------------------------------------------------------------- | --------- | ----------- | | ||
| | `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` | | ||
| | `label` | `label` | Define um título para o painel. | `string` | `undefined` | | ||
| | `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` | | ||
| | `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` | | ||
@@ -17,0 +18,0 @@ |
@@ -15,3 +15,3 @@ # ez-text-area | ||
| | `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` | | ||
| | `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `false` | | ||
| | `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `true` | | ||
| | `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` | | ||
@@ -18,0 +18,0 @@ | `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` | |
@@ -53,2 +53,4 @@ # ez-text-edit | ||
| ez-text-edit --> ez-button | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-button --> ez-icon | ||
@@ -55,0 +57,0 @@ ez-collapsible-box --> ez-text-edit |
@@ -80,5 +80,12 @@ # ez-text-input | ||
| ### Depends on | ||
| - [ez-tooltip](../ez-tooltip) | ||
| - [ez-icon](../ez-icon) | ||
| ### Graph | ||
| ```mermaid | ||
| graph TD; | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-combo-box --> ez-text-input | ||
@@ -85,0 +92,0 @@ ez-date-input --> ez-text-input |
@@ -80,2 +80,4 @@ # ez-time-input | ||
| ez-time-input --> ez-icon | ||
| ez-text-input --> ez-tooltip | ||
| ez-text-input --> ez-icon | ||
| ez-form-view --> ez-time-input | ||
@@ -82,0 +84,0 @@ style ez-time-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -21,6 +21,7 @@ # ez-tree | ||
| | Event | Description | Type | | ||
| | ------------ | ----------------------------------------------- | ------------------------ | | ||
| | `ezChange` | Emitido quando um item é selecionado na árvore. | `CustomEvent<ITreeItem>` | | ||
| | `ezOpenItem` | Emitido quando um item é aberto na árvore. | `CustomEvent<ITreeItem>` | | ||
| | Event | Description | Type | | ||
| | --------------- | ------------------------------------------------- | ------------------------ | | ||
| | `ezChange` | Emitido quando um item é selecionado na árvore. | `CustomEvent<ITreeItem>` | | ||
| | `ezDbClickItem` | Emitido ao dar clique duplo em um item da árvore. | `CustomEvent<ITreeItem>` | | ||
| | `ezOpenItem` | Emitido quando um item é aberto na árvore. | `CustomEvent<ITreeItem>` | | ||
@@ -27,0 +28,0 @@ |
| { | ||
| "name": "@sankhyalabs/ezui-docs", | ||
| "version": "0.0.0-bugfix-dev-KB-75047.1", | ||
| "version": "0.0.0-bugfix-dev-KB-75065.0", | ||
| "description": "Documentação da biblioteca de componentes Sankhya.", | ||
@@ -5,0 +5,0 @@ "main": "", |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by11.1%
168829
- Number of package files
- increased by5.45%
58
No dependency changes