ebta-workflow-prod 4.1.7 → 4.1.9

package/src/elements/SampleInput.tsx

@@ -11,16 +11,16 @@ import { FormElementProps, FormElementRegistration } from "@vertigis/workflow";
  * runtime, and passed in as `props`. You can update the properties by using
  * `props.setProperty(key, value)`.
  */
-interface SampleInputProps extends FormElementProps<string> {}
+interface sampleInputDEVProps extends FormElementProps<string> {}
 
 /**
  * A Workflow element built using React.
- * @displayName SampleInput
- * @description sampleInput
+ * @displayName sampleInputDEV
+ * @description sampleInputDEV
  * @param props The props that will be provided by the Workflow runtime.
  */
-function SampleInput(props: SampleInputProps): React.ReactElement {
-    const { setValue, value } = props;
+function sampleInputDEV(props: sampleInputDEVProps): React.ReactElement {
+    const { setValue, value } = props;0
     return (
         <input
             onChange={(event) => setValue(event.currentTarget.value)}
@@ -29,10 +29,12 @@ function SampleInput(props: SampleInputProps): React.ReactElement {
     );
 }
 
-const SampleInputElementRegistration: FormElementRegistration<SampleInputProps> = {
-    component: SampleInput,
+const sampleInputDEVElementRegistration: FormElementRegistration<sampleInputDEVProps> = {
+    component: sampleInputDEV,
     getInitialProperties: () => ({ value: "Hello World" }),
-    id: "SampleInput",
+    id: "sampleInputDEV",
 };
 
-export default SampleInputElementRegistration;
+
+export default sampleInputDEVElementRegistration;
+

package/src/elements/SingleAutoCompleteCS.tsx

@@ -100,6 +100,7 @@ function SingleAutoCompleteCS(
 ): React.ReactElement {
   const { defaultLabel, variant, options, setValue , value, elementSize} = props;
 
+
   return (
     <ThemeProvider theme={theme}>
       <Autocomplete

package/src/elements/Timeline.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { FormElementProps, FormElementRegistration } from "@vertigis/workflow";
 import { Timeline as MainTimeLine, Text } from '@mantine/core';
 import { MantineProvider } from '@mantine/core';
-//import "../styles/mantine-scoped.css";
+
 
 /**
  * The generic type argument provided to `FormElementProps<T>` controls the type
@@ -40,8 +40,14 @@ interface TimelineProps extends FormElementProps<string> {
 function Timeline(props: TimelineProps): React.ReactElement {
     const { itemDetails, iconSize, lineWidth, active, color, reverseActive } = props;
     iconSize * 0.6
+
+    const rootRef = React.useRef<HTMLDivElement>(null);
     return (
-            <MantineProvider>
+        <div ref={rootRef} className="cs-timeline-root">
+            <MantineProvider
+                cssVariablesSelector=".cs-timeline-root"
+                getRootElement={() => rootRef.current ?? undefined}
+            >
                 <MainTimeLine active={active} bulletSize={iconSize} lineWidth={lineWidth} color={color} reverseActive={reverseActive}>
 
                     {itemDetails.map((item, index) => {
@@ -62,6 +68,7 @@ function Timeline(props: TimelineProps): React.ReactElement {
                     })}
                 </MainTimeLine>
             </MantineProvider>
+        </div>
     );
 }
 

package/src/index.ts

@@ -39,5 +39,5 @@ export { default as SliceLineActivity } from "./activities/SliceLine";
 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";
+export { default as sampleInputDEVRegistration } from "./elements/SampleInput";
 

package/src/main.ts

@@ -1,4 +1,6 @@
 import * as index from "./index";
+import "@mantine/core/styles.css";
+import "./styles/mantine-body-reset.css";
 
 let mainResult: Promise<any> | undefined;
 

package/src/styles/mantine-body-reset.css

@@ -0,0 +1,9 @@
+body {
+  font-family: inherit !important;
+  font-size: inherit !important;
+  line-height: inherit !important;
+  color: inherit !important;
+  background-color: inherit !important;
+  -webkit-font-smoothing: initial !important;
+  -moz-osx-font-smoothing: initial !important;
+}