@blerp/design 1.2.18 → 1.2.20
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 +19 -15
- package/dist/index.esm.js +19 -15
- package/dist/index.umd.js +19 -15
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1612,7 +1612,9 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1612
1612
|
position: "absolute",
|
|
1613
1613
|
bottom: collapsed ? "0" : "5px",
|
|
1614
1614
|
right: collapsed ? "0" : "5px",
|
|
1615
|
-
fontSize: "17px"
|
|
1615
|
+
fontSize: "17px",
|
|
1616
|
+
backgroundColor: "grey4.main",
|
|
1617
|
+
borderRadius: "50%"
|
|
1616
1618
|
}
|
|
1617
1619
|
})), /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1618
1620
|
sx: {
|
|
@@ -1708,9 +1710,9 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
|
|
|
1708
1710
|
setUserCardRef(e.target);
|
|
1709
1711
|
},
|
|
1710
1712
|
onMouseEnter: function onMouseEnter(e) {
|
|
1711
|
-
setTimeout(
|
|
1712
|
-
|
|
1713
|
-
|
|
1713
|
+
// setTimeout(() => {
|
|
1714
|
+
// }, [500]);
|
|
1715
|
+
setUserCardRef(e.target);
|
|
1714
1716
|
},
|
|
1715
1717
|
onMouseLeave: function onMouseLeave(e) {
|
|
1716
1718
|
setUserCardRef(null);
|
|
@@ -1934,9 +1936,10 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1934
1936
|
var added = false;
|
|
1935
1937
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1936
1938
|
direction: "row",
|
|
1937
|
-
width: "100%",
|
|
1939
|
+
width: hoveringAddTo ? "100%" : "60%",
|
|
1938
1940
|
sx: {
|
|
1939
|
-
|
|
1941
|
+
justifyContent: "end",
|
|
1942
|
+
transition: "0.5s",
|
|
1940
1943
|
boxSizing: "border-box",
|
|
1941
1944
|
opacity: hovering ? "1" : "0"
|
|
1942
1945
|
},
|
|
@@ -2346,7 +2349,11 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2346
2349
|
bite = _ref8.bite,
|
|
2347
2350
|
playState = _ref8.playState,
|
|
2348
2351
|
play = _ref8.play,
|
|
2349
|
-
onTitleClick = _ref8.onTitleClick
|
|
2352
|
+
onTitleClick = _ref8.onTitleClick,
|
|
2353
|
+
onUsernameClick = _ref8.onUsernameClick,
|
|
2354
|
+
onFavoriteClick = _ref8.onFavoriteClick,
|
|
2355
|
+
_ref8$trending = _ref8.trending,
|
|
2356
|
+
trending = _ref8$trending === void 0 ? false : _ref8$trending;
|
|
2350
2357
|
|
|
2351
2358
|
var _useState9 = React.useState(false),
|
|
2352
2359
|
_useState10 = _slicedToArray__default['default'](_useState9, 2),
|
|
@@ -2358,11 +2365,6 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2358
2365
|
addedToPlace = _useState12[0],
|
|
2359
2366
|
setAddedToPlace = _useState12[1];
|
|
2360
2367
|
|
|
2361
|
-
var formatter = Intl.NumberFormat("en", {
|
|
2362
|
-
notation: "compact"
|
|
2363
|
-
});
|
|
2364
|
-
var saveCount = formatter.format(bite === null || bite === void 0 ? void 0 : bite.totalSaveCount);
|
|
2365
|
-
|
|
2366
2368
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2367
2369
|
if (playState === "played") {
|
|
2368
2370
|
return /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
@@ -2448,7 +2450,7 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2448
2450
|
}, /*#__PURE__*/React__default['default'].createElement(ReportedWarning, {
|
|
2449
2451
|
showWarning: false,
|
|
2450
2452
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2451
|
-
count:
|
|
2453
|
+
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2452
2454
|
onClick: function onClick() {
|
|
2453
2455
|
return console.log("clicked save");
|
|
2454
2456
|
}
|
|
@@ -2539,7 +2541,7 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2539
2541
|
width: "100%",
|
|
2540
2542
|
justifyContent: "start"
|
|
2541
2543
|
}
|
|
2542
|
-
}, /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
2544
|
+
}, trending && /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
2543
2545
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2544
2546
|
width: "16",
|
|
2545
2547
|
height: "16",
|
|
@@ -2594,8 +2596,10 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2594
2596
|
result: "shape"
|
|
2595
2597
|
})))), /*#__PURE__*/React__default['default'].createElement(FavoriteIconWithCounter, {
|
|
2596
2598
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2597
|
-
count:
|
|
2599
|
+
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2600
|
+
onClick: onFavoriteClick
|
|
2598
2601
|
}), /*#__PURE__*/React__default['default'].createElement(UsernameWithPopout$1, {
|
|
2602
|
+
onUsernameClick: onUsernameClick,
|
|
2599
2603
|
user: bite === null || bite === void 0 ? void 0 : bite.ownerObject
|
|
2600
2604
|
}), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
2601
2605
|
sx: {
|
package/dist/index.esm.js
CHANGED
|
@@ -1537,7 +1537,9 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1537
1537
|
position: "absolute",
|
|
1538
1538
|
bottom: collapsed ? "0" : "5px",
|
|
1539
1539
|
right: collapsed ? "0" : "5px",
|
|
1540
|
-
fontSize: "17px"
|
|
1540
|
+
fontSize: "17px",
|
|
1541
|
+
backgroundColor: "grey4.main",
|
|
1542
|
+
borderRadius: "50%"
|
|
1541
1543
|
}
|
|
1542
1544
|
})), /*#__PURE__*/React__default.createElement(Stack, {
|
|
1543
1545
|
sx: {
|
|
@@ -1633,9 +1635,9 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
|
|
|
1633
1635
|
setUserCardRef(e.target);
|
|
1634
1636
|
},
|
|
1635
1637
|
onMouseEnter: function onMouseEnter(e) {
|
|
1636
|
-
setTimeout(
|
|
1637
|
-
|
|
1638
|
-
|
|
1638
|
+
// setTimeout(() => {
|
|
1639
|
+
// }, [500]);
|
|
1640
|
+
setUserCardRef(e.target);
|
|
1639
1641
|
},
|
|
1640
1642
|
onMouseLeave: function onMouseLeave(e) {
|
|
1641
1643
|
setUserCardRef(null);
|
|
@@ -1859,9 +1861,10 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1859
1861
|
var added = false;
|
|
1860
1862
|
return /*#__PURE__*/React__default.createElement(Stack, {
|
|
1861
1863
|
direction: "row",
|
|
1862
|
-
width: "100%",
|
|
1864
|
+
width: hoveringAddTo ? "100%" : "60%",
|
|
1863
1865
|
sx: {
|
|
1864
|
-
|
|
1866
|
+
justifyContent: "end",
|
|
1867
|
+
transition: "0.5s",
|
|
1865
1868
|
boxSizing: "border-box",
|
|
1866
1869
|
opacity: hovering ? "1" : "0"
|
|
1867
1870
|
},
|
|
@@ -2271,7 +2274,11 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2271
2274
|
bite = _ref8.bite,
|
|
2272
2275
|
playState = _ref8.playState,
|
|
2273
2276
|
play = _ref8.play,
|
|
2274
|
-
onTitleClick = _ref8.onTitleClick
|
|
2277
|
+
onTitleClick = _ref8.onTitleClick,
|
|
2278
|
+
onUsernameClick = _ref8.onUsernameClick,
|
|
2279
|
+
onFavoriteClick = _ref8.onFavoriteClick,
|
|
2280
|
+
_ref8$trending = _ref8.trending,
|
|
2281
|
+
trending = _ref8$trending === void 0 ? false : _ref8$trending;
|
|
2275
2282
|
|
|
2276
2283
|
var _useState9 = useState(false),
|
|
2277
2284
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
@@ -2283,11 +2290,6 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2283
2290
|
addedToPlace = _useState12[0],
|
|
2284
2291
|
setAddedToPlace = _useState12[1];
|
|
2285
2292
|
|
|
2286
|
-
var formatter = Intl.NumberFormat("en", {
|
|
2287
|
-
notation: "compact"
|
|
2288
|
-
});
|
|
2289
|
-
var saveCount = formatter.format(bite === null || bite === void 0 ? void 0 : bite.totalSaveCount);
|
|
2290
|
-
|
|
2291
2293
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2292
2294
|
if (playState === "played") {
|
|
2293
2295
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
@@ -2373,7 +2375,7 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2373
2375
|
}, /*#__PURE__*/React__default.createElement(ReportedWarning, {
|
|
2374
2376
|
showWarning: false,
|
|
2375
2377
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2376
|
-
count:
|
|
2378
|
+
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2377
2379
|
onClick: function onClick() {
|
|
2378
2380
|
return console.log("clicked save");
|
|
2379
2381
|
}
|
|
@@ -2464,7 +2466,7 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2464
2466
|
width: "100%",
|
|
2465
2467
|
justifyContent: "start"
|
|
2466
2468
|
}
|
|
2467
|
-
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
2469
|
+
}, trending && /*#__PURE__*/React__default.createElement("svg", {
|
|
2468
2470
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2469
2471
|
width: "16",
|
|
2470
2472
|
height: "16",
|
|
@@ -2519,8 +2521,10 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2519
2521
|
result: "shape"
|
|
2520
2522
|
})))), /*#__PURE__*/React__default.createElement(FavoriteIconWithCounter, {
|
|
2521
2523
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2522
|
-
count:
|
|
2524
|
+
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2525
|
+
onClick: onFavoriteClick
|
|
2523
2526
|
}), /*#__PURE__*/React__default.createElement(UsernameWithPopout$1, {
|
|
2527
|
+
onUsernameClick: onUsernameClick,
|
|
2524
2528
|
user: bite === null || bite === void 0 ? void 0 : bite.ownerObject
|
|
2525
2529
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
2526
2530
|
sx: {
|
package/dist/index.umd.js
CHANGED
|
@@ -1557,7 +1557,9 @@
|
|
|
1557
1557
|
position: "absolute",
|
|
1558
1558
|
bottom: collapsed ? "0" : "5px",
|
|
1559
1559
|
right: collapsed ? "0" : "5px",
|
|
1560
|
-
fontSize: "17px"
|
|
1560
|
+
fontSize: "17px",
|
|
1561
|
+
backgroundColor: "grey4.main",
|
|
1562
|
+
borderRadius: "50%"
|
|
1561
1563
|
}
|
|
1562
1564
|
})), /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1563
1565
|
sx: {
|
|
@@ -1653,9 +1655,9 @@
|
|
|
1653
1655
|
setUserCardRef(e.target);
|
|
1654
1656
|
},
|
|
1655
1657
|
onMouseEnter: function onMouseEnter(e) {
|
|
1656
|
-
setTimeout(
|
|
1657
|
-
|
|
1658
|
-
|
|
1658
|
+
// setTimeout(() => {
|
|
1659
|
+
// }, [500]);
|
|
1660
|
+
setUserCardRef(e.target);
|
|
1659
1661
|
},
|
|
1660
1662
|
onMouseLeave: function onMouseLeave(e) {
|
|
1661
1663
|
setUserCardRef(null);
|
|
@@ -1879,9 +1881,10 @@
|
|
|
1879
1881
|
var added = false;
|
|
1880
1882
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1881
1883
|
direction: "row",
|
|
1882
|
-
width: "100%",
|
|
1884
|
+
width: hoveringAddTo ? "100%" : "60%",
|
|
1883
1885
|
sx: {
|
|
1884
|
-
|
|
1886
|
+
justifyContent: "end",
|
|
1887
|
+
transition: "0.5s",
|
|
1885
1888
|
boxSizing: "border-box",
|
|
1886
1889
|
opacity: hovering ? "1" : "0"
|
|
1887
1890
|
},
|
|
@@ -2291,7 +2294,11 @@
|
|
|
2291
2294
|
bite = _ref8.bite,
|
|
2292
2295
|
playState = _ref8.playState,
|
|
2293
2296
|
play = _ref8.play,
|
|
2294
|
-
onTitleClick = _ref8.onTitleClick
|
|
2297
|
+
onTitleClick = _ref8.onTitleClick,
|
|
2298
|
+
onUsernameClick = _ref8.onUsernameClick,
|
|
2299
|
+
onFavoriteClick = _ref8.onFavoriteClick,
|
|
2300
|
+
_ref8$trending = _ref8.trending,
|
|
2301
|
+
trending = _ref8$trending === void 0 ? false : _ref8$trending;
|
|
2295
2302
|
|
|
2296
2303
|
var _useState9 = React.useState(false),
|
|
2297
2304
|
_useState10 = _slicedToArray__default['default'](_useState9, 2),
|
|
@@ -2303,11 +2310,6 @@
|
|
|
2303
2310
|
addedToPlace = _useState12[0],
|
|
2304
2311
|
setAddedToPlace = _useState12[1];
|
|
2305
2312
|
|
|
2306
|
-
var formatter = Intl.NumberFormat("en", {
|
|
2307
|
-
notation: "compact"
|
|
2308
|
-
});
|
|
2309
|
-
var saveCount = formatter.format(bite === null || bite === void 0 ? void 0 : bite.totalSaveCount);
|
|
2310
|
-
|
|
2311
2313
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2312
2314
|
if (playState === "played") {
|
|
2313
2315
|
return /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
@@ -2393,7 +2395,7 @@
|
|
|
2393
2395
|
}, /*#__PURE__*/React__default['default'].createElement(ReportedWarning, {
|
|
2394
2396
|
showWarning: false,
|
|
2395
2397
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2396
|
-
count:
|
|
2398
|
+
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2397
2399
|
onClick: function onClick() {
|
|
2398
2400
|
return console.log("clicked save");
|
|
2399
2401
|
}
|
|
@@ -2484,7 +2486,7 @@
|
|
|
2484
2486
|
width: "100%",
|
|
2485
2487
|
justifyContent: "start"
|
|
2486
2488
|
}
|
|
2487
|
-
}, /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
2489
|
+
}, trending && /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
2488
2490
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2489
2491
|
width: "16",
|
|
2490
2492
|
height: "16",
|
|
@@ -2539,8 +2541,10 @@
|
|
|
2539
2541
|
result: "shape"
|
|
2540
2542
|
})))), /*#__PURE__*/React__default['default'].createElement(FavoriteIconWithCounter, {
|
|
2541
2543
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2542
|
-
count:
|
|
2544
|
+
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2545
|
+
onClick: onFavoriteClick
|
|
2543
2546
|
}), /*#__PURE__*/React__default['default'].createElement(UsernameWithPopout$1, {
|
|
2547
|
+
onUsernameClick: onUsernameClick,
|
|
2544
2548
|
user: bite === null || bite === void 0 ? void 0 : bite.ownerObject
|
|
2545
2549
|
}), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
2546
2550
|
sx: {
|