@blerp/design 1.2.37 → 1.2.38
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/dist/index.cjs.js +11 -6
- package/dist/index.esm.js +10 -5
- package/dist/index.umd.js +14 -8
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -12,8 +12,6 @@ var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiter
|
|
|
12
12
|
var iconsMaterial = require('@mui/icons-material');
|
|
13
13
|
var BookmarkOutlinedIcon = require('@mui/icons-material/BookmarkOutlined');
|
|
14
14
|
var LockRoundedIcon = require('@mui/icons-material/LockRounded');
|
|
15
|
-
var AddRoundedIcon = require('@mui/icons-material/AddRounded');
|
|
16
|
-
require('@mui/icons-material/ArrowDropDownRounded');
|
|
17
15
|
var DoNotDisturbRoundedIcon = require('@mui/icons-material/DoNotDisturbRounded');
|
|
18
16
|
var FavoriteIcon = require('@mui/icons-material/Favorite');
|
|
19
17
|
var FavoriteBorderIcon = require('@mui/icons-material/FavoriteBorder');
|
|
@@ -39,6 +37,7 @@ var styles = require('@mui/material/styles');
|
|
|
39
37
|
var Slide = require('@mui/material/Slide');
|
|
40
38
|
var Fade = require('@mui/material/Fade');
|
|
41
39
|
var Lottie = require('react-lottie');
|
|
40
|
+
var AddRoundedIcon = require('@mui/icons-material/AddRounded');
|
|
42
41
|
var FacebookIcon = require('@mui/icons-material/Facebook');
|
|
43
42
|
var InstagramIcon = require('@mui/icons-material/Instagram');
|
|
44
43
|
var ModeEditRoundedIcon = require('@mui/icons-material/ModeEditRounded');
|
|
@@ -89,7 +88,6 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
89
88
|
var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
|
|
90
89
|
var BookmarkOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(BookmarkOutlinedIcon);
|
|
91
90
|
var LockRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(LockRoundedIcon);
|
|
92
|
-
var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
|
|
93
91
|
var DoNotDisturbRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(DoNotDisturbRoundedIcon);
|
|
94
92
|
var FavoriteIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteIcon);
|
|
95
93
|
var FavoriteBorderIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteBorderIcon);
|
|
@@ -113,6 +111,7 @@ var InsertPhotoRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(InsertP
|
|
|
113
111
|
var Slide__default = /*#__PURE__*/_interopDefaultLegacy(Slide);
|
|
114
112
|
var Fade__default = /*#__PURE__*/_interopDefaultLegacy(Fade);
|
|
115
113
|
var Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
|
|
114
|
+
var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
|
|
116
115
|
var FacebookIcon__default = /*#__PURE__*/_interopDefaultLegacy(FacebookIcon);
|
|
117
116
|
var InstagramIcon__default = /*#__PURE__*/_interopDefaultLegacy(InstagramIcon);
|
|
118
117
|
var ModeEditRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ModeEditRoundedIcon);
|
|
@@ -1781,7 +1780,9 @@ var PremiumContainer = styled__default['default'].div(_templateObject$g || (_tem
|
|
|
1781
1780
|
var Container$1 = styled__default['default'].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n background-color: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
|
|
1782
1781
|
return props.theme.colors.grey7;
|
|
1783
1782
|
});
|
|
1784
|
-
var HoverScrollText = styled__default['default'].div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n max-width: 280px;\n min-width:
|
|
1783
|
+
var HoverScrollText = styled__default['default'].div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n max-width: 280px;\n min-width: 190px;\n height: 23px;\n overflow: hidden;\n line-height: 30px;\n box-sizing: border-box;\n position: relative;\n margin: 10px 0 5px 0;\n cursor: pointer;\n & p {\n cursor: default;\n position: absolute;\n white-space: nowrap;\n transform: translateX(0);\n transition: 1s;\n }\n\n &:hover p {\n ", "\n text-decoration: underline;\n cursor: pointer;\n }\n"])), function (props) {
|
|
1784
|
+
return props.hover && "transform: translateX(calc(180px - 100%));";
|
|
1785
|
+
});
|
|
1785
1786
|
var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref) {
|
|
1786
1787
|
var saved = _ref.saved,
|
|
1787
1788
|
count = _ref.count,
|
|
@@ -2044,7 +2045,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
|
|
|
2044
2045
|
|
|
2045
2046
|
}
|
|
2046
2047
|
}, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
|
|
2047
|
-
rating: bite === null || bite === void 0 ? void 0 : bite.
|
|
2048
|
+
rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
|
|
2048
2049
|
}), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
|
|
2049
2050
|
item: bite,
|
|
2050
2051
|
hovering: hovering
|
|
@@ -2062,7 +2063,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
|
|
|
2062
2063
|
};
|
|
2063
2064
|
|
|
2064
2065
|
var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
2065
|
-
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original;
|
|
2066
|
+
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
2066
2067
|
|
|
2067
2068
|
var Waveform = _ref6.Waveform,
|
|
2068
2069
|
bite = _ref6.bite,
|
|
@@ -2103,6 +2104,8 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
|
2103
2104
|
addedToPlace = _useState10[0],
|
|
2104
2105
|
setAddedToPlace = _useState10[1];
|
|
2105
2106
|
|
|
2107
|
+
var titleRef = React.useRef(null);
|
|
2108
|
+
|
|
2106
2109
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2107
2110
|
if (playState === "played") {
|
|
2108
2111
|
return /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
@@ -2252,8 +2255,10 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
|
2252
2255
|
}, renderPlayStateIcon()), Waveform({
|
|
2253
2256
|
hovering: hovering
|
|
2254
2257
|
})), /*#__PURE__*/React__default['default'].createElement(HoverScrollText, {
|
|
2258
|
+
hover: ((_titleRef$current = titleRef.current) === null || _titleRef$current === void 0 ? void 0 : (_titleRef$current$get = _titleRef$current.getBoundingClientRect()) === null || _titleRef$current$get === void 0 ? void 0 : _titleRef$current$get.width) > 190,
|
|
2255
2259
|
onClick: onTitleClick
|
|
2256
2260
|
}, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
2261
|
+
ref: titleRef,
|
|
2257
2262
|
sx: {
|
|
2258
2263
|
fontSize: "16px",
|
|
2259
2264
|
fontWeight: "400",
|
package/dist/index.esm.js
CHANGED
|
@@ -9,8 +9,6 @@ import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
9
9
|
import { PauseCircleOutlineRounded, LockRounded, VerifiedRounded, CheckRounded, BookmarkRounded, BookmarkAddOutlined, AccountCircleRounded, VisibilityOffRounded, CancelRounded } from '@mui/icons-material';
|
|
10
10
|
import BookmarkOutlinedIcon from '@mui/icons-material/BookmarkOutlined';
|
|
11
11
|
import LockRoundedIcon from '@mui/icons-material/LockRounded';
|
|
12
|
-
import AddRoundedIcon from '@mui/icons-material/AddRounded';
|
|
13
|
-
import '@mui/icons-material/ArrowDropDownRounded';
|
|
14
12
|
import DoNotDisturbRoundedIcon from '@mui/icons-material/DoNotDisturbRounded';
|
|
15
13
|
import FavoriteIcon from '@mui/icons-material/Favorite';
|
|
16
14
|
import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder';
|
|
@@ -36,6 +34,7 @@ import { createTheme, ThemeProvider } from '@mui/material/styles';
|
|
|
36
34
|
import Slide from '@mui/material/Slide';
|
|
37
35
|
import Fade from '@mui/material/Fade';
|
|
38
36
|
import Lottie from 'react-lottie';
|
|
37
|
+
import AddRoundedIcon from '@mui/icons-material/AddRounded';
|
|
39
38
|
import FacebookIcon from '@mui/icons-material/Facebook';
|
|
40
39
|
import InstagramIcon from '@mui/icons-material/Instagram';
|
|
41
40
|
import ModeEditRoundedIcon from '@mui/icons-material/ModeEditRounded';
|
|
@@ -1706,7 +1705,9 @@ var PremiumContainer = styled.div(_templateObject$g || (_templateObject$g = _tag
|
|
|
1706
1705
|
var Container$1 = styled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n background-color: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
|
|
1707
1706
|
return props.theme.colors.grey7;
|
|
1708
1707
|
});
|
|
1709
|
-
var HoverScrollText = styled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n width: 100%;\n max-width: 280px;\n min-width:
|
|
1708
|
+
var HoverScrollText = styled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n width: 100%;\n max-width: 280px;\n min-width: 190px;\n height: 23px;\n overflow: hidden;\n line-height: 30px;\n box-sizing: border-box;\n position: relative;\n margin: 10px 0 5px 0;\n cursor: pointer;\n & p {\n cursor: default;\n position: absolute;\n white-space: nowrap;\n transform: translateX(0);\n transition: 1s;\n }\n\n &:hover p {\n ", "\n text-decoration: underline;\n cursor: pointer;\n }\n"])), function (props) {
|
|
1709
|
+
return props.hover && "transform: translateX(calc(180px - 100%));";
|
|
1710
|
+
});
|
|
1710
1711
|
var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref) {
|
|
1711
1712
|
var saved = _ref.saved,
|
|
1712
1713
|
count = _ref.count,
|
|
@@ -1969,7 +1970,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
|
|
|
1969
1970
|
|
|
1970
1971
|
}
|
|
1971
1972
|
}, /*#__PURE__*/React__default.createElement(RatingInfo, {
|
|
1972
|
-
rating: bite === null || bite === void 0 ? void 0 : bite.
|
|
1973
|
+
rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
|
|
1973
1974
|
}), /*#__PURE__*/React__default.createElement(AddedToIcons, {
|
|
1974
1975
|
item: bite,
|
|
1975
1976
|
hovering: hovering
|
|
@@ -1987,7 +1988,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
|
|
|
1987
1988
|
};
|
|
1988
1989
|
|
|
1989
1990
|
var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
1990
|
-
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original;
|
|
1991
|
+
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
1991
1992
|
|
|
1992
1993
|
var Waveform = _ref6.Waveform,
|
|
1993
1994
|
bite = _ref6.bite,
|
|
@@ -2028,6 +2029,8 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
|
2028
2029
|
addedToPlace = _useState10[0],
|
|
2029
2030
|
setAddedToPlace = _useState10[1];
|
|
2030
2031
|
|
|
2032
|
+
var titleRef = useRef(null);
|
|
2033
|
+
|
|
2031
2034
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2032
2035
|
if (playState === "played") {
|
|
2033
2036
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
@@ -2177,8 +2180,10 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
|
2177
2180
|
}, renderPlayStateIcon()), Waveform({
|
|
2178
2181
|
hovering: hovering
|
|
2179
2182
|
})), /*#__PURE__*/React__default.createElement(HoverScrollText, {
|
|
2183
|
+
hover: ((_titleRef$current = titleRef.current) === null || _titleRef$current === void 0 ? void 0 : (_titleRef$current$get = _titleRef$current.getBoundingClientRect()) === null || _titleRef$current$get === void 0 ? void 0 : _titleRef$current$get.width) > 190,
|
|
2180
2184
|
onClick: onTitleClick
|
|
2181
2185
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
2186
|
+
ref: titleRef,
|
|
2182
2187
|
sx: {
|
|
2183
2188
|
fontSize: "16px",
|
|
2184
2189
|
fontWeight: "400",
|
package/dist/index.umd.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('@babel/runtime/helpers/slicedToArray'), require('prop-types'), require('react'), require('react-color-extractor'), require('styled-components'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('@mui/icons-material'), require('@mui/icons-material/BookmarkOutlined'), require('@mui/icons-material/LockRounded'), require('@mui/icons-material/
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', '@mui/material', '@babel/runtime/helpers/slicedToArray', 'prop-types', 'react', 'react-color-extractor', 'styled-components', '@babel/runtime/helpers/taggedTemplateLiteral', '@mui/icons-material', '@mui/icons-material/BookmarkOutlined', '@mui/icons-material/LockRounded', '@mui/icons-material/
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['react-awesome-buttons'] = {}, global.material, global._slicedToArray, global.PropTypes, global.React, global.reactColorExtractor, global.styled, global._taggedTemplateLiteral, global.iconsMaterial, global.BookmarkOutlinedIcon, global.LockRoundedIcon, global.
|
|
5
|
-
}(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('@babel/runtime/helpers/slicedToArray'), require('prop-types'), require('react'), require('react-color-extractor'), require('styled-components'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('@mui/icons-material'), require('@mui/icons-material/BookmarkOutlined'), require('@mui/icons-material/LockRounded'), require('@mui/icons-material/DoNotDisturbRounded'), require('@mui/icons-material/Favorite'), require('@mui/icons-material/FavoriteBorder'), require('@mui/icons-material/PauseRounded'), require('@mui/icons-material/PlayArrowRounded'), require('@mui/icons-material/WarningRounded'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@mui/icons-material/BookmarkAddOutlined'), require('@mui/icons-material/MoreHorizRounded'), require('react-palette'), require('@babel/runtime/helpers/typeof'), require('@mui/icons-material/KeyboardArrowRightRounded'), require('@mui/icons-material/KeyboardArrowDownRounded'), require('@mui/icons-material/CloseRounded'), require('@mui/icons-material/FileUploadRounded'), require('@babel/runtime/helpers/extends'), require('react-avatar-editor'), require('react-dropzone'), require('@mui/icons-material/InsertPhotoRounded'), require('@mui/material/styles'), require('@mui/material/Slide'), require('@mui/material/Fade'), require('react-lottie'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/Facebook'), require('@mui/icons-material/Instagram'), require('@mui/icons-material/ModeEditRounded'), require('@mui/icons-material/PersonAddRounded'), require('@mui/icons-material/Pinterest'), require('@mui/icons-material/Twitter'), require('@mui/icons-material/YouTube'), require('@mui/icons-material/PersonRemoveRounded'), require('@babel/runtime/helpers/toConsumableArray'), require('@mui/icons-material/FilterAltRounded'), require('@mui/icons-material/MenuRounded'), require('@mui/icons-material/ViewModuleRounded'), require('@mui/icons-material/SettingsRounded'), require('@mui/icons-material/SortRounded'), require('@mui/icons-material/ChevronRightRounded'), require('@mui/icons-material/PersonRounded'), require('@mui/icons-material/SearchRounded'), require('@mui/icons-material/BookmarkRemoveOutlined'), require('@mui/icons-material/VisibilityOffRounded')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', '@mui/material', '@babel/runtime/helpers/slicedToArray', 'prop-types', 'react', 'react-color-extractor', 'styled-components', '@babel/runtime/helpers/taggedTemplateLiteral', '@mui/icons-material', '@mui/icons-material/BookmarkOutlined', '@mui/icons-material/LockRounded', '@mui/icons-material/DoNotDisturbRounded', '@mui/icons-material/Favorite', '@mui/icons-material/FavoriteBorder', '@mui/icons-material/PauseRounded', '@mui/icons-material/PlayArrowRounded', '@mui/icons-material/WarningRounded', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@mui/icons-material/BookmarkAddOutlined', '@mui/icons-material/MoreHorizRounded', 'react-palette', '@babel/runtime/helpers/typeof', '@mui/icons-material/KeyboardArrowRightRounded', '@mui/icons-material/KeyboardArrowDownRounded', '@mui/icons-material/CloseRounded', '@mui/icons-material/FileUploadRounded', '@babel/runtime/helpers/extends', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', '@mui/material/Fade', 'react-lottie', '@mui/icons-material/AddRounded', '@mui/icons-material/Facebook', '@mui/icons-material/Instagram', '@mui/icons-material/ModeEditRounded', '@mui/icons-material/PersonAddRounded', '@mui/icons-material/Pinterest', '@mui/icons-material/Twitter', '@mui/icons-material/YouTube', '@mui/icons-material/PersonRemoveRounded', '@babel/runtime/helpers/toConsumableArray', '@mui/icons-material/FilterAltRounded', '@mui/icons-material/MenuRounded', '@mui/icons-material/ViewModuleRounded', '@mui/icons-material/SettingsRounded', '@mui/icons-material/SortRounded', '@mui/icons-material/ChevronRightRounded', '@mui/icons-material/PersonRounded', '@mui/icons-material/SearchRounded', '@mui/icons-material/BookmarkRemoveOutlined', '@mui/icons-material/VisibilityOffRounded'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['react-awesome-buttons'] = {}, global.material, global._slicedToArray, global.PropTypes, global.React, global.reactColorExtractor, global.styled, global._taggedTemplateLiteral, global.iconsMaterial, global.BookmarkOutlinedIcon, global.LockRoundedIcon, global.DoNotDisturbRoundedIcon, global.FavoriteIcon, global.FavoriteBorderIcon, global.PauseRoundedIcon, global.PlayArrowRoundedIcon, global.WarningRoundedIcon, global._defineProperty, global._asyncToGenerator, global._regeneratorRuntime, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Fade, global.Lottie, global.AddRoundedIcon, global.FacebookIcon, global.InstagramIcon, global.ModeEditRoundedIcon, global.PersonAddRoundedIcon, global.PinterestIcon, global.TwitterIcon, global.YouTubeIcon, global.PersonRemoveRoundedIcon, global._toConsumableArray, null, global.MenuRoundedIcon, global.ViewModuleRoundedIcon, null, global.SortRoundedIcon, global.ChevronRightRoundedIcon, global.PersonRoundedIcon, global.SearchRoundedIcon, global.BookmarkRemoveOutlinedIcon, global.VisibilityOffRoundedIcon));
|
|
5
|
+
}(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, DoNotDisturbRoundedIcon, FavoriteIcon, FavoriteBorderIcon, PauseRoundedIcon, PlayArrowRoundedIcon, WarningRoundedIcon, _defineProperty, _asyncToGenerator, _regeneratorRuntime, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Fade, Lottie, AddRoundedIcon, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon, VisibilityOffRoundedIcon) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -34,7 +34,6 @@
|
|
|
34
34
|
var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
|
|
35
35
|
var BookmarkOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(BookmarkOutlinedIcon);
|
|
36
36
|
var LockRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(LockRoundedIcon);
|
|
37
|
-
var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
|
|
38
37
|
var DoNotDisturbRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(DoNotDisturbRoundedIcon);
|
|
39
38
|
var FavoriteIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteIcon);
|
|
40
39
|
var FavoriteBorderIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteBorderIcon);
|
|
@@ -58,6 +57,7 @@
|
|
|
58
57
|
var Slide__default = /*#__PURE__*/_interopDefaultLegacy(Slide);
|
|
59
58
|
var Fade__default = /*#__PURE__*/_interopDefaultLegacy(Fade);
|
|
60
59
|
var Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
|
|
60
|
+
var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
|
|
61
61
|
var FacebookIcon__default = /*#__PURE__*/_interopDefaultLegacy(FacebookIcon);
|
|
62
62
|
var InstagramIcon__default = /*#__PURE__*/_interopDefaultLegacy(InstagramIcon);
|
|
63
63
|
var ModeEditRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ModeEditRoundedIcon);
|
|
@@ -1726,7 +1726,9 @@
|
|
|
1726
1726
|
var Container$1 = styled__default['default'].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n background-color: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
|
|
1727
1727
|
return props.theme.colors.grey7;
|
|
1728
1728
|
});
|
|
1729
|
-
var HoverScrollText = styled__default['default'].div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n max-width: 280px;\n min-width:
|
|
1729
|
+
var HoverScrollText = styled__default['default'].div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n max-width: 280px;\n min-width: 190px;\n height: 23px;\n overflow: hidden;\n line-height: 30px;\n box-sizing: border-box;\n position: relative;\n margin: 10px 0 5px 0;\n cursor: pointer;\n & p {\n cursor: default;\n position: absolute;\n white-space: nowrap;\n transform: translateX(0);\n transition: 1s;\n }\n\n &:hover p {\n ", "\n text-decoration: underline;\n cursor: pointer;\n }\n"])), function (props) {
|
|
1730
|
+
return props.hover && "transform: translateX(calc(180px - 100%));";
|
|
1731
|
+
});
|
|
1730
1732
|
var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref) {
|
|
1731
1733
|
var saved = _ref.saved,
|
|
1732
1734
|
count = _ref.count,
|
|
@@ -1989,7 +1991,7 @@
|
|
|
1989
1991
|
|
|
1990
1992
|
}
|
|
1991
1993
|
}, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
|
|
1992
|
-
rating: bite === null || bite === void 0 ? void 0 : bite.
|
|
1994
|
+
rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
|
|
1993
1995
|
}), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
|
|
1994
1996
|
item: bite,
|
|
1995
1997
|
hovering: hovering
|
|
@@ -2007,7 +2009,7 @@
|
|
|
2007
2009
|
};
|
|
2008
2010
|
|
|
2009
2011
|
var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
2010
|
-
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original;
|
|
2012
|
+
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
2011
2013
|
|
|
2012
2014
|
var Waveform = _ref6.Waveform,
|
|
2013
2015
|
bite = _ref6.bite,
|
|
@@ -2048,6 +2050,8 @@
|
|
|
2048
2050
|
addedToPlace = _useState10[0],
|
|
2049
2051
|
setAddedToPlace = _useState10[1];
|
|
2050
2052
|
|
|
2053
|
+
var titleRef = React.useRef(null);
|
|
2054
|
+
|
|
2051
2055
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2052
2056
|
if (playState === "played") {
|
|
2053
2057
|
return /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
@@ -2197,8 +2201,10 @@
|
|
|
2197
2201
|
}, renderPlayStateIcon()), Waveform({
|
|
2198
2202
|
hovering: hovering
|
|
2199
2203
|
})), /*#__PURE__*/React__default['default'].createElement(HoverScrollText, {
|
|
2204
|
+
hover: ((_titleRef$current = titleRef.current) === null || _titleRef$current === void 0 ? void 0 : (_titleRef$current$get = _titleRef$current.getBoundingClientRect()) === null || _titleRef$current$get === void 0 ? void 0 : _titleRef$current$get.width) > 190,
|
|
2200
2205
|
onClick: onTitleClick
|
|
2201
2206
|
}, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
2207
|
+
ref: titleRef,
|
|
2202
2208
|
sx: {
|
|
2203
2209
|
fontSize: "16px",
|
|
2204
2210
|
fontWeight: "400",
|