@blerp/design 1.2.23 → 1.2.25

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 +58 -12
  2. package/dist/index.esm.js +58 -12
  3. package/dist/index.umd.js +58 -12
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1782,7 +1782,8 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1782
1782
 
1783
1783
  var item = _ref.item,
1784
1784
  active = _ref.active,
1785
- onOptionClicked = _ref.onOptionClicked;
1785
+ onOptionClicked = _ref.onOptionClicked,
1786
+ selectedOption = _ref.selectedOption;
1786
1787
  var options = [{
1787
1788
  name: "Channel Points",
1788
1789
  value: "CHANNEL_POINTS",
@@ -1846,7 +1847,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1846
1847
  pointerEvents: "none"
1847
1848
  }
1848
1849
  })
1849
- }, "Last Place"), /*#__PURE__*/React__default['default'].createElement(Popover, {
1850
+ }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default['default'].createElement(Popover, {
1850
1851
  open: open,
1851
1852
  anchorEl: anchor,
1852
1853
  anchorOrigin: {
@@ -1930,11 +1931,12 @@ var AddContentButton = function AddContentButton(_ref2) {
1930
1931
  var item = _ref2.item,
1931
1932
  hovering = _ref2.hovering,
1932
1933
  hoveringAddTo = _ref2.hoveringAddTo,
1933
- setHoveringAddTo = _ref2.setHoveringAddTo;
1934
- _ref2.openPremiumModal;
1935
- var onOptionClicked = _ref2.onOptionClicked,
1936
- onPlusClick = _ref2.onPlusClick;
1937
- var added = false;
1934
+ setHoveringAddTo = _ref2.setHoveringAddTo,
1935
+ openPremiumModal = _ref2.openPremiumModal,
1936
+ onOptionClicked = _ref2.onOptionClicked,
1937
+ onPlusClick = _ref2.onPlusClick,
1938
+ selectedOption = _ref2.selectedOption,
1939
+ isUnownedPremium = _ref2.isUnownedPremium;
1938
1940
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
1939
1941
  direction: "row",
1940
1942
  width: hoveringAddTo ? "100%" : "60%",
@@ -1951,7 +1953,49 @@ var AddContentButton = function AddContentButton(_ref2) {
1951
1953
  item: item,
1952
1954
  active: hoveringAddTo,
1953
1955
  onOptionClicked: onOptionClicked
1954
- }), /*#__PURE__*/React__default['default'].createElement(IconButton, {
1956
+ }), isUnownedPremium ? /*#__PURE__*/React__default['default'].createElement(IconButton, {
1957
+ sx: {
1958
+ width: "30px",
1959
+ height: "30px",
1960
+ backgroundColor: "white.override",
1961
+ "&:hover .open-lock-icon": {
1962
+ display: "flex !important",
1963
+ opacity: "1 !important"
1964
+ },
1965
+ "&:hover .lock-icon": {
1966
+ display: "none !important",
1967
+ opacity: "0 !important"
1968
+ },
1969
+ "&:hover": {
1970
+ backgroundColor: "grey7.main"
1971
+ }
1972
+ },
1973
+ onClick: function onClick(e) {
1974
+ e.stopPropagation();
1975
+ openPremiumModal();
1976
+ }
1977
+ }, /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
1978
+ className: "lock-icon",
1979
+ sx: {
1980
+ transition: "0.3s",
1981
+ color: "notBlack.override",
1982
+ display: "flex",
1983
+ opacity: "1",
1984
+ fontSize: "17px"
1985
+ }
1986
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
1987
+ className: "open-lock-icon",
1988
+ style: {
1989
+ display: "none",
1990
+ opacity: "0"
1991
+ }
1992
+ }, /*#__PURE__*/React__default['default'].createElement(OpenLockIcon, {
1993
+ sx: {
1994
+ transition: "0.3s",
1995
+ color: "notBlack.override",
1996
+ fontSize: "17px"
1997
+ }
1998
+ }))) : /*#__PURE__*/React__default['default'].createElement(IconButton, {
1955
1999
  sx: {
1956
2000
  width: "30px",
1957
2001
  height: "30px",
@@ -1969,7 +2013,7 @@ var AddContentButton = function AddContentButton(_ref2) {
1969
2013
  sx: {
1970
2014
  transition: "0.3s",
1971
2015
  color: "notBlack.override",
1972
- transform: added
2016
+ transform: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.added) && "rotate(45deg)"
1973
2017
  }
1974
2018
  })));
1975
2019
  };
@@ -2389,6 +2433,10 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
2389
2433
  onAddToPlace = _ref8$onAddToPlace === void 0 ? function () {
2390
2434
  console.log("onAddToPlace");
2391
2435
  } : _ref8$onAddToPlace,
2436
+ _ref8$onOptionClicked = _ref8.onOptionClicked,
2437
+ onOptionClicked = _ref8$onOptionClicked === void 0 ? function () {
2438
+ console.log("onAddToPlace");
2439
+ } : _ref8$onOptionClicked,
2392
2440
  _ref8$trending = _ref8.trending,
2393
2441
  trending = _ref8$trending === void 0 ? false : _ref8$trending;
2394
2442
 
@@ -2539,9 +2587,7 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
2539
2587
  }
2540
2588
  }), /*#__PURE__*/React__default['default'].createElement(BlerpTopRow, {
2541
2589
  bite: bite,
2542
- onOptionClicked: function onOptionClicked() {
2543
- return null;
2544
- },
2590
+ onOptionClicked: onOptionClicked,
2545
2591
  hovering: hovering,
2546
2592
  onPlusClick: handleAddToPlace
2547
2593
  }), /*#__PURE__*/React__default['default'].createElement(Stack, {
package/dist/index.esm.js CHANGED
@@ -1706,7 +1706,8 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1706
1706
 
1707
1707
  var item = _ref.item,
1708
1708
  active = _ref.active,
1709
- onOptionClicked = _ref.onOptionClicked;
1709
+ onOptionClicked = _ref.onOptionClicked,
1710
+ selectedOption = _ref.selectedOption;
1710
1711
  var options = [{
1711
1712
  name: "Channel Points",
1712
1713
  value: "CHANNEL_POINTS",
@@ -1770,7 +1771,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1770
1771
  pointerEvents: "none"
1771
1772
  }
1772
1773
  })
1773
- }, "Last Place"), /*#__PURE__*/React__default.createElement(Popover, {
1774
+ }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default.createElement(Popover, {
1774
1775
  open: open,
1775
1776
  anchorEl: anchor,
1776
1777
  anchorOrigin: {
@@ -1854,11 +1855,12 @@ var AddContentButton = function AddContentButton(_ref2) {
1854
1855
  var item = _ref2.item,
1855
1856
  hovering = _ref2.hovering,
1856
1857
  hoveringAddTo = _ref2.hoveringAddTo,
1857
- setHoveringAddTo = _ref2.setHoveringAddTo;
1858
- _ref2.openPremiumModal;
1859
- var onOptionClicked = _ref2.onOptionClicked,
1860
- onPlusClick = _ref2.onPlusClick;
1861
- var added = false;
1858
+ setHoveringAddTo = _ref2.setHoveringAddTo,
1859
+ openPremiumModal = _ref2.openPremiumModal,
1860
+ onOptionClicked = _ref2.onOptionClicked,
1861
+ onPlusClick = _ref2.onPlusClick,
1862
+ selectedOption = _ref2.selectedOption,
1863
+ isUnownedPremium = _ref2.isUnownedPremium;
1862
1864
  return /*#__PURE__*/React__default.createElement(Stack, {
1863
1865
  direction: "row",
1864
1866
  width: hoveringAddTo ? "100%" : "60%",
@@ -1875,7 +1877,49 @@ var AddContentButton = function AddContentButton(_ref2) {
1875
1877
  item: item,
1876
1878
  active: hoveringAddTo,
1877
1879
  onOptionClicked: onOptionClicked
1878
- }), /*#__PURE__*/React__default.createElement(IconButton, {
1880
+ }), isUnownedPremium ? /*#__PURE__*/React__default.createElement(IconButton, {
1881
+ sx: {
1882
+ width: "30px",
1883
+ height: "30px",
1884
+ backgroundColor: "white.override",
1885
+ "&:hover .open-lock-icon": {
1886
+ display: "flex !important",
1887
+ opacity: "1 !important"
1888
+ },
1889
+ "&:hover .lock-icon": {
1890
+ display: "none !important",
1891
+ opacity: "0 !important"
1892
+ },
1893
+ "&:hover": {
1894
+ backgroundColor: "grey7.main"
1895
+ }
1896
+ },
1897
+ onClick: function onClick(e) {
1898
+ e.stopPropagation();
1899
+ openPremiumModal();
1900
+ }
1901
+ }, /*#__PURE__*/React__default.createElement(LockRoundedIcon, {
1902
+ className: "lock-icon",
1903
+ sx: {
1904
+ transition: "0.3s",
1905
+ color: "notBlack.override",
1906
+ display: "flex",
1907
+ opacity: "1",
1908
+ fontSize: "17px"
1909
+ }
1910
+ }), /*#__PURE__*/React__default.createElement("div", {
1911
+ className: "open-lock-icon",
1912
+ style: {
1913
+ display: "none",
1914
+ opacity: "0"
1915
+ }
1916
+ }, /*#__PURE__*/React__default.createElement(OpenLockIcon, {
1917
+ sx: {
1918
+ transition: "0.3s",
1919
+ color: "notBlack.override",
1920
+ fontSize: "17px"
1921
+ }
1922
+ }))) : /*#__PURE__*/React__default.createElement(IconButton, {
1879
1923
  sx: {
1880
1924
  width: "30px",
1881
1925
  height: "30px",
@@ -1893,7 +1937,7 @@ var AddContentButton = function AddContentButton(_ref2) {
1893
1937
  sx: {
1894
1938
  transition: "0.3s",
1895
1939
  color: "notBlack.override",
1896
- transform: added
1940
+ transform: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.added) && "rotate(45deg)"
1897
1941
  }
1898
1942
  })));
1899
1943
  };
@@ -2313,6 +2357,10 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
2313
2357
  onAddToPlace = _ref8$onAddToPlace === void 0 ? function () {
2314
2358
  console.log("onAddToPlace");
2315
2359
  } : _ref8$onAddToPlace,
2360
+ _ref8$onOptionClicked = _ref8.onOptionClicked,
2361
+ onOptionClicked = _ref8$onOptionClicked === void 0 ? function () {
2362
+ console.log("onAddToPlace");
2363
+ } : _ref8$onOptionClicked,
2316
2364
  _ref8$trending = _ref8.trending,
2317
2365
  trending = _ref8$trending === void 0 ? false : _ref8$trending;
2318
2366
 
@@ -2463,9 +2511,7 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
2463
2511
  }
2464
2512
  }), /*#__PURE__*/React__default.createElement(BlerpTopRow, {
2465
2513
  bite: bite,
2466
- onOptionClicked: function onOptionClicked() {
2467
- return null;
2468
- },
2514
+ onOptionClicked: onOptionClicked,
2469
2515
  hovering: hovering,
2470
2516
  onPlusClick: handleAddToPlace
2471
2517
  }), /*#__PURE__*/React__default.createElement(Stack, {
package/dist/index.umd.js CHANGED
@@ -1727,7 +1727,8 @@
1727
1727
 
1728
1728
  var item = _ref.item,
1729
1729
  active = _ref.active,
1730
- onOptionClicked = _ref.onOptionClicked;
1730
+ onOptionClicked = _ref.onOptionClicked,
1731
+ selectedOption = _ref.selectedOption;
1731
1732
  var options = [{
1732
1733
  name: "Channel Points",
1733
1734
  value: "CHANNEL_POINTS",
@@ -1791,7 +1792,7 @@
1791
1792
  pointerEvents: "none"
1792
1793
  }
1793
1794
  })
1794
- }, "Last Place"), /*#__PURE__*/React__default['default'].createElement(Popover, {
1795
+ }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default['default'].createElement(Popover, {
1795
1796
  open: open,
1796
1797
  anchorEl: anchor,
1797
1798
  anchorOrigin: {
@@ -1875,11 +1876,12 @@
1875
1876
  var item = _ref2.item,
1876
1877
  hovering = _ref2.hovering,
1877
1878
  hoveringAddTo = _ref2.hoveringAddTo,
1878
- setHoveringAddTo = _ref2.setHoveringAddTo;
1879
- _ref2.openPremiumModal;
1880
- var onOptionClicked = _ref2.onOptionClicked,
1881
- onPlusClick = _ref2.onPlusClick;
1882
- var added = false;
1879
+ setHoveringAddTo = _ref2.setHoveringAddTo,
1880
+ openPremiumModal = _ref2.openPremiumModal,
1881
+ onOptionClicked = _ref2.onOptionClicked,
1882
+ onPlusClick = _ref2.onPlusClick,
1883
+ selectedOption = _ref2.selectedOption,
1884
+ isUnownedPremium = _ref2.isUnownedPremium;
1883
1885
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
1884
1886
  direction: "row",
1885
1887
  width: hoveringAddTo ? "100%" : "60%",
@@ -1896,7 +1898,49 @@
1896
1898
  item: item,
1897
1899
  active: hoveringAddTo,
1898
1900
  onOptionClicked: onOptionClicked
1899
- }), /*#__PURE__*/React__default['default'].createElement(IconButton, {
1901
+ }), isUnownedPremium ? /*#__PURE__*/React__default['default'].createElement(IconButton, {
1902
+ sx: {
1903
+ width: "30px",
1904
+ height: "30px",
1905
+ backgroundColor: "white.override",
1906
+ "&:hover .open-lock-icon": {
1907
+ display: "flex !important",
1908
+ opacity: "1 !important"
1909
+ },
1910
+ "&:hover .lock-icon": {
1911
+ display: "none !important",
1912
+ opacity: "0 !important"
1913
+ },
1914
+ "&:hover": {
1915
+ backgroundColor: "grey7.main"
1916
+ }
1917
+ },
1918
+ onClick: function onClick(e) {
1919
+ e.stopPropagation();
1920
+ openPremiumModal();
1921
+ }
1922
+ }, /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
1923
+ className: "lock-icon",
1924
+ sx: {
1925
+ transition: "0.3s",
1926
+ color: "notBlack.override",
1927
+ display: "flex",
1928
+ opacity: "1",
1929
+ fontSize: "17px"
1930
+ }
1931
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
1932
+ className: "open-lock-icon",
1933
+ style: {
1934
+ display: "none",
1935
+ opacity: "0"
1936
+ }
1937
+ }, /*#__PURE__*/React__default['default'].createElement(OpenLockIcon, {
1938
+ sx: {
1939
+ transition: "0.3s",
1940
+ color: "notBlack.override",
1941
+ fontSize: "17px"
1942
+ }
1943
+ }))) : /*#__PURE__*/React__default['default'].createElement(IconButton, {
1900
1944
  sx: {
1901
1945
  width: "30px",
1902
1946
  height: "30px",
@@ -1914,7 +1958,7 @@
1914
1958
  sx: {
1915
1959
  transition: "0.3s",
1916
1960
  color: "notBlack.override",
1917
- transform: added
1961
+ transform: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.added) && "rotate(45deg)"
1918
1962
  }
1919
1963
  })));
1920
1964
  };
@@ -2334,6 +2378,10 @@
2334
2378
  onAddToPlace = _ref8$onAddToPlace === void 0 ? function () {
2335
2379
  console.log("onAddToPlace");
2336
2380
  } : _ref8$onAddToPlace,
2381
+ _ref8$onOptionClicked = _ref8.onOptionClicked,
2382
+ onOptionClicked = _ref8$onOptionClicked === void 0 ? function () {
2383
+ console.log("onAddToPlace");
2384
+ } : _ref8$onOptionClicked,
2337
2385
  _ref8$trending = _ref8.trending,
2338
2386
  trending = _ref8$trending === void 0 ? false : _ref8$trending;
2339
2387
 
@@ -2484,9 +2532,7 @@
2484
2532
  }
2485
2533
  }), /*#__PURE__*/React__default['default'].createElement(BlerpTopRow, {
2486
2534
  bite: bite,
2487
- onOptionClicked: function onOptionClicked() {
2488
- return null;
2489
- },
2535
+ onOptionClicked: onOptionClicked,
2490
2536
  hovering: hovering,
2491
2537
  onPlusClick: handleAddToPlace
2492
2538
  }), /*#__PURE__*/React__default['default'].createElement(Stack, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.2.23",
3
+ "version": "1.2.25",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {