@mirai/ui 1.0.131 → 1.0.132

package/build/components/InputDate/InputDate.js

@@ -9,13 +9,9 @@ var _locale = require("@mirai/locale");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../helpers");
-var _primitives = require("../../primitives");
 var _InputText = require("../InputText");
-var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
-var _partials = require("../InputText/partials");
-var _InputDateModule = _interopRequireDefault(require("./InputDate.module.css"));
-var _excluded = ["disabled", "error", "format", "hint", "label", "labels", "max", "min", "name", "required", "success", "value", "warning", "onChange", "onError", "onEnter", "onLeave"],
-  _excluded2 = ["className", "data-testid"];
+var _helpers2 = require("./helpers");
+var _excluded = ["format", "max", "min", "placeholder", "value", "onChange", "onError"];
 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 }; }
@@ -29,113 +25,44 @@ 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 InputDate = function InputDate(_ref) {
-  var disabled = _ref.disabled,
-    error = _ref.error,
-    _ref$format = _ref.format,
+  var _ref$format = _ref.format,
     format = _ref$format === void 0 ? _locale.DEFAULT_DATE_FORMAT : _ref$format,
-    hint = _ref.hint,
-    label = _ref.label,
-    _ref$labels = _ref.labels,
-    labels = _ref$labels === void 0 ? [] : _ref$labels,
     max = _ref.max,
     min = _ref.min,
-    name = _ref.name,
-    required = _ref.required,
-    success = _ref.success,
+    placeholder = _ref.placeholder,
     _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    warning = _ref.warning,
+    propValue = _ref$value === void 0 ? '' : _ref$value,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
     _ref$onError = _ref.onError,
     onError = _ref$onError === void 0 ? function () {} : _ref$onError,
-    _ref$onEnter = _ref.onEnter,
-    onEnter = _ref$onEnter === void 0 ? function () {} : _ref$onEnter,
-    _ref$onLeave = _ref.onLeave,
-    onLeave = _ref$onLeave === void 0 ? function () {} : _ref$onLeave,
     others = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(propValue),
     _useState2 = _slicedToArray(_useState, 2),
-    focus = _useState2[0],
-    setFocus = _useState2[1];
-  var parts = (0, _helpers.splitDate)(format);
-  var values = (0, _helpers.splitDate)(value);
-  var handleChange = function handleChange() {
-    var partValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var partKey = arguments.length > 1 ? arguments[1] : undefined;
-    var event = arguments.length > 2 ? arguments[2] : undefined;
-    var nextValue = parts.map(function (part, index) {
-      return part !== partKey ? values[index] || '' : partValue;
-    }).join('/');
-    onChange(nextValue, event);
+    value = _useState2[0],
+    setValue = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setValue(propValue);
+  }, [propValue]);
+  var handleChange = function handleChange(nextValue, event) {
+    var next = (0, _helpers2.formatValue)(nextValue, format, value);
+    if (next === value) return;
+    setValue(next);
+    onChange(next, event);
     var errors = (0, _helpers.getInputDateErrors)({
       format: format,
       max: max,
       min: min,
-      value: value,
-      required: required
+      value: next,
+      required: others.required
     });
     if (Object.keys(errors || {}).length > 0) onError(errors);
   };
-  var handleEnter = function handleEnter(event) {
-    setFocus(true);
-    onEnter(event);
-  };
-  var handleLeave = function handleLeave(event) {
-    setFocus(false);
-    onLeave(event);
-  };
-  var className = others.className,
-    testId = others['data-testid'],
-    rest = _objectWithoutProperties(others, _excluded2);
-  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: (0, _helpers.styles)(_InputTextModule.default.inputContainer, className),
-    "data-testid": testId
-  }, label && /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    row: true
-  }, label && /*#__PURE__*/_react.default.createElement(_partials.Label, {
-    disabled: disabled,
-    error: error,
-    focus: focus,
-    label: label,
-    required: required,
-    className: _InputDateModule.default.label
-  })), /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    row: true,
-    className: (0, _helpers.styles)(_InputDateModule.default.fieldset, _InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, focus && !error && _InputTextModule.default.focus)
-  }, parts.map(function (part, index) {
-    return /*#__PURE__*/_react.default.createElement(_primitives.View, {
-      row: true,
-      key: index,
-      className: (0, _helpers.styles)(_InputDateModule.default.inputField)
-    }, /*#__PURE__*/_react.default.createElement(_InputText.InputText, _extends({}, rest, {
-      disabled: disabled,
-      error: error,
-      label: labels[index] || part,
-      maxLength: part.length,
-      name: "".concat(name, ":").concat(part),
-      showState: index === parts.length - 1,
-      success: success,
-      value: values[index],
-      warning: warning,
-      onChange: function onChange(value) {
-        for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          rest[_key - 1] = arguments[_key];
-        }
-        return handleChange.apply(void 0, [value, part].concat(rest));
-      },
-      onEnter: handleEnter,
-      onLeave: handleLeave,
-      className: (0, _helpers.styles)(_InputDateModule.default.input, _InputDateModule.default[part.substring(0, 1)]),
-      "data-testid": testId ? "".concat(testId, "-").concat(part) : undefined
-    })), index != parts.length - 1 && /*#__PURE__*/_react.default.createElement(_primitives.View, {
-      forceRow: true,
-      className: _InputDateModule.default.separator
-    }));
-  })), hint && /*#__PURE__*/_react.default.createElement(_partials.Hint, {
-    disabled: disabled,
-    error: error,
-    hint: hint
+  return /*#__PURE__*/_react.default.createElement(_InputText.InputText, _extends({}, others, {
+    maxLength: format.length,
+    placeholder: placeholder || format,
+    value: value,
+    onChange: handleChange
   }));
 };
 exports.InputDate = InputDate;
@@ -146,7 +73,6 @@ InputDate.propTypes = {
   format: _propTypes.default.string,
   hint: _propTypes.default.string,
   label: _propTypes.default.string,
-  labels: _propTypes.default.arrayOf(_propTypes.default.string),
   max: _propTypes.default.string,
   min: _propTypes.default.string,
   name: _propTypes.default.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"InputDate.js","names":["InputDate","disabled","error","format","DEFAULT_DATE_FORMAT","hint","label","labels","max","min","name","required","success","value","warning","onChange","onError","onEnter","onLeave","others","useState","focus","setFocus","parts","splitDate","values","handleChange","partValue","partKey","event","nextValue","map","part","index","join","errors","getInputDateErrors","Object","keys","length","handleEnter","handleLeave","className","testId","rest","styles","style","inputContainer","styleDate","fieldset","inputBorder","inputField","input","substring","undefined","separator","displayName","propTypes","PropTypes","bool","string","arrayOf","isRequired","placeholder","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import { DEFAULT_DATE_FORMAT } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { getInputDateErrors, splitDate, styles } from '../../helpers';\nimport { View } from '../../primitives';\nimport { InputText } from '../InputText';\nimport style from '../InputText/InputText.module.css';\nimport { Hint, Label } from '../InputText/partials';\nimport styleDate from './InputDate.module.css';\n\nconst InputDate = ({\n  disabled,\n  error,\n  format = DEFAULT_DATE_FORMAT,\n  hint,\n  label,\n  labels = [],\n  max,\n  min,\n  name,\n  required,\n  success,\n  value = '',\n  warning,\n  onChange = () => {},\n  onError = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n\n  const parts = splitDate(format);\n  const values = splitDate(value);\n\n  const handleChange = (partValue = '', partKey, event) => {\n    const nextValue = parts.map((part, index) => (part !== partKey ? values[index] || '' : partValue)).join('/');\n    onChange(nextValue, event);\n\n    const errors = getInputDateErrors({ format, max, min, value, required });\n    if (Object.keys(errors || {}).length > 0) onError(errors);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event) => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const { className, ['data-testid']: testId, ...rest } = others;\n\n  return (\n    <View className={styles(style.inputContainer, className)} data-testid={testId}>\n      {label && (\n        <View row>\n          {label && <Label {...{ disabled, error, focus, label, required, className: styleDate.label }} />}\n        </View>\n      )}\n\n      <View\n        row\n        className={styles(\n          styleDate.fieldset,\n          style.inputBorder,\n          disabled && style.disabled,\n          error && style.error,\n          focus && !error && style.focus,\n        )}\n      >\n        {parts.map((part, index) => (\n          <View row key={index} className={styles(styleDate.inputField)}>\n            <InputText\n              {...rest}\n              disabled={disabled}\n              error={error}\n              label={labels[index] || part}\n              maxLength={part.length}\n              name={`${name}:${part}`}\n              showState={index === parts.length - 1}\n              success={success}\n              value={values[index]}\n              warning={warning}\n              onChange={(value, ...rest) => handleChange(value, part, ...rest)}\n              onEnter={handleEnter}\n              onLeave={handleLeave}\n              className={styles(styleDate.input, styleDate[part.substring(0, 1)])}\n              data-testid={testId ? `${testId}-${part}` : undefined}\n            />\n            {index != parts.length - 1 && <View forceRow className={styleDate.separator}></View>}\n          </View>\n        ))}\n      </View>\n\n      {hint && <Hint {...{ disabled, error, hint }} />}\n    </View>\n  );\n};\n\nInputDate.displayName = 'Component:InputDate';\n\nInputDate.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  format: PropTypes.string,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  labels: PropTypes.arrayOf(PropTypes.string),\n  max: PropTypes.string,\n  min: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  placeholder: PropTypes.bool,\n  required: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.string,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputDate };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAA+C;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE/C,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAmBT;EAAA,IAlBJC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,mBACLC,MAAM;IAANA,MAAM,4BAAGC,2BAAmB;IAC5BC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IAAA,mBACLC,MAAM;IAANA,MAAM,4BAAG,EAAE;IACXC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,kBACPC,KAAK;IAALA,KAAK,2BAAG,EAAE;IACVC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IAAA,oBAClBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IAAA,oBAClBC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAET,gBAA0B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAlCC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,KAAK,GAAG,IAAAC,kBAAS,EAACrB,MAAM,CAAC;EAC/B,IAAMsB,MAAM,GAAG,IAAAD,kBAAS,EAACX,KAAK,CAAC;EAE/B,IAAMa,YAAY,GAAG,SAAfA,YAAY,GAAuC;IAAA,IAAnCC,SAAS,uEAAG,EAAE;IAAA,IAAEC,OAAO;IAAA,IAAEC,KAAK;IAClD,IAAMC,SAAS,GAAGP,KAAK,CAACQ,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;MAAA,OAAMD,IAAI,KAAKJ,OAAO,GAAGH,MAAM,CAACQ,KAAK,CAAC,IAAI,EAAE,GAAGN,SAAS;IAAA,CAAC,CAAC,CAACO,IAAI,CAAC,GAAG,CAAC;IAC5GnB,QAAQ,CAACe,SAAS,EAAED,KAAK,CAAC;IAE1B,IAAMM,MAAM,GAAG,IAAAC,2BAAkB,EAAC;MAAEjC,MAAM,EAANA,MAAM;MAAEK,GAAG,EAAHA,GAAG;MAAEC,GAAG,EAAHA,GAAG;MAAEI,KAAK,EAALA,KAAK;MAAEF,QAAQ,EAARA;IAAS,CAAC,CAAC;IACxE,IAAI0B,MAAM,CAACC,IAAI,CAACH,MAAM,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM,GAAG,CAAC,EAAEvB,OAAO,CAACmB,MAAM,CAAC;EAC3D,CAAC;EAED,IAAMK,WAAW,GAAG,SAAdA,WAAW,CAAIX,KAAK,EAAK;IAC7BP,QAAQ,CAAC,IAAI,CAAC;IACdL,OAAO,CAACY,KAAK,CAAC;EAChB,CAAC;EAED,IAAMY,WAAW,GAAG,SAAdA,WAAW,CAAIZ,KAAK,EAAK;IAC7BP,QAAQ,CAAC,KAAK,CAAC;IACfJ,OAAO,CAACW,KAAK,CAAC;EAChB,CAAC;EAED,IAAQa,SAAS,GAAuCvB,MAAM,CAAtDuB,SAAS;IAAmBC,MAAM,GAAcxB,MAAM,CAA1C,aAAa;IAAcyB,IAAI,4BAAKzB,MAAM;EAE9D,oBACE,6BAAC,gBAAI;IAAC,SAAS,EAAE,IAAA0B,eAAM,EAACC,wBAAK,CAACC,cAAc,EAAEL,SAAS,CAAE;IAAC,eAAaC;EAAO,GAC3ErC,KAAK,iBACJ,6BAAC,gBAAI;IAAC,GAAG;EAAA,GACNA,KAAK,iBAAI,6BAAC,eAAK;IAAOL,QAAQ,EAARA,QAAQ;IAAEC,KAAK,EAALA,KAAK;IAAEmB,KAAK,EAALA,KAAK;IAAEf,KAAK,EAALA,KAAK;IAAEK,QAAQ,EAARA,QAAQ;IAAE+B,SAAS,EAAEM,wBAAS,CAAC1C;EAAK,EAAM,CAEnG,eAED,6BAAC,gBAAI;IACH,GAAG;IACH,SAAS,EAAE,IAAAuC,eAAM,EACfG,wBAAS,CAACC,QAAQ,EAClBH,wBAAK,CAACI,WAAW,EACjBjD,QAAQ,IAAI6C,wBAAK,CAAC7C,QAAQ,EAC1BC,KAAK,IAAI4C,wBAAK,CAAC5C,KAAK,EACpBmB,KAAK,IAAI,CAACnB,KAAK,IAAI4C,wBAAK,CAACzB,KAAK;EAC9B,GAEDE,KAAK,CAACQ,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;IAAA,oBACrB,6BAAC,gBAAI;MAAC,GAAG;MAAC,GAAG,EAAEA,KAAM;MAAC,SAAS,EAAE,IAAAY,eAAM,EAACG,wBAAS,CAACG,UAAU;IAAE,gBAC5D,6BAAC,oBAAS,eACJP,IAAI;MACR,QAAQ,EAAE3C,QAAS;MACnB,KAAK,EAAEC,KAAM;MACb,KAAK,EAAEK,MAAM,CAAC0B,KAAK,CAAC,IAAID,IAAK;MAC7B,SAAS,EAAEA,IAAI,CAACO,MAAO;MACvB,IAAI,YAAK7B,IAAI,cAAIsB,IAAI,CAAG;MACxB,SAAS,EAAEC,KAAK,KAAKV,KAAK,CAACgB,MAAM,GAAG,CAAE;MACtC,OAAO,EAAE3B,OAAQ;MACjB,KAAK,EAAEa,MAAM,CAACQ,KAAK,CAAE;MACrB,OAAO,EAAEnB,OAAQ;MACjB,QAAQ,EAAE,kBAACD,KAAK;QAAA,kCAAK+B,IAAI;UAAJA,IAAI;QAAA;QAAA,OAAKlB,YAAY,gBAACb,KAAK,EAAEmB,IAAI,SAAKY,IAAI,EAAC;MAAA,CAAC;MACjE,OAAO,EAAEJ,WAAY;MACrB,OAAO,EAAEC,WAAY;MACrB,SAAS,EAAE,IAAAI,eAAM,EAACG,wBAAS,CAACI,KAAK,EAAEJ,wBAAS,CAAChB,IAAI,CAACqB,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE;MACpE,eAAaV,MAAM,aAAMA,MAAM,cAAIX,IAAI,IAAKsB;IAAU,GACtD,EACDrB,KAAK,IAAIV,KAAK,CAACgB,MAAM,GAAG,CAAC,iBAAI,6BAAC,gBAAI;MAAC,QAAQ;MAAC,SAAS,EAAES,wBAAS,CAACO;IAAU,EAAQ,CAC/E;EAAA,CACR,CAAC,CACG,EAENlD,IAAI,iBAAI,6BAAC,cAAI;IAAOJ,QAAQ,EAARA,QAAQ;IAAEC,KAAK,EAALA,KAAK;IAAEG,IAAI,EAAJA;EAAI,EAAM,CAC3C;AAEX,CAAC;AAAC;AAEFL,SAAS,CAACwD,WAAW,GAAG,qBAAqB;AAE7CxD,SAAS,CAACyD,SAAS,GAAG;EACpBxD,QAAQ,EAAEyD,kBAAS,CAACC,IAAI;EACxBzD,KAAK,EAAEwD,kBAAS,CAACC,IAAI;EACrBxD,MAAM,EAAEuD,kBAAS,CAACE,MAAM;EACxBvD,IAAI,EAAEqD,kBAAS,CAACE,MAAM;EACtBtD,KAAK,EAAEoD,kBAAS,CAACE,MAAM;EACvBrD,MAAM,EAAEmD,kBAAS,CAACG,OAAO,CAACH,kBAAS,CAACE,MAAM,CAAC;EAC3CpD,GAAG,EAAEkD,kBAAS,CAACE,MAAM;EACrBnD,GAAG,EAAEiD,kBAAS,CAACE,MAAM;EACrBlD,IAAI,EAAEgD,kBAAS,CAACE,MAAM,CAACE,UAAU;EACjCC,WAAW,EAAEL,kBAAS,CAACC,IAAI;EAC3BhD,QAAQ,EAAE+C,kBAAS,CAACC,IAAI;EACxB/C,OAAO,EAAE8C,kBAAS,CAACC,IAAI;EACvB9C,KAAK,EAAE6C,kBAAS,CAACE,MAAM;EACvB9C,OAAO,EAAE4C,kBAAS,CAACC,IAAI;EACvB5C,QAAQ,EAAE2C,kBAAS,CAACM,IAAI;EACxBhD,OAAO,EAAE0C,kBAAS,CAACM,IAAI;EACvB/C,OAAO,EAAEyC,kBAAS,CAACM,IAAI;EACvB9C,OAAO,EAAEwC,kBAAS,CAACM;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","displayName","propTypes","disabled","PropTypes","bool","error","string","hint","label","name","isRequired","success","warning","func","onEnter","onLeave"],"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      value={value}\n      onChange={handleChange}\n    />\n  );\n};\n\nInputDate.displayName = 'Component:InputDate';\n\nInputDate.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  format: PropTypes.string,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  max: PropTypes.string,\n  min: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  placeholder: PropTypes.bool,\n  required: PropTypes.bool,\n  success: PropTypes.bool,\n  value: PropTypes.string,\n  warning: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: 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,KAAK,EAAEK,KAAM;IACb,QAAQ,EAAEQ;EAAa,GACvB;AAEN,CAAC;AAAC;AAEFd,SAAS,CAACyB,WAAW,GAAG,qBAAqB;AAE7CzB,SAAS,CAAC0B,SAAS,GAAG;EACpBC,QAAQ,EAAEC,kBAAS,CAACC,IAAI;EACxBC,KAAK,EAAEF,kBAAS,CAACC,IAAI;EACrB5B,MAAM,EAAE2B,kBAAS,CAACG,MAAM;EACxBC,IAAI,EAAEJ,kBAAS,CAACG,MAAM;EACtBE,KAAK,EAAEL,kBAAS,CAACG,MAAM;EACvB5B,GAAG,EAAEyB,kBAAS,CAACG,MAAM;EACrB3B,GAAG,EAAEwB,kBAAS,CAACG,MAAM;EACrBG,IAAI,EAAEN,kBAAS,CAACG,MAAM,CAACI,UAAU;EACjC9B,WAAW,EAAEuB,kBAAS,CAACC,IAAI;EAC3BR,QAAQ,EAAEO,kBAAS,CAACC,IAAI;EACxBO,OAAO,EAAER,kBAAS,CAACC,IAAI;EACvBvB,KAAK,EAAEsB,kBAAS,CAACG,MAAM;EACvBM,OAAO,EAAET,kBAAS,CAACC,IAAI;EACvBrB,QAAQ,EAAEoB,kBAAS,CAACU,IAAI;EACxB7B,OAAO,EAAEmB,kBAAS,CAACU,IAAI;EACvBC,OAAO,EAAEX,kBAAS,CAACU,IAAI;EACvBE,OAAO,EAAEZ,kBAAS,CAACU;AACrB,CAAC"}

package/build/components/InputDate/InputDate.stories.js

@@ -9,6 +9,7 @@ var _locale = require("@mirai/locale");
 var _react = _interopRequireWildcard(require("react"));
 var _InputDate = require("./InputDate");
 var _Story$args;
+var _excluded = ["value"];
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -21,12 +22,16 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _default = {
   title: 'Components'
 };
 exports.default = _default;
-var Story = function Story(props) {
-  var _useState = (0, _react.useState)('06/05/2020'),
+var Story = function Story(_ref) {
+  var propValue = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(propValue),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
@@ -75,12 +80,13 @@ Story.args = (_Story$args = {
   format: _locale.DEFAULT_DATE_FORMAT,
   hint: 'hint',
   label: 'label',
-  labels: ['Day', 'Month', 'Year'],
   max: '10/04/2080',
   min: '10/04/1980',
   name: 'name',
+  placeholder: undefined,
   required: false,
   success: false,
+  value: '06/05/2020',
   warning: false
 }, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
 Story.argTypes = {};

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

@@ -1 +1 @@
-{"version":3,"file":"InputDate.stories.js","names":["title","Story","props","useState","value","setValue","handleChange","next","others","console","log","handleEnter","handleError","handleLeave","storyName","args","disabled","error","format","DEFAULT_DATE_FORMAT","hint","label","labels","max","min","name","required","success","warning","argTypes"],"sources":["../../../src/components/InputDate/InputDate.stories.jsx"],"sourcesContent":["import { DEFAULT_DATE_FORMAT } from '@mirai/locale';\nimport React, { useState } from 'react';\n\nimport { InputDate } from './InputDate';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => {\n  const [value, setValue] = useState('06/05/2020');\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<InputDate>::onChange', next, ...others);\n  };\n\n  const handleEnter = (...others) => console.log('<InputDate>::onEnter', ...others);\n\n  const handleError = (...others) => console.log('<InputDate>::onError', ...others);\n\n  const handleLeave = (...others) => console.log('<InputDate>::onLeave', ...others);\n\n  return (\n    <InputDate\n      {...props}\n      value={value}\n      onChange={handleChange}\n      onEnter={handleEnter}\n      onError={handleError}\n      onLeave={handleLeave}\n    />\n  );\n};\n\nStory.storyName = 'InputDate';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  format: DEFAULT_DATE_FORMAT,\n  hint: 'hint',\n  label: 'label',\n  labels: ['Day', 'Month', 'Year'],\n  max: '10/04/2080',\n  min: '10/04/1980',\n  name: 'name',\n  required: false,\n  success: false,\n  warning: false,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA0B,IAAAC,eAAQ,EAAC,YAAY,CAAC;IAAA;IAAzCC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,QAAQ,CAACE,IAAI,CAAC;IAAC,kCADcC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,uBAAuB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACvD,CAAC;EAED,IAAMG,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOH,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,IAAMI,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOJ,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,IAAMK,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOL,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,oBACE,6BAAC,oBAAS,eACJN,KAAK;IACT,KAAK,EAAEE,KAAM;IACb,QAAQ,EAAEE,YAAa;IACvB,OAAO,EAAEK,WAAY;IACrB,OAAO,EAAEC,WAAY;IACrB,OAAO,EAAEC;EAAY,GACrB;AAEN,CAAC;AAAC;AAEFZ,KAAK,CAACa,SAAS,GAAG,WAAW;AAE7Bb,KAAK,CAACc,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAEC,2BAAmB;EAC3BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC;EAChCC,GAAG,EAAE,YAAY;EACjBC,GAAG,EAAE,YAAY;EACjBC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE;AAAK,gCAEb,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAED3B,KAAK,CAAC4B,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"InputDate.stories.js","names":["title","Story","propValue","value","props","useState","setValue","handleChange","next","others","console","log","handleEnter","handleError","handleLeave","storyName","args","disabled","error","format","DEFAULT_DATE_FORMAT","hint","label","max","min","name","placeholder","undefined","required","success","warning","argTypes"],"sources":["../../../src/components/InputDate/InputDate.stories.jsx"],"sourcesContent":["import { DEFAULT_DATE_FORMAT } from '@mirai/locale';\nimport React, { useState } from 'react';\n\nimport { InputDate } from './InputDate';\n\nexport default { title: 'Components' };\n\nexport const Story = ({ value: propValue, ...props }) => {\n  const [value, setValue] = useState(propValue);\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<InputDate>::onChange', next, ...others);\n  };\n\n  const handleEnter = (...others) => console.log('<InputDate>::onEnter', ...others);\n\n  const handleError = (...others) => console.log('<InputDate>::onError', ...others);\n\n  const handleLeave = (...others) => console.log('<InputDate>::onLeave', ...others);\n\n  return (\n    <InputDate\n      {...props}\n      value={value}\n      onChange={handleChange}\n      onEnter={handleEnter}\n      onError={handleError}\n      onLeave={handleLeave}\n    />\n  );\n};\n\nStory.storyName = 'InputDate';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  format: DEFAULT_DATE_FORMAT,\n  hint: 'hint',\n  label: 'label',\n  max: '10/04/2080',\n  min: '10/04/1980',\n  name: 'name',\n  placeholder: undefined,\n  required: false,\n  success: false,\n  value: '06/05/2020',\n  warning: false,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,OAAuC;EAAA,IAA1BC,SAAS,QAAhBC,KAAK;IAAgBC,KAAK;EAChD,gBAA0B,IAAAC,eAAQ,EAACH,SAAS,CAAC;IAAA;IAAtCC,KAAK;IAAEG,QAAQ;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,QAAQ,CAACE,IAAI,CAAC;IAAC,kCADcC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,uBAAuB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACvD,CAAC;EAED,IAAMG,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOH,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,IAAMI,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOJ,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,IAAMK,WAAW,GAAG,SAAdA,WAAW;IAAA;IAAA,mCAAOL,MAAM;MAANA,MAAM;IAAA;IAAA,OAAK,aAAAC,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKF,MAAM,EAAC;EAAA;EAEjF,oBACE,6BAAC,oBAAS,eACJL,KAAK;IACT,KAAK,EAAED,KAAM;IACb,QAAQ,EAAEI,YAAa;IACvB,OAAO,EAAEK,WAAY;IACrB,OAAO,EAAEC,WAAY;IACrB,OAAO,EAAEC;EAAY,GACrB;AAEN,CAAC;AAAC;AAEFb,KAAK,CAACc,SAAS,GAAG,WAAW;AAE7Bd,KAAK,CAACe,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAEC,2BAAmB;EAC3BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,GAAG,EAAE,YAAY;EACjBC,GAAG,EAAE,YAAY;EACjBC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAEC,SAAS;EACtBC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,KAAK;EACd1B,KAAK,EAAE,YAAY;EACnB2B,OAAO,EAAE;AAAK,gCAEb,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAED7B,KAAK,CAAC8B,QAAQ,GAAG,CAAC,CAAC"}