@gyramais/gyra-design 0.2.59 → 0.2.61

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.
@@ -28,6 +28,13 @@ type GuideChecklistProps = {
28
28
  loading?: boolean;
29
29
  /** Texto quando nao ha passo para mostrar. */
30
30
  emptyText?: string;
31
+ /**
32
+ * Chaves que devem tocar a animacao de concluido uma vez ao montar. Serve
33
+ * para o passo concluido com o cartao fechado (ex. a pessoa clicou, foi
34
+ * para a tela e voltou): na proxima abertura o check ainda entra animado.
35
+ * So anima as chaves que ja chegam com `done`.
36
+ */
37
+ animateKeys?: string[];
31
38
  };
32
39
  /**
33
40
  * Cartao "Primeiros passos" do rodape do menu lateral.
@@ -37,6 +44,6 @@ type GuideChecklistProps = {
37
44
  * concluido, o check entra com uma animacao curta e o leitor de tela anuncia
38
45
  * o novo progresso. Sem animacao sob `prefers-reduced-motion`.
39
46
  */
40
- declare const GuideChecklist: ({ id, className, title, subtitle, items, onMinimize, menu, footer, loading, emptyText, }: GuideChecklistProps) => React.JSX.Element;
47
+ declare const GuideChecklist: ({ id, className, title, subtitle, items, onMinimize, menu, footer, loading, emptyText, animateKeys, }: GuideChecklistProps) => React.JSX.Element;
41
48
  export { GuideChecklist };
42
49
  export type { GuideChecklistProps, GuideChecklistItem };
@@ -11,7 +11,8 @@ type GuideLauncherProps = {
11
11
  done: number;
12
12
  total: number;
13
13
  };
14
- /** Contador em badge (ex. novidades nao vistas). Zero esconde o badge. */
14
+ /** Contador em badge (ex. novidades nao vistas). Zero esconde o badge.
15
+ Recolhido, vira so um ponto; o numero vai para o Tooltip. */
15
16
  count?: number;
16
17
  /** Menu lateral recolhido: so o icone, com Tooltip e ponto/contador. */
17
18
  collapsed?: boolean;
@@ -36,7 +37,8 @@ declare const GuideLauncher: React.ForwardRefExoticComponent<{
36
37
  done: number;
37
38
  total: number;
38
39
  };
39
- /** Contador em badge (ex. novidades nao vistas). Zero esconde o badge. */
40
+ /** Contador em badge (ex. novidades nao vistas). Zero esconde o badge.
41
+ Recolhido, vira so um ponto; o numero vai para o Tooltip. */
40
42
  count?: number;
41
43
  /** Menu lateral recolhido: so o icone, com Tooltip e ponto/contador. */
42
44
  collapsed?: boolean;
@@ -16,7 +16,7 @@ type GuideNewsListProps = {
16
16
  className?: string;
17
17
  title: string;
18
18
  items: GuideNewsItem[];
19
- /** Mostra "Marcar como lidas" quando ha novidade nao vista. */
19
+ /** Mostra "Marcar todas como lidas" quando ha novidade nao vista. */
20
20
  onMarkAllRead?: () => void;
21
21
  emptyText?: string;
22
22
  /** Placeholder no formato da lista enquanto as novidades carregam. */
@@ -25,6 +25,11 @@ type SiderListProps = {
25
25
  };
26
26
  /** Menu recolhido: mostra so o botao de `action`, com Tooltip. */
27
27
  collapsed?: boolean;
28
+ /**
29
+ * Icone do botao no menu recolhido (ex. balao de conversa). Sem ele, usa o
30
+ * `action.icon`, que costuma ser um "+" e nao diz o que o bloco e.
31
+ */
32
+ collapsedIcon?: React.ReactNode;
28
33
  /** Linhas de placeholder enquanto a lista carrega. */
29
34
  loading?: boolean;
30
35
  /**
@@ -37,6 +42,6 @@ type SiderListProps = {
37
42
  * Bloco de lista curta no menu lateral (ex. "Conversas com a GYRA+"):
38
43
  * rotulo de grupo, acao no cabecalho, ate poucos itens e um "ver todos".
39
44
  */
40
- declare const SiderList: ({ id, className, title, action, items, more, collapsed, loading, emptyText, }: SiderListProps) => React.JSX.Element | null;
45
+ declare const SiderList: ({ id, className, title, action, items, more, collapsed, collapsedIcon, loading, emptyText, }: SiderListProps) => React.JSX.Element | null;
41
46
  export { SiderList };
42
47
  export type { SiderListProps, SiderListItem };
@@ -28,6 +28,13 @@ type GuideChecklistProps = {
28
28
  loading?: boolean;
29
29
  /** Texto quando nao ha passo para mostrar. */
30
30
  emptyText?: string;
31
+ /**
32
+ * Chaves que devem tocar a animacao de concluido uma vez ao montar. Serve
33
+ * para o passo concluido com o cartao fechado (ex. a pessoa clicou, foi
34
+ * para a tela e voltou): na proxima abertura o check ainda entra animado.
35
+ * So anima as chaves que ja chegam com `done`.
36
+ */
37
+ animateKeys?: string[];
31
38
  };
32
39
  /**
33
40
  * Cartao "Primeiros passos" do rodape do menu lateral.
@@ -37,6 +44,6 @@ type GuideChecklistProps = {
37
44
  * concluido, o check entra com uma animacao curta e o leitor de tela anuncia
38
45
  * o novo progresso. Sem animacao sob `prefers-reduced-motion`.
39
46
  */
40
- declare const GuideChecklist: ({ id, className, title, subtitle, items, onMinimize, menu, footer, loading, emptyText, }: GuideChecklistProps) => React.JSX.Element;
47
+ declare const GuideChecklist: ({ id, className, title, subtitle, items, onMinimize, menu, footer, loading, emptyText, animateKeys, }: GuideChecklistProps) => React.JSX.Element;
41
48
  export { GuideChecklist };
42
49
  export type { GuideChecklistProps, GuideChecklistItem };
@@ -11,7 +11,8 @@ type GuideLauncherProps = {
11
11
  done: number;
12
12
  total: number;
13
13
  };
14
- /** Contador em badge (ex. novidades nao vistas). Zero esconde o badge. */
14
+ /** Contador em badge (ex. novidades nao vistas). Zero esconde o badge.
15
+ Recolhido, vira so um ponto; o numero vai para o Tooltip. */
15
16
  count?: number;
16
17
  /** Menu lateral recolhido: so o icone, com Tooltip e ponto/contador. */
17
18
  collapsed?: boolean;
@@ -36,7 +37,8 @@ declare const GuideLauncher: React.ForwardRefExoticComponent<{
36
37
  done: number;
37
38
  total: number;
38
39
  };
39
- /** Contador em badge (ex. novidades nao vistas). Zero esconde o badge. */
40
+ /** Contador em badge (ex. novidades nao vistas). Zero esconde o badge.
41
+ Recolhido, vira so um ponto; o numero vai para o Tooltip. */
40
42
  count?: number;
41
43
  /** Menu lateral recolhido: so o icone, com Tooltip e ponto/contador. */
42
44
  collapsed?: boolean;
@@ -16,7 +16,7 @@ type GuideNewsListProps = {
16
16
  className?: string;
17
17
  title: string;
18
18
  items: GuideNewsItem[];
19
- /** Mostra "Marcar como lidas" quando ha novidade nao vista. */
19
+ /** Mostra "Marcar todas como lidas" quando ha novidade nao vista. */
20
20
  onMarkAllRead?: () => void;
21
21
  emptyText?: string;
22
22
  /** Placeholder no formato da lista enquanto as novidades carregam. */
@@ -25,6 +25,11 @@ type SiderListProps = {
25
25
  };
26
26
  /** Menu recolhido: mostra so o botao de `action`, com Tooltip. */
27
27
  collapsed?: boolean;
28
+ /**
29
+ * Icone do botao no menu recolhido (ex. balao de conversa). Sem ele, usa o
30
+ * `action.icon`, que costuma ser um "+" e nao diz o que o bloco e.
31
+ */
32
+ collapsedIcon?: React.ReactNode;
28
33
  /** Linhas de placeholder enquanto a lista carrega. */
29
34
  loading?: boolean;
30
35
  /**
@@ -37,6 +42,6 @@ type SiderListProps = {
37
42
  * Bloco de lista curta no menu lateral (ex. "Conversas com a GYRA+"):
38
43
  * rotulo de grupo, acao no cabecalho, ate poucos itens e um "ver todos".
39
44
  */
40
- declare const SiderList: ({ id, className, title, action, items, more, collapsed, loading, emptyText, }: SiderListProps) => React.JSX.Element | null;
45
+ declare const SiderList: ({ id, className, title, action, items, more, collapsed, collapsedIcon, loading, emptyText, }: SiderListProps) => React.JSX.Element | null;
41
46
  export { SiderList };
42
47
  export type { SiderListProps, SiderListItem };