@buerli.io/react-cad 0.0.22 → 0.0.23-beta.0

package/build/plugins/Dimensions/index.d.ts

@@ -13,6 +13,6 @@ declare const Plugin: {
         drawingId: string | number;
         pluginId: string | number;
     }>;
-    description: import("@buerli.io/core/build/store/states/plugin").PluginDescription<any>;
+    description: import("@buerli.io/core/build/types/store/states/plugin").PluginDescription<any>;
 };
 export { Plugin };

package/build/plugins/Sketch/Root/Details.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Details: React.FC;

package/build/plugins/Sketch/Root/useMenuItems.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import 'antd/dist/antd.css';
+import { DrawingID, ObjectID, PluginID } from '@buerli.io/core';
+import { MenuItems } from '../../../components/UI/CAD/common/Menu';
+export declare function useMenuItems(drawingId: DrawingID, pluginId: PluginID, objectId: ObjectID, setRename: React.Dispatch<React.SetStateAction<boolean>>): MenuItems;

package/build/plugins/Sketch/View/graphics/Merged/Arc.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import * as THREE from 'three';
+import { commonProps } from '../primitives';
+export declare const Arc: React.FC<{
+    start: THREE.Vector3;
+    end: THREE.Vector3;
+    center: THREE.Vector3;
+    clockwise: boolean;
+} & commonProps>;

package/build/plugins/Sketch/View/graphics/Merged/Line.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import * as THREE from 'three';
+import { commonProps } from '../primitives';
+export declare const Line: React.FC<{
+    start: THREE.Vector3;
+    end: THREE.Vector3;
+    width?: number;
+    notInteractive?: boolean;
+    scalePlus?: boolean;
+} & commonProps>;

package/build/plugins/Sketch/View/graphics/Merged/MergedWrapper.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const MeshContext: React.Context<{
+    Cylinder: any;
+    Sphere: any;
+}>;
+/**
+ * Component which implements InstancedMesh from three.js.
+ * Merged component from drei takes globaly created meshes and then passes corresponding "mocked" components via function props (Box and Sphere) to children.
+ * "mocked" components are used for saying drei where to draw instances.
+ */
+export declare const MergedWrapper: React.FC;

package/build/plugins/Sketch/View/graphics/Merged/Point.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import * as THREE from 'three';
+import { commonProps } from '../primitives';
+export declare const Point: React.FC<{
+    position: THREE.Vector3;
+    size?: number;
+    scalePlus?: boolean;
+} & commonProps>;

package/build/plugins/Sketch/View/graphics/graphics.d.ts

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

package/build/plugins/Sketch/View/graphics/hooks.d.ts

@@ -2,6 +2,8 @@ import { IStructureObject, DrawingID, ObjectID } from '@buerli.io/core';
 export declare const useGeomParams: (objId: ObjectID) => {
     renderOrder: number;
     polygonOffsetUnits: number;
+    isHovered: boolean;
+    isSelected: boolean;
 };
 declare type ObjState = {
     isSketchActive: boolean;
@@ -22,7 +24,7 @@ export declare const useUserData: (objId: ObjectID) => {
 export declare const useHandlersAndColor: (drawingId: DrawingID, objId: ObjectID) => {
     handlers: {
         [key: string]: (e: PointerEvent & import("@react-three/fiber/dist/declarations/src/core/events").IntesectionEvent<PointerEvent> & import("../../types").PointerEventsT) => void;
-    } | undefined;
+    };
     color: number;
 };
 export {};

package/build/plugins/Sketch/View/graphics/primitives.d.ts

@@ -5,8 +5,7 @@ export declare const pointSize = 0.5;
 export declare const arcWidth = 0.2;
 export declare const radSegments = 32;
 export declare const tubeSegments = 6;
-declare type commonProps = {
-    scale?: number;
+export declare type commonProps = {
     materialProps?: JSX.IntrinsicElements['meshBasicMaterial'];
     meshProps?: JSX.IntrinsicElements['mesh'];
 };
@@ -39,10 +38,11 @@ export declare const Arc: React.FC<{
     center: THREE.Vector3;
     clockwise: boolean;
     width?: number;
+    scale?: number;
 } & commonProps>;
 export declare const Circle: React.FC<{
     center: THREE.Vector3;
     radius: number;
     width?: number;
+    scale?: number;
 } & commonProps>;
-export {};

package/build/plugins/Sketch/View/graphics/scale.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function setScale(newScale: number): void;
+export declare function getScale(): number;
+export declare function useScale(getVector?: (sf: number) => [number, number, number]): React.MutableRefObject<import("three").Object3D | undefined>;

package/build/plugins/Sketch/View/handlers/Handlers.d.ts

@@ -8,6 +8,7 @@ import { DrawRectangle } from './DrawRectangle';
 import { DrawCircle } from './DrawCircle';
 import { Fillet } from './Fillet';
 import { Trim } from './Trim';
+import { UseRef } from './UseRef';
 export declare const Handlers: {
     createAngle: typeof CreateAngle;
     drag: typeof Drag;
@@ -17,6 +18,7 @@ export declare const Handlers: {
     drawRectangle: typeof DrawRectangle;
     fillet: typeof Fillet;
     trim: typeof Trim;
+    useReference: typeof UseRef;
     drawArcCenter: (drawingId: DrawingID, pluginId: PluginID) => import("../../types").Handler;
     drawArcMidlde: (drawingId: DrawingID, pluginId: PluginID) => import("../../types").Handler;
     drawArcTangent: (drawingId: DrawingID, pluginId: PluginID) => import("../../types").Handler;

package/build/plugins/Sketch/View/handlers/UseRef.d.ts

@@ -0,0 +1,3 @@
+import { DrawingID, PluginID } from '@buerli.io/core';
+import { Handler } from '../../types';
+export declare function UseRef(drawingId: DrawingID, pluginId: PluginID): Handler;

package/build/plugins/Sketch/types.d.ts

@@ -49,6 +49,7 @@ export declare enum HandlersList {
     FILLET = "fillet",
     HOVER = "hover",
     TRIM = "trim",
+    USEREF = "useReference",
     GSELECTION = "globalSelection"
 }
 export declare type PointerEventsT = {

package/build/plugins/Sketch/utils/Interaction.d.ts

@@ -0,0 +1,4 @@
+import { DrawingID, PluginID, ObjectID } from '@buerli.io/core';
+export declare const hover: (drawingId: DrawingID, pluginId: PluginID, hoveredId: ObjectID) => void;
+export declare const unhover: (drawingId: DrawingID, pluginId: PluginID, hoveredId: ObjectID) => void;
+export declare const select: (drawingId: DrawingID, pluginId: PluginID, selectedId: ObjectID) => void;

package/build/utils/FileUtils.d.ts

@@ -13,6 +13,6 @@ export declare const FileUtils: {
     loadFile: (onLoad: (files: {
         file: File;
         content: any;
-    }[]) => void, type?: "DataURL" | "ArrayBuffer" | "BinaryString" | "Text" | undefined, multiple?: boolean | undefined) => void;
+    }[]) => void, type?: "Text" | "DataURL" | "ArrayBuffer" | "BinaryString" | undefined, multiple?: boolean | undefined) => void;
     exportNode: (drawingId: DrawingID, objectId: ObjectID, type?: 'of1' | 'stp' | 'stl') => Promise<void>;
 };

package/build/utils/helpers.d.ts

@@ -18,6 +18,7 @@ export declare const angleVecVec: (a: THREE.Vector3, b: THREE.Vector3) => number
 export declare const calculateTangent: (tree: IStructureTree, object: IStructureObject & WithMembers & WithChildren, point: THREE.Vector3) => THREE.Vector3 | undefined;
 export declare function getDescendants(tree: IStructureTree, objectId: ObjectID): number[];
 export declare function getAncestorIdByClass(drawingId: DrawingID, objectId: ObjectID, parentClass: CCClasses): number | null;
+export declare const isSketchGeometry: (arg: IStructureObject | CCClasses) => boolean;
 export declare const is2DConstraint: (arg: IStructureObject | CCClasses) => boolean;
 export declare const degreesToRadians: (degrees: number) => number;
 export declare const radiansToDegrees: (radians: number) => number;
@@ -32,3 +33,4 @@ export declare function rgbToHex(color: {
     b: number;
 }): string;
 export declare function fmod(num: number, denom: number): number;
+export declare function numberToHexColor(color: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerli.io/react-cad",
-  "version": "0.0.22",
+  "version": "0.0.23-beta.0",
   "description": "buerli CAD components",
   "author": "AWV Informatik AG <info@awv-informatik.ch>",
   "repository": {},
@@ -14,7 +14,8 @@
   "scripts": {
     "build": "rimraf ./build && rollup -c",
     "postbuild": "tsc --emitDeclarationOnly",
-    "test": "jest",
+    "test": "jest --silent",
+    "testVerbose": "jest",
     "lint": "eslint \"./src/**/*.ts?(x)\"",
     "prettier": "prettier --write \"./{src,tests}/**/*.{js,jsx,ts,tsx,json}\""
   },
@@ -82,18 +83,19 @@
     "rollup-plugin-postcss": "^4.0.1",
     "rollup-plugin-size-snapshot": "^0.12.0",
     "rollup-plugin-terser": "^7.0.2",
+    "three": "^0.131.3",
     "typescript": "4.1.2"
   },
   "peerDependencies": {
-    "@react-three/fiber": ">= 7.0.0",
+    "@react-three/fiber": ">= 7.0.17",
     "three": ">=0.129"
   },
   "dependencies": {
     "@ant-design/compatible": "^1.0.8",
-    "@buerli.io/classcad": "0.0.34",
-    "@buerli.io/react": "0.0.34",
-    "@react-three/drei": "^7.2.1",
-    "@react-three/fiber": "^7.0.6",
+    "@buerli.io/classcad": "0.0.35-beta.0",
+    "@buerli.io/react": "0.0.35-beta.0",
+    "@react-three/drei": "^7.12.6",
+    "@react-three/fiber": "^7.0.17",
     "antd": "4.11.2",
     "react": "^17.0.2",
     "react-colorful": "^5.3.0",
@@ -101,7 +103,6 @@
     "react-sortable-hoc": "^2.0.0",
     "react-uid": "^2.3.1",
     "styled-components": "^4.3.2",
-    "three": "^0.131.3",
     "three-rounded-box": "^0.1.1",
     "three-stdlib": "^2.4.0",
     "uuid": "^3.3.2",

package/build/plugins/Sketch/Root/UseRef.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const UseRef: React.FC;