@jobber/components 6.60.0 → 6.60.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/dist/InputEmail/index.cjs +25 -2
- package/dist/InputEmail/index.mjs +25 -2
- package/dist/styles.css +2491 -2491
- package/package.json +2 -2
|
@@ -8,6 +8,7 @@ require('react-hook-form');
|
|
|
8
8
|
require('framer-motion');
|
|
9
9
|
require('@jobber/design');
|
|
10
10
|
require('../Button-cjs.js');
|
|
11
|
+
var omit = require('../omit-cjs.js');
|
|
11
12
|
require('../Icon-cjs.js');
|
|
12
13
|
require('../Text-cjs.js');
|
|
13
14
|
require('../Typography-cjs.js');
|
|
@@ -15,6 +16,17 @@ require('../useFormFieldFocus-cjs.js');
|
|
|
15
16
|
require('../InputValidation-cjs.js');
|
|
16
17
|
require('../Spinner-cjs.js');
|
|
17
18
|
require('react-router-dom');
|
|
19
|
+
require('../_commonjsHelpers-cjs.js');
|
|
20
|
+
require('../_baseGet-cjs.js');
|
|
21
|
+
require('../isTypedArray-cjs.js');
|
|
22
|
+
require('../isObjectLike-cjs.js');
|
|
23
|
+
require('../identity-cjs.js');
|
|
24
|
+
require('../_getTag-cjs.js');
|
|
25
|
+
require('../isSymbol-cjs.js');
|
|
26
|
+
require('../keysIn-cjs.js');
|
|
27
|
+
require('../_baseAssignValue-cjs.js');
|
|
28
|
+
require('../_baseFlatten-cjs.js');
|
|
29
|
+
require('../_setToString-cjs.js');
|
|
18
30
|
|
|
19
31
|
const validationMessage = "Please enter a valid email";
|
|
20
32
|
|
|
@@ -109,13 +121,24 @@ const InputEmailRebuilt = React.forwardRef(function InputEmailInternal(props, re
|
|
|
109
121
|
onEnter: props.onEnter,
|
|
110
122
|
inputRef,
|
|
111
123
|
});
|
|
112
|
-
const
|
|
124
|
+
const inputProps = omit.omit(props, [
|
|
125
|
+
"placeholder",
|
|
126
|
+
"onChange",
|
|
127
|
+
"onBlur",
|
|
128
|
+
"onFocus",
|
|
129
|
+
"onEnter",
|
|
130
|
+
"size",
|
|
131
|
+
"prefix",
|
|
132
|
+
"suffix",
|
|
133
|
+
"version",
|
|
134
|
+
]);
|
|
135
|
+
const { fieldProps, descriptionIdentifier } = useInputEmailFormField(Object.assign(Object.assign({}, inputProps), { id,
|
|
113
136
|
name,
|
|
114
137
|
handleChange,
|
|
115
138
|
handleBlur,
|
|
116
139
|
handleFocus,
|
|
117
140
|
handleKeyDown }));
|
|
118
|
-
return (React.createElement(FormField.FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: props.identifier || id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, wrapperRef: wrapperRef, maxLength: props.maxLength, disabled: props.disabled, type: "email", value: props.value },
|
|
141
|
+
return (React.createElement(FormField.FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: props.identifier || id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, wrapperRef: wrapperRef, maxLength: props.maxLength, disabled: props.disabled, type: "email", value: props.value, placeholder: props.placeholder, autofocus: props.autoFocus, name: name },
|
|
119
142
|
React.createElement("input", Object.assign({}, fieldProps, { ref: inputRef, type: "email", className: inputStyle, value: props.value, "data-testid": "ATL-InputEmail-input" })),
|
|
120
143
|
React.createElement(FormField.FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }),
|
|
121
144
|
props.children));
|
|
@@ -6,6 +6,7 @@ import 'react-hook-form';
|
|
|
6
6
|
import 'framer-motion';
|
|
7
7
|
import '@jobber/design';
|
|
8
8
|
import '../Button-es.js';
|
|
9
|
+
import { o as omit } from '../omit-es.js';
|
|
9
10
|
import '../Icon-es.js';
|
|
10
11
|
import '../Text-es.js';
|
|
11
12
|
import '../Typography-es.js';
|
|
@@ -13,6 +14,17 @@ import '../useFormFieldFocus-es.js';
|
|
|
13
14
|
import '../InputValidation-es.js';
|
|
14
15
|
import '../Spinner-es.js';
|
|
15
16
|
import 'react-router-dom';
|
|
17
|
+
import '../_commonjsHelpers-es.js';
|
|
18
|
+
import '../_baseGet-es.js';
|
|
19
|
+
import '../isTypedArray-es.js';
|
|
20
|
+
import '../isObjectLike-es.js';
|
|
21
|
+
import '../identity-es.js';
|
|
22
|
+
import '../_getTag-es.js';
|
|
23
|
+
import '../isSymbol-es.js';
|
|
24
|
+
import '../keysIn-es.js';
|
|
25
|
+
import '../_baseAssignValue-es.js';
|
|
26
|
+
import '../_baseFlatten-es.js';
|
|
27
|
+
import '../_setToString-es.js';
|
|
16
28
|
|
|
17
29
|
const validationMessage = "Please enter a valid email";
|
|
18
30
|
|
|
@@ -107,13 +119,24 @@ const InputEmailRebuilt = forwardRef(function InputEmailInternal(props, ref) {
|
|
|
107
119
|
onEnter: props.onEnter,
|
|
108
120
|
inputRef,
|
|
109
121
|
});
|
|
110
|
-
const
|
|
122
|
+
const inputProps = omit(props, [
|
|
123
|
+
"placeholder",
|
|
124
|
+
"onChange",
|
|
125
|
+
"onBlur",
|
|
126
|
+
"onFocus",
|
|
127
|
+
"onEnter",
|
|
128
|
+
"size",
|
|
129
|
+
"prefix",
|
|
130
|
+
"suffix",
|
|
131
|
+
"version",
|
|
132
|
+
]);
|
|
133
|
+
const { fieldProps, descriptionIdentifier } = useInputEmailFormField(Object.assign(Object.assign({}, inputProps), { id,
|
|
111
134
|
name,
|
|
112
135
|
handleChange,
|
|
113
136
|
handleBlur,
|
|
114
137
|
handleFocus,
|
|
115
138
|
handleKeyDown }));
|
|
116
|
-
return (React__default.createElement(FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: props.identifier || id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, wrapperRef: wrapperRef, maxLength: props.maxLength, disabled: props.disabled, type: "email", value: props.value },
|
|
139
|
+
return (React__default.createElement(FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: props.identifier || id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, wrapperRef: wrapperRef, maxLength: props.maxLength, disabled: props.disabled, type: "email", value: props.value, placeholder: props.placeholder, autofocus: props.autoFocus, name: name },
|
|
117
140
|
React__default.createElement("input", Object.assign({}, fieldProps, { ref: inputRef, type: "email", className: inputStyle, value: props.value, "data-testid": "ATL-InputEmail-input" })),
|
|
118
141
|
React__default.createElement(FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }),
|
|
119
142
|
props.children));
|