@ohhwells/bridge 0.1.36-next.54 → 0.1.37

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.
Files changed (9) hide show
  1. package/README.md +0 -12
  2. package/dist/index.cjs +601 -2072
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +4 -51
  5. package/dist/index.d.ts +4 -51
  6. package/dist/index.js +591 -2062
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +21 -156
  9. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -27,7 +27,6 @@ type LinkModalProps = {
27
27
  onClose: () => void;
28
28
  onSubmit: (target: string) => void;
29
29
  };
30
- type LinkModalStep = 'input' | 'sectionPicker' | 'confirmed';
31
30
  type SelectedPage = {
32
31
  path: string;
33
32
  title: string;
@@ -43,55 +42,10 @@ type LinkPopoverProps = LinkModalProps & {
43
42
  portalContainer?: HTMLElement | null;
44
43
  };
45
44
  /** Centered link editor dialog (shadcn Dialog + Radix). */
46
- declare function LinkPopover({ open, panelRef, portalContainer, onClose, mode, pages, sections, sectionsByPath, initialTarget, existingTargets, onSubmit, }: LinkPopoverProps): react_jsx_runtime.JSX.Element;
45
+ declare function LinkPopover({ open, panelRef, portalContainer, onClose, ...editorProps }: LinkPopoverProps): react_jsx_runtime.JSX.Element;
47
46
 
48
- type UseLinkModalStateParams = {
49
- open: boolean;
50
- mode: LinkModalMode;
51
- pages: LinkPage[];
52
- sections: LinkSection[];
53
- sectionsByPath?: Record<string, LinkSection[]>;
54
- initialTarget?: string;
55
- existingTargets: string[];
56
- onClose: () => void;
57
- onSubmit: (target: string) => void;
58
- };
59
- declare function useLinkModalState({ open, mode, pages, sections: _sections, sectionsByPath, initialTarget, existingTargets: _existingTargets, onClose, onSubmit, }: UseLinkModalStateParams): {
60
- title: string;
61
- submitLabel: string;
62
- secondaryLabel: string;
63
- searchValue: string;
64
- selectedPage: SelectedPage | null;
65
- selectedSection: SelectedSection | null;
66
- step: LinkModalStep;
67
- dropdownOpen: boolean;
68
- setDropdownOpen: React.Dispatch<React.SetStateAction<boolean>>;
69
- urlError: string;
70
- filteredPages: LinkPage[];
71
- showBreadcrumb: false | SelectedSection | null;
72
- showSectionPicker: false | SelectedPage | null;
73
- showChooseSection: boolean | null;
74
- showSectionRow: boolean | null;
75
- isValid: boolean;
76
- activeSections: LinkSection[];
77
- handleInputChange: (value: string) => void;
78
- handlePageSelect: (page: LinkPage) => void;
79
- handleChooseSection: () => void;
80
- handleSectionSelect: (section: LinkSection) => void;
81
- handleBackToSections: () => void;
82
- handleSectionPickerBack: () => void;
83
- handleClose: () => void;
84
- handleSecondary: () => void;
85
- handleSubmit: () => void;
86
- };
87
-
88
- type LinkModalState = ReturnType<typeof useLinkModalState>;
89
- type LinkEditorPanelProps = {
90
- state: LinkModalState;
91
- onClose: () => void;
92
- };
93
47
  /** Link destination editor body — Figma node 8365:7616 / 8382:4161 */
94
- declare function LinkEditorPanel({ state, onClose }: LinkEditorPanelProps): react_jsx_runtime.JSX.Element;
48
+ declare function LinkEditorPanel({ open, mode, pages, sections, sectionsByPath, initialTarget, existingTargets, onClose, onSubmit, }: LinkModalProps): react_jsx_runtime.JSX.Element;
95
49
 
96
50
  declare function parseTarget(target: string | null | undefined): {
97
51
  pageRoute: string;
@@ -142,21 +96,20 @@ type ItemActionToolbarProps = {
142
96
  onEditLink?: () => void;
143
97
  onAddItem?: () => void;
144
98
  onMore?: () => void;
145
- editLinkDisabled?: boolean;
146
99
  addItemDisabled?: boolean;
147
100
  moreDisabled?: boolean;
148
101
  /** Tooltip placement relative to each icon — Figma uses bottom. */
149
102
  tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
150
103
  };
151
104
  /** Item-action fill for Custom/Toolbar — Edit link / Add item / More. */
152
- declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, editLinkDisabled, addItemDisabled, moreDisabled, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
105
+ declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, addItemDisabled, moreDisabled, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
153
106
 
154
107
  type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
155
108
  type ItemInteractionLayerProps = {
156
109
  rect: DOMRect;
157
110
  state: ItemInteractionState;
158
111
  elRef?: React.Ref<HTMLDivElement>;
159
- /** Slotted Custom/Toolbar instance (item-action or other fill). */
112
+ /** Slotted Custom/Toolbar instance (item-action or other fill). */
160
113
  toolbar?: React.ReactNode;
161
114
  showHandle?: boolean;
162
115
  dragDisabled?: boolean;
package/dist/index.d.ts CHANGED
@@ -27,7 +27,6 @@ type LinkModalProps = {
27
27
  onClose: () => void;
28
28
  onSubmit: (target: string) => void;
29
29
  };
30
- type LinkModalStep = 'input' | 'sectionPicker' | 'confirmed';
31
30
  type SelectedPage = {
32
31
  path: string;
33
32
  title: string;
@@ -43,55 +42,10 @@ type LinkPopoverProps = LinkModalProps & {
43
42
  portalContainer?: HTMLElement | null;
44
43
  };
45
44
  /** Centered link editor dialog (shadcn Dialog + Radix). */
46
- declare function LinkPopover({ open, panelRef, portalContainer, onClose, mode, pages, sections, sectionsByPath, initialTarget, existingTargets, onSubmit, }: LinkPopoverProps): react_jsx_runtime.JSX.Element;
45
+ declare function LinkPopover({ open, panelRef, portalContainer, onClose, ...editorProps }: LinkPopoverProps): react_jsx_runtime.JSX.Element;
47
46
 
48
- type UseLinkModalStateParams = {
49
- open: boolean;
50
- mode: LinkModalMode;
51
- pages: LinkPage[];
52
- sections: LinkSection[];
53
- sectionsByPath?: Record<string, LinkSection[]>;
54
- initialTarget?: string;
55
- existingTargets: string[];
56
- onClose: () => void;
57
- onSubmit: (target: string) => void;
58
- };
59
- declare function useLinkModalState({ open, mode, pages, sections: _sections, sectionsByPath, initialTarget, existingTargets: _existingTargets, onClose, onSubmit, }: UseLinkModalStateParams): {
60
- title: string;
61
- submitLabel: string;
62
- secondaryLabel: string;
63
- searchValue: string;
64
- selectedPage: SelectedPage | null;
65
- selectedSection: SelectedSection | null;
66
- step: LinkModalStep;
67
- dropdownOpen: boolean;
68
- setDropdownOpen: React.Dispatch<React.SetStateAction<boolean>>;
69
- urlError: string;
70
- filteredPages: LinkPage[];
71
- showBreadcrumb: false | SelectedSection | null;
72
- showSectionPicker: false | SelectedPage | null;
73
- showChooseSection: boolean | null;
74
- showSectionRow: boolean | null;
75
- isValid: boolean;
76
- activeSections: LinkSection[];
77
- handleInputChange: (value: string) => void;
78
- handlePageSelect: (page: LinkPage) => void;
79
- handleChooseSection: () => void;
80
- handleSectionSelect: (section: LinkSection) => void;
81
- handleBackToSections: () => void;
82
- handleSectionPickerBack: () => void;
83
- handleClose: () => void;
84
- handleSecondary: () => void;
85
- handleSubmit: () => void;
86
- };
87
-
88
- type LinkModalState = ReturnType<typeof useLinkModalState>;
89
- type LinkEditorPanelProps = {
90
- state: LinkModalState;
91
- onClose: () => void;
92
- };
93
47
  /** Link destination editor body — Figma node 8365:7616 / 8382:4161 */
94
- declare function LinkEditorPanel({ state, onClose }: LinkEditorPanelProps): react_jsx_runtime.JSX.Element;
48
+ declare function LinkEditorPanel({ open, mode, pages, sections, sectionsByPath, initialTarget, existingTargets, onClose, onSubmit, }: LinkModalProps): react_jsx_runtime.JSX.Element;
95
49
 
96
50
  declare function parseTarget(target: string | null | undefined): {
97
51
  pageRoute: string;
@@ -142,21 +96,20 @@ type ItemActionToolbarProps = {
142
96
  onEditLink?: () => void;
143
97
  onAddItem?: () => void;
144
98
  onMore?: () => void;
145
- editLinkDisabled?: boolean;
146
99
  addItemDisabled?: boolean;
147
100
  moreDisabled?: boolean;
148
101
  /** Tooltip placement relative to each icon — Figma uses bottom. */
149
102
  tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
150
103
  };
151
104
  /** Item-action fill for Custom/Toolbar — Edit link / Add item / More. */
152
- declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, editLinkDisabled, addItemDisabled, moreDisabled, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
105
+ declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, addItemDisabled, moreDisabled, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
153
106
 
154
107
  type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
155
108
  type ItemInteractionLayerProps = {
156
109
  rect: DOMRect;
157
110
  state: ItemInteractionState;
158
111
  elRef?: React.Ref<HTMLDivElement>;
159
- /** Slotted Custom/Toolbar instance (item-action or other fill). */
112
+ /** Slotted Custom/Toolbar instance (item-action or other fill). */
160
113
  toolbar?: React.ReactNode;
161
114
  showHandle?: boolean;
162
115
  dragDisabled?: boolean;