@ohhwells/bridge 0.1.50 → 0.1.51-next.119
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 +1907 -585
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +30 -4
- package/dist/index.d.ts +30 -4
- package/dist/index.js +1724 -408
- package/dist/index.js.map +1 -1
- package/dist/styles.css +348 -375
- package/package.json +2 -1
package/dist/index.d.cts
CHANGED
|
@@ -3,7 +3,7 @@ import React__default, { Ref } from 'react';
|
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
import { Toggle as Toggle$1, Tooltip as Tooltip$1 } from 'radix-ui';
|
|
6
|
+
import { Toggle as Toggle$1, DropdownMenu as DropdownMenu$1, Tooltip as Tooltip$1 } from 'radix-ui';
|
|
7
7
|
|
|
8
8
|
declare function OhhwellsBridge(): React__default.ReactPortal | null;
|
|
9
9
|
|
|
@@ -167,10 +167,18 @@ declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonH
|
|
|
167
167
|
type ItemActionToolbarProps = {
|
|
168
168
|
onEditLink?: () => void;
|
|
169
169
|
onAddItem?: () => void;
|
|
170
|
-
|
|
170
|
+
onSelectParent?: () => void;
|
|
171
|
+
onDuplicate?: () => void;
|
|
172
|
+
/** Wired by OHH-458 — row is always shown (destructive). */
|
|
173
|
+
onDelete?: () => void;
|
|
171
174
|
editLinkDisabled?: boolean;
|
|
172
175
|
addItemDisabled?: boolean;
|
|
173
176
|
moreDisabled?: boolean;
|
|
177
|
+
selectParentDisabled?: boolean;
|
|
178
|
+
duplicateDisabled?: boolean;
|
|
179
|
+
deleteDisabled?: boolean;
|
|
180
|
+
/** Hide Edit link — e.g. footer column frame selection. */
|
|
181
|
+
showEditLink?: boolean;
|
|
174
182
|
/** Hide Add item — CTA buttons only show Edit link (prototype). */
|
|
175
183
|
showAddItem?: boolean;
|
|
176
184
|
/** Hide More — CTA buttons only show Edit link (prototype). */
|
|
@@ -179,7 +187,7 @@ type ItemActionToolbarProps = {
|
|
|
179
187
|
tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
|
|
180
188
|
};
|
|
181
189
|
/** Item-action fill for Custom/Toolbar — Edit link / Add item / More (no separators). */
|
|
182
|
-
declare function ItemActionToolbar({ onEditLink, onAddItem,
|
|
190
|
+
declare function ItemActionToolbar({ onEditLink, onAddItem, onSelectParent, onDuplicate, onDelete, editLinkDisabled, addItemDisabled, moreDisabled, selectParentDisabled, duplicateDisabled, deleteDisabled, showEditLink, showAddItem, showMore, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
|
|
183
191
|
|
|
184
192
|
type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
|
|
185
193
|
type ItemInteractionLayerProps = {
|
|
@@ -208,6 +216,24 @@ type ItemInteractionLayerProps = {
|
|
|
208
216
|
};
|
|
209
217
|
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, onItemPointerDown, onItemClick, itemDragSurface, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
210
218
|
|
|
219
|
+
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
220
|
+
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
221
|
+
declare function DropdownMenuGroup({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
|
|
222
|
+
/**
|
|
223
|
+
* Figma Dropdown Menu (4:6588 / 8202:1581):
|
|
224
|
+
* border, radius 6, shadow-md, min 128px / typical 224px width.
|
|
225
|
+
*/
|
|
226
|
+
declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime.JSX.Element;
|
|
227
|
+
/**
|
|
228
|
+
* Figma Command Base / CMDK Item — leading icon at left 8px, label at pl-8.
|
|
229
|
+
*/
|
|
230
|
+
declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
|
|
231
|
+
inset?: boolean;
|
|
232
|
+
variant?: 'default' | 'destructive';
|
|
233
|
+
}): react_jsx_runtime.JSX.Element;
|
|
234
|
+
/** Full-bleed section divider — Figma section border-t (not inset hairline). */
|
|
235
|
+
declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
236
|
+
|
|
211
237
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
212
238
|
declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
213
239
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
@@ -242,4 +268,4 @@ declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
|
|
|
242
268
|
bind: Record<string, string>;
|
|
243
269
|
};
|
|
244
270
|
|
|
245
|
-
export { type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };
|
|
271
|
+
export { type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import React__default, { Ref } from 'react';
|
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
import { Toggle as Toggle$1, Tooltip as Tooltip$1 } from 'radix-ui';
|
|
6
|
+
import { Toggle as Toggle$1, DropdownMenu as DropdownMenu$1, Tooltip as Tooltip$1 } from 'radix-ui';
|
|
7
7
|
|
|
8
8
|
declare function OhhwellsBridge(): React__default.ReactPortal | null;
|
|
9
9
|
|
|
@@ -167,10 +167,18 @@ declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonH
|
|
|
167
167
|
type ItemActionToolbarProps = {
|
|
168
168
|
onEditLink?: () => void;
|
|
169
169
|
onAddItem?: () => void;
|
|
170
|
-
|
|
170
|
+
onSelectParent?: () => void;
|
|
171
|
+
onDuplicate?: () => void;
|
|
172
|
+
/** Wired by OHH-458 — row is always shown (destructive). */
|
|
173
|
+
onDelete?: () => void;
|
|
171
174
|
editLinkDisabled?: boolean;
|
|
172
175
|
addItemDisabled?: boolean;
|
|
173
176
|
moreDisabled?: boolean;
|
|
177
|
+
selectParentDisabled?: boolean;
|
|
178
|
+
duplicateDisabled?: boolean;
|
|
179
|
+
deleteDisabled?: boolean;
|
|
180
|
+
/** Hide Edit link — e.g. footer column frame selection. */
|
|
181
|
+
showEditLink?: boolean;
|
|
174
182
|
/** Hide Add item — CTA buttons only show Edit link (prototype). */
|
|
175
183
|
showAddItem?: boolean;
|
|
176
184
|
/** Hide More — CTA buttons only show Edit link (prototype). */
|
|
@@ -179,7 +187,7 @@ type ItemActionToolbarProps = {
|
|
|
179
187
|
tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
|
|
180
188
|
};
|
|
181
189
|
/** Item-action fill for Custom/Toolbar — Edit link / Add item / More (no separators). */
|
|
182
|
-
declare function ItemActionToolbar({ onEditLink, onAddItem,
|
|
190
|
+
declare function ItemActionToolbar({ onEditLink, onAddItem, onSelectParent, onDuplicate, onDelete, editLinkDisabled, addItemDisabled, moreDisabled, selectParentDisabled, duplicateDisabled, deleteDisabled, showEditLink, showAddItem, showMore, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
|
|
183
191
|
|
|
184
192
|
type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
|
|
185
193
|
type ItemInteractionLayerProps = {
|
|
@@ -208,6 +216,24 @@ type ItemInteractionLayerProps = {
|
|
|
208
216
|
};
|
|
209
217
|
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, onItemPointerDown, onItemClick, itemDragSurface, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
210
218
|
|
|
219
|
+
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
220
|
+
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
221
|
+
declare function DropdownMenuGroup({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
|
|
222
|
+
/**
|
|
223
|
+
* Figma Dropdown Menu (4:6588 / 8202:1581):
|
|
224
|
+
* border, radius 6, shadow-md, min 128px / typical 224px width.
|
|
225
|
+
*/
|
|
226
|
+
declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime.JSX.Element;
|
|
227
|
+
/**
|
|
228
|
+
* Figma Command Base / CMDK Item — leading icon at left 8px, label at pl-8.
|
|
229
|
+
*/
|
|
230
|
+
declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
|
|
231
|
+
inset?: boolean;
|
|
232
|
+
variant?: 'default' | 'destructive';
|
|
233
|
+
}): react_jsx_runtime.JSX.Element;
|
|
234
|
+
/** Full-bleed section divider — Figma section border-t (not inset hairline). */
|
|
235
|
+
declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
236
|
+
|
|
211
237
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
212
238
|
declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
213
239
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
@@ -242,4 +268,4 @@ declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
|
|
|
242
268
|
bind: Record<string, string>;
|
|
243
269
|
};
|
|
244
270
|
|
|
245
|
-
export { type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };
|
|
271
|
+
export { type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };
|