ebta-workflow-prod 4.1.7 → 4.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ebta-workflow-prod",
3
3
  "private": false,
4
- "version": "4.1.7",
4
+ "version": "4.1.9",
5
5
  "description": "",
6
6
  "license": "UNLICENSED",
7
7
  "author": "",
@@ -31,7 +31,7 @@
31
31
  "@emotion/styled": "^11.14.1",
32
32
  "@fseehawer/react-circular-slider": "^3.2.7",
33
33
  "@mantine/core": "^7.16.0",
34
- "@mantine/hooks": "^9.5.1",
34
+ "@mantine/hooks": "^7.17.5",
35
35
  "@mui/base": "5.0.0-beta.70",
36
36
  "@mui/icons-material": "^5.17.1",
37
37
  "@mui/material": "^5.17.1",
@@ -1,7 +1,7 @@
1
1
  import type { IActivityHandler } from "@vertigis/workflow";
2
2
 
3
3
  /** An interface that defines the inputs of the activity. */
4
- interface SampleInputs {
4
+ interface sampleInputDEVs {
5
5
  /**
6
6
  * @displayName Input 1
7
7
  * @description The first input to the activity.
@@ -31,7 +31,7 @@ interface SampleOutputs {
31
31
  */
32
32
  export default class SampleActivity implements IActivityHandler {
33
33
  /** Perform the execution logic of the activity. */
34
- execute(inputs: SampleInputs): SampleOutputs {
34
+ execute(inputs: sampleInputDEVs): SampleOutputs {
35
35
  return {
36
36
  result: `input1: ${inputs.input1}, input2: ${
37
37
  inputs.input2 || "undefined"
@@ -4,9 +4,9 @@ import { FormElementProps, FormElementRegistration } from "@vertigis/workflow";
4
4
  import { ColorInput, ColorPicker } from '@mantine/core';
5
5
  type ColorFormat = "hex" | "rgba" | "rgb" | "hsl" | "hsla";
6
6
 
7
- import "@mantine/core/styles.css";
7
+ //import "@mantine/core/styles.css";
8
8
  //Causing shrink
9
- //import "../styles/mantine-scoped.css";
9
+
10
10
  import Color from "@arcgis/core/Color";
11
11
 
12
12
 
@@ -49,6 +49,7 @@ function CsColorPickerV2(props: CsColorPickerV2Props): React.ReactElement {
49
49
  swatchesPerRow,
50
50
  componentType
51
51
  } = props;
52
+ const rootRef = React.useRef<HTMLDivElement>(null);
52
53
 
53
54
  const handleChange = (color: string) => {
54
55
  let esriColor: Color;
@@ -63,7 +64,7 @@ function CsColorPickerV2(props: CsColorPickerV2Props): React.ReactElement {
63
64
  values[0] || 0, // r
64
65
  values[1] || 0, // g
65
66
  values[2] || 0, // b
66
- values[3] !== undefined ? values[3] : 1 // a
67
+ values[3] !== undefined ? values[3] : 1 //
67
68
  ]);
68
69
 
69
70
  } else if (color.startsWith("#")) {
@@ -80,32 +81,40 @@ function CsColorPickerV2(props: CsColorPickerV2Props): React.ReactElement {
80
81
  };
81
82
 
82
83
  return (
83
- <MantineProvider withStaticClasses withGlobalClasses classNamesPrefix="ebta-mantime">
84
- {componentType === "ColorInput" ? (
85
- <ColorInput
86
- swatches={swatches? swatches : undefined}
87
- swatchesPerRow={swatches ? swatchesPerRow : undefined}
88
- value={value}
89
- size={colorPickerSize}
90
- onChange={handleChange}
91
- description={description ? description : undefined}
92
- placeholder={placeholder ? placeholder : undefined}
93
- format={colorType}
94
- defaultValue={defaultValue}
95
- />
96
- ) : (
97
- <ColorPicker
98
- fullWidth
99
- size={colorPickerSize}
100
- swatches={swatches? swatches : undefined}
101
- swatchesPerRow={swatches ? swatchesPerRow : undefined}
102
- value={value}
103
- onChange={handleChange}
104
- format={colorType}
105
- defaultValue={defaultValue}
106
- />
107
- )}
108
- </MantineProvider>
84
+ <div ref={rootRef} className="cs-color-picker-root">
85
+ <MantineProvider
86
+ withStaticClasses
87
+ withGlobalClasses
88
+ classNamesPrefix="ebta-mantime"
89
+ cssVariablesSelector=".cs-color-picker-root"
90
+ getRootElement={() => rootRef.current ?? undefined}
91
+ >
92
+ {componentType === "ColorInput" ? (
93
+ <ColorInput
94
+ swatches={swatches? swatches : undefined}
95
+ swatchesPerRow={swatches ? swatchesPerRow : undefined}
96
+ value={value}
97
+ size={colorPickerSize}
98
+ onChange={handleChange}
99
+ description={description ? description : undefined}
100
+ placeholder={placeholder ? placeholder : undefined}
101
+ format={colorType}
102
+ defaultValue={defaultValue}
103
+ />
104
+ ) : (
105
+ <ColorPicker
106
+ fullWidth
107
+ size={colorPickerSize}
108
+ swatches={swatches? swatches : undefined}
109
+ swatchesPerRow={swatches ? swatchesPerRow : undefined}
110
+ value={value}
111
+ onChange={handleChange}
112
+ format={colorType}
113
+ defaultValue={defaultValue}
114
+ />
115
+ )}
116
+ </MantineProvider>
117
+ </div>
109
118
  );
110
119
  }
111
120