@blend-ui/floating-user-menu - npm Package Compare versions

Comparing version 0.0.15-alpha.0 to 0.0.16-alpha.0

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [0.0.16-alpha.0](https://prifina-admin/prifina/blend-ui/compare/@blend-ui/floating-user-menu@0.0.15-alpha.0...@blend-ui/floating-user-menu@0.0.16-alpha.0) (2021-04-20)
+
+**Note:** Version bump only for package @blend-ui/floating-user-menu
+
+
+
+
+
 ## [0.0.15-alpha.0](https://prifina-admin/prifina/blend-ui/compare/@blend-ui/floating-user-menu@0.0.14-alpha.0...@blend-ui/floating-user-menu@0.0.15-alpha.0) (2021-02-18)
@@ -8,0 +16,0 @@

dist/cjs/FloatingUserMenu.js

@@ -110,3 +110,3 @@ "use strict";
   componentId: "uq210f-0"
-})(["position:fixed;top:0;right:0;left:0;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;width:100%;overflow:hidden;z-index:10;", ";", ""], function (props) {
+})(["position:fixed;top:0;right:0;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;min-width:100px;overflow:hidden;z-index:10;", ";", ""], function (props) {
   return props.theme.baseStyles;
@@ -198,4 +198,8 @@ }, _styledSystem.space);
       iconButtons = _useState6[0],
-      setIconButtons = _useState6[1]; //let MenuArea = null
+      setIconButtons = _useState6[1];
 
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      notificationCount = _useState8[0],
+      setNotificationCount = _useState8[1];
 
@@ -208,3 +212,3 @@ var uuid = (0, _autoId.useId)();
   var menuId = "blend-usermenu-".concat(_id);
-  var root = (0, _react.useRef)(null);
+  var root = (0, _react.useRef)(null); //const notificationLabel = useRef(null);
 
@@ -240,2 +244,6 @@ var iconClick = function iconClick(e, i) {
   }, []);
+  var onUpdate = (0, _react.useCallback)(function () {
+    console.log("UPDATE NOTIFICATION");
+    setNotificationCount(111);
+  }, []);
   var show = (0, _react.useCallback)(function () {
@@ -251,2 +259,3 @@ var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     };
+    setNotificationCount(menu.options.notifications || 0);
     setUserMenu(menu);
@@ -276,3 +285,4 @@ return menu;
     userMenu: userMenu,
-    show: show
+    show: show,
+    onUpdate: onUpdate
   }; //console.log(alertContext);
@@ -288,3 +298,4 @@
     */
-    id: menuId
+    id: menuId //w:window.innerWidth
+
   }; //filter: drop-shadow(0px 4px 8px rgba(91, 92, 91, 0.25));
@@ -346,3 +357,3 @@
     isOpen: false
-  }, userMenu.options.notifications > 99 ? "99+" : userMenu.options.notifications)), isOpen && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ModalDiv, {
+  }, notificationCount > 99 ? "99+" : notificationCount)), isOpen && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ModalDiv, {
     onClick: function onClick() {
@@ -381,5 +392,5 @@ setIsOpen(function (prev) {
     }
-  })), userMenu.options.notifications > 0 && /*#__PURE__*/_react["default"].createElement(Badge, {
+  })), notificationCount > 0 && /*#__PURE__*/_react["default"].createElement(Badge, {
     isOpen: true
-  }, userMenu.options.notifications), /*#__PURE__*/_react["default"].createElement("div", {
+  }, notificationCount > 99 ? "99+" : notificationCount), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -386,0 +397,0 @@ borderRadius: "50%",

dist/es/FloatingUserMenu.js

@@ -110,3 +110,3 @@ "use strict";
   componentId: "uq210f-0"
-})(["position:fixed;top:0;right:0;left:0;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;width:100%;overflow:hidden;z-index:10;", ";", ""], function (props) {
+})(["position:fixed;top:0;right:0;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;min-width:100px;overflow:hidden;z-index:10;", ";", ""], function (props) {
   return props.theme.baseStyles;
@@ -198,4 +198,8 @@ }, _styledSystem.space);
       iconButtons = _useState6[0],
-      setIconButtons = _useState6[1]; //let MenuArea = null
+      setIconButtons = _useState6[1];
 
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      notificationCount = _useState8[0],
+      setNotificationCount = _useState8[1];
 
@@ -208,3 +212,3 @@ var uuid = (0, _autoId.useId)();
   var menuId = "blend-usermenu-".concat(_id);
-  var root = (0, _react.useRef)(null);
+  var root = (0, _react.useRef)(null); //const notificationLabel = useRef(null);
 
@@ -240,2 +244,6 @@ var iconClick = function iconClick(e, i) {
   }, []);
+  var onUpdate = (0, _react.useCallback)(function () {
+    console.log("UPDATE NOTIFICATION");
+    setNotificationCount(111);
+  }, []);
   var show = (0, _react.useCallback)(function () {
@@ -251,2 +259,3 @@ var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     };
+    setNotificationCount(menu.options.notifications || 0);
     setUserMenu(menu);
@@ -276,3 +285,4 @@ return menu;
     userMenu: userMenu,
-    show: show
+    show: show,
+    onUpdate: onUpdate
   }; //console.log(alertContext);
@@ -288,3 +298,4 @@
     */
-    id: menuId
+    id: menuId //w:window.innerWidth
+
   }; //filter: drop-shadow(0px 4px 8px rgba(91, 92, 91, 0.25));
@@ -346,3 +357,3 @@
     isOpen: false
-  }, userMenu.options.notifications > 99 ? "99+" : userMenu.options.notifications)), isOpen && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ModalDiv, {
+  }, notificationCount > 99 ? "99+" : notificationCount)), isOpen && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ModalDiv, {
     onClick: function onClick() {
@@ -381,5 +392,5 @@ setIsOpen(function (prev) {
     }
-  })), userMenu.options.notifications > 0 && /*#__PURE__*/_react["default"].createElement(Badge, {
+  })), notificationCount > 0 && /*#__PURE__*/_react["default"].createElement(Badge, {
     isOpen: true
-  }, userMenu.options.notifications), /*#__PURE__*/_react["default"].createElement("div", {
+  }, notificationCount > 99 ? "99+" : notificationCount), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -386,0 +397,0 @@ borderRadius: "50%",

dist/esm/FloatingUserMenu.js

@@ -110,3 +110,3 @@ "use strict";
   componentId: "uq210f-0"
-})(["position:fixed;top:0;right:0;left:0;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;width:100%;overflow:hidden;z-index:10;", ";", ""], function (props) {
+})(["position:fixed;top:0;right:0;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;min-width:100px;overflow:hidden;z-index:10;", ";", ""], function (props) {
   return props.theme.baseStyles;
@@ -198,4 +198,8 @@ }, _styledSystem.space);
       iconButtons = _useState6[0],
-      setIconButtons = _useState6[1]; //let MenuArea = null
+      setIconButtons = _useState6[1];
 
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      notificationCount = _useState8[0],
+      setNotificationCount = _useState8[1];
 
@@ -208,3 +212,3 @@ var uuid = (0, _autoId.useId)();
   var menuId = "blend-usermenu-".concat(_id);
-  var root = (0, _react.useRef)(null);
+  var root = (0, _react.useRef)(null); //const notificationLabel = useRef(null);
 
@@ -240,2 +244,6 @@ var iconClick = function iconClick(e, i) {
   }, []);
+  var onUpdate = (0, _react.useCallback)(function () {
+    console.log("UPDATE NOTIFICATION");
+    setNotificationCount(111);
+  }, []);
   var show = (0, _react.useCallback)(function () {
@@ -251,2 +259,3 @@ var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     };
+    setNotificationCount(menu.options.notifications || 0);
     setUserMenu(menu);
@@ -276,3 +285,4 @@ return menu;
     userMenu: userMenu,
-    show: show
+    show: show,
+    onUpdate: onUpdate
   }; //console.log(alertContext);
@@ -288,3 +298,4 @@
     */
-    id: menuId
+    id: menuId //w:window.innerWidth
+
   }; //filter: drop-shadow(0px 4px 8px rgba(91, 92, 91, 0.25));
@@ -346,3 +357,3 @@
     isOpen: false
-  }, userMenu.options.notifications > 99 ? "99+" : userMenu.options.notifications)), isOpen && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ModalDiv, {
+  }, notificationCount > 99 ? "99+" : notificationCount)), isOpen && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ModalDiv, {
     onClick: function onClick() {
@@ -381,5 +392,5 @@ setIsOpen(function (prev) {
     }
-  })), userMenu.options.notifications > 0 && /*#__PURE__*/_react["default"].createElement(Badge, {
+  })), notificationCount > 0 && /*#__PURE__*/_react["default"].createElement(Badge, {
     isOpen: true
-  }, userMenu.options.notifications), /*#__PURE__*/_react["default"].createElement("div", {
+  }, notificationCount > 99 ? "99+" : notificationCount), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -386,0 +397,0 @@ borderRadius: "50%",

package.json

 {
   "name": "@blend-ui/floating-user-menu",
-  "version": "0.0.15-alpha.0",
+  "version": "0.0.16-alpha.0",
   "description": "Floating User Menu Component",
@@ -44,3 +44,3 @@ "author": "Tero <[e-mail]>",
   },
-  "gitHead": "f43bc4f2c9cfce3b5dc6e9dfcab86c0147c03694"
+  "gitHead": "fe3f2349c32f38fbdd1cfb8db4ee3af8f544adaa"
 }

Fixed alerts

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-75%

Worsened metrics

Total package byte prevSize

66904

decreased by-27.37%

Number of package files

9

decreased by-57.14%

Lines of code

1248

decreased by-29.49%

No dependency changes