@mirai/ui 1.0.65 → 1.0.67

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Form/helpers/index.js"],"sourcesContent":["export * from './getChildrenErrors';\nexport * from './getChildrenValues';\nexport * from './getField';\nexport * from './groupState';\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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Form/helpers/index.js"],"sourcesContent":["export * from './getChildrenErrors';\nexport * from './getChildrenValues';\nexport * from './getField';\nexport * from './groupState';\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/components/Form/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Form = require("./Form");
-
 Object.keys(_Form).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Form[key]) return;

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

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

package/build/components/InputDate/InputDate.js

@@ -1,88 +1,65 @@
 "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 _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
-
 var _InputDateModule = _interopRequireDefault(require("./InputDate.module.css"));
-
-var _excluded = ["disabled", "error", "format", "hint", "label", "labels", "max", "min", "name", "placeholder", "required", "value", "onChange", "onError", "onEnter", "onLeave"],
-    _excluded2 = ["className", "data-testid"];
-
+var _excluded = ["disabled", "error", "format", "hint", "label", "labels", "max", "min", "name", "placeholder", "required", "success", "value", "warning", "onChange", "onError", "onEnter", "onLeave"],
+  _excluded2 = ["className", "data-testid"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = 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 _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 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,
-      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,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? true : _ref$placeholder,
-      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);
-
+    error = _ref.error,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? 'DD/MM/YYYY' : _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,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? true : _ref$placeholder,
+    required = _ref.required,
+    success = _ref.success,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    warning = _ref.warning,
+    _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('/')) || [];
-
+    _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;
@@ -98,23 +75,19 @@ var InputDate = function InputDate(_ref) {
       value: value,
       required: required
     });
-    if (Object.keys(errors).length > 0) onError(errors);
+    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);
-
+    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
@@ -132,13 +105,12 @@ var InputDate = function InputDate(_ref) {
       maxLength: part.length,
       name: "".concat(name, ":").concat(part),
       placeholder: placeholder ? labels[index] || part : undefined,
-      showState: index === parts.length - 1,
+      showState: false,
       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,
@@ -146,12 +118,18 @@ var InputDate = function InputDate(_ref) {
       className: (0, _helpers.styles)(_InputDateModule.default.input, _InputDateModule.default[part.substring(0, 1)], index === parts.length - 1 && _InputDateModule.default.state),
       "data-testid": testId ? "".concat(testId, "-").concat(part) : undefined
     }));
+  }), (error || success || warning) && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    value: (0, _helpers.getIconState)({
+      error: error,
+      success: success,
+      warning: warning
+    }),
+    className: (0, _helpers.styles)(_InputTextModule.default.icon, error ? _InputTextModule.default.error : warning ? _InputTextModule.default.warning : success ? _InputTextModule.default.success : undefined, !placeholder && _InputDateModule.default.withHint)
   })), hint && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     small: true,
     className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error)
   }, hint));
 };
-
 exports.InputDate = InputDate;
 InputDate.displayName = 'Component:InputDate';
 InputDate.propTypes = {
@@ -166,7 +144,9 @@ InputDate.propTypes = {
   name: _propTypes.default.string.isRequired,
   placeholder: _propTypes.default.bool,
   required: _propTypes.default.bool,
+  success: _propTypes.default.bool,
   value: _propTypes.default.string,
+  warning: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   onError: _propTypes.default.func,
   onEnter: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"InputDate.js","names":["InputDate","disabled","error","format","hint","label","labels","max","min","name","placeholder","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","className","testId","rest","style","inputContainer","styleDate","text","undefined","input","substring","state","displayName","propTypes","PropTypes","bool","string","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 '../InputText/InputText.module.css';\nimport styleDate from './InputDate.module.css';\n\nconst InputDate = ({\n  disabled,\n  error,\n  format = 'DD/MM/YYYY',\n  hint,\n  label,\n  labels = [],\n  max,\n  min,\n  name,\n  placeholder = true,\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    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      <Text\n        small\n        className={styles(\n          styleDate.label,\n          style.text,\n          style.hint,\n          disabled && style.disabled,\n          focus && style.focus,\n          error && style.error,\n        )}\n      >\n        {label}\n      </Text>\n\n      <View row>\n        {parts.map((part, index) => (\n          <InputText\n            {...rest}\n            disabled={disabled}\n            error={error}\n            hint={!placeholder ? labels[index] || part : undefined}\n            key={index}\n            maxLength={part.length}\n            name={`${name}:${part}`}\n            placeholder={placeholder ? labels[index] || part : undefined}\n            showState={index === parts.length - 1}\n            value={values[index]}\n            onChange={(value, ...rest) => handleChange(value, part, ...rest)}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n            className={styles(\n              styleDate.input,\n              styleDate[part.substring(0, 1)],\n              index === parts.length - 1 && styleDate.state,\n            )}\n            data-testid={testId ? `${testId}-${part}` : undefined}\n          />\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\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  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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"}
+{"version":3,"file":"InputDate.js","names":["InputDate","disabled","error","format","hint","label","labels","max","min","name","placeholder","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","text","undefined","input","substring","state","getIconState","icon","withHint","displayName","propTypes","PropTypes","bool","string","arrayOf","isRequired","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { getIconState, getInputDateErrors, splitDate, styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport { InputText } from '../InputText';\nimport style from '../InputText/InputText.module.css';\nimport styleDate from './InputDate.module.css';\n\nconst InputDate = ({\n  disabled,\n  error,\n  format = 'DD/MM/YYYY',\n  hint,\n  label,\n  labels = [],\n  max,\n  min,\n  name,\n  placeholder = true,\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      <Text\n        small\n        className={styles(\n          styleDate.label,\n          style.text,\n          style.hint,\n          disabled && style.disabled,\n          focus && style.focus,\n          error && style.error,\n        )}\n      >\n        {label}\n      </Text>\n\n      <View row>\n        {parts.map((part, index) => (\n          <InputText\n            {...rest}\n            disabled={disabled}\n            error={error}\n            hint={!placeholder ? labels[index] || part : undefined}\n            key={index}\n            maxLength={part.length}\n            name={`${name}:${part}`}\n            placeholder={placeholder ? labels[index] || part : undefined}\n            showState={false}\n            value={values[index]}\n            onChange={(value, ...rest) => handleChange(value, part, ...rest)}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n            className={styles(\n              styleDate.input,\n              styleDate[part.substring(0, 1)],\n              index === parts.length - 1 && styleDate.state,\n            )}\n            data-testid={testId ? `${testId}-${part}` : undefined}\n          />\n        ))}\n\n        {(error || success || warning) && (\n          <Icon\n            value={getIconState({ error, success, warning })}\n            className={styles(\n              style.icon,\n              error ? style.error : warning ? style.warning : success ? style.success : undefined,\n              !placeholder && styleDate.withHint,\n            )}\n          />\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\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":"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"}

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

@@ -20,3 +20,7 @@
 .label {
   margin-top: calc(var(--mirai-ui-font-size-small) * -0.5);
 }
+
+.withHint {
+  margin-bottom: calc(var(--mirai-ui-input-text-padding-y) * 2);
+}

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

@@ -1,29 +1,22 @@
 "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.default = exports.Story = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _InputDate = require("./InputDate");
-
 var _InputText = require("../InputText");
-
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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); }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _default = {
   title: 'Components'
 };
 exports.default = _default;
-
 var Story = function Story(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_InputText.InputText, {
     label: "name",
@@ -34,7 +27,6 @@ var Story = function Story(props) {
     hint: true
   }));
 };
-
 exports.Story = Story;
 Story.storyName = 'InputDate';
 Story.args = _defineProperty({
@@ -48,41 +40,35 @@ Story.args = _defineProperty({
   name: 'name',
   placeholder: true,
   required: false,
+  success: false,
   value: '06/05/2020',
+  warning: false,
   onChange: function onChange() {
     var _console;
-
     for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
       props[_key] = arguments[_key];
     }
-
     return (_console = console).log.apply(_console, ['<InputDate>::onBlur'].concat(props));
   },
   onError: function onError() {
     var _console2;
-
     for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       props[_key2] = arguments[_key2];
     }
-
     return (_console2 = console).log.apply(_console2, ['<InputDate>::onError'].concat(props));
   },
   onEnter: function onEnter() {
     var _console3;
-
     for (var _len3 = arguments.length, props = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       props[_key3] = arguments[_key3];
     }
-
     return (_console3 = console).log.apply(_console3, ['<InputDate>::onEnter'].concat(props));
   },
   onLeave: function onLeave() {
     var _console4;
-
     for (var _len4 = arguments.length, props = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       props[_key4] = arguments[_key4];
     }
-
     return (_console4 = console).log.apply(_console4, ['<InputDate>::onLeave'].concat(props));
   }
 }, 'data-testid', 'test-story');

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

@@ -1 +1 @@
-{"version":3,"file":"InputDate.stories.js","names":["title","Story","props","storyName","args","disabled","error","format","hint","label","max","min","name","placeholder","required","value","onChange","console","log","onError","onEnter","onLeave","argTypes"],"sources":["../../../src/components/InputDate/InputDate.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputDate } from './InputDate';\nimport { InputText } from '../InputText';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <>\n    <InputText label=\"name\" hint />\n    <InputDate {...props} />\n    <InputText label=\"password\" type=\"password\" hint />\n  </>\n);\n\nStory.storyName = 'InputDate';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  format: 'DD/MM/YYYY',\n  hint: 'hint',\n  label: 'label',\n  max: '10/04/2080',\n  min: '10/04/1980',\n  name: 'name',\n  placeholder: true,\n  required: false,\n  value: '06/05/2020',\n  onChange: (...props) => console.log('<InputDate>::onBlur', ...props),\n  onError: (...props) => console.log('<InputDate>::onError', ...props),\n  onEnter: (...props) => console.log('<InputDate>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputDate>::onLeave', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,uDACE,oBAAC,oBAAD;IAAW,KAAK,EAAC,MAAjB;IAAwB,IAAI;EAA5B,EADF,eAEE,oBAAC,oBAAD,EAAeA,KAAf,CAFF,eAGE,oBAAC,oBAAD;IAAW,KAAK,EAAC,UAAjB;IAA4B,IAAI,EAAC,UAAjC;IAA4C,IAAI;EAAhD,EAHF,CADmB;AAAA,CAAd;;;AAQPD,KAAK,CAACE,SAAN,GAAkB,WAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,QAAQ,EAAE,KADZ;EAEEC,KAAK,EAAE,KAFT;EAGEC,MAAM,EAAE,YAHV;EAIEC,IAAI,EAAE,MAJR;EAKEC,KAAK,EAAE,OALT;EAMEC,GAAG,EAAE,YANP;EAOEC,GAAG,EAAE,YAPP;EAQEC,IAAI,EAAE,MARR;EASEC,WAAW,EAAE,IATf;EAUEC,QAAQ,EAAE,KAVZ;EAWEC,KAAK,EAAE,YAXT;EAYEC,QAAQ,EAAE;IAAA;;IAAA,kCAAId,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAe,OAAO,EAACC,GAAR,kBAAY,qBAAZ,SAAsChB,KAAtC,EAAd;EAAA,CAZZ;EAaEiB,OAAO,EAAE;IAAA;;IAAA,mCAAIjB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAe,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuChB,KAAvC,EAAd;EAAA,CAbX;EAcEkB,OAAO,EAAE;IAAA;;IAAA,mCAAIlB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAe,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuChB,KAAvC,EAAd;EAAA,CAdX;EAeEmB,OAAO,EAAE;IAAA;;IAAA,mCAAInB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAe,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuChB,KAAvC,EAAd;EAAA;AAfX,GAgBG,aAhBH,EAgBmB,YAhBnB;AAmBAD,KAAK,CAACqB,QAAN,GAAiB,EAAjB"}
+{"version":3,"file":"InputDate.stories.js","names":["title","Story","props","storyName","args","disabled","error","format","hint","label","max","min","name","placeholder","required","success","value","warning","onChange","console","log","onError","onEnter","onLeave","argTypes"],"sources":["../../../src/components/InputDate/InputDate.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputDate } from './InputDate';\nimport { InputText } from '../InputText';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <>\n    <InputText label=\"name\" hint />\n    <InputDate {...props} />\n    <InputText label=\"password\" type=\"password\" hint />\n  </>\n);\n\nStory.storyName = 'InputDate';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  format: 'DD/MM/YYYY',\n  hint: 'hint',\n  label: 'label',\n  max: '10/04/2080',\n  min: '10/04/1980',\n  name: 'name',\n  placeholder: true,\n  required: false,\n  success: false,\n  value: '06/05/2020',\n  warning: false,\n  onChange: (...props) => console.log('<InputDate>::onBlur', ...props),\n  onError: (...props) => console.log('<InputDate>::onError', ...props),\n  onEnter: (...props) => console.log('<InputDate>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputDate>::onLeave', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE1B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,uDACE,oBAAC,oBAAS;IAAC,KAAK,EAAC,MAAM;IAAC,IAAI;EAAA,EAAG,eAC/B,oBAAC,oBAAS,EAAKA,KAAK,CAAI,eACxB,oBAAC,oBAAS;IAAC,KAAK,EAAC,UAAU;IAAC,IAAI,EAAC,UAAU;IAAC,IAAI;EAAA,EAAG,CAClD;AAAA,CACJ;AAAC;AAEFD,KAAK,CAACE,SAAS,GAAG,WAAW;AAE7BF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,YAAY;EACpBC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,GAAG,EAAE,YAAY;EACjBC,GAAG,EAAE,YAAY;EACjBC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,IAAI;EACjBC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE,YAAY;EACnBC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE;IAAA;IAAA,kCAAIhB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,YAAAiB,OAAO,EAACC,GAAG,kBAAC,qBAAqB,SAAKlB,KAAK,EAAC;EAAA;EACpEmB,OAAO,EAAE;IAAA;IAAA,mCAAInB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAiB,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKlB,KAAK,EAAC;EAAA;EACpEoB,OAAO,EAAE;IAAA;IAAA,mCAAIpB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAiB,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKlB,KAAK,EAAC;EAAA;EACpEqB,OAAO,EAAE;IAAA;IAAA,mCAAIrB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAiB,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKlB,KAAK,EAAC;EAAA;AAAA,GACnE,aAAa,EAAG,YAAY,CAC9B;AAEDD,KAAK,CAACuB,QAAQ,GAAG,CAAC,CAAC"}

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

@@ -188,33 +188,29 @@ exports[`component:<InputDate> prop:error 1`] = `
             type="text"
             value=""
           />
-          <div
-            class="view row icons"
-          >
-            <span
-              class="icon headline-3 icon error"
-            >
-              <svg
-                fill="currentColor"
-                height="1em"
-                stroke="currentColor"
-                stroke-width="0"
-                viewBox="0 0 24 24"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0 0h24v24H0V0z"
-                  fill="none"
-                />
-                <path
-                  d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                />
-              </svg>
-            </span>
-          </div>
         </div>
       </div>
+      <span
+        class="icon headline-3 icon error"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+          />
+        </svg>
+      </span>
     </div>
   </div>
 </DocumentFragment>
@@ -492,6 +488,91 @@ exports[`component:<InputDate> prop:placeholder (false) 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<InputDate> prop:success 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <span
+      class="text small label text hint"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            placeholder="DD"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            placeholder="MM"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="view inputContainer input Y state"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            placeholder="YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <span
+        class="icon headline-3 icon success"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<InputDate> prop:value & prop:format 1`] = `
 <DocumentFragment>
   <div
@@ -620,6 +701,87 @@ exports[`component:<InputDate> prop:value 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<InputDate> prop:warning 1`] = `
+<DocumentFragment>
+  <div
+    class="view inputContainer"
+  >
+    <span
+      class="text small label text hint"
+    />
+    <div
+      class="view row"
+    >
+      <div
+        class="view inputContainer input D"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:DD"
+            placeholder="DD"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="view inputContainer input M"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="2"
+            name="name:MM"
+            placeholder="MM"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="view inputContainer input Y state"
+      >
+        <div
+          class="view row inputBorder"
+        >
+          <input
+            class="input input"
+            maxlength="4"
+            name="name:YYYY"
+            placeholder="YYYY"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <span
+        class="icon headline-3 icon warning"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<InputDate> renders 1`] = `
 <DocumentFragment>
   <div