@mirai/ui 1.0.93 → 1.0.94-c

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

@@ -30,12 +30,11 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M24 24H0V0h24v24z"
+                d="M0 0h24v24H0V0z"
                 fill="none"
-                opacity=".87"
               />
               <path
-                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
               />
             </svg>
           </span>
@@ -173,12 +172,11 @@ exports[`component:<Modal> prop:onClose 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M24 24H0V0h24v24z"
+                d="M0 0h24v24H0V0z"
                 fill="none"
-                opacity=".87"
               />
               <path
-                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
               />
             </svg>
           </span>

package/build/hooks/helpers/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _getNavigator = require("./getNavigator");
+Object.keys(_getNavigator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getNavigator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getNavigator[key];
+    }
+  });
+});
 var _getResolution = require("./getResolution");
 Object.keys(_getResolution).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -14,14 +25,14 @@ Object.keys(_getResolution).forEach(function (key) {
     }
   });
 });
-var _getNavigator = require("./getNavigator");
-Object.keys(_getNavigator).forEach(function (key) {
+var _sanitizePx = require("./sanitizePx");
+Object.keys(_sanitizePx).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _getNavigator[key]) return;
+  if (key in exports && exports[key] === _sanitizePx[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _getNavigator[key];
+      return _sanitizePx[key];
     }
   });
 });

package/build/hooks/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/helpers/index.js"],"sourcesContent":["export * from './getResolution';\nexport * from './getNavigator';\n"],"mappings":";;;;;AAAA;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/hooks/helpers/index.js"],"sourcesContent":["export * from './getNavigator';\nexport * from './getResolution';\nexport * from './sanitizePx';\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"}

package/build/hooks/helpers/sanitizePx.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sanitizePx = void 0;
+var sanitizePx = function sanitizePx(text) {
+  return typeof text === 'string' && text.trim().length > 0 ? parseInt(text.replace('px')) : undefined;
+};
+exports.sanitizePx = sanitizePx;
+//# sourceMappingURL=sanitizePx.js.map

package/build/hooks/helpers/sanitizePx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitizePx.js","names":["sanitizePx","text","trim","length","parseInt","replace","undefined"],"sources":["../../../src/hooks/helpers/sanitizePx.js"],"sourcesContent":["export const sanitizePx = (text) =>\n  typeof text === 'string' && text.trim().length > 0 ? parseInt(text.replace('px')) : undefined;\n"],"mappings":";;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAAI;EAAA,OAC7B,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,GAAGC,QAAQ,CAACH,IAAI,CAACI,OAAO,CAAC,IAAI,CAAC,CAAC,GAAGC,SAAS;AAAA;AAAC"}

package/build/hooks/useDevice.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDevice = void 0;
 var _react = require("react");
+var _theme = require("../theme");
 var _helpers = require("./helpers");
 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; }
@@ -33,14 +34,19 @@ var useDevice = function useDevice() {
     };
   }, []);
   return (0, _react.useMemo)(function () {
+    var _Theme$get = _theme.Theme.get(),
+      breakpointS = _Theme$get.breakpointS,
+      breakpointM = _Theme$get.breakpointM;
     var isLandscape = resolution.width >= resolution.height;
-    var isMobile = resolution.width <= 430;
+    var isMobile = resolution.width <= (0, _helpers.sanitizePx)(breakpointS);
+    var isTablet = !isMobile && resolution.width <= (0, _helpers.sanitizePx)(breakpointM);
     var navigator = (0, _helpers.getNavigator)();
     return _objectSpread(_objectSpread(_objectSpread({}, resolution), navigator), {}, {
       isLandscape: isLandscape,
       isPortrait: !isLandscape,
       isMobile: isMobile,
-      isDesktop: !isMobile
+      isTablet: isTablet,
+      isDesktop: !isMobile && !isTablet
     });
   }, [resolution]);
 };

package/build/hooks/useDevice.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDevice.js","names":["useDevice","useState","getResolution","resolution","setResolution","useEffect","handleResize","window","addEventListener","removeEventListener","useMemo","isLandscape","width","height","isMobile","navigator","getNavigator","isPortrait","isDesktop"],"sources":["../../src/hooks/useDevice.js"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { getResolution, getNavigator } from './helpers';\n\nexport const useDevice = () => {\n  const [resolution, setResolution] = useState(getResolution());\n\n  useEffect(() => {\n    const handleResize = () => setResolution(getResolution());\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return useMemo(() => {\n    const isLandscape = resolution.width >= resolution.height;\n    const isMobile = resolution.width <= 430;\n    const navigator = getNavigator();\n\n    return {\n      ...resolution,\n      ...navigator,\n      isLandscape,\n      isPortrait: !isLandscape,\n      isMobile,\n      isDesktop: !isMobile,\n    };\n  }, [resolution]);\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAAwD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjD,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC7B,gBAAoC,IAAAC,eAAQ,EAAC,IAAAC,sBAAa,GAAE,CAAC;IAAA;IAAtDC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,YAAY,GAAG,SAAfA,YAAY;MAAA,OAASF,aAAa,CAAC,IAAAF,sBAAa,GAAE,CAAC;IAAA;IAEzDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO;MAAA,OAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAI,cAAO,EAAC,YAAM;IACnB,IAAMC,WAAW,GAAGR,UAAU,CAACS,KAAK,IAAIT,UAAU,CAACU,MAAM;IACzD,IAAMC,QAAQ,GAAGX,UAAU,CAACS,KAAK,IAAI,GAAG;IACxC,IAAMG,SAAS,GAAG,IAAAC,qBAAY,GAAE;IAEhC,qDACKb,UAAU,GACVY,SAAS;MACZJ,WAAW,EAAXA,WAAW;MACXM,UAAU,EAAE,CAACN,WAAW;MACxBG,QAAQ,EAARA,QAAQ;MACRI,SAAS,EAAE,CAACJ;IAAQ;EAExB,CAAC,EAAE,CAACX,UAAU,CAAC,CAAC;AAClB,CAAC;AAAC"}
+{"version":3,"file":"useDevice.js","names":["useDevice","useState","getResolution","resolution","setResolution","useEffect","handleResize","window","addEventListener","removeEventListener","useMemo","Theme","get","breakpointS","breakpointM","isLandscape","width","height","isMobile","sanitizePx","isTablet","navigator","getNavigator","isPortrait","isDesktop"],"sources":["../../src/hooks/useDevice.js"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { Theme } from '../theme';\nimport { getResolution, getNavigator, sanitizePx } from './helpers';\n\nexport const useDevice = () => {\n  const [resolution, setResolution] = useState(getResolution());\n\n  useEffect(() => {\n    const handleResize = () => setResolution(getResolution());\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return useMemo(() => {\n    const { breakpointS, breakpointM } = Theme.get();\n    const isLandscape = resolution.width >= resolution.height;\n    const isMobile = resolution.width <= sanitizePx(breakpointS);\n    const isTablet = !isMobile && resolution.width <= sanitizePx(breakpointM);\n    const navigator = getNavigator();\n\n    return {\n      ...resolution,\n      ...navigator,\n      isLandscape,\n      isPortrait: !isLandscape,\n      isMobile,\n      isTablet,\n      isDesktop: !isMobile && !isTablet,\n    };\n  }, [resolution]);\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7D,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC7B,gBAAoC,IAAAC,eAAQ,EAAC,IAAAC,sBAAa,GAAE,CAAC;IAAA;IAAtDC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,YAAY,GAAG,SAAfA,YAAY;MAAA,OAASF,aAAa,CAAC,IAAAF,sBAAa,GAAE,CAAC;IAAA;IAEzDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO;MAAA,OAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAI,cAAO,EAAC,YAAM;IACnB,iBAAqCC,YAAK,CAACC,GAAG,EAAE;MAAxCC,WAAW,cAAXA,WAAW;MAAEC,WAAW,cAAXA,WAAW;IAChC,IAAMC,WAAW,GAAGZ,UAAU,CAACa,KAAK,IAAIb,UAAU,CAACc,MAAM;IACzD,IAAMC,QAAQ,GAAGf,UAAU,CAACa,KAAK,IAAI,IAAAG,mBAAU,EAACN,WAAW,CAAC;IAC5D,IAAMO,QAAQ,GAAG,CAACF,QAAQ,IAAIf,UAAU,CAACa,KAAK,IAAI,IAAAG,mBAAU,EAACL,WAAW,CAAC;IACzE,IAAMO,SAAS,GAAG,IAAAC,qBAAY,GAAE;IAEhC,qDACKnB,UAAU,GACVkB,SAAS;MACZN,WAAW,EAAXA,WAAW;MACXQ,UAAU,EAAE,CAACR,WAAW;MACxBG,QAAQ,EAARA,QAAQ;MACRE,QAAQ,EAARA,QAAQ;MACRI,SAAS,EAAE,CAACN,QAAQ,IAAI,CAACE;IAAQ;EAErC,CAAC,EAAE,CAACjB,UAAU,CAAC,CAAC;AAClB,CAAC;AAAC"}

package/build/primitives/Input/Input.js

@@ -6,17 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Input = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../helpers");
 var _helpers2 = require("./helpers");
 var _InputModule = _interopRequireDefault(require("./Input.module.css"));
 var _excluded = ["disabled", "multiLine", "type", "onChange", "onEnter", "onError", "onLeave"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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) { 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); }
+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 = 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 Input = function Input(_ref) {
@@ -29,15 +37,26 @@ var Input = function Input(_ref) {
     onError = _ref.onError,
     onLeave = _ref.onLeave,
     others = _objectWithoutProperties(_ref, _excluded);
-  var errors = (0, _helpers.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
-    type: type
-  }));
-  if (errors && onError) onError(errors);
+  var _useState = (0, _react.useState)(others.value),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var errors = (0, _helpers.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
+      type: type
+    }));
+    if (errors && onError) onError(errors);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(function () {
+    return setValue(others.value);
+  }, [others.value]);
   var handleChange = function handleChange() {
     var next = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var event = arguments.length > 1 ? arguments[1] : undefined;
     if (type === 'number' && isNaN(next)) return;
     var value = (0, _helpers2.parseValue)(next, type, others);
+    setValue(value);
     onError && onError((0, _helpers.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
       type: type,
       value: value
@@ -48,7 +67,7 @@ var Input = function Input(_ref) {
     disabled: disabled,
     test: undefined,
     type: type,
-    value: others.value || '',
+    value: value || '',
     className: (0, _helpers.styles)(_InputModule.default.input, others.className)
   }, !disabled ? {
     onChange: function onChange(event) {

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","getInputErrors","handleChange","next","event","isNaN","value","parseValue","React","createElement","test","undefined","className","styles","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    test: undefined,\n    type,\n    value: others.value || '',\n    className: styles(style.input, others.className),\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;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAA+F;EAAA,IAAzFC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EACjG,IAAMC,MAAM,GAAG,IAAAC,uBAAc,kCAAMF,MAAM;IAAEL,IAAI,EAAJA;EAAI,GAAG;EAClD,IAAIM,MAAM,IAAIH,OAAO,EAAEA,OAAO,CAACG,MAAM,CAAC;EAEtC,IAAME,YAAY,GAAG,SAAfA,YAAY,GAAyB;IAAA,IAArBC,IAAI,uEAAG,EAAE;IAAA,IAAEC,KAAK;IACpC,IAAIV,IAAI,KAAK,QAAQ,IAAIW,KAAK,CAACF,IAAI,CAAC,EAAE;IACtC,IAAMG,KAAK,GAAG,IAAAC,oBAAU,EAACJ,IAAI,EAAET,IAAI,EAAEK,MAAM,CAAC;IAE5CF,OAAO,IAAIA,OAAO,CAAC,IAAAI,uBAAc,kCAAMF,MAAM;MAAEL,IAAI,EAAJA,IAAI;MAAEY,KAAK,EAALA;IAAK,GAAG,CAAC;IAC9DX,QAAQ,IAAIA,QAAQ,CAACW,KAAK,IAAI,EAAE,EAAEF,KAAK,CAAC;EAC1C,CAAC;EAED,oBAAOI,cAAK,CAACC,aAAa,CAAChB,SAAS,GAAG,UAAU,GAAG,OAAO,kCACtDM,MAAM;IACTP,QAAQ,EAARA,QAAQ;IACRkB,IAAI,EAAEC,SAAS;IACfjB,IAAI,EAAJA,IAAI;IACJY,KAAK,EAAEP,MAAM,CAACO,KAAK,IAAI,EAAE;IACzBM,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEhB,MAAM,CAACa,SAAS;EAAC,GAC5C,CAACpB,QAAQ,GACT;IACEG,QAAQ,EAAE,kBAACS,KAAK;MAAA,OAAKF,YAAY,CAACE,KAAK,CAACY,MAAM,CAACV,KAAK,EAAEF,KAAK,CAAC;IAAA;IAC5Da,OAAO,EAAErB,OAAO;IAChBsB,MAAM,EAAEpB;EACV,CAAC,GACD,CAAC,CAAC,EACN;AACJ,CAAC;AAAC;AAEFP,KAAK,CAAC4B,WAAW,GAAG,iBAAiB;AAErC5B,KAAK,CAAC6B,SAAS,GAAG;EAChB5B,QAAQ,EAAE6B,kBAAS,CAACC,IAAI;EACxB7B,SAAS,EAAE4B,kBAAS,CAACC,IAAI;EACzBC,IAAI,EAAEF,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjC/B,IAAI,EAAE2B,kBAAS,CAACG,MAAM;EACtB7B,QAAQ,EAAE0B,kBAAS,CAACK,IAAI;EACxB9B,OAAO,EAAEyB,kBAAS,CAACK,IAAI;EACvB7B,OAAO,EAAEwB,kBAAS,CAACK,IAAI;EACvB5B,OAAO,EAAEuB,kBAAS,CAACK;AACrB,CAAC"}
+{"version":3,"file":"Input.js","names":["Input","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","useState","value","setValue","useEffect","errors","getInputErrors","handleChange","next","event","isNaN","parseValue","React","createElement","test","undefined","className","styles","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, { useEffect, useState } 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 [value, setValue] = useState(others.value);\n\n  useEffect(() => {\n    const errors = getInputErrors({ ...others, type });\n    if (errors && onError) onError(errors);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => setValue(others.value), [others.value]);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n    setValue(value);\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    test: undefined,\n    type,\n    value: value || '',\n    className: styles(style.input, others.className),\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;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAA+F;EAAA,IAAzFC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EACjG,gBAA0B,IAAAC,eAAQ,EAACD,MAAM,CAACE,KAAK,CAAC;IAAA;IAAzCA,KAAK;IAAEC,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,MAAM,GAAG,IAAAC,uBAAc,kCAAMN,MAAM;MAAEL,IAAI,EAAJA;IAAI,GAAG;IAClD,IAAIU,MAAM,IAAIP,OAAO,EAAEA,OAAO,CAACO,MAAM,CAAC;IACtC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC;IAAA,OAAMD,QAAQ,CAACH,MAAM,CAACE,KAAK,CAAC;EAAA,GAAE,CAACF,MAAM,CAACE,KAAK,CAAC,CAAC;EAEvD,IAAMK,YAAY,GAAG,SAAfA,YAAY,GAAyB;IAAA,IAArBC,IAAI,uEAAG,EAAE;IAAA,IAAEC,KAAK;IACpC,IAAId,IAAI,KAAK,QAAQ,IAAIe,KAAK,CAACF,IAAI,CAAC,EAAE;IACtC,IAAMN,KAAK,GAAG,IAAAS,oBAAU,EAACH,IAAI,EAAEb,IAAI,EAAEK,MAAM,CAAC;IAC5CG,QAAQ,CAACD,KAAK,CAAC;IAEfJ,OAAO,IAAIA,OAAO,CAAC,IAAAQ,uBAAc,kCAAMN,MAAM;MAAEL,IAAI,EAAJA,IAAI;MAAEO,KAAK,EAALA;IAAK,GAAG,CAAC;IAC9DN,QAAQ,IAAIA,QAAQ,CAACM,KAAK,IAAI,EAAE,EAAEO,KAAK,CAAC;EAC1C,CAAC;EAED,oBAAOG,cAAK,CAACC,aAAa,CAACnB,SAAS,GAAG,UAAU,GAAG,OAAO,kCACtDM,MAAM;IACTP,QAAQ,EAARA,QAAQ;IACRqB,IAAI,EAAEC,SAAS;IACfpB,IAAI,EAAJA,IAAI;IACJO,KAAK,EAAEA,KAAK,IAAI,EAAE;IAClBc,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEnB,MAAM,CAACgB,SAAS;EAAC,GAC5C,CAACvB,QAAQ,GACT;IACEG,QAAQ,EAAE,kBAACa,KAAK;MAAA,OAAKF,YAAY,CAACE,KAAK,CAACW,MAAM,CAAClB,KAAK,EAAEO,KAAK,CAAC;IAAA;IAC5DY,OAAO,EAAExB,OAAO;IAChByB,MAAM,EAAEvB;EACV,CAAC,GACD,CAAC,CAAC,EACN;AACJ,CAAC;AAAC;AAEFP,KAAK,CAAC+B,WAAW,GAAG,iBAAiB;AAErC/B,KAAK,CAACgC,SAAS,GAAG;EAChB/B,QAAQ,EAAEgC,kBAAS,CAACC,IAAI;EACxBhC,SAAS,EAAE+B,kBAAS,CAACC,IAAI;EACzBC,IAAI,EAAEF,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjClC,IAAI,EAAE8B,kBAAS,CAACG,MAAM;EACtBhC,QAAQ,EAAE6B,kBAAS,CAACK,IAAI;EACxBjC,OAAO,EAAE4B,kBAAS,CAACK,IAAI;EACvBhC,OAAO,EAAE2B,kBAAS,CAACK,IAAI;EACvB/B,OAAO,EAAE0B,kBAAS,CAACK;AACrB,CAAC"}

package/build/theme/default.theme.css

@@ -78,7 +78,7 @@
 
   /* breakpoints */
   --mirai-ui-breakpoint-S: 430px;
-  --mirai-ui-breakpoint-M: 768px;
+  --mirai-ui-breakpoint-M: 820px;
   --mirai-ui-breakpoint-content: 1280px;
 
   /* motion */

package/package.json

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