carconnect-gatherleads-ui-lib 3.5.0-GL-1521-Modulo-Rendimiento.3 → 3.5.0
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.
|
@@ -1336,170 +1336,6 @@ export declare interface GatherComboboxProps extends Omit<React_2.InputHTMLAttri
|
|
|
1336
1336
|
loadingText?: string;
|
|
1337
1337
|
}
|
|
1338
1338
|
|
|
1339
|
-
/** Available color accents for the coming soon page theming */
|
|
1340
|
-
export declare type GatherComingSoonAccent = 'emerald' | 'amber' | 'sky';
|
|
1341
|
-
|
|
1342
|
-
/**
|
|
1343
|
-
* Full-page template for sections under development. Displays a frosted
|
|
1344
|
-
* shimmer background (customizable via `background` prop) with a centered
|
|
1345
|
-
* card containing an icon, "MUY PRONTO" badge, title, description, and
|
|
1346
|
-
* a benefits checklist. No CTA or data collection.
|
|
1347
|
-
*
|
|
1348
|
-
* @param {GatherComingSoonPageProps} props - Component props
|
|
1349
|
-
* @param {React.ReactNode} props.icon - Section icon (consumer controls size)
|
|
1350
|
-
* @param {GatherComingSoonAccent} props.colorAccent - Color accent: 'emerald' | 'amber' | 'sky'
|
|
1351
|
-
* @param {string} props.title - Section title
|
|
1352
|
-
* @param {string} props.description - Value-oriented description (no dates or technical features)
|
|
1353
|
-
* @param {string[]} props.benefits - List of 3-4 generic benefits
|
|
1354
|
-
* @param {React.ReactNode} [props.background] - Custom background. Defaults to generic shimmer layout
|
|
1355
|
-
* @param {string} [props.className] - Additional classes for root container
|
|
1356
|
-
* @param {string} [props.data-testid] - Test identifier
|
|
1357
|
-
*
|
|
1358
|
-
* @returns {React.ReactElement} Full-page coming soon template
|
|
1359
|
-
*
|
|
1360
|
-
* @example
|
|
1361
|
-
* ```tsx
|
|
1362
|
-
* <GatherComingSoonPage
|
|
1363
|
-
* icon={<TrendingUp className="h-6 w-6" />}
|
|
1364
|
-
* colorAccent="amber"
|
|
1365
|
-
* title="Rendimiento"
|
|
1366
|
-
* description="Visualiza el desempeño de tu operación."
|
|
1367
|
-
* benefits={["Métricas en tiempo real", "Comparativas entre períodos"]}
|
|
1368
|
-
* />
|
|
1369
|
-
* ```
|
|
1370
|
-
*/
|
|
1371
|
-
export declare const GatherComingSoonPage: default_2.FC<GatherComingSoonPageProps>;
|
|
1372
|
-
|
|
1373
|
-
export declare interface GatherComingSoonPageProps {
|
|
1374
|
-
/** Section icon as ReactNode — consumer controls size and styling */
|
|
1375
|
-
icon: React.ReactNode;
|
|
1376
|
-
/** Color accent applied to icon, badge, and benefit checkmarks */
|
|
1377
|
-
colorAccent: GatherComingSoonAccent;
|
|
1378
|
-
/** Section title displayed in the central card */
|
|
1379
|
-
title: string;
|
|
1380
|
-
/** Value-oriented description — no dates or technical feature names */
|
|
1381
|
-
description: string;
|
|
1382
|
-
/** List of 3-4 generic benefits shown with checkmarks */
|
|
1383
|
-
benefits: string[];
|
|
1384
|
-
/** Custom background. If omitted, uses default generic shimmer layout */
|
|
1385
|
-
background?: React.ReactNode;
|
|
1386
|
-
/** Additional CSS classes for the root container */
|
|
1387
|
-
className?: string;
|
|
1388
|
-
/** data-testid for testing */
|
|
1389
|
-
'data-testid'?: string;
|
|
1390
|
-
}
|
|
1391
|
-
|
|
1392
|
-
/**
|
|
1393
|
-
* Reusable confirmation dialog with multiple visual intents (error, warning, success, info)
|
|
1394
|
-
* Self-contained portal-based dialog with overlay, keyboard handling, and focus trap.
|
|
1395
|
-
*
|
|
1396
|
-
* @param {GatherConfirmDialogProps} props - Component configuration
|
|
1397
|
-
*
|
|
1398
|
-
* @returns {JSX.Element | null} Rendered dialog or null when closed
|
|
1399
|
-
*
|
|
1400
|
-
* @example
|
|
1401
|
-
* ```tsx
|
|
1402
|
-
* // Destructive confirmation (delete)
|
|
1403
|
-
* <GatherConfirmDialog
|
|
1404
|
-
* open={isOpen}
|
|
1405
|
-
* onOpenChange={setIsOpen}
|
|
1406
|
-
* variant="error"
|
|
1407
|
-
* title="¿Estás seguro?"
|
|
1408
|
-
* description="Esta acción no se puede deshacer."
|
|
1409
|
-
* confirmLabel="Eliminar"
|
|
1410
|
-
* onConfirm={handleDelete}
|
|
1411
|
-
* />
|
|
1412
|
-
*
|
|
1413
|
-
* // Success confirmation
|
|
1414
|
-
* <GatherConfirmDialog
|
|
1415
|
-
* open={isOpen}
|
|
1416
|
-
* onOpenChange={setIsOpen}
|
|
1417
|
-
* variant="success"
|
|
1418
|
-
* title="Período activado"
|
|
1419
|
-
* description="El período fue activado correctamente."
|
|
1420
|
-
* onConfirm={() => setIsOpen(false)}
|
|
1421
|
-
* hideCancelButton
|
|
1422
|
-
* />
|
|
1423
|
-
*
|
|
1424
|
-
* // Custom icon override
|
|
1425
|
-
* <GatherConfirmDialog
|
|
1426
|
-
* open={isOpen}
|
|
1427
|
-
* onOpenChange={setIsOpen}
|
|
1428
|
-
* variant="warning"
|
|
1429
|
-
* icon={<Trash2 className="h-6 w-6" />}
|
|
1430
|
-
* title="Eliminar período"
|
|
1431
|
-
* description="Se perderá todo el historial de métricas."
|
|
1432
|
-
* onConfirm={handleDelete}
|
|
1433
|
-
* />
|
|
1434
|
-
* ```
|
|
1435
|
-
*/
|
|
1436
|
-
export declare const GatherConfirmDialog: default_2.FC<GatherConfirmDialogProps>;
|
|
1437
|
-
|
|
1438
|
-
export declare interface GatherConfirmDialogProps {
|
|
1439
|
-
/** Whether the dialog is currently open */
|
|
1440
|
-
open: boolean;
|
|
1441
|
-
/** Callback fired when the dialog requests to close (overlay click, Escape, cancel button) */
|
|
1442
|
-
onOpenChange: (open: boolean) => void;
|
|
1443
|
-
/** Dialog title — if omitted, the title section is not rendered */
|
|
1444
|
-
title?: string;
|
|
1445
|
-
/** Dialog description/body text — rendered below the title */
|
|
1446
|
-
description?: string;
|
|
1447
|
-
/** Custom content rendered below description (for advanced use cases) */
|
|
1448
|
-
children?: default_2.ReactNode;
|
|
1449
|
-
/** Visual intent variant — controls icon, colors, and default confirm button style */
|
|
1450
|
-
variant?: GatherConfirmDialogVariant;
|
|
1451
|
-
/** Override the default icon for the variant — pass `null` to hide the icon entirely */
|
|
1452
|
-
icon?: default_2.ReactNode | null;
|
|
1453
|
-
/** Additional CSS classes for the icon container circle */
|
|
1454
|
-
iconContainerClassName?: string;
|
|
1455
|
-
/** Whether to show the icon section (default: true) */
|
|
1456
|
-
showIcon?: boolean;
|
|
1457
|
-
/** Dialog size preset */
|
|
1458
|
-
size?: GatherConfirmDialogSize;
|
|
1459
|
-
/** Text for the confirm/accept button */
|
|
1460
|
-
confirmLabel?: string;
|
|
1461
|
-
/** Text for the cancel button */
|
|
1462
|
-
cancelLabel?: string;
|
|
1463
|
-
/** Callback fired when the confirm button is clicked */
|
|
1464
|
-
onConfirm: () => void;
|
|
1465
|
-
/** Callback fired when the cancel button is clicked (defaults to onOpenChange(false)) */
|
|
1466
|
-
onCancel?: () => void;
|
|
1467
|
-
/** Variant style for the confirm button — overrides the variant-based default */
|
|
1468
|
-
confirmVariant?: GatherModalVariantType;
|
|
1469
|
-
/** Whether the confirm button is disabled */
|
|
1470
|
-
disableConfirm?: boolean;
|
|
1471
|
-
/** Whether to hide the cancel button */
|
|
1472
|
-
hideCancelButton?: boolean;
|
|
1473
|
-
/** Whether to hide the confirm button */
|
|
1474
|
-
hideConfirmButton?: boolean;
|
|
1475
|
-
/** Whether the dialog is in a loading state */
|
|
1476
|
-
isLoading?: boolean;
|
|
1477
|
-
/** Text displayed on the confirm button while loading (defaults to confirmLabel) */
|
|
1478
|
-
loadingText?: string;
|
|
1479
|
-
/** Whether clicking the overlay closes the dialog (default: true) */
|
|
1480
|
-
closeOnOverlayClick?: boolean;
|
|
1481
|
-
/** Whether pressing Escape closes the dialog (default: true) */
|
|
1482
|
-
closeOnEsc?: boolean;
|
|
1483
|
-
/** Additional CSS classes for the dialog container */
|
|
1484
|
-
className?: string;
|
|
1485
|
-
/** Inline styles for the dialog container */
|
|
1486
|
-
style?: default_2.CSSProperties;
|
|
1487
|
-
/** Additional CSS classes for the overlay/backdrop */
|
|
1488
|
-
overlayClassName?: string;
|
|
1489
|
-
/** Additional CSS classes for the body/content area */
|
|
1490
|
-
bodyClassName?: string;
|
|
1491
|
-
/** Additional CSS classes for the buttons wrapper */
|
|
1492
|
-
buttonsClassName?: string;
|
|
1493
|
-
/** Z-index for the dialog (default: 50) */
|
|
1494
|
-
zIndex?: number;
|
|
1495
|
-
}
|
|
1496
|
-
|
|
1497
|
-
/** Size presets for the confirm dialog */
|
|
1498
|
-
export declare type GatherConfirmDialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
|
|
1499
|
-
|
|
1500
|
-
/** Visual intent/variant of the confirm dialog */
|
|
1501
|
-
export declare type GatherConfirmDialogVariant = 'default' | 'error' | 'warning' | 'success' | 'info';
|
|
1502
|
-
|
|
1503
1339
|
/**
|
|
1504
1340
|
* Generic conversion percentage chip with traffic-light color coding.
|
|
1505
1341
|
* Displays a percentage with green (good), yellow (warning), or red (danger) styling
|
|
@@ -5073,12 +4909,4 @@ export declare interface ValidationRule<T = unknown> {
|
|
|
5073
4909
|
*/
|
|
5074
4910
|
export declare const VARIANT_BORDER_COLORS: Record<MetricCardVariant, string>;
|
|
5075
4911
|
|
|
5076
|
-
export declare const VARIANT_CONFIRM_BUTTON: Record<GatherConfirmDialogVariant, GatherModalVariantType>;
|
|
5077
|
-
|
|
5078
|
-
export declare const VARIANT_DEFAULT_CONFIRM_LABEL: Record<GatherConfirmDialogVariant, string>;
|
|
5079
|
-
|
|
5080
|
-
export declare const VARIANT_ICON_BG: Record<GatherConfirmDialogVariant, string>;
|
|
5081
|
-
|
|
5082
|
-
export declare const VARIANT_ICON_FG: Record<GatherConfirmDialogVariant, string>;
|
|
5083
|
-
|
|
5084
4912
|
export { }
|