@linkdlab/funcnodes_react_flow 0.4.3 → 0.4.5
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/browser_index.d.ts +8 -0
- package/dist/frontend/assets/fontawsome.d.ts +21 -0
- package/dist/frontend/assets/mui.d.ts +8 -0
- package/dist/frontend/datarenderer/data_renderer_overlay.d.ts +3 -0
- package/dist/frontend/datarenderer/default_data_overlay_views.d.ts +6 -0
- package/dist/frontend/datarenderer/default_data_preview_renderer.d.ts +5 -0
- package/dist/frontend/datarenderer/default_data_view_renderer.d.ts +13 -0
- package/dist/frontend/datarenderer/default_handle_previews.d.ts +4 -0
- package/dist/frontend/datarenderer/default_inline_renderer.d.ts +5 -0
- package/dist/frontend/datarenderer/default_input_renderer.d.ts +17 -0
- package/dist/frontend/datarenderer/default_output_renderer.d.ts +9 -0
- package/dist/frontend/datarenderer/images.d.ts +19 -0
- package/dist/frontend/datarenderer/rendermappings.d.ts +204 -0
- package/dist/frontend/dialog.d.ts +20 -0
- package/dist/frontend/edge.d.ts +4 -0
- package/dist/frontend/funcnodesreactflow/index.d.ts +8 -0
- package/dist/frontend/funcnodesreactflow/react_flow_layer.d.ts +7 -0
- package/dist/frontend/header/index.d.ts +4 -0
- package/dist/frontend/index.d.ts +0 -0
- package/dist/frontend/layout/components.d.ts +36 -0
- package/dist/frontend/layout/fullscreenelement.d.ts +17 -0
- package/dist/frontend/layout/smoothexpand.d.ts +22 -0
- package/dist/frontend/lib.d.ts +10 -0
- package/dist/frontend/node/body_data_renderer.d.ts +3 -0
- package/dist/frontend/node/index.d.ts +4 -0
- package/dist/frontend/node/io/handle_renderer.d.ts +3 -0
- package/dist/frontend/node/io/index.d.ts +3 -0
- package/dist/frontend/node/io/io.d.ts +15 -0
- package/dist/frontend/node/io/iodataoverlay.d.ts +10 -0
- package/dist/frontend/node/io/nodeinput.d.ts +10 -0
- package/dist/frontend/node/io/nodeoutput.d.ts +6 -0
- package/dist/frontend/node/node.d.ts +25 -0
- package/dist/frontend/node/nodesettings.d.ts +3 -0
- package/dist/frontend/utils/colorpicker.d.ts +22 -0
- package/dist/frontend/utils/jsondata.d.ts +5 -0
- package/dist/frontend/utils/progressbar.d.ts +46 -0
- package/dist/frontend/utils/select.d.ts +17 -0
- package/dist/frontend/utils/table.d.ts +10 -0
- package/dist/funcnodes/datastructures.d.ts +51 -0
- package/dist/funcnodes/funcnodesworker.d.ts +147 -0
- package/dist/funcnodes/index.d.ts +4 -0
- package/dist/funcnodes/websocketworker.d.ts +45 -0
- package/dist/funcnodes/workermanager.d.ts +34 -0
- package/dist/funcnodes_react_flow.css +1 -0
- package/dist/index.cjs.js +865 -0
- package/dist/index.d.ts +16 -1224
- package/dist/index.es.js +40601 -0
- package/dist/index.umd.js +865 -0
- package/dist/plugin/helper.d.ts +2 -0
- package/dist/plugin/index.d.ts +7 -0
- package/dist/plugin/v0/index.d.ts +2 -0
- package/dist/plugin/v1/index.d.ts +2 -0
- package/dist/plugin/v1/upgrader.d.ts +34 -0
- package/dist/states/edge.d.ts +7 -0
- package/dist/states/edge.t.d.ts +16 -0
- package/dist/states/fnrfzst.d.ts +9 -0
- package/dist/states/fnrfzst.t.d.ts +182 -0
- package/dist/states/index.d.ts +7 -0
- package/dist/states/lib.d.ts +3 -0
- package/dist/states/lib.t.d.ts +45 -0
- package/dist/states/node/newnode.d.ts +4 -0
- package/dist/states/node/update_funcs.d.ts +9 -0
- package/dist/states/node/update_io.d.ts +3 -0
- package/dist/states/node/update_node.d.ts +6 -0
- package/dist/states/nodespace.d.ts +3 -0
- package/dist/states/nodespace.t.d.ts +16 -0
- package/dist/states/reactflow.d.ts +8 -0
- package/dist/states/reactflow.t.d.ts +11 -0
- package/dist/types/versioned/v0/index.d.ts +5 -0
- package/dist/types/versioned/v0/io.t.d.ts +29 -0
- package/dist/types/versioned/v0/node.t.d.ts +75 -0
- package/dist/types/versioned/v0/plugins.t.d.ts +37 -0
- package/dist/types/versioned/v0/rendering.t.d.ts +42 -0
- package/dist/types/versioned/v0/rendermappings.t.d.ts +27 -0
- package/dist/types/versioned/v1/index.d.ts +5 -0
- package/dist/types/versioned/v1/io.t.d.ts +51 -0
- package/dist/types/versioned/v1/node.t.d.ts +64 -0
- package/dist/types/versioned/v1/plugins.t.d.ts +39 -0
- package/dist/types/versioned/v1/rendering.t.d.ts +1 -0
- package/dist/types/versioned/v1/rendermappings.t.d.ts +53 -0
- package/dist/types/versioned/versions.t.d.ts +3 -0
- package/dist/utils/autolayout/force.d.ts +2 -0
- package/dist/utils/autolayout/index.d.ts +2 -0
- package/dist/utils/autolayout/txt.d.ts +15 -0
- package/dist/utils/data.d.ts +12 -0
- package/dist/utils/debugger.d.ts +5 -0
- package/dist/utils/helperfunctions.d.ts +16 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/logger.d.ts +26 -0
- package/dist/utils/objects.d.ts +142 -0
- package/package.json +36 -70
- package/dist/esm/index.esm.mjs +0 -105
- package/dist/esm/index.esm.mjs.map +0 -1
- package/dist/style.css +0 -1
- package/dist/umd/index.umd.js +0 -105
- package/dist/umd/index.umd.js.map +0 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FuncnodesReactFlowProps } from './index';
|
|
2
|
+
declare global {
|
|
3
|
+
interface Window {
|
|
4
|
+
FuncNodes: any;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
declare const FuncNodesRenderer: (id_or_element: string | HTMLElement, options?: Partial<FuncnodesReactFlowProps>) => void;
|
|
8
|
+
export default FuncNodesRenderer;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
interface FontAwesomeWrapperIconProps extends Omit<FontAwesomeIconProps, "icon"> {
|
|
4
|
+
}
|
|
5
|
+
declare const MenuRoundedIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
6
|
+
declare const ChevronRightIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
7
|
+
declare const ChevronLeftIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
8
|
+
declare const FullscreenIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
9
|
+
declare const FullscreenExitIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
10
|
+
declare const CloseFullscreenIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
11
|
+
declare const OpenInFullIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
12
|
+
declare const ChevronDownIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
13
|
+
declare const ChevronUpIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
14
|
+
declare const ExpandLessIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
15
|
+
declare const CloseIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
16
|
+
declare const LockOpenIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
17
|
+
declare const LockIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
18
|
+
declare const LanIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
19
|
+
declare const PlayCircleFilledIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
20
|
+
declare const SearchIcon: (props: FontAwesomeWrapperIconProps) => React.JSX.Element;
|
|
21
|
+
export { MenuRoundedIcon, ChevronRightIcon, ChevronLeftIcon, FullscreenIcon, FullscreenExitIcon, OpenInFullIcon, CloseFullscreenIcon, ChevronDownIcon, ChevronUpIcon, ExpandLessIcon, CloseIcon, LockOpenIcon, LockIcon, LanIcon, PlayCircleFilledIcon, SearchIcon, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as Table } from '@mui/material/Table';
|
|
2
|
+
import { default as TableBody } from '@mui/material/TableBody';
|
|
3
|
+
import { default as TableCell } from '@mui/material/TableCell';
|
|
4
|
+
import { default as TableContainer } from '@mui/material/TableContainer';
|
|
5
|
+
import { default as TableHead } from '@mui/material/TableHead';
|
|
6
|
+
import { default as TableRow } from '@mui/material/TableRow';
|
|
7
|
+
import { default as TableSortLabel } from '@mui/material/TableSortLabel';
|
|
8
|
+
export { Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { latest } from '../../types/versioned/versions.t';
|
|
2
|
+
export declare const DataViewRendererToOverlayRenderer: (DV: latest.DataViewRendererType) => latest.DataOverlayRendererType;
|
|
3
|
+
export declare const DefaultOverlayRenderer: latest.DataOverlayRendererType;
|
|
4
|
+
export declare const DefaultDataOverlayViews: {
|
|
5
|
+
[key: string]: latest.DataOverlayRendererType | undefined;
|
|
6
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { latest } from '../../types/versioned/versions.t';
|
|
2
|
+
export declare const DataViewRendererToDataPreviewViewRenderer: (DV: latest.DataViewRendererType, defaultValue?: any) => latest.DataPreviewViewRendererType;
|
|
3
|
+
export declare const DefaultDataPreviewViewRenderer: {
|
|
4
|
+
[key: string]: latest.DataPreviewViewRendererType | undefined;
|
|
5
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { latest } from '../../types/versioned/versions.t';
|
|
2
|
+
declare const IOSubscriptionImageRenderer: latest.DataViewRendererType;
|
|
3
|
+
declare const DefaultImageRenderer: latest.DataViewRendererType;
|
|
4
|
+
declare const SVGImageRenderer: latest.DataViewRendererType;
|
|
5
|
+
declare const SingleValueRenderer: latest.DataViewRendererType;
|
|
6
|
+
declare const Base64BytesRenderer: latest.DataViewRendererType;
|
|
7
|
+
declare const TableRender: latest.DataViewRendererType;
|
|
8
|
+
declare const DictRenderer: latest.DataViewRendererType;
|
|
9
|
+
export declare const DefaultDataView: latest.DataViewRendererType;
|
|
10
|
+
export declare const DefaultDataViewRenderer: {
|
|
11
|
+
[key: string]: latest.DataViewRendererType | undefined;
|
|
12
|
+
};
|
|
13
|
+
export { DefaultImageRenderer, IOSubscriptionImageRenderer, SingleValueRenderer, TableRender, DictRenderer, SVGImageRenderer, Base64BytesRenderer, };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { latest } from '../../types/versioned/versions.t';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export declare const NumberInput: ({ iostore, inputconverter, parser, }: latest.InputRendererProps & {
|
|
4
|
+
parser: (n: string) => number;
|
|
5
|
+
}) => React.JSX.Element;
|
|
6
|
+
export declare const FloatInput: ({ iostore, inputconverter, }: latest.InputRendererProps) => React.JSX.Element;
|
|
7
|
+
export declare const IntegerInput: ({ iostore, inputconverter, }: latest.InputRendererProps) => React.JSX.Element;
|
|
8
|
+
export declare const BooleanInput: ({ iostore, inputconverter, }: latest.InputRendererProps) => React.JSX.Element;
|
|
9
|
+
export declare const StringInput: ({ iostore, inputconverter, }: latest.InputRendererProps) => React.JSX.Element;
|
|
10
|
+
export declare const ColorInput: ({ iostore }: latest.InputRendererProps) => React.JSX.Element;
|
|
11
|
+
export declare const SelectionInput: ({ iostore, inputconverter, parser, }: latest.InputRendererProps & {
|
|
12
|
+
parser?(s: string): any;
|
|
13
|
+
}) => React.JSX.Element;
|
|
14
|
+
export declare const DataViewRendererToInputRenderer: (DV: latest.DataViewRendererType, defaultValue?: any) => latest.InputRendererType;
|
|
15
|
+
export declare const DefaultInputrenderer: {
|
|
16
|
+
[key: string]: latest.InputRendererType | undefined;
|
|
17
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { latest } from '../../types/versioned/versions.t';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export declare const InLineOutput: ({ iostore, typestring, }: {
|
|
4
|
+
iostore: latest.IOStore;
|
|
5
|
+
typestring: string | undefined;
|
|
6
|
+
}) => React.JSX.Element;
|
|
7
|
+
export declare const DefaultOutputrenderer: {
|
|
8
|
+
[key: string]: latest.OutputRendererType | undefined;
|
|
9
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { latest } from '../../types/versioned/versions.t';
|
|
2
|
+
import { ArrayBufferDataStructure } from '../../funcnodes/datastructures';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare const Base64ImageRenderer: ({ value, renderoptions, }: {
|
|
5
|
+
value: string | ArrayBufferDataStructure;
|
|
6
|
+
renderoptions?: latest.ImageRenderOptions;
|
|
7
|
+
}) => React.JSX.Element;
|
|
8
|
+
declare function StreamingImage({ src, style, }: {
|
|
9
|
+
src: string;
|
|
10
|
+
style: React.CSSProperties;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
export default StreamingImage;
|
|
13
|
+
export declare const Base64FullImageOutput: ({ iostore, }: {
|
|
14
|
+
iostore: latest.IOStore;
|
|
15
|
+
}) => React.JSX.Element;
|
|
16
|
+
declare const SVGImage: ({ value }: {
|
|
17
|
+
value: string;
|
|
18
|
+
}) => React.JSX.Element;
|
|
19
|
+
export { Base64ImageRenderer, SVGImage, StreamingImage };
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { FuncNodesReactFlowZustandInterface } from '../../states/fnrfzst.t';
|
|
3
|
+
import { latest } from '../../types/versioned/versions.t';
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
interface RenderMappingState {
|
|
6
|
+
Inputrenderer: {
|
|
7
|
+
[key: string]: latest.InputRendererType | undefined;
|
|
8
|
+
};
|
|
9
|
+
Outputrenderer: {
|
|
10
|
+
[key: string]: latest.OutputRendererType | undefined;
|
|
11
|
+
};
|
|
12
|
+
HandlePreviewRenderer: {
|
|
13
|
+
[key: string]: latest.HandlePreviewRendererType | undefined;
|
|
14
|
+
};
|
|
15
|
+
DataOverlayRenderer: {
|
|
16
|
+
[key: string]: latest.DataOverlayRendererType | undefined;
|
|
17
|
+
};
|
|
18
|
+
DataPreviewViewRenderer: {
|
|
19
|
+
[key: string]: latest.DataPreviewViewRendererType | undefined;
|
|
20
|
+
};
|
|
21
|
+
DataViewRenderer: {
|
|
22
|
+
[key: string]: latest.DataViewRendererType | undefined;
|
|
23
|
+
};
|
|
24
|
+
InLineRenderer: {
|
|
25
|
+
[key: string]: latest.InLineRendererType | undefined;
|
|
26
|
+
};
|
|
27
|
+
NodeContextExtenders: {
|
|
28
|
+
[key: string]: latest.NodeContextExtenderType | undefined;
|
|
29
|
+
};
|
|
30
|
+
NodeRenderer: {
|
|
31
|
+
[key: string]: latest.NodeRendererType | undefined;
|
|
32
|
+
};
|
|
33
|
+
NodeHooks: {
|
|
34
|
+
[key: string]: latest.NodeHooksType[] | undefined;
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
interface DispatchOptions {
|
|
38
|
+
overwrite?: boolean;
|
|
39
|
+
}
|
|
40
|
+
interface extend_input_renderer_action {
|
|
41
|
+
type: "EXTEND_INPUT_RENDER";
|
|
42
|
+
payload: {
|
|
43
|
+
type: string;
|
|
44
|
+
component: latest.InputRendererType;
|
|
45
|
+
};
|
|
46
|
+
options?: DispatchOptions;
|
|
47
|
+
}
|
|
48
|
+
interface extend_output_renderer_action {
|
|
49
|
+
type: "EXTEND_OUTPUT_RENDER";
|
|
50
|
+
payload: {
|
|
51
|
+
type: string;
|
|
52
|
+
component: latest.OutputRendererType;
|
|
53
|
+
};
|
|
54
|
+
options?: DispatchOptions;
|
|
55
|
+
}
|
|
56
|
+
interface extend_handle_preview_renderer_action {
|
|
57
|
+
type: "EXTEND_HANDLE_PREVIEW_RENDER";
|
|
58
|
+
payload: {
|
|
59
|
+
type: string;
|
|
60
|
+
component: latest.HandlePreviewRendererType;
|
|
61
|
+
};
|
|
62
|
+
options?: DispatchOptions;
|
|
63
|
+
}
|
|
64
|
+
interface extend_data_overlay_renderer_action {
|
|
65
|
+
type: "EXTEND_DATA_OVERLAY_RENDER";
|
|
66
|
+
payload: {
|
|
67
|
+
type: string;
|
|
68
|
+
component: latest.DataOverlayRendererType;
|
|
69
|
+
};
|
|
70
|
+
options?: DispatchOptions;
|
|
71
|
+
}
|
|
72
|
+
interface extend_data_preview_renderer_action {
|
|
73
|
+
type: "EXTEND_DATA_PREVIEW_RENDER";
|
|
74
|
+
payload: {
|
|
75
|
+
type: string;
|
|
76
|
+
component: latest.DataPreviewViewRendererType;
|
|
77
|
+
};
|
|
78
|
+
options?: DispatchOptions;
|
|
79
|
+
}
|
|
80
|
+
interface extend_data_view_renderer_action {
|
|
81
|
+
type: "EXTEND_DATA_VIEW_RENDER";
|
|
82
|
+
payload: {
|
|
83
|
+
type: string;
|
|
84
|
+
component: latest.DataViewRendererType;
|
|
85
|
+
};
|
|
86
|
+
options?: DispatchOptions;
|
|
87
|
+
}
|
|
88
|
+
interface extend_from_plugin_action {
|
|
89
|
+
type: "EXTEND_FROM_PLUGIN";
|
|
90
|
+
payload: {
|
|
91
|
+
plugin: latest.RendererPlugin;
|
|
92
|
+
};
|
|
93
|
+
options?: DispatchOptions;
|
|
94
|
+
}
|
|
95
|
+
interface extend_node_context_extender_action {
|
|
96
|
+
type: "EXTEND_NODE_CONTEXT_EXTENDER";
|
|
97
|
+
payload: {
|
|
98
|
+
type: string;
|
|
99
|
+
component: latest.NodeContextExtenderType;
|
|
100
|
+
};
|
|
101
|
+
options?: DispatchOptions;
|
|
102
|
+
}
|
|
103
|
+
interface extend_node_renderer_action {
|
|
104
|
+
type: "EXTEND_NODE_RENDERER";
|
|
105
|
+
payload: {
|
|
106
|
+
type: string;
|
|
107
|
+
component: latest.NodeRendererType;
|
|
108
|
+
};
|
|
109
|
+
options?: DispatchOptions;
|
|
110
|
+
}
|
|
111
|
+
interface extend_node_hooks_action {
|
|
112
|
+
type: "EXTEND_NODE_HOOKS";
|
|
113
|
+
payload: {
|
|
114
|
+
type: string;
|
|
115
|
+
component: latest.NodeHooksType[];
|
|
116
|
+
};
|
|
117
|
+
options?: DispatchOptions;
|
|
118
|
+
}
|
|
119
|
+
type renderMappingAction = extend_input_renderer_action | extend_output_renderer_action | extend_handle_preview_renderer_action | extend_data_overlay_renderer_action | extend_data_preview_renderer_action | extend_data_view_renderer_action | extend_from_plugin_action | extend_node_context_extender_action | extend_node_renderer_action | extend_node_hooks_action;
|
|
120
|
+
/**
|
|
121
|
+
* RenderMappingProvider is a React component that provides a context for managing and extending the mappings of input renderers, handle preview renderers, data overlay renderers, data preview view renderers, and data view renderers. These mappings are used throughout the application to render various types of inputs, previews, and data views dynamically.
|
|
122
|
+
|
|
123
|
+
* The provider initializes with a set of default mappings and allows these mappings to be extended or overwritten via actions dispatched within the component's reducer. Additionally, it can automatically integrate renderer plugins, extending the functionality based on the provided plugins.
|
|
124
|
+
|
|
125
|
+
* @param {object} props - The props object for the RenderMappingProvider component.
|
|
126
|
+
* @param {ReactElement} props.children - The child components that will be wrapped by the provider.
|
|
127
|
+
* @param {object} props.plugins - An object containing various FuncNodesReactPlugin instances, which may include renderer plugins to be integrated into the render mappings.
|
|
128
|
+
|
|
129
|
+
* @returns {JSX.Element} A JSX element that provides the render mapping context to its children.
|
|
130
|
+
|
|
131
|
+
* Context Value:
|
|
132
|
+
* The context value provided by this component includes the following properties and functions:
|
|
133
|
+
* - Inputrenderer: A mapping of input types to their corresponding renderer components.
|
|
134
|
+
* - Outputrenderer: A mapping of output types to their corresponding renderer components.
|
|
135
|
+
* - HandlePreviewRenderer: A mapping of handle preview types to their corresponding renderer components.
|
|
136
|
+
* - DataOverlayRenderer: A mapping of data overlay types to their corresponding renderer components.
|
|
137
|
+
* - DataPreviewViewRenderer: A mapping of data preview view types to their corresponding renderer components.
|
|
138
|
+
* - DataViewRenderer: A mapping of data view types to their corresponding renderer components.
|
|
139
|
+
* - extendInputRenderMapping: A function to extend the input renderer mapping.
|
|
140
|
+
* - extendOutputRenderMapping: A function to extend the output renderer mapping.
|
|
141
|
+
* - extendHandlePreviewRenderMapping: A function to extend the handle preview renderer mapping.
|
|
142
|
+
* - extendDataOverlayRenderMapping: A function to extend the data overlay renderer mapping.
|
|
143
|
+
* - extendDataPreviewRenderMapping: A function to extend the data preview view renderer mapping.
|
|
144
|
+
* - extendDataViewRenderMapping: A function to extend the data view renderer mapping.
|
|
145
|
+
* - extendFromPlugin: A function to extend all relevant mappings from a given renderer plugin.
|
|
146
|
+
|
|
147
|
+
* Example usage:
|
|
148
|
+
* ```jsx
|
|
149
|
+
* <RenderMappingProvider plugins={myPlugins}>
|
|
150
|
+
* <MyComponent />
|
|
151
|
+
* </RenderMappingProvider>
|
|
152
|
+
* ```
|
|
153
|
+
*/
|
|
154
|
+
declare const RenderMappingProvider: ({ children, plugins, fnrf_zst, }: {
|
|
155
|
+
children: ReactElement;
|
|
156
|
+
plugins: {
|
|
157
|
+
[key: string]: latest.FuncNodesReactPlugin | undefined;
|
|
158
|
+
};
|
|
159
|
+
fnrf_zst: FuncNodesReactFlowZustandInterface;
|
|
160
|
+
}) => React.JSX.Element;
|
|
161
|
+
declare const RenderMappingContext: React.Context<{
|
|
162
|
+
Inputrenderer: {
|
|
163
|
+
[key: string]: latest.InputRendererType | undefined;
|
|
164
|
+
};
|
|
165
|
+
Outputrenderer: {
|
|
166
|
+
[key: string]: latest.OutputRendererType | undefined;
|
|
167
|
+
};
|
|
168
|
+
HandlePreviewRenderer: {
|
|
169
|
+
[key: string]: latest.HandlePreviewRendererType | undefined;
|
|
170
|
+
};
|
|
171
|
+
DataOverlayRenderer: {
|
|
172
|
+
[key: string]: latest.DataOverlayRendererType | undefined;
|
|
173
|
+
};
|
|
174
|
+
DataPreviewViewRenderer: {
|
|
175
|
+
[key: string]: latest.DataPreviewViewRendererType | undefined;
|
|
176
|
+
};
|
|
177
|
+
DataViewRenderer: {
|
|
178
|
+
[key: string]: latest.DataViewRendererType | undefined;
|
|
179
|
+
};
|
|
180
|
+
InLineRenderer: {
|
|
181
|
+
[key: string]: latest.InLineRendererType | undefined;
|
|
182
|
+
};
|
|
183
|
+
NodeContextExtenders: {
|
|
184
|
+
[key: string]: latest.NodeContextExtenderType | undefined;
|
|
185
|
+
};
|
|
186
|
+
NodeRenderer: {
|
|
187
|
+
[key: string]: latest.NodeRendererType | undefined;
|
|
188
|
+
};
|
|
189
|
+
NodeHooks: {
|
|
190
|
+
[key: string]: latest.NodeHooksType[] | undefined;
|
|
191
|
+
};
|
|
192
|
+
extendInputRenderMapping: (_type: string, _component: latest.InputRendererType, _options: DispatchOptions) => void;
|
|
193
|
+
extendOutputRenderMapping: (_type: string, _component: latest.OutputRendererType, _options: DispatchOptions) => void;
|
|
194
|
+
extendHandlePreviewRenderMapping: (_type: string, _component: latest.HandlePreviewRendererType, _options: DispatchOptions) => void;
|
|
195
|
+
extendDataOverlayRenderMapping: (_type: string, _component: latest.DataOverlayRendererType, _options: DispatchOptions) => void;
|
|
196
|
+
extendDataPreviewRenderMapping: (_type: string, _component: latest.DataPreviewViewRendererType, _options: DispatchOptions) => void;
|
|
197
|
+
extendDataViewRenderMapping: (_type: string, _component: latest.DataViewRendererType, _options: DispatchOptions) => void;
|
|
198
|
+
extendNodeContextExtender: (_type: string, _component: latest.NodeContextExtenderType, _options: DispatchOptions) => void;
|
|
199
|
+
extendNodeRenderer: (_type: string, _component: latest.NodeRendererType, _options: DispatchOptions) => void;
|
|
200
|
+
extendNodeHooks: (_type: string, _component: latest.NodeHooksType[], _options: DispatchOptions) => void;
|
|
201
|
+
extendFromPlugin: (_plugin: latest.RendererPlugin, _options: DispatchOptions) => void;
|
|
202
|
+
}>;
|
|
203
|
+
export { RenderMappingContext, RenderMappingProvider };
|
|
204
|
+
export type { RenderMappingState, extend_input_renderer_action, extend_output_renderer_action, extend_handle_preview_renderer_action, extend_data_overlay_renderer_action, extend_data_preview_renderer_action, extend_data_view_renderer_action, extend_from_plugin_action, extend_node_context_extender_action, extend_node_renderer_action, extend_node_hooks_action, renderMappingAction, };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface CustomDialogProps {
|
|
3
|
+
trigger?: React.ReactNode;
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string | React.ReactNode;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
closebutton?: boolean;
|
|
8
|
+
modal?: boolean;
|
|
9
|
+
onOpenChange?: (open: boolean) => void;
|
|
10
|
+
buttons?: {
|
|
11
|
+
text: string;
|
|
12
|
+
onClick: () => void;
|
|
13
|
+
close?: boolean;
|
|
14
|
+
}[];
|
|
15
|
+
open?: boolean;
|
|
16
|
+
setOpen?: (open: boolean) => void;
|
|
17
|
+
}
|
|
18
|
+
declare const CustomDialog: ({ trigger, title, description, children, closebutton, onOpenChange, buttons, open, setOpen, modal, }: CustomDialogProps) => React.JSX.Element;
|
|
19
|
+
export default CustomDialog;
|
|
20
|
+
export type { CustomDialogProps };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FuncNodesReactFlowZustandInterface, FuncnodesReactFlowProps } from '../../states/fnrfzst.t';
|
|
2
|
+
import { LimitedDeepPartial } from '../../utils/objects';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare const DEFAULT_FN_PROPS: FuncnodesReactFlowProps;
|
|
5
|
+
declare const FuncNodesContext: React.Context<FuncNodesReactFlowZustandInterface>;
|
|
6
|
+
declare const FuncnodesReactFlow: (fnprops: LimitedDeepPartial<FuncnodesReactFlowProps>) => React.JSX.Element;
|
|
7
|
+
export default FuncnodesReactFlow;
|
|
8
|
+
export { FuncNodesContext, DEFAULT_FN_PROPS };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { NodeTypes } from '@xyflow/react';
|
|
2
|
+
import { ReactFlowLayerProps } from '../../states/fnrfzst.t';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare const nodeTypes: NodeTypes;
|
|
5
|
+
declare const ReactFlowLayer: (props: ReactFlowLayerProps) => React.JSX.Element;
|
|
6
|
+
export default ReactFlowLayer;
|
|
7
|
+
export { nodeTypes };
|
|
File without changes
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type Breakpoint = "" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
|
|
3
|
+
export declare const WidthSizeBreakPoints: Record<Exclude<Breakpoint, "">, number>;
|
|
4
|
+
interface SizeContextContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
}
|
|
6
|
+
interface SizeContextContainerContextType {
|
|
7
|
+
wKey: Breakpoint;
|
|
8
|
+
w: number;
|
|
9
|
+
h: number;
|
|
10
|
+
}
|
|
11
|
+
export declare const SizeContextContainerContext: React.Context<SizeContextContainerContextType | undefined>;
|
|
12
|
+
export declare const SizeContextContainer: React.ForwardRefExoticComponent<SizeContextContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const useSizeContext: () => SizeContextContainerContextType;
|
|
14
|
+
export declare const breakPointSmallerThan: (a: Breakpoint, b: Breakpoint) => boolean;
|
|
15
|
+
export declare const currentBreakpointSmallerThan: (b: Breakpoint) => boolean;
|
|
16
|
+
export declare const breakPointLargerThan: (a: Breakpoint, b: Breakpoint) => boolean;
|
|
17
|
+
export declare const currentBreakpointLargerThan: (b: Breakpoint) => boolean;
|
|
18
|
+
export type Direction = "row" | "column";
|
|
19
|
+
export interface FloatContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
direction?: Direction | Partial<Record<Breakpoint, Direction>>;
|
|
21
|
+
wrap?: boolean | Partial<Record<Breakpoint, boolean>>;
|
|
22
|
+
grow?: boolean | Partial<Record<Breakpoint, boolean>>;
|
|
23
|
+
}
|
|
24
|
+
export declare const FloatContainer: ({ direction, className, children, wrap, grow, ...rest }: FloatContainerProps) => React.JSX.Element;
|
|
25
|
+
export interface ExpandingContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
26
|
+
direction: "up" | "down" | "left" | "right";
|
|
27
|
+
expanded?: boolean;
|
|
28
|
+
maxSize: string;
|
|
29
|
+
expanderSize?: string;
|
|
30
|
+
containerStyle?: React.CSSProperties;
|
|
31
|
+
containerClassName?: string;
|
|
32
|
+
style?: React.CSSProperties;
|
|
33
|
+
onExpandChange?: (expanded: boolean) => void;
|
|
34
|
+
}
|
|
35
|
+
export declare const ExpandingContainer: ({ direction, expanded, children, className, maxSize, expanderSize, containerStyle, style, containerClassName, onExpandChange, ...rest }: ExpandingContainerProps) => React.JSX.Element;
|
|
36
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface FullScreenComponentType extends React.ForwardRefExoticComponent<FullScreenComponentProps & React.RefAttributes<HTMLDivElement>> {
|
|
3
|
+
Trigger: React.FC<{
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}>;
|
|
6
|
+
InFullScreen: React.FC<{
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}>;
|
|
9
|
+
OutFullScreen: React.FC<{
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}>;
|
|
12
|
+
}
|
|
13
|
+
type FullScreenComponentProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
14
|
+
asChild?: boolean;
|
|
15
|
+
};
|
|
16
|
+
declare const FullScreenComponent: FullScreenComponentType;
|
|
17
|
+
export default FullScreenComponent;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
interface SmoothExpandComponentType extends React.ForwardRefExoticComponent<SmoothExpandComponentProps & React.RefAttributes<HTMLDivElement>> {
|
|
4
|
+
Trigger: React.FC<{
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}>;
|
|
7
|
+
Expanded: React.FC<{
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}>;
|
|
10
|
+
Collapsed: React.FC<{
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}>;
|
|
13
|
+
}
|
|
14
|
+
type SmoothExpandComponentProps = HTMLAttributes<HTMLDivElement> & {
|
|
15
|
+
htime?: number;
|
|
16
|
+
vtime?: number;
|
|
17
|
+
hdelay?: number;
|
|
18
|
+
vdelay?: number;
|
|
19
|
+
asChild?: boolean;
|
|
20
|
+
};
|
|
21
|
+
declare const SmoothExpandComponent: SmoothExpandComponentType;
|
|
22
|
+
export default SmoothExpandComponent;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Shelf } from '../states/lib.t';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const LibraryShelf: ({ item, filter, parentkey, }: {
|
|
4
|
+
item: Shelf;
|
|
5
|
+
filter: string;
|
|
6
|
+
parentkey: string;
|
|
7
|
+
}) => React.JSX.Element;
|
|
8
|
+
declare const Library: () => React.JSX.Element;
|
|
9
|
+
export default Library;
|
|
10
|
+
export { LibraryShelf as LibraryItem };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { latest } from '../../../types/versioned/versions.t';
|
|
2
|
+
declare const usePreviewHandleDataRendererForIo: (io?: latest.IOType) => [latest.DataPreviewViewRendererType | undefined, latest.DataOverlayRendererType | undefined];
|
|
3
|
+
export { usePreviewHandleDataRendererForIo };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HandleProps } from '@xyflow/react';
|
|
2
|
+
import { latest } from '../../../types/versioned/versions.t';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare const pick_best_io_type: (iot: latest.SerializedType, typemap: {
|
|
5
|
+
[key: string]: string | undefined;
|
|
6
|
+
}) => [string | undefined, string | undefined];
|
|
7
|
+
type HandleWithPreviewProps = {
|
|
8
|
+
iostore: latest.IOStore;
|
|
9
|
+
typestring: string | undefined;
|
|
10
|
+
preview?: React.FC<{
|
|
11
|
+
io: latest.IOType;
|
|
12
|
+
}>;
|
|
13
|
+
} & HandleProps;
|
|
14
|
+
declare const HandleWithPreview: ({ iostore, typestring, preview, ...props }: HandleWithPreviewProps) => React.JSX.Element;
|
|
15
|
+
export { pick_best_io_type, HandleWithPreview };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { latest } from '../../../types/versioned/versions.t';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export declare const IODataOverlay: ({ iostore, Component, }: {
|
|
4
|
+
Component: latest.DataOverlayRendererType;
|
|
5
|
+
iostore: latest.IOStore;
|
|
6
|
+
}) => React.JSX.Element;
|
|
7
|
+
export declare const IOPreviewWrapper: ({ iostore, Component, }: {
|
|
8
|
+
Component: latest.DataPreviewViewRendererType;
|
|
9
|
+
iostore: latest.IOStore;
|
|
10
|
+
}) => React.JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { latest } from '../../../types/versioned/versions.t';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const INPUTCONVERTER: {
|
|
4
|
+
[key: string]: [(v: any) => any, (v: any) => any] | undefined;
|
|
5
|
+
};
|
|
6
|
+
declare const NodeInput: ({ iostore }: {
|
|
7
|
+
iostore: latest.IOStore;
|
|
8
|
+
}) => React.JSX.Element | null;
|
|
9
|
+
export default NodeInput;
|
|
10
|
+
export { INPUTCONVERTER };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { latest } from '../../types/versioned/versions.t';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const NodeName: React.MemoExoticComponent<({ node_data }: {
|
|
4
|
+
node_data: latest.NodeType;
|
|
5
|
+
}) => React.JSX.Element>;
|
|
6
|
+
export declare const useDefaultNodeInjection: (storedata: latest.NodeType) => {
|
|
7
|
+
visualTrigger: boolean;
|
|
8
|
+
nodecontext: {
|
|
9
|
+
node_data: latest.NodeType;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
interface NodeContextType {
|
|
13
|
+
node_data: latest.NodeType;
|
|
14
|
+
[key: string]: any | undefined;
|
|
15
|
+
}
|
|
16
|
+
interface RFNodeDataPass extends Record<string, unknown> {
|
|
17
|
+
nodestore: latest.NodeStore;
|
|
18
|
+
}
|
|
19
|
+
declare const NodeContext: React.Context<NodeContextType | null>;
|
|
20
|
+
declare const DefaultNode: ({ data }: {
|
|
21
|
+
data: RFNodeDataPass;
|
|
22
|
+
}) => React.JSX.Element;
|
|
23
|
+
export default DefaultNode;
|
|
24
|
+
export { NodeName, NodeContext };
|
|
25
|
+
export type { NodeContextType, RFNodeDataPass };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const HSLColorPicker: ({ onChange, colorconverter, allow_null, }: {
|
|
3
|
+
onChange: (colorconverter: {
|
|
4
|
+
[key: string]: () => number[] | string;
|
|
5
|
+
} | null) => void;
|
|
6
|
+
colorconverter: {
|
|
7
|
+
[key: string]: () => number[] | string;
|
|
8
|
+
} | null;
|
|
9
|
+
allow_null?: boolean;
|
|
10
|
+
}) => React.JSX.Element;
|
|
11
|
+
interface CustomColorPickerProps {
|
|
12
|
+
inicolordata?: number[] | string | string[];
|
|
13
|
+
inicolorspace?: string;
|
|
14
|
+
allow_null?: boolean;
|
|
15
|
+
delay?: number;
|
|
16
|
+
onChange?: (converter: {
|
|
17
|
+
[key: string]: () => number[] | string;
|
|
18
|
+
} | null) => void;
|
|
19
|
+
}
|
|
20
|
+
declare const CustomColorPicker: React.FC<CustomColorPickerProps>;
|
|
21
|
+
export default CustomColorPicker;
|
|
22
|
+
export { HSLColorPicker };
|