ebta-workflow-prod 4.0.1 → 4.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ebta-workflow-prod",
   "private": false,
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "",
   "license": "UNLICENSED",
   "author": "",

package/src/elements/SampleInput.tsx

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { FormElementProps, FormElementRegistration } from "@vertigis/workflow";
+
+/**
+ * The generic type argument provided to `FormElementProps<T>` controls the type
+ * of `props.value` and `props.setValue(value)`. If your element doesn't need a
+ * `value`, you can omit the type argument.
+ *
+ * You can also declare additional public properties of your element by adding
+ * properties to this interface. The properties will be managed by the Workflow
+ * runtime, and passed in as `props`. You can update the properties by using
+ * `props.setProperty(key, value)`.
+ */
+interface SampleInputProps extends FormElementProps<string> {}
+
+/**
+ * A Workflow element built using React.
+ * @displayName SampleInput
+ * @description sampleInput
+ * @param props The props that will be provided by the Workflow runtime.
+ */
+function SampleInput(props: SampleInputProps): React.ReactElement {
+    const { setValue, value } = props;
+    return (
+        <input
+            onChange={(event) => setValue(event.currentTarget.value)}
+            value={value}
+        />
+    );
+}
+
+const SampleInputElementRegistration: FormElementRegistration<SampleInputProps> = {
+    component: SampleInput,
+    getInitialProperties: () => ({ value: "Hello World" }),
+    id: "SampleInput",
+};
+
+export default SampleInputElementRegistration;

package/src/elements/Viewer360.tsx

@@ -1,11 +1,12 @@
 import * as React from "react";
 import { FormElementProps, FormElementRegistration } from "@vertigis/workflow";
 import { Pannellum } from "pannellum-react-update";
-import "pannellum-react-update/lib/pannellum/css/img/background.svg";
-import "pannellum-react-update/lib/pannellum/css/img/compass.svg";
-import "pannellum-react-update/lib/pannellum/css/img/grab.svg";
-import "pannellum-react-update/lib/pannellum/css/img/grabbing.svg";
-import "pannellum-react-update/lib/pannellum/css/img/sprites.svg";
+
+// import "pannellum-react-update/lib/pannellum/css/img/background.svg";
+// import "pannellum-react-update/lib/pannellum/css/img/compass.svg";
+// import "pannellum-react-update/lib/pannellum/css/img/grab.svg";
+// import "pannellum-react-update/lib/pannellum/css/img/grabbing.svg";
+// import "pannellum-react-update/lib/pannellum/css/img/sprites.svg";
 
 /**
  * The generic type argument provided to `FormElementProps<T>` controls the type
@@ -39,6 +40,39 @@ interface Viewer360Props extends FormElementProps<string> {
  */
 function Viewer360(props: Viewer360Props): React.ReactElement {
     const { setting, value , pitch ,yaw, hfov, minHfov , haov, vaov, raiseEvent } = props;
+   
+
+    // Copy SVG assets to consumer's public folder and reference them
+    React.useEffect(() => {
+        // Ensure pannellum CSS has correct asset paths
+        const customCSS = `
+            .pnlm-container {
+                background-image: url('/img/background.svg');
+            }
+            .pnlm-compass {
+                background-image: url ('/img/compass.svg');
+            }
+            .pnlm-grab {
+                cursor: url( '/img/grab.svg'), grab;
+            }
+            .pnlm-grabbing {
+                cursor: url( '/img/grabbing.svg'), grabbing;
+            }
+            .pnlm-sprite {
+                background-image: url( '/img/sprites.svg');
+            }
+        `;
+        
+        const styleElement = document.createElement('style');
+        styleElement.textContent = customCSS;
+        document.head.appendChild(styleElement);
+        
+        return () => {
+            document.head.removeChild(styleElement);
+        };
+    }, []);
+   
+   
     console.log("rendering 360VIEWER")
     return (
         <>

package/src/index.ts

@@ -39,3 +39,5 @@ export { default as GetTaskStatusActivity } from "./activities/GetTaskStatus";
 export { default as DrapGeometryActivity } from "./activities/DrapGeometry";
 
 export { default as SampleActivity } from "./activities/Sample";
+
+export { default as SampleInputRegistration } from "./elements/SampleInput";