@buerli.io/react-cad 0.2.0 → 0.3.0-beta.0

package/build/components/UI/CAD/Drawing.d.ts

@@ -1,18 +1,6 @@
-import { DrawingID, ObjectID } from '@buerli.io/core';
+import { DrawingID } from '@buerli.io/core';
 import 'antd/dist/antd.css';
 import React from 'react';
-declare type ObjType = 'Feature' | 'AssemblyNode' | 'Solid' | 'Constraint';
-export declare type InteractionInfo = {
-    objectId: ObjectID;
-    highlightedIds?: ObjectID[];
-    type: ObjType;
-} | null;
-export declare const InteractionContext: React.Context<{
-    hoveredId?: number | undefined;
-    selectedId?: number | undefined;
-    onHover?: ((objData: InteractionInfo) => void) | undefined;
-    onClick?: ((objData: InteractionInfo) => void) | undefined;
-}>;
 /**
  * Component which provides convenient UI for working with models which is loaded to existing drawing.
  * It includes ModelTree, Constraints and Solids components and toolbar for creating new features/3dconstraints
@@ -20,18 +8,9 @@ export declare const InteractionContext: React.Context<{
  *
  * @param drawingId - id of an existing drawing.
  * @param Menu - you can pass custom file menu which will be shown at the left top corner.
- * @param hoveredId - id of a currently hovered object.
- * @param selectedId - id of a currently selected object.
- * @param onHover - callback for hovering features / assembly nodes / solids / constraints.
- * @param onClick - callback for clicking on assembly nodes / solids.
  */
 export declare const Drawing: React.FC<{
     drawingId: DrawingID;
     Menu?: JSX.Element;
     children?: React.ReactNode;
-    hoveredId?: ObjectID;
-    selectedId?: ObjectID;
-    onHover?: (objData: InteractionInfo) => void;
-    onClick?: (objData: InteractionInfo) => void;
 }>;
-export {};

package/build/components/UI/CAD/ViewOptionsBar/useOptionCommands.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const useOptionCommands: () => ({
     label: string;
     icon: JSX.Element;

package/build/components/UI/CAD/index.d.ts

@@ -10,5 +10,4 @@ export { ViewOptionButtons } from './ViewOptionsBar/ViewOptionButtons';
 export { ViewPlugButtons } from './ViewPlugButtons';
 export { Menu } from './common/Menu';
 export type { MenuItem, MenuItems } from './common/Menu';
-export type { InteractionInfo } from './Drawing';
 export * from './store/CADStore';

package/build/components/UI/editors/RefsEditors/RefEditor.d.ts

@@ -3,6 +3,7 @@ import { DrawingID, IStructureTree, ObjectID, SelectorID, SelectedItem } from '@
 import { MemberParam } from '../../../../types';
 import { SelectorsOrderT } from '../../../../utils/selection/useSelectorsOrder';
 export declare const isGeometry: (tree: IStructureTree, objId: ObjectID) => boolean;
+export declare const getInteractionInfo: (drawingId: DrawingID, item: SelectedItem | null) => import("@buerli.io/core").InteractionInfo<any> | null;
 export declare const RefEditor: React.FC<{
     param: MemberParam<ObjectID[]> | MemberParam<ObjectID>;
     drawingId: DrawingID;

package/build/components/graphics/CSysDisplay.d.ts

@@ -17,6 +17,7 @@ export declare type CSysUserData = {
     reoriented?: ReorientedType;
     isSelected?: boolean;
     isActive?: boolean;
+    onHUD?: boolean;
 };
 export declare const CSysWrapper: React.FC<{
     drawingId: DrawingID;

package/build/components/graphics/HoveredConstraintDisplay.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { DrawingID, ObjectID } from '@buerli.io/core';
+import { DrawingID } from '@buerli.io/core';
 export declare const HoveredConstraintDisplay: React.FC<{
     drawingId: DrawingID;
-    hoveredId: ObjectID;
 }>;

package/build/components/graphics/Outlines/IDPass.d.ts

@@ -0,0 +1,11 @@
+import * as THREE from 'three';
+import { Pass, Selection } from 'postprocessing';
+export declare class IDPass extends Pass {
+    material: THREE.RawShaderMaterial;
+    oldMaterials: Map<THREE.Mesh, THREE.Material>;
+    selection: Selection;
+    id: number;
+    channel: number;
+    constructor(scene: THREE.Scene, camera: THREE.Camera);
+    render(renderer: THREE.WebGLRenderer, inputBuffer: THREE.WebGLRenderTarget): void;
+}

package/build/components/graphics/Outlines/Outline.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="postprocessing" />
+import React from 'react';
+import { Object3D } from 'three';
+import { OutlineEffect } from './OutlineEffect';
+export declare type OutlineProps = ConstructorParameters<typeof OutlineEffect>[2] & Partial<{
+    selections1: Object3D[][];
+    selections2: Object3D[][];
+    selections3: Object3D[][];
+    selectionLayer: number;
+}>;
+export declare const Outline: React.ForwardRefExoticComponent<{
+    edgeStrength?: number | undefined;
+    edgeColor1?: number | undefined;
+    edgeColor2?: number | undefined;
+    edgeColor3?: number | undefined;
+    resolutionScale?: number | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+    kernelSize?: import("postprocessing").KernelSize | undefined;
+} & Partial<{
+    selections1: Object3D[][];
+    selections2: Object3D[][];
+    selections3: Object3D[][];
+    selectionLayer: number;
+}> & React.RefAttributes<OutlineEffect>>;

package/build/components/graphics/Outlines/OutlineEffect.d.ts

@@ -0,0 +1,32 @@
+import * as THREE from 'three';
+import { Effect, ClearPass, KawaseBlurPass, ShaderPass, Selection, KernelSize } from 'postprocessing';
+import { IDPass } from './IDPass';
+export declare class OutlineEffect extends Effect {
+    scene: THREE.Scene;
+    camera: THREE.Camera;
+    idRT: THREE.WebGLRenderTarget;
+    outlineRT: THREE.WebGLRenderTarget;
+    clearPass: ClearPass;
+    idPass: IDPass;
+    outlinePass: ShaderPass;
+    blurPass: KawaseBlurPass;
+    selections1: Selection[];
+    selections2: Selection[];
+    selections3: Selection[];
+    time: number;
+    processSelection: (renderer: THREE.WebGLRenderer, selection: Selection, id: number) => void;
+    constructor(scene: THREE.Scene, camera: THREE.Camera, { edgeStrength, edgeColor1, edgeColor2, edgeColor3, resolutionScale, width, height, kernelSize, }?: {
+        edgeStrength?: number | undefined;
+        edgeColor1?: number | undefined;
+        edgeColor2?: number | undefined;
+        edgeColor3?: number | undefined;
+        resolutionScale?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        kernelSize?: KernelSize | undefined;
+    });
+    set selectionLayer(value: number);
+    update(renderer: THREE.WebGLRenderer, inputBuffer: THREE.WebGLRenderTarget, deltaTime: number): void;
+    setSize(width: number, height: number): void;
+    initialize(renderer: THREE.WebGLRenderer, alpha: boolean, frameBufferType?: number): void;
+}

package/build/components/graphics/Outlines/OutlineMaterial.d.ts

@@ -0,0 +1,7 @@
+import * as THREE from "three";
+export declare class OutlineMaterial extends THREE.ShaderMaterial {
+    constructor(texelSize?: THREE.Vector2);
+    set inputBuffer(value: THREE.Texture);
+    setTexelSize(x: number, y: number): void;
+    setSize(width: number, height: number): void;
+}

package/build/components/graphics/SelectedMateObj.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DrawingID, ObjectID } from '@buerli.io/core';
+import { FlipType, ReorientedType } from '@buerli.io/classcad';
+export declare const SelectedMateObj: React.FC<{
+    drawingId: DrawingID;
+    csysId: ObjectID;
+    matePath: ObjectID[];
+    flip: FlipType;
+    reoriented: ReorientedType;
+    color?: string | number;
+    opacity?: number;
+}>;

package/build/components/graphics/WorkAxisObj.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DrawingID, ObjectID } from '@buerli.io/core';
+export declare const WorkAxisObj: React.FC<{
+    drawingId: DrawingID;
+    objectId: ObjectID;
+    color?: number | string;
+    opacity?: number;
+    userData?: any;
+    handlers?: any;
+}>;

package/build/components/graphics/WorkCoordSystemObj.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DrawingID, ObjectID } from '@buerli.io/core';
+export declare const WorkCoordSystemObj: React.FC<{
+    drawingId: DrawingID;
+    objectId: ObjectID;
+    color?: number | string;
+    opacity?: number;
+    userData?: any;
+    handlers?: any;
+}>;

package/build/components/graphics/WorkPlaneObj.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DrawingID, ObjectID } from '@buerli.io/core';
+export declare const WorkPlaneObj: React.FC<{
+    drawingId: DrawingID;
+    objectId: ObjectID;
+    color?: number | string;
+    opacity?: number;
+    userData?: any;
+    handlers?: any;
+}>;

package/build/components/graphics/WorkPointObj.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DrawingID, ObjectID } from '@buerli.io/core';
+export declare const WorkPointObj: React.FC<{
+    drawingId: DrawingID;
+    objectId: ObjectID;
+    color?: number | string;
+    opacity?: number;
+    userData?: any;
+    handlers?: any;
+}>;

package/build/components/graphics/graphics.d.ts

@@ -3,7 +3,7 @@ import * as THREE from 'three';
 export declare const Point: React.FC<{
     position: THREE.Vector3;
     radius: number;
-    color: number;
+    color: string | number;
     opacity?: number;
     handlers?: any;
     userData?: any;
@@ -13,7 +13,7 @@ export declare const Arrow: React.FC<{
     direction: THREE.Vector3;
     length: number;
     width: number;
-    color: number;
+    color: string | number;
     opacity?: number;
     handlers?: any;
     userData?: any;
@@ -21,7 +21,7 @@ export declare const Arrow: React.FC<{
 }>;
 export declare const OriginPoint: React.FC<{
     position?: THREE.Vector3;
-    color: number;
+    color: string | number;
     opacity?: number;
     handlers?: any;
     userData?: any;
@@ -31,7 +31,7 @@ export declare const AxisArrow: React.FC<{
     direction: THREE.Vector3;
     length?: number;
     width?: number;
-    color: number;
+    color: string | number;
     opacity?: number;
     handlers?: any;
     userData?: any;
@@ -41,14 +41,14 @@ export declare const Csys: React.FC<{
     matrix: THREE.Matrix4;
     opacity: number;
     handlers?: any;
-    color?: number;
+    color?: string | number;
     userData?: any;
 }>;
 export declare const SelectedCsys: React.FC<{
     matrix: THREE.Matrix4;
-    opacity: number;
+    opacity?: number;
     handlers?: any;
-    color?: number;
+    color?: string | number;
     userData?: any;
 }>;
 export declare const Caption: React.FC<{

package/build/components/graphics/utils/MatePathTransform.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import * as THREE from 'three';
+import { DrawingID, ObjectID } from '@buerli.io/core';
+export declare const MatePathTransform: React.FC<{
+    drawingId: DrawingID;
+    matePath: ObjectID[];
+    currentDepth?: number;
+    matrix?: THREE.Matrix4;
+}>;

package/build/components/graphics/utils/useCsysMatrix.d.ts

@@ -0,0 +1,4 @@
+import * as THREE from 'three';
+import { DrawingID, ObjectID } from '@buerli.io/core';
+import { FlipType, ReorientedType } from '@buerli.io/classcad';
+export declare const useCsysMatrix: (drawingId: DrawingID, csysId: ObjectID, flip: FlipType | undefined, reoriented: ReorientedType | undefined) => THREE.Matrix4;

package/build/components/utils/CompValidation/ErrorBoundary.d.ts

@@ -22,6 +22,6 @@ export declare class ErrorBoundary extends React.Component<Props, State> {
         hasError: boolean;
     };
     componentDidCatch(error: any, errorInfo: any): void;
-    render(): {} | null | undefined;
+    render(): React.ReactNode;
 }
 export {};