@mirai/ui 1.1.15 → 2.0.1

package/build/components/Form/Form.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _primitives = require("../../primitives");
 var _Form = require("./Form.constants");
 var _helpers = require("./helpers");
-var _excluded = ["children", "debounce", "schema", "showErrors", "tag", "validateOnMount", "onChange", "onEnter", "onError", "onLeave", "onSubmit"];
+var _excluded = ["children", "debounce", "schema", "showErrors", "validateOnMount", "onChange", "onEnter", "onError", "onLeave", "onSubmit"];
 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 }; }
@@ -36,8 +36,6 @@ var Form = function Form(_ref) {
     schema = _ref$schema === void 0 ? {} : _ref$schema,
     _ref$showErrors = _ref.showErrors,
     showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors,
-    _ref$tag = _ref.tag,
-    tag = _ref$tag === void 0 ? 'form' : _ref$tag,
     _ref$validateOnMount = _ref.validateOnMount,
     validateOnMount = _ref$validateOnMount === void 0 ? false : _ref$validateOnMount,
     onChange = _ref.onChange,
@@ -135,7 +133,7 @@ var Form = function Form(_ref) {
   return (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react.default.createElement(_primitives.Primitive, _objectSpread(_objectSpread({}, others), {}, {
       role: others.role || 'form',
-      tag: tag,
+      tag: others.tag || 'form',
       onSubmit: handleSubmit
     }), _react.default.Children.map(children, function (child, index) {
       if (!child || child === null) return;
@@ -176,7 +174,6 @@ Form.propTypes = {
   debounce: _propTypes.default.number,
   schema: _propTypes.default.shape({}),
   showErrors: _propTypes.default.bool,
-  tag: _propTypes.default.string,
   validateOnMount: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   onEnter: _propTypes.default.func,

package/build/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","names":["timeoutError","Form","children","debounce","DEFAULT_TIMEOUT_ONCHANGE","schema","showErrors","tag","validateOnMount","onChange","onEnter","onError","onLeave","onSubmit","others","useState","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","useEffect","nextValues","getChildrenValues","nextChildrenKeys","Object","keys","sort","length","JSON","stringify","clearTimeout","handleError","collision","some","key","groupState","value","timer","setTimeout","handleChange","field","fieldValue","DEFAULT_TIMEOUT_ONERROR","next","getChildrenErrors","handleLeave","event","handleSubmit","preventDefault","errors","useMemo","React","createElement","Primitive","role","Children","map","child","index","props","type","displayName","getField","cloneElement","FIELDS_WITHOUT_ERROR","includes","FIELDS_BOOLEAN","undefined","onPress","propTypes","PropTypes","node","number","shape","bool","string","func"],"sources":["../../../src/components/Form/Form.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Primitive } from '../../primitives';\nimport {\n  DEFAULT_TIMEOUT_ONCHANGE,\n  DEFAULT_TIMEOUT_ONERROR,\n  FIELDS_BOOLEAN,\n  FIELDS_WITHOUT_ERROR,\n} from './Form.constants';\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nlet timeoutError;\n\nconst Form = ({\n  children,\n  debounce = DEFAULT_TIMEOUT_ONCHANGE,\n  schema = {},\n  showErrors = false,\n  tag = 'form',\n  validateOnMount = false,\n  onChange,\n  onEnter,\n  onError,\n  onLeave,\n  onSubmit,\n  ...others\n}) => {\n  const [error, setError] = useState({});\n  const [initialValue, setInitialValue] = useState({});\n  const [touched, setTouched] = useState({});\n  const [values, setValues] = useState({});\n\n  useEffect(() => {\n    const nextValues = getChildrenValues(children);\n    const nextChildrenKeys = Object.keys(nextValues).sort();\n\n    if (!Object.keys(nextValues).length) return;\n\n    if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n      setInitialValue(nextValues);\n      setValues(nextValues);\n      clearTimeout(timeoutError);\n\n      if (validateOnMount) handleError(nextValues);\n      else setError({});\n\n      setTouched({});\n    } else {\n      const collision = nextChildrenKeys.some((key) => JSON.stringify(values[key]) !== JSON.stringify(nextValues[key]));\n      if (collision) {\n        setValues(nextValues);\n        handleError(nextValues);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  useEffect(() => {\n    if (!onChange || values === initialValue || !Object.keys(values).length) return;\n\n    if (!debounce) return onChange(values, groupState({ initialValue, value: values, touched }));\n\n    const timer = setTimeout(() => onChange(values, groupState({ initialValue, value: values, touched })), debounce);\n    return () => clearTimeout(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  const handleChange = (field, fieldValue) => {\n    const nextValues = { ...values, [field]: fieldValue };\n\n    setValues(nextValues);\n    timeoutError = setTimeout(() => handleError(nextValues), DEFAULT_TIMEOUT_ONERROR);\n  };\n\n  const handleError = (values) => {\n    const next = getChildrenErrors({ children, schema, values });\n\n    setError(next);\n    if (JSON.stringify(error) !== JSON.stringify(next)) onError && onError(next);\n\n    return next;\n  };\n\n  const handleLeave = (field, event) => {\n    setTouched({ ...touched, [field]: true });\n    if (onEnter) onEnter(field, event);\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const errors = handleError(values);\n\n    if (Object.keys(errors).length) onError(errors);\n    else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n  };\n\n  return useMemo(\n    () =>\n      React.createElement(\n        Primitive,\n        {\n          ...others,\n          role: others.role || 'form',\n          tag,\n          onSubmit: handleSubmit,\n        },\n        React.Children.map(children, (child, index) => {\n          if (!child || child === null) return;\n\n          const { props = {}, type: { displayName } = {} } = child || {};\n          const { type } = props;\n          const field = getField(props);\n\n          return React.cloneElement(child, {\n            key: index,\n            ...(field\n              ? {\n                  ...props,\n                  ...schema[field],\n                  error: !FIELDS_WITHOUT_ERROR.includes(displayName) && (props.error || (showErrors && !!error[field])),\n                  value: !FIELDS_BOOLEAN.includes(displayName) ? values[field] : props.value,\n                  onChange: (value) => handleChange(field, value),\n                  onEnter: (event) => handleLeave(field, event),\n                  onLeave: onLeave ? (event) => onLeave(field, event) : undefined,\n                }\n              : type === 'submit'\n              ? { ...props, onPress: handleSubmit }\n              : undefined),\n          });\n        }),\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [children, error, others, schema],\n  );\n};\n\nForm.displayName = 'Component:Form';\n\nForm.propTypes = {\n  children: PropTypes.node,\n  debounce: PropTypes.number,\n  schema: PropTypes.shape({}),\n  showErrors: PropTypes.bool,\n  tag: PropTypes.string,\n  validateOnMount: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
+{"version":3,"file":"Form.js","names":["timeoutError","Form","children","debounce","DEFAULT_TIMEOUT_ONCHANGE","schema","showErrors","validateOnMount","onChange","onEnter","onError","onLeave","onSubmit","others","useState","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","useEffect","nextValues","getChildrenValues","nextChildrenKeys","Object","keys","sort","length","JSON","stringify","clearTimeout","handleError","collision","some","key","groupState","value","timer","setTimeout","handleChange","field","fieldValue","DEFAULT_TIMEOUT_ONERROR","next","getChildrenErrors","handleLeave","event","handleSubmit","preventDefault","errors","useMemo","React","createElement","Primitive","role","tag","Children","map","child","index","props","type","displayName","getField","cloneElement","FIELDS_WITHOUT_ERROR","includes","FIELDS_BOOLEAN","undefined","onPress","propTypes","PropTypes","node","number","shape","bool","func"],"sources":["../../../src/components/Form/Form.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Primitive } from '../../primitives';\nimport {\n  DEFAULT_TIMEOUT_ONCHANGE,\n  DEFAULT_TIMEOUT_ONERROR,\n  FIELDS_BOOLEAN,\n  FIELDS_WITHOUT_ERROR,\n} from './Form.constants';\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nlet timeoutError;\n\nconst Form = ({\n  children,\n  debounce = DEFAULT_TIMEOUT_ONCHANGE,\n  schema = {},\n  showErrors = false,\n  validateOnMount = false,\n  onChange,\n  onEnter,\n  onError,\n  onLeave,\n  onSubmit,\n  ...others\n}) => {\n  const [error, setError] = useState({});\n  const [initialValue, setInitialValue] = useState({});\n  const [touched, setTouched] = useState({});\n  const [values, setValues] = useState({});\n\n  useEffect(() => {\n    const nextValues = getChildrenValues(children);\n    const nextChildrenKeys = Object.keys(nextValues).sort();\n\n    if (!Object.keys(nextValues).length) return;\n\n    if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n      setInitialValue(nextValues);\n      setValues(nextValues);\n      clearTimeout(timeoutError);\n\n      if (validateOnMount) handleError(nextValues);\n      else setError({});\n\n      setTouched({});\n    } else {\n      const collision = nextChildrenKeys.some((key) => JSON.stringify(values[key]) !== JSON.stringify(nextValues[key]));\n      if (collision) {\n        setValues(nextValues);\n        handleError(nextValues);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  useEffect(() => {\n    if (!onChange || values === initialValue || !Object.keys(values).length) return;\n\n    if (!debounce) return onChange(values, groupState({ initialValue, value: values, touched }));\n\n    const timer = setTimeout(() => onChange(values, groupState({ initialValue, value: values, touched })), debounce);\n    return () => clearTimeout(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  const handleChange = (field, fieldValue) => {\n    const nextValues = { ...values, [field]: fieldValue };\n\n    setValues(nextValues);\n    timeoutError = setTimeout(() => handleError(nextValues), DEFAULT_TIMEOUT_ONERROR);\n  };\n\n  const handleError = (values) => {\n    const next = getChildrenErrors({ children, schema, values });\n\n    setError(next);\n    if (JSON.stringify(error) !== JSON.stringify(next)) onError && onError(next);\n\n    return next;\n  };\n\n  const handleLeave = (field, event) => {\n    setTouched({ ...touched, [field]: true });\n    if (onEnter) onEnter(field, event);\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const errors = handleError(values);\n\n    if (Object.keys(errors).length) onError(errors);\n    else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n  };\n\n  return useMemo(\n    () =>\n      React.createElement(\n        Primitive,\n        {\n          ...others,\n          role: others.role || 'form',\n          tag: others.tag || 'form',\n          onSubmit: handleSubmit,\n        },\n        React.Children.map(children, (child, index) => {\n          if (!child || child === null) return;\n\n          const { props = {}, type: { displayName } = {} } = child || {};\n          const { type } = props;\n          const field = getField(props);\n\n          return React.cloneElement(child, {\n            key: index,\n            ...(field\n              ? {\n                  ...props,\n                  ...schema[field],\n                  error: !FIELDS_WITHOUT_ERROR.includes(displayName) && (props.error || (showErrors && !!error[field])),\n                  value: !FIELDS_BOOLEAN.includes(displayName) ? values[field] : props.value,\n                  onChange: (value) => handleChange(field, value),\n                  onEnter: (event) => handleLeave(field, event),\n                  onLeave: onLeave ? (event) => onLeave(field, event) : undefined,\n                }\n              : type === 'submit'\n              ? { ...props, onPress: handleSubmit }\n              : undefined),\n          });\n        }),\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [children, error, others, schema],\n  );\n};\n\nForm.displayName = 'Component:Form';\n\nForm.propTypes = {\n  children: PropTypes.node,\n  debounce: PropTypes.number,\n  schema: PropTypes.shape({}),\n  showErrors: PropTypes.bool,\n  validateOnMount: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}

package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap

@@ -11,42 +11,44 @@ exports[`component:<Form> inherit:className 1`] = `
 exports[`component:<Form> prop:children 1`] = `
 <DocumentFragment>
   <form>
-    <div
+    <ui_input_text
       class="view inputContainer"
     >
-      <div
+      <ui_view
         class="view row inputBorder"
       >
-        <div
+        <ui_view
           class="view wide content"
         >
-          <span
+          <label
             class="text paragraph text label"
+            for="input.name"
           >
             label
-          </span>
+          </label>
           <input
             class="input input withLabel"
+            id="input.name"
             name="name"
             type="text"
             value=""
           />
-        </div>
-      </div>
-    </div>
+        </ui_view>
+      </ui_view>
+    </ui_input_text>
   </form>
 </DocumentFragment>
 `;
 
-exports[`component:<Form> prop:tag 1`] = `
+exports[`component:<Form> renders 1`] = `
 <DocumentFragment>
-  <fieldset />
+  <form />
 </DocumentFragment>
 `;
 
-exports[`component:<Form> renders 1`] = `
+exports[`component:<Form> tag 1`] = `
 <DocumentFragment>
-  <form />
+  <ui_tag />
 </DocumentFragment>
 `;
 

package/build/components/InputDate/InputDate.js

@@ -62,6 +62,7 @@ var InputDate = function InputDate(_ref) {
     maxLength: format.length,
     placeholder: placeholder || format,
     role: others.role || 'input-date',
+    tag: others.tag || 'input_date',
     value: value,
     onChange: handleChange
   }));

package/build/components/InputDate/InputDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDate.js","names":["InputDate","format","DEFAULT_DATE_FORMAT","max","min","placeholder","value","propValue","onChange","onError","others","useState","setValue","useEffect","handleChange","nextValue","event","next","formatValue","errors","getInputDateErrors","required","Object","keys","length","role","displayName","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import { DEFAULT_DATE_FORMAT } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getInputDateErrors } from '../../helpers';\nimport { InputText } from '../InputText';\nimport { formatValue } from './helpers';\n\nconst InputDate = ({\n  format = DEFAULT_DATE_FORMAT,\n  max,\n  min,\n  placeholder,\n  value: propValue = '',\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const [value, setValue] = useState(propValue);\n\n  useEffect(() => {\n    setValue(propValue);\n  }, [propValue]);\n\n  const handleChange = (nextValue, event) => {\n    const next = formatValue(nextValue, format, value);\n    if (next === value) return;\n\n    setValue(next);\n    onChange(next, event);\n\n    const errors = getInputDateErrors({ format, max, min, value: next, required: others.required });\n    if (Object.keys(errors || {}).length > 0) onError(errors);\n  };\n\n  return (\n    <InputText\n      {...others}\n      maxLength={format.length}\n      placeholder={placeholder || format}\n      role={others.role || 'input-date'}\n      value={value}\n      onChange={handleChange}\n    />\n  );\n};\n\nInputDate.displayName = 'Component:InputDate';\n\nInputDate.propTypes = {\n  format: PropTypes.string,\n  max: PropTypes.string,\n  min: PropTypes.string,\n  placeholder: PropTypes.bool,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { InputDate };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAST;EAAA,uBARJC,MAAM;IAANA,MAAM,4BAAGC,2BAAmB;IAC5BC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,WAAW,QAAXA,WAAW;IAAA,kBACXC,KAAK;IAAEC,SAAS,2BAAG,EAAE;IAAA,qBACrBC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAET,gBAA0B,IAAAC,eAAQ,EAACJ,SAAS,CAAC;IAAA;IAAtCD,KAAK;IAAEM,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACdD,QAAQ,CAACL,SAAS,CAAC;EACrB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAMO,YAAY,GAAG,SAAfA,YAAY,CAAIC,SAAS,EAAEC,KAAK,EAAK;IACzC,IAAMC,IAAI,GAAG,IAAAC,qBAAW,EAACH,SAAS,EAAEd,MAAM,EAAEK,KAAK,CAAC;IAClD,IAAIW,IAAI,KAAKX,KAAK,EAAE;IAEpBM,QAAQ,CAACK,IAAI,CAAC;IACdT,QAAQ,CAACS,IAAI,EAAED,KAAK,CAAC;IAErB,IAAMG,MAAM,GAAG,IAAAC,2BAAkB,EAAC;MAAEnB,MAAM,EAANA,MAAM;MAAEE,GAAG,EAAHA,GAAG;MAAEC,GAAG,EAAHA,GAAG;MAAEE,KAAK,EAAEW,IAAI;MAAEI,QAAQ,EAAEX,MAAM,CAACW;IAAS,CAAC,CAAC;IAC/F,IAAIC,MAAM,CAACC,IAAI,CAACJ,MAAM,IAAI,CAAC,CAAC,CAAC,CAACK,MAAM,GAAG,CAAC,EAAEf,OAAO,CAACU,MAAM,CAAC;EAC3D,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJT,MAAM;IACV,SAAS,EAAET,MAAM,CAACuB,MAAO;IACzB,WAAW,EAAEnB,WAAW,IAAIJ,MAAO;IACnC,IAAI,EAAES,MAAM,CAACe,IAAI,IAAI,YAAa;IAClC,KAAK,EAAEnB,KAAM;IACb,QAAQ,EAAEQ;EAAa,GACvB;AAEN,CAAC;AAAC;AAEFd,SAAS,CAAC0B,WAAW,GAAG,qBAAqB;AAE7C1B,SAAS,CAAC2B,SAAS,GAAG;EACpB1B,MAAM,EAAE2B,kBAAS,CAACC,MAAM;EACxB1B,GAAG,EAAEyB,kBAAS,CAACC,MAAM;EACrBzB,GAAG,EAAEwB,kBAAS,CAACC,MAAM;EACrBxB,WAAW,EAAEuB,kBAAS,CAACE,IAAI;EAC3BxB,KAAK,EAAEsB,kBAAS,CAACC,MAAM;EACvBrB,QAAQ,EAAEoB,kBAAS,CAACG,IAAI;EACxBtB,OAAO,EAAEmB,kBAAS,CAACG;AACrB,CAAC"}
+{"version":3,"file":"InputDate.js","names":["InputDate","format","DEFAULT_DATE_FORMAT","max","min","placeholder","value","propValue","onChange","onError","others","useState","setValue","useEffect","handleChange","nextValue","event","next","formatValue","errors","getInputDateErrors","required","Object","keys","length","role","tag","displayName","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import { DEFAULT_DATE_FORMAT } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getInputDateErrors } from '../../helpers';\nimport { InputText } from '../InputText';\nimport { formatValue } from './helpers';\n\nconst InputDate = ({\n  format = DEFAULT_DATE_FORMAT,\n  max,\n  min,\n  placeholder,\n  value: propValue = '',\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const [value, setValue] = useState(propValue);\n\n  useEffect(() => {\n    setValue(propValue);\n  }, [propValue]);\n\n  const handleChange = (nextValue, event) => {\n    const next = formatValue(nextValue, format, value);\n    if (next === value) return;\n\n    setValue(next);\n    onChange(next, event);\n\n    const errors = getInputDateErrors({ format, max, min, value: next, required: others.required });\n    if (Object.keys(errors || {}).length > 0) onError(errors);\n  };\n\n  return (\n    <InputText\n      {...others}\n      maxLength={format.length}\n      placeholder={placeholder || format}\n      role={others.role || 'input-date'}\n      tag={others.tag || 'input_date'}\n      value={value}\n      onChange={handleChange}\n    />\n  );\n};\n\nInputDate.displayName = 'Component:InputDate';\n\nInputDate.propTypes = {\n  format: PropTypes.string,\n  max: PropTypes.string,\n  min: PropTypes.string,\n  placeholder: PropTypes.bool,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { InputDate };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAST;EAAA,uBARJC,MAAM;IAANA,MAAM,4BAAGC,2BAAmB;IAC5BC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,WAAW,QAAXA,WAAW;IAAA,kBACXC,KAAK;IAAEC,SAAS,2BAAG,EAAE;IAAA,qBACrBC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAET,gBAA0B,IAAAC,eAAQ,EAACJ,SAAS,CAAC;IAAA;IAAtCD,KAAK;IAAEM,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACdD,QAAQ,CAACL,SAAS,CAAC;EACrB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAMO,YAAY,GAAG,SAAfA,YAAY,CAAIC,SAAS,EAAEC,KAAK,EAAK;IACzC,IAAMC,IAAI,GAAG,IAAAC,qBAAW,EAACH,SAAS,EAAEd,MAAM,EAAEK,KAAK,CAAC;IAClD,IAAIW,IAAI,KAAKX,KAAK,EAAE;IAEpBM,QAAQ,CAACK,IAAI,CAAC;IACdT,QAAQ,CAACS,IAAI,EAAED,KAAK,CAAC;IAErB,IAAMG,MAAM,GAAG,IAAAC,2BAAkB,EAAC;MAAEnB,MAAM,EAANA,MAAM;MAAEE,GAAG,EAAHA,GAAG;MAAEC,GAAG,EAAHA,GAAG;MAAEE,KAAK,EAAEW,IAAI;MAAEI,QAAQ,EAAEX,MAAM,CAACW;IAAS,CAAC,CAAC;IAC/F,IAAIC,MAAM,CAACC,IAAI,CAACJ,MAAM,IAAI,CAAC,CAAC,CAAC,CAACK,MAAM,GAAG,CAAC,EAAEf,OAAO,CAACU,MAAM,CAAC;EAC3D,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJT,MAAM;IACV,SAAS,EAAET,MAAM,CAACuB,MAAO;IACzB,WAAW,EAAEnB,WAAW,IAAIJ,MAAO;IACnC,IAAI,EAAES,MAAM,CAACe,IAAI,IAAI,YAAa;IAClC,GAAG,EAAEf,MAAM,CAACgB,GAAG,IAAI,YAAa;IAChC,KAAK,EAAEpB,KAAM;IACb,QAAQ,EAAEQ;EAAa,GACvB;AAEN,CAAC;AAAC;AAEFd,SAAS,CAAC2B,WAAW,GAAG,qBAAqB;AAE7C3B,SAAS,CAAC4B,SAAS,GAAG;EACpB3B,MAAM,EAAE4B,kBAAS,CAACC,MAAM;EACxB3B,GAAG,EAAE0B,kBAAS,CAACC,MAAM;EACrB1B,GAAG,EAAEyB,kBAAS,CAACC,MAAM;EACrBzB,WAAW,EAAEwB,kBAAS,CAACE,IAAI;EAC3BzB,KAAK,EAAEuB,kBAAS,CAACC,MAAM;EACvBtB,QAAQ,EAAEqB,kBAAS,CAACG,IAAI;EACxBvB,OAAO,EAAEoB,kBAAS,CAACG;AACrB,CAAC"}

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

@@ -2,13 +2,13 @@
 
 exports[`component:<InputDate> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_date
     class="view inputContainer mirai"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -19,21 +19,21 @@ exports[`component:<InputDate> inherit:className 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_date>
 </DocumentFragment>
 `;
 
 exports[`component:<InputDate> prop:format 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_date
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -44,21 +44,21 @@ exports[`component:<InputDate> prop:format 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_date>
 </DocumentFragment>
 `;
 
 exports[`component:<InputDate> prop:placeholder 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_date
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -69,21 +69,21 @@ exports[`component:<InputDate> prop:placeholder 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_date>
 </DocumentFragment>
 `;
 
 exports[`component:<InputDate> prop:value & prop:format 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_date
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -94,21 +94,21 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
           type="text"
           value="04/80"
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_date>
 </DocumentFragment>
 `;
 
 exports[`component:<InputDate> prop:value 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_date
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -119,21 +119,21 @@ exports[`component:<InputDate> prop:value 1`] = `
           type="text"
           value="10/04/1980"
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_date>
 </DocumentFragment>
 `;
 
 exports[`component:<InputDate> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_date
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -144,21 +144,46 @@ exports[`component:<InputDate> renders 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_date>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> tag 1`] = `
+<DocumentFragment>
+  <ui_tag
+    class="view inputContainer"
+  >
+    <ui_view
+      class="view row inputBorder"
+    >
+      <ui_view
+        class="view wide content"
+      >
+        <input
+          class="input input"
+          maxlength="10"
+          name="name"
+          placeholder="DD/MM/YYYY"
+          type="text"
+          value=""
+        />
+      </ui_view>
+    </ui_view>
+  </ui_tag>
 </DocumentFragment>
 `;
 
 exports[`component:<InputDate> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_input_date
     class="view inputContainer"
   >
-    <div
+    <ui_view
       class="view row inputBorder"
     >
-      <div
+      <ui_view
         class="view wide content"
       >
         <input
@@ -170,8 +195,8 @@ exports[`component:<InputDate> testId 1`] = `
           type="text"
           value=""
         />
-      </div>
-    </div>
-  </div>
+      </ui_view>
+    </ui_view>
+  </ui_input_date>
 </DocumentFragment>
 `;

package/build/components/InputNumber/InputNumber.js

@@ -11,7 +11,7 @@ var _primitives = require("../../primitives");
 var _Button = require("../Button");
 var _partials = require("../InputText/partials");
 var _InputNumberModule = _interopRequireDefault(require("./InputNumber.module.css"));
-var _excluded = ["disabled", "hint", "label", "max", "min", "name", "required", "rounded", "showRequired", "step", "value", "onChange"];
+var _excluded = ["disabled", "hint", "label", "max", "min", "name", "required", "rounded", "showRequired", "step", "value", "onChange", "aria"];
 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; }
@@ -35,9 +35,16 @@ var InputNumber = function InputNumber(_ref) {
     value = _ref$value === void 0 ? 0 : _ref$value,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$aria = _ref.aria;
+  _ref$aria = _ref$aria === void 0 ? {} : _ref$aria;
+  var _ref$aria$buttonAdd = _ref$aria.buttonAdd,
+    ariaAdd = _ref$aria$buttonAdd === void 0 ? 'Add' : _ref$aria$buttonAdd,
+    _ref$aria$buttonRemov = _ref$aria.buttonRemove,
+    ariaRemove = _ref$aria$buttonRemov === void 0 ? 'Remove' : _ref$aria$buttonRemov,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     role: others.role || 'input-number',
+    tag: others.tag || 'input_number',
     row: true,
     className: (0, _helpers.styles)(_InputNumberModule.default.inputNumber, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
@@ -55,10 +62,12 @@ var InputNumber = function InputNumber(_ref) {
     disabled: disabled || value <= min,
     rounded: rounded,
     secondary: true,
+    small: true,
     squared: true,
     onPress: function onPress() {
       return onChange(value - step, name);
-    }
+    },
+    "aria-label": ariaRemove
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.REMOVE
   })), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
@@ -67,10 +76,12 @@ var InputNumber = function InputNumber(_ref) {
     disabled: disabled || value >= max,
     rounded: rounded,
     secondary: true,
+    small: true,
     squared: true,
     onPress: function onPress() {
       return onChange(value + step, name);
-    }
+    },
+    "aria-label": ariaAdd
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.ADD
   })));
@@ -89,6 +100,10 @@ InputNumber.propTypes = {
   showRequired: _propTypes.default.bool,
   step: _propTypes.default.number,
   value: _propTypes.default.number,
-  onChange: _propTypes.default.func
+  onChange: _propTypes.default.func,
+  aria: _propTypes.default.shape({
+    buttonAdd: _propTypes.default.string,
+    buttonRemove: _propTypes.default.string
+  })
 };
 //# sourceMappingURL=InputNumber.js.map

package/build/components/InputNumber/InputNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","required","rounded","showRequired","step","value","onChange","others","role","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { Hint, Label } from '../InputText/partials';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n  disabled,\n  hint,\n  label,\n  max,\n  min = 0,\n  name,\n  required,\n  rounded = true,\n  showRequired = false,\n  step = 1,\n  value = 0,\n  onChange = () => {},\n  ...others\n}) => (\n  <View {...others} role={others.role || 'input-number'} row className={styles(style.inputNumber, others.className)}>\n    <View className={style.texts}>\n      {label && <Label {...{ disabled, label, required: showRequired && required }} className={style.label} />}\n      {hint && <Hint {...{ disabled, hint }} className={style.hint} />}\n    </View>\n    <Button\n      disabled={disabled || value <= min}\n      rounded={rounded}\n      secondary\n      squared\n      onPress={() => onChange(value - step, name)}\n    >\n      <Icon value={ICON.REMOVE} />\n    </Button>\n    <Text className={styles(style.value, disabled && style.disabled)}>{typeof value === 'number' ? value : min}</Text>\n    <Button\n      disabled={disabled || value >= max}\n      rounded={rounded}\n      secondary\n      squared\n      onPress={() => onChange(value + step, name)}\n    >\n      <Icon value={ICON.ADD} />\n    </Button>\n  </View>\n);\n\nInputNumber.displayName = 'Component:InputNumber';\n\nInputNumber.propTypes = {\n  disabled: PropTypes.bool,\n  hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  label: PropTypes.string,\n  max: PropTypes.number,\n  min: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  rounded: PropTypes.bool,\n  showRequired: PropTypes.bool,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n};\n\nexport { InputNumber };\n"],"mappings":"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"}
+{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","required","rounded","showRequired","step","value","onChange","aria","buttonAdd","ariaAdd","buttonRemove","ariaRemove","others","role","tag","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func","shape"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { Hint, Label } from '../InputText/partials';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n  disabled,\n  hint,\n  label,\n  max,\n  min = 0,\n  name,\n  required,\n  rounded = true,\n  showRequired = false,\n  step = 1,\n  value = 0,\n  onChange = () => {},\n  aria: { buttonAdd: ariaAdd = 'Add', buttonRemove: ariaRemove = 'Remove' } = {},\n  ...others\n}) => (\n  <View\n    {...others}\n    role={others.role || 'input-number'}\n    tag={others.tag || 'input_number'}\n    row\n    className={styles(style.inputNumber, others.className)}\n  >\n    <View className={style.texts}>\n      {label && <Label {...{ disabled, label, required: showRequired && required }} className={style.label} />}\n      {hint && <Hint {...{ disabled, hint }} className={style.hint} />}\n    </View>\n    <Button\n      disabled={disabled || value <= min}\n      rounded={rounded}\n      secondary\n      small\n      squared\n      onPress={() => onChange(value - step, name)}\n      aria-label={ariaRemove}\n    >\n      <Icon value={ICON.REMOVE} />\n    </Button>\n    <Text className={styles(style.value, disabled && style.disabled)}>{typeof value === 'number' ? value : min}</Text>\n    <Button\n      disabled={disabled || value >= max}\n      rounded={rounded}\n      secondary\n      small\n      squared\n      onPress={() => onChange(value + step, name)}\n      aria-label={ariaAdd}\n    >\n      <Icon value={ICON.ADD} />\n    </Button>\n  </View>\n);\n\nInputNumber.displayName = 'Component:InputNumber';\n\nInputNumber.propTypes = {\n  disabled: PropTypes.bool,\n  hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  label: PropTypes.string,\n  max: PropTypes.number,\n  min: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  rounded: PropTypes.bool,\n  showRequired: PropTypes.bool,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n  aria: PropTypes.shape({\n    buttonAdd: PropTypes.string,\n    buttonRemove: PropTypes.string,\n  }),\n};\n\nexport { InputNumber };\n"],"mappings":"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"}