@mirai/ui 2.0.6 → 2.0.8

package/build/components/InputOption/InputOption.js

@@ -43,8 +43,7 @@ var InputOption = function InputOption(_ref) {
   };
   var id = label ? others.id || name : others.id;
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
-    role: others.role || 'input-option',
-    tag: others.tag || 'input_option',
+    tag: "input-option",
     preventDefault: false,
     onPress: handleChange,
     className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, others.className)
@@ -55,7 +54,8 @@ var InputOption = function InputOption(_ref) {
     name: name,
     type: type,
     value: value,
-    checked: checked || type === _InputOption.CHECKBOX && indeterminate
+    checked: checked || type === _InputOption.CHECKBOX && indeterminate,
+    "aria-label": label
   }, type === _InputOption.CHECKBOX && (checked || indeterminate) ? /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: checked ? _primitives.ICON.CHECK : _primitives.ICON.REMOVE,
     paragraph: !isMobile,

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","role","tag","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      role={others.role || 'input-option'}\n      tag={others.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      >\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":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAE7C,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAcX;EAAA,IAbJC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IAAA,yBACRC,YAAY;IAAZA,YAAY,kCAAG,KAAK;IACpBC,KAAK,QAALA,KAAK;IAAA,iBACLC,IAAI;IAAJA,IAAI,0BAAGC,qBAAQ;IAAA,kBACfC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBACVC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,MAAM;EAET,iBAAqB,IAAAC,gBAAS,GAAE;IAAxBC,QAAQ,cAARA,QAAQ;EAEhB,IAAMC,SAAS,GAAGP,IAAI,KAAKC,qBAAQ,GAAGO,oBAAQ,GAAGR,IAAI,KAAKS,kBAAK,GAAGC,iBAAK,GAAGC,kBAAM;EAEhF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BV,QAAQ,CAAC,CAACF,qBAAQ,EAAEa,mBAAM,CAAC,CAACC,QAAQ,CAACf,IAAI,CAAC,GAAG,CAACT,OAAO,GAAGW,KAAK,EAAEW,KAAK,CAAC;EACvE,CAAC;EAED,IAAMG,EAAE,GAAGrB,KAAK,GAAGS,MAAM,CAACY,EAAE,IAAIpB,IAAI,GAAGQ,MAAM,CAACY,EAAE;EAEhD,oBACE,6BAAC,qBAAS,eACJZ,MAAM;IACV,IAAI,EAAEA,MAAM,CAACa,IAAI,IAAI,cAAe;IACpC,GAAG,EAAEb,MAAM,CAACc,GAAG,IAAI,cAAe;IAClC,cAAc,EAAE,KAAM;IACtB,OAAO,EAAEN,YAAa;IACtB,SAAS,EAAE,IAAAO,eAAM,EAACC,0BAAK,CAACC,WAAW,EAAEjB,MAAM,CAACkB,SAAS;EAAE,iBAEvD,6BAAC,SAAS;IACF9B,QAAQ,EAARA,QAAQ;IAAEC,KAAK,EAALA,KAAK;IAAEuB,EAAE,EAAFA,EAAE;IAAEpB,IAAI,EAAJA,IAAI;IAAEI,IAAI,EAAJA,IAAI;IAAEE,KAAK,EAALA,KAAK;IAC5C,OAAO,EAAEX,OAAO,IAAKS,IAAI,KAAKC,qBAAQ,IAAIP;EAAe,GAExDM,IAAI,KAAKC,qBAAQ,KAAKV,OAAO,IAAIG,aAAa,CAAC,gBAC9C,6BAAC,gBAAI;IAAC,KAAK,EAAEH,OAAO,GAAGgC,gBAAI,CAACC,KAAK,GAAGD,gBAAI,CAACE,MAAO;IAAC,SAAS,EAAE,CAACnB,QAAS;IAAC,SAAS,EAAEc,0BAAK,CAACM;EAAK,EAAG,GAC9FC,SAAS,CACH,EACXhC,KAAK,iBACJ,6BAAC,eAAK;IACJ,MAAM,EAAE,CAACI,KAAM;IACf,KAAK,EAAEA,KAAM;IACPP,QAAQ,EAARA,QAAQ;IAAEoC,GAAG,EAAEZ,EAAE;IAAErB,KAAK,EAALA,KAAK;IAAEE,QAAQ,EAAEC,YAAY,IAAID,QAAQ;IAClE,SAAS,EAAEuB,0BAAK,CAACzB;EAAM,EAE1B,CACS;AAEhB,CAAC;AAAC;AAEFL,WAAW,CAACuC,WAAW,GAAG,uBAAuB;AAEjDvC,WAAW,CAACwC,SAAS,GAAG;EACtBvC,OAAO,EAAEwC,kBAAS,CAACC,IAAI;EACvBxC,QAAQ,EAAEuC,kBAAS,CAACC,IAAI;EACxBvC,KAAK,EAAEsC,kBAAS,CAACC,IAAI;EACrBtC,aAAa,EAAEqC,kBAAS,CAACC,IAAI;EAC7BrC,KAAK,EAAEoC,kBAAS,CAACE,MAAM;EACvBrC,IAAI,EAAEmC,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCrC,QAAQ,EAAEkC,kBAAS,CAACC,IAAI;EACxBlC,YAAY,EAAEiC,kBAAS,CAACC,IAAI;EAC5BjC,KAAK,EAAEgC,kBAAS,CAACC,IAAI;EACrBhC,IAAI,EAAE+B,kBAAS,CAACI,KAAK,CAAC,CAAClC,qBAAQ,EAAEQ,kBAAK,EAAEK,mBAAM,CAAC,CAAC;EAChDZ,KAAK,EAAE6B,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9D7B,QAAQ,EAAE4B,kBAAS,CAACM;AACtB,CAAC"}
+{"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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"}

package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap

@@ -2,11 +2,11 @@
 
 exports[`primitive:<InputOption> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption mirai"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -15,18 +15,18 @@ exports[`primitive:<InputOption> inherit:className 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-  </ui_input_option>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:checked && disabled 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -37,7 +37,7 @@ exports[`primitive:<InputOption> prop:checked && disabled 1`] = `
         type="checkbox"
         value=""
       />
-      <ui_icon
+      <ui-icon
         class="icon paragraph icon"
       >
         <svg
@@ -57,19 +57,19 @@ exports[`primitive:<InputOption> prop:checked && disabled 1`] = `
             d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
           />
         </svg>
-      </ui_icon>
-    </ui_checkbox>
-  </ui_input_option>
+      </ui-icon>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:checked 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -79,7 +79,7 @@ exports[`primitive:<InputOption> prop:checked 1`] = `
         type="checkbox"
         value=""
       />
-      <ui_icon
+      <ui-icon
         class="icon paragraph icon"
       >
         <svg
@@ -99,19 +99,19 @@ exports[`primitive:<InputOption> prop:checked 1`] = `
             d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
           />
         </svg>
-      </ui_icon>
-    </ui_checkbox>
-  </ui_input_option>
+      </ui-icon>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:disabled 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -121,18 +121,18 @@ exports[`primitive:<InputOption> prop:disabled 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-  </ui_input_option>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:error 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -141,18 +141,18 @@ exports[`primitive:<InputOption> prop:error 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-  </ui_input_option>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:indeterminate && disabled 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -163,7 +163,7 @@ exports[`primitive:<InputOption> prop:indeterminate && disabled 1`] = `
         type="checkbox"
         value=""
       />
-      <ui_icon
+      <ui-icon
         class="icon paragraph icon"
       >
         <svg
@@ -183,19 +183,19 @@ exports[`primitive:<InputOption> prop:indeterminate && disabled 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_checkbox>
-  </ui_input_option>
+      </ui-icon>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:indeterminate 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -205,7 +205,7 @@ exports[`primitive:<InputOption> prop:indeterminate 1`] = `
         type="checkbox"
         value=""
       />
-      <ui_icon
+      <ui-icon
         class="icon paragraph icon"
       >
         <svg
@@ -225,19 +225,19 @@ exports[`primitive:<InputOption> prop:indeterminate 1`] = `
             d="M19 13H5v-2h14v2z"
           />
         </svg>
-      </ui_icon>
-    </ui_checkbox>
-  </ui_input_option>
+      </ui-icon>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:label 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -246,24 +246,24 @@ exports[`primitive:<InputOption> prop:label 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-    <label
+    </ui-checkbox>
+    <ui-label
       class="text action text label"
-      for="name"
+      htmlfor="name"
     >
       label
-    </label>
-  </ui_input_option>
+    </ui-label>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:required & prop:showRequired 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -272,10 +272,10 @@ exports[`primitive:<InputOption> prop:required & prop:showRequired 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-    <label
+    </ui-checkbox>
+    <ui-label
       class="text action text label"
-      for="name"
+      htmlfor="name"
     >
       label
       <span
@@ -283,18 +283,18 @@ exports[`primitive:<InputOption> prop:required & prop:showRequired 1`] = `
       >
          *
       </span>
-    </label>
-  </ui_input_option>
+    </ui-label>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:required 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -303,24 +303,24 @@ exports[`primitive:<InputOption> prop:required 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-    <label
+    </ui-checkbox>
+    <ui-label
       class="text action text label"
-      for="name"
+      htmlfor="name"
     >
       label
-    </label>
-  </ui_input_option>
+    </ui-label>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:small 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -329,24 +329,24 @@ exports[`primitive:<InputOption> prop:small 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-    <label
+    </ui-checkbox>
+    <ui-label
       class="text small text label"
-      for="name"
+      htmlfor="name"
     >
       label
-    </label>
-  </ui_input_option>
+    </ui-label>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> prop:type 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_radio
+    <ui-radio
       class="radio"
     >
       <input
@@ -355,27 +355,27 @@ exports[`primitive:<InputOption> prop:type 1`] = `
         type="radio"
         value=""
       />
-      <ui_primitive
+      <ui-primitive
         class="checkmark"
       />
-    </ui_radio>
-    <label
+    </ui-radio>
+    <ui-label
       class="text action text label"
-      for="name"
+      htmlfor="name"
     >
       label
-    </label>
-  </ui_input_option>
+    </ui-label>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> renders 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -384,39 +384,19 @@ exports[`primitive:<InputOption> renders 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-  </ui_input_option>
-</DocumentFragment>
-`;
-
-exports[`primitive:<InputOption> tag 1`] = `
-<DocumentFragment>
-  <ui_tag
-    class="pressable inputOption"
-    tabindex="0"
-  >
-    <ui_checkbox
-      class="checkbox"
-    >
-      <input
-        class="input"
-        name="name"
-        type="checkbox"
-        value=""
-      />
-    </ui_checkbox>
-  </ui_tag>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;
 
 exports[`primitive:<InputOption> testId 1`] = `
 <DocumentFragment>
-  <ui_input_option
+  <ui-input-option
     class="pressable inputOption"
     data-testid="mirai"
     tabindex="0"
   >
-    <ui_checkbox
+    <ui-checkbox
       class="checkbox"
     >
       <input
@@ -425,7 +405,7 @@ exports[`primitive:<InputOption> testId 1`] = `
         type="checkbox"
         value=""
       />
-    </ui_checkbox>
-  </ui_input_option>
+    </ui-checkbox>
+  </ui-input-option>
 </DocumentFragment>
 `;

package/build/components/InputPhone/InputPhone.js

@@ -15,7 +15,7 @@ var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.mo
 var _partials2 = require("../InputText/partials");
 var _helpers2 = require("./helpers");
 var _InputPhoneModule = _interopRequireDefault(require("./InputPhone.module.css"));
-var _excluded = ["disabled", "error", "hint", "icon", "label", "labelPrefix", "name", "prefixes", "showRequired", "showState", "success", "value", "warning", "onChange", "onEnter", "onError", "onLeave"];
+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 }; }
@@ -30,6 +30,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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,
@@ -124,8 +125,8 @@ var InputPhone = function InputPhone(_ref) {
   var idPrefix = hasPrefixes && has.labelPrefix ? "".concat(name, "-prefix") : undefined;
   var id = label ? others.id || name : others.id;
   return /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    role: others.role || 'input-phone',
-    tag: others.tag || 'input_phone',
+    role: others.role,
+    tag: "input-phone",
     className: (0, _helpers.styles)(_InputPhoneModule.default.inputPhone, others.className),
     style: others.style
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
@@ -146,6 +147,7 @@ var InputPhone = function InputPhone(_ref) {
     className: _InputPhoneModule.default.prefixValue
   }, prefixDirection, prefix), /*#__PURE__*/_react.default.createElement(_primitives.Select, _extends({}, others, {
     disabled: disabled,
+    emptyOption: emptyOption,
     id: idPrefix,
     name: "".concat(name, "-prefix"),
     options: prefixes.map(function (prefix) {
@@ -171,7 +173,8 @@ var InputPhone = function InputPhone(_ref) {
       });
     },
     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
+    testId: testId ? "".concat(testId, "-select") : undefined,
+    "aria-label": labelPrefix
   }))), !disabled && /*#__PURE__*/_react.default.createElement(_partials.Expand, null)), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     forceRow: true,
     className: _InputPhoneModule.default.separator
@@ -209,7 +212,8 @@ var InputPhone = function InputPhone(_ref) {
       return handleLeave(event);
     },
     className: (0, _helpers.styles)(_InputTextModule.default.input, has.label && _InputTextModule.default.withLabel),
-    testId: testId ? "".concat(testId, "-input") : undefined
+    testId: testId ? "".concat(testId, "-input") : undefined,
+    "aria-label": label
   })))), has.stateIcon && /*#__PURE__*/_react.default.createElement(_partials2.IconState, {
     error: error,
     success: success,
@@ -224,6 +228,7 @@ exports.InputPhone = InputPhone;
 InputPhone.displayName = 'Component:InputPhone';
 InputPhone.propTypes = {
   disabled: _propTypes.default.bool,
+  emptyOption: _propTypes.default.string,
   error: _propTypes.default.bool,
   hint: _propTypes.default.string,
   icon: _propTypes.default.func,

package/build/components/InputPhone/InputPhone.js.map

@@ -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","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","useState","focus","setFocus","prefixFocus","setPrefixFocus","parseValue","sanitizePrefixes","setValue","useEffect","getInputPhoneErrors","handleChange","next","event","isPhone","hasPrefixes","split","undefined","prefix","phone","nextValue","replace","join","trim","handleEnter","handleLeave","length","has","stateIcon","testId","prefixDirection","idPrefix","id","role","tag","styles","stylePhone","inputPhone","className","style","inputBorder","content","for","prefixValue","map","input","withLabel","empty","separator","left","required","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, Input, Select, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { Expand } from '../InputSelect/partials';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { parseValue, sanitizePrefixes } 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 defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n\n  const [focus, setFocus] = useState(false);\n  const [prefixFocus, setPrefixFocus] = useState(false);\n  const [value, setValue] = useState(parseValue(propValue, sanitizePrefixes(prefixes)));\n\n  useEffect(() => {\n    setValue(parseValue(propValue, sanitizePrefixes(prefixes)));\n  }, [prefixes, propValue]);\n\n  useEffect(() => {\n    onError(getInputPhoneErrors({ prefixes: sanitizePrefixes(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  };\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  const prefixDirection = !defaultDirection ? '‎' : '';\n  const idPrefix = hasPrefixes && has.labelPrefix ? `${name}-prefix` : undefined;\n  const id = label ? others.id || name : others.id;\n\n  return (\n    <View\n      role={others.role || 'input-phone'}\n      tag={others.tag || 'input_phone'}\n      className={styles(stylePhone.inputPhone, 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) && style.focus,\n        )}\n      >\n        {hasPrefixes && (\n          <>\n            <View row>\n              <View className={style.content}>\n                {labelPrefix && (\n                  <Label\n                    {...{ disabled, error, focus: prefixFocus, for: idPrefix, label: labelPrefix, value: prefix }}\n                  />\n                )}\n                {prefix && (\n                  <Text className={stylePhone.prefixValue}>\n                    {prefixDirection}\n                    {prefix}\n                  </Text>\n                )}\n                <Select\n                  {...others}\n                  disabled={disabled}\n                  id={idPrefix}\n                  name={`${name}-prefix`}\n                  options={prefixes.map((prefix) => `${prefixDirection}${prefix}`)}\n                  values={sanitizePrefixes(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\n              {!disabled && <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\n                {...{ disabled, error, focus, for: id, label, required: showRequired && others.required, value: phone }}\n              />\n            )}\n            <Input\n              {...others}\n              disabled={disabled}\n              id={id}\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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"}
+{"version":3,"file":"InputPhone.js","names":["InputPhone","disabled","emptyOption","error","hint","icon","label","labelPrefix","name","prefixes","showRequired","showState","success","propValue","value","warning","onChange","onEnter","onError","onLeave","others","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","useState","focus","setFocus","prefixFocus","setPrefixFocus","parseValue","sanitizePrefixes","setValue","useEffect","getInputPhoneErrors","handleChange","next","event","isPhone","hasPrefixes","split","undefined","prefix","phone","nextValue","replace","join","trim","handleEnter","handleLeave","length","has","stateIcon","testId","prefixDirection","idPrefix","id","role","styles","stylePhone","inputPhone","className","style","inputBorder","content","for","prefixValue","map","input","withLabel","empty","separator","left","required","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, Input, Select, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { Expand } from '../InputSelect/partials';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, IconState, Label } from '../InputText/partials';\nimport { parseValue, sanitizePrefixes } from './helpers';\nimport stylePhone from './InputPhone.module.css';\n\nconst InputPhone = ({\n  disabled,\n  emptyOption,\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 defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n\n  const [focus, setFocus] = useState(false);\n  const [prefixFocus, setPrefixFocus] = useState(false);\n  const [value, setValue] = useState(parseValue(propValue, sanitizePrefixes(prefixes)));\n\n  useEffect(() => {\n    setValue(parseValue(propValue, sanitizePrefixes(prefixes)));\n  }, [prefixes, propValue]);\n\n  useEffect(() => {\n    onError(getInputPhoneErrors({ prefixes: sanitizePrefixes(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  };\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  const prefixDirection = !defaultDirection ? '‎' : '';\n  const idPrefix = hasPrefixes && has.labelPrefix ? `${name}-prefix` : undefined;\n  const id = label ? others.id || name : others.id;\n\n  return (\n    <View\n      role={others.role}\n      tag=\"input-phone\"\n      className={styles(stylePhone.inputPhone, 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) && style.focus,\n        )}\n      >\n        {hasPrefixes && (\n          <>\n            <View row>\n              <View className={style.content}>\n                {labelPrefix && (\n                  <Label\n                    {...{ disabled, error, focus: prefixFocus, for: idPrefix, label: labelPrefix, value: prefix }}\n                  />\n                )}\n                {prefix && (\n                  <Text className={stylePhone.prefixValue}>\n                    {prefixDirection}\n                    {prefix}\n                  </Text>\n                )}\n                <Select\n                  {...others}\n                  disabled={disabled}\n                  emptyOption={emptyOption}\n                  id={idPrefix}\n                  name={`${name}-prefix`}\n                  options={prefixes.map((prefix) => `${prefixDirection}${prefix}`)}\n                  values={sanitizePrefixes(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                  aria-label={labelPrefix}\n                />\n              </View>\n\n              {!disabled && <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\n                {...{ disabled, error, focus, for: id, label, required: showRequired && others.required, value: phone }}\n              />\n            )}\n            <Input\n              {...others}\n              disabled={disabled}\n              id={id}\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              aria-label={label}\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  emptyOption: PropTypes.string,\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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"}