door_models 3.0.9 → 4.0.1

package/dist/index.cjs.js

@@ -96,8 +96,10 @@ const _excluded = ["doorDepth"];
 const ConfiguratorContext = /*#__PURE__*/react.createContext(undefined);
 const ConfiguratorProvider = _ref => {
   let {
-    children
+    children,
+    initialIs2D = false
   } = _ref;
+  const [is2D, setIs2D] = react.useState(initialIs2D);
   const [isPlaneVisible, setIsPlaneVisible] = react.useState(false);
   const [isFrameVisible, setIsFrameVisible] = react.useState(true);
   const [cpid, setCpid] = react.useState("");
@@ -194,6 +196,9 @@ const ConfiguratorProvider = _ref => {
     type: "",
     text: ""
   });
+  react.useEffect(() => {
+    setIs2D(initialIs2D);
+  }, [initialIs2D]);
   const handleParseCpid = react.useCallback(cpidToParse => {
     const showMessage = function (text) {
       let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "error";
@@ -630,6 +635,8 @@ const ConfiguratorProvider = _ref => {
   }, [totalWidth, doorFrame.sidesThk]);
   return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorContext.Provider, {
     value: {
+      is2D,
+      setIs2D,
       isPlaneVisible,
       setIsPlaneVisible,
       isFrameVisible,
@@ -891,6 +898,9 @@ function DoorModels(_ref3) {
     doorName
   } = _ref3;
   const {
+    is2D,
+    totalWidth,
+    totalHeight,
     isPlaneVisible,
     isFrameVisible,
     door,
@@ -1195,6 +1205,18 @@ function DoorModels(_ref3) {
     }
     return true;
   }, [isFrameVisible, frameType, isGlassDoor]);
+  if (is2D) {
+    return /*#__PURE__*/jsxRuntime.jsx("group", {
+      children: /*#__PURE__*/jsxRuntime.jsxs("mesh", {
+        children: [/*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
+          args: [totalWidth / 1000, 0.1, frameDepth / 1000]
+        }), /*#__PURE__*/jsxRuntime.jsx("meshBasicMaterial", {
+          color: "white",
+          side: THREE__namespace.DoubleSide
+        })]
+      })
+    });
+  }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [frontCoverPanel.visible && /*#__PURE__*/jsxRuntime.jsxs("group", {
       "position-z": frontArchitraveZ,
@@ -1612,9 +1634,11 @@ function DoorModels(_ref3) {
 const DoorConfigurator = _ref => {
   let {
     doorName,
-    showInterface = true
+    showInterface = true,
+    is2D = false
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorProvider, {
+    initialIs2D: is2D,
     children: /*#__PURE__*/jsxRuntime.jsx(DoorModels, {
       doorName: doorName
     })