@mirai/ui 2.0.43 → 2.1.2

package/build/components/InputOption/InputOption.constants.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SWITCH = exports.RADIO = exports.CHECKBOX = void 0;
-var CHECKBOX = 'checkbox';
-exports.CHECKBOX = CHECKBOX;
-var RADIO = 'radio';
-exports.RADIO = RADIO;
-var SWITCH = 'switch';
-exports.SWITCH = SWITCH;
+const CHECKBOX = exports.CHECKBOX = 'checkbox';
+const RADIO = exports.RADIO = 'radio';
+const SWITCH = exports.SWITCH = 'switch';
 //# sourceMappingURL=InputOption.constants.js.map

package/build/components/InputOption/InputOption.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOption.constants.js","names":["CHECKBOX","RADIO","SWITCH"],"sources":["../../../src/components/InputOption/InputOption.constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst RADIO = 'radio';\nconst SWITCH = 'switch';\n\nexport { CHECKBOX, RADIO, SWITCH };\n"],"mappings":";;;;;;AAAA,IAAMA,QAAQ,GAAG,UAAU;AAAC;AAC5B,IAAMC,KAAK,GAAG,OAAO;AAAC;AACtB,IAAMC,MAAM,GAAG,QAAQ;AAAC"}
+{"version":3,"file":"InputOption.constants.js","names":["CHECKBOX","exports","RADIO","SWITCH"],"sources":["../../../src/components/InputOption/InputOption.constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst RADIO = 'radio';\nconst SWITCH = 'switch';\n\nexport { CHECKBOX, RADIO, SWITCH };\n"],"mappings":";;;;;;AAAA,MAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,UAAU;AAC3B,MAAME,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAG,OAAO;AACrB,MAAMC,MAAM,GAAAF,OAAA,CAAAE,MAAA,GAAG,QAAQ","ignoreList":[]}

package/build/components/InputOption/InputOption.js

@@ -6,54 +6,50 @@ Object.defineProperty(exports, "__esModule", {
 exports.InputOption = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
+var _InputOption = require("./InputOption.constants");
+var _InputOptionModule = _interopRequireDefault(require("./InputOption.module.css"));
 var _helpers = require("../../helpers");
 var _hooks = require("../../hooks");
 var _primitives = require("../../primitives");
 var _partials = require("../InputText/partials");
-var _InputOption = require("./InputOption.constants");
-var _InputOptionModule = _interopRequireDefault(require("./InputOption.module.css"));
-var _excluded = ["checked", "disabled", "error", "indeterminate", "label", "name", "required", "showRequired", "small", "type", "value", "onChange"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var InputOption = function InputOption(_ref) {
-  var checked = _ref.checked,
-    disabled = _ref.disabled,
-    error = _ref.error,
-    indeterminate = _ref.indeterminate,
-    label = _ref.label,
-    name = _ref.name,
-    required = _ref.required,
-    _ref$showRequired = _ref.showRequired,
-    showRequired = _ref$showRequired === void 0 ? false : _ref$showRequired,
-    small = _ref.small,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? _InputOption.CHECKBOX : _ref$type,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-    others = _objectWithoutProperties(_ref, _excluded);
-  var _useDevice = (0, _hooks.useDevice)(),
-    isMobile = _useDevice.isMobile;
-  var Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : type === _InputOption.RADIO ? _primitives.Radio : _primitives.Switch;
-  var handleChange = function handleChange(event) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const InputOption = _ref => {
+  let {
+    checked,
+    disabled,
+    error,
+    indeterminate,
+    label,
+    name,
+    required,
+    showRequired = false,
+    small,
+    type = _InputOption.CHECKBOX,
+    value = '',
+    onChange = () => {},
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _hooks.useDevice)();
+  const Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : type === _InputOption.RADIO ? _primitives.Radio : _primitives.Switch;
+  const handleChange = event => {
     onChange([_InputOption.CHECKBOX, _InputOption.SWITCH].includes(type) ? !checked : value, event);
   };
-  var id = label ? others.id || name : others.id;
+  const id = label ? others.id || name : others.id;
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
     tag: "input-option",
     preventDefault: false,
     onPress: handleChange,
     className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, others.className)
   }), /*#__PURE__*/_react.default.createElement(Primitive, {
-    disabled: disabled,
-    error: error,
-    id: id,
-    name: name,
-    type: type,
-    value: value,
+    disabled,
+    error,
+    id,
+    name,
+    type,
+    value,
     checked: checked || type === _InputOption.CHECKBOX && indeterminate,
     "aria-label": label
   }, type === _InputOption.CHECKBOX && (checked || indeterminate) ? /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
@@ -63,9 +59,9 @@ var InputOption = function InputOption(_ref) {
   }) : undefined), label && /*#__PURE__*/_react.default.createElement(_partials.Label, {
     action: !small,
     small: small,
-    disabled: disabled,
+    disabled,
     for: id,
-    label: label,
+    label,
     required: showRequired && required,
     className: _InputOptionModule.default.label
   }));

package/build/components/InputOption/InputOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","error","indeterminate","label","name","required","showRequired","small","type","CHECKBOX","value","onChange","others","useDevice","isMobile","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","id","styles","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","for","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch } from '../../primitives';\nimport { Label } from '../InputText/partials';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  error,\n  indeterminate,\n  label,\n  name,\n  required,\n  showRequired = false,\n  small,\n  type = CHECKBOX,\n  value = '',\n  onChange = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n  const handleChange = (event) => {\n    onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n  };\n\n  const id = label ? others.id || name : others.id;\n\n  return (\n    <Pressable\n      {...others}\n      tag=\"input-option\"\n      preventDefault={false}\n      onPress={handleChange}\n      className={styles(style.inputOption, others.className)}\n    >\n      <Primitive\n        {...{ disabled, error, id, name, type, value }}\n        checked={checked || (type === CHECKBOX && indeterminate)}\n        aria-label={label}\n      >\n        {type === CHECKBOX && (checked || indeterminate) ? (\n          <Icon value={checked ? ICON.CHECK : ICON.REMOVE} paragraph={!isMobile} className={style.icon} />\n        ) : undefined}\n      </Primitive>\n      {label && (\n        <Label\n          action={!small}\n          small={small}\n          {...{ disabled, for: id, label, required: showRequired && required }}\n          className={style.label}\n        />\n      )}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  indeterminate: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  showRequired: PropTypes.bool,\n  small: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":"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"}
+{"version":3,"file":"InputOption.js","names":["_propTypes","_interopRequireDefault","require","_react","_InputOption","_InputOptionModule","_helpers","_hooks","_primitives","_partials","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","InputOption","_ref","checked","disabled","error","indeterminate","label","name","required","showRequired","small","type","CHECKBOX","value","onChange","others","isMobile","useDevice","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","id","createElement","Pressable","tag","preventDefault","onPress","className","styles","style","inputOption","Icon","ICON","CHECK","REMOVE","paragraph","icon","undefined","Label","action","for","exports","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch } from '../../primitives';\nimport { Label } from '../InputText/partials';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  error,\n  indeterminate,\n  label,\n  name,\n  required,\n  showRequired = false,\n  small,\n  type = CHECKBOX,\n  value = '',\n  onChange = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n  const handleChange = (event) => {\n    onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n  };\n\n  const id = label ? others.id || name : others.id;\n\n  return (\n    <Pressable\n      {...others}\n      tag=\"input-option\"\n      preventDefault={false}\n      onPress={handleChange}\n      className={styles(style.inputOption, others.className)}\n    >\n      <Primitive\n        {...{ disabled, error, id, name, type, value }}\n        checked={checked || (type === CHECKBOX && indeterminate)}\n        aria-label={label}\n      >\n        {type === CHECKBOX && (checked || indeterminate) ? (\n          <Icon value={checked ? ICON.CHECK : ICON.REMOVE} paragraph={!isMobile} className={style.icon} />\n        ) : undefined}\n      </Primitive>\n      {label && (\n        <Label\n          action={!small}\n          small={small}\n          {...{ disabled, for: id, label, required: showRequired && required }}\n          className={style.label}\n        />\n      )}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  indeterminate: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  showRequired: PropTypes.bool,\n  small: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":"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","ignoreList":[]}

package/build/components/InputOption/InputOption.stories.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,31 +7,20 @@ exports.default = exports.Story = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _InputOption = require("./InputOption");
 var _InputOption2 = require("./InputOption.constants");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _default = exports.default = {
   title: 'Components'
 };
-exports.default = _default;
-var Story = function Story(props) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    checked = _useState2[0],
-    setChecked = _useState2[1];
-  var handleChange = function handleChange(next) {
-    var _console;
+const Story = props => {
+  const [checked, setChecked] = (0, _react.useState)(false);
+  const handleChange = function (next) {
     setChecked(next);
     for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       others[_key - 1] = arguments[_key];
     }
-    (_console = console).log.apply(_console, ['<InputOption>::onChange', next].concat(others));
+    console.log('<InputOption>::onChange', next, ...others);
   };
   return /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, _extends({}, props, {
     checked: checked,

package/build/components/InputOption/InputOption.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOption.stories.js","names":["title","Story","props","useState","checked","setChecked","handleChange","next","others","console","log","storyName","args","disabled","error","indeterminate","label","name","required","showRequired","small","type","value","testId","style","argTypes","options","CHECKBOX","RADIO","SWITCH","control","defaultValue"],"sources":["../../../src/components/InputOption/InputOption.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { InputOption } from './InputOption';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => {\n  const [checked, setChecked] = useState(false);\n\n  const handleChange = (next, ...others) => {\n    setChecked(next);\n    console.log('<InputOption>::onChange', next, ...others);\n  };\n\n  return <InputOption {...props} checked={checked} onChange={handleChange} />;\n};\n\nStory.storyName = 'InputOption';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  indeterminate: false,\n  label: 'label',\n  name: 'name',\n  required: false,\n  showRequired: false,\n  small: false,\n  type: 'checkbox',\n  value: 'value',\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  type: {\n    options: [CHECKBOX, RADIO, SWITCH],\n    control: { type: 'select' },\n    defaultValue: CHECKBOX,\n  },\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAkE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnD;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAtCC,OAAO;IAAEC,UAAU;EAE1B,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,UAAU,CAACE,IAAI,CAAC;IAAC,kCADYC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,yBAAyB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACzD,CAAC;EAED,oBAAO,6BAAC,wBAAW,eAAKN,KAAK;IAAE,OAAO,EAAEE,OAAQ;IAAC,QAAQ,EAAEE;EAAa,GAAG;AAC7E,CAAC;AAAC;AAEFL,KAAK,CAACU,SAAS,GAAG,aAAa;AAE/BV,KAAK,CAACW,IAAI,GAAG;EACXC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,aAAa,EAAE,KAAK;EACpBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,OAAO;EACd;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDvB,KAAK,CAACwB,QAAQ,GAAG;EACfJ,IAAI,EAAE;IACJK,OAAO,EAAE,CAACC,sBAAQ,EAAEC,mBAAK,EAAEC,oBAAM,CAAC;IAClCC,OAAO,EAAE;MAAET,IAAI,EAAE;IAAS,CAAC;IAC3BU,YAAY,EAAEJ;EAChB;AACF,CAAC"}
+{"version":3,"file":"InputOption.stories.js","names":["_react","_interopRequireWildcard","require","_InputOption","_InputOption2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_default","exports","title","Story","props","checked","setChecked","useState","handleChange","next","_len","others","Array","_key","console","log","createElement","InputOption","onChange","storyName","args","disabled","error","indeterminate","label","name","required","showRequired","small","type","value","testId","style","argTypes","options","CHECKBOX","RADIO","SWITCH","control","defaultValue"],"sources":["../../../src/components/InputOption/InputOption.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { InputOption } from './InputOption';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => {\n  const [checked, setChecked] = useState(false);\n\n  const handleChange = (next, ...others) => {\n    setChecked(next);\n    console.log('<InputOption>::onChange', next, ...others);\n  };\n\n  return <InputOption {...props} checked={checked} onChange={handleChange} />;\n};\n\nStory.storyName = 'InputOption';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  indeterminate: false,\n  label: 'label',\n  name: 'name',\n  required: false,\n  showRequired: false,\n  small: false,\n  type: 'checkbox',\n  value: 'value',\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  type: {\n    options: [CHECKBOX, RADIO, SWITCH],\n    control: { type: 'select' },\n    defaultValue: CHECKBOX,\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/build/components/InputOption/index.js

@@ -9,7 +9,7 @@ Object.keys(_InputOption).forEach(function (key) {
   if (key in exports && exports[key] === _InputOption[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _InputOption[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_InputOption2).forEach(function (key) {
   if (key in exports && exports[key] === _InputOption2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _InputOption2[key];
     }
   });

package/build/components/InputOption/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\nexport * from './InputOption.constants';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_InputOption","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_InputOption2"],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\nexport * from './InputOption.constants';\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/build/components/InputPhone/InputPhone.js

@@ -1,144 +1,114 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputPhone = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _helpers = require("../../helpers");
+var _helpers = require("./helpers");
+var _InputPhoneModule = _interopRequireDefault(require("./InputPhone.module.css"));
+var _helpers2 = require("../../helpers");
 var _primitives = require("../../primitives");
 var _theme = require("../../theme");
 var _partials = require("../InputSelect/partials");
 var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
 var _partials2 = require("../InputText/partials");
-var _helpers2 = require("./helpers");
-var _InputPhoneModule = _interopRequireDefault(require("./InputPhone.module.css"));
-var _excluded = ["disabled", "emptyOption", "error", "hint", "icon", "label", "labelPrefix", "name", "prefixes", "showRequired", "showState", "success", "value", "warning", "onChange", "onEnter", "onError", "onLeave"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var InputPhone = function InputPhone(_ref) {
-  var disabled = _ref.disabled,
-    emptyOption = _ref.emptyOption,
-    error = _ref.error,
-    hint = _ref.hint,
-    icon = _ref.icon,
-    label = _ref.label,
-    labelPrefix = _ref.labelPrefix,
-    name = _ref.name,
-    _ref$prefixes = _ref.prefixes,
-    prefixes = _ref$prefixes === void 0 ? [] : _ref$prefixes,
-    _ref$showRequired = _ref.showRequired,
-    showRequired = _ref$showRequired === void 0 ? false : _ref$showRequired,
-    _ref$showState = _ref.showState,
-    showState = _ref$showState === void 0 ? true : _ref$showState,
-    success = _ref.success,
-    propValue = _ref.value,
-    warning = _ref.warning,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-    _ref$onEnter = _ref.onEnter,
-    onEnter = _ref$onEnter === void 0 ? function () {} : _ref$onEnter,
-    _ref$onError = _ref.onError,
-    onError = _ref$onError === void 0 ? function () {} : _ref$onError,
-    _ref$onLeave = _ref.onLeave,
-    onLeave = _ref$onLeave === void 0 ? function () {} : _ref$onLeave,
-    others = _objectWithoutProperties(_ref, _excluded);
-  var defaultDirection = _theme.Theme.getDirection() === _theme.DIRECTION_TYPE.LEFT;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    focus = _useState2[0],
-    setFocus = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    prefixFocus = _useState4[0],
-    setPrefixFocus = _useState4[1];
-  var _useState5 = (0, _react.useState)((0, _helpers2.parseValue)(propValue, (0, _helpers2.sanitizePrefixes)(prefixes))),
-    _useState6 = _slicedToArray(_useState5, 2),
-    value = _useState6[0],
-    setValue = _useState6[1];
-  (0, _react.useEffect)(function () {
-    setValue((0, _helpers2.parseValue)(propValue, (0, _helpers2.sanitizePrefixes)(prefixes)));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const InputPhone = _ref => {
+  let {
+    disabled,
+    emptyOption,
+    error,
+    hint,
+    icon,
+    label,
+    labelPrefix,
+    name,
+    prefixes = [],
+    showRequired = false,
+    showState = true,
+    success,
+    value: propValue,
+    warning,
+    onChange = () => {},
+    onEnter = () => {},
+    onError = () => {},
+    onLeave = () => {},
+    ...others
+  } = _ref;
+  const defaultDirection = _theme.Theme.getDirection() === _theme.DIRECTION_TYPE.LEFT;
+  const [focus, setFocus] = (0, _react.useState)(false);
+  const [prefixFocus, setPrefixFocus] = (0, _react.useState)(false);
+  const [value, setValue] = (0, _react.useState)((0, _helpers.parseValue)(propValue, (0, _helpers.sanitizePrefixes)(prefixes)));
+  (0, _react.useEffect)(() => {
+    setValue((0, _helpers.parseValue)(propValue, (0, _helpers.sanitizePrefixes)(prefixes)));
   }, [prefixes, propValue]);
-  (0, _react.useEffect)(function () {
-    onError((0, _helpers.getInputPhoneErrors)({
-      prefixes: (0, _helpers2.sanitizePrefixes)(prefixes),
-      value: value
+  (0, _react.useEffect)(() => {
+    onError((0, _helpers2.getInputPhoneErrors)({
+      prefixes: (0, _helpers.sanitizePrefixes)(prefixes),
+      value
     }));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [prefixes, value]);
-  var handleChange = function handleChange(next, event) {
-    var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref2$isPhone = _ref2.isPhone,
-      isPhone = _ref2$isPhone === void 0 ? true : _ref2$isPhone;
-    var _ref3 = hasPrefixes ? (value === null || value === void 0 ? void 0 : value.split(' ')) || [] : [undefined, value],
-      _ref4 = _slicedToArray(_ref3, 2),
-      _ref4$ = _ref4[0],
-      prefix = _ref4$ === void 0 ? '' : _ref4$,
-      _ref4$2 = _ref4[1],
-      phone = _ref4$2 === void 0 ? '' : _ref4$2;
-    var nextValue = (isPhone ? [prefix, next === null || next === void 0 ? void 0 : next.replace(/[^\d]/g, '')] : [next, phone]).join(' ');
+  const handleChange = function (next, event) {
+    let {
+      isPhone = true
+    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    const [prefix = '', phone = ''] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];
+    let nextValue = (isPhone ? [prefix, next?.replace(/[^\d]/g, '')] : [next, phone]).join(' ');
     if (!hasPrefixes) nextValue = nextValue.trim();
     setValue(nextValue);
     onChange(nextValue, event);
   };
-  var handleEnter = function handleEnter(event) {
-    var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref5$isPhone = _ref5.isPhone,
-      isPhone = _ref5$isPhone === void 0 ? true : _ref5$isPhone;
+  const handleEnter = function (event) {
+    let {
+      isPhone = true
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     isPhone ? setFocus(true) : setPrefixFocus(true);
     onEnter(event);
   };
-  var handleLeave = function handleLeave(event) {
-    var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref6$isPhone = _ref6.isPhone,
-      isPhone = _ref6$isPhone === void 0 ? true : _ref6$isPhone;
+  const handleLeave = function (event) {
+    let {
+      isPhone = true
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     isPhone ? setFocus(false) : setPrefixFocus(false);
     onLeave(event);
   };
-  var hasPrefixes = !!(prefixes !== null && prefixes !== void 0 && prefixes.length);
-  var _ref7 = hasPrefixes ? (value === null || value === void 0 ? void 0 : value.split(' ')) || [] : [undefined, value],
-    _ref8 = _slicedToArray(_ref7, 2),
-    prefix = _ref8[0],
-    phone = _ref8[1];
-  var has = {
+  const hasPrefixes = !!prefixes?.length;
+  const [prefix, phone] = hasPrefixes ? value?.split(' ') || [] : [undefined, value];
+  const has = {
     icon: !!icon,
     label: !!label,
     labelPrefix: !!labelPrefix,
-    prefix: (prefix === null || prefix === void 0 ? void 0 : prefix.length) > 0,
-    phone: (phone === null || phone === void 0 ? void 0 : phone.length) > 0,
+    prefix: prefix?.length > 0,
+    phone: phone?.length > 0,
     stateIcon: showState && (error || success || warning)
   };
-  var testId = others.testId;
-  var prefixDirection = !defaultDirection ? '‎' : '';
-  var idPrefix = hasPrefixes && has.labelPrefix ? "".concat(name, "-prefix") : undefined;
-  var id = label ? others.id || name : others.id;
+  const {
+    testId
+  } = others;
+  const prefixDirection = !defaultDirection ? '‎' : '';
+  const idPrefix = hasPrefixes && has.labelPrefix ? `${name}-prefix` : undefined;
+  const id = label ? others.id || name : others.id;
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
     role: others.role,
     tag: "input-phone",
-    className: (0, _helpers.styles)(_InputPhoneModule.default.inputPhone, others.className),
+    className: (0, _helpers2.styles)(_InputPhoneModule.default.inputPhone, others.className),
     style: others.style
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,
-    className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, (focus || prefixFocus) && _InputTextModule.default.focus)
+    className: (0, _helpers2.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, (focus || prefixFocus) && _InputTextModule.default.focus)
   }, hasPrefixes && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
     className: _InputTextModule.default.content
   }, labelPrefix && /*#__PURE__*/_react.default.createElement(_partials2.Label, {
-    disabled: disabled,
-    error: error,
+    disabled,
+    error,
     focus: prefixFocus,
     for: idPrefix,
     label: labelPrefix,
@@ -149,31 +119,23 @@ var InputPhone = function InputPhone(_ref) {
     disabled: disabled,
     emptyOption: emptyOption,
     id: idPrefix,
-    name: "".concat(name, "-prefix"),
-    options: prefixes.map(function (prefix) {
-      return "".concat(prefixDirection).concat(prefix);
-    }),
-    values: (0, _helpers2.sanitizePrefixes)(prefixes),
+    name: `${name}-prefix`,
+    options: prefixes.map(prefix => `${prefixDirection}${prefix}`),
+    values: (0, _helpers.sanitizePrefixes)(prefixes),
     style: undefined,
     type: undefined,
     value: prefix || '',
-    onChange: function onChange(value, event) {
-      return handleChange(value, event, {
-        isPhone: false
-      });
-    },
-    onEnter: function onEnter(event) {
-      return handleEnter(event, {
-        isPhone: false
-      });
-    },
-    onLeave: function onLeave(event) {
-      return handleLeave(event, {
-        isPhone: false
-      });
-    },
-    className: (0, _helpers.styles)(_InputTextModule.default.input, _InputPhoneModule.default.prefix, has.labelPrefix && _InputTextModule.default.withLabel, has.labelPrefix && !(prefixFocus || error || has.prefix) && _InputTextModule.default.empty),
-    testId: testId ? "".concat(testId, "-select") : undefined,
+    onChange: (value, event) => handleChange(value, event, {
+      isPhone: false
+    }),
+    onEnter: event => handleEnter(event, {
+      isPhone: false
+    }),
+    onLeave: event => handleLeave(event, {
+      isPhone: false
+    }),
+    className: (0, _helpers2.styles)(_InputTextModule.default.input, _InputPhoneModule.default.prefix, has.labelPrefix && _InputTextModule.default.withLabel, has.labelPrefix && !(prefixFocus || error || has.prefix) && _InputTextModule.default.empty),
+    testId: testId ? `${testId}-select` : undefined,
     "aria-label": labelPrefix
   }))), !disabled && /*#__PURE__*/_react.default.createElement(_partials.Expand, null)), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     forceRow: true,
@@ -183,45 +145,39 @@ var InputPhone = function InputPhone(_ref) {
     wide: true
   }, has.icon && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: icon,
-    className: (0, _helpers.styles)(_InputTextModule.default.icon, _InputTextModule.default.left, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error)
+    className: (0, _helpers2.styles)(_InputTextModule.default.icon, _InputTextModule.default.left, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error)
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     wide: true,
     className: _InputTextModule.default.content
   }, label && /*#__PURE__*/_react.default.createElement(_partials2.Label, {
-    disabled: disabled,
-    error: error,
-    focus: focus,
+    disabled,
+    error,
+    focus,
     for: id,
-    label: label,
+    label,
     required: showRequired && others.required,
     value: phone
   }), /*#__PURE__*/_react.default.createElement(_primitives.Input, _extends({}, others, {
     disabled: disabled,
     id: id,
     maxLength: 12,
-    name: "".concat(name, "-phone"),
+    name: `${name}-phone`,
     type: "tel",
     value: phone || '',
-    onChange: function onChange(value, event) {
-      return handleChange(value, event);
-    },
-    onEnter: function onEnter(event) {
-      return handleEnter(event);
-    },
-    onLeave: function onLeave(event) {
-      return handleLeave(event);
-    },
-    className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel),
-    testId: testId ? "".concat(testId, "-input") : undefined,
+    onChange: (value, event) => handleChange(value, event),
+    onEnter: event => handleEnter(event),
+    onLeave: event => handleLeave(event),
+    className: (0, _helpers2.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel),
+    testId: testId ? `${testId}-input` : undefined,
     "aria-label": label
   })))), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials2.IconState, {
-    error: error,
-    success: success,
-    warning: warning
+    error,
+    success,
+    warning
   })), hint && /*#__PURE__*/_react.default.createElement(_partials2.Hint, {
-    disabled: disabled,
-    error: error,
-    hint: hint
+    disabled,
+    error,
+    hint
   }));
 };
 exports.InputPhone = InputPhone;