@uxf/form 11.66.0 → 11.67.0
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/avatar-file-input/avatar-file-input.js +2 -2
- package/checkbox-button/checkbox-button.js +2 -2
- package/checkbox-input/checkbox-input.js +2 -2
- package/checkbox-list/checkbox-list.js +2 -2
- package/color-radio-group/color-radio-group.js +2 -2
- package/combobox/combobox.js +4 -3
- package/components.d.ts +5 -0
- package/components.js +5 -0
- package/date-picker-input/date-picker-input.js +2 -2
- package/date-range-picker-input/date-range-picker-input.js +2 -2
- package/datetime-picker-input/datetime-picker-input.js +2 -2
- package/dropzone/dropzone-input.js +2 -2
- package/file-input/file-input.js +2 -2
- package/form-renderer/README.md +1 -0
- package/form-renderer/big-test-schema.d.ts +33 -0
- package/form-renderer/big-test-schema.js +295 -0
- package/form-renderer/field/base-field.d.ts +4 -0
- package/form-renderer/field/base-field.js +70 -0
- package/form-renderer/field/embedded.d.ts +4 -0
- package/form-renderer/field/embedded.js +19 -0
- package/form-renderer/field/one-to-many.d.ts +4 -0
- package/form-renderer/field/one-to-many.js +50 -0
- package/form-renderer/form-renderer.d.ts +16 -0
- package/form-renderer/form-renderer.js +26 -0
- package/form-renderer/form-renderer.stories.d.ts +2 -0
- package/form-renderer/form-renderer.stories.js +23 -0
- package/form-renderer/index.d.ts +2 -0
- package/form-renderer/index.js +18 -0
- package/form-renderer/mapper.d.ts +2 -0
- package/form-renderer/mapper.js +30 -0
- package/form-renderer/types.d.ts +39 -0
- package/form-renderer/types.js +2 -0
- package/gps-input/gps-input.js +2 -2
- package/money-input/money-input.js +2 -2
- package/multi-combobox/multi-combobox.js +4 -3
- package/multi-select/multi-select.js +2 -2
- package/number-input/number-input.js +5 -3
- package/package.json +2 -2
- package/password-input/password-input.js +3 -3
- package/radio-group/radio-group.js +2 -2
- package/readmes.d.ts +1 -0
- package/readmes.js +26 -24
- package/select/select.js +2 -2
- package/text-input/text-input.js +2 -2
- package/textarea/textarea.js +2 -2
- package/time-picker-input/time-picker-input.js +2 -2
- package/toggle/toggle.js +2 -2
package/text-input/text-input.js
CHANGED
|
@@ -14,7 +14,7 @@ const EMAIL_REGEXP = /^(([^<>()[\]\\.,;:\s@À-ÖÙ-öù-ÿĀ-žḀ-ỿ"]+(\.[^<>
|
|
|
14
14
|
const PHONE_REGEXP = /^(\+)?[\d\s]*$/;
|
|
15
15
|
const URL_REGEXP = /^(https?:\/\/)?(www\.)?([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})(\/.*)?$/;
|
|
16
16
|
function TextInput(props) {
|
|
17
|
-
var _a, _b, _c, _d, _e, _f, _g
|
|
17
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
18
18
|
const formContext = (0, form_context_1.useFormContext)();
|
|
19
19
|
const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
|
|
20
20
|
const { field, fieldState } = (0, react_hook_form_1.useController)({
|
|
@@ -52,6 +52,6 @@ function TextInput(props) {
|
|
|
52
52
|
field.onChange(value);
|
|
53
53
|
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
|
|
54
54
|
};
|
|
55
|
-
return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, autoFocus: props.autoFocus, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: (_f = (_e = fieldState.error) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : props.helperText, hiddenLabel: props.hiddenLabel, id: id, inputMode: props.inputMode, isDisabled:
|
|
55
|
+
return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, autoFocus: props.autoFocus, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: (_f = (_e = fieldState.error) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : props.helperText, hiddenLabel: props.hiddenLabel, id: id, inputMode: props.inputMode, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, maxLength: props.maxLength, minLength: props.minLength, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, placeholder: props.placeholder, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, type: props.type, value: (_g = field.value) !== null && _g !== void 0 ? _g : "", variant: props.variant }));
|
|
56
56
|
}
|
|
57
57
|
TextInput.displayName = "UxfFormTextInput";
|
package/textarea/textarea.js
CHANGED
|
@@ -31,7 +31,7 @@ const react_1 = __importStar(require("react"));
|
|
|
31
31
|
const react_hook_form_1 = require("react-hook-form");
|
|
32
32
|
const form_context_1 = require("../form-id-context/form-context");
|
|
33
33
|
function Textarea(props) {
|
|
34
|
-
var _a, _b, _c
|
|
34
|
+
var _a, _b, _c;
|
|
35
35
|
const formContext = (0, form_context_1.useFormContext)();
|
|
36
36
|
const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
|
|
37
37
|
const { field, fieldState } = (0, react_hook_form_1.useController)({
|
|
@@ -53,6 +53,6 @@ function Textarea(props) {
|
|
|
53
53
|
field.onChange(value);
|
|
54
54
|
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
|
|
55
55
|
};
|
|
56
|
-
return (react_1.default.createElement(textarea_1.Textarea, { autoComplete: props.autoComplete, className: props.className, disableAutoHeight: props.disableAutoHeight, form: props.form, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled:
|
|
56
|
+
return (react_1.default.createElement(textarea_1.Textarea, { autoComplete: props.autoComplete, className: props.className, disableAutoHeight: props.disableAutoHeight, form: props.form, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, maxLength: props.maxLength, minLength: props.minLength, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, placeholder: props.placeholder, ref: field.ref, rows: props.rows, style: props.style, value: field.value || "" }));
|
|
57
57
|
}
|
|
58
58
|
Textarea.displayName = "UxfFormTextarea";
|
|
@@ -37,7 +37,7 @@ const react_hook_form_1 = require("react-hook-form");
|
|
|
37
37
|
const form_context_1 = require("../form-id-context/form-context");
|
|
38
38
|
(0, dayjs_1.extend)(customParseFormat_1.default);
|
|
39
39
|
function TimePickerInput(props) {
|
|
40
|
-
var _a, _b, _c, _d, _e
|
|
40
|
+
var _a, _b, _c, _d, _e;
|
|
41
41
|
const formContext = (0, form_context_1.useFormContext)();
|
|
42
42
|
const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
|
|
43
43
|
const { field, fieldState } = (0, react_hook_form_1.useController)({
|
|
@@ -72,6 +72,6 @@ function TimePickerInput(props) {
|
|
|
72
72
|
field.onChange(value);
|
|
73
73
|
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
|
|
74
74
|
};
|
|
75
|
-
return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { CustomTimePicker: props.CustomTimePicker, autoFocus: props.autoFocus, className: props.className, form: props.form, helperText: (_e = (_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isClearable: props.isClearable, isDisabled:
|
|
75
|
+
return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { CustomTimePicker: props.CustomTimePicker, autoFocus: props.autoFocus, className: props.className, form: props.form, helperText: (_e = (_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isClearable: props.isClearable, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, placeholder: props.placeholder, popoverPlacement: props.popoverPlacement, popoverStrategy: props.popoverStrategy, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, triggerElement: props.triggerElement, value: field.value, variant: props.variant }));
|
|
76
76
|
}
|
|
77
77
|
TimePickerInput.displayName = "UxfFormTimePickerInput";
|
package/toggle/toggle.js
CHANGED
|
@@ -11,7 +11,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
11
11
|
const react_hook_form_1 = require("react-hook-form");
|
|
12
12
|
const form_context_1 = require("../form-id-context/form-context");
|
|
13
13
|
function Toggle(props) {
|
|
14
|
-
var _a, _b
|
|
14
|
+
var _a, _b;
|
|
15
15
|
const formContext = (0, form_context_1.useFormContext)();
|
|
16
16
|
const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
|
|
17
17
|
const { field, fieldState } = (0, react_hook_form_1.useController)({
|
|
@@ -33,6 +33,6 @@ function Toggle(props) {
|
|
|
33
33
|
field.onChange(value);
|
|
34
34
|
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
|
|
35
35
|
};
|
|
36
|
-
return (react_1.default.createElement(toggle_1.Toggle, { className: props.className, hiddenLabel: props.hiddenLabel, id: id, isDisabled:
|
|
36
|
+
return (react_1.default.createElement(toggle_1.Toggle, { className: props.className, hiddenLabel: props.hiddenLabel, id: id, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, ref: field.ref, style: props.style, value: (_b = field.value) !== null && _b !== void 0 ? _b : (!props.nullable ? false : undefined), variant: props.variant }));
|
|
37
37
|
}
|
|
38
38
|
Toggle.displayName = "UxfFormToggle";
|