@agilemotion/oui-react-js 1.8.7 → 1.8.8
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.
|
@@ -96,15 +96,19 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
|
|
|
96
96
|
return visible && /*#__PURE__*/_react.default.createElement("div", {
|
|
97
97
|
style: _Utils.default.mergeStyles({}, props.config)
|
|
98
98
|
}, data && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.steps.map((step, index) => {
|
|
99
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div",
|
|
99
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
100
|
+
style: {
|
|
101
|
+
margin: "4px"
|
|
102
|
+
}
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
100
104
|
style: {
|
|
101
105
|
display: "inline-block",
|
|
102
|
-
width: "
|
|
106
|
+
width: "100%",
|
|
103
107
|
padding: "16px",
|
|
104
108
|
borderRadius: "32px",
|
|
105
109
|
maxWidth: "100%",
|
|
106
110
|
backgroundColor: step.sequence < data.currentStep.sequence ? '#50cd89' : step.sequence === data.currentStep.sequence ? _ApplicationManager.default.getApplicationPrimaryColor() : 'white',
|
|
107
|
-
border: '1px solid ' + _ApplicationManager.default.getApplicationSecondaryColor(),
|
|
111
|
+
border: step.sequence < data.currentStep.sequence ? '1px solid ' + '#FFFFFF' : step.sequence === data.currentStep.sequence ? '1px solid ' + _ApplicationManager.default.getApplicationPrimaryColor() : '1px solid ' + _ApplicationManager.default.getApplicationSecondaryColor(),
|
|
108
112
|
color: step.sequence < data.currentStep.sequence ? '#FFFFFF' : null,
|
|
109
113
|
overflow: "hidden",
|
|
110
114
|
textOverflow: "ellipsis",
|
|
@@ -115,7 +119,8 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
|
|
|
115
119
|
maxWidth: "100%",
|
|
116
120
|
overflow: "hidden",
|
|
117
121
|
textOverflow: "ellipsis",
|
|
118
|
-
whiteSpace: "nowrap"
|
|
122
|
+
whiteSpace: "nowrap",
|
|
123
|
+
fontSize: "20px"
|
|
119
124
|
}
|
|
120
125
|
}, step.description), step.startDate && step.endDate && /*#__PURE__*/_react.default.createElement("div", {
|
|
121
126
|
style: {
|
|
@@ -136,10 +141,10 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
|
|
|
136
141
|
}
|
|
137
142
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
138
143
|
style: {
|
|
139
|
-
marginTop: "-
|
|
140
|
-
height: "calc(100% +
|
|
141
|
-
width: "
|
|
142
|
-
backgroundColor:
|
|
144
|
+
marginTop: "-12px",
|
|
145
|
+
height: "calc(100% + 12px)",
|
|
146
|
+
width: "4px",
|
|
147
|
+
backgroundColor: "#e1e1e1"
|
|
143
148
|
}
|
|
144
149
|
}))));
|
|
145
150
|
})));
|
|
@@ -57,14 +57,24 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/
|
|
|
57
57
|
}
|
|
58
58
|
return id === "minDate" ? "1970-01-01" : "9000-12-31";
|
|
59
59
|
};
|
|
60
|
+
_react.default.useEffect(() => {
|
|
61
|
+
setMinDate(props.config.attributes?.minDate);
|
|
62
|
+
setMaxDate(props.config.attributes?.maxDate);
|
|
63
|
+
}, []);
|
|
60
64
|
_react.default.useEffect(() => {
|
|
61
65
|
if (minDate === null) {
|
|
62
66
|
setMinDate(getLimitDate("minDate"));
|
|
67
|
+
} else {
|
|
68
|
+
setMinDate(minDate);
|
|
63
69
|
}
|
|
70
|
+
}, [minDate]);
|
|
71
|
+
_react.default.useEffect(() => {
|
|
64
72
|
if (maxDate === null) {
|
|
65
73
|
setMaxDate(getLimitDate("maxDate"));
|
|
74
|
+
} else {
|
|
75
|
+
setMaxDate(maxDate);
|
|
66
76
|
}
|
|
67
|
-
}, []);
|
|
77
|
+
}, [maxDate]);
|
|
68
78
|
const secondaryColor = (0, _reactRedux.useSelector)(state => state.dashboard.secondaryThemeColor);
|
|
69
79
|
const style = _Utils.default.mergeStyles({
|
|
70
80
|
minWidth: minWidth,
|