envoc-form 4.0.1-9 → 5.0.1
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/README.md +5173 -12
- package/es/AddressInput/AddressInput.d.ts +24 -15
- package/es/AddressInput/AddressInput.js +20 -21
- package/es/AddressInput/UsStates.d.ts +3 -3
- package/es/AddressInput/UsStates.js +53 -53
- package/es/ConfirmBaseForm/ConfirmBaseForm.d.ts +26 -12
- package/es/ConfirmBaseForm/ConfirmBaseForm.js +42 -36
- package/es/ConfirmDeleteForm/ConfirmDeleteForm.d.ts +24 -11
- package/es/ConfirmDeleteForm/ConfirmDeleteForm.js +60 -55
- package/es/DatePicker/DatePickerGroup.d.ts +13 -9
- package/es/DatePicker/DatePickerGroup.js +87 -77
- package/es/DatePicker/DatePickerHelper.d.ts +3 -3
- package/es/DatePicker/DatePickerHelper.js +1 -1
- package/es/DatePicker/StringDateOnlyPickerGroup.d.ts +9 -5
- package/es/DatePicker/StringDateOnlyPickerGroup.js +29 -24
- package/es/DatePicker/StringDatePickerGroup.d.ts +9 -5
- package/es/DatePicker/StringDatePickerGroup.js +24 -19
- package/es/Field/CustomFieldInputProps.d.ts +7 -7
- package/es/Field/CustomFieldInputProps.js +1 -1
- package/es/Field/CustomFieldMetaProps.d.ts +4 -4
- package/es/Field/CustomFieldMetaProps.js +1 -1
- package/es/Field/Field.d.ts +28 -22
- package/es/Field/Field.js +51 -46
- package/es/Field/FieldErrorScrollTarget.d.ts +2 -2
- package/es/Field/FieldErrorScrollTarget.js +12 -11
- package/es/Field/FieldNameContext.d.ts +3 -3
- package/es/Field/FieldNameContext.js +3 -3
- package/es/Field/FieldSection.d.ts +7 -7
- package/es/Field/FieldSection.js +9 -20
- package/es/Field/InjectedFieldProps.d.ts +7 -7
- package/es/Field/InjectedFieldProps.js +1 -1
- package/es/Field/StandAloneInput.d.ts +13 -9
- package/es/Field/StandAloneInput.js +50 -49
- package/es/Field/useStandardField.d.ts +21 -15
- package/es/Field/useStandardField.js +92 -93
- package/es/FieldArray/FieldArray.d.ts +24 -15
- package/es/FieldArray/FieldArray.js +77 -83
- package/es/File/FileGroup.d.ts +10 -8
- package/es/File/FileGroup.js +53 -52
- package/es/File/FileList.d.ts +5 -6
- package/es/File/FileList.js +10 -21
- package/es/File/humanFileSize.d.ts +1 -1
- package/es/File/humanFileSize.js +6 -6
- package/es/Form/FocusError.d.ts +7 -5
- package/es/Form/FocusError.js +42 -41
- package/es/Form/Form.d.ts +33 -27
- package/es/Form/Form.js +141 -140
- package/es/Form/FormBasedPreventNavigation.d.ts +6 -5
- package/es/Form/FormBasedPreventNavigation.js +20 -53
- package/es/Form/LegacyFormBasedPreventNavigation.d.ts +17 -0
- package/es/Form/LegacyFormBasedPreventNavigation.js +69 -0
- package/es/Form/NewFormBasedPreventNavigation.d.ts +14 -0
- package/es/Form/NewFormBasedPreventNavigation.js +39 -0
- package/es/Form/ServerErrorContext.d.ts +11 -10
- package/es/Form/ServerErrorContext.js +9 -8
- package/es/FormActions.d.ts +12 -7
- package/es/FormActions.js +16 -26
- package/es/FormDefaults.d.ts +4 -3
- package/es/FormDefaults.js +2 -1
- package/es/Group.d.ts +16 -13
- package/es/Group.js +14 -24
- package/es/Input/IconInputGroup.d.ts +12 -9
- package/es/Input/IconInputGroup.js +43 -41
- package/es/Input/InputGroup.d.ts +12 -12
- package/es/Input/InputGroup.js +34 -34
- package/es/Input/MoneyInputGroup.d.ts +9 -7
- package/es/Input/MoneyInputGroup.js +43 -42
- package/es/Input/NumberInputGroup.d.ts +9 -7
- package/es/Input/NumberInputGroup.js +43 -42
- package/es/Input/StringInputGroup.d.ts +8 -7
- package/es/Input/StringInputGroup.js +43 -41
- package/es/Normalization/NormalizationFunction.d.ts +4 -4
- package/es/Normalization/NormalizationFunction.js +1 -1
- package/es/Normalization/normalizers.d.ts +4 -2
- package/es/Normalization/normalizers.js +32 -30
- package/es/Select/BooleanSelectGroup.d.ts +7 -7
- package/es/Select/BooleanSelectGroup.js +28 -27
- package/es/Select/NumberSelectGroup.d.ts +9 -8
- package/es/Select/NumberSelectGroup.js +21 -19
- package/es/Select/SelectGroup.d.ts +27 -22
- package/es/Select/SelectGroup.js +65 -64
- package/es/Select/SelectGroupPropsHelper.d.ts +3 -3
- package/es/Select/SelectGroupPropsHelper.js +1 -1
- package/es/Select/StringSelectGroup.d.ts +9 -8
- package/es/Select/StringSelectGroup.js +21 -19
- package/es/StandardFormActions.d.ts +11 -6
- package/es/StandardFormActions.js +14 -24
- package/es/SubmitFormButton.d.ts +10 -7
- package/es/SubmitFormButton.js +40 -39
- package/es/TextArea/TextAreaGroup.d.ts +9 -8
- package/es/TextArea/TextAreaGroup.js +35 -34
- package/es/Validation/ValidatedApiResult.d.ts +6 -6
- package/es/Validation/ValidatedApiResult.js +1 -1
- package/es/Validation/ValidationError.d.ts +5 -5
- package/es/Validation/ValidationError.js +1 -1
- package/es/Validation/ValidationFunction.d.ts +4 -4
- package/es/Validation/ValidationFunction.js +1 -1
- package/es/Validation/validators.d.ts +18 -15
- package/es/Validation/validators.js +77 -73
- package/es/index.d.ts +73 -73
- package/es/index.js +50 -50
- package/es/setupTests.d.ts +1 -0
- package/es/setupTests.js +1 -0
- package/es/utils/objectContainsNonSerializableProperty.d.ts +1 -1
- package/es/utils/objectContainsNonSerializableProperty.js +14 -14
- package/es/utils/objectToFormData.d.ts +10 -10
- package/es/utils/objectToFormData.js +77 -77
- package/es/utils/typeChecks.d.ts +8 -8
- package/es/utils/typeChecks.js +18 -18
- package/lib/AddressInput/AddressInput.d.ts +24 -15
- package/lib/AddressInput/AddressInput.js +26 -27
- package/lib/AddressInput/UsStates.d.ts +3 -3
- package/lib/AddressInput/UsStates.js +55 -55
- package/lib/ConfirmBaseForm/ConfirmBaseForm.d.ts +26 -12
- package/lib/ConfirmBaseForm/ConfirmBaseForm.js +48 -42
- package/lib/ConfirmDeleteForm/ConfirmDeleteForm.d.ts +24 -11
- package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js +66 -61
- package/lib/DatePicker/DatePickerGroup.d.ts +13 -9
- package/lib/DatePicker/DatePickerGroup.js +95 -85
- package/lib/DatePicker/DatePickerHelper.d.ts +3 -3
- package/lib/DatePicker/DatePickerHelper.js +2 -2
- package/lib/DatePicker/StringDateOnlyPickerGroup.d.ts +9 -5
- package/lib/DatePicker/StringDateOnlyPickerGroup.js +35 -30
- package/lib/DatePicker/StringDatePickerGroup.d.ts +9 -5
- package/lib/DatePicker/StringDatePickerGroup.js +30 -25
- package/lib/Field/CustomFieldInputProps.d.ts +7 -7
- package/lib/Field/CustomFieldInputProps.js +2 -2
- package/lib/Field/CustomFieldMetaProps.d.ts +4 -4
- package/lib/Field/CustomFieldMetaProps.js +2 -2
- package/lib/Field/Field.d.ts +28 -22
- package/lib/Field/Field.js +56 -51
- package/lib/Field/FieldErrorScrollTarget.d.ts +2 -2
- package/lib/Field/FieldErrorScrollTarget.js +15 -14
- package/lib/Field/FieldNameContext.d.ts +3 -3
- package/lib/Field/FieldNameContext.js +9 -9
- package/lib/Field/FieldSection.d.ts +7 -7
- package/lib/Field/FieldSection.js +12 -23
- package/lib/Field/InjectedFieldProps.d.ts +7 -7
- package/lib/Field/InjectedFieldProps.js +2 -2
- package/lib/Field/StandAloneInput.d.ts +13 -9
- package/lib/Field/StandAloneInput.js +76 -75
- package/lib/Field/useStandardField.d.ts +21 -15
- package/lib/Field/useStandardField.js +95 -96
- package/lib/FieldArray/FieldArray.d.ts +24 -15
- package/lib/FieldArray/FieldArray.js +83 -89
- package/lib/File/FileGroup.d.ts +10 -8
- package/lib/File/FileGroup.js +58 -57
- package/lib/File/FileList.d.ts +5 -6
- package/lib/File/FileList.js +13 -24
- package/lib/File/humanFileSize.d.ts +1 -1
- package/lib/File/humanFileSize.js +10 -10
- package/lib/Form/FocusError.d.ts +7 -5
- package/lib/Form/FocusError.js +48 -47
- package/lib/Form/Form.d.ts +33 -27
- package/lib/Form/Form.js +147 -146
- package/lib/Form/FormBasedPreventNavigation.d.ts +6 -5
- package/lib/Form/FormBasedPreventNavigation.js +26 -56
- package/lib/Form/LegacyFormBasedPreventNavigation.d.ts +17 -0
- package/lib/Form/LegacyFormBasedPreventNavigation.js +72 -0
- package/lib/Form/NewFormBasedPreventNavigation.d.ts +14 -0
- package/lib/Form/NewFormBasedPreventNavigation.js +42 -0
- package/lib/Form/ServerErrorContext.d.ts +11 -10
- package/lib/Form/ServerErrorContext.js +15 -14
- package/lib/FormActions.d.ts +12 -7
- package/lib/FormActions.js +22 -32
- package/lib/FormDefaults.d.ts +4 -3
- package/lib/FormDefaults.js +5 -4
- package/lib/Group.d.ts +16 -13
- package/lib/Group.js +20 -30
- package/lib/Input/IconInputGroup.d.ts +12 -9
- package/lib/Input/IconInputGroup.js +48 -46
- package/lib/Input/InputGroup.d.ts +12 -12
- package/lib/Input/InputGroup.js +39 -39
- package/lib/Input/MoneyInputGroup.d.ts +9 -7
- package/lib/Input/MoneyInputGroup.js +48 -47
- package/lib/Input/NumberInputGroup.d.ts +9 -7
- package/lib/Input/NumberInputGroup.js +48 -47
- package/lib/Input/StringInputGroup.d.ts +8 -7
- package/lib/Input/StringInputGroup.js +48 -46
- package/lib/Normalization/NormalizationFunction.d.ts +4 -4
- package/lib/Normalization/NormalizationFunction.js +2 -2
- package/lib/Normalization/normalizers.d.ts +4 -2
- package/lib/Normalization/normalizers.js +37 -35
- package/lib/Select/BooleanSelectGroup.d.ts +7 -7
- package/lib/Select/BooleanSelectGroup.js +35 -34
- package/lib/Select/NumberSelectGroup.d.ts +9 -8
- package/lib/Select/NumberSelectGroup.js +29 -27
- package/lib/Select/SelectGroup.d.ts +27 -22
- package/lib/Select/SelectGroup.js +71 -70
- package/lib/Select/SelectGroupPropsHelper.d.ts +3 -3
- package/lib/Select/SelectGroupPropsHelper.js +2 -2
- package/lib/Select/StringSelectGroup.d.ts +9 -8
- package/lib/Select/StringSelectGroup.js +29 -27
- package/lib/StandardFormActions.d.ts +11 -6
- package/lib/StandardFormActions.js +20 -30
- package/lib/SubmitFormButton.d.ts +10 -7
- package/lib/SubmitFormButton.js +45 -44
- package/lib/TextArea/TextAreaGroup.d.ts +9 -8
- package/lib/TextArea/TextAreaGroup.js +40 -39
- package/lib/Validation/ValidatedApiResult.d.ts +6 -6
- package/lib/Validation/ValidatedApiResult.js +2 -2
- package/lib/Validation/ValidationError.d.ts +5 -5
- package/lib/Validation/ValidationError.js +2 -2
- package/lib/Validation/ValidationFunction.d.ts +4 -4
- package/lib/Validation/ValidationFunction.js +2 -2
- package/lib/Validation/validators.d.ts +18 -15
- package/lib/Validation/validators.js +90 -86
- package/lib/index.d.ts +73 -73
- package/lib/index.js +117 -117
- package/lib/setupTests.d.ts +1 -0
- package/lib/setupTests.js +3 -0
- package/lib/utils/objectContainsNonSerializableProperty.d.ts +1 -1
- package/lib/utils/objectContainsNonSerializableProperty.js +17 -17
- package/lib/utils/objectToFormData.d.ts +10 -10
- package/lib/utils/objectToFormData.js +79 -79
- package/lib/utils/typeChecks.d.ts +8 -8
- package/lib/utils/typeChecks.js +29 -29
- package/package.json +14 -11
- package/src/AddressInput/AddressInput.tsx +15 -5
- package/src/AddressInput/__snapshots__/AddressInput.test.tsx.snap +14 -12
- package/src/ConfirmBaseForm/ConfirmBaseForm.tsx +14 -0
- package/src/ConfirmDeleteForm/ConfirmDeleteForm.tsx +13 -0
- package/src/DatePicker/DatePicker.test.tsx +1 -1
- package/src/DatePicker/DatePickerGroup.tsx +18 -7
- package/src/DatePicker/StringDateOnlyPickerGroup.tsx +7 -2
- package/src/DatePicker/StringDatePickerGroup.tsx +7 -1
- package/src/Field/Field.tsx +20 -7
- package/src/Field/FieldErrorScrollTarget.tsx +1 -0
- package/src/Field/StandAloneInput.tsx +4 -0
- package/src/Field/useStandardField.ts +13 -9
- package/src/FieldArray/FieldArray.tsx +14 -5
- package/src/File/FileGroup.tsx +9 -3
- package/src/File/FileList.tsx +2 -2
- package/src/Form/FocusError.tsx +3 -0
- package/src/Form/Form.tsx +6 -0
- package/src/Form/FormBasedPreventNavigation.tsx +28 -46
- package/src/Form/LegacyFormBasedPreventNavigation.tsx +77 -0
- package/src/Form/NewFormBasedPreventNavigation.tsx +59 -0
- package/src/Form/ServerErrorContext.ts +1 -0
- package/src/FormActions.tsx +7 -0
- package/src/FormDefaults.ts +1 -0
- package/src/Group.tsx +12 -4
- package/src/Input/IconInputGroup.tsx +5 -2
- package/src/Input/InputGroup.tsx +13 -5
- package/src/Input/MoneyInputGroup.tsx +3 -1
- package/src/Input/NumberInputGroup.tsx +3 -1
- package/src/Input/StringInputGroup.tsx +3 -2
- package/src/Input/__Tests__/__snapshots__/IconInputGroup.test.tsx.snap +1 -0
- package/src/Input/__Tests__/__snapshots__/MoneyInputGroup.test.tsx.snap +1 -0
- package/src/Input/__Tests__/__snapshots__/NumberInputGroup.test.tsx.snap +1 -0
- package/src/Input/__Tests__/__snapshots__/StringInputGroup.test.tsx.snap +1 -0
- package/src/Normalization/normalizers.ts +4 -2
- package/src/Select/BooleanSelectGroup.tsx +2 -1
- package/src/Select/NumberSelectGroup.tsx +4 -2
- package/src/Select/SelectGroup.tsx +13 -2
- package/src/Select/StringSelectGroup.tsx +2 -0
- package/src/Select/__tests__/__snapshots__/BooleanSelectGroup.test.tsx.snap +6 -8
- package/src/Select/__tests__/__snapshots__/NumberSelectGroup.test.tsx.snap +12 -16
- package/src/Select/__tests__/__snapshots__/StringSelectGroup.test.tsx.snap +12 -16
- package/src/StandardFormActions.tsx +5 -0
- package/src/SubmitFormButton.tsx +5 -1
- package/src/TextArea/TextAreaGroup.tsx +6 -4
- package/src/Validation/validators.ts +19 -14
- package/src/__Tests__/FormTestBase.tsx +9 -8
- package/src/__Tests__/RealisticForm.test.tsx +82 -0
- package/src/index.ts +4 -4
- package/src/setupTests.ts +1 -0
- package/src/utils/objectToFormData.test.tsx +1 -1
- package/es/__Tests__/FormTestBase.d.ts +0 -27
- package/es/__Tests__/FormTestBase.js +0 -83
- package/es/__Tests__/index.d.ts +0 -2
- package/es/__Tests__/index.js +0 -2
- package/lib/__Tests__/FormTestBase.d.ts +0 -27
- package/lib/__Tests__/FormTestBase.js +0 -86
- package/lib/__Tests__/index.d.ts +0 -2
- package/lib/__Tests__/index.js +0 -8
package/es/FormDefaults.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
/** `envoc-form-` CSS class prefix */
|
2
|
+
export declare const FormDefaults: {
|
3
|
+
cssClassPrefix: string;
|
4
|
+
};
|
package/es/FormDefaults.js
CHANGED
@@ -1 +1,2 @@
|
|
1
|
-
|
1
|
+
/** `envoc-form-` CSS class prefix */
|
2
|
+
export var FormDefaults = { cssClassPrefix: 'envoc-form-' };
|
package/es/Group.d.ts
CHANGED
@@ -1,13 +1,16 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { InjectedFieldProps } from './Field/InjectedFieldProps';
|
3
|
-
export interface GroupProps extends InjectedFieldProps<any> {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
label
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { InjectedFieldProps } from './Field/InjectedFieldProps';
|
3
|
+
export interface GroupProps extends InjectedFieldProps<any> {
|
4
|
+
/** Extra class names to apply. */
|
5
|
+
className?: string;
|
6
|
+
children: React.ReactNode;
|
7
|
+
/** Simple text label before the input. */
|
8
|
+
label?: string;
|
9
|
+
/** Simple helper text after the input. */
|
10
|
+
helpText?: string | React.ReactNode;
|
11
|
+
/** Whether the field should be disabled. */
|
12
|
+
disabled?: boolean;
|
13
|
+
required?: boolean;
|
14
|
+
}
|
15
|
+
/** Contains standard field bits like a label, helper text, error scroll target, validation message container, etc. */
|
16
|
+
export default function Group({ className, children, label, helpText, meta, input, disabled, required, }: GroupProps): import("react/jsx-runtime").JSX.Element;
|
package/es/Group.js
CHANGED
@@ -1,24 +1,14 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
}
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
import FieldErrorScrollTarget from './Field/FieldErrorScrollTarget';
|
16
|
-
/** contains standard field bits like a label, helper text, error scroll target, validation message container, etc */
|
17
|
-
export default function Group(_a) {
|
18
|
-
var _b;
|
19
|
-
var className = _a.className, children = _a.children, label = _a.label, helpText = _a.helpText, meta = _a.meta, input = _a.input, disabled = _a.disabled;
|
20
|
-
return (_jsxs("div", __assign({ className: classNames(className, FormDefaults.cssClassPrefix + 'group', (_b = {},
|
21
|
-
_b[FormDefaults.cssClassPrefix + 'invalid'] = meta.error,
|
22
|
-
_b[FormDefaults.cssClassPrefix + 'disabled'] = disabled,
|
23
|
-
_b)) }, { children: [_jsx(FieldErrorScrollTarget, {}), meta.warning && (_jsx("div", __assign({ className: FormDefaults.cssClassPrefix + 'warning' }, { children: meta.warning }))), _jsx("label", __assign({ htmlFor: input.id }, { children: label })), children, meta.error && (_jsx("div", __assign({ className: FormDefaults.cssClassPrefix + 'error' }, { children: meta.error }))), helpText && (_jsx("div", __assign({ className: FormDefaults.cssClassPrefix + 'help' }, { children: helpText })))] })));
|
24
|
-
}
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import classNames from 'classnames';
|
3
|
+
import { FormDefaults } from './FormDefaults';
|
4
|
+
import FieldErrorScrollTarget from './Field/FieldErrorScrollTarget';
|
5
|
+
/** Contains standard field bits like a label, helper text, error scroll target, validation message container, etc. */
|
6
|
+
export default function Group(_a) {
|
7
|
+
var _b;
|
8
|
+
var className = _a.className, children = _a.children, label = _a.label, helpText = _a.helpText, meta = _a.meta, input = _a.input, disabled = _a.disabled, required = _a.required;
|
9
|
+
return (_jsxs("div", { className: classNames(className, FormDefaults.cssClassPrefix + 'group', (_b = {},
|
10
|
+
_b[FormDefaults.cssClassPrefix + 'invalid'] = meta.error,
|
11
|
+
_b[FormDefaults.cssClassPrefix + 'disabled'] = disabled,
|
12
|
+
_b[FormDefaults.cssClassPrefix + 'required'] = required,
|
13
|
+
_b)), children: [_jsx(FieldErrorScrollTarget, {}), meta.warning && (_jsx("div", { className: FormDefaults.cssClassPrefix + 'warning', children: meta.warning })), _jsx("label", { htmlFor: input.id, children: label }), children, meta.error && (_jsx("div", { id: "".concat(input.id, "-error"), className: FormDefaults.cssClassPrefix + 'error', children: meta.error })), helpText && (_jsx("div", { className: FormDefaults.cssClassPrefix + 'help', children: helpText }))] }));
|
14
|
+
}
|
@@ -1,9 +1,12 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { InputGroupProps } from './InputGroup';
|
3
|
-
export interface IconInputGroupProps extends Omit<InputGroupProps<string | undefined>, 'onChange' | 'type' | 'value'> {
|
4
|
-
type?: 'color' | 'email' | 'search' | 'tel' | 'text' | 'url';
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
1
|
+
import React from 'react';
|
2
|
+
import { InputGroupProps } from './InputGroup';
|
3
|
+
export interface IconInputGroupProps extends Omit<InputGroupProps<string | undefined | null>, 'onChange' | 'type' | 'value'> {
|
4
|
+
type?: 'color' | 'email' | 'search' | 'tel' | 'text' | 'url';
|
5
|
+
/** Icon to display on the input group. */
|
6
|
+
icon: React.ReactNode;
|
7
|
+
/** Text to display after the input group to give more information to the user. */
|
8
|
+
helpText?: string;
|
9
|
+
}
|
10
|
+
/** Input group with an icon. */
|
11
|
+
declare const IconInputGroupWithRef: React.ComponentType<IconInputGroupProps>;
|
12
|
+
export default IconInputGroupWithRef;
|
@@ -1,41 +1,43 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import classNames from 'classnames';
|
26
|
-
import InputGroupWithRef from './InputGroup';
|
27
|
-
import { FormDefaults } from '../FormDefaults';
|
28
|
-
function IconInputGroup(_a, ref) {
|
29
|
-
var
|
30
|
-
var
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
}
|
40
|
-
|
41
|
-
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
+
var t = {};
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
+
t[p] = s[p];
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
+
t[p[i]] = s[p[i]];
|
20
|
+
}
|
21
|
+
return t;
|
22
|
+
};
|
23
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
24
|
+
import React from 'react';
|
25
|
+
import classNames from 'classnames';
|
26
|
+
import InputGroupWithRef from './InputGroup';
|
27
|
+
import { FormDefaults } from '../FormDefaults';
|
28
|
+
function IconInputGroup(_a, ref) {
|
29
|
+
var _b;
|
30
|
+
var icon = _a.icon, className = _a.className, rest = __rest(_a, ["icon", "className"]);
|
31
|
+
var input = rest.input;
|
32
|
+
return (_jsx(_Fragment, { children: _jsx(InputGroupWithRef, __assign({ icon: icon, ref: ref, className: classNames(className, FormDefaults.cssClassPrefix + 'icon-input-group'), value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
|
33
|
+
if (!e.target.value) {
|
34
|
+
input.onChange(undefined);
|
35
|
+
}
|
36
|
+
else {
|
37
|
+
input.onChange(e.target.value);
|
38
|
+
}
|
39
|
+
} }, rest)) }));
|
40
|
+
}
|
41
|
+
/** Input group with an icon. */
|
42
|
+
var IconInputGroupWithRef = React.forwardRef(IconInputGroup);
|
43
|
+
export default IconInputGroupWithRef;
|
package/es/Input/InputGroup.d.ts
CHANGED
@@ -1,12 +1,12 @@
|
|
1
|
-
import React, { ChangeEventHandler, LegacyRef } from 'react';
|
2
|
-
import { InjectedFieldProps } from '../Field/InjectedFieldProps';
|
3
|
-
import { GroupProps } from '../Group';
|
4
|
-
export interface InputGroupProps<TValue> extends InjectedFieldProps<TValue>, Omit<React.HTMLProps<HTMLInputElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label'>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'> {
|
5
|
-
onChange: ChangeEventHandler<HTMLInputElement>;
|
6
|
-
value: string | number;
|
7
|
-
icon?: React.ReactNode;
|
8
|
-
}
|
9
|
-
|
10
|
-
|
11
|
-
declare const InputGroupWithRef: typeof InputGroup;
|
12
|
-
export default InputGroupWithRef;
|
1
|
+
import React, { ChangeEventHandler, LegacyRef } from 'react';
|
2
|
+
import { InjectedFieldProps } from '../Field/InjectedFieldProps';
|
3
|
+
import { GroupProps } from '../Group';
|
4
|
+
export interface InputGroupProps<TValue> extends InjectedFieldProps<TValue>, Omit<React.HTMLProps<HTMLInputElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label' | 'value'>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'> {
|
5
|
+
onChange: ChangeEventHandler<HTMLInputElement>;
|
6
|
+
value: string | number | null | undefined;
|
7
|
+
icon?: React.ReactNode;
|
8
|
+
}
|
9
|
+
declare function InputGroup<TValue>({ input, meta, label, helpText, className, required, disabled, onChange, value, icon, ...rest }: InputGroupProps<TValue>, ref: LegacyRef<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
|
10
|
+
/** Generic controlled `<input/>` wrapped by a `<Group/>` */
|
11
|
+
declare const InputGroupWithRef: typeof InputGroup;
|
12
|
+
export default InputGroupWithRef;
|
package/es/Input/InputGroup.js
CHANGED
@@ -1,34 +1,34 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import classNames from 'classnames';
|
26
|
-
import
|
27
|
-
import
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
var InputGroupWithRef = React.forwardRef(InputGroup);
|
34
|
-
export default InputGroupWithRef;
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
+
var t = {};
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
+
t[p] = s[p];
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
+
t[p[i]] = s[p[i]];
|
20
|
+
}
|
21
|
+
return t;
|
22
|
+
};
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import React from 'react';
|
25
|
+
import classNames from 'classnames';
|
26
|
+
import { FormDefaults } from '../FormDefaults';
|
27
|
+
import Group from '../Group';
|
28
|
+
function InputGroup(_a, ref) {
|
29
|
+
var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, icon = _a.icon, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "onChange", "value", "icon"]);
|
30
|
+
return (_jsxs(Group, { input: input, meta: meta, required: required, disabled: disabled, label: label, helpText: helpText, className: classNames(className, FormDefaults.cssClassPrefix + 'input-group'), children: [icon, _jsx("input", __assign({}, input, rest, { "aria-invalid": !!meta.error, "aria-errormessage": !!meta.error ? "".concat(input.name, "-error") : undefined, value: value !== null && value !== void 0 ? value : '', onChange: onChange, ref: ref, className: classNames(className, FormDefaults.cssClassPrefix + 'input-group') }))] }));
|
31
|
+
}
|
32
|
+
/** Generic controlled `<input/>` wrapped by a `<Group/>` */
|
33
|
+
var InputGroupWithRef = React.forwardRef(InputGroup);
|
34
|
+
export default InputGroupWithRef;
|
@@ -1,7 +1,9 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { InputGroupProps } from './InputGroup';
|
3
|
-
export interface MoneyInputGroupProps extends Omit<InputGroupProps<number | undefined>, 'onChange' | 'type' | 'value'> {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
1
|
+
import React from 'react';
|
2
|
+
import { InputGroupProps } from './InputGroup';
|
3
|
+
export interface MoneyInputGroupProps extends Omit<InputGroupProps<number | undefined | null>, 'onChange' | 'type' | 'value'> {
|
4
|
+
/** Custom parsing function when the value changes. */
|
5
|
+
parseFunc?: typeof parseInt | typeof parseFloat;
|
6
|
+
}
|
7
|
+
/** Input group for inputting money. */
|
8
|
+
declare const MoneyInputGroupWithRef: React.FunctionComponent<MoneyInputGroupProps>;
|
9
|
+
export default MoneyInputGroupWithRef;
|
@@ -1,42 +1,43 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import classNames from 'classnames';
|
26
|
-
import InputGroup from './InputGroup';
|
27
|
-
import { FormDefaults } from '../FormDefaults';
|
28
|
-
function MoneyInputGroup(_a, ref) {
|
29
|
-
var parseFunc = _a.parseFunc, className = _a.className, rest = __rest(_a, ["parseFunc", "className"]);
|
30
|
-
var effectiveParse = parseFunc !== null && parseFunc !== void 0 ? parseFunc : parseFloat;
|
31
|
-
var input = rest.input;
|
32
|
-
return (_jsx(InputGroup, __assign({ ref: ref, step: 0.01, min: 0 }, rest, { type: "number", className: classNames(className, FormDefaults.cssClassPrefix + 'money-group'), value: input.value || '', onChange: function (e) {
|
33
|
-
if (!e.target.value) {
|
34
|
-
input.onChange(undefined);
|
35
|
-
}
|
36
|
-
else {
|
37
|
-
input.onChange(effectiveParse(e.target.value));
|
38
|
-
}
|
39
|
-
} })));
|
40
|
-
}
|
41
|
-
|
42
|
-
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
+
var t = {};
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
+
t[p] = s[p];
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
+
t[p[i]] = s[p[i]];
|
20
|
+
}
|
21
|
+
return t;
|
22
|
+
};
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import React from 'react';
|
25
|
+
import classNames from 'classnames';
|
26
|
+
import InputGroup from './InputGroup';
|
27
|
+
import { FormDefaults } from '../FormDefaults';
|
28
|
+
function MoneyInputGroup(_a, ref) {
|
29
|
+
var parseFunc = _a.parseFunc, className = _a.className, rest = __rest(_a, ["parseFunc", "className"]);
|
30
|
+
var effectiveParse = parseFunc !== null && parseFunc !== void 0 ? parseFunc : parseFloat;
|
31
|
+
var input = rest.input;
|
32
|
+
return (_jsx(InputGroup, __assign({ ref: ref, step: 0.01, min: 0 }, rest, { type: "number", className: classNames(className, FormDefaults.cssClassPrefix + 'money-group'), value: input.value || '', onChange: function (e) {
|
33
|
+
if (!e.target.value) {
|
34
|
+
input.onChange(undefined);
|
35
|
+
}
|
36
|
+
else {
|
37
|
+
input.onChange(effectiveParse(e.target.value));
|
38
|
+
}
|
39
|
+
} })));
|
40
|
+
}
|
41
|
+
/** Input group for inputting money. */
|
42
|
+
var MoneyInputGroupWithRef = React.forwardRef(MoneyInputGroup);
|
43
|
+
export default MoneyInputGroupWithRef;
|
@@ -1,7 +1,9 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { InputGroupProps } from './InputGroup';
|
3
|
-
export interface NumberInputGroupProps extends Omit<InputGroupProps<number | undefined>, 'onChange' | 'type' | 'value'> {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
1
|
+
import React from 'react';
|
2
|
+
import { InputGroupProps } from './InputGroup';
|
3
|
+
export interface NumberInputGroupProps extends Omit<InputGroupProps<number | undefined | null>, 'onChange' | 'type' | 'value'> {
|
4
|
+
/** Custom parsing function when the value changes. */
|
5
|
+
parseFunc?: typeof parseInt | typeof parseFloat;
|
6
|
+
}
|
7
|
+
/** Standard number input group. By default allows for float values. */
|
8
|
+
declare const NumberInputGroupWithRef: React.ComponentType<NumberInputGroupProps>;
|
9
|
+
export default NumberInputGroupWithRef;
|
@@ -1,42 +1,43 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import classNames from 'classnames';
|
26
|
-
import InputGroup from './InputGroup';
|
27
|
-
import { FormDefaults } from '../FormDefaults';
|
28
|
-
function NumberInputGroup(_a, ref) {
|
29
|
-
var parseFunc = _a.parseFunc, className = _a.className, rest = __rest(_a, ["parseFunc", "className"]);
|
30
|
-
var effectiveParse = parseFunc !== null && parseFunc !== void 0 ? parseFunc : parseFloat;
|
31
|
-
var input = rest.input;
|
32
|
-
return (_jsx(InputGroup, __assign({ ref: ref }, rest, { type: "number", className: classNames(className, FormDefaults.cssClassPrefix + 'number-group'), value: input.value || '', onChange: function (e) {
|
33
|
-
if (!e.target.value) {
|
34
|
-
input.onChange(undefined);
|
35
|
-
}
|
36
|
-
else {
|
37
|
-
input.onChange(effectiveParse(e.target.value));
|
38
|
-
}
|
39
|
-
} })));
|
40
|
-
}
|
41
|
-
|
42
|
-
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
+
var t = {};
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
+
t[p] = s[p];
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
+
t[p[i]] = s[p[i]];
|
20
|
+
}
|
21
|
+
return t;
|
22
|
+
};
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import React from 'react';
|
25
|
+
import classNames from 'classnames';
|
26
|
+
import InputGroup from './InputGroup';
|
27
|
+
import { FormDefaults } from '../FormDefaults';
|
28
|
+
function NumberInputGroup(_a, ref) {
|
29
|
+
var parseFunc = _a.parseFunc, className = _a.className, rest = __rest(_a, ["parseFunc", "className"]);
|
30
|
+
var effectiveParse = parseFunc !== null && parseFunc !== void 0 ? parseFunc : parseFloat;
|
31
|
+
var input = rest.input;
|
32
|
+
return (_jsx(InputGroup, __assign({ ref: ref }, rest, { type: "number", className: classNames(className, FormDefaults.cssClassPrefix + 'number-group'), value: input.value || '', onChange: function (e) {
|
33
|
+
if (!e.target.value) {
|
34
|
+
input.onChange(undefined);
|
35
|
+
}
|
36
|
+
else {
|
37
|
+
input.onChange(effectiveParse(e.target.value));
|
38
|
+
}
|
39
|
+
} })));
|
40
|
+
}
|
41
|
+
/** Standard number input group. By default allows for float values. */
|
42
|
+
var NumberInputGroupWithRef = React.forwardRef(NumberInputGroup);
|
43
|
+
export default NumberInputGroupWithRef;
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { InputGroupProps } from './InputGroup';
|
3
|
-
export interface StringInputGroupProps extends Omit<InputGroupProps<string | undefined>, 'onChange' | 'type' | 'value'> {
|
4
|
-
type?: 'color' | 'email' | 'search' | 'tel' | 'text' | 'url' | 'password' | 'textarea';
|
5
|
-
}
|
6
|
-
|
7
|
-
|
1
|
+
import React from 'react';
|
2
|
+
import { InputGroupProps } from './InputGroup';
|
3
|
+
export interface StringInputGroupProps extends Omit<InputGroupProps<string | undefined | null>, 'onChange' | 'type' | 'value'> {
|
4
|
+
type?: 'color' | 'email' | 'search' | 'tel' | 'text' | 'url' | 'password' | 'textarea';
|
5
|
+
}
|
6
|
+
/** Standard string input group. */
|
7
|
+
declare const StringInputGroupWithRef: React.ComponentType<StringInputGroupProps>;
|
8
|
+
export default StringInputGroupWithRef;
|
@@ -1,41 +1,43 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import classNames from 'classnames';
|
26
|
-
import InputGroup from './InputGroup';
|
27
|
-
import { FormDefaults } from '../FormDefaults';
|
28
|
-
function StringInputGroup(_a, ref) {
|
29
|
-
var
|
30
|
-
var
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
}
|
40
|
-
|
41
|
-
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
+
var t = {};
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
+
t[p] = s[p];
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
+
t[p[i]] = s[p[i]];
|
20
|
+
}
|
21
|
+
return t;
|
22
|
+
};
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import React from 'react';
|
25
|
+
import classNames from 'classnames';
|
26
|
+
import InputGroup from './InputGroup';
|
27
|
+
import { FormDefaults } from '../FormDefaults';
|
28
|
+
function StringInputGroup(_a, ref) {
|
29
|
+
var _b;
|
30
|
+
var className = _a.className, rest = __rest(_a, ["className"]);
|
31
|
+
var input = rest.input;
|
32
|
+
return (_jsx(InputGroup, __assign({ ref: ref }, rest, { className: classNames(className, FormDefaults.cssClassPrefix + 'string-group'), value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
|
33
|
+
if (!e.target.value) {
|
34
|
+
input.onChange(undefined);
|
35
|
+
}
|
36
|
+
else {
|
37
|
+
input.onChange(e.target.value);
|
38
|
+
}
|
39
|
+
} })));
|
40
|
+
}
|
41
|
+
/** Standard string input group. */
|
42
|
+
var StringInputGroupWithRef = React.forwardRef(StringInputGroup);
|
43
|
+
export default StringInputGroupWithRef;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
/** Normalization of values */
|
2
|
-
export interface NormalizationFunction<TValue> {
|
3
|
-
(value: TValue): TValue;
|
4
|
-
}
|
1
|
+
/** Normalization of values */
|
2
|
+
export interface NormalizationFunction<TValue> {
|
3
|
+
(value: TValue): TValue;
|
4
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export {};
|
1
|
+
export {};
|