@mirai/ui 2.0.6 → 2.0.7

package/build/components/Progress/Progress.js

@@ -23,11 +23,10 @@ var Progress = function Progress(_ref) {
     visible = _ref$visible === void 0 ? false : _ref$visible,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
-    role: others.role || 'progress',
-    tag: others.tag || 'progress',
+    tag: "progress",
     className: (0, _helpers.styles)(_ProgressModule.default.progress, visible && _ProgressModule.default.visible, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    role: "progress-value",
+    tag: "progress-value",
     className: (0, _helpers.styles)(_ProgressModule.default.value, indeterminate && _ProgressModule.default.indeterminate),
     style: !indeterminate ? {
       width: "".concat(value, "%")

package/build/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":["Progress","indeterminate","value","visible","others","role","tag","styles","style","progress","className","width","undefined","displayName","propTypes","PropTypes","bool","number"],"sources":["../../../src/components/Progress/Progress.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { View } from '../../primitives';\nimport style from './Progress.module.css';\n\nconst Progress = ({ indeterminate = false, value = 0, visible = false, ...others }) => (\n  <View\n    {...others}\n    role={others.role || 'progress'}\n    tag={others.tag || 'progress'}\n    className={styles(style.progress, visible && style.visible, others.className)}\n  >\n    <View\n      role=\"progress-value\"\n      className={styles(style.value, indeterminate && style.indeterminate)}\n      style={!indeterminate ? { width: `${value}%` } : undefined}\n    />\n  </View>\n);\n\nProgress.displayName = 'Component:Progress';\n\nProgress.propTypes = {\n  indeterminate: PropTypes.bool,\n  value: PropTypes.number,\n  visible: PropTypes.bool,\n};\n\nexport { Progress };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ;EAAA,8BAAMC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAKC,MAAM;EAAA,oBAC9E,6BAAC,gBAAI,eACCA,MAAM;IACV,IAAI,EAAEA,MAAM,CAACC,IAAI,IAAI,UAAW;IAChC,GAAG,EAAED,MAAM,CAACE,GAAG,IAAI,UAAW;IAC9B,SAAS,EAAE,IAAAC,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEN,OAAO,IAAIK,uBAAK,CAACL,OAAO,EAAEC,MAAM,CAACM,SAAS;EAAE,iBAE9E,6BAAC,gBAAI;IACH,IAAI,EAAC,gBAAgB;IACrB,SAAS,EAAE,IAAAH,eAAM,EAACC,uBAAK,CAACN,KAAK,EAAED,aAAa,IAAIO,uBAAK,CAACP,aAAa,CAAE;IACrE,KAAK,EAAE,CAACA,aAAa,GAAG;MAAEU,KAAK,YAAKT,KAAK;IAAI,CAAC,GAAGU;EAAU,EAC3D,CACG;AAAA,CACR;AAAC;AAEFZ,QAAQ,CAACa,WAAW,GAAG,oBAAoB;AAE3Cb,QAAQ,CAACc,SAAS,GAAG;EACnBb,aAAa,EAAEc,kBAAS,CAACC,IAAI;EAC7Bd,KAAK,EAAEa,kBAAS,CAACE,MAAM;EACvBd,OAAO,EAAEY,kBAAS,CAACC;AACrB,CAAC"}
+{"version":3,"file":"Progress.js","names":["Progress","indeterminate","value","visible","others","styles","style","progress","className","width","undefined","displayName","propTypes","PropTypes","bool","number"],"sources":["../../../src/components/Progress/Progress.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { View } from '../../primitives';\nimport style from './Progress.module.css';\n\nconst Progress = ({ indeterminate = false, value = 0, visible = false, ...others }) => (\n  <View {...others} tag=\"progress\" className={styles(style.progress, visible && style.visible, others.className)}>\n    <View\n      tag=\"progress-value\"\n      className={styles(style.value, indeterminate && style.indeterminate)}\n      style={!indeterminate ? { width: `${value}%` } : undefined}\n    />\n  </View>\n);\n\nProgress.displayName = 'Component:Progress';\n\nProgress.propTypes = {\n  indeterminate: PropTypes.bool,\n  value: PropTypes.number,\n  visible: PropTypes.bool,\n};\n\nexport { Progress };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ;EAAA,8BAAMC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAKC,MAAM;EAAA,oBAC9E,6BAAC,gBAAI,eAAKA,MAAM;IAAE,GAAG,EAAC,UAAU;IAAC,SAAS,EAAE,IAAAC,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEJ,OAAO,IAAIG,uBAAK,CAACH,OAAO,EAAEC,MAAM,CAACI,SAAS;EAAE,iBAC7G,6BAAC,gBAAI;IACH,GAAG,EAAC,gBAAgB;IACpB,SAAS,EAAE,IAAAH,eAAM,EAACC,uBAAK,CAACJ,KAAK,EAAED,aAAa,IAAIK,uBAAK,CAACL,aAAa,CAAE;IACrE,KAAK,EAAE,CAACA,aAAa,GAAG;MAAEQ,KAAK,YAAKP,KAAK;IAAI,CAAC,GAAGQ;EAAU,EAC3D,CACG;AAAA,CACR;AAAC;AAEFV,QAAQ,CAACW,WAAW,GAAG,oBAAoB;AAE3CX,QAAQ,CAACY,SAAS,GAAG;EACnBX,aAAa,EAAEY,kBAAS,CAACC,IAAI;EAC7BZ,KAAK,EAAEW,kBAAS,CAACE,MAAM;EACvBZ,OAAO,EAAEU,kBAAS,CAACC;AACrB,CAAC"}

package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap

@@ -2,91 +2,78 @@
 
 exports[`component:<Progress> inherit:className 1`] = `
 <DocumentFragment>
-  <ui_progress
+  <ui-progress
     class="view progress mirai"
   >
-    <ui_view
+    <ui-progress-value
       class="view value"
       style="width: 0%;"
     />
-  </ui_progress>
+  </ui-progress>
 </DocumentFragment>
 `;
 
 exports[`component:<Progress> prop:indeterminate 1`] = `
 <DocumentFragment>
-  <ui_progress
+  <ui-progress
     class="view progress"
   >
-    <ui_view
+    <ui-progress-value
       class="view value indeterminate"
     />
-  </ui_progress>
+  </ui-progress>
 </DocumentFragment>
 `;
 
 exports[`component:<Progress> prop:value 1`] = `
 <DocumentFragment>
-  <ui_progress
+  <ui-progress
     class="view progress"
   >
-    <ui_view
+    <ui-progress-value
       class="view value"
       style="width: 50%;"
     />
-  </ui_progress>
+  </ui-progress>
 </DocumentFragment>
 `;
 
 exports[`component:<Progress> prop:visible 1`] = `
 <DocumentFragment>
-  <ui_progress
+  <ui-progress
     class="view progress visible"
   >
-    <ui_view
+    <ui-progress-value
       class="view value"
       style="width: 50%;"
     />
-  </ui_progress>
+  </ui-progress>
 </DocumentFragment>
 `;
 
 exports[`component:<Progress> renders 1`] = `
 <DocumentFragment>
-  <ui_progress
+  <ui-progress
     class="view progress"
   >
-    <ui_view
+    <ui-progress-value
       class="view value"
       style="width: 0%;"
     />
-  </ui_progress>
-</DocumentFragment>
-`;
-
-exports[`component:<Progress> tag 1`] = `
-<DocumentFragment>
-  <ui_tag
-    class="view progress"
-  >
-    <ui_view
-      class="view value"
-      style="width: 0%;"
-    />
-  </ui_tag>
+  </ui-progress>
 </DocumentFragment>
 `;
 
 exports[`component:<Progress> testId 1`] = `
 <DocumentFragment>
-  <ui_progress
+  <ui-progress
     class="view progress"
     data-testid="mirai"
   >
-    <ui_view
+    <ui-progress-value
       class="view value"
       style="width: 0%;"
     />
-  </ui_progress>
+  </ui-progress>
 </DocumentFragment>
 `;

package/build/components/Slider/Slider.js

@@ -107,8 +107,7 @@ var Slider = function Slider(_ref) {
   var hasImages = images.length > 1;
   var isEnd = Math.abs(index) >= images.length - 1;
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
-    role: others.role || 'slider',
-    tag: others.tag || 'slider',
+    tag: "slider",
     onMouseEnter: isDesktop ? function () {
       return setFocus(true);
     } : undefined,
@@ -125,7 +124,8 @@ var Slider = function Slider(_ref) {
     },
     className: (0, _helpers.styles)(_SliderModule.default.button, ((defaultDirection ? index <= 0 : replay ? false : isEnd) || isDesktop && !focus) && _SliderModule.default.hide, _SliderModule.default.first)
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    value: replay && !defaultDirection && isEnd ? _primitives.ICON.REPLAY : _primitives.ICON.LEFT
+    value: replay && !defaultDirection && isEnd ? _primitives.ICON.REPLAY : _primitives.ICON.LEFT,
+    className: _SliderModule.default.icon
   })), /*#__PURE__*/_react.default.createElement(_primitives.ScrollView, {
     behavior: behavior,
     horizontal: true,
@@ -138,9 +138,10 @@ var Slider = function Slider(_ref) {
   }, images.map(function (image, imageIndex) {
     return /*#__PURE__*/_react.default.createElement(_primitives.View, {
       key: imageIndex,
+      tag: "images",
       className: _SliderModule.default.item
     }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
-      role: "image",
+      tag: "image",
       className: _SliderModule.default.image,
       style: {
         backgroundImage: replay || imageIndex >= Math.abs(index) - _Slider.PRELOAD_IMAGES && imageIndex <= Math.abs(index) + _Slider.PRELOAD_IMAGES ? "url(".concat(image, ")") : undefined,
@@ -148,6 +149,7 @@ var Slider = function Slider(_ref) {
         width: width
       }
     }), captions[imageIndex] && /*#__PURE__*/_react.default.createElement(_primitives.View, {
+      tag: "image-caption",
       className: _SliderModule.default.caption
     }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
       bold: true,
@@ -160,7 +162,8 @@ var Slider = function Slider(_ref) {
     },
     className: (0, _helpers.styles)(_SliderModule.default.button, ((defaultDirection ? replay ? false : isEnd : index === 0) || isDesktop && !focus) && _SliderModule.default.hide, _SliderModule.default.second)
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    value: replay && defaultDirection && index === images.length - 1 ? _primitives.ICON.REPLAY : _primitives.ICON.RIGHT
+    value: replay && defaultDirection && index === images.length - 1 ? _primitives.ICON.REPLAY : _primitives.ICON.RIGHT,
+    className: _SliderModule.default.icon
   })), hasImages && onCounter && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: onCounter,
     className: (0, _helpers.styles)(_SliderModule.default.overlay, _SliderModule.default.counter, !defaultDirection && _SliderModule.default.reverse)

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["interval","timeout","Slider","auto","behavior","captions","height","propHeight","images","index","propIndex","indicator","replay","width","propWidth","onChange","onCounter","others","useDevice","isDesktop","useState","disabledScroll","setDisabledScroll","focus","setFocus","setIndex","useEffect","setInterval","length","clearInterval","clearTimeout","setTimeout","SCROLL_DELAY","handleIndex","nextIndex","Math","abs","defaultDirection","handleScroll","x","round","Theme","getDirection","DIRECTION_TYPE","LEFT","hasImages","isEnd","role","tag","undefined","styles","style","slider","className","button","hide","first","ICON","REPLAY","floor","scrollView","map","image","imageIndex","item","backgroundImage","PRELOAD_IMAGES","caption","overlay","text","second","RIGHT","counter","reverse","PHOTO_LIBRARY","progress","visible","displayName","propTypes","PropTypes","bool","string","arrayOf","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 { DIRECTION_TYPE, Theme } from '../../theme';\nimport { Progress } from '../Progress';\nimport { PRELOAD_IMAGES, SCROLL_DELAY } from './Slider.constants';\nimport style from './Slider.module.css';\n\nlet interval;\nlet timeout;\n\nconst Slider = ({\n  auto = false,\n  behavior = 'smooth',\n  captions = [],\n  height: propHeight = 240,\n  images = [],\n  index: propIndex = 0,\n  indicator = false,\n  replay = true,\n  width: propWidth = 320,\n  onChange = () => {},\n  onCounter,\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n\n  const [disabledScroll, setDisabledScroll] = useState(true);\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    timeout = setTimeout(() => setDisabledScroll(false), SCROLL_DELAY);\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 handleIndex = (nextIndex) => {\n    setDisabledScroll(true);\n    setIndex(Math.abs(nextIndex) === images.length ? 0 : Math.abs(nextIndex) * (defaultDirection ? 1 : -1));\n  };\n\n  const handleScroll = ({ x = 0 } = {}) => {\n    const nextIndex = x < width ? 0 : Math.round(x / width);\n\n    if (nextIndex !== index) setIndex(nextIndex);\n  };\n\n  const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n  const hasImages = images.length > 1;\n  const isEnd = Math.abs(index) >= images.length - 1;\n\n  return (\n    <View\n      {...others}\n      role={others.role || 'slider'}\n      tag={others.tag || 'slider'}\n      onMouseEnter={isDesktop ? () => setFocus(true) : undefined}\n      onMouseLeave={isDesktop ? () => setFocus(false) : undefined}\n      className={styles(style.slider, others.className)}\n      style={{ ...others.style, width }}\n    >\n      {hasImages && (\n        <Pressable\n          onPress={() => handleIndex(index - 1)}\n          className={styles(\n            style.button,\n            ((defaultDirection ? index <= 0 : replay ? false : isEnd) || (isDesktop && !focus)) && style.hide,\n            style.first,\n          )}\n        >\n          <Icon value={replay && !defaultDirection && isEnd ? ICON.REPLAY : ICON.LEFT} />\n        </Pressable>\n      )}\n\n      <ScrollView\n        behavior={behavior}\n        horizontal\n        scrollEventThrottle={SCROLL_DELAY}\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                  replay ||\n                  (imageIndex >= Math.abs(index) - PRELOAD_IMAGES && imageIndex <= Math.abs(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.overlay, style.text]}>\n                  {captions[imageIndex]}\n                </Text>\n              </View>\n            )}\n          </View>\n        ))}\n      </ScrollView>\n\n      {hasImages && (\n        <Pressable\n          onPress={() => handleIndex(index + 1)}\n          className={styles(\n            style.button,\n            ((defaultDirection ? (replay ? false : isEnd) : index === 0) || (isDesktop && !focus)) && style.hide,\n            style.second,\n          )}\n        >\n          <Icon value={replay && defaultDirection && index === images.length - 1 ? ICON.REPLAY : ICON.RIGHT} />\n        </Pressable>\n      )}\n\n      {hasImages && onCounter && (\n        <Pressable\n          onPress={onCounter}\n          className={styles(style.overlay, style.counter, !defaultDirection && style.reverse)}\n        >\n          <Icon action value={ICON.PHOTO_LIBRARY} />\n          <Text bold small>\n            {images.length}\n          </Text>\n        </Pressable>\n      )}\n\n      {indicator && (\n        <Progress\n          value={(index * 100) / (images.length - 1)}\n          className={styles(style.progress, index > 0 && style.visible)}\n        />\n      )}\n    </View>\n  );\n};\n\nSlider.displayName = 'Component:Slider';\n\nSlider.propTypes = {\n  auto: PropTypes.bool,\n  behavior: PropTypes.string,\n  captions: PropTypes.arrayOf(PropTypes.string),\n  height: PropTypes.number.isRequired,\n  images: PropTypes.arrayOf(PropTypes.string).isRequired,\n  index: PropTypes.number,\n  indicator: PropTypes.bool,\n  replay: PropTypes.bool,\n  width: PropTypes.number.isRequired,\n  onChange: PropTypes.func,\n  onCounter: PropTypes.func,\n};\n\nexport { Slider };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAIA,QAAQ;AACZ,IAAIC,OAAO;AAEX,IAAMC,MAAM,GAAG,SAATA,MAAM,OAaN;EAAA,qBAZJC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IAAA,qBACZC,QAAQ;IAARA,QAAQ,8BAAG,QAAQ;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,EAAE;IAAA,mBACbC,MAAM;IAAEC,UAAU,4BAAG,GAAG;IAAA,mBACxBC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,kBACXC,KAAK;IAAEC,SAAS,2BAAG,CAAC;IAAA,sBACpBC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,mBACjBC,MAAM;IAANA,MAAM,4BAAG,IAAI;IAAA,kBACbC,KAAK;IAAEC,SAAS,2BAAG,GAAG;IAAA,qBACtBC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IACnBC,SAAS,QAATA,SAAS;IACNC,MAAM;EAET,iBAAsB,IAAAC,gBAAS,GAAE;IAAzBC,SAAS,cAATA,SAAS;EAEjB,gBAA4C,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAnDC,cAAc;IAAEC,iBAAiB;EACxC,iBAA0B,IAAAF,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAlCG,KAAK;IAAEC,QAAQ;EACtB,iBAA0B,IAAAJ,eAAQ,EAACV,SAAS,CAAC;IAAA;IAAtCD,KAAK;IAAEgB,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIvB,IAAI,EAAEH,QAAQ,GAAG2B,WAAW,CAAC;MAAA,OAAMF,QAAQ,CAAChB,KAAK,GAAGD,MAAM,CAACoB,MAAM,GAAG,CAAC,GAAGnB,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;IAAA,GAAE,IAAI,CAAC;IACjG,OAAO;MAAA,OAAMoB,aAAa,CAAC7B,QAAQ,CAAC;IAAA;IACpC;EACF,CAAC,EAAE,CAACG,IAAI,EAAEM,KAAK,CAAC,CAAC;;EAEjB;EACA,IAAAiB,gBAAS,EAAC,YAAM;IACdI,YAAY,CAAC7B,OAAO,CAAC;IACrBA,OAAO,GAAG8B,UAAU,CAAC;MAAA,OAAMT,iBAAiB,CAAC,KAAK,CAAC;IAAA,GAAEU,oBAAY,CAAC;IAElEjB,QAAQ,CAACN,KAAK,CAAC;IACf;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAMH,MAAM,GAAGC,UAAU;EAEzB,IAAMM,KAAK,GAAGC,SAAS;EAEvB,IAAMmB,WAAW,GAAG,SAAdA,WAAW,CAAIC,SAAS,EAAK;IACjCZ,iBAAiB,CAAC,IAAI,CAAC;IACvBG,QAAQ,CAACU,IAAI,CAACC,GAAG,CAACF,SAAS,CAAC,KAAK1B,MAAM,CAACoB,MAAM,GAAG,CAAC,GAAGO,IAAI,CAACC,GAAG,CAACF,SAAS,CAAC,IAAIG,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;EACzG,CAAC;EAED,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAuB;IAAA,gFAAP,CAAC,CAAC;MAAA,gBAAZC,CAAC;MAADA,CAAC,wBAAG,CAAC;IAC3B,IAAML,SAAS,GAAGK,CAAC,GAAG1B,KAAK,GAAG,CAAC,GAAGsB,IAAI,CAACK,KAAK,CAACD,CAAC,GAAG1B,KAAK,CAAC;IAEvD,IAAIqB,SAAS,KAAKzB,KAAK,EAAEgB,QAAQ,CAACS,SAAS,CAAC;EAC9C,CAAC;EAED,IAAMG,gBAAgB,GAAGI,YAAK,CAACC,YAAY,EAAE,KAAKC,qBAAc,CAACC,IAAI;EACrE,IAAMC,SAAS,GAAGrC,MAAM,CAACoB,MAAM,GAAG,CAAC;EACnC,IAAMkB,KAAK,GAAGX,IAAI,CAACC,GAAG,CAAC3B,KAAK,CAAC,IAAID,MAAM,CAACoB,MAAM,GAAG,CAAC;EAElD,oBACE,6BAAC,gBAAI,eACCX,MAAM;IACV,IAAI,EAAEA,MAAM,CAAC8B,IAAI,IAAI,QAAS;IAC9B,GAAG,EAAE9B,MAAM,CAAC+B,GAAG,IAAI,QAAS;IAC5B,YAAY,EAAE7B,SAAS,GAAG;MAAA,OAAMK,QAAQ,CAAC,IAAI,CAAC;IAAA,IAAGyB,SAAU;IAC3D,YAAY,EAAE9B,SAAS,GAAG;MAAA,OAAMK,QAAQ,CAAC,KAAK,CAAC;IAAA,IAAGyB,SAAU;IAC5D,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAEnC,MAAM,CAACoC,SAAS,CAAE;IAClD,KAAK,kCAAOpC,MAAM,CAACkC,KAAK;MAAEtC,KAAK,EAALA;IAAK;EAAG,IAEjCgC,SAAS,iBACR,6BAAC,qBAAS;IACR,OAAO,EAAE;MAAA,OAAMZ,WAAW,CAACxB,KAAK,GAAG,CAAC,CAAC;IAAA,CAAC;IACtC,SAAS,EAAE,IAAAyC,eAAM,EACfC,qBAAK,CAACG,MAAM,EACZ,CAAC,CAACjB,gBAAgB,GAAG5B,KAAK,IAAI,CAAC,GAAGG,MAAM,GAAG,KAAK,GAAGkC,KAAK,KAAM3B,SAAS,IAAI,CAACI,KAAM,KAAK4B,qBAAK,CAACI,IAAI,EACjGJ,qBAAK,CAACK,KAAK;EACX,gBAEF,6BAAC,gBAAI;IAAC,KAAK,EAAE5C,MAAM,IAAI,CAACyB,gBAAgB,IAAIS,KAAK,GAAGW,gBAAI,CAACC,MAAM,GAAGD,gBAAI,CAACb;EAAK,EAAG,CAElF,eAED,6BAAC,sBAAU;IACT,QAAQ,EAAExC,QAAS;IACnB,UAAU;IACV,mBAAmB,EAAE4B,oBAAa;IAClC,QAAQ,EAAEvB,KAAK,GAAG0B,IAAI,CAACwB,KAAK,CAAC9C,KAAK,CAAE;IACpC,IAAI;IACJ,KAAK,EAAEA,KAAM;IACb,QAAQ,EAAEQ,cAAc,GAAG4B,SAAS,GAAGX,YAAa;IACpD,SAAS,EAAEa,qBAAK,CAACS;EAAW,GAE3BpD,MAAM,CAACqD,GAAG,CAAC,UAACC,KAAK,EAAEC,UAAU;IAAA,oBAC5B,6BAAC,gBAAI;MAAC,GAAG,EAAEA,UAAW;MAAC,SAAS,EAAEZ,qBAAK,CAACa;IAAK,gBAC3C,6BAAC,gBAAI;MACH,IAAI,EAAC,OAAO;MACZ,SAAS,EAAEb,qBAAK,CAACW,KAAM;MACvB,KAAK,EAAE;QACLG,eAAe,EACbrD,MAAM,IACLmD,UAAU,IAAI5B,IAAI,CAACC,GAAG,CAAC3B,KAAK,CAAC,GAAGyD,sBAAc,IAAIH,UAAU,IAAI5B,IAAI,CAACC,GAAG,CAAC3B,KAAK,CAAC,GAAGyD,sBAAe,iBACvFJ,KAAK,SACZb,SAAS;QACf3C,MAAM,EAANA,MAAM;QACNO,KAAK,EAALA;MACF;IAAE,EACF,EACDR,QAAQ,CAAC0D,UAAU,CAAC,iBACnB,6BAAC,gBAAI;MAAC,SAAS,EAAEZ,qBAAK,CAACgB;IAAQ,gBAC7B,6BAAC,gBAAI;MAAC,IAAI;MAAC,KAAK;MAAC,SAAS,EAAE,CAAChB,qBAAK,CAACiB,OAAO,EAAEjB,qBAAK,CAACkB,IAAI;IAAE,GACrDhE,QAAQ,CAAC0D,UAAU,CAAC,CAChB,CAEV,CACI;EAAA,CACR,CAAC,CACS,EAEZlB,SAAS,iBACR,6BAAC,qBAAS;IACR,OAAO,EAAE;MAAA,OAAMZ,WAAW,CAACxB,KAAK,GAAG,CAAC,CAAC;IAAA,CAAC;IACtC,SAAS,EAAE,IAAAyC,eAAM,EACfC,qBAAK,CAACG,MAAM,EACZ,CAAC,CAACjB,gBAAgB,GAAIzB,MAAM,GAAG,KAAK,GAAGkC,KAAK,GAAIrC,KAAK,KAAK,CAAC,KAAMU,SAAS,IAAI,CAACI,KAAM,KAAK4B,qBAAK,CAACI,IAAI,EACpGJ,qBAAK,CAACmB,MAAM;EACZ,gBAEF,6BAAC,gBAAI;IAAC,KAAK,EAAE1D,MAAM,IAAIyB,gBAAgB,IAAI5B,KAAK,KAAKD,MAAM,CAACoB,MAAM,GAAG,CAAC,GAAG6B,gBAAI,CAACC,MAAM,GAAGD,gBAAI,CAACc;EAAM,EAAG,CAExG,EAEA1B,SAAS,IAAI7B,SAAS,iBACrB,6BAAC,qBAAS;IACR,OAAO,EAAEA,SAAU;IACnB,SAAS,EAAE,IAAAkC,eAAM,EAACC,qBAAK,CAACiB,OAAO,EAAEjB,qBAAK,CAACqB,OAAO,EAAE,CAACnC,gBAAgB,IAAIc,qBAAK,CAACsB,OAAO;EAAE,gBAEpF,6BAAC,gBAAI;IAAC,MAAM;IAAC,KAAK,EAAEhB,gBAAI,CAACiB;EAAc,EAAG,eAC1C,6BAAC,gBAAI;IAAC,IAAI;IAAC,KAAK;EAAA,GACblE,MAAM,CAACoB,MAAM,CACT,CAEV,EAEAjB,SAAS,iBACR,6BAAC,kBAAQ;IACP,KAAK,EAAGF,KAAK,GAAG,GAAG,IAAKD,MAAM,CAACoB,MAAM,GAAG,CAAC,CAAE;IAC3C,SAAS,EAAE,IAAAsB,eAAM,EAACC,qBAAK,CAACwB,QAAQ,EAAElE,KAAK,GAAG,CAAC,IAAI0C,qBAAK,CAACyB,OAAO;EAAE,EAEjE,CACI;AAEX,CAAC;AAAC;AAEF1E,MAAM,CAAC2E,WAAW,GAAG,kBAAkB;AAEvC3E,MAAM,CAAC4E,SAAS,GAAG;EACjB3E,IAAI,EAAE4E,kBAAS,CAACC,IAAI;EACpB5E,QAAQ,EAAE2E,kBAAS,CAACE,MAAM;EAC1B5E,QAAQ,EAAE0E,kBAAS,CAACG,OAAO,CAACH,kBAAS,CAACE,MAAM,CAAC;EAC7C3E,MAAM,EAAEyE,kBAAS,CAACI,MAAM,CAACC,UAAU;EACnC5E,MAAM,EAAEuE,kBAAS,CAACG,OAAO,CAACH,kBAAS,CAACE,MAAM,CAAC,CAACG,UAAU;EACtD3E,KAAK,EAAEsE,kBAAS,CAACI,MAAM;EACvBxE,SAAS,EAAEoE,kBAAS,CAACC,IAAI;EACzBpE,MAAM,EAAEmE,kBAAS,CAACC,IAAI;EACtBnE,KAAK,EAAEkE,kBAAS,CAACI,MAAM,CAACC,UAAU;EAClCrE,QAAQ,EAAEgE,kBAAS,CAACM,IAAI;EACxBrE,SAAS,EAAE+D,kBAAS,CAACM;AACvB,CAAC"}
+{"version":3,"file":"Slider.js","names":["interval","timeout","Slider","auto","behavior","captions","height","propHeight","images","index","propIndex","indicator","replay","width","propWidth","onChange","onCounter","others","useDevice","isDesktop","useState","disabledScroll","setDisabledScroll","focus","setFocus","setIndex","useEffect","setInterval","length","clearInterval","clearTimeout","setTimeout","SCROLL_DELAY","handleIndex","nextIndex","Math","abs","defaultDirection","handleScroll","x","round","Theme","getDirection","DIRECTION_TYPE","LEFT","hasImages","isEnd","undefined","styles","style","slider","className","button","hide","first","ICON","REPLAY","icon","floor","scrollView","map","image","imageIndex","item","backgroundImage","PRELOAD_IMAGES","caption","overlay","text","second","RIGHT","counter","reverse","PHOTO_LIBRARY","progress","visible","displayName","propTypes","PropTypes","bool","string","arrayOf","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 { DIRECTION_TYPE, Theme } from '../../theme';\nimport { Progress } from '../Progress';\nimport { PRELOAD_IMAGES, SCROLL_DELAY } from './Slider.constants';\nimport style from './Slider.module.css';\n\nlet interval;\nlet timeout;\n\nconst Slider = ({\n  auto = false,\n  behavior = 'smooth',\n  captions = [],\n  height: propHeight = 240,\n  images = [],\n  index: propIndex = 0,\n  indicator = false,\n  replay = true,\n  width: propWidth = 320,\n  onChange = () => {},\n  onCounter,\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n\n  const [disabledScroll, setDisabledScroll] = useState(true);\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    timeout = setTimeout(() => setDisabledScroll(false), SCROLL_DELAY);\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 handleIndex = (nextIndex) => {\n    setDisabledScroll(true);\n    setIndex(Math.abs(nextIndex) === images.length ? 0 : Math.abs(nextIndex) * (defaultDirection ? 1 : -1));\n  };\n\n  const handleScroll = ({ x = 0 } = {}) => {\n    const nextIndex = x < width ? 0 : Math.round(x / width);\n\n    if (nextIndex !== index) setIndex(nextIndex);\n  };\n\n  const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n  const hasImages = images.length > 1;\n  const isEnd = Math.abs(index) >= images.length - 1;\n\n  return (\n    <View\n      {...others}\n      tag=\"slider\"\n      onMouseEnter={isDesktop ? () => setFocus(true) : undefined}\n      onMouseLeave={isDesktop ? () => setFocus(false) : undefined}\n      className={styles(style.slider, others.className)}\n      style={{ ...others.style, width }}\n    >\n      {hasImages && (\n        <Pressable\n          onPress={() => handleIndex(index - 1)}\n          className={styles(\n            style.button,\n            ((defaultDirection ? index <= 0 : replay ? false : isEnd) || (isDesktop && !focus)) && style.hide,\n            style.first,\n          )}\n        >\n          <Icon value={replay && !defaultDirection && isEnd ? ICON.REPLAY : ICON.LEFT} className={style.icon} />\n        </Pressable>\n      )}\n\n      <ScrollView\n        behavior={behavior}\n        horizontal\n        scrollEventThrottle={SCROLL_DELAY}\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} tag=\"images\" className={style.item}>\n            <View\n              tag=\"image\"\n              className={style.image}\n              style={{\n                backgroundImage:\n                  replay ||\n                  (imageIndex >= Math.abs(index) - PRELOAD_IMAGES && imageIndex <= Math.abs(index) + PRELOAD_IMAGES)\n                    ? `url(${image})`\n                    : undefined,\n                height,\n                width,\n              }}\n            />\n            {captions[imageIndex] && (\n              <View tag=\"image-caption\" className={style.caption}>\n                <Text bold small className={[style.overlay, style.text]}>\n                  {captions[imageIndex]}\n                </Text>\n              </View>\n            )}\n          </View>\n        ))}\n      </ScrollView>\n\n      {hasImages && (\n        <Pressable\n          onPress={() => handleIndex(index + 1)}\n          className={styles(\n            style.button,\n            ((defaultDirection ? (replay ? false : isEnd) : index === 0) || (isDesktop && !focus)) && style.hide,\n            style.second,\n          )}\n        >\n          <Icon\n            value={replay && defaultDirection && index === images.length - 1 ? ICON.REPLAY : ICON.RIGHT}\n            className={style.icon}\n          />\n        </Pressable>\n      )}\n\n      {hasImages && onCounter && (\n        <Pressable\n          onPress={onCounter}\n          className={styles(style.overlay, style.counter, !defaultDirection && style.reverse)}\n        >\n          <Icon action value={ICON.PHOTO_LIBRARY} />\n          <Text bold small>\n            {images.length}\n          </Text>\n        </Pressable>\n      )}\n\n      {indicator && (\n        <Progress\n          value={(index * 100) / (images.length - 1)}\n          className={styles(style.progress, index > 0 && style.visible)}\n        />\n      )}\n    </View>\n  );\n};\n\nSlider.displayName = 'Component:Slider';\n\nSlider.propTypes = {\n  auto: PropTypes.bool,\n  behavior: PropTypes.string,\n  captions: PropTypes.arrayOf(PropTypes.string),\n  height: PropTypes.number.isRequired,\n  images: PropTypes.arrayOf(PropTypes.string).isRequired,\n  index: PropTypes.number,\n  indicator: PropTypes.bool,\n  replay: PropTypes.bool,\n  width: PropTypes.number.isRequired,\n  onChange: PropTypes.func,\n  onCounter: PropTypes.func,\n};\n\nexport { Slider };\n"],"mappings":"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"}

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

@@ -24,7 +24,7 @@
   transform: scale(0);
 }
 
-.button > [data-role='icon'] {
+.button .icon {
   color: var(--mirai-ui-slider-button-icon);
 }
 
@@ -77,7 +77,7 @@
   left: var(--mirai-ui-space-S);
 }
 
-.counter [data-role] {
+.counter * {
   color: var(--mirai-ui-slider-color);
 }
 
@@ -87,7 +87,7 @@
   padding: var(--mirai-ui-space-XXS) var(--mirai-ui-space-XS);
 }
 
-.overlay [data-role] {
+.overlay * {
   color: var(--mirai-ui-slider-overlay-color);
 }