@mirai/core 0.4.354 → 0.4.355
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/Rates/components/Item/components/Slider/Slider.constants.js +9 -0
- package/build/components/Rates/components/Item/components/Slider/Slider.constants.js.map +1 -0
- package/build/components/Rates/components/Item/components/Slider/Slider.js +14 -6
- package/build/components/Rates/components/Item/components/Slider/Slider.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SCROLL_DELAY = exports.PRELOAD_IMAGES = void 0;
|
|
7
|
+
const PRELOAD_IMAGES = exports.PRELOAD_IMAGES = 3;
|
|
8
|
+
const SCROLL_DELAY = exports.SCROLL_DELAY = 300;
|
|
9
|
+
//# sourceMappingURL=Slider.constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.constants.js","names":["PRELOAD_IMAGES","exports","SCROLL_DELAY"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Slider/Slider.constants.js"],"sourcesContent":["const PRELOAD_IMAGES = 3;\n\nconst SCROLL_DELAY = 300;\n\nexport { PRELOAD_IMAGES, SCROLL_DELAY };\n"],"mappings":";;;;;;AAAA,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,CAAC;AAExB,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,GAAG"}
|
|
@@ -9,7 +9,8 @@ var _locale = require("@mirai/locale");
|
|
|
9
9
|
var _ui = require("@mirai/ui");
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _Slider = require("./Slider.
|
|
12
|
+
var _Slider = require("./Slider.constants");
|
|
13
|
+
var _Slider2 = require("./Slider.l10n");
|
|
13
14
|
var style = _interopRequireWildcard(require("./Slider.module.css"));
|
|
14
15
|
var _helpers = require("../../../../../helpers");
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
@@ -33,6 +34,9 @@ const Slider = _ref => {
|
|
|
33
34
|
onViewUrl = () => {},
|
|
34
35
|
...others
|
|
35
36
|
} = _ref;
|
|
37
|
+
const {
|
|
38
|
+
isMobile
|
|
39
|
+
} = (0, _ui.useDevice)();
|
|
36
40
|
const {
|
|
37
41
|
translate
|
|
38
42
|
} = (0, _locale.useLocale)();
|
|
@@ -66,15 +70,19 @@ const Slider = _ref => {
|
|
|
66
70
|
images,
|
|
67
71
|
indicator,
|
|
68
72
|
width,
|
|
69
|
-
onCounter
|
|
73
|
+
onCounter
|
|
74
|
+
}, isMobile ? {
|
|
75
|
+
preloadImages: _Slider.PRELOAD_IMAGES,
|
|
76
|
+
scrollDelay: _Slider.SCROLL_DELAY
|
|
77
|
+
} : {}, {
|
|
70
78
|
onChange: handleSliderIndex
|
|
71
79
|
}, sliderProps)), children, (url3D || urlVideo) && sliderIndex === 0 && /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
72
80
|
row: true,
|
|
73
81
|
className: style.buttons
|
|
74
82
|
}, urlVideo && /*#__PURE__*/_react.default.createElement(_ui.Button, _extends({}, buttonProps, {
|
|
75
|
-
tooltip: translate(
|
|
83
|
+
tooltip: translate(_Slider2.L10N.LABEL_VIEW_VIDEO),
|
|
76
84
|
onPress: () => onViewUrl({
|
|
77
|
-
title: translate(
|
|
85
|
+
title: translate(_Slider2.L10N.LABEL_VIEW_VIDEO),
|
|
78
86
|
url: urlVideo
|
|
79
87
|
})
|
|
80
88
|
}), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
|
|
@@ -83,9 +91,9 @@ const Slider = _ref => {
|
|
|
83
91
|
value: _helpers.ICON.PLAY,
|
|
84
92
|
className: style.icon
|
|
85
93
|
})), url3D && /*#__PURE__*/_react.default.createElement(_ui.Button, _extends({}, buttonProps, {
|
|
86
|
-
tooltip: translate(
|
|
94
|
+
tooltip: translate(_Slider2.L10N.LABEL_3D_VIEW),
|
|
87
95
|
onPress: () => onViewUrl({
|
|
88
|
-
title: translate(
|
|
96
|
+
title: translate(_Slider2.L10N.LABEL_3D_VIEW),
|
|
89
97
|
url: url3D
|
|
90
98
|
})
|
|
91
99
|
}), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Slider","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Slider","_ref","captions","children","height","images","indicator","media","url3D","urlVideo","metrics","width","onCounter","onViewUrl","others","translate","useLocale","sliderIndex","setSliderIndex","useState","sliderProps","className","slider","maxHeight","handleSliderIndex","index","Event","publish","EVENT","METRICS","id","concat","buttonProps","rounded","squared","transparent","button","createElement","View","counter","onChange","row","buttons","Button","tooltip","L10N","LABEL_VIEW_VIDEO","onPress","title","url","Icon","headline","level","value","ICON","PLAY","icon","LABEL_3D_VIEW","THREE_D_ROTATION","exports","displayName","propTypes","PropTypes","arrayOf","string","node","number","bool","shape","func"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Slider/Slider.jsx"],"sourcesContent":["import { Event } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Slider as SliderBase, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { L10N } from './Slider.l10n';\nimport * as style from './Slider.module.css';\nimport { EVENT, ICON } from '../../../../../helpers';\n\nconst Slider = ({\n captions = [],\n children,\n height,\n images = [],\n indicator = true,\n media: { url3D, urlVideo } = {},\n metrics = 'RATES:ITEM',\n width,\n onCounter,\n onViewUrl = () => {},\n ...others\n}) => {\n const { translate } = useLocale();\n\n const [sliderIndex, setSliderIndex] = useState(0);\n\n const sliderProps = { className: [style.slider, others.className], style: { height, maxHeight: height } };\n\n const handleSliderIndex = (index) => {\n setSliderIndex(index);\n if (index > 0) Event.publish(EVENT.METRICS, { id: `${metrics}:SLIDER`, index });\n };\n\n // ! TODO: This should be part of the service of rates\n const buttonProps = { rounded: true, squared: true, transparent: true, className: style.button };\n\n return (\n <View {...sliderProps}>\n <SliderBase\n counter\n {...{
|
|
1
|
+
{"version":3,"file":"Slider.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Slider","_Slider2","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Slider","_ref","captions","children","height","images","indicator","media","url3D","urlVideo","metrics","width","onCounter","onViewUrl","others","isMobile","useDevice","translate","useLocale","sliderIndex","setSliderIndex","useState","sliderProps","className","slider","maxHeight","handleSliderIndex","index","Event","publish","EVENT","METRICS","id","concat","buttonProps","rounded","squared","transparent","button","createElement","View","counter","preloadImages","PRELOAD_IMAGES","scrollDelay","SCROLL_DELAY","onChange","row","buttons","Button","tooltip","L10N","LABEL_VIEW_VIDEO","onPress","title","url","Icon","headline","level","value","ICON","PLAY","icon","LABEL_3D_VIEW","THREE_D_ROTATION","exports","displayName","propTypes","PropTypes","arrayOf","string","node","number","bool","shape","func"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Slider/Slider.jsx"],"sourcesContent":["import { Event } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Slider as SliderBase, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { PRELOAD_IMAGES, SCROLL_DELAY } from './Slider.constants';\nimport { L10N } from './Slider.l10n';\nimport * as style from './Slider.module.css';\nimport { EVENT, ICON } from '../../../../../helpers';\n\nconst Slider = ({\n captions = [],\n children,\n height,\n images = [],\n indicator = true,\n media: { url3D, urlVideo } = {},\n metrics = 'RATES:ITEM',\n width,\n onCounter,\n onViewUrl = () => {},\n ...others\n}) => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n\n const [sliderIndex, setSliderIndex] = useState(0);\n\n const sliderProps = { className: [style.slider, others.className], style: { height, maxHeight: height } };\n\n const handleSliderIndex = (index) => {\n setSliderIndex(index);\n if (index > 0) Event.publish(EVENT.METRICS, { id: `${metrics}:SLIDER`, index });\n };\n\n // ! TODO: This should be part of the service of rates\n const buttonProps = { rounded: true, squared: true, transparent: true, className: style.button };\n\n return (\n <View {...sliderProps}>\n <SliderBase\n counter\n {...{\n captions,\n height,\n images,\n indicator,\n width,\n onCounter,\n ...(isMobile\n ? {\n preloadImages: PRELOAD_IMAGES,\n scrollDelay: SCROLL_DELAY,\n }\n : {}),\n }}\n onChange={handleSliderIndex}\n {...sliderProps}\n />\n\n {children}\n\n {(url3D || urlVideo) && sliderIndex === 0 && (\n <View row className={style.buttons}>\n {urlVideo && (\n <Button\n {...buttonProps}\n tooltip={translate(L10N.LABEL_VIEW_VIDEO)}\n onPress={() => onViewUrl({ title: translate(L10N.LABEL_VIEW_VIDEO), url: urlVideo })}\n >\n <Icon headline level={2} value={ICON.PLAY} className={style.icon} />\n </Button>\n )}\n\n {url3D && (\n <Button\n {...buttonProps}\n tooltip={translate(L10N.LABEL_3D_VIEW)}\n onPress={() => onViewUrl({ title: translate(L10N.LABEL_3D_VIEW), url: url3D })}\n >\n <Icon headline level={2} value={ICON.THREE_D_ROTATION} className={style.icon} />\n </Button>\n )}\n </View>\n )}\n </View>\n );\n};\n\nSlider.displayName = 'Mirai:Core:Rates:Item:Slider';\n\nSlider.propTypes = {\n captions: PropTypes.arrayOf(PropTypes.string),\n children: PropTypes.node,\n height: PropTypes.number,\n images: PropTypes.arrayOf(PropTypes.string),\n indicator: PropTypes.bool,\n media: PropTypes.shape({\n url3D: PropTypes.string,\n urlVideo: PropTypes.string,\n }),\n metrics: PropTypes.string,\n width: PropTypes.number,\n onCounter: PropTypes.func,\n onViewUrl: PropTypes.func,\n};\n\nexport { Slider };\n"],"mappings":"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"}
|