@cellarnode/ui 0.3.1 → 0.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.
- package/dist/__storybook__/mock-data.d.ts +16 -0
- package/dist/__storybook__/mock-data.d.ts.map +1 -0
- package/dist/__storybook__/mock-data.js +162 -0
- package/dist/__storybook__/mock-data.js.map +1 -0
- package/dist/chat/chat-toggle-button.stories.d.ts +33 -0
- package/dist/chat/chat-toggle-button.stories.d.ts.map +1 -0
- package/dist/chat/chat-toggle-button.stories.js +50 -0
- package/dist/chat/chat-toggle-button.stories.js.map +1 -0
- package/dist/chat/communication-hub-widget.d.ts.map +1 -1
- package/dist/chat/communication-hub-widget.js +3 -1
- package/dist/chat/communication-hub-widget.js.map +1 -1
- package/dist/chat/communication-hub-widget.stories.d.ts +18 -0
- package/dist/chat/communication-hub-widget.stories.d.ts.map +1 -0
- package/dist/chat/communication-hub-widget.stories.js +99 -0
- package/dist/chat/communication-hub-widget.stories.js.map +1 -0
- package/dist/chat/communication-panel.d.ts.map +1 -1
- package/dist/chat/communication-panel.js +3 -1
- package/dist/chat/communication-panel.js.map +1 -1
- package/dist/chat/communication-panel.stories.d.ts +21 -0
- package/dist/chat/communication-panel.stories.d.ts.map +1 -0
- package/dist/chat/communication-panel.stories.js +173 -0
- package/dist/chat/communication-panel.stories.js.map +1 -0
- package/dist/chat/global-chat-widget.d.ts +21 -0
- package/dist/chat/global-chat-widget.d.ts.map +1 -0
- package/dist/chat/global-chat-widget.js +53 -0
- package/dist/chat/global-chat-widget.js.map +1 -0
- package/dist/chat/global-chat-widget.stories.d.ts +34 -0
- package/dist/chat/global-chat-widget.stories.d.ts.map +1 -0
- package/dist/chat/global-chat-widget.stories.js +158 -0
- package/dist/chat/global-chat-widget.stories.js.map +1 -0
- package/dist/chat/index.d.ts +2 -0
- package/dist/chat/index.d.ts.map +1 -1
- package/dist/chat/index.js +1 -0
- package/dist/chat/index.js.map +1 -1
- package/dist/chat/messenger-layout.d.ts.map +1 -1
- package/dist/chat/messenger-layout.js +3 -1
- package/dist/chat/messenger-layout.js.map +1 -1
- package/dist/chat/messenger-layout.stories.d.ts +18 -0
- package/dist/chat/messenger-layout.stories.d.ts.map +1 -0
- package/dist/chat/messenger-layout.stories.js +97 -0
- package/dist/chat/messenger-layout.stories.js.map +1 -0
- package/dist/chat/negotiation-event-card.d.ts.map +1 -1
- package/dist/chat/negotiation-event-card.js.map +1 -1
- package/dist/chat/negotiation-event-card.stories.d.ts +19 -0
- package/dist/chat/negotiation-event-card.stories.d.ts.map +1 -0
- package/dist/chat/negotiation-event-card.stories.js +104 -0
- package/dist/chat/negotiation-event-card.stories.js.map +1 -0
- package/dist/chat/unified-timeline.js +4 -4
- package/dist/chat/unified-timeline.js.map +1 -1
- package/dist/chat/unified-timeline.stories.d.ts +18 -0
- package/dist/chat/unified-timeline.stories.d.ts.map +1 -0
- package/dist/chat/unified-timeline.stories.js +168 -0
- package/dist/chat/unified-timeline.stories.js.map +1 -0
- package/dist/chat/use-chat.js +10 -10
- package/dist/chat/use-chat.js.map +1 -1
- package/dist/components/accordion.stories.d.ts +7 -0
- package/dist/components/accordion.stories.d.ts.map +1 -0
- package/dist/components/accordion.stories.js +16 -0
- package/dist/components/accordion.stories.js.map +1 -0
- package/dist/components/alert.stories.d.ts +8 -0
- package/dist/components/alert.stories.d.ts.map +1 -0
- package/dist/components/alert.stories.js +26 -0
- package/dist/components/alert.stories.js.map +1 -0
- package/dist/components/animated-list.d.ts.map +1 -1
- package/dist/components/animated-list.js +3 -1
- package/dist/components/animated-list.js.map +1 -1
- package/dist/components/animated-list.stories.d.ts +18 -0
- package/dist/components/animated-list.stories.d.ts.map +1 -0
- package/dist/components/animated-list.stories.js +61 -0
- package/dist/components/animated-list.stories.js.map +1 -0
- package/dist/components/avatar.d.ts +7 -5
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +2 -3
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/avatar.stories.d.ts +16 -0
- package/dist/components/avatar.stories.d.ts.map +1 -0
- package/dist/components/avatar.stories.js +28 -0
- package/dist/components/avatar.stories.js.map +1 -0
- package/dist/components/badge.d.ts +7 -5
- package/dist/components/badge.d.ts.map +1 -1
- package/dist/components/badge.js +2 -3
- package/dist/components/badge.js.map +1 -1
- package/dist/components/badge.stories.d.ts +17 -0
- package/dist/components/badge.stories.d.ts.map +1 -0
- package/dist/components/badge.stories.js +25 -0
- package/dist/components/badge.stories.js.map +1 -0
- package/dist/components/button.d.ts +4 -2
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +2 -3
- package/dist/components/button.js.map +1 -1
- package/dist/components/card.d.ts +18 -6
- package/dist/components/card.d.ts.map +1 -1
- package/dist/components/card.js +18 -13
- package/dist/components/card.js.map +1 -1
- package/dist/components/card.stories.d.ts +16 -0
- package/dist/components/card.stories.d.ts.map +1 -0
- package/dist/components/card.stories.js +20 -0
- package/dist/components/card.stories.js.map +1 -0
- package/dist/components/checkbox.stories.d.ts +19 -0
- package/dist/components/checkbox.stories.d.ts.map +1 -0
- package/dist/components/checkbox.stories.js +34 -0
- package/dist/components/checkbox.stories.js.map +1 -0
- package/dist/components/classification-select.d.ts.map +1 -1
- package/dist/components/classification-select.js +1 -0
- package/dist/components/classification-select.js.map +1 -1
- package/dist/components/classification-select.stories.d.ts +17 -0
- package/dist/components/classification-select.stories.d.ts.map +1 -0
- package/dist/components/classification-select.stories.js +100 -0
- package/dist/components/classification-select.stories.js.map +1 -0
- package/dist/components/combobox.stories.d.ts +15 -0
- package/dist/components/combobox.stories.d.ts.map +1 -0
- package/dist/components/combobox.stories.js +45 -0
- package/dist/components/combobox.stories.js.map +1 -0
- package/dist/components/command.stories.d.ts +9 -0
- package/dist/components/command.stories.d.ts.map +1 -0
- package/dist/components/command.stories.js +22 -0
- package/dist/components/command.stories.js.map +1 -0
- package/dist/components/description-list.stories.d.ts +15 -0
- package/dist/components/description-list.stories.d.ts.map +1 -0
- package/dist/components/description-list.stories.js +16 -0
- package/dist/components/description-list.stories.js.map +1 -0
- package/dist/components/dialog.stories.d.ts +8 -0
- package/dist/components/dialog.stories.d.ts.map +1 -0
- package/dist/components/dialog.stories.js +26 -0
- package/dist/components/dialog.stories.js.map +1 -0
- package/dist/components/divider.stories.d.ts +15 -0
- package/dist/components/divider.stories.d.ts.map +1 -0
- package/dist/components/divider.stories.js +16 -0
- package/dist/components/divider.stories.js.map +1 -0
- package/dist/components/drawer.d.ts +12 -4
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/drawer.js +12 -9
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/drawer.stories.d.ts +8 -0
- package/dist/components/drawer.stories.d.ts.map +1 -0
- package/dist/components/drawer.stories.js +27 -0
- package/dist/components/drawer.stories.js.map +1 -0
- package/dist/components/dropdown-menu.stories.d.ts +8 -0
- package/dist/components/dropdown-menu.stories.d.ts.map +1 -0
- package/dist/components/dropdown-menu.stories.js +17 -0
- package/dist/components/dropdown-menu.stories.js.map +1 -0
- package/dist/components/dropdown.d.ts.map +1 -1
- package/dist/components/dropdown.js +8 -5
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/dropdown.stories.d.ts +8 -0
- package/dist/components/dropdown.stories.d.ts.map +1 -0
- package/dist/components/dropdown.stories.js +16 -0
- package/dist/components/dropdown.stories.js.map +1 -0
- package/dist/components/fieldset.stories.d.ts +9 -0
- package/dist/components/fieldset.stories.d.ts.map +1 -0
- package/dist/components/fieldset.stories.js +24 -0
- package/dist/components/fieldset.stories.js.map +1 -0
- package/dist/components/form.d.ts.map +1 -1
- package/dist/components/form.js +5 -4
- package/dist/components/form.js.map +1 -1
- package/dist/components/form.stories.d.ts +7 -0
- package/dist/components/form.stories.d.ts.map +1 -0
- package/dist/components/form.stories.js +46 -0
- package/dist/components/form.stories.js.map +1 -0
- package/dist/components/heading.stories.d.ts +16 -0
- package/dist/components/heading.stories.d.ts.map +1 -0
- package/dist/components/heading.stories.js +23 -0
- package/dist/components/heading.stories.js.map +1 -0
- package/dist/components/input.d.ts +4 -3
- package/dist/components/input.d.ts.map +1 -1
- package/dist/components/input.js +2 -3
- package/dist/components/input.js.map +1 -1
- package/dist/components/input.stories.d.ts +11 -0
- package/dist/components/input.stories.d.ts.map +1 -0
- package/dist/components/input.stories.js +44 -0
- package/dist/components/input.stories.js.map +1 -0
- package/dist/components/kanban-board.d.ts +4 -4
- package/dist/components/kanban-board.d.ts.map +1 -1
- package/dist/components/kanban-board.js.map +1 -1
- package/dist/components/kanban-board.stories.js +1 -1
- package/dist/components/kanban-board.stories.js.map +1 -1
- package/dist/components/kanban-card.stories.d.ts +16 -0
- package/dist/components/kanban-card.stories.d.ts.map +1 -0
- package/dist/components/kanban-card.stories.js +30 -0
- package/dist/components/kanban-card.stories.js.map +1 -0
- package/dist/components/kanban-dnd-board.d.ts +1 -1
- package/dist/components/kanban-dnd-board.d.ts.map +1 -1
- package/dist/components/kanban-dnd-board.js +2 -2
- package/dist/components/kanban-dnd-board.js.map +1 -1
- package/dist/components/kanban-dnd-board.stories.d.ts +15 -0
- package/dist/components/kanban-dnd-board.stories.d.ts.map +1 -0
- package/dist/components/kanban-dnd-board.stories.js +112 -0
- package/dist/components/kanban-dnd-board.stories.js.map +1 -0
- package/dist/components/label.stories.d.ts +16 -0
- package/dist/components/label.stories.d.ts.map +1 -0
- package/dist/components/label.stories.js +21 -0
- package/dist/components/label.stories.js.map +1 -0
- package/dist/components/link.d.ts +3 -2
- package/dist/components/link.d.ts.map +1 -1
- package/dist/components/link.js +2 -3
- package/dist/components/link.js.map +1 -1
- package/dist/components/link.stories.d.ts +15 -0
- package/dist/components/link.stories.d.ts.map +1 -0
- package/dist/components/link.stories.js +19 -0
- package/dist/components/link.stories.js.map +1 -0
- package/dist/components/listbox.stories.d.ts +8 -0
- package/dist/components/listbox.stories.d.ts.map +1 -0
- package/dist/components/listbox.stories.js +46 -0
- package/dist/components/listbox.stories.js.map +1 -0
- package/dist/components/pagination.stories.d.ts +9 -0
- package/dist/components/pagination.stories.d.ts.map +1 -0
- package/dist/components/pagination.stories.js +19 -0
- package/dist/components/pagination.stories.js.map +1 -0
- package/dist/components/popover.stories.d.ts +8 -0
- package/dist/components/popover.stories.d.ts.map +1 -0
- package/dist/components/popover.stories.js +17 -0
- package/dist/components/popover.stories.js.map +1 -0
- package/dist/components/radio.stories.d.ts +15 -0
- package/dist/components/radio.stories.d.ts.map +1 -0
- package/dist/components/radio.stories.js +32 -0
- package/dist/components/radio.stories.js.map +1 -0
- package/dist/components/scroll-area.stories.d.ts +14 -0
- package/dist/components/scroll-area.stories.d.ts.map +1 -0
- package/dist/components/scroll-area.stories.js +27 -0
- package/dist/components/scroll-area.stories.js.map +1 -0
- package/dist/components/select.d.ts +3 -2
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +2 -3
- package/dist/components/select.js.map +1 -1
- package/dist/components/select.stories.d.ts +10 -0
- package/dist/components/select.stories.d.ts.map +1 -0
- package/dist/components/select.stories.js +25 -0
- package/dist/components/select.stories.js.map +1 -0
- package/dist/components/separator.stories.d.ts +15 -0
- package/dist/components/separator.stories.d.ts.map +1 -0
- package/dist/components/separator.stories.js +16 -0
- package/dist/components/separator.stories.js.map +1 -0
- package/dist/components/shadcn-badge.stories.d.ts +15 -0
- package/dist/components/shadcn-badge.stories.d.ts.map +1 -0
- package/dist/components/shadcn-badge.stories.js +16 -0
- package/dist/components/shadcn-badge.stories.js.map +1 -0
- package/dist/components/shadcn-button.stories.d.ts +17 -0
- package/dist/components/shadcn-button.stories.d.ts.map +1 -0
- package/dist/components/shadcn-button.stories.js +22 -0
- package/dist/components/shadcn-button.stories.js.map +1 -0
- package/dist/components/shadcn-dialog.stories.d.ts +15 -0
- package/dist/components/shadcn-dialog.stories.d.ts.map +1 -0
- package/dist/components/shadcn-dialog.stories.js +26 -0
- package/dist/components/shadcn-dialog.stories.js.map +1 -0
- package/dist/components/shadcn-input.stories.d.ts +16 -0
- package/dist/components/shadcn-input.stories.d.ts.map +1 -0
- package/dist/components/shadcn-input.stories.js +22 -0
- package/dist/components/shadcn-input.stories.js.map +1 -0
- package/dist/components/shadcn-select.stories.d.ts +16 -0
- package/dist/components/shadcn-select.stories.d.ts.map +1 -0
- package/dist/components/shadcn-select.stories.js +19 -0
- package/dist/components/shadcn-select.stories.js.map +1 -0
- package/dist/components/shadcn-textarea.stories.d.ts +16 -0
- package/dist/components/shadcn-textarea.stories.d.ts.map +1 -0
- package/dist/components/shadcn-textarea.stories.js +27 -0
- package/dist/components/shadcn-textarea.stories.js.map +1 -0
- package/dist/components/sheet.d.ts +13 -5
- package/dist/components/sheet.d.ts.map +1 -1
- package/dist/components/sheet.js +12 -9
- package/dist/components/sheet.js.map +1 -1
- package/dist/components/sheet.stories.d.ts +8 -0
- package/dist/components/sheet.stories.d.ts.map +1 -0
- package/dist/components/sheet.stories.js +17 -0
- package/dist/components/sheet.stories.js.map +1 -0
- package/dist/components/sidebar.js +5 -5
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/sidebar.stories.d.ts +8 -0
- package/dist/components/sidebar.stories.d.ts.map +1 -0
- package/dist/components/sidebar.stories.js +31 -0
- package/dist/components/sidebar.stories.js.map +1 -0
- package/dist/components/skeleton.stories.d.ts +16 -0
- package/dist/components/skeleton.stories.d.ts.map +1 -0
- package/dist/components/skeleton.stories.js +21 -0
- package/dist/components/skeleton.stories.js.map +1 -0
- package/dist/components/slider.d.ts +3 -1
- package/dist/components/slider.d.ts.map +1 -1
- package/dist/components/slider.js +3 -3
- package/dist/components/slider.js.map +1 -1
- package/dist/components/slider.stories.d.ts +10 -0
- package/dist/components/slider.stories.d.ts.map +1 -0
- package/dist/components/slider.stories.js +43 -0
- package/dist/components/slider.stories.js.map +1 -0
- package/dist/components/sonner.stories.d.ts +16 -0
- package/dist/components/sonner.stories.d.ts.map +1 -0
- package/dist/components/sonner.stories.js +29 -0
- package/dist/components/sonner.stories.js.map +1 -0
- package/dist/components/stat-card.stories.d.ts +17 -0
- package/dist/components/stat-card.stories.d.ts.map +1 -0
- package/dist/components/stat-card.stories.js +46 -0
- package/dist/components/stat-card.stories.js.map +1 -0
- package/dist/components/switch.stories.d.ts +12 -0
- package/dist/components/switch.stories.d.ts.map +1 -0
- package/dist/components/switch.stories.js +51 -0
- package/dist/components/switch.stories.js.map +1 -0
- package/dist/components/table.js +7 -7
- package/dist/components/table.js.map +1 -1
- package/dist/components/table.stories.d.ts +9 -0
- package/dist/components/table.stories.d.ts.map +1 -0
- package/dist/components/table.stories.js +26 -0
- package/dist/components/table.stories.js.map +1 -0
- package/dist/components/tabs.stories.d.ts +8 -0
- package/dist/components/tabs.stories.d.ts.map +1 -0
- package/dist/components/tabs.stories.js +16 -0
- package/dist/components/tabs.stories.js.map +1 -0
- package/dist/components/text.stories.d.ts +17 -0
- package/dist/components/text.stories.d.ts.map +1 -0
- package/dist/components/text.stories.js +27 -0
- package/dist/components/text.stories.js.map +1 -0
- package/dist/components/textarea.d.ts +3 -2
- package/dist/components/textarea.d.ts.map +1 -1
- package/dist/components/textarea.js +2 -3
- package/dist/components/textarea.js.map +1 -1
- package/dist/components/textarea.stories.d.ts +10 -0
- package/dist/components/textarea.stories.d.ts.map +1 -0
- package/dist/components/textarea.stories.js +36 -0
- package/dist/components/textarea.stories.js.map +1 -0
- package/dist/components/toast.d.ts +20 -7
- package/dist/components/toast.d.ts.map +1 -1
- package/dist/components/toast.js +17 -14
- package/dist/components/toast.js.map +1 -1
- package/dist/components/tooltip.d.ts +3 -1
- package/dist/components/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip.js +3 -3
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tooltip.stories.d.ts +9 -0
- package/dist/components/tooltip.stories.d.ts.map +1 -0
- package/dist/components/tooltip.stories.js +20 -0
- package/dist/components/tooltip.stories.js.map +1 -0
- package/dist/globe/electron-arc.d.ts +1 -1
- package/dist/globe/electron-arc.d.ts.map +1 -1
- package/dist/globe/electron-arc.js +16 -5
- package/dist/globe/electron-arc.js.map +1 -1
- package/dist/globe/globe-canvas.d.ts +40 -0
- package/dist/globe/globe-canvas.d.ts.map +1 -0
- package/dist/globe/globe-canvas.js +139 -0
- package/dist/globe/globe-canvas.js.map +1 -0
- package/dist/globe/globe-halo.d.ts +8 -0
- package/dist/globe/globe-halo.d.ts.map +1 -0
- package/dist/globe/globe-halo.js +39 -0
- package/dist/globe/globe-halo.js.map +1 -0
- package/dist/globe/globe-loading-skeleton.stories.d.ts +16 -0
- package/dist/globe/globe-loading-skeleton.stories.d.ts.map +1 -0
- package/dist/globe/globe-loading-skeleton.stories.js +22 -0
- package/dist/globe/globe-loading-skeleton.stories.js.map +1 -0
- package/dist/globe/globe-scene.d.ts +43 -0
- package/dist/globe/globe-scene.d.ts.map +1 -0
- package/dist/globe/globe-scene.js +442 -0
- package/dist/globe/globe-scene.js.map +1 -0
- package/dist/globe/globe-stats-fallback.d.ts +12 -0
- package/dist/globe/globe-stats-fallback.d.ts.map +1 -0
- package/dist/globe/globe-stats-fallback.js +43 -0
- package/dist/globe/globe-stats-fallback.js.map +1 -0
- package/dist/globe/globe-stats-fallback.stories.d.ts +17 -0
- package/dist/globe/globe-stats-fallback.stories.d.ts.map +1 -0
- package/dist/globe/globe-stats-fallback.stories.js +152 -0
- package/dist/globe/globe-stats-fallback.stories.js.map +1 -0
- package/dist/globe/globe-theme.js.map +1 -1
- package/dist/globe/globe-tooltip.d.ts +9 -0
- package/dist/globe/globe-tooltip.d.ts.map +1 -0
- package/dist/globe/globe-tooltip.js +51 -0
- package/dist/globe/globe-tooltip.js.map +1 -0
- package/dist/globe/globe-types.d.ts +12 -0
- package/dist/globe/globe-types.d.ts.map +1 -1
- package/dist/globe/globe-view.d.ts +4 -3
- package/dist/globe/globe-view.d.ts.map +1 -1
- package/dist/globe/globe-view.js +27 -589
- package/dist/globe/globe-view.js.map +1 -1
- package/dist/globe/globe-worker.d.ts +2 -0
- package/dist/globe/globe-worker.d.ts.map +1 -0
- package/dist/globe/globe-worker.js +5 -0
- package/dist/globe/globe-worker.js.map +1 -0
- package/dist/globe/index.d.ts +4 -7
- package/dist/globe/index.d.ts.map +1 -1
- package/dist/globe/index.js +3 -4
- package/dist/globe/index.js.map +1 -1
- package/dist/globe/map/map-geometry.d.ts.map +1 -1
- package/dist/globe/map/map-geometry.js.map +1 -1
- package/dist/globe/scene-extras.d.ts +0 -6
- package/dist/globe/scene-extras.d.ts.map +1 -1
- package/dist/globe/scene-extras.js +0 -61
- package/dist/globe/scene-extras.js.map +1 -1
- package/dist/hooks/use-mobile.d.ts.map +1 -1
- package/dist/hooks/use-mobile.js +1 -0
- package/dist/hooks/use-mobile.js.map +1 -1
- package/dist/hooks/use-toast.d.ts +4 -11
- package/dist/hooks/use-toast.d.ts.map +1 -1
- package/dist/hooks/use-toast.js +0 -6
- package/dist/hooks/use-toast.js.map +1 -1
- package/dist/nav/app-shell.js.map +1 -1
- package/dist/nav/app-shell.stories.d.ts +21 -0
- package/dist/nav/app-shell.stories.d.ts.map +1 -0
- package/dist/nav/app-shell.stories.js +29 -0
- package/dist/nav/app-shell.stories.js.map +1 -0
- package/dist/nav/app-sidebar.stories.d.ts +11 -0
- package/dist/nav/app-sidebar.stories.d.ts.map +1 -0
- package/dist/nav/app-sidebar.stories.js +52 -0
- package/dist/nav/app-sidebar.stories.js.map +1 -0
- package/dist/nav/expandable-nav-item.d.ts.map +1 -1
- package/dist/nav/expandable-nav-item.js +1 -0
- package/dist/nav/expandable-nav-item.js.map +1 -1
- package/dist/nav/expandable-nav-item.stories.d.ts +12 -0
- package/dist/nav/expandable-nav-item.stories.d.ts.map +1 -0
- package/dist/nav/expandable-nav-item.stories.js +43 -0
- package/dist/nav/expandable-nav-item.stories.js.map +1 -0
- package/dist/offer/attachments-folder.stories.d.ts +17 -0
- package/dist/offer/attachments-folder.stories.d.ts.map +1 -0
- package/dist/offer/attachments-folder.stories.js +83 -0
- package/dist/offer/attachments-folder.stories.js.map +1 -0
- package/dist/offer/beverage-details.stories.d.ts +17 -0
- package/dist/offer/beverage-details.stories.d.ts.map +1 -0
- package/dist/offer/beverage-details.stories.js +59 -0
- package/dist/offer/beverage-details.stories.js.map +1 -0
- package/dist/offer/composition-list.stories.d.ts +18 -0
- package/dist/offer/composition-list.stories.d.ts.map +1 -0
- package/dist/offer/composition-list.stories.js +52 -0
- package/dist/offer/composition-list.stories.js.map +1 -0
- package/dist/offer/confirm-action-dialog.stories.d.ts +17 -0
- package/dist/offer/confirm-action-dialog.stories.d.ts.map +1 -0
- package/dist/offer/confirm-action-dialog.stories.js +41 -0
- package/dist/offer/confirm-action-dialog.stories.js.map +1 -0
- package/dist/offer/inline-counter-form.stories.d.ts +17 -0
- package/dist/offer/inline-counter-form.stories.d.ts.map +1 -0
- package/dist/offer/inline-counter-form.stories.js +49 -0
- package/dist/offer/inline-counter-form.stories.js.map +1 -0
- package/dist/offer/negotiation-event-card.d.ts.map +1 -1
- package/dist/offer/negotiation-event-card.js.map +1 -1
- package/dist/offer/negotiation-event-card.stories.d.ts +19 -0
- package/dist/offer/negotiation-event-card.stories.d.ts.map +1 -0
- package/dist/offer/negotiation-event-card.stories.js +90 -0
- package/dist/offer/negotiation-event-card.stories.js.map +1 -0
- package/dist/offer/offer-status-badge.stories.d.ts +15 -0
- package/dist/offer/offer-status-badge.stories.d.ts.map +1 -0
- package/dist/offer/offer-status-badge.stories.js +33 -0
- package/dist/offer/offer-status-badge.stories.js.map +1 -0
- package/dist/offer/opportunity-requirements.stories.d.ts +18 -0
- package/dist/offer/opportunity-requirements.stories.d.ts.map +1 -0
- package/dist/offer/opportunity-requirements.stories.js +75 -0
- package/dist/offer/opportunity-requirements.stories.js.map +1 -0
- package/dist/offer/org-banner.stories.d.ts +18 -0
- package/dist/offer/org-banner.stories.d.ts.map +1 -0
- package/dist/offer/org-banner.stories.js +51 -0
- package/dist/offer/org-banner.stories.js.map +1 -0
- package/dist/offer/reviews-summary.d.ts +3 -0
- package/dist/offer/reviews-summary.d.ts.map +1 -1
- package/dist/offer/reviews-summary.js +12 -1
- package/dist/offer/reviews-summary.js.map +1 -1
- package/dist/offer/reviews-summary.stories.d.ts +18 -0
- package/dist/offer/reviews-summary.stories.d.ts.map +1 -0
- package/dist/offer/reviews-summary.stories.js +104 -0
- package/dist/offer/reviews-summary.stories.js.map +1 -0
- package/dist/offer/sensory-profile.stories.d.ts +17 -0
- package/dist/offer/sensory-profile.stories.d.ts.map +1 -0
- package/dist/offer/sensory-profile.stories.js +84 -0
- package/dist/offer/sensory-profile.stories.js.map +1 -0
- package/dist/opportunities/opportunities-table.d.ts.map +1 -1
- package/dist/opportunities/opportunities-table.js +7 -2
- package/dist/opportunities/opportunities-table.js.map +1 -1
- package/dist/opportunities/opportunities-table.stories.d.ts +24 -0
- package/dist/opportunities/opportunities-table.stories.d.ts.map +1 -0
- package/dist/opportunities/opportunities-table.stories.js +34 -0
- package/dist/opportunities/opportunities-table.stories.js.map +1 -0
- package/dist/profile/profile.stories.d.ts +15 -0
- package/dist/profile/profile.stories.d.ts.map +1 -0
- package/dist/profile/profile.stories.js +33 -0
- package/dist/profile/profile.stories.js.map +1 -0
- package/package.json +17 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../src/components/input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAY5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Input } from "./input";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Components/Input",
|
|
5
|
+
component: Input,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
parameters: { layout: "centered" },
|
|
8
|
+
decorators: [
|
|
9
|
+
(Story) => (_jsx("div", { className: "w-80", children: _jsx(Story, {}) })),
|
|
10
|
+
],
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
export const Default = {
|
|
14
|
+
args: {
|
|
15
|
+
type: "text",
|
|
16
|
+
defaultValue: "Château Margaux 2018",
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
export const WithPlaceholder = {
|
|
20
|
+
args: {
|
|
21
|
+
type: "text",
|
|
22
|
+
placeholder: "Enter beverage name…",
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
export const Email = {
|
|
26
|
+
args: {
|
|
27
|
+
type: "email",
|
|
28
|
+
placeholder: "jane@example.com",
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
export const Password = {
|
|
32
|
+
args: {
|
|
33
|
+
type: "password",
|
|
34
|
+
defaultValue: "secret",
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
export const Disabled = {
|
|
38
|
+
args: {
|
|
39
|
+
type: "text",
|
|
40
|
+
defaultValue: "Viña del Sol Reserve",
|
|
41
|
+
disabled: true,
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=input.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.stories.js","sourceRoot":"","sources":["../../src/components/input.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,sBAAsB;KACrC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,sBAAsB;KACpC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,kBAAkB;KAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,sBAAsB;QACpC,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}
|
|
@@ -19,7 +19,7 @@ export interface KanbanColumn {
|
|
|
19
19
|
/** Text shown when the column has no cards */
|
|
20
20
|
emptyText?: string;
|
|
21
21
|
}
|
|
22
|
-
export interface KanbanBoardProps<TItem =
|
|
22
|
+
export interface KanbanBoardProps<TItem = unknown> {
|
|
23
23
|
columns: KanbanColumn[];
|
|
24
24
|
/** Render the cards for a given column id */
|
|
25
25
|
renderColumnCards: (columnId: string) => ReactNode;
|
|
@@ -39,9 +39,9 @@ export interface KanbanBoardProps<TItem = any> {
|
|
|
39
39
|
/** Render a custom overlay while dragging */
|
|
40
40
|
renderDragOverlay?: (item: TItem) => ReactNode;
|
|
41
41
|
/** Raw onDragStart from DragDropProvider (for consumers that need low-level access) */
|
|
42
|
-
onDragStartRaw?: (event:
|
|
42
|
+
onDragStartRaw?: (event: unknown) => void;
|
|
43
43
|
/** Raw onDragEnd from DragDropProvider (for consumers that need low-level access) */
|
|
44
|
-
onDragEndRaw?: (event:
|
|
44
|
+
onDragEndRaw?: (event: unknown) => void;
|
|
45
45
|
/** How to display on mobile: "scroll" (default) or "tabs" */
|
|
46
46
|
mobileMode?: "scroll" | "tabs";
|
|
47
47
|
/** Currently active tab (when mobileMode="tabs") */
|
|
@@ -67,7 +67,7 @@ export interface ColumnDndState {
|
|
|
67
67
|
isInvalidTarget: boolean;
|
|
68
68
|
isDragging: boolean;
|
|
69
69
|
}
|
|
70
|
-
export declare function KanbanBoard<TItem =
|
|
70
|
+
export declare function KanbanBoard<TItem = unknown>(props: KanbanBoardProps<TItem>): import("react/jsx-runtime").JSX.Element;
|
|
71
71
|
export interface KanbanColumnShellProps {
|
|
72
72
|
column: KanbanColumn;
|
|
73
73
|
children: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kanban-board.d.ts","sourceRoot":"","sources":["../../src/components/kanban-board.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"kanban-board.d.ts","sourceRoot":"","sources":["../../src/components/kanban-board.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kanban-board.js","sourceRoot":"","sources":["../../src/components/kanban-board.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"kanban-board.js","sourceRoot":"","sources":["../../src/components/kanban-board.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AA6FlC,gFAAgF;AAChF,iFAAiF;AACjF,iFAAiF;AACjF,4CAA4C;AAE5C,iFAAiF;AAEjF,MAAM,UAAU,WAAW,CAAkB,KAA8B;IACzE,OAAO,KAAC,iBAAiB,OAAK,KAAK,GAAI,CAAC;AAC1C,CAAC;AAED,gFAAgF;AAEhF,SAAS,iBAAiB,CAAQ,EAChC,OAAO,EACP,iBAAiB,EACjB,SAAS,GACe;IACxB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,iBAAiB,IAAc,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,YAClE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,IADJ,GAAG,CAAC,EAAE,CAEV,CACrB,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,aAAa,GACU;IACvB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,MAAM,CAAC,qBAAqB,EAC5B,SAAS,CACV,aAGD,eACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,MAAM,CAAC,eAAe,CACvB,aAGA,MAAM,CAAC,IAAI,IAAI,CACd,cACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,MAAM,CAAC,aAAa,CACrB,YAEA,MAAM,CAAC,IAAI,GACR,CACP,EAGA,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,WAAW,IAAI,CACrC,cAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,MAAM,CAAC,WAAW,CAAC,GAAI,CAC3E,EAED,eAAK,SAAS,EAAC,gBAAgB,aAC7B,aAAI,SAAS,EAAC,yCAAyC,YACpD,MAAM,CAAC,KAAK,GACV,EACJ,MAAM,CAAC,QAAQ,IAAI,CAClB,YAAG,SAAS,EAAC,+BAA+B,YAAE,MAAM,CAAC,QAAQ,GAAK,CACnE,IACG,EAEN,eACE,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,MAAM,CAAC,cAAc,CACtB,YAEA,MAAM,CAAC,KAAK,GACR,IACH,EAGN,cAAK,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,aAAa,CAAC,YACxF,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,gDAAgD,YAC1D,MAAM,CAAC,SAAS,IAAI,UAAU,GAC7B,CACL,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -117,7 +117,7 @@ export const MinimalAccent = {
|
|
|
117
117
|
active: ["Build prototype"],
|
|
118
118
|
closed: ["Define requirements"],
|
|
119
119
|
};
|
|
120
|
-
return (items[columnId] ?? []).map((title
|
|
120
|
+
return (items[columnId] ?? []).map((title) => (_jsx(KanbanCard, { children: _jsx("p", { className: "text-sm/5 font-medium text-foreground", children: title }) }, title)));
|
|
121
121
|
},
|
|
122
122
|
className: "xl:grid-cols-3",
|
|
123
123
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kanban-board.stories.js","sourceRoot":"","sources":["../../src/components/kanban-board.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"kanban-board.stories.js","sourceRoot":"","sources":["../../src/components/kanban-board.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { KanbanCard } from "./kanban-card";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof KanbanCard;
|
|
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 WithRichContent: Story;
|
|
15
|
+
export declare const NoClickHandler: Story;
|
|
16
|
+
//# sourceMappingURL=kanban-card.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kanban-card.stories.d.ts","sourceRoot":"","sources":["../../src/components/kanban-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { KanbanCard } from "./kanban-card";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Components/KanbanCard",
|
|
5
|
+
component: KanbanCard,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
parameters: { layout: "centered" },
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export const Default = {
|
|
11
|
+
args: {
|
|
12
|
+
children: (_jsxs("div", { children: [_jsx("p", { className: "text-sm/5 font-medium text-foreground", children: "Ch\u00E2teau Margaux 2019 \u2014 Import Offer" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Submitted 2 days ago" })] })),
|
|
13
|
+
onClick: () => alert("Card clicked"),
|
|
14
|
+
},
|
|
15
|
+
decorators: [(Story) => _jsx("div", { className: "w-64", children: _jsx(Story, {}) })],
|
|
16
|
+
};
|
|
17
|
+
export const WithRichContent = {
|
|
18
|
+
args: {
|
|
19
|
+
children: (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "inline-flex rounded-sm bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "Wine" }), _jsx("span", { className: "text-[10px] text-muted-foreground", children: "#42" })] }), _jsx("p", { className: "text-sm/5 font-medium text-foreground", children: "Petrus 2015 \u2014 Procurement Offer" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "size-5 shrink-0 rounded-full bg-emerald-100" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Cellar Origins Ltd." })] }), _jsxs("div", { className: "flex items-center justify-between pt-1", children: [_jsx("span", { className: "text-xs font-semibold text-foreground", children: "\u20AC 420/case" }), _jsx("span", { className: "inline-flex rounded-sm bg-sky-50 px-1.5 py-0.5 text-[10px] font-medium text-sky-700 ring-1 ring-sky-200", children: "Negotiating" })] })] })),
|
|
20
|
+
onClick: () => alert("Card clicked"),
|
|
21
|
+
},
|
|
22
|
+
decorators: [(Story) => _jsx("div", { className: "w-64", children: _jsx(Story, {}) })],
|
|
23
|
+
};
|
|
24
|
+
export const NoClickHandler = {
|
|
25
|
+
args: {
|
|
26
|
+
children: (_jsx("p", { className: "text-sm/5 font-medium text-foreground", children: "Static card \u2014 no click handler" })),
|
|
27
|
+
},
|
|
28
|
+
decorators: [(Story) => _jsx("div", { className: "w-64", children: _jsx(Story, {}) })],
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=kanban-card.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kanban-card.stories.js","sourceRoot":"","sources":["../../src/components/kanban-card.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACD,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,0BACE,YAAG,SAAS,EAAC,uCAAuC,8DAEhD,EACJ,YAAG,SAAS,EAAC,oCAAoC,qCAAyB,IACtE,CACP;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC;KACrC;IACD,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAC,KAAC,KAAK,KAAG,GAAM,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAM,SAAS,EAAC,6FAA6F,qBAEtG,EACP,eAAM,SAAS,EAAC,mCAAmC,oBAAW,IAC1D,EACN,YAAG,SAAS,EAAC,uCAAuC,qDAEhD,EACJ,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,6CAA6C,GAAG,EAC/D,eAAM,SAAS,EAAC,+BAA+B,oCAA2B,IACtE,EACN,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAM,SAAS,EAAC,uCAAuC,gCAAkB,EACzE,eAAM,SAAS,EAAC,yGAAyG,4BAElH,IACH,IACF,CACP;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC;KACrC;IACD,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAC,KAAC,KAAK,KAAG,GAAM,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,YAAG,SAAS,EAAC,uCAAuC,oDAEhD,CACL;KACF;IACD,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAC,KAAC,KAAK,KAAG,GAAM,CAAC;CAC/D,CAAC"}
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
* to avoid bundling @dnd-kit when DnD is not needed.
|
|
4
4
|
*/
|
|
5
5
|
import { type KanbanBoardProps } from "./kanban-board";
|
|
6
|
-
declare function KanbanDndBoard<TItem =
|
|
6
|
+
declare function KanbanDndBoard<TItem = unknown>({ columns, renderColumnCards, className, items, getItemId, getItemColumn, onDragEnd, onDragStartRaw, onDragEndRaw, isValidTransition, renderDragOverlay, renderColumn, columnClassName, columnBodyClassName, }: KanbanBoardProps<TItem>): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export default KanbanDndBoard;
|
|
8
8
|
//# sourceMappingURL=kanban-dnd-board.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kanban-dnd-board.d.ts","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,EAAqB,KAAK,gBAAgB,EAAuB,MAAM,gBAAgB,CAAC;AAI/F,iBAAS,cAAc,CAAC,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"kanban-dnd-board.d.ts","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,EAAqB,KAAK,gBAAgB,EAAuB,MAAM,gBAAgB,CAAC;AAI/F,iBAAS,cAAc,CAAC,KAAK,GAAG,OAAO,EAAE,EACvC,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CA6GzB;AAsFD,eAAe,cAAc,CAAC"}
|
|
@@ -13,8 +13,8 @@ function KanbanDndBoard({ columns, renderColumnCards, className, items, getItemI
|
|
|
13
13
|
const handleDragStart = useCallback((event) => {
|
|
14
14
|
onDragStartRaw?.(event);
|
|
15
15
|
// Try to derive source column from the dragged item
|
|
16
|
-
if (items && getItemId && getItemColumn) {
|
|
17
|
-
const sourceData = event.operation
|
|
16
|
+
if (items && getItemId && getItemColumn && event.operation?.source) {
|
|
17
|
+
const sourceData = event.operation.source.data;
|
|
18
18
|
if (sourceData) {
|
|
19
19
|
// Check if the source data contains an item we can identify
|
|
20
20
|
const itemId = sourceData.itemId;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kanban-dnd-board.js","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,YAAY,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAA8C,MAAM,gBAAgB,CAAC;AAE/F,gFAAgF;AAEhF,SAAS,cAAc,
|
|
1
|
+
{"version":3,"file":"kanban-dnd-board.js","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import KanbanDndBoard from "./kanban-dnd-board";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof KanbanDndBoard;
|
|
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 WithTransitionRules: Story;
|
|
15
|
+
//# sourceMappingURL=kanban-dnd-board.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kanban-dnd-board.stories.d.ts","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAIhD,QAAA,MAAM,IAAI;;;;;;;CAK6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkHnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAsDF,eAAO,MAAM,mBAAmB,EAAE,KAGjC,CAAC"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import KanbanDndBoard from "./kanban-dnd-board";
|
|
4
|
+
import { KanbanCard } from "./kanban-card";
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Components/KanbanDndBoard",
|
|
7
|
+
component: KanbanDndBoard,
|
|
8
|
+
tags: ["autodocs"],
|
|
9
|
+
parameters: { layout: "padded" },
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
const columns = [
|
|
13
|
+
{
|
|
14
|
+
id: "new",
|
|
15
|
+
title: "New",
|
|
16
|
+
subtitle: "Incoming offers",
|
|
17
|
+
count: 2,
|
|
18
|
+
accentColor: "bg-sky-500",
|
|
19
|
+
headerClassName: "bg-sky-50 dark:bg-sky-500/5",
|
|
20
|
+
accentStripeClassName: "border-t-2 border-t-sky-300 dark:border-t-sky-500/20",
|
|
21
|
+
countClassName: "bg-sky-100 text-sky-700 ring-1 ring-sky-200 dark:bg-sky-500/10 dark:text-sky-300 dark:ring-sky-500/20",
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
id: "negotiating",
|
|
25
|
+
title: "Negotiating",
|
|
26
|
+
subtitle: "In discussion",
|
|
27
|
+
count: 2,
|
|
28
|
+
accentColor: "bg-amber-500",
|
|
29
|
+
headerClassName: "bg-amber-50 dark:bg-amber-500/5",
|
|
30
|
+
accentStripeClassName: "border-t-2 border-t-amber-300 dark:border-t-amber-500/20",
|
|
31
|
+
countClassName: "bg-amber-100 text-amber-700 ring-1 ring-amber-200 dark:bg-amber-500/10 dark:text-amber-300 dark:ring-amber-500/20",
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
id: "accepted",
|
|
35
|
+
title: "Accepted",
|
|
36
|
+
subtitle: "Ready to finalise",
|
|
37
|
+
count: 1,
|
|
38
|
+
accentColor: "bg-emerald-500",
|
|
39
|
+
headerClassName: "bg-emerald-50 dark:bg-emerald-500/5",
|
|
40
|
+
accentStripeClassName: "border-t-2 border-t-emerald-300 dark:border-t-emerald-500/20",
|
|
41
|
+
countClassName: "bg-emerald-100 text-emerald-700 ring-1 ring-emerald-200 dark:bg-emerald-500/10 dark:text-emerald-300 dark:ring-emerald-500/20",
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
id: "closed",
|
|
45
|
+
title: "Closed",
|
|
46
|
+
subtitle: "Completed or rejected",
|
|
47
|
+
count: 1,
|
|
48
|
+
accentColor: "bg-slate-400",
|
|
49
|
+
headerClassName: "bg-slate-50 dark:bg-slate-500/5",
|
|
50
|
+
accentStripeClassName: "border-t-2 border-t-slate-300 dark:border-t-slate-500/20",
|
|
51
|
+
countClassName: "bg-slate-100 text-slate-600 ring-1 ring-slate-200 dark:bg-slate-500/10 dark:text-slate-300 dark:ring-slate-500/20",
|
|
52
|
+
},
|
|
53
|
+
];
|
|
54
|
+
const initialItems = [
|
|
55
|
+
{ id: "o1", title: "Château Margaux 2019", producer: "Château Margaux", price: "€ 420/case", column: "new" },
|
|
56
|
+
{ id: "o2", title: "Petrus 2015", producer: "Pétrus Estate", price: "€ 1,200/case", column: "new" },
|
|
57
|
+
{ id: "o3", title: "Henschke Hill of Grace 2018", producer: "Henschke Wines", price: "€ 380/case", column: "negotiating" },
|
|
58
|
+
{ id: "o4", title: "Screaming Eagle 2020", producer: "Screaming Eagle Winery", price: "€ 3,500/case", column: "negotiating" },
|
|
59
|
+
{ id: "o5", title: "Sassicaia 2017", producer: "Tenuta San Guido", price: "€ 260/case", column: "accepted" },
|
|
60
|
+
{ id: "o6", title: "Penfolds Grange 2016", producer: "Penfolds", price: "€ 640/case", column: "closed" },
|
|
61
|
+
];
|
|
62
|
+
// Stub args satisfy TS — actual rendering is fully controlled by render()
|
|
63
|
+
const stubArgs = {
|
|
64
|
+
columns,
|
|
65
|
+
renderColumnCards: () => null,
|
|
66
|
+
};
|
|
67
|
+
// ─── Default (interactive DnD) ────────────────────────────────────────────────
|
|
68
|
+
function DefaultRender() {
|
|
69
|
+
const [items, setItems] = useState(initialItems);
|
|
70
|
+
const syncedColumns = columns.map((col) => ({
|
|
71
|
+
...col,
|
|
72
|
+
count: items.filter((i) => i.column === col.id).length,
|
|
73
|
+
}));
|
|
74
|
+
function renderColumnCards(columnId) {
|
|
75
|
+
return items
|
|
76
|
+
.filter((item) => item.column === columnId)
|
|
77
|
+
.map((item) => (_jsx(KanbanCard, { children: _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("p", { className: "text-sm/5 font-medium text-foreground", children: item.title }), _jsx("p", { className: "text-xs text-muted-foreground", children: item.producer }), _jsx("span", { className: "mt-0.5 text-xs font-semibold text-foreground", children: item.price })] }) }, item.id)));
|
|
78
|
+
}
|
|
79
|
+
return (_jsx(KanbanDndBoard, { columns: syncedColumns, renderColumnCards: renderColumnCards, items: items, getItemId: (item) => item.id, getItemColumn: (item) => item.column, onDragEnd: (itemId, _from, to) => {
|
|
80
|
+
setItems((prev) => prev.map((item) => (item.id === itemId ? { ...item, column: to } : item)));
|
|
81
|
+
} }));
|
|
82
|
+
}
|
|
83
|
+
export const Default = {
|
|
84
|
+
args: stubArgs,
|
|
85
|
+
render: () => _jsx(DefaultRender, {}),
|
|
86
|
+
};
|
|
87
|
+
// ─── With valid transitions ───────────────────────────────────────────────────
|
|
88
|
+
function WithTransitionRulesRender() {
|
|
89
|
+
const [items, setItems] = useState(initialItems);
|
|
90
|
+
const syncedColumns = columns.map((col) => ({
|
|
91
|
+
...col,
|
|
92
|
+
count: items.filter((i) => i.column === col.id).length,
|
|
93
|
+
}));
|
|
94
|
+
// Only allow forward progression (no going backwards to "new")
|
|
95
|
+
const isValidTransition = (from, to) => {
|
|
96
|
+
const order = ["new", "negotiating", "accepted", "closed"];
|
|
97
|
+
return order.indexOf(to) > order.indexOf(from);
|
|
98
|
+
};
|
|
99
|
+
function renderColumnCards(columnId) {
|
|
100
|
+
return items
|
|
101
|
+
.filter((item) => item.column === columnId)
|
|
102
|
+
.map((item) => (_jsx(KanbanCard, { children: _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("p", { className: "text-sm/5 font-medium text-foreground", children: item.title }), _jsx("p", { className: "text-xs text-muted-foreground", children: item.producer }), _jsx("span", { className: "mt-0.5 text-xs font-semibold text-foreground", children: item.price })] }) }, item.id)));
|
|
103
|
+
}
|
|
104
|
+
return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: "Transition rules: forward-only progression (new \u2192 negotiating \u2192 accepted \u2192 closed)" }), _jsx(KanbanDndBoard, { columns: syncedColumns, renderColumnCards: renderColumnCards, items: items, getItemId: (item) => item.id, getItemColumn: (item) => item.column, isValidTransition: isValidTransition, onDragEnd: (itemId, _from, to) => {
|
|
105
|
+
setItems((prev) => prev.map((item) => (item.id === itemId ? { ...item, column: to } : item)));
|
|
106
|
+
} })] }));
|
|
107
|
+
}
|
|
108
|
+
export const WithTransitionRules = {
|
|
109
|
+
args: stubArgs,
|
|
110
|
+
render: () => _jsx(WithTransitionRulesRender, {}),
|
|
111
|
+
};
|
|
112
|
+
//# sourceMappingURL=kanban-dnd-board.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kanban-dnd-board.stories.js","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { Label } from "./label";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Label;
|
|
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 WithHtmlFor: Story;
|
|
15
|
+
export declare const Required: Story;
|
|
16
|
+
//# sourceMappingURL=label.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../src/components/label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI;;;;;;;CAKoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Label } from "./label";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Components/Label",
|
|
5
|
+
component: Label,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
parameters: { layout: "centered" },
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export const Default = {
|
|
11
|
+
args: {
|
|
12
|
+
children: "Beverage Name",
|
|
13
|
+
},
|
|
14
|
+
};
|
|
15
|
+
export const WithHtmlFor = {
|
|
16
|
+
render: () => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "beverage-input", children: "Producer Region" }), _jsx("input", { id: "beverage-input", type: "text", placeholder: "e.g. Bordeaux, Champagne", className: "rounded border px-3 py-1.5 text-sm" })] })),
|
|
17
|
+
};
|
|
18
|
+
export const Required = {
|
|
19
|
+
render: () => (_jsxs(Label, { children: ["Offer Price", " ", _jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })] })),
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=label.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.stories.js","sourceRoot":"","sources":["../../src/components/label.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACN,CAAC;AAE/B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,KAAK,IAAC,OAAO,EAAC,gBAAgB,gCAAwB,EACvD,gBACE,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,0BAA0B,EACtC,SAAS,EAAC,oCAAoC,GAC9C,IACE,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,KAAK,8BACQ,GAAG,EACf,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,kBAE9C,IACD,CACT;CACF,CAAC"}
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
* https://catalyst.tailwindui.com/docs#client-side-router-integration
|
|
7
7
|
*/
|
|
8
8
|
import React from 'react';
|
|
9
|
-
export declare
|
|
9
|
+
export declare function Link({ ref, ...props }: {
|
|
10
10
|
href: string;
|
|
11
|
-
|
|
11
|
+
ref?: React.Ref<HTMLAnchorElement>;
|
|
12
|
+
} & React.ComponentPropsWithoutRef<'a'>): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
//# sourceMappingURL=link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,GAAG,KAAK,EACT,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,2CAM5F"}
|
package/dist/components/link.js
CHANGED
|
@@ -7,8 +7,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
7
7
|
* https://catalyst.tailwindui.com/docs#client-side-router-integration
|
|
8
8
|
*/
|
|
9
9
|
import * as Headless from '@headlessui/react';
|
|
10
|
-
|
|
11
|
-
export const Link = forwardRef(function Link(props, ref) {
|
|
10
|
+
export function Link({ ref, ...props }) {
|
|
12
11
|
return (_jsx(Headless.DataInteractive, { children: _jsx("a", { ...props, ref: ref }) }));
|
|
13
|
-
}
|
|
12
|
+
}
|
|
14
13
|
//# sourceMappingURL=link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAG7C,MAAM,UAAU,IAAI,CAAC,EACnB,GAAG,EACH,GAAG,KAAK,EACmF;IAC3F,OAAO,CACL,KAAC,QAAQ,CAAC,eAAe,cACvB,eAAO,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACD,CAC5B,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { Link } from "./link";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Link;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<Meta<typeof Link>>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const InlineText: Story;
|
|
15
|
+
//# sourceMappingURL=link.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.stories.d.ts","sourceRoot":"","sources":["../../src/components/link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Link } from "./link";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: "Components/Link",
|
|
5
|
+
component: Link,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
parameters: { layout: "centered" },
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export const Default = {
|
|
11
|
+
args: {
|
|
12
|
+
href: "#",
|
|
13
|
+
children: "View Château Margaux 2018 Tasting Notes",
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
export const InlineText = {
|
|
17
|
+
render: () => (_jsxs("p", { className: "text-sm text-zinc-600", children: ["Explore our curated selection of", " ", _jsx(Link, { href: "#", className: "text-blue-600 underline hover:text-blue-800", children: "Bordeaux Grand Cru estates" }), " ", "and", " ", _jsx(Link, { href: "#", className: "text-blue-600 underline hover:text-blue-800", children: "Burgundy Premier Cru vintages" }), " ", "available for import."] })),
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=link.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.stories.js","sourceRoot":"","sources":["../../src/components/link.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACP,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,GAAG;QACT,QAAQ,EAAE,yCAAyC;KACpD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,aAAG,SAAS,EAAC,uBAAuB,iDACD,GAAG,EACpC,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,6CAA6C,2CAE/D,EAAC,GAAG,SACP,GAAG,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,6CAA6C,8CAE/D,EAAC,GAAG,6BAET,CACL;CACF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const WithPlaceholder: Story;
|
|
7
|
+
export declare const PlainVariant: Story;
|
|
8
|
+
//# sourceMappingURL=listbox.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listbox.stories.d.ts","sourceRoot":"","sources":["../../src/components/listbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiB5D,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAoBtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAoBF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAoBF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { Listbox, ListboxOption, ListboxLabel } from "./listbox";
|
|
4
|
+
const REGIONS = [
|
|
5
|
+
"Bordeaux, France",
|
|
6
|
+
"Burgundy, France",
|
|
7
|
+
"Champagne, France",
|
|
8
|
+
"Tuscany, Italy",
|
|
9
|
+
"Piedmont, Italy",
|
|
10
|
+
"Rioja, Spain",
|
|
11
|
+
"Napa Valley, USA",
|
|
12
|
+
"Barossa Valley, Australia",
|
|
13
|
+
"Marlborough, New Zealand",
|
|
14
|
+
"Maipo Valley, Chile",
|
|
15
|
+
];
|
|
16
|
+
const meta = {
|
|
17
|
+
title: "Components/Listbox",
|
|
18
|
+
tags: ["autodocs"],
|
|
19
|
+
parameters: { layout: "centered" },
|
|
20
|
+
decorators: [
|
|
21
|
+
(Story) => (_jsx("div", { className: "w-72 pb-64", children: _jsx(Story, {}) })),
|
|
22
|
+
],
|
|
23
|
+
};
|
|
24
|
+
export default meta;
|
|
25
|
+
function DefaultRender() {
|
|
26
|
+
const [value, setValue] = useState("Bordeaux, France");
|
|
27
|
+
return (_jsx(Listbox, { value: value, onChange: setValue, "aria-label": "Wine region", placeholder: "Select a region\u2026", children: REGIONS.map((region) => (_jsx(ListboxOption, { value: region, children: _jsx(ListboxLabel, { children: region }) }, region))) }));
|
|
28
|
+
}
|
|
29
|
+
export const Default = {
|
|
30
|
+
render: () => _jsx(DefaultRender, {}),
|
|
31
|
+
};
|
|
32
|
+
function WithPlaceholderRender() {
|
|
33
|
+
const [value, setValue] = useState(null);
|
|
34
|
+
return (_jsx(Listbox, { value: value, onChange: setValue, "aria-label": "Wine region", placeholder: "Choose a region\u2026", children: REGIONS.map((region) => (_jsx(ListboxOption, { value: region, children: _jsx(ListboxLabel, { children: region }) }, region))) }));
|
|
35
|
+
}
|
|
36
|
+
export const WithPlaceholder = {
|
|
37
|
+
render: () => _jsx(WithPlaceholderRender, {}),
|
|
38
|
+
};
|
|
39
|
+
function PlainVariantRender() {
|
|
40
|
+
const [value, setValue] = useState("Bordeaux, France");
|
|
41
|
+
return (_jsx(Listbox, { value: value, onChange: setValue, "aria-label": "Wine region", plain: true, children: REGIONS.slice(0, 5).map((region) => (_jsx(ListboxOption, { value: region, children: _jsx(ListboxLabel, { children: region }) }, region))) }));
|
|
42
|
+
}
|
|
43
|
+
export const PlainVariant = {
|
|
44
|
+
render: () => _jsx(PlainVariantRender, {}),
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=listbox.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listbox.stories.js","sourceRoot":"","sources":["../../src/components/listbox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEjE,MAAM,OAAO,GAAG;IACd,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,iBAAiB;IACjB,cAAc;IACd,kBAAkB;IAClB,2BAA2B;IAC3B,0BAA0B;IAC1B,qBAAqB;CACtB,CAAC;AAEF,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,SAAS,aAAa;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IAC/D,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACP,aAAa,EACxB,WAAW,EAAC,uBAAkB,YAE7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,aAAa,IAAc,KAAK,EAAE,MAAM,YACvC,KAAC,YAAY,cAAE,MAAM,GAAgB,IADnB,MAAM,CAEV,CACjB,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,aAAa,KAAG;CAChC,CAAC;AAEF,SAAS,qBAAqB;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACP,aAAa,EACxB,WAAW,EAAC,uBAAkB,YAE7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,aAAa,IAAc,KAAK,EAAE,MAAM,YACvC,KAAC,YAAY,cAAE,MAAM,GAAgB,IADnB,MAAM,CAEV,CACjB,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,qBAAqB,KAAG;CACxC,CAAC;AAEF,SAAS,kBAAkB;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IAC/D,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACP,aAAa,EACxB,KAAK,kBAEJ,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,IAAc,KAAK,EAAE,MAAM,YACvC,KAAC,YAAY,cAAE,MAAM,GAAgB,IADnB,MAAM,CAEV,CACjB,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,kBAAkB,KAAG;CACrC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { Pagination } from "./pagination";
|
|
3
|
+
declare const meta: Meta<typeof Pagination>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Pagination>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const FirstPage: Story;
|
|
8
|
+
export declare const LastPage: Story;
|
|
9
|
+
//# sourceMappingURL=pagination.stories.d.ts.map
|