@mirai/ui 1.0.164 → 1.0.165

package/build/components/Modal/Modal.js

@@ -44,7 +44,8 @@ var Modal = function Modal(_ref) {
     onOverflow = _ref.onOverflow,
     others = _objectWithoutProperties(_ref, _excluded);
   var _useDevice = (0, _hooks.useDevice)(),
-    isDesktop = _useDevice.isDesktop;
+    isDesktop = _useDevice.isDesktop,
+    height = _useDevice.height;
   var ref = (0, _react.useRef)();
   var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -75,6 +76,9 @@ var Modal = function Modal(_ref) {
     preventDefault: preventDefault,
     className: (0, _helpers.styles)(_ModalModule.default.container, overflow && _ModalModule.default.overflow, overflow && blur && _ModalModule.default.blur, visible && _ModalModule.default.visible, onOverflow && _ModalModule.default.onOverflow),
     onPress: visible && overflow ? handleOverflow : undefined,
+    style: {
+      height: height
+    },
     "data-testid": testId ? "".concat(testId, "-overflow") : undefined
   }, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     fit: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Modal","blur","children","fit","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","others","useDevice","isDesktop","ref","useRef","useState","dataset","setDataset","useEffect","document","body","miraiModal","undefined","handleOverflow","event","target","current","contains","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n  blur = false,\n  children,\n  fit = false,\n  overflow = true,\n  portal = false,\n  preventDefault = true,\n  title,\n  visible,\n  onBack,\n  onClose,\n  onOverflow,\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const ref = useRef();\n\n  const [dataset, setDataset] = useState();\n\n  useEffect(() => {\n    if (visible && !dataset) {\n      setDataset(true);\n      document.body.dataset.miraiModal = true;\n    }\n\n    return () => {\n      if (visible && dataset) {\n        setDataset(undefined);\n        delete document.body.dataset.miraiModal;\n      }\n    };\n  }, [dataset, visible]);\n\n  const handleOverflow = (event) => {\n    const { target } = event;\n    onOverflow && !ref.current?.contains(target) && onOverflow(event);\n  };\n\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n  const { ['data-testid']: testId } = others;\n\n  return renderer(\n    <Pressable\n      preventDefault={preventDefault}\n      className={styles(\n        style.container,\n        overflow && style.overflow,\n        overflow && blur && style.blur,\n        visible && style.visible,\n        onOverflow && style.onOverflow,\n      )}\n      onPress={visible && overflow ? handleOverflow : undefined}\n      data-testid={testId ? `${testId}-overflow` : undefined}\n    >\n      <View\n        {...others}\n        fit\n        ref={ref}\n        className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n      >\n        {(title || onBack || onClose) && (\n          <View forceRow className={style.header}>\n            {onBack && (\n              <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n                <Icon value={ICON.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} data-testid={testId ? `${testId}-button-close` : undefined}>\n                <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n              </Pressable>\n            )}\n          </View>\n        )}\n        {children}\n      </View>\n    </Pressable>,\n    document.body,\n  );\n};\n\nModal.propTypes = {\n  blur: PropTypes.bool,\n  children: PropTypes.node,\n  fit: PropTypes.bool,\n  overflow: PropTypes.bool,\n  portal: PropTypes.bool,\n  preventDefault: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onBack: PropTypes.func,\n  onClose: PropTypes.func,\n  onOverflow: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["Modal","blur","children","fit","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","others","useDevice","isDesktop","height","ref","useRef","useState","dataset","setDataset","useEffect","document","body","miraiModal","undefined","handleOverflow","event","target","current","contains","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n  blur = false,\n  children,\n  fit = false,\n  overflow = true,\n  portal = false,\n  preventDefault = true,\n  title,\n  visible,\n  onBack,\n  onClose,\n  onOverflow,\n  ...others\n}) => {\n  const { isDesktop, height } = useDevice();\n  const ref = useRef();\n\n  const [dataset, setDataset] = useState();\n\n  useEffect(() => {\n    if (visible && !dataset) {\n      setDataset(true);\n      document.body.dataset.miraiModal = true;\n    }\n\n    return () => {\n      if (visible && dataset) {\n        setDataset(undefined);\n        delete document.body.dataset.miraiModal;\n      }\n    };\n  }, [dataset, visible]);\n\n  const handleOverflow = (event) => {\n    const { target } = event;\n    onOverflow && !ref.current?.contains(target) && onOverflow(event);\n  };\n\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n  const { ['data-testid']: testId } = others;\n\n  return renderer(\n    <Pressable\n      preventDefault={preventDefault}\n      className={styles(\n        style.container,\n        overflow && style.overflow,\n        overflow && blur && style.blur,\n        visible && style.visible,\n        onOverflow && style.onOverflow,\n      )}\n      onPress={visible && overflow ? handleOverflow : undefined}\n      style={{ height }}\n      data-testid={testId ? `${testId}-overflow` : undefined}\n    >\n      <View\n        {...others}\n        fit\n        ref={ref}\n        className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n      >\n        {(title || onBack || onClose) && (\n          <View forceRow className={style.header}>\n            {onBack && (\n              <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n                <Icon value={ICON.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} data-testid={testId ? `${testId}-button-close` : undefined}>\n                <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n              </Pressable>\n            )}\n          </View>\n        )}\n        {children}\n      </View>\n    </Pressable>,\n    document.body,\n  );\n};\n\nModal.propTypes = {\n  blur: PropTypes.bool,\n  children: PropTypes.node,\n  fit: PropTypes.bool,\n  overflow: PropTypes.bool,\n  portal: PropTypes.bool,\n  preventDefault: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onBack: PropTypes.func,\n  onClose: PropTypes.func,\n  onOverflow: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":"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"}

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

@@ -3,7 +3,6 @@
 }
 
 .container {
-  bottom: 0;
   display: flex;
   height: 100vh;
   justify-content: center;
@@ -85,6 +84,7 @@
   .container {
     align-items: flex-end;
     align-content: flex-end;
+    bottom: 0;
   }
 
   .header {
@@ -115,6 +115,8 @@
 @media only screen and (min-width: 431px) {
   .container {
     align-items: center;
+    top: 0;
+    bottom: 0;
   }
 
   .header {

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

@@ -5,6 +5,7 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
   <div
     class="pressable container overflow visible"
     data-testid="mirai-onClose-overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -50,6 +51,7 @@ exports[`component:<Modal> Mobile environment prop:visible 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow visible"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -62,6 +64,7 @@ exports[`component:<Modal> inherit:className 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth mirai"
@@ -74,6 +77,7 @@ exports[`component:<Modal> prop:children 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth"
@@ -90,6 +94,7 @@ exports[`component:<Modal> prop:fit 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal"
@@ -103,6 +108,7 @@ exports[`component:<Modal> prop:onBack 1`] = `
   <div
     class="pressable container overflow visible"
     data-testid="mirai-onBack-overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -148,6 +154,7 @@ exports[`component:<Modal> prop:onClose 1`] = `
   <div
     class="pressable container overflow visible"
     data-testid="mirai-onClose-overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -194,6 +201,7 @@ exports[`component:<Modal> prop:onOverflow 1`] = `
   <div
     class="pressable container overflow visible onOverflow"
     data-testid="mirai-onOverflow-overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -207,6 +215,7 @@ exports[`component:<Modal> prop:portal 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth"
@@ -219,6 +228,7 @@ exports[`component:<Modal> prop:title 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth"
@@ -241,6 +251,7 @@ exports[`component:<Modal> prop:visible & prop:blur 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow blur visible"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -253,6 +264,7 @@ exports[`component:<Modal> prop:visible & prop:onOverflow 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow visible onOverflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -265,6 +277,7 @@ exports[`component:<Modal> prop:visible & prop:overflow (false) 1`] = `
 <DocumentFragment>
   <div
     class="pressable container visible"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -277,6 +290,7 @@ exports[`component:<Modal> prop:visible renders 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow visible"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth visible"
@@ -289,6 +303,7 @@ exports[`component:<Modal> renders 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth"
@@ -302,6 +317,7 @@ exports[`component:<Modal> testID 1`] = `
   <div
     class="pressable container overflow"
     data-testid="mirai-overflow"
+    style="height: 768px;"
   >
     <div
       class="view fit modal calcWidth"

package/package.json

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