@bigbinary/neeto-molecules 4.0.0 → 4.0.2

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.
@@ -8,6 +8,7 @@ import { findBy, noop } from '@bigbinary/neeto-cist';
8
8
  import Input from '@bigbinary/neetoui/Input';
9
9
  import classnames from 'classnames';
10
10
  import Select from '@bigbinary/neetoui/Select';
11
+ import { useTranslation } from 'react-i18next';
11
12
  import { c as commonjsGlobal } from './_commonjsHelpers-BFTU3MAI.js';
12
13
  import { mergeLeft, assoc } from 'ramda';
13
14
  import Tooltip from '@bigbinary/neetoui/Tooltip';
@@ -92,6 +93,8 @@ var CountryPicker = function CountryPicker(_ref) {
92
93
  _useState2 = _slicedToArray(_useState, 2),
93
94
  searchTerm = _useState2[0],
94
95
  setSearchTerm = _useState2[1];
96
+ var _useTranslation = useTranslation(),
97
+ t = _useTranslation.t;
95
98
  return /*#__PURE__*/jsx("div", {
96
99
  className: classnames("flex-shrink-0", {
97
100
  "w-10": !searchTerm,
@@ -99,6 +102,7 @@ var CountryPicker = function CountryPicker(_ref) {
99
102
  }),
100
103
  children: /*#__PURE__*/jsx(Select, _objectSpread$1({
101
104
  isSearchable: true,
105
+ "aria-label": t("neetoMolecules.phoneNumberInput.countryCodeAriaLabel"),
102
106
  "data-testid": "phonenumber-country-picker",
103
107
  options: COUNTRY_PICKER_OPTIONS,
104
108
  strategy: "fixed",
@@ -276,7 +280,9 @@ var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
276
280
  error: error,
277
281
  onKeyDown: onKeyDown,
278
282
  ref: ref,
283
+ autoComplete: "tel",
279
284
  "data-testid": "phonenumber-input",
285
+ inputMode: "tel",
280
286
  type: "tel",
281
287
  value: formattedValue,
282
288
  prefix: /*#__PURE__*/jsx(CountryPicker$1, _objectSpread({
@@ -293,4 +299,4 @@ var css = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Color+Emo
293
299
  n(css,{});
294
300
 
295
301
  export { PhoneNumberInput as P, SingleValue$1 as S, getPhoneData as g, isPhoneNumberValid as i, validation as v };
296
- //# sourceMappingURL=phone-number-BPy1zqqJ.js.map
302
+ //# sourceMappingURL=phone-number-CSXPpNBP.js.map