@yumehiko/jp-ui 0.2.7 → 0.4.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/components/icon-button/IconButton.d.ts.map +1 -0
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/node-graph/CanvasViewport/CanvasViewport.d.ts +13 -0
- package/dist/components/node-graph/CanvasViewport/CanvasViewport.d.ts.map +1 -0
- package/dist/components/node-graph/CanvasViewport/index.d.ts +4 -0
- package/dist/components/node-graph/CanvasViewport/index.d.ts.map +1 -0
- package/dist/components/node-graph/CanvasViewport/useCanvasViewport.d.ts +30 -0
- package/dist/components/node-graph/CanvasViewport/useCanvasViewport.d.ts.map +1 -0
- package/dist/components/node-graph/Pin/Pin.d.ts.map +1 -1
- package/dist/components/node-graph/PortAddButton/PortAddButton.d.ts.map +1 -1
- package/dist/components/node-graph/Wire/Wire.d.ts +3 -1
- package/dist/components/node-graph/Wire/Wire.d.ts.map +1 -1
- package/dist/components/node-graph/index.d.ts +2 -0
- package/dist/components/node-graph/index.d.ts.map +1 -1
- package/dist/components/node-graph/interaction/index.d.ts +11 -0
- package/dist/components/node-graph/interaction/index.d.ts.map +1 -0
- package/dist/components/node-graph/interaction/useMarqueeSelection.d.ts +29 -0
- package/dist/components/node-graph/interaction/useMarqueeSelection.d.ts.map +1 -0
- package/dist/components/node-graph/interaction/useNodeDrag.d.ts +24 -0
- package/dist/components/node-graph/interaction/useNodeDrag.d.ts.map +1 -0
- package/dist/components/node-graph/interaction/useNodeSelection.d.ts +23 -0
- package/dist/components/node-graph/interaction/useNodeSelection.d.ts.map +1 -0
- package/dist/components/node-graph/interaction/usePorts.d.ts +28 -0
- package/dist/components/node-graph/interaction/usePorts.d.ts.map +1 -0
- package/dist/components/node-graph/interaction/useWireDraft.d.ts +50 -0
- package/dist/components/node-graph/interaction/useWireDraft.d.ts.map +1 -0
- package/dist/index.js +8101 -7480
- package/dist/style.css +1 -1
- package/docs/llm/components/Accordion.md +42 -0
- package/docs/llm/components/AlertDialog.md +66 -0
- package/docs/llm/components/Autocomplete.md +95 -0
- package/docs/llm/components/Avatar.md +33 -0
- package/docs/llm/components/Button.md +54 -0
- package/docs/llm/components/Checkbox.md +173 -0
- package/docs/llm/components/CheckboxGroup.md +201 -0
- package/docs/llm/components/Collapsible.md +40 -0
- package/docs/llm/components/Combobox.md +269 -0
- package/docs/llm/components/ContextMenu.md +489 -0
- package/docs/llm/components/Dialog.md +79 -0
- package/docs/llm/components/Field.md +80 -0
- package/docs/llm/components/Fieldset.md +50 -0
- package/docs/llm/components/Form.md +105 -0
- package/docs/llm/components/IconButton.md +46 -0
- package/docs/llm/components/Input.md +19 -0
- package/docs/llm/components/InputBox.md +85 -0
- package/docs/llm/components/Menu.md +591 -0
- package/docs/llm/components/Menubar.md +545 -0
- package/docs/llm/components/Meter.md +22 -0
- package/docs/llm/components/NavigationMenu.md +461 -0
- package/docs/llm/components/NumberField.md +205 -0
- package/docs/llm/components/Popover.md +39 -0
- package/docs/llm/components/PreviewCard.md +181 -0
- package/docs/llm/components/Progress.md +38 -0
- package/docs/llm/components/Radio.md +174 -0
- package/docs/llm/components/ScrollArea.md +45 -0
- package/docs/llm/components/Select.md +75 -0
- package/docs/llm/components/Slider.md +31 -0
- package/docs/llm/components/Switch.md +188 -0
- package/docs/llm/components/Tabs.md +48 -0
- package/docs/llm/components/Toast.md +102 -0
- package/docs/llm/components/Toolbar.md +53 -0
- package/docs/llm/components/Tooltip.md +85 -0
- package/docs/llm/components/node-graph/CanvasBackground.md +58 -0
- package/docs/llm/components/node-graph/MarqueeSelection.md +65 -0
- package/docs/llm/components/node-graph/Node.md +72 -0
- package/docs/llm/components/node-graph/Pin.md +55 -0
- package/docs/llm/components/node-graph/Port.md +49 -0
- package/docs/llm/components/node-graph/PortAddButton.md +53 -0
- package/docs/llm/components/node-graph/PortLabel.md +42 -0
- package/docs/llm/components/node-graph/Wire.md +76 -0
- package/docs/llm/pages/ColorsPage.md +158 -0
- package/docs/llm/pages/ExampleAppPage.md +1533 -0
- package/docs/llm/pages/NodeEditorSamplePage.md +619 -0
- package/docs/llm/pages/RecipesPage.md +916 -0
- package/docs/llm/pages/ThemePreviewPage.md +121 -0
- package/docs/llm/pages/TogglePage.md +236 -0
- package/docs/llm/pages/TypesettingPage.md +111 -0
- package/docs/ui-feedback.md +22 -0
- package/package.json +2 -1
- package/dist/components/button/IconButton.d.ts.map +0 -1
- package/docs/feedback-for-jp-ui.md +0 -55
- /package/dist/components/{button → icon-button}/IconButton.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAI7D,KAAK,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/D,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpC,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,GAAG;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,UAAU,qFAgBtB,CAAC"}
|
|
@@ -4,7 +4,7 @@ export * from './autocomplete/Autocomplete';
|
|
|
4
4
|
export * from './autocomplete/AutocompleteInputBox';
|
|
5
5
|
export * from './avatar/Avatar';
|
|
6
6
|
export * from './button/Button';
|
|
7
|
-
export * from './button/IconButton';
|
|
7
|
+
export * from './icon-button/IconButton';
|
|
8
8
|
export * from './checkbox/Checkbox';
|
|
9
9
|
export * from './checkbox-group/CheckboxGroup';
|
|
10
10
|
export * from './collapsible/Collapsible';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
|
+
import { type CanvasBackgroundProps } from '../CanvasBackground';
|
|
4
|
+
import { type CanvasViewportOptions, type CanvasViewportOffset } from './useCanvasViewport';
|
|
5
|
+
type CanvasViewportProps = CanvasViewportOptions & useRender.ComponentProps<'div'> & {
|
|
6
|
+
rootRef?: React.Ref<HTMLDivElement>;
|
|
7
|
+
contentClassName?: string;
|
|
8
|
+
contentProps?: React.ComponentPropsWithoutRef<'div'>;
|
|
9
|
+
backgroundProps?: Omit<CanvasBackgroundProps, 'scale' | 'offsetX' | 'offsetY'>;
|
|
10
|
+
};
|
|
11
|
+
export declare function CanvasViewport({ scale, offset, defaultScale, defaultOffset, minScale, maxScale, zoomSpeed, panSpeed, enableZoom, enablePan, onScaleChange, onOffsetChange, render, rootRef, className, children, contentClassName, contentProps, backgroundProps, ...rootProps }: CanvasViewportProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
12
|
+
export type { CanvasViewportOffset, CanvasViewportOptions };
|
|
13
|
+
//# sourceMappingURL=CanvasViewport.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CanvasViewport.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/CanvasViewport/CanvasViewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAG7B,KAAK,mBAAmB,GAAG,qBAAqB,GAC9C,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACrD,eAAe,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;CAChF,CAAC;AAWJ,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,aAAa,EACb,cAAc,EACd,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,GAAG,SAAS,EACb,EAAE,mBAAmB,0EA6DrB;AAED,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/CanvasViewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type CanvasViewportOffset = {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
};
|
|
6
|
+
export type CanvasViewportOptions = {
|
|
7
|
+
scale?: number;
|
|
8
|
+
offset?: CanvasViewportOffset;
|
|
9
|
+
defaultScale?: number;
|
|
10
|
+
defaultOffset?: CanvasViewportOffset;
|
|
11
|
+
minScale?: number;
|
|
12
|
+
maxScale?: number;
|
|
13
|
+
zoomSpeed?: number;
|
|
14
|
+
panSpeed?: number;
|
|
15
|
+
enableZoom?: boolean;
|
|
16
|
+
enablePan?: boolean;
|
|
17
|
+
onScaleChange?: (scale: number) => void;
|
|
18
|
+
onOffsetChange?: (offset: CanvasViewportOffset) => void;
|
|
19
|
+
};
|
|
20
|
+
type UpdateValue<T> = T | ((previous: T) => T);
|
|
21
|
+
export declare function useCanvasViewport({ scale, offset, defaultScale, defaultOffset, minScale, maxScale, zoomSpeed, panSpeed, enableZoom, enablePan, onScaleChange, onOffsetChange, }?: CanvasViewportOptions): {
|
|
22
|
+
scale: number;
|
|
23
|
+
offset: CanvasViewportOffset;
|
|
24
|
+
ref: React.RefObject<HTMLDivElement | null>;
|
|
25
|
+
contentStyle: React.CSSProperties;
|
|
26
|
+
setScale: (next: UpdateValue<number>) => void;
|
|
27
|
+
setOffset: (next: UpdateValue<CanvasViewportOffset>) => void;
|
|
28
|
+
};
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=useCanvasViewport.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCanvasViewport.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/CanvasViewport/useCanvasViewport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACzD,CAAC;AAOF,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAK/C,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,YAAgB,EAChB,aAA8B,EAC9B,QAAc,EACd,QAAY,EACZ,SAAiB,EACjB,QAAY,EACZ,UAAiB,EACjB,SAAgB,EAChB,aAAa,EACb,cAAc,GACf,GAAE,qBAA0B;;;;;qBAqBlB,WAAW,CAAC,MAAM,CAAC;sBAYnB,WAAW,CAAC,oBAAoB,CAAC;EA0F3C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pin.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/Pin/Pin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,YAAY,CAAC;AAEjB,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AASvC,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Pin.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/Pin/Pin.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,YAAY,CAAC;AAEjB,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AASvC,eAAO,MAAM,GAAG,qHA+Dd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortAddButton.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/PortAddButton/PortAddButton.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5F,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAQvC,gDAAgD;AAChD,eAAO,MAAM,aAAa,+
|
|
1
|
+
{"version":3,"file":"PortAddButton.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/PortAddButton/PortAddButton.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5F,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAQvC,gDAAgD;AAChD,eAAO,MAAM,aAAa,+HAoIxB,CAAC"}
|
|
@@ -17,7 +17,9 @@ export type WireProps = {
|
|
|
17
17
|
keyColor?: PinKeyColor;
|
|
18
18
|
viewWidth?: number;
|
|
19
19
|
viewHeight?: number;
|
|
20
|
+
viewBoxX?: number;
|
|
21
|
+
viewBoxY?: number;
|
|
20
22
|
coordinateSystem?: WireCoordinateSystem;
|
|
21
23
|
} & Omit<useRender.ComponentProps<'svg'>, 'start' | 'end'>;
|
|
22
|
-
export declare function Wire({ start, end, curve, styleType, state, keyColor, viewWidth, viewHeight, coordinateSystem, render, ...rest }: WireProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
24
|
+
export declare function Wire({ start, end, curve, styleType, state, keyColor, viewWidth, viewHeight, viewBoxX, viewBoxY, coordinateSystem, render, ...rest }: WireProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
23
25
|
//# sourceMappingURL=Wire.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wire.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/Wire/Wire.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACzC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAC9C,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;CACzC,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC;AAa3D,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,GAAG,EACH,KAAgB,EAChB,SAAmB,EACnB,KAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,GAAG,IAAI,EACR,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Wire.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/Wire/Wire.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACzC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAC9C,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;CACzC,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC;AAa3D,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,GAAG,EACH,KAAgB,EAChB,SAAmB,EACnB,KAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,QAAY,EACZ,QAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,GAAG,IAAI,EACR,EAAE,SAAS,8FAqFX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/node-graph/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/node-graph/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { useNodeSelection } from './useNodeSelection';
|
|
2
|
+
export type { NodeSelectionMode, NodeSelectionOptions } from './useNodeSelection';
|
|
3
|
+
export { useNodeDrag } from './useNodeDrag';
|
|
4
|
+
export type { NodePosition, NodePositions, NodeDragOptions } from './useNodeDrag';
|
|
5
|
+
export { useMarqueeSelection } from './useMarqueeSelection';
|
|
6
|
+
export type { MarqueeItem, MarqueeSelectionOptions } from './useMarqueeSelection';
|
|
7
|
+
export { usePorts } from './usePorts';
|
|
8
|
+
export type { AddPortOptions, NodePorts, PortDefinition, NodePortDirection, PortsByNode, UsePortsOptions, } from './usePorts';
|
|
9
|
+
export { useWireDraft } from './useWireDraft';
|
|
10
|
+
export type { WireConnection, WireDraft, WireDraftOptions, WirePortDirection, } from './useWireDraft';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/interaction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,cAAc,EACd,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { MarqueeRect } from '../MarqueeSelection';
|
|
3
|
+
export type MarqueeItem = {
|
|
4
|
+
id: string;
|
|
5
|
+
ref: React.RefObject<HTMLElement | null>;
|
|
6
|
+
};
|
|
7
|
+
export type MarqueeSelectionOptions = {
|
|
8
|
+
stageRef: React.RefObject<HTMLElement | null>;
|
|
9
|
+
items: MarqueeItem[];
|
|
10
|
+
minDragDistance?: number;
|
|
11
|
+
scale?: number;
|
|
12
|
+
offset?: {
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
};
|
|
16
|
+
onSelectionChange?: (ids: string[], options: {
|
|
17
|
+
additive: boolean;
|
|
18
|
+
rect: MarqueeRect;
|
|
19
|
+
}) => void;
|
|
20
|
+
};
|
|
21
|
+
export declare function useMarqueeSelection({ stageRef, items, minDragDistance, scale, offset, onSelectionChange, }: MarqueeSelectionOptions): {
|
|
22
|
+
rect: MarqueeRect;
|
|
23
|
+
visible: boolean;
|
|
24
|
+
clear: () => void;
|
|
25
|
+
getStageProps: () => {
|
|
26
|
+
onPointerDown: (event: React.PointerEvent) => void;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=useMarqueeSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMarqueeSelection.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/interaction/useMarqueeSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAClB,GAAG,EAAE,MAAM,EAAE,EACb,OAAO,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,WAAW,CAAA;KAAE,KAC9C,IAAI,CAAC;CACX,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,eAAmB,EACnB,KAAS,EACT,MAAuB,EACvB,iBAAiB,GAClB,EAAE,uBAAuB;;;;;+BAyCG,KAAK,CAAC,YAAY;;EA2F9C"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type NodePosition = {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
};
|
|
6
|
+
export type NodePositions = Record<string, NodePosition>;
|
|
7
|
+
export type NodeDragOptions = {
|
|
8
|
+
positions?: NodePositions;
|
|
9
|
+
defaultPositions?: NodePositions;
|
|
10
|
+
scale?: number;
|
|
11
|
+
selectedIds?: string[];
|
|
12
|
+
onPositionsChange?: (positions: NodePositions) => void;
|
|
13
|
+
};
|
|
14
|
+
type NodeDragReturn = {
|
|
15
|
+
positions: NodePositions;
|
|
16
|
+
getNodeProps: (id: string) => {
|
|
17
|
+
onPointerDown: (event: React.PointerEvent) => void;
|
|
18
|
+
style: React.CSSProperties;
|
|
19
|
+
};
|
|
20
|
+
setPositions: (next: NodePositions) => void;
|
|
21
|
+
};
|
|
22
|
+
export declare function useNodeDrag({ positions, defaultPositions, scale, selectedIds, onPositionsChange, }?: NodeDragOptions): NodeDragReturn;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=useNodeDrag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNodeDrag.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/interaction/useNodeDrag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,aAAa,CAAC;IACzB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK;QAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;QACnD,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;IACF,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7C,CAAC;AAIF,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,gBAAiC,EACjC,KAAS,EACT,WAAgB,EAChB,iBAAiB,GAClB,GAAE,eAAoB,GAAG,cAAc,CAwFvC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type NodeSelectionMode = 'single' | 'multiple';
|
|
3
|
+
export type NodeSelectionOptions = {
|
|
4
|
+
selectedIds?: string[];
|
|
5
|
+
defaultSelectedIds?: string[];
|
|
6
|
+
selectionMode?: NodeSelectionMode;
|
|
7
|
+
onSelectionChange?: (ids: string[]) => void;
|
|
8
|
+
};
|
|
9
|
+
type NodeSelectionReturn = {
|
|
10
|
+
selectedIds: string[];
|
|
11
|
+
selectedSet: Set<string>;
|
|
12
|
+
isSelected: (id: string) => boolean;
|
|
13
|
+
select: (id: string) => void;
|
|
14
|
+
toggle: (id: string) => void;
|
|
15
|
+
clear: () => void;
|
|
16
|
+
setSelectedIds: (ids: string[]) => void;
|
|
17
|
+
getNodeProps: (id: string) => {
|
|
18
|
+
onClick: (event: React.MouseEvent) => void;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export declare function useNodeSelection({ selectedIds, defaultSelectedIds, selectionMode, onSelectionChange, }?: NodeSelectionOptions): NodeSelectionReturn;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=useNodeSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNodeSelection.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/interaction/useNodeSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEtD,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK;QAC5B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;KAC5C,CAAC;CACH,CAAC;AAIF,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,kBAAkB,EAClB,aAAwB,EACxB,iBAAiB,GAClB,GAAE,oBAAyB,GAAG,mBAAmB,CAqFjD"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export type NodePortDirection = 'input' | 'output';
|
|
2
|
+
export type PortDefinition = {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
direction: NodePortDirection;
|
|
6
|
+
acceptsMultiple?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type NodePorts = {
|
|
9
|
+
inputs: PortDefinition[];
|
|
10
|
+
outputs: PortDefinition[];
|
|
11
|
+
};
|
|
12
|
+
export type PortsByNode = Record<string, NodePorts>;
|
|
13
|
+
export type AddPortOptions = {
|
|
14
|
+
label?: string;
|
|
15
|
+
acceptsMultiple?: boolean;
|
|
16
|
+
id?: string;
|
|
17
|
+
};
|
|
18
|
+
export type UsePortsOptions = {
|
|
19
|
+
ports?: PortsByNode;
|
|
20
|
+
defaultPorts?: PortsByNode;
|
|
21
|
+
onPortsChange?: (ports: PortsByNode) => void;
|
|
22
|
+
};
|
|
23
|
+
export declare function usePorts({ ports, defaultPorts, onPortsChange, }?: UsePortsOptions): {
|
|
24
|
+
ports: PortsByNode;
|
|
25
|
+
addPort: (nodeId: string, direction: NodePortDirection, options?: AddPortOptions) => string;
|
|
26
|
+
setPorts: (next: PortsByNode) => void;
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=usePorts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePorts.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/interaction/usePorts.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,iBAAiB,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9C,CAAC;AAIF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,YAAyB,EACzB,aAAa,GACd,GAAE,eAAoB;;sBAiBV,MAAM,aAAa,iBAAiB,YAAW,cAAc;qBAV/D,WAAW;EA0CrB"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { WirePoint } from '../Wire';
|
|
3
|
+
import type { CanvasViewportOffset } from '../CanvasViewport';
|
|
4
|
+
export type WirePortDirection = 'input' | 'output';
|
|
5
|
+
export type WirePort = {
|
|
6
|
+
id: string;
|
|
7
|
+
direction: WirePortDirection;
|
|
8
|
+
};
|
|
9
|
+
export type WireConnection = {
|
|
10
|
+
from: string;
|
|
11
|
+
to: string;
|
|
12
|
+
};
|
|
13
|
+
export type WireDraft = {
|
|
14
|
+
start: WirePoint;
|
|
15
|
+
end: WirePoint;
|
|
16
|
+
};
|
|
17
|
+
export type WireDraftOptions = {
|
|
18
|
+
stageRef: React.RefObject<HTMLElement | null>;
|
|
19
|
+
scale?: number;
|
|
20
|
+
offset?: CanvasViewportOffset;
|
|
21
|
+
coordinateSpace?: 'content' | 'viewport';
|
|
22
|
+
connections?: WireConnection[];
|
|
23
|
+
defaultConnections?: WireConnection[];
|
|
24
|
+
onConnect?: (connection: WireConnection) => void;
|
|
25
|
+
onDisconnect?: (connection: WireConnection) => void;
|
|
26
|
+
onConnectionsChange?: (connections: WireConnection[]) => void;
|
|
27
|
+
};
|
|
28
|
+
export declare function useWireDraft({ stageRef, scale, offset, coordinateSpace, connections, defaultConnections, onConnect, onDisconnect, onConnectionsChange, }: WireDraftOptions): {
|
|
29
|
+
connections: WireConnection[];
|
|
30
|
+
draft: WireDraft | null;
|
|
31
|
+
hoveredInputId: string | null;
|
|
32
|
+
hoveredOutputId: string | null;
|
|
33
|
+
getPortPoint: (id: string) => {
|
|
34
|
+
x: number;
|
|
35
|
+
y: number;
|
|
36
|
+
} | null;
|
|
37
|
+
getPortProps: (id: string, directionOrOptions: WirePortDirection | {
|
|
38
|
+
direction: WirePortDirection;
|
|
39
|
+
acceptsMultiple?: boolean;
|
|
40
|
+
}) => {
|
|
41
|
+
onPointerDown: (event: React.PointerEvent) => void;
|
|
42
|
+
onPointerUp?: undefined;
|
|
43
|
+
} | {
|
|
44
|
+
onPointerDown: (event: React.PointerEvent) => void;
|
|
45
|
+
onPointerUp: () => void;
|
|
46
|
+
};
|
|
47
|
+
getPortRef: (id: string, direction: WirePortDirection, acceptsMultiple?: boolean) => React.RefObject<HTMLButtonElement | null>;
|
|
48
|
+
clearDraft: () => void;
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=useWireDraft.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWireDraft.d.ts","sourceRoot":"","sources":["../../../../src/components/node-graph/interaction/useWireDraft.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,SAAS,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,eAAe,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACzC,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,kBAAkB,CAAC,EAAE,cAAc,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CAC/D,CAAC;AAUF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAS,EACT,MAAuB,EACvB,eAA2B,EAC3B,WAAW,EACX,kBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,mBAAmB,GACpB,EAAE,gBAAgB;;;;;uBA8CV,MAAM;;;;uBAiHL,MAAM,sBACU,iBAAiB,GAAG;QAAE,SAAS,EAAE,iBAAiB,CAAC;QAAC,eAAe,CAAC,EAAE,OAAO,CAAA;KAAE;+BAQxE,KAAK,CAAC,YAAY;;;+BAqCpB,KAAK,CAAC,YAAY;;;qBApJxC,MAAM,aAAa,iBAAiB,oBAAoB,OAAO;;EAyPvE"}
|