@itcase/forms 1.0.47 → 1.0.48
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/dist/itcase-forms.cjs.js +12 -8
- package/dist/itcase-forms.esm.js +12 -8
- package/package.json +1 -1
package/dist/itcase-forms.cjs.js
CHANGED
|
@@ -240,18 +240,18 @@ function FieldWrapperBase(props) {
|
|
|
240
240
|
fill: dividerFill
|
|
241
241
|
})), !hideMessage && /*#__PURE__*/React__default.default.createElement("div", {
|
|
242
242
|
className: "form-field__message"
|
|
243
|
-
}, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
243
|
+
}, Boolean(showError) && error && typeof error === 'string' && /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
244
244
|
className: "form-field__message-item form-field__message-item_type-error",
|
|
245
245
|
size: errorMessageTextSize,
|
|
246
246
|
textWeight: errorMessageTextWeight,
|
|
247
247
|
textColor: errorMessageTextColor,
|
|
248
248
|
id: `${inputName}-error`
|
|
249
|
-
}, error), Boolean(message) && !
|
|
249
|
+
}, error), Boolean(message) && (!error || typeof error !== 'string') && /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
250
250
|
className: "form-field__message-item form-field__message-item_type_message",
|
|
251
251
|
size: messageTextSize,
|
|
252
252
|
textWeight: messageTextWeight,
|
|
253
253
|
textColor: messageTextColor
|
|
254
|
-
}, message),
|
|
254
|
+
}, message), (!showError && !message || showError && !message && (!error || typeof error !== 'string')) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
255
255
|
className: "form-field__message-item form-field__message-item_type_message",
|
|
256
256
|
size: messageTextSize
|
|
257
257
|
}, '\u00A0')), after);
|
|
@@ -418,6 +418,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
|
|
|
418
418
|
inputProps,
|
|
419
419
|
isMultiple,
|
|
420
420
|
isRequired,
|
|
421
|
+
isDisabled,
|
|
421
422
|
label,
|
|
422
423
|
messageType,
|
|
423
424
|
name,
|
|
@@ -477,7 +478,8 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
|
|
|
477
478
|
isRequired: isRequired,
|
|
478
479
|
placeholder: placeholder,
|
|
479
480
|
active: activeOption,
|
|
480
|
-
setActiveSegment: setActiveSegment
|
|
481
|
+
setActiveSegment: setActiveSegment,
|
|
482
|
+
isDisabled: isDisabled
|
|
481
483
|
}, inputProps)));
|
|
482
484
|
});
|
|
483
485
|
});
|
|
@@ -1211,7 +1213,7 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
|
|
|
1211
1213
|
messageTextColor,
|
|
1212
1214
|
children,
|
|
1213
1215
|
dataTour,
|
|
1214
|
-
|
|
1216
|
+
hideGroupMessage,
|
|
1215
1217
|
name,
|
|
1216
1218
|
showErrorsOnSubmit
|
|
1217
1219
|
} = props;
|
|
@@ -1242,13 +1244,13 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
|
|
|
1242
1244
|
textWeight: labelTextWeight
|
|
1243
1245
|
}, label)), /*#__PURE__*/React__default.default.createElement("div", {
|
|
1244
1246
|
className: "form__group-items"
|
|
1245
|
-
}, children), after), !
|
|
1247
|
+
}, children), after), !hideGroupMessage && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
1246
1248
|
className: "form__group-message form__group-message_type-error",
|
|
1247
1249
|
size: errorMessageTextSize,
|
|
1248
1250
|
textWeight: errorMessageTextWeight,
|
|
1249
1251
|
textColor: errorMessageTextColor,
|
|
1250
1252
|
id: `${name}-error`
|
|
1251
|
-
}, error), Boolean(message) && !
|
|
1253
|
+
}, error), Boolean(message) && (!error || typeof error !== 'string') && /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
1252
1254
|
className: "form__group-message",
|
|
1253
1255
|
size: messageTextSize,
|
|
1254
1256
|
textWeight: messageTextWeight,
|
|
@@ -1285,6 +1287,7 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
|
|
|
1285
1287
|
name,
|
|
1286
1288
|
parse,
|
|
1287
1289
|
iconSize,
|
|
1290
|
+
isDisabled,
|
|
1288
1291
|
iconBorder,
|
|
1289
1292
|
iconBorderHover,
|
|
1290
1293
|
iconFill,
|
|
@@ -1343,7 +1346,8 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
|
|
|
1343
1346
|
value: input.value || '',
|
|
1344
1347
|
onBlur: input.onBlur,
|
|
1345
1348
|
onChange: onChangeField,
|
|
1346
|
-
onFocus: input.onFocus
|
|
1349
|
+
onFocus: input.onFocus,
|
|
1350
|
+
isDisabled: isDisabled
|
|
1347
1351
|
}, inputProps)), isRevealable && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
|
|
1348
1352
|
className: "form-field__icon",
|
|
1349
1353
|
iconFill: iconFill,
|
package/dist/itcase-forms.esm.js
CHANGED
|
@@ -230,18 +230,18 @@ function FieldWrapperBase(props) {
|
|
|
230
230
|
fill: dividerFill
|
|
231
231
|
})), !hideMessage && /*#__PURE__*/React.createElement("div", {
|
|
232
232
|
className: "form-field__message"
|
|
233
|
-
}, Boolean(showError) && /*#__PURE__*/React.createElement(Text, {
|
|
233
|
+
}, Boolean(showError) && error && typeof error === 'string' && /*#__PURE__*/React.createElement(Text, {
|
|
234
234
|
className: "form-field__message-item form-field__message-item_type-error",
|
|
235
235
|
size: errorMessageTextSize,
|
|
236
236
|
textWeight: errorMessageTextWeight,
|
|
237
237
|
textColor: errorMessageTextColor,
|
|
238
238
|
id: `${inputName}-error`
|
|
239
|
-
}, error), Boolean(message) && !
|
|
239
|
+
}, error), Boolean(message) && (!error || typeof error !== 'string') && /*#__PURE__*/React.createElement(Text, {
|
|
240
240
|
className: "form-field__message-item form-field__message-item_type_message",
|
|
241
241
|
size: messageTextSize,
|
|
242
242
|
textWeight: messageTextWeight,
|
|
243
243
|
textColor: messageTextColor
|
|
244
|
-
}, message),
|
|
244
|
+
}, message), (!showError && !message || showError && !message && (!error || typeof error !== 'string')) && /*#__PURE__*/React.createElement(Text, {
|
|
245
245
|
className: "form-field__message-item form-field__message-item_type_message",
|
|
246
246
|
size: messageTextSize
|
|
247
247
|
}, '\u00A0')), after);
|
|
@@ -408,6 +408,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
|
|
|
408
408
|
inputProps,
|
|
409
409
|
isMultiple,
|
|
410
410
|
isRequired,
|
|
411
|
+
isDisabled,
|
|
411
412
|
label,
|
|
412
413
|
messageType,
|
|
413
414
|
name,
|
|
@@ -467,7 +468,8 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
|
|
|
467
468
|
isRequired: isRequired,
|
|
468
469
|
placeholder: placeholder,
|
|
469
470
|
active: activeOption,
|
|
470
|
-
setActiveSegment: setActiveSegment
|
|
471
|
+
setActiveSegment: setActiveSegment,
|
|
472
|
+
isDisabled: isDisabled
|
|
471
473
|
}, inputProps)));
|
|
472
474
|
});
|
|
473
475
|
});
|
|
@@ -1201,7 +1203,7 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
|
|
|
1201
1203
|
messageTextColor,
|
|
1202
1204
|
children,
|
|
1203
1205
|
dataTour,
|
|
1204
|
-
|
|
1206
|
+
hideGroupMessage,
|
|
1205
1207
|
name,
|
|
1206
1208
|
showErrorsOnSubmit
|
|
1207
1209
|
} = props;
|
|
@@ -1232,13 +1234,13 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
|
|
|
1232
1234
|
textWeight: labelTextWeight
|
|
1233
1235
|
}, label)), /*#__PURE__*/React.createElement("div", {
|
|
1234
1236
|
className: "form__group-items"
|
|
1235
|
-
}, children), after), !
|
|
1237
|
+
}, children), after), !hideGroupMessage && /*#__PURE__*/React.createElement(React.Fragment, null, Boolean(showError) && /*#__PURE__*/React.createElement(Text, {
|
|
1236
1238
|
className: "form__group-message form__group-message_type-error",
|
|
1237
1239
|
size: errorMessageTextSize,
|
|
1238
1240
|
textWeight: errorMessageTextWeight,
|
|
1239
1241
|
textColor: errorMessageTextColor,
|
|
1240
1242
|
id: `${name}-error`
|
|
1241
|
-
}, error), Boolean(message) && !
|
|
1243
|
+
}, error), Boolean(message) && (!error || typeof error !== 'string') && /*#__PURE__*/React.createElement(Text, {
|
|
1242
1244
|
className: "form__group-message",
|
|
1243
1245
|
size: messageTextSize,
|
|
1244
1246
|
textWeight: messageTextWeight,
|
|
@@ -1275,6 +1277,7 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
|
|
|
1275
1277
|
name,
|
|
1276
1278
|
parse,
|
|
1277
1279
|
iconSize,
|
|
1280
|
+
isDisabled,
|
|
1278
1281
|
iconBorder,
|
|
1279
1282
|
iconBorderHover,
|
|
1280
1283
|
iconFill,
|
|
@@ -1333,7 +1336,8 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
|
|
|
1333
1336
|
value: input.value || '',
|
|
1334
1337
|
onBlur: input.onBlur,
|
|
1335
1338
|
onChange: onChangeField,
|
|
1336
|
-
onFocus: input.onFocus
|
|
1339
|
+
onFocus: input.onFocus,
|
|
1340
|
+
isDisabled: isDisabled
|
|
1337
1341
|
}, inputProps)), isRevealable && /*#__PURE__*/React.createElement(Icon, {
|
|
1338
1342
|
className: "form-field__icon",
|
|
1339
1343
|
iconFill: iconFill,
|