@ohhwells/bridge 0.1.44 → 0.1.46-next.109
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/README.md +12 -0
- package/dist/index.cjs +3007 -492
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +12 -3
- package/dist/index.d.ts +12 -3
- package/dist/index.js +3046 -531
- package/dist/index.js.map +1 -1
- package/dist/styles.css +131 -34
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -193,18 +193,27 @@ type ItemInteractionLayerProps = {
|
|
|
193
193
|
dragHandleLabel?: string;
|
|
194
194
|
onDragHandleDragStart?: (e: React.DragEvent<HTMLButtonElement>) => void;
|
|
195
195
|
onDragHandleDragEnd?: (e: React.DragEvent<HTMLButtonElement>) => void;
|
|
196
|
+
/** Press on the item chrome (not handle/toolbar) — starts press-to-drag. */
|
|
197
|
+
onItemPointerDown?: (e: React.PointerEvent<HTMLDivElement>) => void;
|
|
198
|
+
/** Click on chrome without a drag — typically enter text edit. */
|
|
199
|
+
onItemClick?: (clientX: number, clientY: number) => void;
|
|
200
|
+
/**
|
|
201
|
+
* Full-bleed press-drag surface over the selection.
|
|
202
|
+
* Disable for footer column frames so child links keep grab cursor / hover.
|
|
203
|
+
*/
|
|
204
|
+
itemDragSurface?: boolean;
|
|
196
205
|
/** Gap between element and chrome border — Figma inset is 4px. */
|
|
197
206
|
chromeGap?: number;
|
|
198
207
|
className?: string;
|
|
199
208
|
};
|
|
200
|
-
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
209
|
+
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, onItemPointerDown, onItemClick, itemDragSurface, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
201
210
|
|
|
202
211
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
203
212
|
declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
204
213
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
205
214
|
/**
|
|
206
|
-
*
|
|
207
|
-
*
|
|
215
|
+
* Tooltip content — CSS caret (not Radix Arrow) so `sideOffset` is the true
|
|
216
|
+
* trigger↔tooltip gap. Default 6px matches item-action toolbar AC.
|
|
208
217
|
*/
|
|
209
218
|
declare function TooltipContent({ className, sideOffset, side, children, hideArrow, ...props }: React.ComponentProps<typeof Tooltip$1.Content> & {
|
|
210
219
|
hideArrow?: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -193,18 +193,27 @@ type ItemInteractionLayerProps = {
|
|
|
193
193
|
dragHandleLabel?: string;
|
|
194
194
|
onDragHandleDragStart?: (e: React.DragEvent<HTMLButtonElement>) => void;
|
|
195
195
|
onDragHandleDragEnd?: (e: React.DragEvent<HTMLButtonElement>) => void;
|
|
196
|
+
/** Press on the item chrome (not handle/toolbar) — starts press-to-drag. */
|
|
197
|
+
onItemPointerDown?: (e: React.PointerEvent<HTMLDivElement>) => void;
|
|
198
|
+
/** Click on chrome without a drag — typically enter text edit. */
|
|
199
|
+
onItemClick?: (clientX: number, clientY: number) => void;
|
|
200
|
+
/**
|
|
201
|
+
* Full-bleed press-drag surface over the selection.
|
|
202
|
+
* Disable for footer column frames so child links keep grab cursor / hover.
|
|
203
|
+
*/
|
|
204
|
+
itemDragSurface?: boolean;
|
|
196
205
|
/** Gap between element and chrome border — Figma inset is 4px. */
|
|
197
206
|
chromeGap?: number;
|
|
198
207
|
className?: string;
|
|
199
208
|
};
|
|
200
|
-
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
209
|
+
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, onItemPointerDown, onItemClick, itemDragSurface, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
201
210
|
|
|
202
211
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
203
212
|
declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
204
213
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
205
214
|
/**
|
|
206
|
-
*
|
|
207
|
-
*
|
|
215
|
+
* Tooltip content — CSS caret (not Radix Arrow) so `sideOffset` is the true
|
|
216
|
+
* trigger↔tooltip gap. Default 6px matches item-action toolbar AC.
|
|
208
217
|
*/
|
|
209
218
|
declare function TooltipContent({ className, sideOffset, side, children, hideArrow, ...props }: React.ComponentProps<typeof Tooltip$1.Content> & {
|
|
210
219
|
hideArrow?: boolean;
|