@hh.ru/magritte-ui-phone-input 1.3.2 → 1.3.3
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/{CallingCodeInput-qpohFuEA.js → CallingCodeInput-PMZ-USSZ.js} +2 -2
- package/{CallingCodeInput-qpohFuEA.js.map → CallingCodeInput-PMZ-USSZ.js.map} +1 -1
- package/CallingCodeInput.js +1 -1
- package/PhoneInput.js +1 -1
- package/RegionSelect.js +1 -1
- package/index.css +637 -115
- package/index.js +1 -1
- package/index.mock.js +1 -30
- package/index.mock.js.map +1 -1
- package/{metadata.max-CpK9k4vB.js → metadata.max-Cy2NTZXj.js} +1 -1
- package/{metadata.max-CpK9k4vB.js.map → metadata.max-Cy2NTZXj.js.map} +1 -1
- package/{metadata.mobile-BomeDvtb.js → metadata.mobile-DfG49Lxv.js} +1 -1
- package/{metadata.mobile-BomeDvtb.js.map → metadata.mobile-DfG49Lxv.js.map} +1 -1
- package/{metadata.ru_by_kz_uz.max-C5hsbMpi.js → metadata.ru_by_kz_uz.max-C9DoQnwo.js} +1 -1
- package/{metadata.ru_by_kz_uz.max-C5hsbMpi.js.map → metadata.ru_by_kz_uz.max-C9DoQnwo.js.map} +1 -1
- package/{metadata.ru_by_kz_uz.mobile-DuoGbkd-.js → metadata.ru_by_kz_uz.mobile-BaIdOhp1.js} +1 -1
- package/{metadata.ru_by_kz_uz.mobile-DuoGbkd-.js.map → metadata.ru_by_kz_uz.mobile-BaIdOhp1.js.map} +1 -1
- package/package.json +9 -8
- package/useLibPhoneNumber.js +4 -4
|
@@ -4,7 +4,7 @@ import { forwardRef, useRef, useState, useEffect } from 'react';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
|
|
6
6
|
|
|
7
|
-
var styles = {"calling-code-input":"magritte-calling-code-input___Hb20f_1-3-
|
|
7
|
+
var styles = {"calling-code-input":"magritte-calling-code-input___Hb20f_1-3-3","callingCodeInput":"magritte-calling-code-input___Hb20f_1-3-3","calling-code-input-container":"magritte-calling-code-input-container___UXmHV_1-3-3","callingCodeInputContainer":"magritte-calling-code-input-container___UXmHV_1-3-3","disabled":"magritte-disabled___fvEeH_1-3-3","focused":"magritte-focused___Ok8x4_1-3-3","invalid":"magritte-invalid___kptbH_1-3-3","ghost-data":"magritte-ghost-data___zShvn_1-3-3","ghostData":"magritte-ghost-data___zShvn_1-3-3","focus-visible":"magritte-focus-visible___kbwmg_1-3-3","focusVisible":"magritte-focus-visible___kbwmg_1-3-3","flag-container":"magritte-flag-container___wsoAd_1-3-3","flagContainer":"magritte-flag-container___wsoAd_1-3-3","input-container":"magritte-input-container___WSSZi_1-3-3","inputContainer":"magritte-input-container___WSSZi_1-3-3","phone-input-container":"magritte-phone-input-container___D587K_1-3-3","phoneInputContainer":"magritte-phone-input-container___D587K_1-3-3","flag-icon":"magritte-flag-icon___teIdY_1-3-3","flagIcon":"magritte-flag-icon___teIdY_1-3-3","flag-emoji":"magritte-flag-emoji___pyJS7_1-3-3","flagEmoji":"magritte-flag-emoji___pyJS7_1-3-3","no-flag-emoji":"magritte-no-flag-emoji___yiuyr_1-3-3","noFlagEmoji":"magritte-no-flag-emoji___yiuyr_1-3-3"};
|
|
8
8
|
|
|
9
9
|
const CallingCodeInput = forwardRef(({ onFocus, onBlur, value, onChange, flag, onKeyDown, invalid, disabled, className }, ref) => {
|
|
10
10
|
const inputRef = useRef(null);
|
|
@@ -48,4 +48,4 @@ const CallingCodeInput = forwardRef(({ onFocus, onBlur, value, onChange, flag, o
|
|
|
48
48
|
CallingCodeInput.displayName = 'CallingCodeInput';
|
|
49
49
|
|
|
50
50
|
export { CallingCodeInput as C, styles as s };
|
|
51
|
-
//# sourceMappingURL=CallingCodeInput-
|
|
51
|
+
//# sourceMappingURL=CallingCodeInput-PMZ-USSZ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallingCodeInput-
|
|
1
|
+
{"version":3,"file":"CallingCodeInput-PMZ-USSZ.js","sources":["../src/CallingCodeInput.tsx"],"sourcesContent":["import {\n type KeyboardEventHandler,\n type ChangeEvent,\n type ReactNode,\n forwardRef,\n useState,\n useEffect,\n useRef,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\n\nimport styles from './phoneInput.less';\n\ninterface CallingCodeInputProps {\n flag: ReactNode;\n onChange: (value: string) => void;\n value: string;\n onFocus: VoidFunction;\n onBlur: VoidFunction;\n onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n invalid?: boolean;\n disabled?: boolean;\n className?: string | boolean;\n}\n\nexport const CallingCodeInput = forwardRef<HTMLDivElement, CallingCodeInputProps>(\n ({ onFocus, onBlur, value, onChange, flag, onKeyDown, invalid, disabled, className }, ref) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const [isFocused, setIsFocused] = useState(false);\n const [isFocusVisible, setIsFocusVisible] = useState(false);\n const { isMobile } = useBreakpoint();\n\n useEffect(() => {\n if (inputRef.current) {\n setIsFocusVisible(isFocused && inputRef.current.classList.contains('focus-visible'));\n }\n }, [isFocused]);\n\n return (\n <div\n className={classnames(styles.callingCodeInputContainer, className, {\n [styles.focusVisible]: isFocusVisible && !disabled,\n [styles.focused]: isFocused && !disabled,\n [styles.invalid]: invalid && !disabled,\n [styles.disabled]: disabled,\n })}\n tabIndex={disabled ? -1 : 0}\n onFocus={() => {\n if (disabled) {\n return;\n }\n if (!isMobile) {\n inputRef.current?.focus();\n return;\n }\n\n setIsFocused(true);\n onFocus();\n }}\n onBlur={() => {\n if (!isMobile) {\n return;\n }\n setIsFocused(false);\n onBlur();\n }}\n ref={ref}\n data-qa=\"magritte-phone-input-calling-code\"\n >\n <div className={styles.flagContainer}>{flag}</div>\n <div className={styles.inputContainer}>\n <input\n ref={inputRef}\n onFocus={() => {\n setIsFocused(true);\n onFocus();\n }}\n onBlur={() => {\n setIsFocused(false);\n onBlur();\n }}\n onKeyDown={onKeyDown}\n className={styles.callingCodeInput}\n value={value}\n onChange={(event: ChangeEvent<HTMLInputElement>) => onChange(event.target.value)}\n disabled={disabled}\n data-qa=\"magritte-phone-input-calling-code-input\"\n />\n <div className={styles.ghostData} data-qa=\"magritte-phone-input-calling-code-value\">\n {value}\n </div>\n </div>\n </div>\n );\n }\n);\n\nCallingCodeInput.displayName = 'CallingCodeInput';\n"],"names":["_jsxs","classnames","_jsx"],"mappings":"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"}
|
package/CallingCodeInput.js
CHANGED
|
@@ -3,5 +3,5 @@ import 'react/jsx-runtime';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '@hh.ru/magritte-ui-breakpoint';
|
|
6
|
-
export { C as CallingCodeInput } from './CallingCodeInput-
|
|
6
|
+
export { C as CallingCodeInput } from './CallingCodeInput-PMZ-USSZ.js';
|
|
7
7
|
//# sourceMappingURL=CallingCodeInput.js.map
|
package/PhoneInput.js
CHANGED
|
@@ -9,7 +9,7 @@ import { RegionSelect } from './RegionSelect.js';
|
|
|
9
9
|
import { phoneFormatterFactory } from './phoneFormatter.js';
|
|
10
10
|
import { useCountrySelectOptions } from './useCountrySelectOptions.js';
|
|
11
11
|
import { useLibPhoneNumber } from './useLibPhoneNumber.js';
|
|
12
|
-
import { s as styles } from './CallingCodeInput-
|
|
12
|
+
import { s as styles } from './CallingCodeInput-PMZ-USSZ.js';
|
|
13
13
|
import 'classnames';
|
|
14
14
|
import '@hh.ru/magritte-ui-cell';
|
|
15
15
|
import '@hh.ru/magritte-ui-icon/country';
|
package/RegionSelect.js
CHANGED
|
@@ -4,7 +4,7 @@ import { useState, useRef, useCallback, useEffect } from 'react';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { CellText, Cell, CellRightLabel } from '@hh.ru/magritte-ui-cell';
|
|
6
6
|
import { RUSize24, BYSize24, KZSize24, UZSize24 } from '@hh.ru/magritte-ui-icon/country';
|
|
7
|
-
import { s as styles, C as CallingCodeInput } from './CallingCodeInput-
|
|
7
|
+
import { s as styles, C as CallingCodeInput } from './CallingCodeInput-PMZ-USSZ.js';
|
|
8
8
|
import { useIsFlagEmojiSupported } from './useIsFlagEmojiSupported.js';
|
|
9
9
|
import { Select } from '@hh.ru/magritte-ui-select';
|
|
10
10
|
import '@hh.ru/magritte-ui-breakpoint';
|