door_models 3.0.9 → 4.0.1

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { useContext, createContext, useState, useCallback, useEffect, useMemo } from 'react';
+import { useContext, createContext, useState, useEffect, useCallback, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Geometry, Base, Subtraction } from '@react-three/csg';
 import { useSpring, a } from '@react-spring/three';
@@ -72,8 +72,10 @@ const _excluded = ["doorDepth"];
 const ConfiguratorContext = /*#__PURE__*/createContext(undefined);
 const ConfiguratorProvider = _ref => {
   let {
-    children
+    children,
+    initialIs2D = false
   } = _ref;
+  const [is2D, setIs2D] = useState(initialIs2D);
   const [isPlaneVisible, setIsPlaneVisible] = useState(false);
   const [isFrameVisible, setIsFrameVisible] = useState(true);
   const [cpid, setCpid] = useState("");
@@ -170,6 +172,9 @@ const ConfiguratorProvider = _ref => {
     type: "",
     text: ""
   });
+  useEffect(() => {
+    setIs2D(initialIs2D);
+  }, [initialIs2D]);
   const handleParseCpid = useCallback(cpidToParse => {
     const showMessage = function (text) {
       let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "error";
@@ -606,6 +611,8 @@ const ConfiguratorProvider = _ref => {
   }, [totalWidth, doorFrame.sidesThk]);
   return /*#__PURE__*/jsx(ConfiguratorContext.Provider, {
     value: {
+      is2D,
+      setIs2D,
       isPlaneVisible,
       setIsPlaneVisible,
       isFrameVisible,
@@ -867,6 +874,9 @@ function DoorModels(_ref3) {
     doorName
   } = _ref3;
   const {
+    is2D,
+    totalWidth,
+    totalHeight,
     isPlaneVisible,
     isFrameVisible,
     door,
@@ -1171,6 +1181,18 @@ function DoorModels(_ref3) {
     }
     return true;
   }, [isFrameVisible, frameType, isGlassDoor]);
+  if (is2D) {
+    return /*#__PURE__*/jsx("group", {
+      children: /*#__PURE__*/jsxs("mesh", {
+        children: [/*#__PURE__*/jsx("boxGeometry", {
+          args: [totalWidth / 1000, 0.1, frameDepth / 1000]
+        }), /*#__PURE__*/jsx("meshBasicMaterial", {
+          color: "white",
+          side: THREE.DoubleSide
+        })]
+      })
+    });
+  }
   return /*#__PURE__*/jsxs(Fragment, {
     children: [frontCoverPanel.visible && /*#__PURE__*/jsxs("group", {
       "position-z": frontArchitraveZ,
@@ -1588,9 +1610,11 @@ function DoorModels(_ref3) {
 const DoorConfigurator = _ref => {
   let {
     doorName,
-    showInterface = true
+    showInterface = true,
+    is2D = false
   } = _ref;
   return /*#__PURE__*/jsx(ConfiguratorProvider, {
+    initialIs2D: is2D,
     children: /*#__PURE__*/jsx(DoorModels, {
       doorName: doorName
     })