@granto-umbrella/umbrella-components 3.0.32 → 3.0.34

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

@@ -1,41 +1,41 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export type StatusVariant = 'primary' | 'success' | 'warning' | 'danger';
-
-export interface InsuranceCardProps {
-  idGranto: string;
-  idOrder: string;
-  idInsurance?: string;
-  idInterno: string;
-  isSupply: boolean;
-  hasMinute: boolean;
-  statusLabel: string;
-  statusVariant: StatusVariant;
-  seguradoName: string;
-  seguradoCnpj: string;
-  product: any;
-  issuedDate: string;
-  totalValue: string;
-  processId?: string;
-  activeIndex: number;
-  testId?: string;
-  openCardId: string | null;
-  setOpenCardId: (id: string | null) => void;
-  runQuery: () => void;
-  useDownloadAndSupport: any;
-  useDownloadFile: any;
-  useChangeOrderStageAsync: any;
-  useMyStore: any;
-  useQueryClient: any;
-  useGetTimeline: any;
-  useAuthStoreV2: any;
-  navigate: any;
-}
-
-export interface MenuItemProps {
-  icon: React.ReactNode;
-  danger?: boolean;
-  children: React.ReactNode;
-  onClick?: () => void;
-  id?: string;
-  'data-testid'?: string;
-}
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export type StatusVariant = 'primary' | 'success' | 'warning' | 'danger';
+
+export interface InsuranceCardProps {
+  idGranto: string;
+  idOrder: string;
+  idInsurance?: string;
+  idInterno: string;
+  isSupply: boolean;
+  hasMinute: boolean;
+  statusLabel: string;
+  statusVariant: StatusVariant;
+  seguradoName: string;
+  seguradoCnpj: string;
+  product: any;
+  issuedDate: string;
+  totalValue: string;
+  processId?: string;
+  activeIndex: number;
+  testId?: string;
+  openCardId: string | null;
+  setOpenCardId: (id: string | null) => void;
+  runQuery: () => void;
+  useDownloadAndSupport: any;
+  useDownloadFile: any;
+  useChangeOrderStageAsync: any;
+  useMyStore: any;
+  useQueryClient: any;
+  useGetTimeline: any;
+  useAuthStoreV2: any;
+  navigate: any;
+}
+
+export interface MenuItemProps {
+  icon: React.ReactNode;
+  danger?: boolean;
+  children: React.ReactNode;
+  onClick?: () => void;
+  id?: string;
+  'data-testid'?: string;
+}

package/src/components/molecules/ResultsChart/ResultsChart.styles.tsx

@@ -1,26 +1,26 @@
-import styled from 'styled-components';
-import { semanticColors, primitiveColors } from '../../../styles/tokens/colors';
-
-export const Results = styled.div<{ $isPositive: boolean }>`
-  display: flex;
-  flex-direction: row;
-  font-size: 12px;
-  align-items: center;
-  gap: 8px;
-  background-color: ${({ $isPositive }) =>
-    $isPositive
-      ? semanticColors.success.surface.feedback
-      : primitiveColors.red[100]};
-  border: ${({ $isPositive }) =>
-    $isPositive
-      ? `1px solid ${semanticColors.success.text.feedback.accent}`
-      : `1px solid ${semanticColors.danger.border.enabled}`};
-  border-radius: 9999px;
-  padding: 8px 16px;
-  color: ${({ $isPositive }) =>
-    $isPositive
-      ? semanticColors.success.text.feedback.accent
-      : semanticColors.danger.text.feedback.accent};
-  font-weight: 500;
-  width: fit-content;
-`;
+import styled from 'styled-components';
+import { semanticColors, primitiveColors } from '../../../styles/tokens/colors';
+
+export const Results = styled.div<{ $isPositive: boolean }>`
+  display: flex;
+  flex-direction: row;
+  font-size: 12px;
+  align-items: center;
+  gap: 8px;
+  background-color: ${({ $isPositive }) =>
+    $isPositive
+      ? semanticColors.success.surface.feedback
+      : primitiveColors.red[100]};
+  border: ${({ $isPositive }) =>
+    $isPositive
+      ? `1px solid ${semanticColors.success.text.feedback.accent}`
+      : `1px solid ${semanticColors.danger.border.enabled}`};
+  border-radius: 9999px;
+  padding: 8px 16px;
+  color: ${({ $isPositive }) =>
+    $isPositive
+      ? semanticColors.success.text.feedback.accent
+      : semanticColors.danger.text.feedback.accent};
+  font-weight: 500;
+  width: fit-content;
+`;

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

@@ -1,69 +1,69 @@
-// TimeLine.mapper.ts
-import {
-  TimelineItem,
-  TimelineVariant,
-  RemoteEvent,
-  EventType,
-} from './TimeLine.types';
-
-const eventTypeToVariant: Record<string, TimelineVariant> = {
-  [EventType.PartnerSubscribe]: 'accepted',
-  [EventType.PartnerQuote]: 'continued',
-  [EventType.ProposalRefused]: 'rejected',
-  [EventType.PartnerIssue]: 'issue',
-  [EventType.PartnerOrder]: 'order',
-};
-
-const eventTypeToTitle: Record<string, string> = {
-  [EventType.PartnerSubscribe]: 'Subscrição realizada',
-  [EventType.PartnerQuote]: 'Cotação processada',
-  [EventType.ProposalRefused]: 'Proposta recusada',
-  [EventType.PartnerIssue]: 'Emissão realizada',
-  [EventType.PartnerOrder]: 'Ordem realizada',
-};
-
-function toVariant(eventType: string): TimelineVariant {
-  return eventTypeToVariant[eventType] || 'continued';
-}
-
-function buildTitle(ev: RemoteEvent): string {
-  const { eventType, data } = ev;
-  return (
-    eventTypeToTitle[eventType] ||
-    (data?.title ? String(data.title) : eventType)
-  );
-}
-
-export function mapRemoteToTimeline(items: RemoteEvent[]): TimelineItem[] {
-  return items.map((ev, idx) => {
-    const id = ev.correlationId || String(idx);
-    const actorName = ev.actor?.name || 'Sistema';
-
-    return {
-      id,
-      timestamp: ev.startAt,
-      type: toVariant(ev.eventType),
-      title: buildTitle(ev),
-      description: undefined,
-      actor: {
-        id: String(ev.actor?.id ?? ''),
-        displayName: actorName,
-        type: ev.actor?.type ?? 'app',
-      },
-      origin: ev.parentEventType || ev.eventType,
-      correlationId: ev.correlationId,
-      metadata: {
-        eventType: ev.eventType,
-        orderId: ev.data?.orderId,
-        insuranceId: ev.data?.insuranceId,
-        startAt: ev.startAt,
-        endAt: ev.endAt,
-        duration: ev.duration,
-        parentCorrelationId: ev.parentCorrelationId,
-        offers: ev.data?.offers,
-        subscriptionPeriod: ev.data?.subscription?.period,
-        insuredName: ev.data?.subscription?.insured?.name,
-      },
-    };
-  });
-}
+// TimeLine.mapper.ts
+import {
+  TimelineItem,
+  TimelineVariant,
+  RemoteEvent,
+  EventType,
+} from './TimeLine.types';
+
+const eventTypeToVariant: Record<string, TimelineVariant> = {
+  [EventType.PartnerSubscribe]: 'accepted',
+  [EventType.PartnerQuote]: 'continued',
+  [EventType.ProposalRefused]: 'rejected',
+  [EventType.PartnerIssue]: 'issue',
+  [EventType.PartnerOrder]: 'order',
+};
+
+const eventTypeToTitle: Record<string, string> = {
+  [EventType.PartnerSubscribe]: 'Subscrição realizada',
+  [EventType.PartnerQuote]: 'Cotação processada',
+  [EventType.ProposalRefused]: 'Proposta recusada',
+  [EventType.PartnerIssue]: 'Emissão realizada',
+  [EventType.PartnerOrder]: 'Ordem realizada',
+};
+
+function toVariant(eventType: string): TimelineVariant {
+  return eventTypeToVariant[eventType] || 'continued';
+}
+
+function buildTitle(ev: RemoteEvent): string {
+  const { eventType, data } = ev;
+  return (
+    eventTypeToTitle[eventType] ||
+    (data?.title ? String(data.title) : eventType)
+  );
+}
+
+export function mapRemoteToTimeline(items: RemoteEvent[]): TimelineItem[] {
+  return items.map((ev, idx) => {
+    const id = ev.correlationId || String(idx);
+    const actorName = ev.actor?.name || 'Sistema';
+
+    return {
+      id,
+      timestamp: ev.startAt,
+      type: toVariant(ev.eventType),
+      title: buildTitle(ev),
+      description: undefined,
+      actor: {
+        id: String(ev.actor?.id ?? ''),
+        displayName: actorName,
+        type: ev.actor?.type ?? 'app',
+      },
+      origin: ev.parentEventType || ev.eventType,
+      correlationId: ev.correlationId,
+      metadata: {
+        eventType: ev.eventType,
+        orderId: ev.data?.orderId,
+        insuranceId: ev.data?.insuranceId,
+        startAt: ev.startAt,
+        endAt: ev.endAt,
+        duration: ev.duration,
+        parentCorrelationId: ev.parentCorrelationId,
+        offers: ev.data?.offers,
+        subscriptionPeriod: ev.data?.subscription?.period,
+        insuredName: ev.data?.subscription?.insured?.name,
+      },
+    };
+  });
+}

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

@@ -1,154 +1,154 @@
-import {
-  primitiveColors,
-  semanticColors,
-  typographyTokens,
-} from '../../../styles/tokens';
-import styled, { css } from 'styled-components';
-import { TimelineVariant } from './TimeLine.types';
-
-export const Time = styled.time`
-  color: #6b7280;
-  font-size: 0.78rem;
-`;
-
-export const ItemWrap = styled.li`
-  display: grid;
-  grid-template-columns: 24px 1fr;
-  gap: 12px;
-  position: relative;
-  padding-bottom: 16px;
-  &:last-child {
-    padding-bottom: 0;
-  }
-  &:not(:last-child)::before {
-    content: '';
-    position: absolute;
-    left: 11px;
-    top: 34px;
-    bottom: 0;
-    width: 3px;
-    height: 100%;
-    background-color: ${primitiveColors.gray[200]};
-  }
-`;
-
-export const Dot = styled.span<{
-  $variant?: TimelineVariant | string;
-}>`
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  border: 1px solid;
-  display: inline-block;
-  margin-top: 0.2rem;
-  ${({ $variant = 'continued' }) => {
-    const map: Record<TimelineVariant, ReturnType<typeof css>> = {
-      continued: css`
-        background: ${semanticColors.branding.surface.disabled};
-      `,
-      accepted: css`
-        background: ${semanticColors.global.surface.status.online};
-      `,
-      rejected: css`
-        background: ${semanticColors.global.surface.status.notification};
-      `,
-      download: css`
-        background: ${semanticColors.branding.surface.disabled};
-      `,
-      issue: css`
-        background: ${semanticColors.global.surface.status.online};
-      `,
-      order: css`
-        background: ${semanticColors.global.surface.status.online};
-      `,
-    };
-    return map[$variant as TimelineVariant] ?? map['continued'];
-  }}
-
-  ${({ $variant = 'continued' }) => {
-    const map: Record<TimelineVariant, ReturnType<typeof css>> = {
-      continued: css`
-        border-color: ${semanticColors.branding.surface.enabled};
-      `,
-      accepted: css`
-        border-color: ${semanticColors.global.border.feedback.success};
-      `,
-      rejected: css`
-        border-color: ${semanticColors.global.border.feedback.error};
-      `,
-      download: css`
-        border-color: ${semanticColors.branding.surface.enabled};
-      `,
-      issue: css`
-        border-color: ${semanticColors.global.border.feedback.success};
-      `,
-      order: css`
-        border-color: ${semanticColors.global.border.feedback.success};
-      `,
-    };
-    return map[$variant as TimelineVariant] ?? map['continued'];
-  }}
-`;
-
-export const Card = styled.div`
-  background: #fff;
-  padding: 0px 8px;
-  margin-top: -4px;
-`;
-
-export const Title = styled.h4`
-  margin: 0 0 4px 0;
-  font-size: ${typographyTokens.fontSizes.headingL};
-  color: ${semanticColors.global.text.default.enabled};
-  font-weight: ${typographyTokens.fontWeights.semibold};
-`;
-
-export const Sub = styled.div`
-  color: ${semanticColors.global.text.subtitle.enabled};
-  font-size: 14px;
-`;
-
-export const Row = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  align-items: center;
-`;
-
-export const List = styled.ol`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  gap: 8px;
-  display: flex;
-  flex-direction: column;
-`;
-
-export const Empty = styled.div`
-  display: grid;
-  gap: 12px;
-  justify-items: start;
-  background: #fff;
-  border: 1px dashed ${primitiveColors.gray[300]};
-  border-radius: 12px;
-  padding: 16px;
-  color: ${semanticColors.global.text.subtitle.enabled};
-`;
-
-export const RetryButton = styled.button`
-  appearance: none;
-  border: 1px solid ${semanticColors.branding.surface.enabled};
-  background: ${semanticColors.branding.surface.enabled};
-  color: ${primitiveColors.base.white};
-  border-radius: 10px;
-  padding: 8px 12px;
-  font-size: ${typographyTokens.fontSizes.bodyM};
-  cursor: pointer;
-
-  &:hover {
-    filter: brightness(0.95);
-  }
-  &:active {
-    filter: brightness(0.9);
-  }
-`;
+import {
+  primitiveColors,
+  semanticColors,
+  typographyTokens,
+} from '../../../styles/tokens';
+import styled, { css } from 'styled-components';
+import { TimelineVariant } from './TimeLine.types';
+
+export const Time = styled.time`
+  color: #6b7280;
+  font-size: 0.78rem;
+`;
+
+export const ItemWrap = styled.li`
+  display: grid;
+  grid-template-columns: 24px 1fr;
+  gap: 12px;
+  position: relative;
+  padding-bottom: 16px;
+  &:last-child {
+    padding-bottom: 0;
+  }
+  &:not(:last-child)::before {
+    content: '';
+    position: absolute;
+    left: 11px;
+    top: 34px;
+    bottom: 0;
+    width: 3px;
+    height: 100%;
+    background-color: ${primitiveColors.gray[200]};
+  }
+`;
+
+export const Dot = styled.span<{
+  $variant?: TimelineVariant | string;
+}>`
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  border: 1px solid;
+  display: inline-block;
+  margin-top: 0.2rem;
+  ${({ $variant = 'continued' }) => {
+    const map: Record<TimelineVariant, ReturnType<typeof css>> = {
+      continued: css`
+        background: ${semanticColors.branding.surface.disabled};
+      `,
+      accepted: css`
+        background: ${semanticColors.global.surface.status.online};
+      `,
+      rejected: css`
+        background: ${semanticColors.global.surface.status.notification};
+      `,
+      download: css`
+        background: ${semanticColors.branding.surface.disabled};
+      `,
+      issue: css`
+        background: ${semanticColors.global.surface.status.online};
+      `,
+      order: css`
+        background: ${semanticColors.global.surface.status.online};
+      `,
+    };
+    return map[$variant as TimelineVariant] ?? map['continued'];
+  }}
+
+  ${({ $variant = 'continued' }) => {
+    const map: Record<TimelineVariant, ReturnType<typeof css>> = {
+      continued: css`
+        border-color: ${semanticColors.branding.surface.enabled};
+      `,
+      accepted: css`
+        border-color: ${semanticColors.global.border.feedback.success};
+      `,
+      rejected: css`
+        border-color: ${semanticColors.global.border.feedback.error};
+      `,
+      download: css`
+        border-color: ${semanticColors.branding.surface.enabled};
+      `,
+      issue: css`
+        border-color: ${semanticColors.global.border.feedback.success};
+      `,
+      order: css`
+        border-color: ${semanticColors.global.border.feedback.success};
+      `,
+    };
+    return map[$variant as TimelineVariant] ?? map['continued'];
+  }}
+`;
+
+export const Card = styled.div`
+  background: #fff;
+  padding: 0px 8px;
+  margin-top: -4px;
+`;
+
+export const Title = styled.h4`
+  margin: 0 0 4px 0;
+  font-size: ${typographyTokens.fontSizes.headingL};
+  color: ${semanticColors.global.text.default.enabled};
+  font-weight: ${typographyTokens.fontWeights.semibold};
+`;
+
+export const Sub = styled.div`
+  color: ${semanticColors.global.text.subtitle.enabled};
+  font-size: 14px;
+`;
+
+export const Row = styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+`;
+
+export const List = styled.ol`
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  gap: 8px;
+  display: flex;
+  flex-direction: column;
+`;
+
+export const Empty = styled.div`
+  display: grid;
+  gap: 12px;
+  justify-items: start;
+  background: #fff;
+  border: 1px dashed ${primitiveColors.gray[300]};
+  border-radius: 12px;
+  padding: 16px;
+  color: ${semanticColors.global.text.subtitle.enabled};
+`;
+
+export const RetryButton = styled.button`
+  appearance: none;
+  border: 1px solid ${semanticColors.branding.surface.enabled};
+  background: ${semanticColors.branding.surface.enabled};
+  color: ${primitiveColors.base.white};
+  border-radius: 10px;
+  padding: 8px 12px;
+  font-size: ${typographyTokens.fontSizes.bodyM};
+  cursor: pointer;
+
+  &:hover {
+    filter: brightness(0.95);
+  }
+  &:active {
+    filter: brightness(0.9);
+  }
+`;