@mirai/ui 1.0.42 → 1.0.43

package/build/components/InputDate/InputDate.js

@@ -0,0 +1,158 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputDate = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _primitives = require("../../primitives");
+
+var _InputText = require("../InputText");
+
+var _InputDateModule = _interopRequireDefault(require("./InputDate.module.css"));
+
+var _excluded = ["disabled", "error", "format", "label", "labels", "max", "min", "name", "required", "value", "onChange", "onError", "onEnter", "onLeave"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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 InputDate = function InputDate(_ref) {
+  var disabled = _ref.disabled,
+      error = _ref.error,
+      _ref$format = _ref.format,
+      format = _ref$format === void 0 ? 'DD/MM/YYYY' : _ref$format,
+      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,
+      _ref$value = _ref.value,
+      value = _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),
+      _useState2 = _slicedToArray(_useState, 2),
+      focus = _useState2[0],
+      setFocus = _useState2[1];
+
+  var parts = format.split('/');
+  var values = (value === null || value === void 0 ? void 0 : value.split('/')) || [];
+
+  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('/');
+    var errors = (0, _helpers.getInputDateErrors)({
+      format: format,
+      max: max,
+      min: min,
+      value: value,
+      required: required
+    });
+    if (Object.keys(errors).length > 0) onError(errors);
+    onChange(nextValue, event);
+  };
+
+  var handleEnter = function handleEnter(event) {
+    setFocus(true);
+    onEnter(event);
+  };
+
+  var handleLeave = function handleLeave(event) {
+    setFocus(false);
+    onLeave(event);
+  };
+
+  var testId = others['data-testid'];
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    className: others.className,
+    "data-testid": testId
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    className: (0, _helpers.styles)(_InputDateModule.default.label, disabled && _InputDateModule.default.disabled, focus && _InputDateModule.default.focus, error && _InputDateModule.default.error)
+  }, label), /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    row: true
+  }, parts.map(function (part, index) {
+    return /*#__PURE__*/_react.default.createElement(_InputText.InputText, {
+      disabled: disabled,
+      error: error,
+      hint: labels[index] || part,
+      key: index,
+      maxLength: part.length,
+      name: "".concat(name, ":").concat(part),
+      value: values[index],
+      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
+    });
+  })));
+};
+
+exports.InputDate = InputDate;
+InputDate.displayName = 'Component:InputDate';
+InputDate.propTypes = {
+  disabled: _propTypes.default.bool,
+  error: _propTypes.default.bool,
+  format: _propTypes.default.string,
+  hint: _propTypes.default.string,
+  // !TODO
+  label: _propTypes.default.string,
+  labels: _propTypes.default.arrayOf(_propTypes.default.string),
+  max: _propTypes.default.string,
+  min: _propTypes.default.string,
+  name: _propTypes.default.string.isRequired,
+  required: _propTypes.default.bool,
+  value: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  onEnter: _propTypes.default.func,
+  onLeave: _propTypes.default.func
+};
+//# sourceMappingURL=InputDate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputDate.js","names":["InputDate","disabled","error","format","label","labels","max","min","name","required","value","onChange","onError","onEnter","onLeave","others","focus","setFocus","parts","split","values","handleChange","partValue","partKey","event","nextValue","map","part","index","join","errors","Object","keys","length","handleEnter","handleLeave","testId","className","style","rest","input","substring","undefined","displayName","propTypes","PropTypes","bool","string","hint","arrayOf","isRequired","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { getInputDateErrors, styles } from '../../helpers';\nimport { Text, View } from '../../primitives';\nimport { InputText } from '../InputText';\nimport style from './InputDate.module.css';\n\nconst InputDate = ({\n  disabled,\n  error,\n  format = 'DD/MM/YYYY',\n  label,\n  labels = [],\n  max,\n  min,\n  name,\n  required,\n  value = '',\n  onChange = () => {},\n  onError = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n\n  const parts = format.split('/');\n  const values = value?.split('/') || [];\n\n  const handleChange = (partValue = '', partKey, event) => {\n    const nextValue = parts.map((part, index) => (part !== partKey ? values[index] || '' : partValue)).join('/');\n    const errors = getInputDateErrors({ format, max, min, value, required });\n    if (Object.keys(errors).length > 0) onError(errors);\n\n    onChange(nextValue, event);\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 { ['data-testid']: testId } = others;\n\n  return (\n    <View className={others.className} data-testid={testId}>\n      <Text className={styles(style.label, disabled && style.disabled, focus && style.focus, error && style.error)}>\n        {label}\n      </Text>\n\n      <View row>\n        {parts.map((part, index) => (\n          <InputText\n            disabled={disabled}\n            error={error}\n            hint={labels[index] || part}\n            key={index}\n            maxLength={part.length}\n            name={`${name}:${part}`}\n            value={values[index]}\n            onChange={(value, ...rest) => handleChange(value, part, ...rest)}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n            className={styles(style.input, style[part.substring(0, 1)])}\n            data-testid={testId ? `${testId}-${part}` : undefined}\n          />\n        ))}\n      </View>\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, // !TODO\n  label: PropTypes.string,\n  labels: PropTypes.arrayOf(PropTypes.string),\n  max: PropTypes.string,\n  min: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputDate };\n"],"mappings":"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"}

package/build/components/InputDate/InputDate.module.css

@@ -0,0 +1,32 @@
+:root {
+}
+
+.input {
+  max-width: calc(calc(var(--mirai-ui-input-font-size) * 2.25) + calc(var(--mirai-ui-input-text-padding-x) * 2));
+}
+
+.input:not(:last-child) {
+  margin-right: var(--mirai-ui-space-S);
+}
+
+.input.Y {
+  max-width: calc(calc(var(--mirai-ui-input-font-size) * 3.25) + calc(var(--mirai-ui-input-text-padding-x) * 2));
+}
+
+.label {
+  font-size: var(--mirai-ui-font-size-small);
+  margin-bottom: calc(var(--mirai-ui-font-size-small) * -1);
+  padding: 0 calc(var(--mirai-ui-input-text-padding-x) / 2);
+}
+
+.label.disabled {
+  color: var(--mirai-ui-input-text-disabled);
+}
+
+.label.focus {
+  color: var(--mirai-ui-input-text-focus);
+}
+
+.label.error {
+  color: var(--mirai-ui-error);
+}

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

@@ -0,0 +1,772 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<InputDate> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <span
+      class="text paragraph label"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text paragraph label disabled"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder disabled"
+        >
+          <input
+            class="input input"
+            disabled=""
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint disabled"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder disabled"
+        >
+          <input
+            class="input input"
+            disabled=""
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint disabled"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder disabled"
+        >
+          <input
+            class="input input"
+            disabled=""
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint disabled"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> prop:error 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text paragraph label error"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder error"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint error"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder error"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint error"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder error"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint error"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> prop:format 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text paragraph label"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> prop:label 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text paragraph label"
+    >
+      label
+    </span>
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> prop:labels 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text paragraph label"
+    >
+      Year
+    </span>
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> prop:value & prop:format 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text paragraph label"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value="04"
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value="10"
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value="1980"
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> prop:value 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text paragraph label"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value="10"
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value="04"
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value="1980"
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text paragraph label"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputDate> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <span
+      class="text paragraph label"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            data-testid="mirai-DD"
+            maxlength="2"
+            name="name:DD"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          DD
+        </span>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            data-testid="mirai-MM"
+            maxlength="2"
+            name="name:MM"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          MM
+        </span>
+      </div>
+      <div
+        class="view inputContainer input Y"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            data-testid="mirai-YYYY"
+            maxlength="4"
+            name="name:YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+        <span
+          class="text small text hint"
+        >
+          YYYY
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/InputDate/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _InputDate = require("./InputDate");
+
+Object.keys(_InputDate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputDate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputDate[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputDate/index.js"],"sourcesContent":["export * from './InputDate';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/components/InputText/InputText.js

@@ -111,6 +111,7 @@ var InputText = function InputText(_ref) {
     onEnter: handleEnter,
     onLeave: handleLeave
   })), is.password && !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    tabIndex: -1,
     type: "button",
     className: _InputTextModule.default.pressable,
     onPress: function onPress() {

package/build/components/InputText/InputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","type","onChange","onEnter","onLeave","others","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","has","undefined","length","is","style","inputContainer","className","text","withIcon","inputBorder","left","input","iconLeft","pressable","displayName","propTypes","PropTypes","bool","string","multiLine","name","isRequired","func"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\n\nconst InputText = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  type,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [password, setPassword] = useState(true);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = () => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const has = {\n    value: others.value !== undefined && others.value?.length > 0,\n  };\n  const is = { password: type === 'password' };\n\n  return (\n    <View className={styles(style.inputContainer, others.className)} style={others.style}>\n      {label && (\n        <Text\n          className={styles(\n            style.text,\n            style.label,\n            disabled && style.disabled,\n            focus && style.focus,\n            error && style.error,\n            icon && style.withIcon,\n            (focus || error || has.value) && style.value,\n          )}\n        >\n          {label}\n        </Text>\n      )}\n\n      <View\n        row\n        className={styles(\n          style.inputBorder,\n          disabled && style.disabled,\n          error && style.error,\n          focus && !error && style.focus,\n        )}\n      >\n        {icon && <Icon name={icon} className={[style.icon, style.left]} />}\n        <Input\n          {...others}\n          disabled={disabled}\n          type={!is.password || password ? type : 'text'}\n          value={others.value || ''}\n          className={styles(style.input, icon && style.iconLeft)}\n          style={undefined}\n          onChange={handleChange}\n          onEnter={handleEnter}\n          onLeave={handleLeave}\n        />\n        {is.password && !disabled && (\n          <Pressable type=\"button\" className={style.pressable} onPress={() => setPassword(!password)}>\n            <Icon name={password ? 'EyeClose' : 'EyeOpen'} />\n          </Pressable>\n        )}\n      </View>\n\n      {hint && (\n        <Text small className={styles(style.text, style.hint, disabled && style.disabled, error && style.error)}>\n          {hint}\n        </Text>\n      )}\n    </View>\n  );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  icon: PropTypes.string,\n  label: PropTypes.string,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":"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"}
+{"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","type","onChange","onEnter","onLeave","others","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","has","undefined","length","is","style","inputContainer","className","text","withIcon","inputBorder","left","input","iconLeft","pressable","displayName","propTypes","PropTypes","bool","string","multiLine","name","isRequired","func"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\n\nconst InputText = ({\n  disabled,\n  error,\n  hint,\n  icon,\n  label,\n  type,\n  onChange = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n  const [password, setPassword] = useState(true);\n\n  const handleChange = (value, event) => {\n    onChange(value, event);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = () => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const has = {\n    value: others.value !== undefined && others.value?.length > 0,\n  };\n  const is = { password: type === 'password' };\n\n  return (\n    <View className={styles(style.inputContainer, others.className)} style={others.style}>\n      {label && (\n        <Text\n          className={styles(\n            style.text,\n            style.label,\n            disabled && style.disabled,\n            focus && style.focus,\n            error && style.error,\n            icon && style.withIcon,\n            (focus || error || has.value) && style.value,\n          )}\n        >\n          {label}\n        </Text>\n      )}\n\n      <View\n        row\n        className={styles(\n          style.inputBorder,\n          disabled && style.disabled,\n          error && style.error,\n          focus && !error && style.focus,\n        )}\n      >\n        {icon && <Icon name={icon} className={[style.icon, style.left]} />}\n        <Input\n          {...others}\n          disabled={disabled}\n          type={!is.password || password ? type : 'text'}\n          value={others.value || ''}\n          className={styles(style.input, icon && style.iconLeft)}\n          style={undefined}\n          onChange={handleChange}\n          onEnter={handleEnter}\n          onLeave={handleLeave}\n        />\n        {is.password && !disabled && (\n          <Pressable tabIndex={-1} type=\"button\" className={style.pressable} onPress={() => setPassword(!password)}>\n            <Icon name={password ? 'EyeClose' : 'EyeOpen'} />\n          </Pressable>\n        )}\n      </View>\n\n      {hint && (\n        <Text small className={styles(style.text, style.hint, disabled && style.disabled, error && style.error)}>\n          {hint}\n        </Text>\n      )}\n    </View>\n  );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  icon: PropTypes.string,\n  label: PropTypes.string,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":"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"}

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

@@ -183,6 +183,7 @@ exports[`component:<InputText> prop:type 1`] = `
       />
       <button
         class="pressable pressable"
+        tabindex="-1"
         type="button"
       >
         <span

package/build/components/index.js

@@ -43,6 +43,19 @@ Object.keys(_Form).forEach(function (key) {
   });
 });
 
+var _InputDate = require("./InputDate");
+
+Object.keys(_InputDate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputDate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputDate[key];
+    }
+  });
+});
+
 var _InputNumber = require("./InputNumber");
 
 Object.keys(_InputNumber).forEach(function (key) {

package/build/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.js"],"sourcesContent":["export * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Notification';\nexport * from './Table';\nexport * from './Tooltip';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.js"],"sourcesContent":["export * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputDate';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Notification';\nexport * from './Table';\nexport * from './Tooltip';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/helpers/getInputDateErrors.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInputDateErrors = void 0;
+
+var _locale = require("@mirai/locale");
+
+var getInputDateErrors = function getInputDateErrors() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$format = _ref.format,
+      format = _ref$format === void 0 ? _locale.DEFAULT_DATE_FORMAT : _ref$format,
+      max = _ref.max,
+      min = _ref.min,
+      value = _ref.value;
+
+  var errors = {};
+  var values = (value === null || value === void 0 ? void 0 : value.split('/')) || [];
+  var filled = true;
+  format.split('/').forEach(function (part, index) {
+    var _values$index;
+
+    if (!((_values$index = values[index]) !== null && _values$index !== void 0 && _values$index.length)) filled = false;else if (part.substring(0, 1) === 'Y' && values[index].length !== part.length) filled = false;
+  });
+  var date = filled ? (0, _locale.parseDate)(value, format) : undefined;
+  if (!date) errors.format = true;
+  if (date && max && (0, _locale.dateDiff)(date, (0, _locale.parseDate)(max, format)).days < 0) errors.max = true;
+  if (date && min && (0, _locale.dateDiff)(date, (0, _locale.parseDate)(min, format)).days > 0) errors.min = true;
+  return Object.keys(errors).length > 0 ? errors : undefined;
+};
+
+exports.getInputDateErrors = getInputDateErrors;
+//# sourceMappingURL=getInputDateErrors.js.map

package/build/helpers/getInputDateErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInputDateErrors.js","names":["getInputDateErrors","format","DEFAULT_DATE_FORMAT","max","min","value","errors","values","split","filled","forEach","part","index","length","substring","date","undefined","days","Object","keys"],"sources":["../../src/helpers/getInputDateErrors.js"],"sourcesContent":["import { DEFAULT_DATE_FORMAT, dateDiff, parseDate } from '@mirai/locale';\n\nexport const getInputDateErrors = ({ format = DEFAULT_DATE_FORMAT, max, min, value } = {}) => {\n  const errors = {};\n  const values = value?.split('/') || [];\n  let filled = true;\n\n  format.split('/').forEach((part, index) => {\n    if (!values[index]?.length) filled = false;\n    else if (part.substring(0, 1) === 'Y' && values[index].length !== part.length) filled = false;\n  });\n\n  const date = filled ? parseDate(value, format) : undefined;\n\n  if (!date) errors.format = true;\n  if (date && max && dateDiff(date, parseDate(max, format)).days < 0) errors.max = true;\n  if (date && min && dateDiff(date, parseDate(min, format)).days > 0) errors.min = true;\n\n  return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,GAA4D;EAAA,+EAAP,EAAO;EAAA,uBAAzDC,MAAyD;EAAA,IAAzDA,MAAyD,4BAAhDC,2BAAgD;EAAA,IAA3BC,GAA2B,QAA3BA,GAA2B;EAAA,IAAtBC,GAAsB,QAAtBA,GAAsB;EAAA,IAAjBC,KAAiB,QAAjBA,KAAiB;;EAC5F,IAAMC,MAAM,GAAG,EAAf;EACA,IAAMC,MAAM,GAAG,CAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEG,KAAP,CAAa,GAAb,MAAqB,EAApC;EACA,IAAIC,MAAM,GAAG,IAAb;EAEAR,MAAM,CAACO,KAAP,CAAa,GAAb,EAAkBE,OAAlB,CAA0B,UAACC,IAAD,EAAOC,KAAP,EAAiB;IAAA;;IACzC,IAAI,mBAACL,MAAM,CAACK,KAAD,CAAP,0CAAC,cAAeC,MAAhB,CAAJ,EAA4BJ,MAAM,GAAG,KAAT,CAA5B,KACK,IAAIE,IAAI,CAACG,SAAL,CAAe,CAAf,EAAkB,CAAlB,MAAyB,GAAzB,IAAgCP,MAAM,CAACK,KAAD,CAAN,CAAcC,MAAd,KAAyBF,IAAI,CAACE,MAAlE,EAA0EJ,MAAM,GAAG,KAAT;EAChF,CAHD;EAKA,IAAMM,IAAI,GAAGN,MAAM,GAAG,uBAAUJ,KAAV,EAAiBJ,MAAjB,CAAH,GAA8Be,SAAjD;EAEA,IAAI,CAACD,IAAL,EAAWT,MAAM,CAACL,MAAP,GAAgB,IAAhB;EACX,IAAIc,IAAI,IAAIZ,GAAR,IAAe,sBAASY,IAAT,EAAe,uBAAUZ,GAAV,EAAeF,MAAf,CAAf,EAAuCgB,IAAvC,GAA8C,CAAjE,EAAoEX,MAAM,CAACH,GAAP,GAAa,IAAb;EACpE,IAAIY,IAAI,IAAIX,GAAR,IAAe,sBAASW,IAAT,EAAe,uBAAUX,GAAV,EAAeH,MAAf,CAAf,EAAuCgB,IAAvC,GAA8C,CAAjE,EAAoEX,MAAM,CAACF,GAAP,GAAa,IAAb;EAEpE,OAAOc,MAAM,CAACC,IAAP,CAAYb,MAAZ,EAAoBO,MAApB,GAA6B,CAA7B,GAAiCP,MAAjC,GAA0CU,SAAjD;AACD,CAjBM"}

package/build/helpers/getInputErrors.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getInputErrors = void 0;
 
+var _getInputDateErrors = require("./getInputDateErrors");
+
 var _isValidDate = require("./isValidDate");
 
 var _isValidEmail = require("./isValidEmail");
@@ -13,6 +15,12 @@ var _isValidPhone = require("./isValidPhone");
 
 var _excluded = ["minLength", "regexp", "required", "test", "type", "value"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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; }
@@ -37,7 +45,11 @@ var getInputErrors = function getInputErrors() {
   if (regexp && regexp.exec && regexp.exec(value) === null) errors.regexp = true;
   if (test && !test(value)) errors.test = true; // Email, Phone & Date format
 
-  if (type === 'date' && !(0, _isValidDate.isValidDate)(value, others) || type === 'email' && !(0, _isValidEmail.isValidEmail)(value) || type === 'tel' && !(0, _isValidPhone.isValidPhone)(value)) errors.format = true;
+  if (type === 'date' && !(0, _isValidDate.isValidDate)(value, others) || type === 'email' && !(0, _isValidEmail.isValidEmail)(value) || type === 'tel' && !(0, _isValidPhone.isValidPhone)(value)) errors.format = true; // Custom Inputs
+
+  if (type === 'inputDate') errors = _objectSpread(_objectSpread({}, errors), (0, _getInputDateErrors.getInputDateErrors)(_objectSpread(_objectSpread({}, others), {}, {
+    value: value
+  })));
   return Object.keys(errors).length > 0 ? errors : undefined;
 };
 

package/build/helpers/getInputErrors.js.map

@@ -1 +1 @@
-{"version":3,"file":"getInputErrors.js","names":["getInputErrors","minLength","regexp","required","test","type","value","others","errors","undefined","length","exec","format","Object","keys"],"sources":["../../src/helpers/getInputErrors.js"],"sourcesContent":["import { isValidDate } from './isValidDate';\nimport { isValidEmail } from './isValidEmail';\nimport { isValidPhone } from './isValidPhone';\n\nexport const getInputErrors = ({\n  minLength = 0,\n  regexp,\n  required,\n  test,\n  type = 'text',\n  value = '',\n  ...others\n} = {}) => {\n  const errors = {};\n\n  // Common\n  if (required && (value === undefined || value.length === 0)) errors.required = true;\n  if (minLength > 0 && value.length < minLength) errors.minLength = true;\n  if (regexp && regexp.exec && regexp.exec(value) === null) errors.regexp = true;\n  if (test && !test(value)) errors.test = true;\n  // Email, Phone & Date format\n  if (\n    (type === 'date' && !isValidDate(value, others)) ||\n    (type === 'email' && !isValidEmail(value)) ||\n    (type === 'tel' && !isValidPhone(value))\n  )\n    errors.format = true;\n\n  return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,GAQnB;EAAA,+EAAP,EAAO;EAAA,0BAPTC,SAOS;EAAA,IAPTA,SAOS,+BAPG,CAOH;EAAA,IANTC,MAMS,QANTA,MAMS;EAAA,IALTC,QAKS,QALTA,QAKS;EAAA,IAJTC,IAIS,QAJTA,IAIS;EAAA,qBAHTC,IAGS;EAAA,IAHTA,IAGS,0BAHF,MAGE;EAAA,sBAFTC,KAES;EAAA,IAFTA,KAES,2BAFD,EAEC;EAAA,IADNC,MACM;;EACT,IAAMC,MAAM,GAAG,EAAf,CADS,CAGT;;EACA,IAAIL,QAAQ,KAAKG,KAAK,KAAKG,SAAV,IAAuBH,KAAK,CAACI,MAAN,KAAiB,CAA7C,CAAZ,EAA6DF,MAAM,CAACL,QAAP,GAAkB,IAAlB;EAC7D,IAAIF,SAAS,GAAG,CAAZ,IAAiBK,KAAK,CAACI,MAAN,GAAeT,SAApC,EAA+CO,MAAM,CAACP,SAAP,GAAmB,IAAnB;EAC/C,IAAIC,MAAM,IAAIA,MAAM,CAACS,IAAjB,IAAyBT,MAAM,CAACS,IAAP,CAAYL,KAAZ,MAAuB,IAApD,EAA0DE,MAAM,CAACN,MAAP,GAAgB,IAAhB;EAC1D,IAAIE,IAAI,IAAI,CAACA,IAAI,CAACE,KAAD,CAAjB,EAA0BE,MAAM,CAACJ,IAAP,GAAc,IAAd,CAPjB,CAQT;;EACA,IACGC,IAAI,KAAK,MAAT,IAAmB,CAAC,8BAAYC,KAAZ,EAAmBC,MAAnB,CAArB,IACCF,IAAI,KAAK,OAAT,IAAoB,CAAC,gCAAaC,KAAb,CADtB,IAECD,IAAI,KAAK,KAAT,IAAkB,CAAC,gCAAaC,KAAb,CAHtB,EAKEE,MAAM,CAACI,MAAP,GAAgB,IAAhB;EAEF,OAAOC,MAAM,CAACC,IAAP,CAAYN,MAAZ,EAAoBE,MAApB,GAA6B,CAA7B,GAAiCF,MAAjC,GAA0CC,SAAjD;AACD,CAzBM"}
+{"version":3,"file":"getInputErrors.js","names":["getInputErrors","minLength","regexp","required","test","type","value","others","errors","undefined","length","exec","format","Object","keys"],"sources":["../../src/helpers/getInputErrors.js"],"sourcesContent":["import { getInputDateErrors } from './getInputDateErrors';\nimport { isValidDate } from './isValidDate';\nimport { isValidEmail } from './isValidEmail';\nimport { isValidPhone } from './isValidPhone';\n\nexport const getInputErrors = ({\n  minLength = 0,\n  regexp,\n  required,\n  test,\n  type = 'text',\n  value = '',\n  ...others\n} = {}) => {\n  let errors = {};\n\n  // Common\n  if (required && (value === undefined || value.length === 0)) errors.required = true;\n  if (minLength > 0 && value.length < minLength) errors.minLength = true;\n  if (regexp && regexp.exec && regexp.exec(value) === null) errors.regexp = true;\n  if (test && !test(value)) errors.test = true;\n  // Email, Phone & Date format\n  if (\n    (type === 'date' && !isValidDate(value, others)) ||\n    (type === 'email' && !isValidEmail(value)) ||\n    (type === 'tel' && !isValidPhone(value))\n  )\n    errors.format = true;\n  // Custom Inputs\n  if (type === 'inputDate') errors = { ...errors, ...getInputDateErrors({ ...others, value }) };\n\n  return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,GAQnB;EAAA,+EAAP,EAAO;EAAA,0BAPTC,SAOS;EAAA,IAPTA,SAOS,+BAPG,CAOH;EAAA,IANTC,MAMS,QANTA,MAMS;EAAA,IALTC,QAKS,QALTA,QAKS;EAAA,IAJTC,IAIS,QAJTA,IAIS;EAAA,qBAHTC,IAGS;EAAA,IAHTA,IAGS,0BAHF,MAGE;EAAA,sBAFTC,KAES;EAAA,IAFTA,KAES,2BAFD,EAEC;EAAA,IADNC,MACM;;EACT,IAAIC,MAAM,GAAG,EAAb,CADS,CAGT;;EACA,IAAIL,QAAQ,KAAKG,KAAK,KAAKG,SAAV,IAAuBH,KAAK,CAACI,MAAN,KAAiB,CAA7C,CAAZ,EAA6DF,MAAM,CAACL,QAAP,GAAkB,IAAlB;EAC7D,IAAIF,SAAS,GAAG,CAAZ,IAAiBK,KAAK,CAACI,MAAN,GAAeT,SAApC,EAA+CO,MAAM,CAACP,SAAP,GAAmB,IAAnB;EAC/C,IAAIC,MAAM,IAAIA,MAAM,CAACS,IAAjB,IAAyBT,MAAM,CAACS,IAAP,CAAYL,KAAZ,MAAuB,IAApD,EAA0DE,MAAM,CAACN,MAAP,GAAgB,IAAhB;EAC1D,IAAIE,IAAI,IAAI,CAACA,IAAI,CAACE,KAAD,CAAjB,EAA0BE,MAAM,CAACJ,IAAP,GAAc,IAAd,CAPjB,CAQT;;EACA,IACGC,IAAI,KAAK,MAAT,IAAmB,CAAC,8BAAYC,KAAZ,EAAmBC,MAAnB,CAArB,IACCF,IAAI,KAAK,OAAT,IAAoB,CAAC,gCAAaC,KAAb,CADtB,IAECD,IAAI,KAAK,KAAT,IAAkB,CAAC,gCAAaC,KAAb,CAHtB,EAKEE,MAAM,CAACI,MAAP,GAAgB,IAAhB,CAdO,CAeT;;EACA,IAAIP,IAAI,KAAK,WAAb,EAA0BG,MAAM,mCAAQA,MAAR,GAAmB,4EAAwBD,MAAxB;IAAgCD,KAAK,EAALA;EAAhC,GAAnB,CAAN;EAE1B,OAAOO,MAAM,CAACC,IAAP,CAAYN,MAAZ,EAAoBE,MAApB,GAA6B,CAA7B,GAAiCF,MAAjC,GAA0CC,SAAjD;AACD,CA3BM"}

package/build/helpers/index.js

@@ -4,6 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+var _getInputDateErrors = require("./getInputDateErrors");
+
+Object.keys(_getInputDateErrors).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getInputDateErrors[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getInputDateErrors[key];
+    }
+  });
+});
+
 var _getInputErrors = require("./getInputErrors");
 
 Object.keys(_getInputErrors).forEach(function (key) {

package/build/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export * from './getInputErrors';\nexport * from './isJest';\nexport * from './styles';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export * from './getInputDateErrors';\nexport * from './getInputErrors';\nexport * from './isJest';\nexport * from './styles';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["Input","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","errors","handleChange","next","event","isNaN","value","React","createElement","className","style","input","target","onFocus","onBlur","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({ disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n  const errors = getInputErrors({ ...others, type });\n  if (errors && onError) onError(errors);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange && onChange(value || '', event);\n  };\n\n  return React.createElement(multiLine ? 'textarea' : 'input', {\n    ...others,\n    disabled,\n    className: styles(style.input, others.className),\n    type,\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n  });\n};\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  disabled: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA4F;EAAA,IAAzFC,QAAyF,QAAzFA,QAAyF;EAAA,IAA/EC,SAA+E,QAA/EA,SAA+E;EAAA,qBAApEC,IAAoE;EAAA,IAApEA,IAAoE,0BAA7D,MAA6D;EAAA,IAArDC,QAAqD,QAArDA,QAAqD;EAAA,IAA3CC,OAA2C,QAA3CA,OAA2C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EACxG,IAAMC,MAAM,GAAG,6DAAoBD,MAApB;IAA4BL,IAAI,EAAJA;EAA5B,GAAf;EACA,IAAIM,MAAM,IAAIH,OAAd,EAAuBA,OAAO,CAACG,MAAD,CAAP;;EAEvB,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAsB;IAAA,IAArBC,IAAqB,uEAAd,EAAc;IAAA,IAAVC,KAAU;IACzC,IAAIT,IAAI,KAAK,QAAT,IAAqBU,KAAK,CAACF,IAAD,CAA9B,EAAsC;IACtC,IAAMG,KAAK,GAAG,0BAAWH,IAAX,EAAiBR,IAAjB,EAAuBK,MAAvB,CAAd;IAEAF,OAAO,IAAIA,OAAO,CAAC,6DAAoBE,MAApB;MAA4BL,IAAI,EAAJA,IAA5B;MAAkCW,KAAK,EAALA;IAAlC,GAAD,CAAlB;IACAV,QAAQ,IAAIA,QAAQ,CAACU,KAAK,IAAI,EAAV,EAAcF,KAAd,CAApB;EACD,CAND;;EAQA,oBAAOG,eAAMC,aAAN,CAAoBd,SAAS,GAAG,UAAH,GAAgB,OAA7C,kCACFM,MADE;IAELP,QAAQ,EAARA,QAFK;IAGLgB,SAAS,EAAE,qBAAOC,qBAAMC,KAAb,EAAoBX,MAAM,CAACS,SAA3B,CAHN;IAILd,IAAI,EAAJA;EAJK,GAKD,CAACF,QAAD,GACA;IACEG,QAAQ,EAAE,kBAACQ,KAAD;MAAA,OAAWF,YAAY,CAACE,KAAK,CAACQ,MAAN,CAAaN,KAAd,EAAqBF,KAArB,CAAvB;IAAA,CADZ;IAEES,OAAO,EAAEhB,OAFX;IAGEiB,MAAM,EAAEf;EAHV,CADA,GAMA,EAXC,EAAP;AAaD,CAzBD;;;AA0BAP,KAAK,CAACuB,WAAN,GAAoB,iBAApB;AAEAvB,KAAK,CAACwB,SAAN,GAAkB;EAChBvB,QAAQ,EAAEwB,mBAAUC,IADJ;EAEhBxB,SAAS,EAAEuB,mBAAUC,IAFL;EAGhBC,IAAI,EAAEF,mBAAUG,MAAV,CAAiBC,UAHP;EAIhB1B,IAAI,EAAEsB,mBAAUG,MAJA;EAKhBxB,QAAQ,EAAEqB,mBAAUK,IALJ;EAMhBzB,OAAO,EAAEoB,mBAAUK,IANH;EAOhBxB,OAAO,EAAEmB,mBAAUK,IAPH;EAQhBvB,OAAO,EAAEkB,mBAAUK;AARH,CAAlB"}
+{"version":3,"file":"Input.js","names":["Input","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","errors","handleChange","next","event","isNaN","value","React","createElement","className","style","input","target","onFocus","onBlur","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({ disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n  const errors = getInputErrors({ ...others, type });\n  if (errors && onError) onError(errors);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange && onChange(value || '', event);\n  };\n\n  return React.createElement(multiLine ? 'textarea' : 'input', {\n    ...others,\n    disabled,\n    className: styles(style.input, others.className),\n    type,\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n  });\n};\n\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  disabled: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA4F;EAAA,IAAzFC,QAAyF,QAAzFA,QAAyF;EAAA,IAA/EC,SAA+E,QAA/EA,SAA+E;EAAA,qBAApEC,IAAoE;EAAA,IAApEA,IAAoE,0BAA7D,MAA6D;EAAA,IAArDC,QAAqD,QAArDA,QAAqD;EAAA,IAA3CC,OAA2C,QAA3CA,OAA2C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EACxG,IAAMC,MAAM,GAAG,6DAAoBD,MAApB;IAA4BL,IAAI,EAAJA;EAA5B,GAAf;EACA,IAAIM,MAAM,IAAIH,OAAd,EAAuBA,OAAO,CAACG,MAAD,CAAP;;EAEvB,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAsB;IAAA,IAArBC,IAAqB,uEAAd,EAAc;IAAA,IAAVC,KAAU;IACzC,IAAIT,IAAI,KAAK,QAAT,IAAqBU,KAAK,CAACF,IAAD,CAA9B,EAAsC;IACtC,IAAMG,KAAK,GAAG,0BAAWH,IAAX,EAAiBR,IAAjB,EAAuBK,MAAvB,CAAd;IAEAF,OAAO,IAAIA,OAAO,CAAC,6DAAoBE,MAApB;MAA4BL,IAAI,EAAJA,IAA5B;MAAkCW,KAAK,EAALA;IAAlC,GAAD,CAAlB;IACAV,QAAQ,IAAIA,QAAQ,CAACU,KAAK,IAAI,EAAV,EAAcF,KAAd,CAApB;EACD,CAND;;EAQA,oBAAOG,eAAMC,aAAN,CAAoBd,SAAS,GAAG,UAAH,GAAgB,OAA7C,kCACFM,MADE;IAELP,QAAQ,EAARA,QAFK;IAGLgB,SAAS,EAAE,qBAAOC,qBAAMC,KAAb,EAAoBX,MAAM,CAACS,SAA3B,CAHN;IAILd,IAAI,EAAJA;EAJK,GAKD,CAACF,QAAD,GACA;IACEG,QAAQ,EAAE,kBAACQ,KAAD;MAAA,OAAWF,YAAY,CAACE,KAAK,CAACQ,MAAN,CAAaN,KAAd,EAAqBF,KAArB,CAAvB;IAAA,CADZ;IAEES,OAAO,EAAEhB,OAFX;IAGEiB,MAAM,EAAEf;EAHV,CADA,GAMA,EAXC,EAAP;AAaD,CAzBD;;;AA2BAP,KAAK,CAACuB,WAAN,GAAoB,iBAApB;AAEAvB,KAAK,CAACwB,SAAN,GAAkB;EAChBvB,QAAQ,EAAEwB,mBAAUC,IADJ;EAEhBxB,SAAS,EAAEuB,mBAAUC,IAFL;EAGhBC,IAAI,EAAEF,mBAAUG,MAAV,CAAiBC,UAHP;EAIhB1B,IAAI,EAAEsB,mBAAUG,MAJA;EAKhBxB,QAAQ,EAAEqB,mBAAUK,IALJ;EAMhBzB,OAAO,EAAEoB,mBAAUK,IANH;EAOhBxB,OAAO,EAAEmB,mBAAUK,IAPH;EAQhBvB,OAAO,EAAEkB,mBAAUK;AARH,CAAlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.42",
+  "version": "1.0.43",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",