@buerli.io/react-cad 1.0.1-beta.3 → 1.1.0-beta.7

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

@@ -1,2 +1,3 @@
 import React from 'react';
+import '../../../../components/UI/editors/antd-theme.css';
 export declare const Constraints: React.FC;

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

@@ -1,2 +1,3 @@
 import React from 'react';
+import '../../../components/UI/editors/antd-theme.css';
 export declare const CopyPatterns: React.FC;

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

@@ -1,2 +1,3 @@
 import React from 'react';
+import '../../../components/UI/editors/antd-theme.css';
 export declare const Details: React.FC;

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

@@ -1,3 +1,4 @@
 import React from 'react';
+import '../../../components/UI/editors/antd-theme.css';
 import './Handlers.css';
 export declare const Handlers: React.FC;

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

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

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

@@ -2,11 +2,19 @@ import React from 'react';
 import * as THREE from 'three';
 import { DrawingID, PluginID } from '@buerli.io/core';
 import { commonProps } from '../primitives';
+export declare type ArcInstance = THREE.Group & {
+    radius: number;
+    tubeRadius: number;
+    arcAngle: number;
+    units: number;
+    periodLength: number;
+};
 export declare const useTubeRadius: (drawingId: DrawingID, pluginId: PluginID, scalePlus?: boolean) => number;
 export declare const Arc: React.FC<{
     start: THREE.Vector3;
     end: THREE.Vector3;
     center: THREE.Vector3;
     clockwise: boolean;
+    isConstruction: boolean;
     scalePlus?: boolean;
 } & commonProps>;

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

@@ -4,5 +4,6 @@ import { commonProps } from '../primitives';
 export declare const Circle: React.FC<{
     center: THREE.Vector3;
     radius: number;
+    isConstruction: boolean;
     scalePlus?: boolean;
 } & commonProps>;

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

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

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

@@ -0,0 +1,2 @@
+import * as THREE from 'three';
+export declare const createLineGeometry: (tubeSegments: number, instanceLimit: number) => THREE.CylinderGeometry;

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

@@ -0,0 +1,2 @@
+import * as THREE from 'three';
+export declare const createLineMaterial: () => THREE.ShaderMaterial;

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

@@ -1,13 +1,4 @@
 import React from 'react';
-import * as THREE from 'three';
-declare type ArcInstance = THREE.Group & {
-    radius: number;
-    tubeRadius: number;
-    angularLength: number;
-};
-export declare const getCylBB: () => THREE.Box3;
-export declare const getSphereBB: () => THREE.Box3;
-export declare const getArcBB: (mesh: ArcInstance) => THREE.Box3;
 export declare const MeshContext: React.Context<{
     MockCylinder: any;
     MockSphere: any;
@@ -21,4 +12,3 @@ export declare const MeshContext: React.Context<{
 export declare const MergedWrapper: React.FC<{
     children?: React.ReactNode;
 }>;
-export {};

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

@@ -1,4 +1,5 @@
 import { ScgObject, DrawingID, ObjectID } from '@buerli.io/core';
+import { ThemeMode } from '../../../../theme/themeStore';
 export declare const useGeomParams: (objId: ObjectID) => {
     renderOrder: number;
     polygonOffsetUnits: number;
@@ -8,7 +9,9 @@ export declare const useGeomParams: (objId: ObjectID) => {
     isConstrOverdefined: boolean;
 };
 declare type ObjState = {
+    theme: ThemeMode;
     isSketchActive: boolean;
+    isConstruction: boolean;
     isHighlighted: boolean;
     isGHovered: boolean;
     isSHovered: boolean;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as THREE from 'three';
+import { DrawingID, PluginID } from "@buerli.io/core";
+export declare function useTransform<T extends THREE.Object3D>(drawingId: DrawingID, pluginId: PluginID, position: THREE.Vector3, quaternion: THREE.Quaternion, baseScale: THREE.Vector3, mScale: THREE.Vector3): React.RefObject<T>;

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

@@ -7,11 +7,13 @@ export declare type FilletablePointInfo = {
     arcCenterPos: THREE.Vector3;
     clockwise: boolean;
     lineIds: ObjectID[];
+    isConstruction: boolean;
 };
 export declare type FilletArcsInfo = {
     controlPos: THREE.Vector3;
     arcStartPos: THREE.Vector3;
     arcEndPos: THREE.Vector3;
+    isConstruction: boolean;
 };
 export declare function evaluateClockwise(start: THREE.Vector3, end: THREE.Vector3, control: THREE.Vector3): boolean;
 export declare const getFilletablePointsMap: (drawingId: DrawingID, sketchId: ObjectID) => {

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

@@ -86,12 +86,14 @@ declare type TmpObjectCommon = {
 export declare type TmpLineT = TmpObjectCommon & {
     startPId: TmpObjectID;
     endPId: TmpObjectID;
+    isConstruction: boolean;
 };
 export declare type TmpRectT = TmpObjectCommon & {
     start: THREE.Vector3;
     end: THREE.Vector3;
     isSquare: boolean;
     isCentered: boolean;
+    isConstruction: boolean;
 };
 export declare type TmpPointT = TmpObjectCommon & {
     position: THREE.Vector3;
@@ -103,10 +105,12 @@ export declare type TmpArcT = TmpObjectCommon & {
     centerPId: TmpObjectID;
     clockwise: boolean;
     drawAsLine?: boolean;
+    isConstruction: boolean;
 };
 export declare type TmpCircleT = TmpObjectCommon & {
     centerPId: TmpObjectID;
     radius: number;
+    isConstruction: boolean;
 };
 export declare type TmpAngularDimensionT = TmpObjectCommon & {
     dir0: THREE.Vector3;

package/build/theme/themeStore.d.ts

@@ -0,0 +1,68 @@
+export declare type ThemeMode = 'light' | 'dark';
+export declare type ThemeColors = {
+    background: string;
+    text: string;
+    textSecondary: string;
+    border: string;
+    headerBackground: string;
+    headerDotLight: string;
+    headerDotDark: string;
+    sectionHeaderBg: string;
+    sectionHeaderText: string;
+    sectionHeaderBorder: string;
+    hoverBg: string;
+    hoverBorder: string;
+    linkColor: string;
+    contextMenuBorder: string;
+    contextMenuHeaderBg: string;
+    scrollbarThumb: string;
+    boxShadow: string;
+    msgSuccessBorder: string;
+    msgSuccessBg: string;
+    msgErrorBorder: string;
+    msgErrorBg: string;
+    msgErrorBgAccent: string;
+    msgErrorBorderAccent: string;
+    msgWarningBorder: string;
+    msgWarningBg: string;
+    msgInfoBorder: string;
+    msgInfoBg: string;
+    msgShownBorder: string;
+    msgShownBg: string;
+    inputBg: string;
+    inputBgDisabled: string;
+    inputBorder: string;
+    inputBorderDisabled: string;
+    inputText: string;
+    closeIcon: string;
+    iconFilter: string;
+    tooltipBg: string;
+    tooltipText: string;
+    expressionSpanBg: string;
+    expressionSpanSelectedBg: string;
+    canvasText: number;
+    canvasDimLine: number;
+    canvasLabelBg: number;
+    loadingOverlayBg: string;
+};
+export declare const lightTheme: ThemeColors;
+export declare const darkTheme: ThemeColors;
+declare type ThemeState = {
+    mode: ThemeMode;
+    colors: ThemeColors;
+    setMode: (mode: ThemeMode) => void;
+};
+export declare const useThemeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ThemeState>>;
+/** Hook returning the current react-cad theme colors. */
+export declare const useRCadTheme: () => ThemeColors;
+/** Hook returning the current theme mode. */
+export declare const useRCadThemeMode: () => ThemeMode;
+/** Set the react-cad theme mode imperatively. */
+export declare const setRCadThemeMode: (mode: ThemeMode) => void;
+/** Hook returning the canvas text/overlay color (numeric, for three.js materials). */
+export declare const useCanvasTextColor: () => number;
+/** Hook returning the dimension line/arrow color (numeric, for three.js materials). */
+export declare const useCanvasDimLineColor: () => number;
+/** Hook returning the canvas label background color (numeric, for measure/dimension labels). */
+export declare const useCanvasLabelBg: () => number;
+export {};

package/build/utils/FileUtils.d.ts

@@ -9,10 +9,12 @@ export declare const FileUtils: {
      *
      * @param onLoad The callback.
      * @param type The content type.
+     * @param multiple The flag for allowing / not allowing to select multiple files to be loaded.
+     * @param accept Default electable formats (if not specified, accept all).
      */
     loadFile: (onLoad: (files: {
         file: File;
         content: any;
-    }[]) => void, type?: 'DataURL' | 'ArrayBuffer' | 'BinaryString' | 'Text', multiple?: boolean) => void;
+    }[]) => void, type?: 'DataURL' | 'ArrayBuffer' | 'BinaryString' | 'Text', multiple?: boolean, accept?: string) => void;
     exportNode: (drawingId: DrawingID, objectId: ObjectID, type?: 'ofb' | 'stp' | 'step' | 'stl') => Promise<void>;
 };

package/build/utils/sketchUtils.d.ts

@@ -17,6 +17,13 @@ export declare const isSketchActive: (drawingId: DrawingID) => boolean;
  * @returns Tangent vector value.
  */
 export declare const calculateTangent: (drawingId: DrawingID, curveId: ObjectID, point: THREE.Vector3) => THREE.Vector3 | undefined;
+/**
+ * Checks if the object represents a sketch curve.
+ *
+ * @param arg A structure object or CCClass of a structure object.
+ * @returns True if the object represents a sketch curve, false otherwise.
+ */
+export declare const isSketchCurve: (arg: ScgObject | ScgClassType) => boolean;
 /**
  * Checks if the object represents a sketch geometry.
  *
@@ -45,6 +52,13 @@ export declare const isSketchObj: (arg: ScgObject | ScgClassType) => boolean;
  * @returns True if the object represents a sketch region, false otherwise.
  */
 export declare const isSketchRegion: (arg: ScgObject | ScgClassType) => boolean;
+/**
+ * Checks if the object is a construction geometry.
+ *
+ * @param arg A structure object or CCClass of a structure object.
+ * @returns True if the object is a construction geometry, false otherwise.
+ */
+export declare const isConstruction: (arg: ScgObject) => boolean;
 /**
  * Searches for the sketch which nests the specified object.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerli.io/react-cad",
-  "version": "1.0.1-beta.3",
+  "version": "1.1.0-beta.7",
   "description": "buerli CAD components",
   "author": "AWV Informatik AG <info@awv-informatik.ch>",
   "repository": {},
@@ -17,6 +17,7 @@
     "test": "jest --silent",
     "testVerbose": "jest",
     "lint": "eslint \"./src/**/*.ts?(x)\"",
+    "compile": "tsc",
     "prettify": "prettier --write \"./{src,tests}/**/*.{js,jsx,ts,tsx,json}\""
   },
   "lint-staged": {
@@ -32,7 +33,7 @@
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.10.4",
-    "@buerli.io/icons": "^1.0.18",
+    "@buerli.io/icons": "^1.0.19",
     "@react-three/drei": "9.92.3",
     "@react-three/fiber": "8.15.14",
     "@rollup/plugin-babel": "^5.3.0",
@@ -87,8 +88,8 @@
     "three": ">=0.153"
   },
   "dependencies": {
-    "@buerli.io/classcad": "1.0.1",
-    "@buerli.io/react": "1.0.1",
+    "@buerli.io/classcad": "1.1.0-beta.7",
+    "@buerli.io/react": "1.1.0-beta.7",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",