@superleapai/flow-ui 2.5.9 → 2.5.10
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/core/flow.js +16 -34
- package/dist/superleap-flow.min.js +2 -2
- package/package.json +1 -1
package/core/flow.js
CHANGED
|
@@ -123,42 +123,24 @@
|
|
|
123
123
|
const field = document.createElement("div");
|
|
124
124
|
field.className = "field";
|
|
125
125
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
labelEl.className = "field-label";
|
|
141
|
-
const labelContentWrapper = document.createElement("span");
|
|
142
|
-
labelContentWrapper.style.display = "inline-flex";
|
|
143
|
-
labelContentWrapper.style.alignItems = "center";
|
|
144
|
-
labelContentWrapper.style.gap = "0.25rem";
|
|
145
|
-
if (required) {
|
|
146
|
-
labelContentWrapper.appendChild(document.createTextNode(label + " "));
|
|
147
|
-
const asterisk = document.createElement("span");
|
|
148
|
-
asterisk.className = "required-asterisk";
|
|
149
|
-
asterisk.textContent = "*";
|
|
150
|
-
labelContentWrapper.appendChild(asterisk);
|
|
151
|
-
} else {
|
|
152
|
-
labelContentWrapper.appendChild(document.createTextNode(label));
|
|
153
|
-
}
|
|
154
|
-
if (helpText && getComponent("Tooltip")) {
|
|
155
|
-
const tooltip = getComponent("Tooltip").create({ content: helpText, label: "?" });
|
|
156
|
-
if (tooltip) labelContentWrapper.appendChild(tooltip);
|
|
126
|
+
const hasLabel = label != null && String(label).trim() !== "";
|
|
127
|
+
let labelEl = null;
|
|
128
|
+
|
|
129
|
+
if (hasLabel) {
|
|
130
|
+
const LabelComponent = getComponent("Label");
|
|
131
|
+
if (LabelComponent && typeof LabelComponent.create === "function") {
|
|
132
|
+
labelEl = LabelComponent.create({
|
|
133
|
+
label: label,
|
|
134
|
+
required: required,
|
|
135
|
+
requiredPosition: "right",
|
|
136
|
+
optional: false,
|
|
137
|
+
size: "default",
|
|
138
|
+
helpText: helpText || undefined,
|
|
139
|
+
});
|
|
157
140
|
}
|
|
158
|
-
labelEl.appendChild(labelContentWrapper);
|
|
159
141
|
}
|
|
160
142
|
|
|
161
|
-
field.appendChild(labelEl);
|
|
143
|
+
if (labelEl) field.appendChild(labelEl);
|
|
162
144
|
return field;
|
|
163
145
|
}
|
|
164
146
|
|
|
@@ -1256,7 +1238,7 @@
|
|
|
1256
1238
|
onChange,
|
|
1257
1239
|
} = config;
|
|
1258
1240
|
|
|
1259
|
-
const field = createFieldWrapper(label
|
|
1241
|
+
const field = createFieldWrapper(label, required, helpText);
|
|
1260
1242
|
field.setAttribute("data-field-id", fieldId);
|
|
1261
1243
|
|
|
1262
1244
|
if (getComponent("CurrencyComponent") && getComponent("CurrencyComponent").create) {
|