@buerli.io/react-cad 0.5.0 → 0.7.1-beta.1

package/build/plugins/Dimensions/graphics/DimGraphics.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import { ObjectID } from '@buerli.io/core';
 declare const DimGraphics: React.FC<{
     dimId: ObjectID;
+    disableEvents?: boolean;
 }>;
 export default DimGraphics;

package/build/plugins/Dimensions/graphics/primitives.d.ts

@@ -5,13 +5,13 @@ export declare const mainColor = 4342338;
 export declare const TextValue: React.FC<{
     position: THREE.Vector3;
     value: string;
-    onClick?: () => void;
     backgroundColor?: number;
 }>;
 export declare const DimValue: React.FC<{
     position: THREE.Vector3;
     dimId: ObjectID;
     backgroundColor?: number;
+    disableEvents?: boolean;
 }>;
 export declare const Line: React.FC<{
     start: THREE.Vector3;
@@ -31,4 +31,5 @@ export declare const PositionHandler: React.FC<{
     dimId: ObjectID;
     setPosition: React.Dispatch<React.SetStateAction<THREE.Vector3>>;
     position: THREE.Vector3;
+    disableEvents?: boolean;
 }>;

package/build/plugins/HLConstraints/components/LimitedValue.d.ts

@@ -1,18 +1,11 @@
 import React from 'react';
 import { DrawingID, ObjectID } from '@buerli.io/core';
-import { MemberParam } from '../../../types';
-export declare type LimitedValueParam = {
-    value: number;
-    min: number;
-    max: number;
-};
-export declare function useLimValueParam(drawingId: DrawingID, objId: ObjectID, memberName: string, minMemberName: string, maxMemberName: string): MemberParam<LimitedValueParam>;
 export declare const LimitedValue: React.FC<{
     drawingId: DrawingID;
     objId: ObjectID;
     memberName: string;
     limitsName: string;
-    onUpdate: (value: number) => Promise<void>;
+    onUpdate: (value: number | string) => Promise<void>;
     caption?: string;
     angle?: boolean;
     disabled?: boolean;

package/build/plugins/HLConstraints/components/Limits.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DrawingID, ObjectID } from '@buerli.io/core';
-import { MemberParam } from '../../../types';
 import { LimitsParam } from '@buerli.io/classcad';
+import { MemberParam } from '../../../types';
 export declare function useLimitsParam(drawingId: DrawingID, objId: ObjectID, memberName: string, options?: {
     angle?: boolean;
     forceNoLimits?: boolean;

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

@@ -29,7 +29,7 @@ export declare const useUserData: (objId: ObjectID) => {
     onHUD?: undefined;
 };
 export declare const useHandlersAndColor: (drawingId: DrawingID, objId: ObjectID) => {
-    handlers: {};
+    handlers: Record<string, (e: import("@react-three/fiber").ThreeEvent<PointerEvent> & import("../../types").PointerEventsT) => void>;
     color: number;
 };
 export {};

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

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

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

@@ -0,0 +1,5 @@
+export declare const tolerance = 0.000001;
+/**
+ * Allowed pixel offset for onClick handler events in case the pointer was slightly moved
+ */
+export declare const deltaTolerance = 4;

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

@@ -2,4 +2,3 @@ import { PluginDescription } from '@buerli.io/core';
 import { SketchPState } from './types';
 export declare const getInitialState: () => SketchPState;
 export declare const description: PluginDescription;
-export declare const tolerance = 0.000001;

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

@@ -1,4 +1,4 @@
 import { View } from './View';
 import { Root } from './Root';
-import { description, tolerance } from './description';
-export { Root, View, description, tolerance };
+import { description } from './description';
+export { Root, View, description };

package/build/types.d.ts

@@ -7,6 +7,9 @@ export declare type MemberParam<T> = {
     isChanged: (idx?: number) => boolean;
     validator: () => string[];
     setValidator: (...args: any[]) => void;
+    options: {
+        [key: string]: any;
+    };
 };
 export declare type APIParam<T> = {
     value: T | string;

package/build/utils/getHighlightedColor.d.ts

@@ -0,0 +1 @@
+export declare const getHighlightedColor: (isGHovered: boolean, isGSelected: boolean, isSHovered: boolean, isSSelected: boolean) => "green" | "red" | "#3280ff" | "#8040c0" | undefined;

package/build/utils/selection/scopes/treeObjInteraction.d.ts

@@ -0,0 +1,37 @@
+import { DrawingID, IStructureObject, ObjectID, SelectedItem } from '@buerli.io/core';
+import { ThreeEvent } from '@react-three/fiber';
+/**
+ * Implies the following data structure:
+ * data: {
+ *   object: IStructureObject
+ * }
+ */
+export declare const TreeObjScope = "TreeObjScope";
+export declare const createTreeObjSelItem: (productId: ObjectID, object: IStructureObject) => SelectedItem;
+export declare function useIsGHovered(drawingId: DrawingID, objId: ObjectID): boolean;
+export declare function useIsGSelected(drawingId: DrawingID, objId: ObjectID): boolean;
+export declare function useIsSHovered(drawingId: DrawingID, objId: ObjectID): boolean;
+/**
+ * Returns true if object in tree is currently selected in active selection.
+ *
+ * This hook leads to re-rendering of each element uses it.
+ * It happens because it uses items of the active selection,
+ * and it's not possible to check if objId is selected inside of useDrawing selector
+ * because of performance reasone (it requires traversing through all of selectedItems).
+ *
+ * @param drawingId
+ * @param objId
+ * @returns
+ */
+export declare function useIsSSelected(drawingId: DrawingID, objId: ObjectID): boolean;
+export declare function useTreeObjInteraction(drawingId: DrawingID, objId: ObjectID): {
+    isGHovered: boolean;
+    isGSelected: boolean;
+    isSHovered: boolean;
+    isSSelected: boolean;
+    handlers: {
+        onClick: (e: MouseEvent | ThreeEvent<MouseEvent>) => void;
+        onPointerOut: (e: PointerEvent | ThreeEvent<PointerEvent>) => void;
+        onPointerOver: (e: PointerEvent | ThreeEvent<PointerEvent>) => void;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerli.io/react-cad",
-  "version": "0.5.0",
+  "version": "0.7.1-beta.1",
   "description": "buerli CAD components",
   "author": "AWV Informatik AG <info@awv-informatik.ch>",
   "repository": {},
@@ -91,8 +91,8 @@
   },
   "dependencies": {
     "@ant-design/compatible": "^1.0.8",
-    "@buerli.io/classcad": "0.5.0",
-    "@buerli.io/react": "0.5.0",
+    "@buerli.io/classcad": "0.7.1-beta.2",
+    "@buerli.io/react": "0.7.1-beta.2",
     "@react-three/postprocessing": "2.6.2",
     "antd": "^4.23.4",
     "path-browserify": "^1.0.1",

package/build/utils/selection/scopes/treeObjSelection.d.ts

@@ -1,27 +0,0 @@
-import { DrawingID, IStructureObject, ObjectID, SelectedItem } from '@buerli.io/core';
-/**
- * Implies the following data structure:
- * data: {
- *   object: IStructureObject
- * }
- */
-export declare const TreeObjScope = "TreeObjScope";
-export declare const createTreeObjSelItem: (productId: ObjectID, object: IStructureObject) => SelectedItem;
-/**
- * Returns true if object in tree is currently selected in active selection.
- *
- * This hook leads to re-rendering of each element uses it.
- * It happens because it uses items of the active selection,
- * and it's not possible to check if objId is selected inside of useDrawing selector
- * because of performance reasone (it requires traversing through all of selectedItems).
- *
- * @param drawingId
- * @param objId
- * @returns
- */
-export declare function useIsSelected(drawingId: DrawingID, objId: ObjectID): boolean;
-export declare function useTreeObjSelection(drawingId: DrawingID, objId: ObjectID): {
-    isHovered: boolean;
-    isSelected: boolean;
-    handlers: {};
-};