@mirai/ui 2.0.15 → 2.0.16

package/build/components/Modal/Modal.js

@@ -74,6 +74,18 @@ var Modal = function Modal(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     dataset = _useState2[0],
     setDataset = _useState2[1];
+  var _useState3 = (0, _react.useState)(_helpers.IS_JEST),
+    _useState4 = _slicedToArray(_useState3, 2),
+    instance = _useState4[0],
+    setInstance = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (_helpers.IS_JEST) return;
+    !instance && visible ? setInstance(visible) : instance && !visible ? setTimeout(function () {
+      return setInstance(visible);
+    }, (0, _helpers.getMotionExpand)()) : null;
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [!instance, visible]);
   (0, _react.useEffect)(function () {
     if (!visible || !onClose) return;
     Event.publish(_Modal.EVENT_VISIBLE, {
@@ -128,7 +140,7 @@ var Modal = function Modal(_ref) {
     preventDefault: preventDefault,
     tag: "modal-overflow",
     onPress: visible && overflow ? handleOverflow : undefined,
-    className: (0, _helpers.styles)(_ModalModule.default.container, isDesktop && mobileBehavior && _ModalModule.default.mobileBehavior, overflow && _ModalModule.default.overflow, overflow && blur && _ModalModule.default.blur, visible && _ModalModule.default.visible, onOverflow && _ModalModule.default.onOverflow),
+    className: (0, _helpers.styles)(_ModalModule.default.container, isDesktop && mobileBehavior && _ModalModule.default.mobileBehavior, overflow && _ModalModule.default.overflow, overflow && blur && _ModalModule.default.blur, visible && instance && _ModalModule.default.visible, onOverflow && _ModalModule.default.onOverflow),
     style: {
       height: height
     },
@@ -160,13 +172,12 @@ var Modal = function Modal(_ref) {
     squared: true,
     transparent: true,
     onPress: handleClose,
-    className: _ModalModule.default.button,
     "aria-label": ariaClose,
     testId: testId ? "".concat(testId, "-button-close") : undefined
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    value: isDesktop || title !== undefined ? _primitives.ICON.CLOSE : _primitives.ICON.EXPAND_MORE,
+    value: _primitives.ICON.CLOSE,
     className: _ModalModule.default.icon
-  }))), _react.default.Children.map(children, function (child, index) {
+  }))), instance && _react.default.Children.map(children, function (child, index) {
     return !child || child === null ? null : /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({
       key: child.key || index
     }, child.props), {}, {

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Event","publish","subscribe","Modal","blur","children","displayName","fit","mobileBehavior","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","aria","buttonBack","ariaBack","buttonClose","ariaClose","others","useDevice","isDesktop","isMobile","height","ref","useRef","useState","dataset","setDataset","useEffect","EVENT_VISIBLE","handleKeydown","event","key","handleClose","document","addEventListener","removeEventListener","body","miraiModal","undefined","handleOverflow","target","current","contains","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","reverse","hideBack","hideClose","ICON","icon","button","CLOSE","EXPAND_MORE","React","Children","map","child","index","cloneElement","props","role","propTypes","PropTypes","bool","node","string","func","shape"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["// import { Event } from '@mirai/data-sources';\nconst Event = {\n  publish: () => {},\n  subscribe: () => {},\n};\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Button } from '../../components';\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { EVENT_VISIBLE } from './Modal.constants';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n  blur = false,\n  children,\n  displayName,\n  fit = false,\n  mobileBehavior = false,\n  overflow = true,\n  portal = false,\n  preventDefault = true,\n  title,\n  visible,\n  onBack,\n  onClose,\n  onOverflow,\n  aria: { buttonBack: ariaBack = 'Back', buttonClose: ariaClose = 'Close' } = {},\n  ...others\n}) => {\n  const { isDesktop, isMobile, height } = useDevice();\n  const ref = useRef();\n\n  const [dataset, setDataset] = useState();\n\n  useEffect(() => {\n    if (!visible || !onClose) return;\n    Event.publish(EVENT_VISIBLE, { visible, displayName });\n\n    const handleKeydown = (event) => event.key === 'Escape' && handleClose();\n\n    document.addEventListener('keydown', handleKeydown);\n    return () => document.removeEventListener('keydown', handleKeydown);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\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\n    if (onOverflow && !ref.current?.contains(target)) {\n      Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n      onOverflow(event);\n    }\n  };\n\n  const handleClose = (event) => {\n    Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n    onClose(event);\n  };\n\n  const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n  const { testId } = others;\n\n  return renderer(\n    <Pressable\n      preventDefault={preventDefault}\n      tag=\"modal-overflow\"\n      onPress={visible && overflow ? handleOverflow : undefined}\n      className={styles(\n        style.container,\n        isDesktop && mobileBehavior && style.mobileBehavior,\n        overflow && style.overflow,\n        overflow && blur && style.blur,\n        visible && style.visible,\n        onOverflow && style.onOverflow,\n      )}\n      style={{ height }}\n      testId={testId && overflow ? `${testId}-overflow` : undefined}\n    >\n      <View\n        {...others}\n        fit\n        ref={ref}\n        tag=\"modal\"\n        className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n        aria-hidden={visible ? 'false' : 'true'}\n      >\n        {(title || onBack || onClose) && (\n          <View\n            row\n            className={styles(\n              style.header,\n              !defaultDirection && style.reverse,\n              !onBack && style.hideBack,\n              !onClose && style.hideClose,\n            )}\n          >\n            {onBack && (\n              <Button\n                small\n                squared\n                transparent\n                onPress={onBack}\n                aria-label={ariaBack}\n                testId={testId ? `${testId}-button-back` : undefined}\n              >\n                <Icon value={ICON.LEFT} className={style.icon} />\n              </Button>\n            )}\n            {title && (\n              <Text headline={!isMobile} className={style.title}>\n                {title}\n              </Text>\n            )}\n            {onClose && (\n              <Button\n                small\n                squared\n                transparent\n                onPress={handleClose}\n                className={style.button}\n                aria-label={ariaClose}\n                testId={testId ? `${testId}-button-close` : undefined}\n              >\n                <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n              </Button>\n            )}\n          </View>\n        )}\n\n        {React.Children.map(children, (child, index) =>\n          !child || child === null\n            ? null\n            : React.cloneElement(child, { key: child.key || index, ...child.props, role: 'modal-content' }),\n        )}\n      </View>\n    </Pressable>,\n    document.body,\n  );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n  blur: PropTypes.bool,\n  children: PropTypes.node,\n  displayName: PropTypes.string,\n  fit: PropTypes.bool,\n  mobileBehavior: 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  aria: PropTypes.shape({\n    buttonBack: PropTypes.string,\n    buttonClose: PropTypes.string,\n  }),\n};\n\nexport { Modal };\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["Event","publish","subscribe","Modal","blur","children","displayName","fit","mobileBehavior","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","aria","buttonBack","ariaBack","buttonClose","ariaClose","others","useDevice","isDesktop","isMobile","height","ref","useRef","useState","dataset","setDataset","IS_JEST","instance","setInstance","useEffect","setTimeout","getMotionExpand","EVENT_VISIBLE","handleKeydown","event","key","handleClose","document","addEventListener","removeEventListener","body","miraiModal","undefined","handleOverflow","target","current","contains","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","renderer","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","reverse","hideBack","hideClose","ICON","icon","CLOSE","React","Children","map","child","index","cloneElement","props","role","propTypes","PropTypes","bool","node","string","func","shape"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["// import { Event } from '@mirai/data-sources';\nconst Event = {\n  publish: () => {},\n  subscribe: () => {},\n};\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Button } from '../../components';\nimport { getMotionExpand, IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\nimport { EVENT_VISIBLE } from './Modal.constants';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n  blur = false,\n  children,\n  displayName,\n  fit = false,\n  mobileBehavior = false,\n  overflow = true,\n  portal = false,\n  preventDefault = true,\n  title,\n  visible,\n  onBack,\n  onClose,\n  onOverflow,\n  aria: { buttonBack: ariaBack = 'Back', buttonClose: ariaClose = 'Close' } = {},\n  ...others\n}) => {\n  const { isDesktop, isMobile, height } = useDevice();\n  const ref = useRef();\n\n  const [dataset, setDataset] = useState();\n  const [instance, setInstance] = useState(IS_JEST);\n\n  useEffect(() => {\n    if (IS_JEST) return;\n\n    !instance && visible\n      ? setInstance(visible)\n      : instance && !visible\n      ? setTimeout(() => setInstance(visible), getMotionExpand())\n      : null;\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [!instance, visible]);\n\n  useEffect(() => {\n    if (!visible || !onClose) return;\n    Event.publish(EVENT_VISIBLE, { visible, displayName });\n\n    const handleKeydown = (event) => event.key === 'Escape' && handleClose();\n\n    document.addEventListener('keydown', handleKeydown);\n    return () => document.removeEventListener('keydown', handleKeydown);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\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\n    if (onOverflow && !ref.current?.contains(target)) {\n      Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n      onOverflow(event);\n    }\n  };\n\n  const handleClose = (event) => {\n    Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n    onClose(event);\n  };\n\n  const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n  const { testId } = others;\n\n  return renderer(\n    <Pressable\n      preventDefault={preventDefault}\n      tag=\"modal-overflow\"\n      onPress={visible && overflow ? handleOverflow : undefined}\n      className={styles(\n        style.container,\n        isDesktop && mobileBehavior && style.mobileBehavior,\n        overflow && style.overflow,\n        overflow && blur && style.blur,\n        visible && instance && style.visible,\n        onOverflow && style.onOverflow,\n      )}\n      style={{ height }}\n      testId={testId && overflow ? `${testId}-overflow` : undefined}\n    >\n      <View\n        {...others}\n        fit\n        ref={ref}\n        tag=\"modal\"\n        className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n        aria-hidden={visible ? 'false' : 'true'}\n      >\n        {(title || onBack || onClose) && (\n          <View\n            row\n            className={styles(\n              style.header,\n              !defaultDirection && style.reverse,\n              !onBack && style.hideBack,\n              !onClose && style.hideClose,\n            )}\n          >\n            {onBack && (\n              <Button\n                small\n                squared\n                transparent\n                onPress={onBack}\n                aria-label={ariaBack}\n                testId={testId ? `${testId}-button-back` : undefined}\n              >\n                <Icon value={ICON.LEFT} className={style.icon} />\n              </Button>\n            )}\n            {title && (\n              <Text headline={!isMobile} className={style.title}>\n                {title}\n              </Text>\n            )}\n            {onClose && (\n              <Button\n                small\n                squared\n                transparent\n                onPress={handleClose}\n                aria-label={ariaClose}\n                testId={testId ? `${testId}-button-close` : undefined}\n              >\n                <Icon value={ICON.CLOSE} className={style.icon} />\n              </Button>\n            )}\n          </View>\n        )}\n\n        {instance &&\n          React.Children.map(children, (child, index) =>\n            !child || child === null\n              ? null\n              : React.cloneElement(child, { key: child.key || index, ...child.props, role: 'modal-content' }),\n          )}\n      </View>\n    </Pressable>,\n    document.body,\n  );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n  blur: PropTypes.bool,\n  children: PropTypes.node,\n  displayName: PropTypes.string,\n  fit: PropTypes.bool,\n  mobileBehavior: 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  aria: PropTypes.shape({\n    buttonBack: PropTypes.string,\n    buttonClose: PropTypes.string,\n  }),\n};\n\nexport { Modal };\n"],"mappings":"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"}

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

@@ -106,7 +106,7 @@
   }
 
   .header {
-    justify-content: center;
+    justify-content: flex-end;
   }
 
   .modal {

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

@@ -16,7 +16,7 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
         class="view row header hideBack"
       >
         <ui-button
-          class="pressable button small squared transparent button"
+          class="pressable button small squared transparent"
           data-testid="mirai-onClose-button-close"
           tabindex="0"
         >
@@ -33,12 +33,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.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+                d="M19 6.41 17.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>
           </ui-icon>
@@ -189,7 +188,7 @@ exports[`component:<Modal> prop:onClose 1`] = `
         class="view row header hideBack"
       >
         <ui-button
-          class="pressable button small squared transparent button"
+          class="pressable button small squared transparent"
           data-testid="mirai-onClose-button-close"
           tabindex="0"
         >
@@ -206,12 +205,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.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+                d="M19 6.41 17.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>
           </ui-icon>

package/build/{components/Slider/helpers → helpers}/getMotionExpand.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMotionExpand = void 0;
-var _theme = require("../../../theme");
+var _theme = require("../theme");
 var getMotionExpand = function getMotionExpand() {
   var _Theme$get = _theme.Theme.get(),
     _Theme$get$motionExpa = _Theme$get.motionExpand,

package/build/helpers/getMotionExpand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMotionExpand.js","names":["getMotionExpand","Theme","get","motionExpand","parseInt","split"],"sources":["../../src/helpers/getMotionExpand.js"],"sourcesContent":["import { Theme } from '../theme';\n\nexport const getMotionExpand = () => {\n  let { motionExpand = '300ms' } = Theme.get();\n\n  return parseInt(motionExpand.split('ms')[0]);\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,iBAAiCC,YAAK,CAACC,GAAG,EAAE;IAAA,mCAAtCC,YAAY;IAAZA,YAAY,sCAAG,OAAO;EAE5B,OAAOC,QAAQ,CAACD,YAAY,CAACE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9C,CAAC;AAAC"}

package/build/helpers/index.js

@@ -58,6 +58,17 @@ Object.keys(_getInputErrors).forEach(function (key) {
     }
   });
 });
+var _getMotionExpand = require("./getMotionExpand");
+Object.keys(_getMotionExpand).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getMotionExpand[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getMotionExpand[key];
+    }
+  });
+});
 var _getNavigator = require("./getNavigator");
 Object.keys(_getNavigator).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/build/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.js"],"sourcesContent":["export * from './CustomElement';\nexport * from './getIconState';\nexport * from './getInputDateErrors';\nexport * from './getInputPhoneErrors';\nexport * from './getInputErrors';\nexport * from './getNavigator';\nexport * from './isJest';\nexport * from './isPlaywright';\nexport * from './styles';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;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/helpers/index.js"],"sourcesContent":["export * from './CustomElement';\nexport * from './getIconState';\nexport * from './getInputDateErrors';\nexport * from './getInputPhoneErrors';\nexport * from './getInputErrors';\nexport * from './getMotionExpand';\nexport * from './getNavigator';\nexport * from './isJest';\nexport * from './isPlaywright';\nexport * from './styles';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;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/package.json

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

package/build/components/Slider/helpers/getMotionExpand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getMotionExpand.js","names":["getMotionExpand","Theme","get","motionExpand","parseInt","split"],"sources":["../../../../src/components/Slider/helpers/getMotionExpand.js"],"sourcesContent":["import { Theme } from '../../../theme';\n\nexport const getMotionExpand = () => {\n  let { motionExpand = '300ms' } = Theme.get();\n\n  return parseInt(motionExpand.split('ms')[0]);\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,iBAAiCC,YAAK,CAACC,GAAG,EAAE;IAAA,mCAAtCC,YAAY;IAAZA,YAAY,sCAAG,OAAO;EAE5B,OAAOC,QAAQ,CAACD,YAAY,CAACE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9C,CAAC;AAAC"}

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

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

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

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