@mirai/ui 1.0.216 → 1.0.217
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.
|
@@ -159,7 +159,7 @@ var InputPhone = function InputPhone(_ref) {
|
|
|
159
159
|
isPhone: false
|
|
160
160
|
});
|
|
161
161
|
},
|
|
162
|
-
className: (0, _helpers.styles)(_InputTextModule.default.input, _InputPhoneModule.default.prefix, has.labelPrefix && _InputTextModule.default.withLabel, has.labelPrefix && !(prefixFocus || error || has.prefix) && _InputTextModule.default.empty),
|
|
162
|
+
className: (0, _helpers.styles)(_InputTextModule.default.input, _InputTextModule.default.singleLine, _InputPhoneModule.default.prefix, has.labelPrefix && _InputTextModule.default.withLabel, has.labelPrefix && !(prefixFocus || error || has.prefix) && _InputTextModule.default.empty),
|
|
163
163
|
testId: testId ? "".concat(testId, "-select") : undefined
|
|
164
164
|
}))), !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
165
165
|
value: _primitives.ICON.EXPAND_MORE,
|
|
@@ -198,7 +198,7 @@ var InputPhone = function InputPhone(_ref) {
|
|
|
198
198
|
onLeave: function onLeave(event) {
|
|
199
199
|
return handleLeave(event);
|
|
200
200
|
},
|
|
201
|
-
className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel),
|
|
201
|
+
className: (0, _helpers.styles)(_InputTextModule.default.input, _InputTextModule.default.singleLine, has.label && _InputTextModule.default.withLabel),
|
|
202
202
|
testId: testId ? "".concat(testId, "-input") : undefined
|
|
203
203
|
})))), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials.IconState, {
|
|
204
204
|
error: error,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputPhone.js","names":["InputPhone","disabled","error","hint","icon","label","labelPrefix","name","prefixes","showRequired","showState","success","propValue","value","warning","onChange","onEnter","onError","onLeave","others","useState","focus","setFocus","prefixFocus","setPrefixFocus","parseValue","setValue","useEffect","getInputPhoneErrors","handleChange","next","event","isPhone","hasPrefixes","split","undefined","prefix","phone","nextValue","replace","join","trim","handleEnter","handleLeave","length","has","stateIcon","testId","role","styles","stylePhone","container","className","style","inputBorder","content","required","input","withLabel","empty","ICON","EXPAND_MORE","select","expand","separator","left","displayName","propTypes","PropTypes","bool","string","func","isRequired","arrayOf"],"sources":["../../../src/components/InputPhone/InputPhone.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { getInputPhoneErrors } from '../../helpers';\nimport { Icon, ICON, Input, Select, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { parseValue } from './helpers';\nimport stylePhone from './InputPhone.module.css';\n\nconst InputPhone = ({\n disabled,\n error,\n hint,\n icon,\n label,\n labelPrefix,\n name,\n prefixes = [],\n showRequired = false,\n showState = true,\n success,\n value: propValue,\n warning,\n onChange = () => {},\n onEnter = () => {},\n onError = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n const [prefixFocus, setPrefixFocus] = useState(false);\n const [value, setValue] = useState(parseValue(propValue, prefixes));\n\n useEffect(() => {\n setValue(parseValue(propValue, prefixes));\n }, [prefixes, propValue]);\n\n useEffect(() => {\n onError(getInputPhoneErrors({ prefixes, value }));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [prefixes, value]);\n\n const handleChange = (next, event, { isPhone = true } = {}) => {\n const [prefix = '', phone = ''] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];\n let nextValue = (isPhone ? [prefix, next?.replace(/[^\\d]/g, '')] : [next, phone]).join(' ');\n if (!hasPrefixes) nextValue = nextValue.trim();\n\n setValue(nextValue);\n onChange(nextValue, event);\n // onError && onError(getInputPhoneErrors({ prefixes, value: nextValue }));\n };\n\n const handleEnter = (event, { isPhone = true } = {}) => {\n isPhone ? setFocus(true) : setPrefixFocus(true);\n onEnter(event);\n };\n\n const handleLeave = (event, { isPhone = true } = {}) => {\n isPhone ? setFocus(false) : setPrefixFocus(false);\n onLeave(event);\n };\n\n const hasPrefixes = !!prefixes?.length;\n const [prefix, phone] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];\n const has = {\n icon: !!icon,\n label: !!label,\n labelPrefix: !!labelPrefix,\n prefix: prefix?.length > 0,\n phone: phone?.length > 0,\n stateIcon: showState && (error || success || warning),\n };\n const { testId } = others;\n\n return (\n <View\n role={others.role || 'input-phone'}\n className={styles(stylePhone.container, others.className)}\n style={others.style}\n >\n <View\n row\n className={styles(\n style.inputBorder,\n disabled && style.disabled,\n error && style.error,\n (focus || prefixFocus) && !error && style.focus,\n )}\n >\n {hasPrefixes && (\n <>\n <View row>\n <View className={styles(style.content)}>\n {labelPrefix && (\n <Label\n {...{\n disabled,\n error,\n focus: prefixFocus,\n label: labelPrefix,\n required: showRequired && others.required,\n value: prefix,\n }}\n />\n )}\n <Select\n {...others}\n disabled={disabled}\n name={`${name}-prefix`}\n options={prefixes}\n style={undefined}\n type={undefined}\n value={prefix || ''}\n onChange={(value, event) => handleChange(value, event, { isPhone: false })}\n onEnter={(event) => handleEnter(event, { isPhone: false })}\n onLeave={(event) => handleLeave(event, { isPhone: false })}\n className={styles(\n style.input,\n stylePhone.prefix,\n has.labelPrefix && style.withLabel,\n has.labelPrefix && !(prefixFocus || error || has.prefix) && style.empty,\n )}\n testId={testId ? `${testId}-select` : undefined}\n />\n </View>\n {!disabled && <Icon value={ICON.EXPAND_MORE} className={(style.icon, style.select, stylePhone.expand)} />}\n </View>\n <View forceRow className={stylePhone.separator}></View>\n </>\n )}\n\n <View row wide>\n {has.icon && (\n <Icon\n value={icon}\n className={styles(style.icon, style.left, disabled && style.disabled, error && style.error)}\n />\n )}\n <View wide className={style.content}>\n {label && (\n <Label {...{ disabled, error, focus, label, required: showRequired && others.required, value: phone }} />\n )}\n <Input\n {...others}\n disabled={disabled}\n maxLength={12}\n name={`${name}-phone`}\n type=\"tel\"\n value={phone || ''}\n onChange={(value, event) => handleChange(value, event)}\n onEnter={(event) => handleEnter(event)}\n onLeave={(event) => handleLeave(event)}\n className={styles(style.input, has.label && style.withLabel)}\n testId={testId ? `${testId}-input` : undefined}\n />\n </View>\n </View>\n {has.stateIcon && <IconState {...{ error, success, warning }} />}\n </View>\n {hint && <Hint {...{ disabled, error, hint }} />}\n </View>\n );\n};\n\nInputPhone.displayName = 'Component:InputPhone';\n\nInputPhone.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n icon: PropTypes.func,\n label: PropTypes.string,\n labelPrefix: PropTypes.string,\n name: PropTypes.string.isRequired,\n prefixes: PropTypes.arrayOf(PropTypes.string),\n showRequired: PropTypes.bool,\n showState: PropTypes.bool,\n success: PropTypes.bool,\n value: PropTypes.string,\n warning: PropTypes.bool,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onError: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputPhone };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InputPhone.js","names":["InputPhone","disabled","error","hint","icon","label","labelPrefix","name","prefixes","showRequired","showState","success","propValue","value","warning","onChange","onEnter","onError","onLeave","others","useState","focus","setFocus","prefixFocus","setPrefixFocus","parseValue","setValue","useEffect","getInputPhoneErrors","handleChange","next","event","isPhone","hasPrefixes","split","undefined","prefix","phone","nextValue","replace","join","trim","handleEnter","handleLeave","length","has","stateIcon","testId","role","styles","stylePhone","container","className","style","inputBorder","content","required","input","singleLine","withLabel","empty","ICON","EXPAND_MORE","select","expand","separator","left","displayName","propTypes","PropTypes","bool","string","func","isRequired","arrayOf"],"sources":["../../../src/components/InputPhone/InputPhone.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { getInputPhoneErrors } from '../../helpers';\nimport { Icon, ICON, Input, Select, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { parseValue } from './helpers';\nimport stylePhone from './InputPhone.module.css';\n\nconst InputPhone = ({\n disabled,\n error,\n hint,\n icon,\n label,\n labelPrefix,\n name,\n prefixes = [],\n showRequired = false,\n showState = true,\n success,\n value: propValue,\n warning,\n onChange = () => {},\n onEnter = () => {},\n onError = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n const [prefixFocus, setPrefixFocus] = useState(false);\n const [value, setValue] = useState(parseValue(propValue, prefixes));\n\n useEffect(() => {\n setValue(parseValue(propValue, prefixes));\n }, [prefixes, propValue]);\n\n useEffect(() => {\n onError(getInputPhoneErrors({ prefixes, value }));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [prefixes, value]);\n\n const handleChange = (next, event, { isPhone = true } = {}) => {\n const [prefix = '', phone = ''] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];\n let nextValue = (isPhone ? [prefix, next?.replace(/[^\\d]/g, '')] : [next, phone]).join(' ');\n if (!hasPrefixes) nextValue = nextValue.trim();\n\n setValue(nextValue);\n onChange(nextValue, event);\n // onError && onError(getInputPhoneErrors({ prefixes, value: nextValue }));\n };\n\n const handleEnter = (event, { isPhone = true } = {}) => {\n isPhone ? setFocus(true) : setPrefixFocus(true);\n onEnter(event);\n };\n\n const handleLeave = (event, { isPhone = true } = {}) => {\n isPhone ? setFocus(false) : setPrefixFocus(false);\n onLeave(event);\n };\n\n const hasPrefixes = !!prefixes?.length;\n const [prefix, phone] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];\n const has = {\n icon: !!icon,\n label: !!label,\n labelPrefix: !!labelPrefix,\n prefix: prefix?.length > 0,\n phone: phone?.length > 0,\n stateIcon: showState && (error || success || warning),\n };\n const { testId } = others;\n\n return (\n <View\n role={others.role || 'input-phone'}\n className={styles(stylePhone.container, others.className)}\n style={others.style}\n >\n <View\n row\n className={styles(\n style.inputBorder,\n disabled && style.disabled,\n error && style.error,\n (focus || prefixFocus) && !error && style.focus,\n )}\n >\n {hasPrefixes && (\n <>\n <View row>\n <View className={styles(style.content)}>\n {labelPrefix && (\n <Label\n {...{\n disabled,\n error,\n focus: prefixFocus,\n label: labelPrefix,\n required: showRequired && others.required,\n value: prefix,\n }}\n />\n )}\n <Select\n {...others}\n disabled={disabled}\n name={`${name}-prefix`}\n options={prefixes}\n style={undefined}\n type={undefined}\n value={prefix || ''}\n onChange={(value, event) => handleChange(value, event, { isPhone: false })}\n onEnter={(event) => handleEnter(event, { isPhone: false })}\n onLeave={(event) => handleLeave(event, { isPhone: false })}\n className={styles(\n style.input,\n style.singleLine,\n stylePhone.prefix,\n has.labelPrefix && style.withLabel,\n has.labelPrefix && !(prefixFocus || error || has.prefix) && style.empty,\n )}\n testId={testId ? `${testId}-select` : undefined}\n />\n </View>\n {!disabled && <Icon value={ICON.EXPAND_MORE} className={(style.icon, style.select, stylePhone.expand)} />}\n </View>\n <View forceRow className={stylePhone.separator}></View>\n </>\n )}\n\n <View row wide>\n {has.icon && (\n <Icon\n value={icon}\n className={styles(style.icon, style.left, disabled && style.disabled, error && style.error)}\n />\n )}\n <View wide className={style.content}>\n {label && (\n <Label {...{ disabled, error, focus, label, required: showRequired && others.required, value: phone }} />\n )}\n <Input\n {...others}\n disabled={disabled}\n maxLength={12}\n name={`${name}-phone`}\n type=\"tel\"\n value={phone || ''}\n onChange={(value, event) => handleChange(value, event)}\n onEnter={(event) => handleEnter(event)}\n onLeave={(event) => handleLeave(event)}\n className={styles(style.input, style.singleLine, has.label && style.withLabel)}\n testId={testId ? `${testId}-input` : undefined}\n />\n </View>\n </View>\n {has.stateIcon && <IconState {...{ error, success, warning }} />}\n </View>\n {hint && <Hint {...{ disabled, error, hint }} />}\n </View>\n );\n};\n\nInputPhone.displayName = 'Component:InputPhone';\n\nInputPhone.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n icon: PropTypes.func,\n label: PropTypes.string,\n labelPrefix: PropTypes.string,\n name: PropTypes.string.isRequired,\n prefixes: PropTypes.arrayOf(PropTypes.string),\n showRequired: PropTypes.bool,\n showState: PropTypes.bool,\n success: PropTypes.bool,\n value: PropTypes.string,\n warning: PropTypes.bool,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onError: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputPhone };\n"],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ exports[`component:<InputPhone> inherit:className 1`] = `
|
|
|
15
15
|
class="view content"
|
|
16
16
|
>
|
|
17
17
|
<select
|
|
18
|
-
class="select empty input prefix"
|
|
18
|
+
class="select empty input singleLine prefix"
|
|
19
19
|
name="name-prefix"
|
|
20
20
|
>
|
|
21
21
|
<option
|
|
@@ -68,7 +68,7 @@ exports[`component:<InputPhone> inherit:className 1`] = `
|
|
|
68
68
|
class="view wide content"
|
|
69
69
|
>
|
|
70
70
|
<input
|
|
71
|
-
class="input input"
|
|
71
|
+
class="input input singleLine"
|
|
72
72
|
maxlength="12"
|
|
73
73
|
name="name-phone"
|
|
74
74
|
type="tel"
|
|
@@ -96,7 +96,7 @@ exports[`component:<InputPhone> prop:disabled 1`] = `
|
|
|
96
96
|
class="view content"
|
|
97
97
|
>
|
|
98
98
|
<select
|
|
99
|
-
class="select empty input prefix"
|
|
99
|
+
class="select empty input singleLine prefix"
|
|
100
100
|
disabled=""
|
|
101
101
|
name="name-prefix"
|
|
102
102
|
>
|
|
@@ -128,7 +128,7 @@ exports[`component:<InputPhone> prop:disabled 1`] = `
|
|
|
128
128
|
class="view wide content"
|
|
129
129
|
>
|
|
130
130
|
<input
|
|
131
|
-
class="input input"
|
|
131
|
+
class="input input singleLine"
|
|
132
132
|
disabled=""
|
|
133
133
|
maxlength="12"
|
|
134
134
|
name="name-phone"
|
|
@@ -157,7 +157,7 @@ exports[`component:<InputPhone> prop:error 1`] = `
|
|
|
157
157
|
class="view content"
|
|
158
158
|
>
|
|
159
159
|
<select
|
|
160
|
-
class="select empty input prefix"
|
|
160
|
+
class="select empty input singleLine prefix"
|
|
161
161
|
name="name-prefix"
|
|
162
162
|
>
|
|
163
163
|
<option
|
|
@@ -210,7 +210,7 @@ exports[`component:<InputPhone> prop:error 1`] = `
|
|
|
210
210
|
class="view wide content"
|
|
211
211
|
>
|
|
212
212
|
<input
|
|
213
|
-
class="input input"
|
|
213
|
+
class="input input singleLine"
|
|
214
214
|
maxlength="12"
|
|
215
215
|
name="name-phone"
|
|
216
216
|
type="tel"
|
|
@@ -259,7 +259,7 @@ exports[`component:<InputPhone> prop:hint 1`] = `
|
|
|
259
259
|
class="view content"
|
|
260
260
|
>
|
|
261
261
|
<select
|
|
262
|
-
class="select empty input prefix"
|
|
262
|
+
class="select empty input singleLine prefix"
|
|
263
263
|
name="name-prefix"
|
|
264
264
|
>
|
|
265
265
|
<option
|
|
@@ -312,7 +312,7 @@ exports[`component:<InputPhone> prop:hint 1`] = `
|
|
|
312
312
|
class="view wide content"
|
|
313
313
|
>
|
|
314
314
|
<input
|
|
315
|
-
class="input input"
|
|
315
|
+
class="input input singleLine"
|
|
316
316
|
maxlength="12"
|
|
317
317
|
name="name-phone"
|
|
318
318
|
type="tel"
|
|
@@ -345,7 +345,7 @@ exports[`component:<InputPhone> prop:icon & disabled 1`] = `
|
|
|
345
345
|
class="view content"
|
|
346
346
|
>
|
|
347
347
|
<select
|
|
348
|
-
class="select empty input prefix"
|
|
348
|
+
class="select empty input singleLine prefix"
|
|
349
349
|
disabled=""
|
|
350
350
|
name="name-prefix"
|
|
351
351
|
>
|
|
@@ -398,7 +398,7 @@ exports[`component:<InputPhone> prop:icon & disabled 1`] = `
|
|
|
398
398
|
class="view wide content"
|
|
399
399
|
>
|
|
400
400
|
<input
|
|
401
|
-
class="input input"
|
|
401
|
+
class="input input singleLine"
|
|
402
402
|
disabled=""
|
|
403
403
|
maxlength="12"
|
|
404
404
|
name="name-phone"
|
|
@@ -427,7 +427,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
|
|
|
427
427
|
class="view content"
|
|
428
428
|
>
|
|
429
429
|
<select
|
|
430
|
-
class="select empty input prefix"
|
|
430
|
+
class="select empty input singleLine prefix"
|
|
431
431
|
name="name-prefix"
|
|
432
432
|
>
|
|
433
433
|
<option
|
|
@@ -501,7 +501,7 @@ exports[`component:<InputPhone> prop:icon & error 1`] = `
|
|
|
501
501
|
class="view wide content"
|
|
502
502
|
>
|
|
503
503
|
<input
|
|
504
|
-
class="input input"
|
|
504
|
+
class="input input singleLine"
|
|
505
505
|
maxlength="12"
|
|
506
506
|
name="name-phone"
|
|
507
507
|
type="tel"
|
|
@@ -550,7 +550,7 @@ exports[`component:<InputPhone> prop:icon 1`] = `
|
|
|
550
550
|
class="view content"
|
|
551
551
|
>
|
|
552
552
|
<select
|
|
553
|
-
class="select empty input prefix"
|
|
553
|
+
class="select empty input singleLine prefix"
|
|
554
554
|
name="name-prefix"
|
|
555
555
|
>
|
|
556
556
|
<option
|
|
@@ -624,7 +624,7 @@ exports[`component:<InputPhone> prop:icon 1`] = `
|
|
|
624
624
|
class="view wide content"
|
|
625
625
|
>
|
|
626
626
|
<input
|
|
627
|
-
class="input input"
|
|
627
|
+
class="input input singleLine"
|
|
628
628
|
maxlength="12"
|
|
629
629
|
name="name-phone"
|
|
630
630
|
type="tel"
|
|
@@ -652,7 +652,7 @@ exports[`component:<InputPhone> prop:label 1`] = `
|
|
|
652
652
|
class="view content"
|
|
653
653
|
>
|
|
654
654
|
<select
|
|
655
|
-
class="select empty input prefix"
|
|
655
|
+
class="select empty input singleLine prefix"
|
|
656
656
|
name="name-prefix"
|
|
657
657
|
>
|
|
658
658
|
<option
|
|
@@ -710,7 +710,7 @@ exports[`component:<InputPhone> prop:label 1`] = `
|
|
|
710
710
|
label
|
|
711
711
|
</span>
|
|
712
712
|
<input
|
|
713
|
-
class="input input withLabel"
|
|
713
|
+
class="input input singleLine withLabel"
|
|
714
714
|
maxlength="12"
|
|
715
715
|
name="name-phone"
|
|
716
716
|
type="tel"
|
|
@@ -743,7 +743,7 @@ exports[`component:<InputPhone> prop:labelPrefix 1`] = `
|
|
|
743
743
|
labelPrefix
|
|
744
744
|
</span>
|
|
745
745
|
<select
|
|
746
|
-
class="select empty input prefix withLabel empty"
|
|
746
|
+
class="select empty input singleLine prefix withLabel empty"
|
|
747
747
|
name="name-prefix"
|
|
748
748
|
>
|
|
749
749
|
<option
|
|
@@ -796,7 +796,7 @@ exports[`component:<InputPhone> prop:labelPrefix 1`] = `
|
|
|
796
796
|
class="view wide content"
|
|
797
797
|
>
|
|
798
798
|
<input
|
|
799
|
-
class="input input"
|
|
799
|
+
class="input input singleLine"
|
|
800
800
|
maxlength="12"
|
|
801
801
|
name="name-phone"
|
|
802
802
|
type="tel"
|
|
@@ -834,7 +834,7 @@ exports[`component:<InputPhone> prop:required & prop:showRequired (true) 1`] = `
|
|
|
834
834
|
</span>
|
|
835
835
|
</span>
|
|
836
836
|
<select
|
|
837
|
-
class="select empty input prefix withLabel empty"
|
|
837
|
+
class="select empty input singleLine prefix withLabel empty"
|
|
838
838
|
name="name-prefix"
|
|
839
839
|
required=""
|
|
840
840
|
>
|
|
@@ -898,7 +898,7 @@ exports[`component:<InputPhone> prop:required & prop:showRequired (true) 1`] = `
|
|
|
898
898
|
</span>
|
|
899
899
|
</span>
|
|
900
900
|
<input
|
|
901
|
-
class="input input withLabel"
|
|
901
|
+
class="input input singleLine withLabel"
|
|
902
902
|
maxlength="12"
|
|
903
903
|
name="name-phone"
|
|
904
904
|
required=""
|
|
@@ -932,7 +932,7 @@ exports[`component:<InputPhone> prop:required 1`] = `
|
|
|
932
932
|
labelPrefix
|
|
933
933
|
</span>
|
|
934
934
|
<select
|
|
935
|
-
class="select empty input prefix withLabel empty"
|
|
935
|
+
class="select empty input singleLine prefix withLabel empty"
|
|
936
936
|
name="name-prefix"
|
|
937
937
|
required=""
|
|
938
938
|
>
|
|
@@ -991,7 +991,7 @@ exports[`component:<InputPhone> prop:required 1`] = `
|
|
|
991
991
|
label
|
|
992
992
|
</span>
|
|
993
993
|
<input
|
|
994
|
-
class="input input withLabel"
|
|
994
|
+
class="input input singleLine withLabel"
|
|
995
995
|
maxlength="12"
|
|
996
996
|
name="name-phone"
|
|
997
997
|
required=""
|
|
@@ -1020,7 +1020,7 @@ exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
|
|
|
1020
1020
|
class="view content"
|
|
1021
1021
|
>
|
|
1022
1022
|
<select
|
|
1023
|
-
class="select empty input prefix"
|
|
1023
|
+
class="select empty input singleLine prefix"
|
|
1024
1024
|
name="name-prefix"
|
|
1025
1025
|
>
|
|
1026
1026
|
<option
|
|
@@ -1073,7 +1073,7 @@ exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
|
|
|
1073
1073
|
class="view wide content"
|
|
1074
1074
|
>
|
|
1075
1075
|
<input
|
|
1076
|
-
class="input input"
|
|
1076
|
+
class="input input singleLine"
|
|
1077
1077
|
maxlength="12"
|
|
1078
1078
|
name="name-phone"
|
|
1079
1079
|
type="tel"
|
|
@@ -1122,7 +1122,7 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
|
|
|
1122
1122
|
class="view content"
|
|
1123
1123
|
>
|
|
1124
1124
|
<select
|
|
1125
|
-
class="select empty input prefix"
|
|
1125
|
+
class="select empty input singleLine prefix"
|
|
1126
1126
|
name="name-prefix"
|
|
1127
1127
|
>
|
|
1128
1128
|
<option
|
|
@@ -1175,7 +1175,7 @@ exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
|
|
|
1175
1175
|
class="view wide content"
|
|
1176
1176
|
>
|
|
1177
1177
|
<input
|
|
1178
|
-
class="input input"
|
|
1178
|
+
class="input input singleLine"
|
|
1179
1179
|
maxlength="12"
|
|
1180
1180
|
name="name-phone"
|
|
1181
1181
|
type="tel"
|
|
@@ -1224,7 +1224,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
|
|
|
1224
1224
|
class="view content"
|
|
1225
1225
|
>
|
|
1226
1226
|
<select
|
|
1227
|
-
class="select empty input prefix"
|
|
1227
|
+
class="select empty input singleLine prefix"
|
|
1228
1228
|
name="name-prefix"
|
|
1229
1229
|
>
|
|
1230
1230
|
<option
|
|
@@ -1277,7 +1277,7 @@ exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
|
|
|
1277
1277
|
class="view wide content"
|
|
1278
1278
|
>
|
|
1279
1279
|
<input
|
|
1280
|
-
class="input input"
|
|
1280
|
+
class="input input singleLine"
|
|
1281
1281
|
maxlength="12"
|
|
1282
1282
|
name="name-phone"
|
|
1283
1283
|
type="tel"
|
|
@@ -1322,7 +1322,7 @@ exports[`component:<InputPhone> prop:success 1`] = `
|
|
|
1322
1322
|
class="view content"
|
|
1323
1323
|
>
|
|
1324
1324
|
<select
|
|
1325
|
-
class="select empty input prefix"
|
|
1325
|
+
class="select empty input singleLine prefix"
|
|
1326
1326
|
name="name-prefix"
|
|
1327
1327
|
>
|
|
1328
1328
|
<option
|
|
@@ -1375,7 +1375,7 @@ exports[`component:<InputPhone> prop:success 1`] = `
|
|
|
1375
1375
|
class="view wide content"
|
|
1376
1376
|
>
|
|
1377
1377
|
<input
|
|
1378
|
-
class="input input"
|
|
1378
|
+
class="input input singleLine"
|
|
1379
1379
|
maxlength="12"
|
|
1380
1380
|
name="name-phone"
|
|
1381
1381
|
type="tel"
|
|
@@ -1424,7 +1424,7 @@ exports[`component:<InputPhone> prop:value 1`] = `
|
|
|
1424
1424
|
class="view content"
|
|
1425
1425
|
>
|
|
1426
1426
|
<select
|
|
1427
|
-
class="select input prefix"
|
|
1427
|
+
class="select input singleLine prefix"
|
|
1428
1428
|
name="name-prefix"
|
|
1429
1429
|
>
|
|
1430
1430
|
<option
|
|
@@ -1477,7 +1477,7 @@ exports[`component:<InputPhone> prop:value 1`] = `
|
|
|
1477
1477
|
class="view wide content"
|
|
1478
1478
|
>
|
|
1479
1479
|
<input
|
|
1480
|
-
class="input input"
|
|
1480
|
+
class="input input singleLine"
|
|
1481
1481
|
maxlength="12"
|
|
1482
1482
|
name="name-phone"
|
|
1483
1483
|
type="tel"
|
|
@@ -1505,7 +1505,7 @@ exports[`component:<InputPhone> prop:value:without prefixes 1`] = `
|
|
|
1505
1505
|
class="view wide content"
|
|
1506
1506
|
>
|
|
1507
1507
|
<input
|
|
1508
|
-
class="input input"
|
|
1508
|
+
class="input input singleLine"
|
|
1509
1509
|
maxlength="12"
|
|
1510
1510
|
name="name-phone"
|
|
1511
1511
|
type="tel"
|
|
@@ -1533,7 +1533,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
|
|
|
1533
1533
|
class="view content"
|
|
1534
1534
|
>
|
|
1535
1535
|
<select
|
|
1536
|
-
class="select empty input prefix"
|
|
1536
|
+
class="select empty input singleLine prefix"
|
|
1537
1537
|
name="name-prefix"
|
|
1538
1538
|
>
|
|
1539
1539
|
<option
|
|
@@ -1586,7 +1586,7 @@ exports[`component:<InputPhone> prop:warning 1`] = `
|
|
|
1586
1586
|
class="view wide content"
|
|
1587
1587
|
>
|
|
1588
1588
|
<input
|
|
1589
|
-
class="input input"
|
|
1589
|
+
class="input input singleLine"
|
|
1590
1590
|
maxlength="12"
|
|
1591
1591
|
name="name-phone"
|
|
1592
1592
|
type="tel"
|
|
@@ -1631,7 +1631,7 @@ exports[`component:<InputPhone> renders 1`] = `
|
|
|
1631
1631
|
class="view content"
|
|
1632
1632
|
>
|
|
1633
1633
|
<select
|
|
1634
|
-
class="select empty input prefix"
|
|
1634
|
+
class="select empty input singleLine prefix"
|
|
1635
1635
|
name="name-prefix"
|
|
1636
1636
|
>
|
|
1637
1637
|
<option
|
|
@@ -1684,7 +1684,7 @@ exports[`component:<InputPhone> renders 1`] = `
|
|
|
1684
1684
|
class="view wide content"
|
|
1685
1685
|
>
|
|
1686
1686
|
<input
|
|
1687
|
-
class="input input"
|
|
1687
|
+
class="input input singleLine"
|
|
1688
1688
|
maxlength="12"
|
|
1689
1689
|
name="name-phone"
|
|
1690
1690
|
type="tel"
|
|
@@ -1712,7 +1712,7 @@ exports[`component:<InputPhone> testId 1`] = `
|
|
|
1712
1712
|
class="view content"
|
|
1713
1713
|
>
|
|
1714
1714
|
<select
|
|
1715
|
-
class="select empty input prefix"
|
|
1715
|
+
class="select empty input singleLine prefix"
|
|
1716
1716
|
data-testid="mirai-select"
|
|
1717
1717
|
name="name-prefix"
|
|
1718
1718
|
>
|
|
@@ -1766,7 +1766,7 @@ exports[`component:<InputPhone> testId 1`] = `
|
|
|
1766
1766
|
class="view wide content"
|
|
1767
1767
|
>
|
|
1768
1768
|
<input
|
|
1769
|
-
class="input input"
|
|
1769
|
+
class="input input singleLine"
|
|
1770
1770
|
data-testid="mirai-input"
|
|
1771
1771
|
maxlength="12"
|
|
1772
1772
|
name="name-phone"
|
|
@@ -1795,7 +1795,7 @@ exports[`component:<InputPhone> testId:without prefixes 1`] = `
|
|
|
1795
1795
|
class="view wide content"
|
|
1796
1796
|
>
|
|
1797
1797
|
<input
|
|
1798
|
-
class="input input"
|
|
1798
|
+
class="input input singleLine"
|
|
1799
1799
|
data-testid="mirai-input"
|
|
1800
1800
|
maxlength="12"
|
|
1801
1801
|
name="name-phone"
|