@cellarnode/ui 0.16.9 → 0.17.3
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/dist/chat/global-chat-widget.js +2 -2
- package/dist/chat/global-chat-widget.js.map +1 -1
- package/dist/chat/global-chat-widget.test.d.ts +2 -0
- package/dist/chat/global-chat-widget.test.d.ts.map +1 -0
- package/dist/chat/global-chat-widget.test.js +167 -0
- package/dist/chat/global-chat-widget.test.js.map +1 -0
- package/dist/chat/index.d.ts +0 -1
- package/dist/chat/index.d.ts.map +1 -1
- package/dist/chat/index.js +0 -1
- package/dist/chat/index.js.map +1 -1
- package/dist/components/__tests__/animated-list-skeleton.test.d.ts +2 -0
- package/dist/components/__tests__/animated-list-skeleton.test.d.ts.map +1 -0
- package/dist/components/__tests__/animated-list-skeleton.test.js +11 -0
- package/dist/components/__tests__/animated-list-skeleton.test.js.map +1 -0
- package/dist/components/__tests__/card-grid-skeleton.test.d.ts +2 -0
- package/dist/components/__tests__/card-grid-skeleton.test.d.ts.map +1 -0
- package/dist/components/__tests__/card-grid-skeleton.test.js +22 -0
- package/dist/components/__tests__/card-grid-skeleton.test.js.map +1 -0
- package/dist/components/__tests__/dashboard-stats-grid-skeleton.test.d.ts +2 -0
- package/dist/components/__tests__/dashboard-stats-grid-skeleton.test.d.ts.map +1 -0
- package/dist/components/__tests__/dashboard-stats-grid-skeleton.test.js +39 -0
- package/dist/components/__tests__/dashboard-stats-grid-skeleton.test.js.map +1 -0
- package/dist/components/__tests__/data-table-skeleton.test.d.ts +2 -0
- package/dist/components/__tests__/data-table-skeleton.test.d.ts.map +1 -0
- package/dist/components/__tests__/data-table-skeleton.test.js +27 -0
- package/dist/components/__tests__/data-table-skeleton.test.js.map +1 -0
- package/dist/components/__tests__/detail-page-skeleton.test.d.ts +2 -0
- package/dist/components/__tests__/detail-page-skeleton.test.d.ts.map +1 -0
- package/dist/components/__tests__/detail-page-skeleton.test.js +30 -0
- package/dist/components/__tests__/detail-page-skeleton.test.js.map +1 -0
- package/dist/components/__tests__/list-item-skeleton.test.d.ts +2 -0
- package/dist/components/__tests__/list-item-skeleton.test.d.ts.map +1 -0
- package/dist/components/__tests__/list-item-skeleton.test.js +38 -0
- package/dist/components/__tests__/list-item-skeleton.test.js.map +1 -0
- package/dist/components/__tests__/profile-header-skeleton.test.d.ts +2 -0
- package/dist/components/__tests__/profile-header-skeleton.test.d.ts.map +1 -0
- package/dist/components/__tests__/profile-header-skeleton.test.js +17 -0
- package/dist/components/__tests__/profile-header-skeleton.test.js.map +1 -0
- package/dist/components/__tests__/stat-card-skeleton.test.d.ts +2 -0
- package/dist/components/__tests__/stat-card-skeleton.test.d.ts.map +1 -0
- package/dist/components/__tests__/stat-card-skeleton.test.js +33 -0
- package/dist/components/__tests__/stat-card-skeleton.test.js.map +1 -0
- package/dist/components/animated-list.d.ts +11 -1
- package/dist/components/animated-list.d.ts.map +1 -1
- package/dist/components/animated-list.js +7 -1
- package/dist/components/animated-list.js.map +1 -1
- package/dist/components/animated-list.stories.d.ts +3 -2
- package/dist/components/animated-list.stories.d.ts.map +1 -1
- package/dist/components/bottle-extract-dialog.js +4 -5
- package/dist/components/bottle-extract-dialog.js.map +1 -1
- package/dist/components/bottle-extract-dialog.test.d.ts +2 -0
- package/dist/components/bottle-extract-dialog.test.d.ts.map +1 -0
- package/dist/components/bottle-extract-dialog.test.js +99 -0
- package/dist/components/bottle-extract-dialog.test.js.map +1 -0
- package/dist/components/branch-edit-banner.js +1 -1
- package/dist/components/branch-edit-banner.js.map +1 -1
- package/dist/components/branch-overview-panel.d.ts.map +1 -1
- package/dist/components/branch-overview-panel.js +8 -0
- package/dist/components/branch-overview-panel.js.map +1 -1
- package/dist/components/branch-overview-panel.stories.d.ts +8 -0
- package/dist/components/branch-overview-panel.stories.d.ts.map +1 -1
- package/dist/components/branch-overview-panel.stories.js.map +1 -1
- package/dist/components/branch-resolution-modal.d.ts.map +1 -1
- package/dist/components/branch-resolution-modal.js +9 -0
- package/dist/components/branch-resolution-modal.js.map +1 -1
- package/dist/components/branch-resolution-modal.stories.d.ts +9 -0
- package/dist/components/branch-resolution-modal.stories.d.ts.map +1 -1
- package/dist/components/branch-resolution-modal.stories.js.map +1 -1
- package/dist/components/branch-resolution-modal.test.js +9 -0
- package/dist/components/branch-resolution-modal.test.js.map +1 -1
- package/dist/components/card-grid-skeleton.d.ts +9 -0
- package/dist/components/card-grid-skeleton.d.ts.map +1 -0
- package/dist/components/card-grid-skeleton.js +16 -0
- package/dist/components/card-grid-skeleton.js.map +1 -0
- package/dist/components/card-grid-skeleton.stories.d.ts +35 -0
- package/dist/components/card-grid-skeleton.stories.d.ts.map +1 -0
- package/dist/components/card-grid-skeleton.stories.js +22 -0
- package/dist/components/card-grid-skeleton.stories.js.map +1 -0
- package/dist/components/card.js +2 -2
- package/dist/components/card.js.map +1 -1
- package/dist/components/celebration-pulse.d.ts.map +1 -1
- package/dist/components/celebration-pulse.js +1 -1
- package/dist/components/celebration-pulse.js.map +1 -1
- package/dist/components/dashboard-stats-grid.d.ts +11 -1
- package/dist/components/dashboard-stats-grid.d.ts.map +1 -1
- package/dist/components/dashboard-stats-grid.js +19 -12
- package/dist/components/dashboard-stats-grid.js.map +1 -1
- package/dist/components/dashboard-stats-grid.stories.d.ts +19 -0
- package/dist/components/dashboard-stats-grid.stories.d.ts.map +1 -0
- package/dist/components/dashboard-stats-grid.stories.js +34 -0
- package/dist/components/dashboard-stats-grid.stories.js.map +1 -0
- package/dist/components/data-table-skeleton.d.ts +9 -0
- package/dist/components/data-table-skeleton.d.ts.map +1 -0
- package/dist/components/data-table-skeleton.js +14 -0
- package/dist/components/data-table-skeleton.js.map +1 -0
- package/dist/components/data-table-skeleton.stories.d.ts +36 -0
- package/dist/components/data-table-skeleton.stories.d.ts.map +1 -0
- package/dist/components/data-table-skeleton.stories.js +22 -0
- package/dist/components/data-table-skeleton.stories.js.map +1 -0
- package/dist/components/detail-page-skeleton.d.ts +11 -0
- package/dist/components/detail-page-skeleton.d.ts.map +1 -0
- package/dist/components/detail-page-skeleton.js +14 -0
- package/dist/components/detail-page-skeleton.js.map +1 -0
- package/dist/components/{kanban-card.stories.d.ts → detail-page-skeleton.stories.d.ts} +4 -5
- package/dist/components/detail-page-skeleton.stories.d.ts.map +1 -0
- package/dist/components/detail-page-skeleton.stories.js +15 -0
- package/dist/components/detail-page-skeleton.stories.js.map +1 -0
- package/dist/components/drawer.js +1 -1
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/extraction-phase-stepper.d.ts.map +1 -1
- package/dist/components/extraction-phase-stepper.js +5 -4
- package/dist/components/extraction-phase-stepper.js.map +1 -1
- package/dist/components/journey-card.js +2 -2
- package/dist/components/journey-card.js.map +1 -1
- package/dist/components/journey-card.test.d.ts +2 -0
- package/dist/components/journey-card.test.d.ts.map +1 -0
- package/dist/components/journey-card.test.js +82 -0
- package/dist/components/journey-card.test.js.map +1 -0
- package/dist/components/kanban-board.stories.d.ts.map +1 -1
- package/dist/components/kanban-board.stories.js +13 -3
- package/dist/components/kanban-board.stories.js.map +1 -1
- package/dist/components/kanban-dnd-board.stories.d.ts.map +1 -1
- package/dist/components/kanban-dnd-board.stories.js +7 -4
- package/dist/components/kanban-dnd-board.stories.js.map +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/label.js.map +1 -1
- package/dist/components/list-item-skeleton.d.ts +9 -0
- package/dist/components/list-item-skeleton.d.ts.map +1 -0
- package/dist/components/list-item-skeleton.js +13 -0
- package/dist/components/list-item-skeleton.js.map +1 -0
- package/dist/components/list-item-skeleton.stories.d.ts +27 -0
- package/dist/components/list-item-skeleton.stories.d.ts.map +1 -0
- package/dist/components/list-item-skeleton.stories.js +21 -0
- package/dist/components/list-item-skeleton.stories.js.map +1 -0
- package/dist/components/offer-card.js +1 -1
- package/dist/components/offer-card.js.map +1 -1
- package/dist/components/offer-card.test.d.ts +2 -0
- package/dist/components/offer-card.test.d.ts.map +1 -0
- package/dist/components/offer-card.test.js +73 -0
- package/dist/components/offer-card.test.js.map +1 -0
- package/dist/components/product-card.js +1 -1
- package/dist/components/product-card.js.map +1 -1
- package/dist/components/product-card.stories.js +2 -2
- package/dist/components/product-card.stories.js.map +1 -1
- package/dist/components/profile-header-skeleton.d.ts +12 -0
- package/dist/components/profile-header-skeleton.d.ts.map +1 -0
- package/dist/components/profile-header-skeleton.js +15 -0
- package/dist/components/profile-header-skeleton.js.map +1 -0
- package/dist/components/profile-header-skeleton.stories.d.ts +15 -0
- package/dist/components/profile-header-skeleton.stories.d.ts.map +1 -0
- package/dist/components/profile-header-skeleton.stories.js +15 -0
- package/dist/components/profile-header-skeleton.stories.js.map +1 -0
- package/dist/components/reason-pill.js +1 -1
- package/dist/components/reason-pill.js.map +1 -1
- package/dist/components/score-chip.js +1 -1
- package/dist/components/score-chip.js.map +1 -1
- package/dist/components/shadcn-dialog.js +1 -1
- package/dist/components/shadcn-dialog.js.map +1 -1
- package/dist/components/skeleton.d.ts +6 -1
- package/dist/components/skeleton.d.ts.map +1 -1
- package/dist/components/skeleton.js +5 -2
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/skeleton.stories.d.ts +9 -1
- package/dist/components/skeleton.stories.d.ts.map +1 -1
- package/dist/components/skeleton.stories.js +16 -5
- package/dist/components/skeleton.stories.js.map +1 -1
- package/dist/components/sortable-card-shell.test.d.ts +2 -0
- package/dist/components/sortable-card-shell.test.d.ts.map +1 -0
- package/dist/components/sortable-card-shell.test.js +115 -0
- package/dist/components/sortable-card-shell.test.js.map +1 -0
- package/dist/components/stat-card.d.ts +10 -1
- package/dist/components/stat-card.d.ts.map +1 -1
- package/dist/components/stat-card.js +15 -1
- package/dist/components/stat-card.js.map +1 -1
- package/dist/components/stat-card.stories.d.ts +6 -2
- package/dist/components/stat-card.stories.d.ts.map +1 -1
- package/dist/components/stat-card.stories.js +17 -4
- package/dist/components/stat-card.stories.js.map +1 -1
- package/dist/components/variant-picker-dialog.stories.js +1 -1
- package/dist/components/variant-picker-dialog.stories.js.map +1 -1
- package/dist/components/variant-picker-dialog.test.js +1 -1
- package/dist/components/variant-picker-dialog.test.js.map +1 -1
- package/dist/globe/__tests__/globe-loading-skeleton.test.d.ts +2 -0
- package/dist/globe/__tests__/globe-loading-skeleton.test.d.ts.map +1 -0
- package/dist/globe/__tests__/globe-loading-skeleton.test.js +29 -0
- package/dist/globe/__tests__/globe-loading-skeleton.test.js.map +1 -0
- package/dist/globe/globe-loading-skeleton.d.ts +13 -5
- package/dist/globe/globe-loading-skeleton.d.ts.map +1 -1
- package/dist/globe/globe-loading-skeleton.js +9 -2
- package/dist/globe/globe-loading-skeleton.js.map +1 -1
- package/dist/index.d.ts +6 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/nav/app-sidebar.js +1 -1
- package/dist/nav/app-sidebar.js.map +1 -1
- package/dist/offer/index.d.ts +1 -3
- package/dist/offer/index.d.ts.map +1 -1
- package/dist/offer/index.js +5 -2
- package/dist/offer/index.js.map +1 -1
- package/dist/offer/negotiation-event-card.stories.d.ts +1 -1
- package/dist/offer/negotiation-event-card.stories.d.ts.map +1 -1
- package/dist/offer/negotiation-event-card.stories.js +3 -1
- package/dist/offer/negotiation-event-card.stories.js.map +1 -1
- package/dist/opportunities/opportunities-table.js +1 -1
- package/dist/opportunities/opportunities-table.js.map +1 -1
- package/dist/opportunities/opportunities-table.test.d.ts +2 -0
- package/dist/opportunities/opportunities-table.test.d.ts.map +1 -0
- package/dist/opportunities/opportunities-table.test.js +87 -0
- package/dist/opportunities/opportunities-table.test.js.map +1 -0
- package/dist/skeleton/__tests__/loader.test.d.ts +2 -0
- package/dist/skeleton/__tests__/loader.test.d.ts.map +1 -0
- package/dist/skeleton/__tests__/loader.test.js +33 -0
- package/dist/skeleton/__tests__/loader.test.js.map +1 -0
- package/dist/skeleton/__tests__/primitive.test.d.ts +2 -0
- package/dist/skeleton/__tests__/primitive.test.d.ts.map +1 -0
- package/dist/skeleton/__tests__/primitive.test.js +36 -0
- package/dist/skeleton/__tests__/primitive.test.js.map +1 -0
- package/dist/skeleton/__tests__/provider.test.d.ts +2 -0
- package/dist/skeleton/__tests__/provider.test.d.ts.map +1 -0
- package/dist/skeleton/__tests__/provider.test.js +88 -0
- package/dist/skeleton/__tests__/provider.test.js.map +1 -0
- package/dist/skeleton/index.d.ts +5 -0
- package/dist/skeleton/index.d.ts.map +1 -0
- package/dist/skeleton/index.js +5 -0
- package/dist/skeleton/index.js.map +1 -0
- package/dist/skeleton/loader.d.ts +15 -0
- package/dist/skeleton/loader.d.ts.map +1 -0
- package/dist/skeleton/loader.js +21 -0
- package/dist/skeleton/loader.js.map +1 -0
- package/dist/skeleton/loader.stories.d.ts +16 -0
- package/dist/skeleton/loader.stories.d.ts.map +1 -0
- package/dist/skeleton/loader.stories.js +27 -0
- package/dist/skeleton/loader.stories.js.map +1 -0
- package/dist/skeleton/provider.d.ts +23 -0
- package/dist/skeleton/provider.d.ts.map +1 -0
- package/dist/skeleton/provider.js +27 -0
- package/dist/skeleton/provider.js.map +1 -0
- package/dist/skeleton/stagger.d.ts +30 -0
- package/dist/skeleton/stagger.d.ts.map +1 -0
- package/dist/skeleton/stagger.js +45 -0
- package/dist/skeleton/stagger.js.map +1 -0
- package/package.json +1 -1
- package/src/theme/tokens.css +93 -0
- package/dist/chat/messenger-chat-header.d.ts +0 -14
- package/dist/chat/messenger-chat-header.d.ts.map +0 -1
- package/dist/chat/messenger-chat-header.js +0 -25
- package/dist/chat/messenger-chat-header.js.map +0 -1
- package/dist/components/asset-list.d.ts +0 -34
- package/dist/components/asset-list.d.ts.map +0 -1
- package/dist/components/asset-list.js +0 -34
- package/dist/components/asset-list.js.map +0 -1
- package/dist/components/asset-list.stories.d.ts +0 -20
- package/dist/components/asset-list.stories.d.ts.map +0 -1
- package/dist/components/asset-list.stories.js +0 -50
- package/dist/components/asset-list.stories.js.map +0 -1
- package/dist/components/classification-select.d.ts +0 -24
- package/dist/components/classification-select.d.ts.map +0 -1
- package/dist/components/classification-select.js +0 -51
- package/dist/components/classification-select.js.map +0 -1
- package/dist/components/classification-select.stories.d.ts +0 -17
- package/dist/components/classification-select.stories.d.ts.map +0 -1
- package/dist/components/classification-select.stories.js +0 -100
- package/dist/components/classification-select.stories.js.map +0 -1
- package/dist/components/completed-offer-card.d.ts +0 -34
- package/dist/components/completed-offer-card.d.ts.map +0 -1
- package/dist/components/completed-offer-card.js +0 -20
- package/dist/components/completed-offer-card.js.map +0 -1
- package/dist/components/completed-offer-card.stories.d.ts +0 -17
- package/dist/components/completed-offer-card.stories.d.ts.map +0 -1
- package/dist/components/completed-offer-card.stories.js +0 -75
- package/dist/components/completed-offer-card.stories.js.map +0 -1
- package/dist/components/kanban-card.d.ts +0 -8
- package/dist/components/kanban-card.d.ts.map +0 -1
- package/dist/components/kanban-card.js +0 -13
- package/dist/components/kanban-card.js.map +0 -1
- package/dist/components/kanban-card.stories.d.ts.map +0 -1
- package/dist/components/kanban-card.stories.js +0 -30
- package/dist/components/kanban-card.stories.js.map +0 -1
- package/dist/components/price-comparison.d.ts +0 -13
- package/dist/components/price-comparison.d.ts.map +0 -1
- package/dist/components/price-comparison.js +0 -60
- package/dist/components/price-comparison.js.map +0 -1
- package/dist/components/price-comparison.stories.d.ts +0 -11
- package/dist/components/price-comparison.stories.d.ts.map +0 -1
- package/dist/components/price-comparison.stories.js +0 -56
- package/dist/components/price-comparison.stories.js.map +0 -1
- package/dist/components/pricing-reference-card.d.ts +0 -13
- package/dist/components/pricing-reference-card.d.ts.map +0 -1
- package/dist/components/pricing-reference-card.js +0 -38
- package/dist/components/pricing-reference-card.js.map +0 -1
- package/dist/components/pricing-reference-card.stories.d.ts +0 -11
- package/dist/components/pricing-reference-card.stories.d.ts.map +0 -1
- package/dist/components/pricing-reference-card.stories.js +0 -54
- package/dist/components/pricing-reference-card.stories.js.map +0 -1
- package/dist/components/pricing-reference-card.test.d.ts +0 -2
- package/dist/components/pricing-reference-card.test.d.ts.map +0 -1
- package/dist/components/pricing-reference-card.test.js +0 -31
- package/dist/components/pricing-reference-card.test.js.map +0 -1
- package/dist/offer/negotiation-event-card.d.ts +0 -9
- package/dist/offer/negotiation-event-card.d.ts.map +0 -1
- package/dist/offer/negotiation-event-card.js +0 -39
- package/dist/offer/negotiation-event-card.js.map +0 -1
- package/dist/offer/org-banner.d.ts +0 -11
- package/dist/offer/org-banner.d.ts.map +0 -1
- package/dist/offer/org-banner.js +0 -19
- package/dist/offer/org-banner.js.map +0 -1
- package/dist/offer/org-banner.stories.d.ts +0 -18
- package/dist/offer/org-banner.stories.d.ts.map +0 -1
- package/dist/offer/org-banner.stories.js +0 -51
- package/dist/offer/org-banner.stories.js.map +0 -1
package/src/theme/tokens.css
CHANGED
|
@@ -61,6 +61,12 @@
|
|
|
61
61
|
--color-sidebar-border: var(--sidebar-border);
|
|
62
62
|
--color-sidebar-ring: var(--sidebar-ring);
|
|
63
63
|
|
|
64
|
+
/* Skeleton tokens (Phase 0: orchestrated loading system) */
|
|
65
|
+
--color-skeleton-base: var(--color-muted);
|
|
66
|
+
--color-skeleton-shimmer: var(--color-muted);
|
|
67
|
+
--color-skeleton-shimmer-peak: color-mix(in oklch, var(--color-muted), white 35%);
|
|
68
|
+
--color-skeleton-accent: color-mix(in oklch, var(--color-primary) 40%, transparent);
|
|
69
|
+
|
|
64
70
|
--radius-sm: calc(var(--radius) - 6px);
|
|
65
71
|
--radius-md: calc(var(--radius) - 3px);
|
|
66
72
|
--radius-lg: var(--radius);
|
|
@@ -516,6 +522,76 @@
|
|
|
516
522
|
}
|
|
517
523
|
}
|
|
518
524
|
|
|
525
|
+
@keyframes skeleton-pulse {
|
|
526
|
+
0%, 100% { opacity: 0.65; }
|
|
527
|
+
50% { opacity: 0.30; }
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
@keyframes skeleton-shimmer {
|
|
531
|
+
0% { background-position: 150% 0; }
|
|
532
|
+
100% { background-position: -50% 0; }
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
@keyframes skeleton-cascade-enter {
|
|
536
|
+
from { opacity: 0; transform: translateY(6px); }
|
|
537
|
+
to { opacity: 1; transform: translateY(0); }
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
@keyframes skeleton-refetch-pulse {
|
|
541
|
+
0%, 100% { opacity: 1; }
|
|
542
|
+
50% { opacity: 0.7; }
|
|
543
|
+
}
|
|
544
|
+
|
|
545
|
+
/* ============================================================
|
|
546
|
+
Skeleton motion rules (Phase 0)
|
|
547
|
+
Selectors match data-attrs emitted by ui/src/skeleton primitives.
|
|
548
|
+
============================================================ */
|
|
549
|
+
|
|
550
|
+
[data-skeleton] {
|
|
551
|
+
border-radius: var(--radius-sm);
|
|
552
|
+
background: var(--color-skeleton-base);
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
[data-skeleton][data-tier="inline"] {
|
|
556
|
+
animation: skeleton-pulse 1.8s ease-in-out infinite;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
[data-skeleton][data-tier="data"] {
|
|
560
|
+
background: linear-gradient(
|
|
561
|
+
100deg,
|
|
562
|
+
var(--color-skeleton-shimmer) 25%,
|
|
563
|
+
var(--color-skeleton-shimmer-peak) 50%,
|
|
564
|
+
var(--color-skeleton-shimmer) 75%
|
|
565
|
+
);
|
|
566
|
+
background-size: 200% 100%;
|
|
567
|
+
animation: skeleton-shimmer 1.5s ease-in-out infinite;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
[data-skeleton][data-tier="hero"] {
|
|
571
|
+
background: linear-gradient(
|
|
572
|
+
100deg,
|
|
573
|
+
var(--color-skeleton-shimmer) 25%,
|
|
574
|
+
var(--color-skeleton-shimmer-peak) 48%,
|
|
575
|
+
var(--color-skeleton-accent) 52%,
|
|
576
|
+
var(--color-skeleton-shimmer) 75%
|
|
577
|
+
);
|
|
578
|
+
background-size: 200% 100%;
|
|
579
|
+
animation: skeleton-shimmer 1.8s ease-in-out infinite;
|
|
580
|
+
animation-delay: var(--skeleton-delay, 0ms);
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
[data-skeleton-card][data-tier="hero"] {
|
|
584
|
+
opacity: 0;
|
|
585
|
+
transform: translateY(6px);
|
|
586
|
+
animation: skeleton-cascade-enter 500ms ease-out forwards;
|
|
587
|
+
animation-delay: var(--skeleton-delay, 0ms);
|
|
588
|
+
isolation: isolate;
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
[data-refetch-pulse] {
|
|
592
|
+
animation: skeleton-refetch-pulse 1.5s ease-in-out infinite;
|
|
593
|
+
}
|
|
594
|
+
|
|
519
595
|
@media (prefers-reduced-motion: reduce) {
|
|
520
596
|
*,
|
|
521
597
|
*::before,
|
|
@@ -525,4 +601,21 @@
|
|
|
525
601
|
transition-duration: 0.01ms !important;
|
|
526
602
|
scroll-behavior: auto !important;
|
|
527
603
|
}
|
|
604
|
+
|
|
605
|
+
[data-skeleton] {
|
|
606
|
+
animation: none !important;
|
|
607
|
+
background: var(--color-muted) !important;
|
|
608
|
+
opacity: 0.7;
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
[data-skeleton-card] {
|
|
612
|
+
animation: none !important;
|
|
613
|
+
opacity: 1 !important;
|
|
614
|
+
transform: none !important;
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
[data-refetch-pulse] {
|
|
618
|
+
animation: none !important;
|
|
619
|
+
opacity: 1 !important;
|
|
620
|
+
}
|
|
528
621
|
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { PresenceStatus } from "./types.js";
|
|
2
|
-
interface MessengerChatHeaderProps {
|
|
3
|
-
displayName: string;
|
|
4
|
-
initials: string;
|
|
5
|
-
presenceStatus: PresenceStatus;
|
|
6
|
-
lastSeenAt?: string | null;
|
|
7
|
-
productName?: string | null;
|
|
8
|
-
offerStatus?: string | null;
|
|
9
|
-
onViewOffer?: () => void;
|
|
10
|
-
onBack?: () => void;
|
|
11
|
-
}
|
|
12
|
-
export declare function MessengerChatHeader({ displayName, initials, presenceStatus, lastSeenAt, productName, offerStatus, onViewOffer, onBack, }: MessengerChatHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=messenger-chat-header.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"messenger-chat-header.d.ts","sourceRoot":"","sources":["../../src/chat/messenger-chat-header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,UAAU,wBAAwB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAmBD,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB,2CA6D1B"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { ArrowLeft, ArrowUpRight } from "lucide-react";
|
|
3
|
-
import { cn } from "../lib/utils.js";
|
|
4
|
-
import { PresenceDot } from "./presence-dot.js";
|
|
5
|
-
function getStatusBadge(status) {
|
|
6
|
-
switch (status) {
|
|
7
|
-
case "in_negotiation":
|
|
8
|
-
return { label: "In Negotiation", className: "text-primary bg-primary/[0.08]" };
|
|
9
|
-
case "sent":
|
|
10
|
-
return { label: "Sent", className: "text-amber-600 bg-amber-500/10" };
|
|
11
|
-
case "accepted":
|
|
12
|
-
return { label: "Accepted", className: "text-emerald-600 bg-emerald-500/10" };
|
|
13
|
-
case "rejected":
|
|
14
|
-
return { label: "Rejected", className: "text-red-600 bg-red-500/10" };
|
|
15
|
-
case "archived":
|
|
16
|
-
return { label: "Archived", className: "text-muted-foreground bg-muted" };
|
|
17
|
-
default:
|
|
18
|
-
return null;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
export function MessengerChatHeader({ displayName, initials, presenceStatus, lastSeenAt, productName, offerStatus, onViewOffer, onBack, }) {
|
|
22
|
-
const badge = getStatusBadge(offerStatus);
|
|
23
|
-
return (_jsxs("div", { className: "flex items-center gap-3 border-b border-border/40 bg-white/50 px-4 py-3 backdrop-blur-sm", children: [onBack && (_jsx("button", { type: "button", onClick: onBack, className: "inline-flex items-center rounded-lg p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors lg:hidden", children: _jsx(ArrowLeft, { className: "size-4" }) })), _jsxs("div", { className: "relative shrink-0", children: [_jsx("span", { className: "flex size-10 items-center justify-center rounded-xl bg-linear-to-br from-primary to-primary/70 text-xs font-semibold text-primary-foreground", children: initials }), _jsx(PresenceDot, { status: presenceStatus, className: "absolute -bottom-0.5 -right-0.5 ring-2 ring-white" })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: displayName }), _jsxs("div", { className: "mt-0.5 flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [_jsx(PresenceDot, { status: presenceStatus, lastSeenAt: lastSeenAt, showLabel: true }), productName && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-border", children: "\u00B7" }), _jsx("span", { className: "truncate", children: productName })] }))] })] }), badge && (_jsx("span", { className: cn("shrink-0 rounded-lg px-2.5 py-1 text-[10px] font-medium", badge.className), children: badge.label })), onViewOffer && (_jsx("button", { type: "button", onClick: onViewOffer, className: "flex size-8 shrink-0 items-center justify-center rounded-lg border border-border/40 bg-muted/40 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors", title: "View offer", children: _jsx(ArrowUpRight, { className: "size-3.5" }) }))] }));
|
|
24
|
-
}
|
|
25
|
-
//# sourceMappingURL=messenger-chat-header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"messenger-chat-header.js","sourceRoot":"","sources":["../../src/chat/messenger-chat-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAchD,SAAS,cAAc,CAAC,MAAiC;IACvD,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,gBAAgB;YACnB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;QAClF,KAAK,MAAM;YACT,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;QACxE,KAAK,UAAU;YACb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,oCAAoC,EAAE,CAAC;QAChF,KAAK,UAAU;YACb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,4BAA4B,EAAE,CAAC;QACxE,KAAK,UAAU;YACb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;QAC5E;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,MAAM,GACmB;IACzB,MAAM,KAAK,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,0FAA0F,aAEtG,MAAM,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,mIAAmI,YAE7I,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACzB,CACV,EAGD,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAM,SAAS,EAAC,8IAA8I,YAC3J,QAAQ,GACJ,EACP,KAAC,WAAW,IACV,MAAM,EAAE,cAAc,EACtB,SAAS,EAAC,mDAAmD,GAC7D,IACE,EAGN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,uCAAuC,YAAE,WAAW,GAAO,EAC1E,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,WAAW,IAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,SAAG,EACxE,WAAW,IAAI,CACd,8BACE,eAAM,SAAS,EAAC,aAAa,uBAAS,EACtC,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,IAC9C,CACJ,IACG,IACF,EAGL,KAAK,IAAI,CACR,eAAM,SAAS,EAAE,EAAE,CAAC,yDAAyD,EAAE,KAAK,CAAC,SAAS,CAAC,YAC5F,KAAK,CAAC,KAAK,GACP,CACR,EAGA,WAAW,IAAI,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,8KAA8K,EACxL,KAAK,EAAC,YAAY,YAElB,KAAC,YAAY,IAAC,SAAS,EAAC,UAAU,GAAG,GAC9B,CACV,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export interface AssetListItem {
|
|
3
|
-
id: string;
|
|
4
|
-
fileName: string;
|
|
5
|
-
fileSize: number;
|
|
6
|
-
mimeType: string;
|
|
7
|
-
/** Human-readable kind label (e.g. "Technical Sheet", "Label Artwork"). */
|
|
8
|
-
kindLabel?: string;
|
|
9
|
-
uploadedAt?: string;
|
|
10
|
-
altText?: string | null;
|
|
11
|
-
}
|
|
12
|
-
export interface AssetListProps {
|
|
13
|
-
items: AssetListItem[];
|
|
14
|
-
/** Show a preview action on each row. */
|
|
15
|
-
onPreview?: (id: string) => void;
|
|
16
|
-
/** Show a download action on each row. */
|
|
17
|
-
onDownload?: (id: string) => void;
|
|
18
|
-
/** Show a delete action on each row. */
|
|
19
|
-
onDelete?: (id: string) => void;
|
|
20
|
-
/** Custom empty-state content. Defaults to a helpful placeholder. */
|
|
21
|
-
emptyState?: React.ReactNode;
|
|
22
|
-
className?: string;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Vertical list of downloadable resources — PDFs or images. Each row shows
|
|
26
|
-
* a type-aware icon, filename, size, optional kind chip, and configurable
|
|
27
|
-
* preview / download / delete actions.
|
|
28
|
-
*
|
|
29
|
-
* Used on the producer variant edit page's Resources tab to surface
|
|
30
|
-
* purpose='asset' attachments (technical sheets, label artwork, press
|
|
31
|
-
* images, certificates, etc.).
|
|
32
|
-
*/
|
|
33
|
-
export declare function AssetList({ items, onPreview, onDownload, onDelete, emptyState, className, }: AssetListProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
//# sourceMappingURL=asset-list.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"asset-list.d.ts","sourceRoot":"","sources":["../../src/components/asset-list.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,yCAAyC;IACzC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE,cAAc,2CA6EhB"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { ArrowDownTrayIcon, DocumentIcon, EyeIcon, PhotoIcon, TrashIcon, } from "@heroicons/react/20/solid";
|
|
3
|
-
import { cn } from "../lib/utils";
|
|
4
|
-
function formatFileSize(bytes) {
|
|
5
|
-
if (bytes < 1024)
|
|
6
|
-
return `${bytes} B`;
|
|
7
|
-
if (bytes < 1024 * 1024)
|
|
8
|
-
return `${(bytes / 1024).toFixed(1)} KB`;
|
|
9
|
-
return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
|
|
10
|
-
}
|
|
11
|
-
function fileIconFor(mimeType) {
|
|
12
|
-
if (mimeType.startsWith("image/"))
|
|
13
|
-
return PhotoIcon;
|
|
14
|
-
return DocumentIcon;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Vertical list of downloadable resources — PDFs or images. Each row shows
|
|
18
|
-
* a type-aware icon, filename, size, optional kind chip, and configurable
|
|
19
|
-
* preview / download / delete actions.
|
|
20
|
-
*
|
|
21
|
-
* Used on the producer variant edit page's Resources tab to surface
|
|
22
|
-
* purpose='asset' attachments (technical sheets, label artwork, press
|
|
23
|
-
* images, certificates, etc.).
|
|
24
|
-
*/
|
|
25
|
-
export function AssetList({ items, onPreview, onDownload, onDelete, emptyState, className, }) {
|
|
26
|
-
if (items.length === 0) {
|
|
27
|
-
return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-border/60 bg-muted/20 p-8 text-center", className), children: [_jsx(DocumentIcon, { className: "size-8 text-muted-foreground", "aria-hidden": true }), emptyState ?? (_jsx("p", { className: "text-sm text-muted-foreground", children: "No resources yet. Upload PDFs, label artwork, or technical sheets." }))] }));
|
|
28
|
-
}
|
|
29
|
-
return (_jsx("ul", { className: cn("space-y-2", className), children: items.map((item) => {
|
|
30
|
-
const Icon = fileIconFor(item.mimeType);
|
|
31
|
-
return (_jsxs("li", { className: "flex items-center gap-3 rounded-xl border border-border/60 bg-card p-3 transition-colors hover:bg-accent/20", children: [_jsx("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(Icon, { className: "size-5", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: item.fileName }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [formatFileSize(item.fileSize), item.kindLabel && _jsxs(_Fragment, { children: [" \u00B7 ", item.kindLabel] })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [onPreview && (_jsx("button", { type: "button", onClick: () => onPreview(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": `Preview ${item.fileName}`, children: _jsx(EyeIcon, { className: "size-4", "aria-hidden": true }) })), onDownload && (_jsx("button", { type: "button", onClick: () => onDownload(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": `Download ${item.fileName}`, children: _jsx(ArrowDownTrayIcon, { className: "size-4", "aria-hidden": true }) })), onDelete && (_jsx("button", { type: "button", onClick: () => onDelete(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive", "aria-label": `Delete ${item.fileName}`, children: _jsx(TrashIcon, { className: "size-4", "aria-hidden": true }) }))] })] }, item.id));
|
|
32
|
-
}) }));
|
|
33
|
-
}
|
|
34
|
-
//# sourceMappingURL=asset-list.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"asset-list.js","sourceRoot":"","sources":["../../src/components/asset-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { AssetList } from "./asset-list";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof AssetList;
|
|
6
|
-
tags: string[];
|
|
7
|
-
parameters: {
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
type Story = StoryObj<typeof meta>;
|
|
17
|
-
export declare const Default: Story;
|
|
18
|
-
export declare const ReadOnly: Story;
|
|
19
|
-
export declare const Empty: Story;
|
|
20
|
-
//# sourceMappingURL=asset-list.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"asset-list.stories.d.ts","sourceRoot":"","sources":["../../src/components/asset-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI;;;;;;;;;;;CAYwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { AssetList } from "./asset-list";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Components/AssetList",
|
|
5
|
-
component: AssetList,
|
|
6
|
-
tags: ["autodocs"],
|
|
7
|
-
parameters: {
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: "Vertical list of downloadable resources (PDFs + images) with preview / download / delete actions. Used on the producer variant edit page's Resources tab.",
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
export const Default = {
|
|
17
|
-
args: {
|
|
18
|
-
items: [
|
|
19
|
-
{ id: "1", fileName: "sourdough-techsheet.pdf", fileSize: 248_576, mimeType: "application/pdf", kindLabel: "Technical Sheet" },
|
|
20
|
-
{ id: "2", fileName: "label-print-ready.pdf", fileSize: 1_048_576, mimeType: "application/pdf", kindLabel: "Label Artwork" },
|
|
21
|
-
{ id: "3", fileName: "bottle-hero.jpg", fileSize: 512_000, mimeType: "image/jpeg", kindLabel: "Press Image" },
|
|
22
|
-
],
|
|
23
|
-
onPreview: (id) => window.alert(`Preview ${id}`),
|
|
24
|
-
onDownload: (id) => window.alert(`Download ${id}`),
|
|
25
|
-
onDelete: (id) => window.alert(`Delete ${id}`),
|
|
26
|
-
},
|
|
27
|
-
decorators: [
|
|
28
|
-
(Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
|
|
29
|
-
],
|
|
30
|
-
};
|
|
31
|
-
export const ReadOnly = {
|
|
32
|
-
args: {
|
|
33
|
-
items: [
|
|
34
|
-
{ id: "1", fileName: "compliance-cert-2025.pdf", fileSize: 824_000, mimeType: "application/pdf", kindLabel: "Certificate" },
|
|
35
|
-
{ id: "2", fileName: "origin-declaration.pdf", fileSize: 156_000, mimeType: "application/pdf", kindLabel: "Designation of Origin" },
|
|
36
|
-
],
|
|
37
|
-
onPreview: (id) => window.alert(`Preview ${id}`),
|
|
38
|
-
onDownload: (id) => window.alert(`Download ${id}`),
|
|
39
|
-
},
|
|
40
|
-
decorators: [
|
|
41
|
-
(Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
|
|
42
|
-
],
|
|
43
|
-
};
|
|
44
|
-
export const Empty = {
|
|
45
|
-
args: { items: [] },
|
|
46
|
-
decorators: [
|
|
47
|
-
(Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
|
|
48
|
-
],
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=asset-list.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"asset-list.stories.js","sourceRoot":"","sources":["../../src/components/asset-list.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,2JAA2J;aAC9J;SACF;KACF;CAC+B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,yBAAyB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC9H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,uBAAuB,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,eAAe,EAAE;YAC5H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE;SAC9G;QACD,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;QAChD,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;QAClD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;KAC/C;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,0BAA0B,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE;YAC3H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,uBAAuB,EAAE;SACpI;QACD,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;QAChD,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;KACnD;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACnB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export interface CategoryOption {
|
|
2
|
-
id: string;
|
|
3
|
-
name: string;
|
|
4
|
-
subtypes: {
|
|
5
|
-
id: string;
|
|
6
|
-
name: string;
|
|
7
|
-
}[];
|
|
8
|
-
}
|
|
9
|
-
export interface ClassificationSelectProps {
|
|
10
|
-
categories: CategoryOption[];
|
|
11
|
-
selectedCategory?: string;
|
|
12
|
-
selectedSubtype?: string;
|
|
13
|
-
onCategoryChange: (categoryId: string) => void;
|
|
14
|
-
onSubtypeChange: (subtypeId: string) => void;
|
|
15
|
-
isLoading?: boolean;
|
|
16
|
-
allowOther?: boolean;
|
|
17
|
-
categoryLabel?: string;
|
|
18
|
-
subtypeLabel?: string;
|
|
19
|
-
categoryPlaceholder?: string;
|
|
20
|
-
subtypePlaceholder?: string;
|
|
21
|
-
className?: string;
|
|
22
|
-
}
|
|
23
|
-
export declare function ClassificationSelect({ categories, selectedCategory, selectedSubtype, onCategoryChange, onSubtypeChange, isLoading, allowOther, categoryLabel, subtypeLabel, categoryPlaceholder, subtypePlaceholder, className, }: ClassificationSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
//# sourceMappingURL=classification-select.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"classification-select.d.ts","sourceRoot":"","sources":["../../src/components/classification-select.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CACzC;AAED,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,SAAiB,EACjB,UAAiB,EACjB,aAA0B,EAC1B,YAAwB,EACxB,mBAAyC,EACzC,kBAAuC,EACvC,SAAS,GACV,EAAE,yBAAyB,2CAuI3B"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Input } from './input';
|
|
4
|
-
import { Field, Label } from './fieldset';
|
|
5
|
-
import { cn } from '../lib/utils';
|
|
6
|
-
const OTHER_VALUE = '__other__';
|
|
7
|
-
export function ClassificationSelect({ categories, selectedCategory, selectedSubtype, onCategoryChange, onSubtypeChange, isLoading = false, allowOther = true, categoryLabel = 'Category', subtypeLabel = 'Subtype', categoryPlaceholder = 'Select a category', subtypePlaceholder = 'Select a subtype', className, }) {
|
|
8
|
-
const [categoryOtherText, setCategoryOtherText] = useState('');
|
|
9
|
-
const [subtypeOtherText, setSubtypeOtherText] = useState('');
|
|
10
|
-
const isCategoryOther = selectedCategory === OTHER_VALUE;
|
|
11
|
-
const isSubtypeOther = selectedSubtype === OTHER_VALUE;
|
|
12
|
-
const currentCategory = categories.find((c) => c.id === selectedCategory);
|
|
13
|
-
const availableSubtypes = currentCategory?.subtypes ?? [];
|
|
14
|
-
// When category changes, clear the subtype other text
|
|
15
|
-
useEffect(() => {
|
|
16
|
-
// eslint-disable-next-line @eslint-react/set-state-in-effect, react-hooks/set-state-in-effect
|
|
17
|
-
setSubtypeOtherText('');
|
|
18
|
-
}, [selectedCategory]);
|
|
19
|
-
function handleCategoryChange(e) {
|
|
20
|
-
const value = e.target.value;
|
|
21
|
-
onCategoryChange(value);
|
|
22
|
-
// Always clear subtype when category changes
|
|
23
|
-
onSubtypeChange('');
|
|
24
|
-
}
|
|
25
|
-
function handleSubtypeChange(e) {
|
|
26
|
-
onSubtypeChange(e.target.value);
|
|
27
|
-
}
|
|
28
|
-
function handleCategoryOtherChange(e) {
|
|
29
|
-
const value = e.target.value;
|
|
30
|
-
setCategoryOtherText(value);
|
|
31
|
-
onCategoryChange(value ? `other:${value}` : OTHER_VALUE);
|
|
32
|
-
}
|
|
33
|
-
function handleSubtypeOtherChange(e) {
|
|
34
|
-
const value = e.target.value;
|
|
35
|
-
setSubtypeOtherText(value);
|
|
36
|
-
onSubtypeChange(value ? `other:${value}` : OTHER_VALUE);
|
|
37
|
-
}
|
|
38
|
-
return (_jsxs("div", { className: cn('grid grid-cols-1 gap-4 sm:grid-cols-2', className), children: [_jsxs(Field, { children: [_jsx(Label, { children: categoryLabel }), isCategoryOther ? (_jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx(Input, { type: "text", value: categoryOtherText, onChange: handleCategoryOtherChange, placeholder: "Enter category\u2026", disabled: isLoading }), _jsx("button", { type: "button", onClick: () => {
|
|
39
|
-
setCategoryOtherText('');
|
|
40
|
-
onCategoryChange('');
|
|
41
|
-
onSubtypeChange('');
|
|
42
|
-
}, className: "shrink-0 text-sm/6 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200", children: "\u21A9 Back" })] })) : (_jsxs("select", { value: selectedCategory ?? '', onChange: handleCategoryChange, disabled: isLoading, className: "mt-3 block w-full appearance-none rounded-lg border border-zinc-950/10 bg-transparent py-[calc(--spacing(2.5)-1px)] pr-[calc(--spacing(10)-1px)] pl-[calc(--spacing(3.5)-1px)] text-base/6 text-zinc-950 focus:outline-2 focus:-outline-offset-1 focus:outline-ring disabled:opacity-50 sm:py-[calc(--spacing(1.5)-1px)] sm:pr-[calc(--spacing(9)-1px)] sm:pl-[calc(--spacing(3)-1px)] sm:text-sm/6 dark:border-white/10 dark:bg-white/5 dark:text-white", children: [_jsx("option", { value: "", disabled: true, children: isLoading ? 'Loading…' : categoryPlaceholder }), categories.map((cat) => (_jsx("option", { value: cat.id, children: cat.name }, cat.id))), allowOther && _jsx("option", { value: OTHER_VALUE, children: "Other\u2026" })] }))] }), _jsxs(Field, { children: [_jsx(Label, { children: subtypeLabel }), isSubtypeOther ? (_jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx(Input, { type: "text", value: subtypeOtherText, onChange: handleSubtypeOtherChange, placeholder: "Enter subtype\u2026", disabled: isLoading }), _jsx("button", { type: "button", onClick: () => {
|
|
43
|
-
setSubtypeOtherText('');
|
|
44
|
-
onSubtypeChange('');
|
|
45
|
-
}, className: "shrink-0 text-sm/6 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200", children: "\u21A9 Back" })] })) : (_jsxs("select", { value: selectedSubtype ?? '', onChange: handleSubtypeChange, disabled: isLoading || !selectedCategory || isCategoryOther, className: "mt-3 block w-full appearance-none rounded-lg border border-zinc-950/10 bg-transparent py-[calc(--spacing(2.5)-1px)] pr-[calc(--spacing(10)-1px)] pl-[calc(--spacing(3.5)-1px)] text-base/6 text-zinc-950 focus:outline-2 focus:-outline-offset-1 focus:outline-ring disabled:opacity-50 sm:py-[calc(--spacing(1.5)-1px)] sm:pr-[calc(--spacing(9)-1px)] sm:pl-[calc(--spacing(3)-1px)] sm:text-sm/6 dark:border-white/10 dark:bg-white/5 dark:text-white", children: [_jsx("option", { value: "", disabled: true, children: isLoading
|
|
46
|
-
? 'Loading…'
|
|
47
|
-
: !selectedCategory || isCategoryOther
|
|
48
|
-
? 'Select a category first'
|
|
49
|
-
: subtypePlaceholder }), availableSubtypes.map((sub) => (_jsx("option", { value: sub.id, children: sub.name }, sub.id))), allowOther && selectedCategory && !isCategoryOther && (_jsx("option", { value: OTHER_VALUE, children: "Other\u2026" }))] }))] })] }));
|
|
50
|
-
}
|
|
51
|
-
//# sourceMappingURL=classification-select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"classification-select.js","sourceRoot":"","sources":["../../src/components/classification-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { ClassificationSelect } from "./classification-select";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof ClassificationSelect;
|
|
6
|
-
tags: string[];
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
export declare const Default: Story;
|
|
14
|
-
export declare const WithPreselected: Story;
|
|
15
|
-
export declare const Loading: Story;
|
|
16
|
-
export declare const WithoutOther: Story;
|
|
17
|
-
//# sourceMappingURL=classification-select.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"classification-select.stories.d.ts","sourceRoot":"","sources":["../../src/components/classification-select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,oBAAoB,EAAuB,MAAM,yBAAyB,CAAC;AA+CpF,QAAA,MAAM,IAAI;;;;;;;CAKmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkCnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAsBF,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAyBF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { ClassificationSelect } from "./classification-select";
|
|
4
|
-
const sampleCategories = [
|
|
5
|
-
{
|
|
6
|
-
id: "wine",
|
|
7
|
-
name: "Wine",
|
|
8
|
-
subtypes: [
|
|
9
|
-
{ id: "red-wine", name: "Red Wine" },
|
|
10
|
-
{ id: "white-wine", name: "White Wine" },
|
|
11
|
-
{ id: "rose-wine", name: "Rosé Wine" },
|
|
12
|
-
{ id: "sparkling-wine", name: "Sparkling Wine" },
|
|
13
|
-
{ id: "dessert-wine", name: "Dessert Wine" },
|
|
14
|
-
],
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
id: "spirits",
|
|
18
|
-
name: "Spirits",
|
|
19
|
-
subtypes: [
|
|
20
|
-
{ id: "whisky", name: "Whisky / Whiskey" },
|
|
21
|
-
{ id: "cognac", name: "Cognac / Brandy" },
|
|
22
|
-
{ id: "gin", name: "Gin" },
|
|
23
|
-
{ id: "vodka", name: "Vodka" },
|
|
24
|
-
{ id: "rum", name: "Rum" },
|
|
25
|
-
{ id: "tequila", name: "Tequila / Mezcal" },
|
|
26
|
-
],
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
id: "beer",
|
|
30
|
-
name: "Beer & Cider",
|
|
31
|
-
subtypes: [
|
|
32
|
-
{ id: "lager", name: "Lager" },
|
|
33
|
-
{ id: "ale", name: "Ale" },
|
|
34
|
-
{ id: "stout", name: "Stout & Porter" },
|
|
35
|
-
{ id: "cider", name: "Cider" },
|
|
36
|
-
],
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
id: "non-alcoholic",
|
|
40
|
-
name: "Non-Alcoholic",
|
|
41
|
-
subtypes: [
|
|
42
|
-
{ id: "na-wine", name: "Non-Alcoholic Wine" },
|
|
43
|
-
{ id: "na-beer", name: "Non-Alcoholic Beer" },
|
|
44
|
-
{ id: "na-spirits", name: "Non-Alcoholic Spirits" },
|
|
45
|
-
],
|
|
46
|
-
},
|
|
47
|
-
];
|
|
48
|
-
const meta = {
|
|
49
|
-
title: "Components/ClassificationSelect",
|
|
50
|
-
component: ClassificationSelect,
|
|
51
|
-
tags: ["autodocs"],
|
|
52
|
-
parameters: { layout: "centered" },
|
|
53
|
-
};
|
|
54
|
-
export default meta;
|
|
55
|
-
const stubArgs = {
|
|
56
|
-
categories: sampleCategories,
|
|
57
|
-
onCategoryChange: () => { },
|
|
58
|
-
onSubtypeChange: () => { },
|
|
59
|
-
};
|
|
60
|
-
function DefaultRender() {
|
|
61
|
-
const [category, setCategory] = useState("");
|
|
62
|
-
const [subtype, setSubtype] = useState("");
|
|
63
|
-
return (_jsxs("div", { className: "w-full max-w-xl", children: [_jsx(ClassificationSelect, { categories: sampleCategories, selectedCategory: category, selectedSubtype: subtype, onCategoryChange: (id) => {
|
|
64
|
-
setCategory(id);
|
|
65
|
-
setSubtype("");
|
|
66
|
-
}, onSubtypeChange: setSubtype }), category && (_jsxs("p", { className: "mt-3 text-xs text-muted-foreground", children: ["Selected: ", _jsx("strong", { children: category }), subtype ? ` / ${subtype}` : ""] }))] }));
|
|
67
|
-
}
|
|
68
|
-
export const Default = {
|
|
69
|
-
args: stubArgs,
|
|
70
|
-
render: () => _jsx(DefaultRender, {}),
|
|
71
|
-
};
|
|
72
|
-
function WithPreselectedRender() {
|
|
73
|
-
const [category, setCategory] = useState("wine");
|
|
74
|
-
const [subtype, setSubtype] = useState("red-wine");
|
|
75
|
-
return (_jsx("div", { className: "w-full max-w-xl", children: _jsx(ClassificationSelect, { categories: sampleCategories, selectedCategory: category, selectedSubtype: subtype, onCategoryChange: (id) => {
|
|
76
|
-
setCategory(id);
|
|
77
|
-
setSubtype("");
|
|
78
|
-
}, onSubtypeChange: setSubtype }) }));
|
|
79
|
-
}
|
|
80
|
-
export const WithPreselected = {
|
|
81
|
-
args: stubArgs,
|
|
82
|
-
render: () => _jsx(WithPreselectedRender, {}),
|
|
83
|
-
};
|
|
84
|
-
export const Loading = {
|
|
85
|
-
args: stubArgs,
|
|
86
|
-
render: () => (_jsx("div", { className: "w-full max-w-xl", children: _jsx(ClassificationSelect, { categories: [], selectedCategory: "", selectedSubtype: "", onCategoryChange: () => { }, onSubtypeChange: () => { }, isLoading: true }) })),
|
|
87
|
-
};
|
|
88
|
-
function WithoutOtherRender() {
|
|
89
|
-
const [category, setCategory] = useState("");
|
|
90
|
-
const [subtype, setSubtype] = useState("");
|
|
91
|
-
return (_jsx("div", { className: "w-full max-w-xl", children: _jsx(ClassificationSelect, { categories: sampleCategories, selectedCategory: category, selectedSubtype: subtype, onCategoryChange: (id) => {
|
|
92
|
-
setCategory(id);
|
|
93
|
-
setSubtype("");
|
|
94
|
-
}, onSubtypeChange: setSubtype, allowOther: false, categoryLabel: "Beverage Category", subtypeLabel: "Beverage Subtype" }) }));
|
|
95
|
-
}
|
|
96
|
-
export const WithoutOther = {
|
|
97
|
-
args: stubArgs,
|
|
98
|
-
render: () => _jsx(WithoutOtherRender, {}),
|
|
99
|
-
};
|
|
100
|
-
//# sourceMappingURL=classification-select.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"classification-select.stories.js","sourceRoot":"","sources":["../../src/components/classification-select.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
export interface CompletedOfferStat {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
}
|
|
6
|
-
export interface CompletedOfferCardProps {
|
|
7
|
-
title: string;
|
|
8
|
-
subtitle?: string;
|
|
9
|
-
sourceIcon?: ReactNode;
|
|
10
|
-
winnerName: string;
|
|
11
|
-
winnerPrice: string;
|
|
12
|
-
/** Winner volume — optional, omitted from layout when undefined. */
|
|
13
|
-
winnerVolume?: string;
|
|
14
|
-
/** 1–3 stats shown in the bottom row. */
|
|
15
|
-
stats: CompletedOfferStat[];
|
|
16
|
-
/** Click handler for the "View offer" link. */
|
|
17
|
-
onView?: () => void;
|
|
18
|
-
/** Click handler for the "Archive" link. */
|
|
19
|
-
onArchive?: () => void;
|
|
20
|
-
/** Disable the entrance pulse (e.g. when re-rendering an existing card). */
|
|
21
|
-
noPulse?: boolean;
|
|
22
|
-
className?: string;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Card representing a finalized deal in the producer Completed column.
|
|
26
|
-
* Shows: meta row, title, "Finalized" pill badge, winner sub-card with
|
|
27
|
-
* trophy icon and final terms, and a stat row.
|
|
28
|
-
*
|
|
29
|
-
* On first mount, the card emits a brief celebration pulse via
|
|
30
|
-
* `CelebrationPulse`. Pass `noPulse` to suppress it (e.g. when an existing
|
|
31
|
-
* card is being re-rendered after a state refresh, not a new arrival).
|
|
32
|
-
*/
|
|
33
|
-
export declare function CompletedOfferCard({ title, subtitle, sourceIcon, winnerName, winnerPrice, winnerVolume, stats, onView, onArchive, noPulse, className, }: CompletedOfferCardProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
//# sourceMappingURL=completed-offer-card.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"completed-offer-card.d.ts","sourceRoot":"","sources":["../../src/components/completed-offer-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAe,EACf,SAAS,GACV,EAAE,uBAAuB,2CAgFzB"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Archive, ArrowRight, CheckCircle2, Trophy } from "lucide-react";
|
|
3
|
-
import { cn } from "../lib/utils";
|
|
4
|
-
import { CelebrationPulse } from "./celebration-pulse";
|
|
5
|
-
/**
|
|
6
|
-
* Card representing a finalized deal in the producer Completed column.
|
|
7
|
-
* Shows: meta row, title, "Finalized" pill badge, winner sub-card with
|
|
8
|
-
* trophy icon and final terms, and a stat row.
|
|
9
|
-
*
|
|
10
|
-
* On first mount, the card emits a brief celebration pulse via
|
|
11
|
-
* `CelebrationPulse`. Pass `noPulse` to suppress it (e.g. when an existing
|
|
12
|
-
* card is being re-rendered after a state refresh, not a new arrival).
|
|
13
|
-
*/
|
|
14
|
-
export function CompletedOfferCard({ title, subtitle, sourceIcon, winnerName, winnerPrice, winnerVolume, stats, onView, onArchive, noPulse = false, className, }) {
|
|
15
|
-
const card = (_jsxs("div", { className: cn("flex flex-col gap-3 rounded-lg border border-l-4 border-border border-l-emerald-500 bg-card p-3 shadow-xs", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [(sourceIcon || subtitle) && (_jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [sourceIcon, subtitle && _jsx("span", { children: subtitle })] })), _jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-emerald-100 px-2 py-0.5 text-[10px] font-semibold text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300", children: [_jsx(CheckCircle2, { className: "size-3", "aria-hidden": true }), "Finalized"] })] }), _jsx("h4", { className: "text-sm/5 font-semibold text-foreground", children: title }), _jsxs("div", { className: "flex items-center gap-2 rounded-md border border-emerald-200/40 bg-emerald-500/5 p-2 dark:border-emerald-400/20", children: [_jsx(Trophy, { className: "size-4 shrink-0 text-emerald-600 dark:text-emerald-400", "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-xs font-semibold text-foreground", children: winnerName }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [winnerPrice, winnerVolume && _jsxs("span", { children: [" \u00B7 ", winnerVolume] })] })] })] }), stats.length > 0 && (_jsx("div", { className: "flex items-center justify-around border-t border-border pt-2", children: stats.map((stat) => (_jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-sm font-bold text-foreground", children: stat.value }), _jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: stat.label })] }, stat.label))) })), _jsxs("div", { className: "flex items-center justify-between text-xs", children: [onView && (_jsxs("button", { type: "button", onClick: onView, className: "inline-flex items-center gap-1 font-medium text-primary hover:text-primary/80", children: ["View offer", _jsx(ArrowRight, { className: "size-3", "aria-hidden": true })] })), onArchive && (_jsxs("button", { type: "button", onClick: onArchive, className: "inline-flex items-center gap-1 font-medium text-muted-foreground hover:text-foreground", children: [_jsx(Archive, { className: "size-3", "aria-hidden": true }), "Archive"] }))] })] }));
|
|
16
|
-
if (noPulse)
|
|
17
|
-
return card;
|
|
18
|
-
return _jsx(CelebrationPulse, { children: card });
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=completed-offer-card.js.map
|