@granto-umbrella/umbrella-components 3.0.32 → 3.0.34

package/src/components/molecules/TimeLine/TimeLine.tsx

@@ -1,96 +1,96 @@
-// src/components/molecules/TimeLine/TimeLine.tsx
-import React from 'react';
-import {
-  ItemWrap,
-  Card,
-  Sub,
-  Row,
-  Dot,
-  List,
-  Title,
-  Empty,
-  RetryButton,
-} from './TimeLine.styles';
-import { TimelineProps } from './TimeLine.types';
-import { Skeleton } from '../../atoms/Skeleton/Skeleton';
-
-export const Timeline: React.FC<TimelineProps> = ({
-  items,
-  loading = false,
-  onRetry,
-  emptyLabel = 'Nenhum evento encontrado.',
-  skeletonItems = 3,
-}) => {
-  if (loading) {
-    return (
-      <List aria-label="Linha do tempo (carregando)">
-        {Array.from({ length: skeletonItems }).map((_, i) => (
-          <ItemWrap key={`sk-${i}`}>
-            <Skeleton
-              variant="circle"
-              width={24}
-              height={24}
-              ariaLabel="Carregando ponto da linha do tempo"
-            />
-            <Card>
-              <Title>
-                <Skeleton variant="text" width="60%" height={32} />
-              </Title>
-
-              <Sub>
-                <Skeleton variant="text" width="40%" height={18} />
-              </Sub>
-            </Card>
-          </ItemWrap>
-        ))}
-      </List>
-    );
-  }
-
-  if (!items || items.length === 0) {
-    return (
-      <Empty role="status" aria-live="polite">
-        <div>{emptyLabel}</div>
-        {onRetry && (
-          <RetryButton type="button" onClick={onRetry}>
-            Tentar novamente
-          </RetryButton>
-        )}
-      </Empty>
-    );
-  }
-
-  return (
-    <List aria-label="Linha do tempo">
-      {items.map((it) => {
-        const d = new Date(it.timestamp);
-        const dateStr = d.toLocaleDateString('pt-BR');
-        const timeStr = d.toLocaleTimeString('pt-BR', {
-          hour: '2-digit',
-          minute: '2-digit',
-        });
-
-        //const actorName = it.actor?.displayName || 'Sistema';
-
-        return (
-          <ItemWrap key={it.id}>
-            {it?.type && <Dot aria-hidden $variant={it.type || 'continued'} />}
-            <Card>
-              <Row style={{ justifyContent: 'space-between' }}>
-                <Title>{it.title}</Title>
-              </Row>
-
-              <Sub>
-                <div>
-                  {/*Por: {actorName}{' '}
-                  {dateStr ? `dia ${dateStr} às ${timeStr}` : ''}*/}
-                  Em: {dateStr ? `${dateStr} às ${timeStr}` : ''}
-                </div>
-              </Sub>
-            </Card>
-          </ItemWrap>
-        );
-      })}
-    </List>
-  );
-};
+// src/components/molecules/TimeLine/TimeLine.tsx
+import React from 'react';
+import {
+  ItemWrap,
+  Card,
+  Sub,
+  Row,
+  Dot,
+  List,
+  Title,
+  Empty,
+  RetryButton,
+} from './TimeLine.styles';
+import { TimelineProps } from './TimeLine.types';
+import { Skeleton } from '../../atoms/Skeleton/Skeleton';
+
+export const Timeline: React.FC<TimelineProps> = ({
+  items,
+  loading = false,
+  onRetry,
+  emptyLabel = 'Nenhum evento encontrado.',
+  skeletonItems = 3,
+}) => {
+  if (loading) {
+    return (
+      <List aria-label="Linha do tempo (carregando)">
+        {Array.from({ length: skeletonItems }).map((_, i) => (
+          <ItemWrap key={`sk-${i}`}>
+            <Skeleton
+              variant="circle"
+              width={24}
+              height={24}
+              ariaLabel="Carregando ponto da linha do tempo"
+            />
+            <Card>
+              <Title>
+                <Skeleton variant="text" width="60%" height={32} />
+              </Title>
+
+              <Sub>
+                <Skeleton variant="text" width="40%" height={18} />
+              </Sub>
+            </Card>
+          </ItemWrap>
+        ))}
+      </List>
+    );
+  }
+
+  if (!items || items.length === 0) {
+    return (
+      <Empty role="status" aria-live="polite">
+        <div>{emptyLabel}</div>
+        {onRetry && (
+          <RetryButton type="button" onClick={onRetry}>
+            Tentar novamente
+          </RetryButton>
+        )}
+      </Empty>
+    );
+  }
+
+  return (
+    <List aria-label="Linha do tempo">
+      {items.map((it) => {
+        const d = new Date(it.timestamp);
+        const dateStr = d.toLocaleDateString('pt-BR');
+        const timeStr = d.toLocaleTimeString('pt-BR', {
+          hour: '2-digit',
+          minute: '2-digit',
+        });
+
+        //const actorName = it.actor?.displayName || 'Sistema';
+
+        return (
+          <ItemWrap key={it.id}>
+            {it?.type && <Dot aria-hidden $variant={it.type || 'continued'} />}
+            <Card>
+              <Row style={{ justifyContent: 'space-between' }}>
+                <Title>{it.title}</Title>
+              </Row>
+
+              <Sub>
+                <div>
+                  {/*Por: {actorName}{' '}
+                  {dateStr ? `dia ${dateStr} às ${timeStr}` : ''}*/}
+                  Em: {dateStr ? `${dateStr} às ${timeStr}` : ''}
+                </div>
+              </Sub>
+            </Card>
+          </ItemWrap>
+        );
+      })}
+    </List>
+  );
+};

package/src/components/molecules/TimeLine/TimeLine.types.ts

@@ -1,124 +1,124 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export type TimelineVariant =
-  | 'accepted'
-  | 'continued'
-  | 'rejected'
-  | 'download'
-  | 'issue'
-  | 'order';
-
-export enum EventType {
-  PartnerSubscribe = 'subscription:partner_subscribe',
-  PartnerQuote = 'subscription:partner_quote',
-  ProposalRefused = 'order:proposal_refused',
-  PartnerIssue = 'issue:partner_issue',
-  PartnerOrder = 'order:partner_order',
-}
-
-export interface TimelineItem {
-  id: string;
-  timestamp: string;
-  type: string;
-  title: string;
-  description?: string;
-  actor?: TimelineActor;
-  origin?: string;
-  correlationId?: string;
-  metadata?: TimelineMetadata;
-}
-
-export type TimelineProps = {
-  items: TimelineItem[];
-  loading?: boolean;
-  onRetry?: () => void;
-  emptyLabel?: string;
-  skeletonItems?: number;
-};
-
-export interface TimelineActor {
-  id: string;
-  displayName: string;
-  type: string;
-}
-
-export interface TimelineMetadata {
-  from?: string;
-  to?: string;
-  [key: string]: any;
-}
-
-export type RemoteEventType =
-  | 'subscription:partner_quote'
-  | 'subscription:partner_subscribe'
-  | 'order:proposal_refused'
-  | 'issue:partner_issue'
-  | 'order:partner_order'
-  | string;
-
-export interface RemoteEventActor {
-  id: number | string;
-  name: string;
-  type: 'app' | 'user' | string;
-}
-
-export interface RemoteEventData {
-  orderId?: string | null;
-  title?: string | number | null;
-  insuranceId?: string | null;
-  subscription?: {
-    branch?: number;
-    sumInsuredRatio?: number;
-    sumContract?: number;
-    hasExclusivity?: boolean;
-    hasContinuity?: boolean;
-    retroactive?: number;
-    coverages?: Array<unknown>;
-    insured?: {
-      name?: string;
-      type?: string;
-      document?: string;
-      address?: {
-        cep?: string;
-        street?: string;
-        number?: number | string;
-        locale?: string;
-        city?: string;
-        uf?: string;
-        complement?: string | null;
-      };
-    };
-    contract?: {
-      edital?: string | null;
-      number?: string | null;
-      title?: string | null;
-      addition?: string | null;
-      object?: string | null;
-      process?: string | null;
-      signedOn?: string | null;
-    };
-    event?: unknown;
-    startAt?: string | null;
-    endAt?: string | null;
-    period?: number | null;
-    sumInsured?: number | null;
-    endosso?: unknown;
-    underwriter?: unknown;
-    details?: unknown;
-  } | null;
-  offers?: Array<{ insurerId: number; insurerName: string }> | null;
-  upn?: number;
-  isApp?: boolean;
-}
-
-export interface RemoteEvent {
-  eventType: RemoteEventType;
-  isPublic: boolean;
-  startAt: string; // ISO
-  endAt?: string; // ISO
-  duration?: number; // ms
-  correlationId: string;
-  parentCorrelationId?: string;
-  parentEventType?: string;
-  actor: RemoteEventActor;
-  data: RemoteEventData;
-}
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export type TimelineVariant =
+  | 'accepted'
+  | 'continued'
+  | 'rejected'
+  | 'download'
+  | 'issue'
+  | 'order';
+
+export enum EventType {
+  PartnerSubscribe = 'subscription:partner_subscribe',
+  PartnerQuote = 'subscription:partner_quote',
+  ProposalRefused = 'order:proposal_refused',
+  PartnerIssue = 'issue:partner_issue',
+  PartnerOrder = 'order:partner_order',
+}
+
+export interface TimelineItem {
+  id: string;
+  timestamp: string;
+  type: string;
+  title: string;
+  description?: string;
+  actor?: TimelineActor;
+  origin?: string;
+  correlationId?: string;
+  metadata?: TimelineMetadata;
+}
+
+export type TimelineProps = {
+  items: TimelineItem[];
+  loading?: boolean;
+  onRetry?: () => void;
+  emptyLabel?: string;
+  skeletonItems?: number;
+};
+
+export interface TimelineActor {
+  id: string;
+  displayName: string;
+  type: string;
+}
+
+export interface TimelineMetadata {
+  from?: string;
+  to?: string;
+  [key: string]: any;
+}
+
+export type RemoteEventType =
+  | 'subscription:partner_quote'
+  | 'subscription:partner_subscribe'
+  | 'order:proposal_refused'
+  | 'issue:partner_issue'
+  | 'order:partner_order'
+  | string;
+
+export interface RemoteEventActor {
+  id: number | string;
+  name: string;
+  type: 'app' | 'user' | string;
+}
+
+export interface RemoteEventData {
+  orderId?: string | null;
+  title?: string | number | null;
+  insuranceId?: string | null;
+  subscription?: {
+    branch?: number;
+    sumInsuredRatio?: number;
+    sumContract?: number;
+    hasExclusivity?: boolean;
+    hasContinuity?: boolean;
+    retroactive?: number;
+    coverages?: Array<unknown>;
+    insured?: {
+      name?: string;
+      type?: string;
+      document?: string;
+      address?: {
+        cep?: string;
+        street?: string;
+        number?: number | string;
+        locale?: string;
+        city?: string;
+        uf?: string;
+        complement?: string | null;
+      };
+    };
+    contract?: {
+      edital?: string | null;
+      number?: string | null;
+      title?: string | null;
+      addition?: string | null;
+      object?: string | null;
+      process?: string | null;
+      signedOn?: string | null;
+    };
+    event?: unknown;
+    startAt?: string | null;
+    endAt?: string | null;
+    period?: number | null;
+    sumInsured?: number | null;
+    endosso?: unknown;
+    underwriter?: unknown;
+    details?: unknown;
+  } | null;
+  offers?: Array<{ insurerId: number; insurerName: string }> | null;
+  upn?: number;
+  isApp?: boolean;
+}
+
+export interface RemoteEvent {
+  eventType: RemoteEventType;
+  isPublic: boolean;
+  startAt: string; // ISO
+  endAt?: string; // ISO
+  duration?: number; // ms
+  correlationId: string;
+  parentCorrelationId?: string;
+  parentEventType?: string;
+  actor: RemoteEventActor;
+  data: RemoteEventData;
+}

package/src/components/organisms/AlertDialog/AlertDialog.types.ts

@@ -1,14 +1,14 @@
-export interface AlertDialogProps {
-  isOpen: boolean;
-  buttons: {
-    cancel?: string;
-    confirm?: string;
-    onClose?: () => void;
-    onConfirm?: () => void;
-  };
-  text: {
-    title: string;
-    description: string;
-  };
-  testId?: string;
-}
+export interface AlertDialogProps {
+  isOpen: boolean;
+  buttons: {
+    cancel?: string;
+    confirm?: string;
+    onClose?: () => void;
+    onConfirm?: () => void;
+  };
+  text: {
+    title: string;
+    description: string;
+  };
+  testId?: string;
+}

package/src/components/organisms/Navbar/Navbar.styles.tsx

@@ -5,7 +5,7 @@ import {
   semanticBorders,
   semanticColors,
   semanticShadows,
-} from '@granto-umbrella/umbrella-components';
+} from '../../../styles/tokens';
 import styled from 'styled-components';
 import { Search } from 'lucide-react';
 //