@blerp/design 1.2.59 → 1.2.60

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +11 -7
  2. package/dist/index.esm.js +11 -7
  3. package/dist/index.umd.js +11 -7
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1894,7 +1894,8 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1894
1894
  };
1895
1895
 
1896
1896
  var RatingInfoItem = function RatingInfoItem(_ref3) {
1897
- var tooltipText = _ref3.tooltipText,
1897
+ var hovering = _ref3.hovering,
1898
+ tooltipText = _ref3.tooltipText,
1898
1899
  displayText = _ref3.displayText;
1899
1900
  return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1900
1901
  title: tooltipText
@@ -1904,9 +1905,10 @@ var RatingInfoItem = function RatingInfoItem(_ref3) {
1904
1905
  fontWeight: "600",
1905
1906
  backgroundColor: "white.override",
1906
1907
  borderRadius: "2px",
1907
- border: "4px solid transparent",
1908
+ border: hovering ? "none" : "4px solid transparent",
1908
1909
  borderColor: "#000000a7",
1909
1910
  color: "notBlack.override",
1911
+ margin: "0 4px 4px 0",
1910
1912
  padding: "1px 2px",
1911
1913
  height: "auto",
1912
1914
  width: "fit-content"
@@ -1936,7 +1938,7 @@ var RatingInfo = function RatingInfo(_ref4) {
1936
1938
  alignItems: "start",
1937
1939
  sx: {
1938
1940
  transition: "0.2s",
1939
- flex: 3,
1941
+ flex: 2,
1940
1942
  flexWrap: "wrap",
1941
1943
  marginTop: hovering ? "35px" : "0"
1942
1944
  }
@@ -1962,7 +1964,8 @@ var RatingInfo = function RatingInfo(_ref4) {
1962
1964
 
1963
1965
  return /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
1964
1966
  tooltipText: ratingText.tooltipText,
1965
- displayText: ratingText.text
1967
+ displayText: ratingText.text,
1968
+ hovering: hovering
1966
1969
  });
1967
1970
  }));
1968
1971
  } else if (bite !== null && bite !== void 0 && bite.audienceRating) {
@@ -2000,7 +2003,8 @@ var RatingInfo = function RatingInfo(_ref4) {
2000
2003
  }
2001
2004
  }, /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
2002
2005
  tooltipText: ratingText.tooltipText,
2003
- displayText: ratingText.text
2006
+ displayText: ratingText.text,
2007
+ hovering: hovering
2004
2008
  }));
2005
2009
  };
2006
2010
 
@@ -2166,7 +2170,7 @@ var BlerpTopRow = function BlerpTopRow(_ref6) {
2166
2170
  };
2167
2171
 
2168
2172
  var NewBlerp$1 = function NewBlerp(_ref7) {
2169
- var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnChannelCo, _bite$soundEmotesCont, _bite$discordContext, _bite$channelPointsBu, _bite$organizationalG, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2173
+ var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnChannelCo, _bite$soundEmotesCont, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2170
2174
 
2171
2175
  var Waveform = _ref7.Waveform,
2172
2176
  bite = _ref7.bite,
@@ -2219,7 +2223,7 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2219
2223
  setAddToOpen = _useState12[1];
2220
2224
 
2221
2225
  var titleRef = React.useRef(null);
2222
- var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsBu = bite.channelPointsBucketsContext) === null || _bite$channelPointsBu === void 0 ? void 0 : _bite$channelPointsBu.length) > 0 || (bite === null || bite === void 0 ? void 0 : (_bite$organizationalG = bite.organizationalGroupEdgesContext) === null || _bite$organizationalG === void 0 ? void 0 : _bite$organizationalG.length) > 0;
2226
+ var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded);
2223
2227
  var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
2224
2228
 
2225
2229
  var renderPlayStateIcon = function renderPlayStateIcon() {
package/dist/index.esm.js CHANGED
@@ -1817,7 +1817,8 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1817
1817
  };
1818
1818
 
1819
1819
  var RatingInfoItem = function RatingInfoItem(_ref3) {
1820
- var tooltipText = _ref3.tooltipText,
1820
+ var hovering = _ref3.hovering,
1821
+ tooltipText = _ref3.tooltipText,
1821
1822
  displayText = _ref3.displayText;
1822
1823
  return /*#__PURE__*/React__default.createElement(Tooltip, {
1823
1824
  title: tooltipText
@@ -1827,9 +1828,10 @@ var RatingInfoItem = function RatingInfoItem(_ref3) {
1827
1828
  fontWeight: "600",
1828
1829
  backgroundColor: "white.override",
1829
1830
  borderRadius: "2px",
1830
- border: "4px solid transparent",
1831
+ border: hovering ? "none" : "4px solid transparent",
1831
1832
  borderColor: "#000000a7",
1832
1833
  color: "notBlack.override",
1834
+ margin: "0 4px 4px 0",
1833
1835
  padding: "1px 2px",
1834
1836
  height: "auto",
1835
1837
  width: "fit-content"
@@ -1859,7 +1861,7 @@ var RatingInfo = function RatingInfo(_ref4) {
1859
1861
  alignItems: "start",
1860
1862
  sx: {
1861
1863
  transition: "0.2s",
1862
- flex: 3,
1864
+ flex: 2,
1863
1865
  flexWrap: "wrap",
1864
1866
  marginTop: hovering ? "35px" : "0"
1865
1867
  }
@@ -1885,7 +1887,8 @@ var RatingInfo = function RatingInfo(_ref4) {
1885
1887
 
1886
1888
  return /*#__PURE__*/React__default.createElement(RatingInfoItem, {
1887
1889
  tooltipText: ratingText.tooltipText,
1888
- displayText: ratingText.text
1890
+ displayText: ratingText.text,
1891
+ hovering: hovering
1889
1892
  });
1890
1893
  }));
1891
1894
  } else if (bite !== null && bite !== void 0 && bite.audienceRating) {
@@ -1923,7 +1926,8 @@ var RatingInfo = function RatingInfo(_ref4) {
1923
1926
  }
1924
1927
  }, /*#__PURE__*/React__default.createElement(RatingInfoItem, {
1925
1928
  tooltipText: ratingText.tooltipText,
1926
- displayText: ratingText.text
1929
+ displayText: ratingText.text,
1930
+ hovering: hovering
1927
1931
  }));
1928
1932
  };
1929
1933
 
@@ -2089,7 +2093,7 @@ var BlerpTopRow = function BlerpTopRow(_ref6) {
2089
2093
  };
2090
2094
 
2091
2095
  var NewBlerp$1 = function NewBlerp(_ref7) {
2092
- var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnChannelCo, _bite$soundEmotesCont, _bite$discordContext, _bite$channelPointsBu, _bite$organizationalG, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2096
+ var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnChannelCo, _bite$soundEmotesCont, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2093
2097
 
2094
2098
  var Waveform = _ref7.Waveform,
2095
2099
  bite = _ref7.bite,
@@ -2142,7 +2146,7 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2142
2146
  setAddToOpen = _useState12[1];
2143
2147
 
2144
2148
  var titleRef = useRef(null);
2145
- var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsBu = bite.channelPointsBucketsContext) === null || _bite$channelPointsBu === void 0 ? void 0 : _bite$channelPointsBu.length) > 0 || (bite === null || bite === void 0 ? void 0 : (_bite$organizationalG = bite.organizationalGroupEdgesContext) === null || _bite$organizationalG === void 0 ? void 0 : _bite$organizationalG.length) > 0;
2149
+ var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded);
2146
2150
  var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
2147
2151
 
2148
2152
  var renderPlayStateIcon = function renderPlayStateIcon() {
package/dist/index.umd.js CHANGED
@@ -1836,7 +1836,8 @@
1836
1836
  };
1837
1837
 
1838
1838
  var RatingInfoItem = function RatingInfoItem(_ref3) {
1839
- var tooltipText = _ref3.tooltipText,
1839
+ var hovering = _ref3.hovering,
1840
+ tooltipText = _ref3.tooltipText,
1840
1841
  displayText = _ref3.displayText;
1841
1842
  return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1842
1843
  title: tooltipText
@@ -1846,9 +1847,10 @@
1846
1847
  fontWeight: "600",
1847
1848
  backgroundColor: "white.override",
1848
1849
  borderRadius: "2px",
1849
- border: "4px solid transparent",
1850
+ border: hovering ? "none" : "4px solid transparent",
1850
1851
  borderColor: "#000000a7",
1851
1852
  color: "notBlack.override",
1853
+ margin: "0 4px 4px 0",
1852
1854
  padding: "1px 2px",
1853
1855
  height: "auto",
1854
1856
  width: "fit-content"
@@ -1878,7 +1880,7 @@
1878
1880
  alignItems: "start",
1879
1881
  sx: {
1880
1882
  transition: "0.2s",
1881
- flex: 3,
1883
+ flex: 2,
1882
1884
  flexWrap: "wrap",
1883
1885
  marginTop: hovering ? "35px" : "0"
1884
1886
  }
@@ -1904,7 +1906,8 @@
1904
1906
 
1905
1907
  return /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
1906
1908
  tooltipText: ratingText.tooltipText,
1907
- displayText: ratingText.text
1909
+ displayText: ratingText.text,
1910
+ hovering: hovering
1908
1911
  });
1909
1912
  }));
1910
1913
  } else if (bite !== null && bite !== void 0 && bite.audienceRating) {
@@ -1942,7 +1945,8 @@
1942
1945
  }
1943
1946
  }, /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
1944
1947
  tooltipText: ratingText.tooltipText,
1945
- displayText: ratingText.text
1948
+ displayText: ratingText.text,
1949
+ hovering: hovering
1946
1950
  }));
1947
1951
  };
1948
1952
 
@@ -2108,7 +2112,7 @@
2108
2112
  };
2109
2113
 
2110
2114
  var NewBlerp$1 = function NewBlerp(_ref7) {
2111
- var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnChannelCo, _bite$soundEmotesCont, _bite$discordContext, _bite$channelPointsBu, _bite$organizationalG, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2115
+ var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnChannelCo, _bite$soundEmotesCont, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2112
2116
 
2113
2117
  var Waveform = _ref7.Waveform,
2114
2118
  bite = _ref7.bite,
@@ -2161,7 +2165,7 @@
2161
2165
  setAddToOpen = _useState12[1];
2162
2166
 
2163
2167
  var titleRef = React.useRef(null);
2164
- var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsBu = bite.channelPointsBucketsContext) === null || _bite$channelPointsBu === void 0 ? void 0 : _bite$channelPointsBu.length) > 0 || (bite === null || bite === void 0 ? void 0 : (_bite$organizationalG = bite.organizationalGroupEdgesContext) === null || _bite$organizationalG === void 0 ? void 0 : _bite$organizationalG.length) > 0;
2168
+ var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont.hasAdded);
2165
2169
  var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
2166
2170
 
2167
2171
  var renderPlayStateIcon = function renderPlayStateIcon() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.2.59",
3
+ "version": "1.2.60",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {