@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.
Files changed (83) hide show
  1. package/dist/components/icon-button/IconButton.d.ts.map +1 -0
  2. package/dist/components/index.d.ts +1 -1
  3. package/dist/components/index.d.ts.map +1 -1
  4. package/dist/components/node-graph/CanvasViewport/CanvasViewport.d.ts +13 -0
  5. package/dist/components/node-graph/CanvasViewport/CanvasViewport.d.ts.map +1 -0
  6. package/dist/components/node-graph/CanvasViewport/index.d.ts +4 -0
  7. package/dist/components/node-graph/CanvasViewport/index.d.ts.map +1 -0
  8. package/dist/components/node-graph/CanvasViewport/useCanvasViewport.d.ts +30 -0
  9. package/dist/components/node-graph/CanvasViewport/useCanvasViewport.d.ts.map +1 -0
  10. package/dist/components/node-graph/Pin/Pin.d.ts.map +1 -1
  11. package/dist/components/node-graph/PortAddButton/PortAddButton.d.ts.map +1 -1
  12. package/dist/components/node-graph/Wire/Wire.d.ts +3 -1
  13. package/dist/components/node-graph/Wire/Wire.d.ts.map +1 -1
  14. package/dist/components/node-graph/index.d.ts +2 -0
  15. package/dist/components/node-graph/index.d.ts.map +1 -1
  16. package/dist/components/node-graph/interaction/index.d.ts +11 -0
  17. package/dist/components/node-graph/interaction/index.d.ts.map +1 -0
  18. package/dist/components/node-graph/interaction/useMarqueeSelection.d.ts +29 -0
  19. package/dist/components/node-graph/interaction/useMarqueeSelection.d.ts.map +1 -0
  20. package/dist/components/node-graph/interaction/useNodeDrag.d.ts +24 -0
  21. package/dist/components/node-graph/interaction/useNodeDrag.d.ts.map +1 -0
  22. package/dist/components/node-graph/interaction/useNodeSelection.d.ts +23 -0
  23. package/dist/components/node-graph/interaction/useNodeSelection.d.ts.map +1 -0
  24. package/dist/components/node-graph/interaction/usePorts.d.ts +28 -0
  25. package/dist/components/node-graph/interaction/usePorts.d.ts.map +1 -0
  26. package/dist/components/node-graph/interaction/useWireDraft.d.ts +50 -0
  27. package/dist/components/node-graph/interaction/useWireDraft.d.ts.map +1 -0
  28. package/dist/index.js +8101 -7480
  29. package/dist/style.css +1 -1
  30. package/docs/llm/components/Accordion.md +42 -0
  31. package/docs/llm/components/AlertDialog.md +66 -0
  32. package/docs/llm/components/Autocomplete.md +95 -0
  33. package/docs/llm/components/Avatar.md +33 -0
  34. package/docs/llm/components/Button.md +54 -0
  35. package/docs/llm/components/Checkbox.md +173 -0
  36. package/docs/llm/components/CheckboxGroup.md +201 -0
  37. package/docs/llm/components/Collapsible.md +40 -0
  38. package/docs/llm/components/Combobox.md +269 -0
  39. package/docs/llm/components/ContextMenu.md +489 -0
  40. package/docs/llm/components/Dialog.md +79 -0
  41. package/docs/llm/components/Field.md +80 -0
  42. package/docs/llm/components/Fieldset.md +50 -0
  43. package/docs/llm/components/Form.md +105 -0
  44. package/docs/llm/components/IconButton.md +46 -0
  45. package/docs/llm/components/Input.md +19 -0
  46. package/docs/llm/components/InputBox.md +85 -0
  47. package/docs/llm/components/Menu.md +591 -0
  48. package/docs/llm/components/Menubar.md +545 -0
  49. package/docs/llm/components/Meter.md +22 -0
  50. package/docs/llm/components/NavigationMenu.md +461 -0
  51. package/docs/llm/components/NumberField.md +205 -0
  52. package/docs/llm/components/Popover.md +39 -0
  53. package/docs/llm/components/PreviewCard.md +181 -0
  54. package/docs/llm/components/Progress.md +38 -0
  55. package/docs/llm/components/Radio.md +174 -0
  56. package/docs/llm/components/ScrollArea.md +45 -0
  57. package/docs/llm/components/Select.md +75 -0
  58. package/docs/llm/components/Slider.md +31 -0
  59. package/docs/llm/components/Switch.md +188 -0
  60. package/docs/llm/components/Tabs.md +48 -0
  61. package/docs/llm/components/Toast.md +102 -0
  62. package/docs/llm/components/Toolbar.md +53 -0
  63. package/docs/llm/components/Tooltip.md +85 -0
  64. package/docs/llm/components/node-graph/CanvasBackground.md +58 -0
  65. package/docs/llm/components/node-graph/MarqueeSelection.md +65 -0
  66. package/docs/llm/components/node-graph/Node.md +72 -0
  67. package/docs/llm/components/node-graph/Pin.md +55 -0
  68. package/docs/llm/components/node-graph/Port.md +49 -0
  69. package/docs/llm/components/node-graph/PortAddButton.md +53 -0
  70. package/docs/llm/components/node-graph/PortLabel.md +42 -0
  71. package/docs/llm/components/node-graph/Wire.md +76 -0
  72. package/docs/llm/pages/ColorsPage.md +158 -0
  73. package/docs/llm/pages/ExampleAppPage.md +1533 -0
  74. package/docs/llm/pages/NodeEditorSamplePage.md +619 -0
  75. package/docs/llm/pages/RecipesPage.md +916 -0
  76. package/docs/llm/pages/ThemePreviewPage.md +121 -0
  77. package/docs/llm/pages/TogglePage.md +236 -0
  78. package/docs/llm/pages/TypesettingPage.md +111 -0
  79. package/docs/ui-feedback.md +22 -0
  80. package/package.json +2 -1
  81. package/dist/components/button/IconButton.d.ts.map +0 -1
  82. package/docs/feedback-for-jp-ui.md +0 -55
  83. /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,qBAAqB,CAAC;AACpC,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"}
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,4 @@
1
+ export { CanvasViewport } from './CanvasViewport';
2
+ export type { CanvasViewportOffset, CanvasViewportOptions } from './CanvasViewport';
3
+ export { useCanvasViewport } from './useCanvasViewport';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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,qHA4Dd,CAAC"}
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,+HAiIxB,CAAC"}
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,8FA+DX"}
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,4 +1,6 @@
1
1
  export * from './CanvasBackground';
2
+ export * from './CanvasViewport';
3
+ export * from './interaction';
2
4
  export * from './MarqueeSelection';
3
5
  export * from './Node';
4
6
  export * from './Pin';
@@ -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"}