@particle-academy/react-fancy 1.5.1 → 1.6.1
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/index.cjs +550 -179
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +62 -13
- package/dist/index.d.ts +62 -13
- package/dist/index.js +550 -179
- package/dist/index.js.map +1 -1
- package/dist/styles.css +57 -0
- package/dist/styles.css.map +1 -1
- package/package.json +10 -9
package/dist/index.d.cts
CHANGED
|
@@ -571,17 +571,50 @@ interface CalloutProps {
|
|
|
571
571
|
|
|
572
572
|
declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
|
|
573
573
|
|
|
574
|
+
type TimelineVariant = "stacked" | "alternating" | "horizontal";
|
|
575
|
+
/** @deprecated Use TimelineVariant instead */
|
|
574
576
|
type TimelineOrientation = "vertical" | "horizontal";
|
|
577
|
+
interface TimelineEvent {
|
|
578
|
+
/** Free-form date string */
|
|
579
|
+
date?: string;
|
|
580
|
+
/** Event heading */
|
|
581
|
+
title: string;
|
|
582
|
+
/** Body text (rendered as children) */
|
|
583
|
+
description?: string;
|
|
584
|
+
/** Emoji character for the dot */
|
|
585
|
+
emoji?: string;
|
|
586
|
+
/** Custom icon ReactNode for the dot */
|
|
587
|
+
icon?: ReactNode;
|
|
588
|
+
/** Accent color for the dot */
|
|
589
|
+
color?: Color;
|
|
590
|
+
}
|
|
575
591
|
interface TimelineProps {
|
|
576
|
-
children
|
|
577
|
-
/** Layout
|
|
592
|
+
children?: ReactNode;
|
|
593
|
+
/** Layout variant. Default: "stacked" */
|
|
594
|
+
variant?: TimelineVariant;
|
|
595
|
+
/** @deprecated Use variant instead. Maps "vertical" → "stacked", "horizontal" → "horizontal" */
|
|
578
596
|
orientation?: TimelineOrientation;
|
|
597
|
+
/** Data-driven events (alternative to children) */
|
|
598
|
+
events?: TimelineEvent[];
|
|
599
|
+
/** Optional heading above the timeline */
|
|
600
|
+
heading?: ReactNode;
|
|
601
|
+
/** Optional description below the heading */
|
|
602
|
+
description?: ReactNode;
|
|
603
|
+
/** Enable scroll-reveal animation. Default: true */
|
|
604
|
+
animated?: boolean;
|
|
579
605
|
className?: string;
|
|
580
606
|
}
|
|
581
607
|
interface TimelineItemProps {
|
|
582
|
-
children
|
|
608
|
+
children?: ReactNode;
|
|
609
|
+
/** Custom icon ReactNode for the dot */
|
|
583
610
|
icon?: ReactNode;
|
|
584
|
-
|
|
611
|
+
/** Emoji character for the dot */
|
|
612
|
+
emoji?: string;
|
|
613
|
+
/** Date label displayed above the title */
|
|
614
|
+
date?: string;
|
|
615
|
+
/** Dot accent color */
|
|
616
|
+
color?: Color;
|
|
617
|
+
/** Whether this item is the active/current step */
|
|
585
618
|
active?: boolean;
|
|
586
619
|
className?: string;
|
|
587
620
|
}
|
|
@@ -592,8 +625,10 @@ interface TimelineBlockProps {
|
|
|
592
625
|
children: ReactNode;
|
|
593
626
|
/** Optional icon displayed in the timeline dot */
|
|
594
627
|
icon?: ReactNode;
|
|
628
|
+
/** Emoji character for the dot */
|
|
629
|
+
emoji?: string;
|
|
595
630
|
/** Dot/icon color */
|
|
596
|
-
color?:
|
|
631
|
+
color?: Color;
|
|
597
632
|
/** Whether this block is the active/current step */
|
|
598
633
|
active?: boolean;
|
|
599
634
|
className?: string;
|
|
@@ -1793,6 +1828,8 @@ interface CanvasProps {
|
|
|
1793
1828
|
zoomable?: boolean;
|
|
1794
1829
|
gridSize?: number;
|
|
1795
1830
|
showGrid?: boolean;
|
|
1831
|
+
/** Automatically fit all nodes into view on initial mount */
|
|
1832
|
+
fitOnMount?: boolean;
|
|
1796
1833
|
className?: string;
|
|
1797
1834
|
style?: CSSProperties;
|
|
1798
1835
|
}
|
|
@@ -1801,6 +1838,10 @@ interface CanvasNodeProps {
|
|
|
1801
1838
|
id: string;
|
|
1802
1839
|
x: number;
|
|
1803
1840
|
y: number;
|
|
1841
|
+
/** Allow drag-to-move */
|
|
1842
|
+
draggable?: boolean;
|
|
1843
|
+
/** Called when the node is dragged to a new position */
|
|
1844
|
+
onPositionChange?: (x: number, y: number) => void;
|
|
1804
1845
|
className?: string;
|
|
1805
1846
|
style?: CSSProperties;
|
|
1806
1847
|
}
|
|
@@ -1832,7 +1873,7 @@ interface CanvasControlsProps {
|
|
|
1832
1873
|
showFitAll?: boolean;
|
|
1833
1874
|
}
|
|
1834
1875
|
|
|
1835
|
-
declare function CanvasNode({ children, id, x, y, className, style }: CanvasNodeProps): react_jsx_runtime.JSX.Element;
|
|
1876
|
+
declare function CanvasNode({ children, id, x, y, draggable, onPositionChange, className, style }: CanvasNodeProps): react_jsx_runtime.JSX.Element;
|
|
1836
1877
|
declare namespace CanvasNode {
|
|
1837
1878
|
var displayName: string;
|
|
1838
1879
|
}
|
|
@@ -1852,7 +1893,7 @@ declare namespace CanvasControls {
|
|
|
1852
1893
|
var displayName: string;
|
|
1853
1894
|
}
|
|
1854
1895
|
|
|
1855
|
-
declare function CanvasRoot({ children, viewport: controlledViewport, defaultViewport, onViewportChange, minZoom, maxZoom, pannable, zoomable, showGrid, className, style, }: CanvasProps): react_jsx_runtime.JSX.Element;
|
|
1896
|
+
declare function CanvasRoot({ children, viewport: controlledViewport, defaultViewport, onViewportChange, minZoom, maxZoom, pannable, zoomable, showGrid, fitOnMount, className, style, }: CanvasProps): react_jsx_runtime.JSX.Element;
|
|
1856
1897
|
declare const Canvas: typeof CanvasRoot & {
|
|
1857
1898
|
Node: typeof CanvasNode;
|
|
1858
1899
|
Edge: typeof CanvasEdge;
|
|
@@ -1873,14 +1914,16 @@ interface DiagramFieldData {
|
|
|
1873
1914
|
nullable?: boolean;
|
|
1874
1915
|
}
|
|
1875
1916
|
interface DiagramEntityData {
|
|
1876
|
-
|
|
1917
|
+
/** Unique identifier. Defaults to `name` if omitted. */
|
|
1918
|
+
id?: string;
|
|
1877
1919
|
name: string;
|
|
1878
1920
|
fields?: DiagramFieldData[];
|
|
1879
1921
|
x?: number;
|
|
1880
1922
|
y?: number;
|
|
1881
1923
|
}
|
|
1882
1924
|
interface DiagramRelationData {
|
|
1883
|
-
|
|
1925
|
+
/** Unique identifier. Auto-generated if omitted. */
|
|
1926
|
+
id?: string;
|
|
1884
1927
|
from: string;
|
|
1885
1928
|
to: string;
|
|
1886
1929
|
fromField?: string;
|
|
@@ -1916,11 +1959,16 @@ interface DiagramProps {
|
|
|
1916
1959
|
}
|
|
1917
1960
|
interface DiagramEntityProps {
|
|
1918
1961
|
children?: ReactNode;
|
|
1919
|
-
|
|
1962
|
+
/** Unique identifier. Defaults to `name` if omitted. */
|
|
1963
|
+
id?: string;
|
|
1920
1964
|
name: string;
|
|
1921
1965
|
x?: number;
|
|
1922
1966
|
y?: number;
|
|
1923
1967
|
color?: string;
|
|
1968
|
+
/** Allow drag-to-move */
|
|
1969
|
+
draggable?: boolean;
|
|
1970
|
+
/** Called when the entity is dragged to a new position */
|
|
1971
|
+
onPositionChange?: (x: number, y: number) => void;
|
|
1924
1972
|
className?: string;
|
|
1925
1973
|
}
|
|
1926
1974
|
interface DiagramFieldProps {
|
|
@@ -1944,7 +1992,7 @@ interface DiagramToolbarProps {
|
|
|
1944
1992
|
className?: string;
|
|
1945
1993
|
}
|
|
1946
1994
|
|
|
1947
|
-
declare function DiagramEntity({ children, id, name, x, y, color, className, }: DiagramEntityProps): react_jsx_runtime.JSX.Element;
|
|
1995
|
+
declare function DiagramEntity({ children, id: idProp, name, x, y, color, draggable, onPositionChange, className, }: DiagramEntityProps): react_jsx_runtime.JSX.Element;
|
|
1948
1996
|
declare namespace DiagramEntity {
|
|
1949
1997
|
var displayName: string;
|
|
1950
1998
|
}
|
|
@@ -1954,8 +2002,9 @@ declare namespace DiagramField {
|
|
|
1954
2002
|
var displayName: string;
|
|
1955
2003
|
}
|
|
1956
2004
|
|
|
1957
|
-
declare function DiagramRelation({ from, to, type, label,
|
|
2005
|
+
declare function DiagramRelation({ from, to, fromField: fromFieldProp, toField: toFieldProp, type, label, }: DiagramRelationProps): react_jsx_runtime.JSX.Element | null;
|
|
1958
2006
|
declare namespace DiagramRelation {
|
|
2007
|
+
var _isCanvasEdge: boolean;
|
|
1959
2008
|
var displayName: string;
|
|
1960
2009
|
}
|
|
1961
2010
|
|
|
@@ -2040,4 +2089,4 @@ declare function find(char: string): {
|
|
|
2040
2089
|
category: string;
|
|
2041
2090
|
} | undefined;
|
|
2042
2091
|
|
|
2043
|
-
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineItemProps, type TimelineOrientation, type TimelineProps, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, type Variant, type ViewportState, cn, configureIcons, find, registerExtension, registerExtensions, registerIconSet, resolve, search, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast };
|
|
2092
|
+
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, type Variant, type ViewportState, cn, configureIcons, find, registerExtension, registerExtensions, registerIconSet, resolve, search, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -571,17 +571,50 @@ interface CalloutProps {
|
|
|
571
571
|
|
|
572
572
|
declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
|
|
573
573
|
|
|
574
|
+
type TimelineVariant = "stacked" | "alternating" | "horizontal";
|
|
575
|
+
/** @deprecated Use TimelineVariant instead */
|
|
574
576
|
type TimelineOrientation = "vertical" | "horizontal";
|
|
577
|
+
interface TimelineEvent {
|
|
578
|
+
/** Free-form date string */
|
|
579
|
+
date?: string;
|
|
580
|
+
/** Event heading */
|
|
581
|
+
title: string;
|
|
582
|
+
/** Body text (rendered as children) */
|
|
583
|
+
description?: string;
|
|
584
|
+
/** Emoji character for the dot */
|
|
585
|
+
emoji?: string;
|
|
586
|
+
/** Custom icon ReactNode for the dot */
|
|
587
|
+
icon?: ReactNode;
|
|
588
|
+
/** Accent color for the dot */
|
|
589
|
+
color?: Color;
|
|
590
|
+
}
|
|
575
591
|
interface TimelineProps {
|
|
576
|
-
children
|
|
577
|
-
/** Layout
|
|
592
|
+
children?: ReactNode;
|
|
593
|
+
/** Layout variant. Default: "stacked" */
|
|
594
|
+
variant?: TimelineVariant;
|
|
595
|
+
/** @deprecated Use variant instead. Maps "vertical" → "stacked", "horizontal" → "horizontal" */
|
|
578
596
|
orientation?: TimelineOrientation;
|
|
597
|
+
/** Data-driven events (alternative to children) */
|
|
598
|
+
events?: TimelineEvent[];
|
|
599
|
+
/** Optional heading above the timeline */
|
|
600
|
+
heading?: ReactNode;
|
|
601
|
+
/** Optional description below the heading */
|
|
602
|
+
description?: ReactNode;
|
|
603
|
+
/** Enable scroll-reveal animation. Default: true */
|
|
604
|
+
animated?: boolean;
|
|
579
605
|
className?: string;
|
|
580
606
|
}
|
|
581
607
|
interface TimelineItemProps {
|
|
582
|
-
children
|
|
608
|
+
children?: ReactNode;
|
|
609
|
+
/** Custom icon ReactNode for the dot */
|
|
583
610
|
icon?: ReactNode;
|
|
584
|
-
|
|
611
|
+
/** Emoji character for the dot */
|
|
612
|
+
emoji?: string;
|
|
613
|
+
/** Date label displayed above the title */
|
|
614
|
+
date?: string;
|
|
615
|
+
/** Dot accent color */
|
|
616
|
+
color?: Color;
|
|
617
|
+
/** Whether this item is the active/current step */
|
|
585
618
|
active?: boolean;
|
|
586
619
|
className?: string;
|
|
587
620
|
}
|
|
@@ -592,8 +625,10 @@ interface TimelineBlockProps {
|
|
|
592
625
|
children: ReactNode;
|
|
593
626
|
/** Optional icon displayed in the timeline dot */
|
|
594
627
|
icon?: ReactNode;
|
|
628
|
+
/** Emoji character for the dot */
|
|
629
|
+
emoji?: string;
|
|
595
630
|
/** Dot/icon color */
|
|
596
|
-
color?:
|
|
631
|
+
color?: Color;
|
|
597
632
|
/** Whether this block is the active/current step */
|
|
598
633
|
active?: boolean;
|
|
599
634
|
className?: string;
|
|
@@ -1793,6 +1828,8 @@ interface CanvasProps {
|
|
|
1793
1828
|
zoomable?: boolean;
|
|
1794
1829
|
gridSize?: number;
|
|
1795
1830
|
showGrid?: boolean;
|
|
1831
|
+
/** Automatically fit all nodes into view on initial mount */
|
|
1832
|
+
fitOnMount?: boolean;
|
|
1796
1833
|
className?: string;
|
|
1797
1834
|
style?: CSSProperties;
|
|
1798
1835
|
}
|
|
@@ -1801,6 +1838,10 @@ interface CanvasNodeProps {
|
|
|
1801
1838
|
id: string;
|
|
1802
1839
|
x: number;
|
|
1803
1840
|
y: number;
|
|
1841
|
+
/** Allow drag-to-move */
|
|
1842
|
+
draggable?: boolean;
|
|
1843
|
+
/** Called when the node is dragged to a new position */
|
|
1844
|
+
onPositionChange?: (x: number, y: number) => void;
|
|
1804
1845
|
className?: string;
|
|
1805
1846
|
style?: CSSProperties;
|
|
1806
1847
|
}
|
|
@@ -1832,7 +1873,7 @@ interface CanvasControlsProps {
|
|
|
1832
1873
|
showFitAll?: boolean;
|
|
1833
1874
|
}
|
|
1834
1875
|
|
|
1835
|
-
declare function CanvasNode({ children, id, x, y, className, style }: CanvasNodeProps): react_jsx_runtime.JSX.Element;
|
|
1876
|
+
declare function CanvasNode({ children, id, x, y, draggable, onPositionChange, className, style }: CanvasNodeProps): react_jsx_runtime.JSX.Element;
|
|
1836
1877
|
declare namespace CanvasNode {
|
|
1837
1878
|
var displayName: string;
|
|
1838
1879
|
}
|
|
@@ -1852,7 +1893,7 @@ declare namespace CanvasControls {
|
|
|
1852
1893
|
var displayName: string;
|
|
1853
1894
|
}
|
|
1854
1895
|
|
|
1855
|
-
declare function CanvasRoot({ children, viewport: controlledViewport, defaultViewport, onViewportChange, minZoom, maxZoom, pannable, zoomable, showGrid, className, style, }: CanvasProps): react_jsx_runtime.JSX.Element;
|
|
1896
|
+
declare function CanvasRoot({ children, viewport: controlledViewport, defaultViewport, onViewportChange, minZoom, maxZoom, pannable, zoomable, showGrid, fitOnMount, className, style, }: CanvasProps): react_jsx_runtime.JSX.Element;
|
|
1856
1897
|
declare const Canvas: typeof CanvasRoot & {
|
|
1857
1898
|
Node: typeof CanvasNode;
|
|
1858
1899
|
Edge: typeof CanvasEdge;
|
|
@@ -1873,14 +1914,16 @@ interface DiagramFieldData {
|
|
|
1873
1914
|
nullable?: boolean;
|
|
1874
1915
|
}
|
|
1875
1916
|
interface DiagramEntityData {
|
|
1876
|
-
|
|
1917
|
+
/** Unique identifier. Defaults to `name` if omitted. */
|
|
1918
|
+
id?: string;
|
|
1877
1919
|
name: string;
|
|
1878
1920
|
fields?: DiagramFieldData[];
|
|
1879
1921
|
x?: number;
|
|
1880
1922
|
y?: number;
|
|
1881
1923
|
}
|
|
1882
1924
|
interface DiagramRelationData {
|
|
1883
|
-
|
|
1925
|
+
/** Unique identifier. Auto-generated if omitted. */
|
|
1926
|
+
id?: string;
|
|
1884
1927
|
from: string;
|
|
1885
1928
|
to: string;
|
|
1886
1929
|
fromField?: string;
|
|
@@ -1916,11 +1959,16 @@ interface DiagramProps {
|
|
|
1916
1959
|
}
|
|
1917
1960
|
interface DiagramEntityProps {
|
|
1918
1961
|
children?: ReactNode;
|
|
1919
|
-
|
|
1962
|
+
/** Unique identifier. Defaults to `name` if omitted. */
|
|
1963
|
+
id?: string;
|
|
1920
1964
|
name: string;
|
|
1921
1965
|
x?: number;
|
|
1922
1966
|
y?: number;
|
|
1923
1967
|
color?: string;
|
|
1968
|
+
/** Allow drag-to-move */
|
|
1969
|
+
draggable?: boolean;
|
|
1970
|
+
/** Called when the entity is dragged to a new position */
|
|
1971
|
+
onPositionChange?: (x: number, y: number) => void;
|
|
1924
1972
|
className?: string;
|
|
1925
1973
|
}
|
|
1926
1974
|
interface DiagramFieldProps {
|
|
@@ -1944,7 +1992,7 @@ interface DiagramToolbarProps {
|
|
|
1944
1992
|
className?: string;
|
|
1945
1993
|
}
|
|
1946
1994
|
|
|
1947
|
-
declare function DiagramEntity({ children, id, name, x, y, color, className, }: DiagramEntityProps): react_jsx_runtime.JSX.Element;
|
|
1995
|
+
declare function DiagramEntity({ children, id: idProp, name, x, y, color, draggable, onPositionChange, className, }: DiagramEntityProps): react_jsx_runtime.JSX.Element;
|
|
1948
1996
|
declare namespace DiagramEntity {
|
|
1949
1997
|
var displayName: string;
|
|
1950
1998
|
}
|
|
@@ -1954,8 +2002,9 @@ declare namespace DiagramField {
|
|
|
1954
2002
|
var displayName: string;
|
|
1955
2003
|
}
|
|
1956
2004
|
|
|
1957
|
-
declare function DiagramRelation({ from, to, type, label,
|
|
2005
|
+
declare function DiagramRelation({ from, to, fromField: fromFieldProp, toField: toFieldProp, type, label, }: DiagramRelationProps): react_jsx_runtime.JSX.Element | null;
|
|
1958
2006
|
declare namespace DiagramRelation {
|
|
2007
|
+
var _isCanvasEdge: boolean;
|
|
1959
2008
|
var displayName: string;
|
|
1960
2009
|
}
|
|
1961
2010
|
|
|
@@ -2040,4 +2089,4 @@ declare function find(char: string): {
|
|
|
2040
2089
|
category: string;
|
|
2041
2090
|
} | undefined;
|
|
2042
2091
|
|
|
2043
|
-
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineItemProps, type TimelineOrientation, type TimelineProps, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, type Variant, type ViewportState, cn, configureIcons, find, registerExtension, registerExtensions, registerIconSet, resolve, search, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast };
|
|
2092
|
+
export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, type Variant, type ViewportState, cn, configureIcons, find, registerExtension, registerExtensions, registerIconSet, resolve, search, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast };
|