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

package/build/index.js

@@ -1,7 +1,7 @@
 import { useDrawing, CameraHelper, useBuerli, usePlugin, useEmbeddedPlugin, useGeometryInteraction, GlobalTransform, BuerliGeometry, usePluginExists, useFeaturePluginDef, raycastFilter } from '@buerli.io/react';
 import * as React from 'react';
 import React__default, { useMemo, useRef, useCallback, useState, useEffect, memo, useContext, useReducer } from 'react';
-import { getDrawing, createGraphicItem, GraphicType, MemberType, MathUtils, api, getPlugin, NOID, BuerliScope, Measure, MeasureResultType } from '@buerli.io/core';
+import { getDrawing, createGraphicItem, GraphicType, MemberType, MathUtils, api, getPlugin, BuerliScope, Measure, MeasureResultType } from '@buerli.io/core';
 import { CCClasses, ccAPI, ReorientedType, FlipType, BooleanOperationType, ExtrusionType, ChamferType, WorkAxisType, WorkPlaneType, WorkPointType, WorkCoordSystemType, DataType } from '@buerli.io/classcad';
 import * as THREE from 'three';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
@@ -24,7 +24,7 @@ import guid from 'uuid';
 import shallow from 'zustand/shallow';
 import { Geometry } from 'three-stdlib';
 import SelectImpl from 'antd/lib/select';
-import { basename, extname } from 'path';
+import { basename, extname } from 'path-browserify';
 import { useUID } from 'react-uid';
 import * as deepmerge from 'deepmerge';
 import { SortableContainer, SortableElement } from 'react-sortable-hoc';
@@ -1641,6 +1641,25 @@ class ErrorBoundary extends React__default.Component {
 
 }
 
+const EMPTYARRAY = [];
+const NOCCID = Number.MIN_SAFE_INTEGER;
+const EMPTYSTR = '';
+
+function useDrawingArr(drawingId, selector) {
+  const res = useDrawing(drawingId, selector);
+  return res || EMPTYARRAY;
+}
+
+function useDrawingCCId(drawingId, selector) {
+  const res = useDrawing(drawingId, selector);
+  return res || NOCCID;
+}
+
+function useDrawingStr(drawingId, selector) {
+  const res = useDrawing(drawingId, selector);
+  return res || EMPTYSTR;
+}
+
 /**
  * !!! Important !!!
  *
@@ -1676,11 +1695,11 @@ function useDrawingVerifier(drawingId, warnings) {
   }
 }
 function useCurProductVerifier(drawingId, warnings) {
-  const currProdId = useDrawing(drawingId, d => {
+  const currProdId = useDrawingCCId(drawingId, d => {
     var _d$structure;
 
     return d == null ? void 0 : (_d$structure = d.structure) == null ? void 0 : _d$structure.currentProduct;
-  }) || -1;
+  });
   const currProdExists = useDrawing(drawingId, d => {
     var _d$structure2, _d$structure2$tree$cu;
 
@@ -1696,11 +1715,11 @@ function useCurProductVerifier(drawingId, warnings) {
   }
 }
 function useCurNodeVerifier(drawingId, warnings) {
-  const currNodeId = useDrawing(drawingId, d => {
+  const currNodeId = useDrawingCCId(drawingId, d => {
     var _d$structure3;
 
     return d == null ? void 0 : (_d$structure3 = d.structure) == null ? void 0 : _d$structure3.currentNode;
-  }) || -1;
+  });
   const currNodeExists = useDrawing(drawingId, d => {
     var _d$structure4;
 
@@ -1716,11 +1735,11 @@ function useCurNodeVerifier(drawingId, warnings) {
   }
 }
 function useRootVerifier(drawingId, warnings) {
-  const rootId = useDrawing(drawingId, d => {
+  const rootId = useDrawingCCId(drawingId, d => {
     var _d$structure5;
 
     return d == null ? void 0 : (_d$structure5 = d.structure) == null ? void 0 : _d$structure5.root;
-  }) || -1;
+  });
   const rootExists = useDrawing(drawingId, d => {
     var _d$structure6;
 
@@ -1736,21 +1755,21 @@ function useRootVerifier(drawingId, warnings) {
   }
 }
 function useRootOrProdVerifier(drawingId, warnings) {
-  const rootId = useDrawing(drawingId, d => {
+  const rootId = useDrawingCCId(drawingId, d => {
     var _d$structure7;
 
     return d == null ? void 0 : (_d$structure7 = d.structure) == null ? void 0 : _d$structure7.root;
-  }) || -1;
+  });
   const rootExists = useDrawing(drawingId, d => {
     var _d$structure8;
 
     return Boolean(d == null ? void 0 : (_d$structure8 = d.structure) == null ? void 0 : _d$structure8.tree[rootId]);
   });
-  const currProdId = useDrawing(drawingId, d => {
+  const currProdId = useDrawingCCId(drawingId, d => {
     var _d$structure9;
 
     return d == null ? void 0 : (_d$structure9 = d.structure) == null ? void 0 : _d$structure9.currentProduct;
-  }) || -1;
+  });
   const currProdExists = useDrawing(drawingId, d => {
     var _d$structure10, _d$structure10$tree$c;
 
@@ -1766,11 +1785,11 @@ function useRootOrProdVerifier(drawingId, warnings) {
   }
 }
 function usePluginObjVerifier(drawingId, pluginId, warnings) {
-  const objectId = usePlugin(drawingId, pluginId, p => p == null ? void 0 : p.objectId);
+  const objectId = usePlugin(drawingId, pluginId, p => p == null ? void 0 : p.objectId) || NOCCID;
   const objectExists = useDrawing(drawingId, d => {
     var _d$structure11;
 
-    return Boolean(d == null ? void 0 : (_d$structure11 = d.structure) == null ? void 0 : _d$structure11.tree[objectId || -1]);
+    return Boolean(d == null ? void 0 : (_d$structure11 = d.structure) == null ? void 0 : _d$structure11.tree[objectId]);
   });
 
   if (!objectExists) {
@@ -1783,7 +1802,7 @@ function usePluginObjVerifier(drawingId, pluginId, warnings) {
 }
 function usePartAndAssemblyContVerifier(drawingId, warnings) {
   // <<< Code below is a copypaste from `useAllObjects` hook. Check comment in the beginnig of the file.
-  const root = useDrawing(drawingId, d => {
+  const root = useDrawingCCId(drawingId, d => {
     var _d$structure12;
 
     return d == null ? void 0 : (_d$structure12 = d.structure) == null ? void 0 : _d$structure12.root;
@@ -1791,7 +1810,7 @@ function usePartAndAssemblyContVerifier(drawingId, warnings) {
   const rootExists = useDrawing(drawingId, d => {
     var _d$structure13;
 
-    return Boolean(d == null ? void 0 : (_d$structure13 = d.structure) == null ? void 0 : _d$structure13.tree[root || NOID]);
+    return Boolean(d == null ? void 0 : (_d$structure13 = d.structure) == null ? void 0 : _d$structure13.tree[root]);
   });
   const allObjId = React__default.useMemo(() => {
     const drawing = getDrawing(drawingId);
@@ -1824,7 +1843,7 @@ function usePartAndAssemblyContVerifier(drawingId, warnings) {
     var _getDrawing, _getDrawing$structure, _getDrawing$structure2;
 
     return ((_getDrawing = getDrawing(drawingId)) == null ? void 0 : (_getDrawing$structure = _getDrawing.structure) == null ? void 0 : (_getDrawing$structure2 = _getDrawing$structure.tree[id]) == null ? void 0 : _getDrawing$structure2.class) === CCClasses.CCPartContainer;
-  }) || -1;
+  }) || NOCCID;
   const partContExists = useDrawing(drawingId, d => {
     var _d$structure15;
 
@@ -1834,7 +1853,7 @@ function usePartAndAssemblyContVerifier(drawingId, warnings) {
     var _getDrawing$structure3, _getDrawing$structure4;
 
     return ((_getDrawing$structure3 = getDrawing(drawingId).structure) == null ? void 0 : (_getDrawing$structure4 = _getDrawing$structure3.tree[id]) == null ? void 0 : _getDrawing$structure4.class) === CCClasses.CCAssemblyContainer;
-  }) || -1;
+  }) || NOCCID;
   const asmContExists = useDrawing(drawingId, d => {
     var _d$structure16;
 
@@ -1850,16 +1869,16 @@ function usePartAndAssemblyContVerifier(drawingId, warnings) {
   }
 }
 function useExprSetVerifier(drawingId, warnings) {
-  const productId = useDrawing(drawingId, d => {
+  const productId = useDrawingCCId(drawingId, d => {
     var _d$structure17;
 
     return d == null ? void 0 : (_d$structure17 = d.structure) == null ? void 0 : _d$structure17.currentProduct;
-  }) || -1;
-  const exprSetId = useDrawing(drawingId, d => {
+  });
+  const exprSetId = useDrawingCCId(drawingId, d => {
     var _d$structure18, _d$structure18$tree$p;
 
     return d == null ? void 0 : (_d$structure18 = d.structure) == null ? void 0 : (_d$structure18$tree$p = _d$structure18.tree[productId]) == null ? void 0 : _d$structure18$tree$p.expressionSet;
-  }) || -1;
+  });
   const exprSetExists = useDrawing(drawingId, d => {
     var _d$structure19;
 
@@ -2086,7 +2105,7 @@ function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) {
 const MateScope = 'HLConstraintScope';
 const createMateItem = (matePath, csys, flip, reoriented) => {
   return {
-    id: `Mate|${matePath.toString()}|${csys.id}`,
+    id: `Mate|${matePath.toString()}|${csys.id}|(${flip},${reoriented})`,
     scope: MateScope,
     data: {
       matePath,
@@ -2880,24 +2899,15 @@ const MateEditor = ({
     defaults
   } = param;
   const [matePath, csysId, flipState, reorientedState] = userValue;
+  const isSelected = matePath !== undefined && csysId !== undefined;
   const [selectorId, setSelectorId] = React__default.useState();
-  const selectedItem = useDrawing(drawingId, drawing => selectorId && drawing.selection.refs[selectorId].items[0]);
-  const [needRestore, setNeedRestore] = React__default.useState(!(!matePath && !csysId)); // Updating refs and values in the plugin store and switching to the next selector.
-
-  React__default.useEffect(() => {
-    const matePath_ = selectedItem == null ? void 0 : selectedItem.data.matePath;
-    const csysId_ = selectedItem == null ? void 0 : selectedItem.data.csys.id;
-    const flipState_ = selectedItem == null ? void 0 : selectedItem.data.flip;
-    const reorientedState_ = selectedItem == null ? void 0 : selectedItem.data.reoriented;
-
-    if (matePath_ && csysId_) {
-      setUserValue([matePath_, csysId_, flipState_, reorientedState_]);
-
-      if (selectorId !== undefined) {
-        selectorsOrder ? selectorsOrder.switchToNext(selectorId) : getDrawing(drawingId).api.selection.activateSelector(null);
-      }
-    }
-  }, [setUserValue, selectedItem, drawingId, selectorsOrder, selectorId]); // Update the selected item with changed flip / reoriented value(s)
+  const setMateParam = React__default.useCallback(selItem => {
+    const matePath_ = selItem == null ? void 0 : selItem.data.matePath;
+    const csysId_ = selItem == null ? void 0 : selItem.data.csys.id;
+    const flipState_ = (selItem == null ? void 0 : selItem.data.flip) !== undefined ? selItem == null ? void 0 : selItem.data.flip : FlipType.FLIP_Z;
+    const reorientedState_ = (selItem == null ? void 0 : selItem.data.reoriented) !== undefined ? selItem == null ? void 0 : selItem.data.reoriented : ReorientedType.REORIENTED_0;
+    setUserValue([matePath_, csysId_, flipState_, reorientedState_]);
+  }, [setUserValue]); // Update the selected item with changed flip / reoriented value(s)
   // TODO: Don't store flip / reoriented states inside the selector state at all?
 
   const setOrientation = React__default.useCallback(({
@@ -2910,11 +2920,9 @@ const MateEditor = ({
       const flip_ = flip !== undefined ? flip : selMate.data.flip;
       const reoriented_ = reoriented !== undefined ? reoriented : selMate.data.reoriented;
       const newItem = createMateItem(selMate.data.matePath, selMate.data.csys, flip_, reoriented_);
-      reoriented !== undefined && (newItem.data.reoriented = reoriented);
-      const selectionActions = getDrawing(drawingId).api.selection;
-      selectionActions.setItems(selectorId, [newItem]);
+      setMateParam(newItem);
     }
-  }, [drawingId, selectorId]);
+  }, [drawingId, setMateParam, selectorId]);
   const setFlip = React__default.useCallback(value => {
     setOrientation({
       flip: value
@@ -2944,15 +2952,25 @@ const MateEditor = ({
   React__default.useEffect(() => {
     setValidateF(validatorWrapper, 1);
     return () => setValidateF(null, 1);
-  }, [validatorWrapper, setValidateF]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, needRestore && /*#__PURE__*/React__default.createElement(MateRestorer, {
+  }, [validatorWrapper, setValidateF]); // Function which will be called when user clicks on the mate csys
+
+  const customSetter = React__default.useCallback((selId, items) => {
+    //Change reference in the param
+    setMateParam(items[0]); // If items len === 0 selector should not be switched
+
+    if (items.length !== 0) {
+      selectorsOrder ? selectorsOrder.switchToNext(selId) : getDrawing(drawingId).api.selection.activateSelector(null);
+    }
+  }, // TODO: there is dependency array, but customSelect will be used in Selection once on selector creating.
+  [drawingId, selectorsOrder, setMateParam]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MateRestorer, {
     drawingId: drawingId,
     matePath: matePath,
     csysId: csysId,
     flip: flipState,
     reoriented: reorientedState,
     selectorId: selectorId,
-    setNeedRestore: setNeedRestore
+    setMateParam: setMateParam
   }), /*#__PURE__*/React__default.createElement(Wrapper, {
     caption: caption,
     highlighted: param.isChanged()
@@ -2960,13 +2978,17 @@ const MateEditor = ({
     drawingId: drawingId,
     filter: mateFilter,
     onCreated: setSelectorId,
-    maxLen: 1
+    maxLen: 1,
+    customSelect: customSetter,
+    customUnSelect: customSetter
   }), /*#__PURE__*/React__default.createElement(MateFlip, {
     flipState: flipState,
-    setFlipState: setFlip
+    setFlipState: setFlip,
+    disabled: !isSelected
   }), /*#__PURE__*/React__default.createElement(MateReorient, {
     reorientedState: reorientedState,
-    setReorientedState: setReoriented
+    setReorientedState: setReoriented,
+    disabled: !isSelected
   }))));
 };
 
@@ -2977,7 +2999,7 @@ const MateRestorer = ({
   flip,
   reoriented,
   selectorId,
-  setNeedRestore
+  setMateParam
 }) => {
   const selItems = React__default.useMemo(() => {
     if (!matePath || !csysId) {
@@ -2990,10 +3012,14 @@ const MateRestorer = ({
   }, [drawingId, matePath, csysId, flip, reoriented]);
   React__default.useEffect(() => {
     if (!selectorId) return;
-    const selectionActions = getDrawing(drawingId).api.selection;
-    selectionActions.setItems(selectorId, selItems);
-    setNeedRestore(false);
-  }, [drawingId, selItems, setNeedRestore, selectorId]);
+    const selector = getDrawing(drawingId).selection.refs[selectorId];
+    const selApi = getDrawing(drawingId).api.selection;
+
+    if (!selApi.areItemsSelected(selItems, selectorId) || selItems.length !== selector.items.length) {
+      setMateParam(selItems[0]);
+      selApi.setItems(selectorId, selItems);
+    }
+  }, [drawingId, selItems, setMateParam, selectorId]);
   return null;
 };
 
@@ -3038,7 +3064,8 @@ const flipStates = {
 
 const MateFlip = ({
   flipState,
-  setFlipState
+  setFlipState,
+  disabled = false
 }) => {
   const {
     Group,
@@ -3057,7 +3084,8 @@ const MateFlip = ({
     value: flipState,
     onChange: onChange,
     showArrow: false,
-    bordered: false
+    bordered: false,
+    disabled: disabled
   }, flipTypes.map(flip => /*#__PURE__*/React__default.createElement(Select.Option, {
     key: flip,
     value: flip,
@@ -3080,7 +3108,8 @@ const reorientedTypes = [ReorientedType.REORIENTED_0, ReorientedType.REORIENTED_
 
 const MateReorient = ({
   reorientedState,
-  setReorientedState
+  setReorientedState,
+  disabled = false
 }) => {
   const {
     Group,
@@ -3099,7 +3128,8 @@ const MateReorient = ({
     value: reorientedState,
     onChange: onChange,
     showArrow: false,
-    bordered: false
+    bordered: false,
+    disabled: disabled
   }, reorientedTypes.map(reoriented => /*#__PURE__*/React__default.createElement(Select.Option, {
     key: reoriented,
     value: reoriented,
@@ -5615,7 +5645,6 @@ var index$g = /*#__PURE__*/Object.freeze({
   description: description$g
 });
 
-const UNDEFINEDID = -1;
 // TODO use it as key in object
 // TODO: move to view/handlers ?
 let HandlersList;
@@ -5815,7 +5844,7 @@ const initialState = {
   handlers: {},
   tmpObjects: {},
   selected: [],
-  hovered: UNDEFINEDID,
+  hovered: NOCCID,
   highlighted: [],
   scale: 1,
   step: 1,
@@ -6088,7 +6117,7 @@ const unhover = (drawingId, pluginId, hoveredId) => {
     const highlighted = state_.highlighted;
     const highlightedConstraints = highlighted.filter(id => is2DConstraint(tree[id]));
     return {
-      hovered: state_.hovered === hoveredId ? UNDEFINEDID : state_.hovered,
+      hovered: state_.hovered === hoveredId ? NOCCID : state_.hovered,
       highlighted: highlightedConstraints
     };
   });
@@ -6200,7 +6229,7 @@ const snapToGrid = mousePosition => {
 
 const snapPoint = point => {
   let snapResult = {
-    objId: UNDEFINEDID,
+    objId: NOCCID,
     distance: snapDistance,
     point: new THREE.Vector3()
   };
@@ -6220,7 +6249,7 @@ const snapPoint = point => {
     }
   });
 
-  if (snapResult.objId !== UNDEFINEDID) {
+  if (snapResult.objId !== NOCCID) {
     return snapResult.point;
   } else {
     return snapToGrid(point);
@@ -6347,7 +6376,7 @@ function Drag(drawingId, pluginId, camControls) {
   let isRectSelectionActive = false;
   let rectClickPoint = new THREE.Vector3();
   let rectSelected = [];
-  let pressedId = UNDEFINEDID;
+  let pressedId = NOCCID;
   let moveFrom = new THREE.Vector3();
   let promise = null;
   let defferedDiff = null;
@@ -6400,7 +6429,7 @@ function Drag(drawingId, pluginId, camControls) {
   };
 
   const deleteHandler = () => {
-    if (pressedId !== UNDEFINEDID) {
+    if (pressedId !== NOCCID) {
       return;
     }
 
@@ -6435,7 +6464,7 @@ function Drag(drawingId, pluginId, camControls) {
 
       isRectSelectionActive = true;
       rectClickPoint = e.point.project(e.camera);
-      pressedId = UNDEFINEDID;
+      pressedId = NOCCID;
       camControls.enabled = false;
       e.target.setPointerCapture(e.pointerId);
       e.stopPropagation();
@@ -6444,13 +6473,13 @@ function Drag(drawingId, pluginId, camControls) {
           min: rectClickPoint.clone(),
           max: rectClickPoint.clone()
         },
-        hovered: UNDEFINEDID
+        hovered: NOCCID
       });
       return;
     }
 
     if (pressedObj.class === CCClasses.CCSketch) {
-      pressedId = UNDEFINEDID;
+      pressedId = NOCCID;
       return;
     }
 
@@ -6492,7 +6521,7 @@ function Drag(drawingId, pluginId, camControls) {
     }
 
     if (isMoved === false) {
-      if (pressedId === UNDEFINEDID) {
+      if (pressedId === NOCCID) {
         clearSelection();
         return;
       }
@@ -6502,7 +6531,7 @@ function Drag(drawingId, pluginId, camControls) {
 
     clearIgnoreList();
     clearDraggedPoints();
-    pressedId = UNDEFINEDID;
+    pressedId = NOCCID;
     e.target.releasePointerCapture(e.pointerId);
     e.stopPropagation();
   };
@@ -6570,7 +6599,7 @@ function Drag(drawingId, pluginId, camControls) {
       return;
     }
 
-    if (pressedId === UNDEFINEDID) return;
+    if (pressedId === NOCCID) return;
     const pressedObj = getDrawing(drawingId).structure.tree[pressedId];
     if (is2DConstraint(pressedObj)) return;
     const intersectionPosition = getPointOnPlane(e.unprojectedPoint, e.camera, getGlobalToLocalMatrix(drawingId, sketchId));
@@ -6710,7 +6739,7 @@ function DrawLine(drawingId, pluginId) {
   const sketchId = getPlugin(drawingId, pluginId).objectId; // Local state:
 
   let firstPointIsSet = false;
-  let lastAddedEndPointId = UNDEFINEDID;
+  let lastAddedEndPointId = NOCCID;
   let isMoved = false;
   let promise = null;
   const tmpStartPId = guid();
@@ -6734,7 +6763,7 @@ function DrawLine(drawingId, pluginId) {
 
   const destructor = () => {
     firstPointIsSet = false;
-    lastAddedEndPointId = UNDEFINEDID;
+    lastAddedEndPointId = NOCCID;
     set({
       tmpObjects: {},
       mousePos: undefined
@@ -6751,7 +6780,7 @@ function DrawLine(drawingId, pluginId) {
       return true;
     } else {
       firstPointIsSet = false;
-      lastAddedEndPointId = UNDEFINEDID;
+      lastAddedEndPointId = NOCCID;
       set(state => ({
         tmpObjects: {
           [tmpEndPId]: state.tmpObjects[tmpEndPId]
@@ -6799,7 +6828,7 @@ function DrawLine(drawingId, pluginId) {
       const startPos = tmpObjects[tmpStartPId].position.clone();
       const endPos = tmpObjects[tmpEndPId].position.clone();
 
-      if (lastAddedEndPointId === UNDEFINEDID) {
+      if (lastAddedEndPointId === NOCCID) {
         promise = ccAPI.sketcher.addGeometry(drawingId, sketchId, 'Line', [startPos, endPos], {
           fixation: true,
           incidence: true,
@@ -7247,7 +7276,7 @@ function DrawArc(drawingId, pluginId, arcType) {
   const sketch = getDrawing(drawingId).structure.tree[sketchId]; // Local state:
 
   let additionIndex = 0;
-  let lastAddedEndPointId = UNDEFINEDID;
+  let lastAddedEndPointId = NOCCID;
   let isMoved = false;
   let tangent = new THREE.Vector3();
   let lastMousePos = new THREE.Vector3();
@@ -7274,7 +7303,7 @@ function DrawArc(drawingId, pluginId, arcType) {
 
   const destructor = () => {
     additionIndex = 0;
-    lastAddedEndPointId = UNDEFINEDID;
+    lastAddedEndPointId = NOCCID;
     set({
       tmpObjects: {},
       mousePos: undefined
@@ -7291,7 +7320,7 @@ function DrawArc(drawingId, pluginId, arcType) {
       return true;
     } else if (additionIndex === 1 || additionIndex === 2 && arcType === HandlersList.DRAWARCTANGENT) {
       additionIndex = 0;
-      lastAddedEndPointId = UNDEFINEDID;
+      lastAddedEndPointId = NOCCID;
       set(state => {
         const tmpStartP = _objectSpread$b(_objectSpread$b({}, state.tmpObjects[tmpStartPId]), {}, {
           position: lastMousePos.clone()
@@ -7495,7 +7524,7 @@ function DrawArc(drawingId, pluginId, arcType) {
         radius: 1
       }); // calculateMidPoint(startPos, endPos, centerPos, clockwise)
 
-      if (lastAddedEndPointId === UNDEFINEDID) {
+      if (lastAddedEndPointId === NOCCID) {
         promise = ccAPI.sketcher.addGeometry(drawingId, sketchId, 'Arc', [startPos, midInfo.mid, endPos], {
           fixation: true,
           incidence: true,
@@ -8483,7 +8512,7 @@ function Trim(drawingId, pluginId) {
 
   const onPointerOut = e => {
     set({
-      hovered: UNDEFINEDID,
+      hovered: NOCCID,
       highlighted: []
     });
     e.stopPropagation();
@@ -8724,7 +8753,7 @@ const getOriginByPoint = (drawingId, pointId, objectIds) => {
 
 const getDefaultOriginId = (drawingId, objectIds) => {
   const tree = getDrawing(drawingId).structure.tree;
-  let originId = UNDEFINEDID;
+  let originId = NOCCID;
   let currentMinPos = new THREE.Vector3(Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY, 0.0);
   objectIds.forEach(objId => {
     const object = tree[objId];
@@ -8890,7 +8919,7 @@ const CircPattern = () => {
     }
 
     const tree = getDrawing(drawingId).structure.tree;
-    const selectedOrigin = originId !== UNDEFINEDID ? tree[originId] : undefined;
+    const selectedOrigin = originId !== NOCCID ? tree[originId] : undefined;
     const rotationOriginPoint = selectedOrigin ? convertToVector(selectedOrigin.members.pos) : new THREE.Vector3(0.0, 0.0, 0.0);
     const angleStep = degreesToRadians(angle);
     ccAPI.sketcher.copyCircularPattern(drawingId, sketchId, rigidSetId, rotationOriginPoint, angleStep, numSteps - 1).then(() => {
@@ -10781,14 +10810,14 @@ api.subscribe(drawingIds => {
 }, state => state.drawing.ids); //#endregion buerli store subscription
 
 const useCurrentProduct = drawingId => {
-  const currProdId = useDrawing(drawingId, d => d.structure.currentProduct);
-  const currProd = useDrawing(drawingId, d => d.structure.tree[currProdId || -1]);
+  const currProdId = useDrawingCCId(drawingId, d => d.structure.currentProduct);
+  const currProd = useDrawing(drawingId, d => d.structure.tree[currProdId]);
   return currProd;
 };
 
 const useCurrentNode = drawingId => {
-  const currNodeId = useDrawing(drawingId, d => d.structure.currentNode);
-  const currNode = useDrawing(drawingId, d => d.structure.tree[currNodeId || -1]);
+  const currNodeId = useDrawingCCId(drawingId, d => d.structure.currentNode);
+  const currNode = useDrawing(drawingId, d => d.structure.tree[currNodeId]);
   return currNode;
 };
 
@@ -10801,17 +10830,17 @@ let EditMode;
 })(EditMode || (EditMode = {}));
 
 const useEditMode = drawingId => {
-  const rootId = useDrawing(drawingId, d => d.structure.root);
-  const currProdId = useDrawing(drawingId, d => d.structure.currentProduct);
+  const rootId = useDrawingCCId(drawingId, d => d.structure.root);
+  const currProdId = useDrawingCCId(drawingId, d => d.structure.currentProduct);
   const rootClass = useDrawing(drawingId, d => {
-    var _d$structure$tree;
+    var _d$structure$tree$roo;
 
-    return (_d$structure$tree = d.structure.tree[rootId || -1]) == null ? void 0 : _d$structure$tree.class;
+    return (_d$structure$tree$roo = d.structure.tree[rootId]) == null ? void 0 : _d$structure$tree$roo.class;
   });
   const currProdClass = useDrawing(drawingId, d => {
-    var _d$structure$tree2;
+    var _d$structure$tree$cur;
 
-    return (_d$structure$tree2 = d.structure.tree[currProdId || -1]) == null ? void 0 : _d$structure$tree2.class;
+    return (_d$structure$tree$cur = d.structure.tree[currProdId]) == null ? void 0 : _d$structure$tree$cur.class;
   });
   return React__default.useMemo(() => {
     const isPartRoot = Boolean(rootClass === CCClasses.CCPart);
@@ -10824,8 +10853,8 @@ const useEditMode = drawingId => {
 
 const useObjectDetails = (drawingId, objectId) => {
   const rootId = useDrawing(drawingId, d => d.structure.root);
-  const currProdId = useDrawing(drawingId, d => d.structure.currentProduct);
-  const currNodeId = useDrawing(drawingId, d => d.structure.currentNode);
+  const currProdId = useDrawingCCId(drawingId, d => d.structure.currentProduct);
+  const currNodeId = useDrawingCCId(drawingId, d => d.structure.currentNode);
   return React__default.useMemo(() => {
     const drawing = getDrawing(drawingId);
 
@@ -10833,7 +10862,7 @@ const useObjectDetails = (drawingId, objectId) => {
       const {
         tree
       } = drawing.structure;
-      const obj = tree[objectId || -1];
+      const obj = tree[objectId];
 
       if (obj) {
         const clazz = obj.class;
@@ -10874,12 +10903,12 @@ const useOperationSequence = (drawingId, partId) => {
       } = drawing.structure;
 
       if (children) {
-        const opSeqId = children == null ? void 0 : children.find(id => {
+        const opSeqId = (children == null ? void 0 : children.find(id => {
           var _tree$id;
 
           return ((_tree$id = tree[id]) == null ? void 0 : _tree$id.class) === CCClasses.CCOperationSequence;
-        });
-        const opSeq = tree[opSeqId || -1];
+        })) || NOCCID;
+        const opSeq = tree[opSeqId];
 
         if (opSeq) {
           return opSeq.id;
@@ -10892,11 +10921,11 @@ const useOperationSequence = (drawingId, partId) => {
 };
 
 const useRollbackBar = (drawingId, partId) => {
-  const opSeqId = useOperationSequence(drawingId, partId);
+  const opSeqId = useOperationSequence(drawingId, partId) || NOCCID;
   const opSeqChildren = useDrawing(drawingId, d => {
-    var _d$structure$tree;
+    var _d$structure$tree$opS;
 
-    return (_d$structure$tree = d.structure.tree[opSeqId || -1]) == null ? void 0 : _d$structure$tree.children;
+    return (_d$structure$tree$opS = d.structure.tree[opSeqId]) == null ? void 0 : _d$structure$tree$opS.children;
   });
   return React__default.useMemo(() => {
     const drawing = getDrawing(drawingId);
@@ -10905,18 +10934,18 @@ const useRollbackBar = (drawingId, partId) => {
       const {
         tree
       } = drawing.structure;
-      const opSeq = tree[opSeqId || -1];
+      const opSeq = tree[opSeqId];
 
       if (opSeq && opSeqChildren) {
-        const rollbackBarId = opSeqChildren == null ? void 0 : opSeqChildren.find(id => {
+        const rollbackBarId = (opSeqChildren == null ? void 0 : opSeqChildren.find(id => {
           var _tree$id;
 
           return ((_tree$id = tree[id]) == null ? void 0 : _tree$id.class) === CCClasses.CCRollbackBar;
-        });
-        const rollbackBarIndex = (opSeqChildren == null ? void 0 : opSeqChildren.indexOf(rollbackBarId || -1)) || -1;
+        })) || NOCCID;
+        const rollbackBarIndex = (opSeqChildren == null ? void 0 : opSeqChildren.indexOf(rollbackBarId)) || -1;
         return {
           operationSequence: opSeq,
-          rollbackBar: tree[rollbackBarId || -1],
+          rollbackBar: tree[rollbackBarId],
           rollbackBarIndex: rollbackBarIndex
         };
       }
@@ -11151,8 +11180,8 @@ const ObjTitle = ({
     drawingId,
     pluginId
   } = React__default.useContext(RootContext);
-  const name = useDrawing(drawingId, d => d.structure.tree[objId].name) || '';
-  const objClass = useDrawing(drawingId, d => d.structure.tree[objId].class);
+  const name = useDrawingStr(drawingId, d => d.structure.tree[objId].name);
+  const objClass = useDrawingStr(drawingId, d => d.structure.tree[objId].class);
   const isHovered = useSketchState(drawingId, pluginId, s => s.hovered === objId);
   const isSelected = useSketchState(drawingId, pluginId, s => s.selected.indexOf(objId) !== -1);
   const color = isSelected ? '#ffa500' : isHovered ? '#28d79f' : undefined; // TODO: Rename resources so that they have more generic names, i.e. 'CC_Point' instead of 'drawPoint', etc
@@ -11232,7 +11261,7 @@ const SketchObj = ({
   const {
     drawingId
   } = React__default.useContext(RootContext);
-  const children = useDrawing(drawingId, d => d.structure.tree[objId].children || []);
+  const children = useDrawingArr(drawingId, d => d.structure.tree[objId].children);
   const [collapsed, setCollapsed] = React__default.useState(true);
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(FlexRow, null, /*#__PURE__*/React__default.createElement(Indents, {
     level: level
@@ -11311,8 +11340,8 @@ const PlaneSelectionMode = ({
   } = useBuerli(buerli => buerli.options.elements);
   const sketchId = usePlugin(drawingId, pluginId, plugin => plugin.objectId);
   const curProduct = useDrawing(drawingId, d => d.structure.currentProduct);
-  const opSeqId = useOperationSequence(drawingId, curProduct) || -1;
-  const opSeqChildren = useDrawing(drawingId, d => d.structure.tree[opSeqId].children || []); // Makes base planes visible when just created, and turns them off after initialization (i.e. selecting a plane)
+  const opSeqId = useOperationSequence(drawingId, curProduct) || NOCCID;
+  const opSeqChildren = useDrawingArr(drawingId, d => d.structure.tree[opSeqId].children); // Makes base planes visible when just created, and turns them off after initialization (i.e. selecting a plane)
 
   React__default.useEffect(() => {
     if (opSeqChildren.length < 7) {
@@ -11501,7 +11530,7 @@ const RootImpl$f = ({
         plugin.set({
           tmpObjects: {},
           selected: [],
-          hovered: UNDEFINEDID,
+          hovered: NOCCID,
           highlighted: []
         });
       }
@@ -11585,8 +11614,8 @@ function useRefsReset(type, refs) {
 }
 
 const useAllObjects = drawingId => {
-  const root = useDrawing(drawingId, d => d.structure.root);
-  const rootExists = useDrawing(drawingId, d => Boolean(d.structure.tree[root || NOID]));
+  const root = useDrawingCCId(drawingId, d => d.structure.root);
+  const rootExists = useDrawing(drawingId, d => Boolean(d.structure.tree[root]));
   return React__default.useMemo(() => {
     const drawing = getDrawing(drawingId);
 
@@ -12553,8 +12582,8 @@ function RootImpl$b({
 
         // We do not expect that the 'currentProduct' can change while a plugin is open,
         // so we don't have to listen for changes to 'currentProduct' and access it statically.
-        const geomSetId = (_structure$tree = structure.tree[structure.currentProduct]) == null ? void 0 : _structure$tree.geometrySet;
-        const geomSet = structure.tree[geomSetId || -1];
+        const geomSetId = ((_structure$tree = structure.tree[structure.currentProduct]) == null ? void 0 : _structure$tree.geometrySet) || NOCCID;
+        const geomSet = structure.tree[geomSetId];
 
         if (geomSet && geomSet.children && geomSet.children.length > 0) {
           const geomObjects = geomSet.children.map(childId => structure.tree[childId]);
@@ -13741,30 +13770,30 @@ function useFeaturesIds(drawingId, curNodeId) {
 
     return curNodeId;
   });
-  const opSeqId = useOperationSequence(drawingId, prodId);
-  const opSeqChildren = useDrawing(drawingId, d => {
-    var _d$structure$tree;
+  const opSeqId = useOperationSequence(drawingId, prodId) || NOCCID;
+  const opSeqChildren = useDrawingArr(drawingId, d => {
+    var _d$structure$tree$opS;
 
-    return (_d$structure$tree = d.structure.tree[opSeqId || -1]) == null ? void 0 : _d$structure$tree.children;
+    return (_d$structure$tree$opS = d.structure.tree[opSeqId]) == null ? void 0 : _d$structure$tree$opS.children;
   });
   const tree = getDrawing(drawingId).structure.tree;
-  const featureIds = (opSeqChildren == null ? void 0 : opSeqChildren.map(refId => tree[refId].members.refObj.value)) || [];
+  const featureIds = opSeqChildren.map(refId => tree[refId].members.refObj.value);
   return featureIds;
 }
 function getFeaturesIds(drawingId, curNodeId) {
-  var _tree$prodId, _tree;
+  var _tree$prodId, _tree$opSeqId;
 
   const tree = getDrawing(drawingId).structure.tree;
   const curClass = tree[curNodeId].class;
   const prodId = curClass === CCClasses.CCProductReference || curClass === CCClasses.CCProductReferenceET ? tree[curNodeId].members.productId.value : curNodeId;
-  const prodChildren = (_tree$prodId = tree[prodId]) == null ? void 0 : _tree$prodId.children;
-  const opSeqId = prodChildren == null ? void 0 : prodChildren.find(id => {
+  const prodChildren = ((_tree$prodId = tree[prodId]) == null ? void 0 : _tree$prodId.children) || [];
+  const opSeqId = prodChildren.find(id => {
     var _tree$id;
 
     return ((_tree$id = tree[id]) == null ? void 0 : _tree$id.class) === CCClasses.CCOperationSequence;
-  });
-  const opSeqChildren = (_tree = tree[opSeqId || -1]) == null ? void 0 : _tree.children;
-  const featureIds = (opSeqChildren == null ? void 0 : opSeqChildren.map(refId => tree[refId].members.refObj.value)) || [];
+  }) || NOCCID;
+  const opSeqChildren = ((_tree$opSeqId = tree[opSeqId]) == null ? void 0 : _tree$opSeqId.children) || [];
+  const featureIds = opSeqChildren.map(refId => tree[refId].members.refObj.value);
   return featureIds;
 }
 
@@ -16191,20 +16220,20 @@ const Parts = ({
   pluginId
 }) => {
   const allObjId = useAllObjects(drawingId);
-  const allObjsChilds = useDrawing(drawingId, d => {
+  const allObjsChilds = useDrawingArr(drawingId, d => {
     var _d$structure$tree$all;
 
-    return ((_d$structure$tree$all = d.structure.tree[allObjId]) == null ? void 0 : _d$structure$tree$all.children) || [];
+    return (_d$structure$tree$all = d.structure.tree[allObjId]) == null ? void 0 : _d$structure$tree$all.children;
   });
   const partContId = allObjsChilds.find(id => {
     var _getDrawing$structure;
 
     return ((_getDrawing$structure = getDrawing(drawingId).structure.tree[id]) == null ? void 0 : _getDrawing$structure.class) === CCClasses.CCPartContainer;
   });
-  const partsIds = useDrawing(drawingId, d => {
+  const partsIds = useDrawingArr(drawingId, d => {
     var _d$structure$tree$par;
 
-    return ((_d$structure$tree$par = d.structure.tree[partContId]) == null ? void 0 : _d$structure$tree$par.children) || [];
+    return (_d$structure$tree$par = d.structure.tree[partContId]) == null ? void 0 : _d$structure$tree$par.children;
   });
   const [createMode, setCreateMode] = React__default.useState(false);
   const data = useTableData(partsIds, 'part', createMode);
@@ -16239,20 +16268,20 @@ const Assemblies = ({
   pluginId
 }) => {
   const allObjId = useAllObjects(drawingId);
-  const allObjsChilds = useDrawing(drawingId, d => {
+  const allObjsChilds = useDrawingArr(drawingId, d => {
     var _d$structure$tree$all2;
 
-    return ((_d$structure$tree$all2 = d.structure.tree[allObjId]) == null ? void 0 : _d$structure$tree$all2.children) || [];
+    return (_d$structure$tree$all2 = d.structure.tree[allObjId]) == null ? void 0 : _d$structure$tree$all2.children;
   });
   const assemblyContId = allObjsChilds.find(id => {
     var _getDrawing$structure2;
 
     return ((_getDrawing$structure2 = getDrawing(drawingId).structure.tree[id]) == null ? void 0 : _getDrawing$structure2.class) === CCClasses.CCAssemblyContainer;
   });
-  const assembliesIds = useDrawing(drawingId, d => {
+  const assembliesIds = useDrawingArr(drawingId, d => {
     var _d$structure$tree$ass;
 
-    return ((_d$structure$tree$ass = d.structure.tree[assemblyContId]) == null ? void 0 : _d$structure$tree$ass.children) || [];
+    return (_d$structure$tree$ass = d.structure.tree[assemblyContId]) == null ? void 0 : _d$structure$tree$ass.children;
   });
   const [createMode, setCreateMode] = React__default.useState(false);
   const data = useTableData(assembliesIds, 'asm', createMode);
@@ -17789,14 +17818,14 @@ const FPluginWindow = ({
 const FeaturePlugin = ({
   drawingId
 }) => {
-  const activeFeature = useDrawing(drawingId, d => d.plugin.active.feature); // Feature plugins are lazy loaded, so it's possible that recently activated feature plugins hasn't been created yet
+  const activeFeature = useDrawing(drawingId, d => d.plugin.active.feature) || NOCCID; // Feature plugins are lazy loaded, so it's possible that recently activated feature plugins hasn't been created yet
 
-  const isCreated = usePluginExists(drawingId, activeFeature || -1);
-  const name = useDrawing(drawingId, d => {
-    if (!activeFeature || !isCreated) return '';
+  const isCreated = usePluginExists(drawingId, activeFeature);
+  const name = useDrawingStr(drawingId, d => {
+    if (!activeFeature || !isCreated) return undefined;
     const objId = d.plugin.refs[activeFeature].objectId;
     const plugin = d.structure.tree[objId];
-    return (plugin == null ? void 0 : plugin.name) || '';
+    return plugin == null ? void 0 : plugin.name;
   });
   const pluginAPI = getDrawing(drawingId).api.plugin;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DraggableModalProvider, null, activeFeature && isCreated && /*#__PURE__*/React__default.createElement(DraggableModal, {
@@ -17898,35 +17927,35 @@ function useMenuItems$2(drawingId, featureId, isActive, setEditName) {
 
 function useIsCustom(drawingId, featureRefId) {
   const curProduct = useDrawing(drawingId, d => d.structure.currentProduct);
-  const opSeqId = useOperationSequence(drawingId, curProduct);
-  const opSeqChildren = useDrawing(drawingId, d => {
-    var _d$structure$tree;
+  const opSeqId = useOperationSequence(drawingId, curProduct) || NOCCID;
+  const opSeqChildren = useDrawingArr(drawingId, d => {
+    var _d$structure$tree$opS;
 
-    return (_d$structure$tree = d.structure.tree[opSeqId || -1]) == null ? void 0 : _d$structure$tree.children;
-  }) || []; // First 7 elements in operationSequence are features created by default (origin, x,y,z axes and planes) => they're not custom
+    return (_d$structure$tree$opS = d.structure.tree[opSeqId]) == null ? void 0 : _d$structure$tree$opS.children;
+  }); // First 7 elements in operationSequence are features created by default (origin, x,y,z axes and planes) => they're not custom
 
   return opSeqChildren.indexOf(featureRefId) > 6;
 }
 
 function usePrecheckErrorId(drawingId, featureId) {
   const curProduct = useDrawing(drawingId, d => d.structure.currentProduct);
-  const opSeqId = useOperationSequence(drawingId, curProduct) || -1;
-  const opSeqChildren = useDrawing(drawingId, d => {
-    var _d$structure$tree$opS;
+  const opSeqId = useOperationSequence(drawingId, curProduct) || NOCCID;
+  const opSeqChildren = useDrawingArr(drawingId, d => {
+    var _d$structure$tree$opS2;
 
-    return (_d$structure$tree$opS = d.structure.tree[opSeqId]) == null ? void 0 : _d$structure$tree$opS.children;
-  }) || [];
+    return (_d$structure$tree$opS2 = d.structure.tree[opSeqId]) == null ? void 0 : _d$structure$tree$opS2.children;
+  });
   const refId = opSeqChildren.find(chId => {
     var _ref_$members;
 
     const ref_ = getDrawing(drawingId).structure.tree[chId];
     return featureId === (ref_ == null ? void 0 : (_ref_$members = ref_.members) == null ? void 0 : _ref_$members.refObj.value);
-  });
-  const refChildren = useDrawing(drawingId, d => {
-    var _d$structure$tree2;
+  }) || NOCCID;
+  const refChildren = useDrawingArr(drawingId, d => {
+    var _d$structure$tree$ref;
 
-    return (_d$structure$tree2 = d.structure.tree[refId || -1]) == null ? void 0 : _d$structure$tree2.children;
-  }) || [];
+    return (_d$structure$tree$ref = d.structure.tree[refId]) == null ? void 0 : _d$structure$tree$ref.children;
+  });
   const errorId = refChildren.find(chId => {
     var _getDrawing$structure;
 
@@ -18091,21 +18120,21 @@ const Item$1 = ({
   featureRefId
 }) => {
   const curPartId = useDrawing(drawingId, d => d.structure.currentProduct || d.structure.root);
-  const opSeqId = useOperationSequence(drawingId, curPartId);
+  const opSeqId = useOperationSequence(drawingId, curPartId) || NOCCID;
   const idx = useDrawing(drawingId, d => {
-    var _d$structure$tree, _d$structure$tree$chi;
+    var _d$structure$tree$opS, _d$structure$tree$opS2;
 
-    return (_d$structure$tree = d.structure.tree[opSeqId || -1]) == null ? void 0 : (_d$structure$tree$chi = _d$structure$tree.children) == null ? void 0 : _d$structure$tree$chi.indexOf(featureRefId);
+    return (_d$structure$tree$opS = d.structure.tree[opSeqId]) == null ? void 0 : (_d$structure$tree$opS2 = _d$structure$tree$opS.children) == null ? void 0 : _d$structure$tree$opS2.indexOf(featureRefId);
   }) || -1;
   const featureId = useDrawing(drawingId, d => {
     var _d$structure$tree$fea, _d$structure$tree$fea2;
 
     return (_d$structure$tree$fea = d.structure.tree[featureRefId]) == null ? void 0 : (_d$structure$tree$fea2 = _d$structure$tree$fea.members) == null ? void 0 : _d$structure$tree$fea2.refObj.value;
   });
-  const objClass = useDrawing(drawingId, d => {
+  const objClass = useDrawingStr(drawingId, d => {
     var _d$structure$tree$fea3;
 
-    return ((_d$structure$tree$fea3 = d.structure.tree[featureId]) == null ? void 0 : _d$structure$tree$fea3.class) || '';
+    return (_d$structure$tree$fea3 = d.structure.tree[featureId]) == null ? void 0 : _d$structure$tree$fea3.class;
   });
   const isFeatureActive = useDrawing(drawingId, d => d.plugin.active.feature !== null) || false;
   const isRollbackBar = objClass === CCClasses.CCRollbackBar;
@@ -18123,12 +18152,12 @@ const List$2 = ({
   drawingId
 }) => {
   const curPartId = useDrawing(drawingId, d => d.structure.currentProduct || d.structure.root);
-  const opSeqId = useOperationSequence(drawingId, curPartId);
-  const featureRefIds = useDrawing(drawingId, d => {
-    var _d$structure$tree2;
+  const opSeqId = useOperationSequence(drawingId, curPartId) || NOCCID;
+  const featureRefIds = useDrawingArr(drawingId, d => {
+    var _d$structure$tree$opS3;
 
-    return (_d$structure$tree2 = d.structure.tree[opSeqId || -1]) == null ? void 0 : _d$structure$tree2.children;
-  }) || [];
+    return (_d$structure$tree$opS3 = d.structure.tree[opSeqId]) == null ? void 0 : _d$structure$tree$opS3.children;
+  });
   return /*#__PURE__*/React__default.createElement(SortableCont, {
     helperClass: "row-dragging",
     lockAxis: "y",
@@ -18263,7 +18292,7 @@ const ProdReferenceNode = ({
   level,
   onClick
 }) => {
-  const children = useDrawing(drawingId, d => d.structure.tree[refId].children || []);
+  const children = useDrawingArr(drawingId, d => d.structure.tree[refId].children);
   const [collapsed, setCollapsed] = React__default.useState(true);
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(FlexRow, null, /*#__PURE__*/React__default.createElement(Indents, {
     level: level
@@ -18347,7 +18376,7 @@ const AssemblyTreeHeader = ({
   const mode = useEditMode(drawingId);
   const currProd = useCurrentProduct(drawingId);
   const currNode = useCurrentNode(drawingId);
-  const objDetails = useObjectDetails(drawingId, (currNode == null ? void 0 : currNode.id) || -1);
+  const objDetails = useObjectDetails(drawingId, (currNode == null ? void 0 : currNode.id) || NOCCID);
   const showBackBtn = React__default.useMemo(() => pStackNotEmpty || !objDetails.isRoot && (objDetails.isAssemblyNode || objDetails.isAssembly), [objDetails.isAssembly, objDetails.isAssemblyNode, objDetails.isRoot, pStackNotEmpty]);
   const isFeatureActive = useDrawing(drawingId, d => d.plugin.active.feature !== null) || false;
   const name = currProd ? currProd.name : currNode ? currNode.name : '';
@@ -18395,7 +18424,7 @@ const AssemblyTreeHeader = ({
   }));
   const nameComponent = rename ? /*#__PURE__*/React__default.createElement(NameEdit, {
     drawingId: drawingId,
-    objId: (currProd == null ? void 0 : currProd.id) || -1,
+    objId: (currProd == null ? void 0 : currProd.id) || NOCCID,
     setEditName: setRename,
     name: name
   }) : /*#__PURE__*/React__default.createElement(EntityName, {
@@ -18480,10 +18509,10 @@ const AssemblyTreeImpl = ({
   const api = useCADStore(s => s.api);
   const mode = useEditMode(drawingId);
   const currNode = useCurrentNode(drawingId);
-  const children = useDrawing(drawingId, d => {
+  const children = useDrawingArr(drawingId, d => {
     var _d$structure$tree;
 
-    return ((_d$structure$tree = d.structure.tree[(currNode == null ? void 0 : currNode.id) || -1]) == null ? void 0 : _d$structure$tree.children) || [];
+    return (_d$structure$tree = d.structure.tree[(currNode == null ? void 0 : currNode.id) || NOCCID]) == null ? void 0 : _d$structure$tree.children;
   });
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -18500,13 +18529,13 @@ const AssemblyTreeImpl = ({
     }
   }, mode === EditMode.Part && /*#__PURE__*/React__default.createElement(FeatureList, {
     drawingId: drawingId
-  }), mode === EditMode.Assembly && (children == null ? void 0 : children.map(childId => /*#__PURE__*/React__default.createElement(AssemblyNode, {
+  }), mode === EditMode.Assembly && children.map(childId => /*#__PURE__*/React__default.createElement(AssemblyNode, {
     drawingId: drawingId,
     nodeId: childId,
     key: childId,
     level: 0,
     onClick: refId => api.assemblyTree.startProdEditing(drawingId, refId)
-  })))));
+  }))));
 };
 
 const AssemblyTree = ({
@@ -18542,12 +18571,11 @@ const Constraints = ({
   drawingId
 }) => {
   const curProdId = useDrawing(drawingId, d => d.structure.currentProduct);
-  const prodChildren = useDrawing(drawingId, d => {
+  const prodChildren = useDrawingArr(drawingId, d => {
     var _d$structure$tree$cur;
 
-    return ((_d$structure$tree$cur = d.structure.tree[curProdId]) == null ? void 0 : _d$structure$tree$cur.children) || [];
-  }); // TODO: sometimes it's undefined?
-
+    return (_d$structure$tree$cur = d.structure.tree[curProdId]) == null ? void 0 : _d$structure$tree$cur.children;
+  });
   const constrSetId = React__default.useMemo(() => {
     const tree = getDrawing(drawingId).structure.tree;
     return prodChildren.find(childId => tree[childId].class === CCClasses.CCConstraintSet) || null;
@@ -18675,11 +18703,11 @@ const ColorPicker = ({
 
     return (_d$geometry$cache$sol3 = d.geometry.cache[solidId]) == null ? void 0 : (_d$geometry$cache$sol4 = _d$geometry$cache$sol3.meshes[0]) == null ? void 0 : _d$geometry$cache$sol4.opacity;
   }) || 1;
-  const solidOwner = useDrawing(drawingId, d => {
+  const solidOwner = useDrawingCCId(drawingId, d => {
     var _d$graphic$containers;
 
     return (_d$graphic$containers = d.graphic.containers[solidId]) == null ? void 0 : _d$graphic$containers.owner;
-  }) || -1; // Color which is set by colorPicker
+  }); // Color which is set by colorPicker
 
   const [userColor, setUColor] = React__default.useState({
     r,
@@ -18829,11 +18857,11 @@ const Solid = ({
   drawingId,
   solidId
 }) => {
-  const solidOwner = useDrawing(drawingId, d => {
+  const solidOwner = useDrawingCCId(drawingId, d => {
     var _d$graphic$containers;
 
     return (_d$graphic$containers = d.graphic.containers[solidId]) == null ? void 0 : _d$graphic$containers.owner;
-  }) || -1;
+  });
   const ccSolid = useDrawing(drawingId, d => d.structure.tree[solidOwner]);
   const [rename, setRename] = React__default.useState(false);
   const [isMenuHovered, setIsMenuHovered] = React__default.useState(false);
@@ -18874,7 +18902,7 @@ const Solids = ({
   drawingId
 }) => {
   const curProdId = useDrawing(drawingId, d => d.structure.currentProduct);
-  const solidsIds = useDrawing(drawingId, d => d.structure.tree[curProdId].solids) || [];
+  const solidsIds = useDrawingArr(drawingId, d => d.structure.tree[curProdId].solids);
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: 'flex',