@mirai/ui 1.0.35 → 1.0.37

package/build/components/Calendar/helpers/index.js

@@ -107,17 +107,4 @@ Object.keys(_getWeekNumber).forEach(function (key) {
     }
   });
 });
-
-var _isJest = require("./isJest");
-
-Object.keys(_isJest).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _isJest[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _isJest[key];
-    }
-  });
-});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Calendar/helpers/index.js"],"sourcesContent":["export * from './getFirstDateOfMonth';\nexport * from './getFirstDateOfWeek';\nexport * from './getFirstDayOfWeek';\nexport * from './getHeader';\nexport * from './getScrollTo';\nexport * from './getToday';\nexport * from './getWeekDays';\nexport * from './getWeekNumber';\nexport * from './isJest';\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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Calendar/helpers/index.js"],"sourcesContent":["export * from './getFirstDateOfMonth';\nexport * from './getFirstDateOfWeek';\nexport * from './getFirstDayOfWeek';\nexport * from './getHeader';\nexport * from './getScrollTo';\nexport * from './getToday';\nexport * from './getWeekDays';\nexport * from './getWeekNumber';\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"}

package/build/components/Modal/Modal.js

@@ -9,6 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _helpers = require("../../helpers");
 
 var _hooks = require("../../hooks");
@@ -17,7 +19,7 @@ var _primitives = require("../../primitives");
 
 var _ModalModule = _interopRequireDefault(require("./Modal.module.css"));
 
-var _excluded = ["children", "overflow", "title", "visible", "onBack", "onClose"];
+var _excluded = ["children", "overflow", "portal", "title", "visible", "onBack", "onClose"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -31,6 +33,8 @@ var Modal = function Modal(_ref) {
   var children = _ref.children,
       _ref$overflow = _ref.overflow,
       overflow = _ref$overflow === void 0 ? true : _ref$overflow,
+      _ref$portal = _ref.portal,
+      portal = _ref$portal === void 0 ? false : _ref$portal,
       title = _ref.title,
       visible = _ref.visible,
       onBack = _ref.onBack,
@@ -40,7 +44,10 @@ var Modal = function Modal(_ref) {
   var _useDevice = (0, _hooks.useDevice)(),
       isDesktop = _useDevice.isDesktop;
 
-  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+  var renderer = _helpers.IS_JEST || !portal ? function (jsx) {
+    return jsx;
+  } : _reactDom.default.createPortal;
+  return renderer( /*#__PURE__*/_react.default.createElement(_primitives.View, {
     row: true,
     className: (0, _helpers.styles)(_ModalModule.default.container, overflow && _ModalModule.default.overflow, visible && _ModalModule.default.visible)
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
@@ -62,12 +69,13 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     name: isDesktop || title !== undefined ? 'Close' : 'CloseArrow',
     className: _ModalModule.default.icon
-  }))), children));
+  }))), children)), document.body);
 };
 
 exports.Modal = Modal;
 Modal.propTypes = {
   children: _propTypes.default.node,
+  portal: _propTypes.default.bool,
   overflow: _propTypes.default.bool,
   title: _propTypes.default.string,
   visible: _propTypes.default.bool,

package/build/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Modal","children","overflow","title","visible","onBack","onClose","others","isDesktop","style","container","modal","className","header","icon","left","right","undefined","propTypes","PropTypes","node","bool","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, overflow = true, title, visible, onBack, onClose, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  return (\n    <View row className={styles(style.container, overflow && style.overflow, visible && style.visible)}>\n      <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n        {(title || onBack || onClose) && (\n          <View row className={style.header}>\n            {onBack && (\n              <Pressable onPress={onBack}>\n                <Icon name=\"Left\" className={style.icon} />\n              </Pressable>\n            )}\n            {title && (\n              <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n                {title}\n              </Text>\n            )}\n            {onClose && (\n              <Pressable onPress={onClose}>\n                <Icon name={isDesktop || title !== undefined ? 'Close' : 'CloseArrow'} className={style.icon} />\n              </Pressable>\n            )}\n          </View>\n        )}\n        {children}\n      </View>\n    </View>\n  );\n};\n\nModal.propTypes = {\n  children: PropTypes.node,\n  overflow: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onBack: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+E;EAAA,IAA5EC,QAA4E,QAA5EA,QAA4E;EAAA,yBAAlEC,QAAkE;EAAA,IAAlEA,QAAkE,8BAAvD,IAAuD;EAAA,IAAjDC,KAAiD,QAAjDA,KAAiD;EAAA,IAA1CC,OAA0C,QAA1CA,OAA0C;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EAC3F,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,oBACE,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAE,qBAAOC,qBAAMC,SAAb,EAAwBR,QAAQ,IAAIO,qBAAMP,QAA1C,EAAoDE,OAAO,IAAIK,qBAAML,OAArE;EAArB,gBACE,6BAAC,gBAAD,eAAUG,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOE,qBAAME,KAAb,EAAoBP,OAAO,IAAIK,qBAAML,OAArC,EAA8CG,MAAM,CAACK,SAArD;EAAjC,IACG,CAACT,KAAK,IAAIE,MAAT,IAAmBC,OAApB,kBACC,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAEG,qBAAMI;EAA3B,GACGR,MAAM,iBACL,6BAAC,qBAAD;IAAW,OAAO,EAAEA;EAApB,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAC,MAAX;IAAkB,SAAS,EAAEI,qBAAMK;EAAnC,EADF,CAFJ,EAMGX,KAAK,iBACJ,6BAAC,gBAAD;IAAM,QAAQ,MAAd;IAAe,SAAS,EAAE,qBAAOM,qBAAMN,KAAb,EAAoB,CAACE,MAAD,IAAWI,qBAAMM,IAArC,EAA2C,CAACT,OAAD,IAAYG,qBAAMO,KAA7D;EAA1B,GACGb,KADH,CAPJ,EAWGG,OAAO,iBACN,6BAAC,qBAAD;IAAW,OAAO,EAAEA;EAApB,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAEE,SAAS,IAAIL,KAAK,KAAKc,SAAvB,GAAmC,OAAnC,GAA6C,YAAzD;IAAuE,SAAS,EAAER,qBAAMK;EAAxF,EADF,CAZJ,CAFJ,EAoBGb,QApBH,CADF,CADF;AA0BD,CA7BD;;;AA+BAD,KAAK,CAACkB,SAAN,GAAkB;EAChBjB,QAAQ,EAAEkB,mBAAUC,IADJ;EAEhBlB,QAAQ,EAAEiB,mBAAUE,IAFJ;EAGhBlB,KAAK,EAAEgB,mBAAUG,MAHD;EAIhBlB,OAAO,EAAEe,mBAAUE,IAJH;EAKhBhB,MAAM,EAAEc,mBAAUI,IALF;EAMhBjB,OAAO,EAAEa,mBAAUI;AANH,CAAlB"}
+{"version":3,"file":"Modal.js","names":["Modal","children","overflow","portal","title","visible","onBack","onClose","others","isDesktop","renderer","IS_JEST","jsx","ReactDOM","createPortal","style","container","modal","className","header","icon","left","right","undefined","document","body","propTypes","PropTypes","node","bool","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, overflow = true, portal = false, title, visible, onBack, onClose, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n  return renderer(\n    <View row className={styles(style.container, overflow && style.overflow, visible && style.visible)}>\n      <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n        {(title || onBack || onClose) && (\n          <View row className={style.header}>\n            {onBack && (\n              <Pressable onPress={onBack}>\n                <Icon name=\"Left\" className={style.icon} />\n              </Pressable>\n            )}\n            {title && (\n              <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n                {title}\n              </Text>\n            )}\n            {onClose && (\n              <Pressable onPress={onClose}>\n                <Icon name={isDesktop || title !== undefined ? 'Close' : 'CloseArrow'} className={style.icon} />\n              </Pressable>\n            )}\n          </View>\n        )}\n        {children}\n      </View>\n    </View>,\n    document.body,\n  );\n};\n\nModal.propTypes = {\n  children: PropTypes.node,\n  portal: PropTypes.bool,\n  overflow: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onBack: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+F;EAAA,IAA5FC,QAA4F,QAA5FA,QAA4F;EAAA,yBAAlFC,QAAkF;EAAA,IAAlFA,QAAkF,8BAAvE,IAAuE;EAAA,uBAAjEC,MAAiE;EAAA,IAAjEA,MAAiE,4BAAxD,KAAwD;EAAA,IAAjDC,KAAiD,QAAjDA,KAAiD;EAAA,IAA1CC,OAA0C,QAA1CA,OAA0C;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EAC3G,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,IAAMC,QAAQ,GAAGC,oBAAW,CAACR,MAAZ,GAAqB,UAACS,GAAD;IAAA,OAASA,GAAT;EAAA,CAArB,GAAoCC,kBAASC,YAA9D;EAEA,OAAOJ,QAAQ,eACb,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAE,qBAAOK,qBAAMC,SAAb,EAAwBd,QAAQ,IAAIa,qBAAMb,QAA1C,EAAoDG,OAAO,IAAIU,qBAAMV,OAArE;EAArB,gBACE,6BAAC,gBAAD,eAAUG,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOO,qBAAME,KAAb,EAAoBZ,OAAO,IAAIU,qBAAMV,OAArC,EAA8CG,MAAM,CAACU,SAArD;EAAjC,IACG,CAACd,KAAK,IAAIE,MAAT,IAAmBC,OAApB,kBACC,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAEQ,qBAAMI;EAA3B,GACGb,MAAM,iBACL,6BAAC,qBAAD;IAAW,OAAO,EAAEA;EAApB,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAC,MAAX;IAAkB,SAAS,EAAES,qBAAMK;EAAnC,EADF,CAFJ,EAMGhB,KAAK,iBACJ,6BAAC,gBAAD;IAAM,QAAQ,MAAd;IAAe,SAAS,EAAE,qBAAOW,qBAAMX,KAAb,EAAoB,CAACE,MAAD,IAAWS,qBAAMM,IAArC,EAA2C,CAACd,OAAD,IAAYQ,qBAAMO,KAA7D;EAA1B,GACGlB,KADH,CAPJ,EAWGG,OAAO,iBACN,6BAAC,qBAAD;IAAW,OAAO,EAAEA;EAApB,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAEE,SAAS,IAAIL,KAAK,KAAKmB,SAAvB,GAAmC,OAAnC,GAA6C,YAAzD;IAAuE,SAAS,EAAER,qBAAMK;EAAxF,EADF,CAZJ,CAFJ,EAoBGnB,QApBH,CADF,CADa,EAyBbuB,QAAQ,CAACC,IAzBI,CAAf;AA2BD,CAhCD;;;AAkCAzB,KAAK,CAAC0B,SAAN,GAAkB;EAChBzB,QAAQ,EAAE0B,mBAAUC,IADJ;EAEhBzB,MAAM,EAAEwB,mBAAUE,IAFF;EAGhB3B,QAAQ,EAAEyB,mBAAUE,IAHJ;EAIhBzB,KAAK,EAAEuB,mBAAUG,MAJD;EAKhBzB,OAAO,EAAEsB,mBAAUE,IALH;EAMhBvB,MAAM,EAAEqB,mBAAUI,IANF;EAOhBxB,OAAO,EAAEoB,mBAAUI;AAPH,CAAlB"}

package/build/components/Modal/Modal.module.css

@@ -1,9 +1,10 @@
 :root {
   --mirai-ui-modal-background: var(--mirai-ui-base);
-  --mirai-ui-modal-overflow: rgba(0, 0, 0, 0.1);
   --mirai-ui-modal-header-padding: var(--mirai-ui-space-M);
   --mirai-ui-modal-icon: var(--mirai-ui-space-L);
   --mirai-ui-modal-layer: var(--mirai-ui-layer-L);
+  --mirai-ui-modal-overflow: rgba(0, 0, 0, 0.15);
+  --mirai-ui-modal-shadow: var(--mirai-ui-shadow);
 }
 
 .container {
@@ -54,7 +55,7 @@
 }
 
 .modal.visible {
-  box-shadow: var(--mirai-ui-shadow);
+  box-shadow: var(--mirai-ui-modal-shadow);
   pointer-events: all;
 }
 

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

@@ -166,6 +166,18 @@ exports[`component:<Modal> prop:onClose 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<Modal> prop:portal 1`] = `
+<DocumentFragment>
+  <div
+    class="view row container overflow"
+  >
+    <div
+      class="view fit modal"
+    />
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<Modal> prop:title 1`] = `
 <DocumentFragment>
   <div

package/build/helpers/index.js

@@ -17,6 +17,19 @@ Object.keys(_getInputErrors).forEach(function (key) {
   });
 });
 
+var _isJest = require("./isJest");
+
+Object.keys(_isJest).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _isJest[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _isJest[key];
+    }
+  });
+});
+
 var _styles = require("./styles");
 
 Object.keys(_styles).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 './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"}
+{"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"}

package/build/helpers/isJest.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IS_JEST = void 0;
+
+var _process, _process$env;
+
+var IS_JEST = !!((_process = process) !== null && _process !== void 0 && (_process$env = _process.env) !== null && _process$env !== void 0 && _process$env.JEST_WORKER_ID);
+exports.IS_JEST = IS_JEST;
+//# sourceMappingURL=isJest.js.map

package/build/helpers/isJest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isJest.js","names":["IS_JEST","process","env","JEST_WORKER_ID"],"sources":["../../src/helpers/isJest.js"],"sourcesContent":["export const IS_JEST = !!process?.env?.JEST_WORKER_ID;\n"],"mappings":";;;;;;;;;AAAO,IAAMA,OAAO,GAAG,CAAC,cAACC,OAAD,qDAAC,SAASC,GAAV,yCAAC,aAAcC,cAAf,CAAjB"}

package/package.json

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

package/build/components/Calendar/helpers/isJest.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IS_JEST = void 0;
-var IS_JEST = !window && (process && process).env ? process.env.JEST_WORKER_ID !== undefined : false;
-exports.IS_JEST = IS_JEST;
-//# sourceMappingURL=isJest.js.map

package/build/components/Calendar/helpers/isJest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isJest.js","names":["IS_JEST","window","process","env","JEST_WORKER_ID","undefined"],"sources":["../../../../src/components/Calendar/helpers/isJest.js"],"sourcesContent":["export const IS_JEST = !window && (process && process).env ? process.env.JEST_WORKER_ID !== undefined : false;\n"],"mappings":";;;;;;AAAO,IAAMA,OAAO,GAAG,CAACC,MAAD,IAAW,CAACC,OAAO,IAAIA,OAAZ,EAAqBC,GAAhC,GAAsCD,OAAO,CAACC,GAAR,CAAYC,cAAZ,KAA+BC,SAArE,GAAiF,KAAjG"}