@mirai/ui 1.0.235 → 1.0.237

package/build/components/Slider/Slider.js

@@ -13,7 +13,7 @@ var _primitives = require("../../primitives");
 var _helpers2 = require("./helpers");
 var _Slider = require("./Slider.constants");
 var _SliderModule = _interopRequireDefault(require("./Slider.module.css"));
-var _excluded = ["auto", "captions", "fullScreen", "height", "images", "index", "thumbnails", "width", "onChange", "onFullScreen"];
+var _excluded = ["auto", "captions", "height", "images", "index", "width", "onChange"];
 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 }; }
@@ -38,28 +38,19 @@ var Slider = function Slider(_ref) {
     auto = _ref$auto === void 0 ? false : _ref$auto,
     _ref$captions = _ref.captions,
     captions = _ref$captions === void 0 ? [] : _ref$captions,
-    _ref$fullScreen = _ref.fullScreen,
-    propFullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
     _ref$height = _ref.height,
     propHeight = _ref$height === void 0 ? 240 : _ref$height,
     _ref$images = _ref.images,
     images = _ref$images === void 0 ? [] : _ref$images,
     _ref$index = _ref.index,
     propIndex = _ref$index === void 0 ? 0 : _ref$index,
-    _ref$thumbnails = _ref.thumbnails,
-    thumbnails = _ref$thumbnails === void 0 ? [] : _ref$thumbnails,
     _ref$width = _ref.width,
     propWidth = _ref$width === void 0 ? 320 : _ref$width,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-    _ref$onFullScreen = _ref.onFullScreen,
-    onFullScreen = _ref$onFullScreen === void 0 ? function () {} : _ref$onFullScreen,
     others = _objectWithoutProperties(_ref, _excluded);
   var _useDevice = (0, _hooks.useDevice)(),
-    screenHeight = _useDevice.height,
-    isDesktop = _useDevice.isDesktop,
-    isLandscape = _useDevice.isLandscape,
-    screenWidth = _useDevice.width;
+    isDesktop = _useDevice.isDesktop;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     disabledScroll = _useState2[0],
@@ -68,14 +59,10 @@ var Slider = function Slider(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     focus = _useState4[0],
     setFocus = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = (0, _react.useState)(propIndex),
     _useState6 = _slicedToArray(_useState5, 2),
-    fullScreen = _useState6[0],
-    setFullScreen = _useState6[1];
-  var _useState7 = (0, _react.useState)(propIndex),
-    _useState8 = _slicedToArray(_useState7, 2),
-    index = _useState8[0],
-    setIndex = _useState8[1];
+    index = _useState6[0],
+    setIndex = _useState6[1];
   (0, _react.useEffect)(function () {
     if (auto) interval = setInterval(function () {
       return setIndex(index < images.length - 1 ? index + 1 : 0);
@@ -96,13 +83,8 @@ var Slider = function Slider(_ref) {
     onChange(index);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [index]);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  (0, _react.useEffect)(function () {
-    return onFullScreen(fullScreen);
-  }, [fullScreen]);
-  var height = fullScreen ? screenHeight * (isLandscape ? 0.9 : 0.4) : propHeight;
-  var width = fullScreen ? screenWidth * (isLandscape ? 0.85 : 0.9) : propWidth;
+  var height = propHeight;
+  var width = propWidth;
   var handleScroll = function handleScroll() {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       x = _ref2.x;
@@ -117,11 +99,11 @@ var Slider = function Slider(_ref) {
     onMouseLeave: isDesktop ? function () {
       return setFocus(false);
     } : undefined,
-    className: (0, _helpers.styles)(_SliderModule.default.container, fullScreen && _SliderModule.default.fullScreen, others.className),
-    style: _objectSpread(_objectSpread({}, !fullScreen ? others.style : undefined), {}, {
-      width: fullScreen ? screenWidth : width
+    className: (0, _helpers.styles)(_SliderModule.default.container, others.className),
+    style: _objectSpread(_objectSpread({}, others.style), {}, {
+      width: width
     })
-  }), !fullScreen && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: function onPress() {
       return setIndex(index - 1);
     },
@@ -141,12 +123,9 @@ var Slider = function Slider(_ref) {
       className: _SliderModule.default.item
     }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
       role: "image",
-      onClick: propFullScreen ? function () {
-        return setFullScreen(!fullScreen);
-      } : undefined,
       className: _SliderModule.default.image,
       style: {
-        backgroundImage: fullScreen || imageIndex >= index - _Slider.PRELOAD_IMAGES && imageIndex <= index + _Slider.PRELOAD_IMAGES ? "url(".concat(image, ")") : undefined,
+        backgroundImage: imageIndex >= index - _Slider.PRELOAD_IMAGES && imageIndex <= index + _Slider.PRELOAD_IMAGES ? "url(".concat(image, ")") : undefined,
         height: height,
         width: width
       }
@@ -157,28 +136,13 @@ var Slider = function Slider(_ref) {
       small: true,
       className: _SliderModule.default.text
     }, captions[imageIndex])));
-  })), !fullScreen && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+  })), /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: function onPress() {
       return setIndex(index + 1);
     },
     className: (0, _helpers.styles)(_SliderModule.default.button, (index >= images.length - 1 || isDesktop && !focus) && _SliderModule.default.hide && _SliderModule.default.hide, _SliderModule.default.forward)
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.RIGHT
-  })), fullScreen && /*#__PURE__*/_react.default.createElement(_primitives.ScrollView, {
-    horizontal: true,
-    snap: true,
-    className: _SliderModule.default.thumbnails
-  }, images.map(function (image, imageIndex) {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
-      key: imageIndex,
-      onPress: function onPress() {
-        return setIndex(imageIndex);
-      },
-      className: (0, _helpers.styles)(_SliderModule.default.thumbnail, index === imageIndex && _SliderModule.default.active),
-      style: {
-        backgroundImage: "url(".concat(thumbnails[imageIndex] || image, ")")
-      }
-    });
   })));
 };
 exports.Slider = Slider;
@@ -186,13 +150,10 @@ Slider.displayName = 'Component:Slider';
 Slider.propTypes = {
   auto: _propTypes.default.bool,
   captions: _propTypes.default.arrayOf(_propTypes.default.string),
-  fullScreen: _propTypes.default.bool,
   height: _propTypes.default.number.isRequired,
   images: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
   index: _propTypes.default.number,
-  thumbnails: _propTypes.default.arrayOf(_propTypes.default.string),
   width: _propTypes.default.number.isRequired,
-  onChange: _propTypes.default.func,
-  onFullScreen: _propTypes.default.func
+  onChange: _propTypes.default.func
 };
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["interval","timeout","Slider","auto","captions","fullScreen","propFullScreen","height","propHeight","images","index","propIndex","thumbnails","width","propWidth","onChange","onFullScreen","others","useDevice","screenHeight","isDesktop","isLandscape","screenWidth","useState","disabledScroll","setDisabledScroll","focus","setFocus","setFullScreen","setIndex","useEffect","setInterval","length","clearInterval","clearTimeout","setTimeout","getMotionExpand","handleScroll","x","nextIndex","Math","round","undefined","styles","style","container","className","button","hide","back","ICON","LEFT","floor","scrollView","map","image","imageIndex","item","backgroundImage","PRELOAD_IMAGES","caption","text","forward","RIGHT","thumbnail","active","displayName","propTypes","PropTypes","bool","arrayOf","string","number","isRequired","func"],"sources":["../../../src/components/Slider/Slider.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, ScrollView, Pressable, Text, View } from '../../primitives';\nimport { getMotionExpand } from './helpers';\nimport { PRELOAD_IMAGES } from './Slider.constants';\nimport style from './Slider.module.css';\n\nlet interval;\nlet timeout;\n\nconst Slider = ({\n  auto = false,\n  captions = [],\n  fullScreen: propFullScreen = false,\n  height: propHeight = 240,\n  images = [],\n  index: propIndex = 0,\n  thumbnails = [],\n  width: propWidth = 320,\n  onChange = () => {},\n  onFullScreen = () => {},\n  ...others\n}) => {\n  const { height: screenHeight, isDesktop, isLandscape, width: screenWidth } = useDevice();\n\n  const [disabledScroll, setDisabledScroll] = useState(false);\n  const [focus, setFocus] = useState(false);\n  const [fullScreen, setFullScreen] = useState(false);\n  const [index, setIndex] = useState(propIndex);\n\n  useEffect(() => {\n    if (auto) interval = setInterval(() => setIndex(index < images.length - 1 ? index + 1 : 0), 2000);\n    return () => clearInterval(interval);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [auto, index]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    clearTimeout(timeout);\n    setDisabledScroll(true);\n    timeout = setTimeout(() => setDisabledScroll(false), getMotionExpand());\n\n    onChange(index);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [index]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => onFullScreen(fullScreen), [fullScreen]);\n\n  const height = fullScreen ? screenHeight * (isLandscape ? 0.9 : 0.4) : propHeight;\n\n  const width = fullScreen ? screenWidth * (isLandscape ? 0.85 : 0.9) : propWidth;\n\n  const handleScroll = ({ x } = {}) => {\n    const nextIndex = x < width ? 0 : Math.round(x / width);\n\n    if (nextIndex !== index) setIndex(nextIndex);\n  };\n\n  return (\n    <View\n      {...others}\n      role=\"slider\"\n      onMouseEnter={isDesktop ? () => setFocus(true) : undefined}\n      onMouseLeave={isDesktop ? () => setFocus(false) : undefined}\n      className={styles(style.container, fullScreen && style.fullScreen, others.className)}\n      style={{ ...(!fullScreen ? others.style : undefined), width: fullScreen ? screenWidth : width }}\n    >\n      {!fullScreen && (\n        <Pressable\n          onPress={() => setIndex(index - 1)}\n          className={styles(style.button, (index <= 0 || (isDesktop && !focus)) && style.hide, style.back)}\n        >\n          <Icon value={ICON.LEFT} />\n        </Pressable>\n      )}\n\n      <ScrollView\n        horizontal\n        scrollTo={index * Math.floor(width)}\n        snap\n        width={width}\n        onScroll={disabledScroll ? undefined : handleScroll}\n        className={style.scrollView}\n      >\n        {images.map((image, imageIndex) => (\n          <View key={imageIndex} className={style.item}>\n            <View\n              role=\"image\"\n              onClick={propFullScreen ? () => setFullScreen(!fullScreen) : undefined}\n              className={style.image}\n              style={{\n                backgroundImage:\n                  fullScreen || (imageIndex >= index - PRELOAD_IMAGES && imageIndex <= index + PRELOAD_IMAGES)\n                    ? `url(${image})`\n                    : undefined,\n                height,\n                width,\n              }}\n            />\n            {captions[imageIndex] && (\n              <View className={style.caption}>\n                <Text bold small className={style.text}>\n                  {captions[imageIndex]}\n                </Text>\n              </View>\n            )}\n          </View>\n        ))}\n      </ScrollView>\n\n      {!fullScreen && (\n        <Pressable\n          onPress={() => setIndex(index + 1)}\n          className={styles(\n            style.button,\n            (index >= images.length - 1 || (isDesktop && !focus)) && style.hide && style.hide,\n            style.forward,\n          )}\n        >\n          <Icon value={ICON.RIGHT} />\n        </Pressable>\n      )}\n\n      {fullScreen && (\n        <ScrollView horizontal snap className={style.thumbnails}>\n          {images.map((image, imageIndex) => (\n            <Pressable\n              key={imageIndex}\n              onPress={() => setIndex(imageIndex)}\n              className={styles(style.thumbnail, index === imageIndex && style.active)}\n              style={{ backgroundImage: `url(${thumbnails[imageIndex] || image})` }}\n            />\n          ))}\n        </ScrollView>\n      )}\n    </View>\n  );\n};\n\nSlider.displayName = 'Component:Slider';\n\nSlider.propTypes = {\n  auto: PropTypes.bool,\n  captions: PropTypes.arrayOf(PropTypes.string),\n  fullScreen: PropTypes.bool,\n  height: PropTypes.number.isRequired,\n  images: PropTypes.arrayOf(PropTypes.string).isRequired,\n  index: PropTypes.number,\n  thumbnails: PropTypes.arrayOf(PropTypes.string),\n  width: PropTypes.number.isRequired,\n  onChange: PropTypes.func,\n  onFullScreen: PropTypes.func,\n};\n\nexport { Slider };\n"],"mappings":"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"}
+{"version":3,"file":"Slider.js","names":["interval","timeout","Slider","auto","captions","height","propHeight","images","index","propIndex","width","propWidth","onChange","others","useDevice","isDesktop","useState","disabledScroll","setDisabledScroll","focus","setFocus","setIndex","useEffect","setInterval","length","clearInterval","clearTimeout","setTimeout","getMotionExpand","handleScroll","x","nextIndex","Math","round","undefined","styles","style","container","className","button","hide","back","ICON","LEFT","floor","scrollView","map","image","imageIndex","item","backgroundImage","PRELOAD_IMAGES","caption","text","forward","RIGHT","displayName","propTypes","PropTypes","bool","arrayOf","string","number","isRequired","func"],"sources":["../../../src/components/Slider/Slider.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, ScrollView, Pressable, Text, View } from '../../primitives';\nimport { getMotionExpand } from './helpers';\nimport { PRELOAD_IMAGES } from './Slider.constants';\nimport style from './Slider.module.css';\n\nlet interval;\nlet timeout;\n\nconst Slider = ({\n  auto = false,\n  captions = [],\n  height: propHeight = 240,\n  images = [],\n  index: propIndex = 0,\n  width: propWidth = 320,\n  onChange = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n\n  const [disabledScroll, setDisabledScroll] = useState(false);\n  const [focus, setFocus] = useState(false);\n  const [index, setIndex] = useState(propIndex);\n\n  useEffect(() => {\n    if (auto) interval = setInterval(() => setIndex(index < images.length - 1 ? index + 1 : 0), 2000);\n    return () => clearInterval(interval);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [auto, index]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    clearTimeout(timeout);\n    setDisabledScroll(true);\n    timeout = setTimeout(() => setDisabledScroll(false), getMotionExpand());\n\n    onChange(index);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [index]);\n\n  const height = propHeight;\n\n  const width = propWidth;\n\n  const handleScroll = ({ x } = {}) => {\n    const nextIndex = x < width ? 0 : Math.round(x / width);\n\n    if (nextIndex !== index) setIndex(nextIndex);\n  };\n\n  return (\n    <View\n      {...others}\n      role=\"slider\"\n      onMouseEnter={isDesktop ? () => setFocus(true) : undefined}\n      onMouseLeave={isDesktop ? () => setFocus(false) : undefined}\n      className={styles(style.container, others.className)}\n      style={{ ...others.style, width }}\n    >\n      <Pressable\n        onPress={() => setIndex(index - 1)}\n        className={styles(style.button, (index <= 0 || (isDesktop && !focus)) && style.hide, style.back)}\n      >\n        <Icon value={ICON.LEFT} />\n      </Pressable>\n\n      <ScrollView\n        horizontal\n        scrollTo={index * Math.floor(width)}\n        snap\n        width={width}\n        onScroll={disabledScroll ? undefined : handleScroll}\n        className={style.scrollView}\n      >\n        {images.map((image, imageIndex) => (\n          <View key={imageIndex} className={style.item}>\n            <View\n              role=\"image\"\n              className={style.image}\n              style={{\n                backgroundImage:\n                  imageIndex >= index - PRELOAD_IMAGES && imageIndex <= index + PRELOAD_IMAGES\n                    ? `url(${image})`\n                    : undefined,\n                height,\n                width,\n              }}\n            />\n            {captions[imageIndex] && (\n              <View className={style.caption}>\n                <Text bold small className={style.text}>\n                  {captions[imageIndex]}\n                </Text>\n              </View>\n            )}\n          </View>\n        ))}\n      </ScrollView>\n\n      <Pressable\n        onPress={() => setIndex(index + 1)}\n        className={styles(\n          style.button,\n          (index >= images.length - 1 || (isDesktop && !focus)) && style.hide && style.hide,\n          style.forward,\n        )}\n      >\n        <Icon value={ICON.RIGHT} />\n      </Pressable>\n    </View>\n  );\n};\n\nSlider.displayName = 'Component:Slider';\n\nSlider.propTypes = {\n  auto: PropTypes.bool,\n  captions: PropTypes.arrayOf(PropTypes.string),\n  height: PropTypes.number.isRequired,\n  images: PropTypes.arrayOf(PropTypes.string).isRequired,\n  index: PropTypes.number,\n  width: PropTypes.number.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport { Slider };\n"],"mappings":"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"}

package/build/components/Slider/Slider.module.css

@@ -5,16 +5,6 @@
   position: relative;
 }
 
-.container.fullScreen {
-  background-color: var(--mirai-ui-slider-background);
-  height: 100vh;
-  justify-content: center;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100vw;
-}
-
 .button {
   align-items: center;
   background-color: var(--mirai-ui-slider-overlay);
@@ -45,29 +35,17 @@
   right: var(--mirai-ui-space-M);
 }
 
-.scrollView {
-}
-
-.fullScreen .scrollView {
-  gap: var(--mirai-ui-space-M);
-}
-
 .item {
   position: relative;
 }
 
 .item .image {
-  background-color: var(--mirai-ui-content-background);
+  background-color: var(--mirai-ui-content-border);
   background-size: cover;
-  cursor: pointer;
   height: 100%;
   width: 100%;
 }
 
-.fullScreen .item .image {
-  border-radius: var(--mirai-ui-slider-border-radius);
-}
-
 .item .caption {
   align-items: center;
   bottom: var(--mirai-ui-space-S);
@@ -83,37 +61,8 @@
   padding: calc(var(--mirai-ui-space-XS) / 2) var(--mirai-ui-space-XS);
 }
 
-.thumbnails {
-  margin-top: var(--mirai-ui-space-S);
-  gap: var(--mirai-ui-space-S);
-  max-width: 90vw;
-}
-
-.thumbnail {
-  background-size: cover;
-  border-radius: var(--mirai-ui-slider-border-radius);
-  min-height: var(--mirai-ui-space-XL);
-  opacity: 0.66;
-  transition: all var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
-  width: var(--mirai-ui-space-XXL);
-  min-width: var(--mirai-ui-space-XXL);
-}
-
-.thumbnail:hover {
-  opacity: 1;
-}
-
-.thumbnail.active {
-  box-shadow: inset 0 0 0 2px var(--mirai-ui-slider-color);
-  opacity: 1;
-}
-
 /* S */
 @media only screen and (max-width: 430px) {
-  .thumbnails {
-    position: absolute;
-    bottom: var(--mirai-ui-space-M);
-  }
 }
 
 /* M & L */

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

@@ -384,119 +384,6 @@ exports[`component:<Slider> prop:captions 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Slider> prop:fullScreen 1`] = `
-<DocumentFragment>
-  <div
-    class="view container"
-    style="width: 360px;"
-  >
-    <div
-      class="pressable button hide back"
-    >
-      <span
-        class="icon headline-3"
-      >
-        <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="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      class="scrollview snap horizontal notIndicator scrollView"
-      style="width: 360px;"
-    >
-      <div
-        class="view item"
-      >
-        <div
-          class="view image"
-          style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
-        />
-      </div>
-      <div
-        class="view item"
-      >
-        <div
-          class="view image"
-          style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
-        />
-      </div>
-      <div
-        class="view item"
-      >
-        <div
-          class="view image"
-          style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
-        />
-      </div>
-      <div
-        class="view item"
-      >
-        <div
-          class="view image"
-          style="height: 230px; width: 360px;"
-        />
-      </div>
-      <div
-        class="view item"
-      >
-        <div
-          class="view image"
-          style="height: 230px; width: 360px;"
-        />
-      </div>
-      <div
-        class="view item"
-      >
-        <div
-          class="view image"
-          style="height: 230px; width: 360px;"
-        />
-      </div>
-    </div>
-    <div
-      class="pressable button hide forward"
-    >
-      <span
-        class="icon headline-3"
-      >
-        <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 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
-          />
-        </svg>
-      </span>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
 exports[`component:<Slider> prop:index 1`] = `
 <DocumentFragment>
   <div

package/build/components/index.js

@@ -157,6 +157,17 @@ Object.keys(_Progress).forEach(function (key) {
     }
   });
 });
+var _Slider = require("./Slider");
+Object.keys(_Slider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Slider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Slider[key];
+    }
+  });
+});
 var _Table = require("./Table");
 Object.keys(_Table).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/build/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.js"],"sourcesContent":["export * from './Action';\nexport * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputDate';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputPhone';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Notification';\nexport * from './Progress';\nexport * from './Table';\nexport * from './Tooltip';\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;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/index.js"],"sourcesContent":["export * from './Action';\nexport * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputDate';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputPhone';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Notification';\nexport * from './Progress';\nexport * from './Slider';\nexport * from './Table';\nexport * from './Tooltip';\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;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/helpers/getInputPhoneErrors.js

@@ -5,27 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getInputPhoneErrors = void 0;
 var _helpers = require("../components/InputPhone/helpers");
-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; }
 var getInputPhoneErrors = function getInputPhoneErrors() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$prefixes = _ref.prefixes,
     prefixes = _ref$prefixes === void 0 ? [] : _ref$prefixes,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? '' : _ref$value;
-  var withPrefix = prefixes.length > 0;
-  var _value$split = value.split(' '),
-    _value$split2 = _slicedToArray(_value$split, 2),
-    _value$split2$ = _value$split2[1],
-    phone = _value$split2$ === void 0 ? '' : _value$split2$;
-  if (value.trim().length === 0 || withPrefix && phone.trim().length === 0) return;
+  if (value.trim().length === 0) return;
   var errors = {};
   var _value$replace = value.replace(/\D/g, ''),
     length = _value$replace.length;
+  var withPrefix = prefixes.length > 0;
   if (length < (withPrefix ? 10 : 8)) errors.minLength = true;
   if (withPrefix && !(0, _helpers.sanitizePrefixes)(prefixes).some(function (item) {
     return value.includes(item);

package/build/helpers/getInputPhoneErrors.js.map

@@ -1 +1 @@
-{"version":3,"file":"getInputPhoneErrors.js","names":["getInputPhoneErrors","prefixes","value","withPrefix","length","split","phone","trim","errors","replace","minLength","sanitizePrefixes","some","item","includes","format","Object","keys","undefined"],"sources":["../../src/helpers/getInputPhoneErrors.js"],"sourcesContent":["import { sanitizePrefixes } from '../components/InputPhone/helpers';\n\nexport const getInputPhoneErrors = ({ prefixes = [], value = '' } = {}) => {\n  const withPrefix = prefixes.length > 0;\n  const [, phone = ''] = value.split(' ');\n\n  if (value.trim().length === 0 || (withPrefix && phone.trim().length === 0)) return;\n\n  const errors = {};\n  const { length } = value.replace(/\\D/g, '');\n\n  if (length < (withPrefix ? 10 : 8)) errors.minLength = true;\n  if (withPrefix && !sanitizePrefixes(prefixes).some((item) => value.includes(item))) errors.format = true;\n\n  return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7D,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAA2C;EAAA,+EAAP,CAAC,CAAC;IAAA,qBAAhCC,QAAQ;IAARA,QAAQ,8BAAG,EAAE;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;EAC7D,IAAMC,UAAU,GAAGF,QAAQ,CAACG,MAAM,GAAG,CAAC;EACtC,mBAAuBF,KAAK,CAACG,KAAK,CAAC,GAAG,CAAC;IAAA;IAAA;IAA9BC,KAAK,+BAAG,EAAE;EAEnB,IAAIJ,KAAK,CAACK,IAAI,EAAE,CAACH,MAAM,KAAK,CAAC,IAAKD,UAAU,IAAIG,KAAK,CAACC,IAAI,EAAE,CAACH,MAAM,KAAK,CAAE,EAAE;EAE5E,IAAMI,MAAM,GAAG,CAAC,CAAC;EACjB,qBAAmBN,KAAK,CAACO,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IAAnCL,MAAM,kBAANA,MAAM;EAEd,IAAIA,MAAM,IAAID,UAAU,GAAG,EAAE,GAAG,CAAC,CAAC,EAAEK,MAAM,CAACE,SAAS,GAAG,IAAI;EAC3D,IAAIP,UAAU,IAAI,CAAC,IAAAQ,yBAAgB,EAACV,QAAQ,CAAC,CAACW,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKX,KAAK,CAACY,QAAQ,CAACD,IAAI,CAAC;EAAA,EAAC,EAAEL,MAAM,CAACO,MAAM,GAAG,IAAI;EAExG,OAAOC,MAAM,CAACC,IAAI,CAACT,MAAM,CAAC,CAACJ,MAAM,GAAG,CAAC,GAAGI,MAAM,GAAGU,SAAS;AAC5D,CAAC;AAAC"}
+{"version":3,"file":"getInputPhoneErrors.js","names":["getInputPhoneErrors","prefixes","value","trim","length","errors","replace","withPrefix","minLength","sanitizePrefixes","some","item","includes","format","Object","keys","undefined"],"sources":["../../src/helpers/getInputPhoneErrors.js"],"sourcesContent":["import { sanitizePrefixes } from '../components/InputPhone/helpers';\n\nexport const getInputPhoneErrors = ({ prefixes = [], value = '' } = {}) => {\n  if (value.trim().length === 0) return;\n\n  const errors = {};\n  const { length } = value.replace(/\\D/g, '');\n  const withPrefix = prefixes.length > 0;\n\n  if (length < (withPrefix ? 10 : 8)) errors.minLength = true;\n  if (withPrefix && !sanitizePrefixes(prefixes).some((item) => value.includes(item))) errors.format = true;\n\n  return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAA2C;EAAA,+EAAP,CAAC,CAAC;IAAA,qBAAhCC,QAAQ;IAARA,QAAQ,8BAAG,EAAE;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;EAC7D,IAAIA,KAAK,CAACC,IAAI,EAAE,CAACC,MAAM,KAAK,CAAC,EAAE;EAE/B,IAAMC,MAAM,GAAG,CAAC,CAAC;EACjB,qBAAmBH,KAAK,CAACI,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IAAnCF,MAAM,kBAANA,MAAM;EACd,IAAMG,UAAU,GAAGN,QAAQ,CAACG,MAAM,GAAG,CAAC;EAEtC,IAAIA,MAAM,IAAIG,UAAU,GAAG,EAAE,GAAG,CAAC,CAAC,EAAEF,MAAM,CAACG,SAAS,GAAG,IAAI;EAC3D,IAAID,UAAU,IAAI,CAAC,IAAAE,yBAAgB,EAACR,QAAQ,CAAC,CAACS,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKT,KAAK,CAACU,QAAQ,CAACD,IAAI,CAAC;EAAA,EAAC,EAAEN,MAAM,CAACQ,MAAM,GAAG,IAAI;EAExG,OAAOC,MAAM,CAACC,IAAI,CAACV,MAAM,CAAC,CAACD,MAAM,GAAG,CAAC,GAAGC,MAAM,GAAGW,SAAS;AAC5D,CAAC;AAAC"}

package/package.json

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