@praxisui/dynamic-form 2.0.0-beta.0 → 3.0.0-beta.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/README.md +5 -4
- package/fesm2022/praxisui-dynamic-form.mjs +325 -235
- package/fesm2022/praxisui-dynamic-form.mjs.map +1 -1
- package/index.d.ts +9 -4
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -384,7 +384,7 @@ See public exports: `projects/praxis-dynamic-form/src/public-api.ts`.
|
|
|
384
384
|
- `FormSection.icon` continua suportado como identidade visual estática do header.
|
|
385
385
|
- `FormSection.sectionHeader` amplia o contrato para permitir avatar resolvido a partir do `formData`, sem perder compatibilidade com `icon`.
|
|
386
386
|
- Modos suportados:
|
|
387
|
-
- `icon`: usa o ícone estático da seção.
|
|
387
|
+
- `icon`: usa o ícone estático da seção e, se ele estiver vazio, pode reutilizar `fallbackIcon` como identidade visual explícita do header.
|
|
388
388
|
- `avatar-image`: tenta resolver uma imagem a partir de `sourceField`.
|
|
389
389
|
- `avatar-initials`: deriva iniciais a partir de `initialsSourceField` e, na ausência dele, usa `altField`.
|
|
390
390
|
- `auto`: tenta imagem, depois iniciais e por fim aplica o fallback configurado.
|
|
@@ -392,8 +392,9 @@ See public exports: `projects/praxis-dynamic-form/src/public-api.ts`.
|
|
|
392
392
|
- `sourceField`: field cujo valor atual representa foto/avatar.
|
|
393
393
|
- `initialsSourceField`: field textual usado para derivar iniciais.
|
|
394
394
|
- `altField`: field usado como texto acessível do avatar e fallback textual para iniciais.
|
|
395
|
-
- `fallbackIcon`: ícone usado quando a fonte dinâmica estiver vazia ou inválida.
|
|
396
|
-
- `emptyState`: `fallback-icon`, `placeholder-avatar` ou `none`, útil sobretudo em fluxos `create`; o padrão efetivo é `placeholder-avatar`, neutro para qualquer domínio.
|
|
395
|
+
- `fallbackIcon`: ícone usado quando a fonte dinâmica estiver vazia ou inválida, e também como fallback explícito do modo `icon` quando `FormSection.icon` não estiver definido.
|
|
396
|
+
- `emptyState`: `fallback-icon`, `placeholder-avatar` ou `none`, útil sobretudo em fluxos `create`; o padrão efetivo é `placeholder-avatar`, neutro para qualquer domínio. Quando `fallback-icon` é usado, o ícone permanece dentro da moldura/avatar e continua obedecendo `size`.
|
|
397
|
+
- `size`: tamanho semântico do avatar (`sm`, `md` ou `lg`), materializado pelo runtime por meio dos tokens `--pfx-form-section-avatar-size*`.
|
|
397
398
|
- `initialsMaxLength`: máximo de letras no avatar textual, normalizado para `1..4`.
|
|
398
399
|
- Formatos de imagem aceitos pelo runtime:
|
|
399
400
|
- URL
|
|
@@ -422,7 +423,7 @@ Os paths micro são normalizados para `fieldMetadata[].<prop>` para garantir que
|
|
|
422
423
|
- Semântica de limpeza: valores `null` em `properties/propertiesWhenFalse` removem o override e retornam ao valor base do layout; ausência mantém o valor base.
|
|
423
424
|
- Whitelist por tipo (somente propriedades a seguir são aplicadas; demais são descartadas e logadas em dev):
|
|
424
425
|
- `field`: `visible`, `required`, `readonly`, `disabled`, `className`, `style`, `label`, `description`, `placeholder`, `hint`, `tooltip`, `prefixIcon`, `suffixIcon`, `prefixText`, `suffixText`, `defaultValue`, `options` (array `{label,value,disabled?}`), `appearance` (`fill|outline`), `color` (`primary|accent|warn`), `floatLabel` (`auto|always|never`), `hintPosition` (`start|end`), `validators` (primitivos por chave).
|
|
425
|
-
- `section`: `visible`, `title`, `description`, `icon`, `sectionHeader` (objeto rico) e tambem subpropriedades tipadas como `sectionHeader.mode`, `sectionHeader.sourceField`, `sectionHeader.initialsSourceField`, `sectionHeader.altField`, `sectionHeader.fallbackIcon`, `sectionHeader.emptyState`, `sectionHeader.initialsMaxLength`, `className`, `style`, `collapsible`, `collapsed`, `headerTooltip`, `headerAlign` (`start|center`), `appearance` (`card|plain|step`), `stepLabel`, gaps (`gapBottom`, `titleGapBottom`, `descriptionGapBottom`), cores/tipografia (`titleColor`, `descriptionColor`, `titleStyle`, `descriptionStyle`).
|
|
426
|
+
- `section`: `visible`, `title`, `description`, `icon`, `sectionHeader` (objeto rico) e tambem subpropriedades tipadas como `sectionHeader.mode`, `sectionHeader.sourceField`, `sectionHeader.initialsSourceField`, `sectionHeader.altField`, `sectionHeader.fallbackIcon`, `sectionHeader.emptyState`, `sectionHeader.size`, `sectionHeader.initialsMaxLength`, `className`, `style`, `collapsible`, `collapsed`, `headerTooltip`, `headerAlign` (`start|center`), `appearance` (`card|plain|step`), `stepLabel`, gaps (`gapBottom`, `titleGapBottom`, `descriptionGapBottom`), cores/tipografia (`titleColor`, `descriptionColor`, `titleStyle`, `descriptionStyle`).
|
|
426
427
|
- `action`: `visible`, `disabled`, `loading`, `label`, `icon`, `tooltip`, `color` (`primary|accent|warn|basic`), `variant` (`raised|stroked|flat|fab`), `size` (`small|medium|large`), `className`, `style`.
|
|
427
428
|
- `row`: `visible`, `gap`, `rowGap`, `className`, `style`.
|
|
428
429
|
- `column`: `visible`, `span`, `offset`, `order`, `hidden`, `align` (`start|center|end|stretch`), `padding`, `className`, `style`.
|