desk-kit 2.0.6 → 2.0.7

package/dist/components/header/Notifications.js

@@ -41,6 +41,8 @@ var LineText = (0, _styles.styled)(_material.Typography)(function (_ref) {
   };
 });
 var NotificationItem = function NotificationItem(props) {
+  var _router$query;
+  var router = (0, _router.useRouter)();
   var _props$data = props.data,
     _props$data$user = _props$data.user,
     user = _props$data$user === void 0 ? {} : _props$data$user,
@@ -48,6 +50,7 @@ var NotificationItem = function NotificationItem(props) {
     _props$data$message = _props$data.message,
     message = _props$data$message === void 0 ? "" : _props$data$message,
     read = _props$data.read;
+  if (!(router !== null && router !== void 0 && (_router$query = router.query) !== null && _router$query !== void 0 && _router$query.businessId)) return null;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "notification-item"
   }, !read.active ? /*#__PURE__*/_react["default"].createElement("div", {

package/dist/components/header/index.js

@@ -40,6 +40,7 @@ var _CategoryTwoTone = _interopRequireDefault(require("@mui/icons-material/Categ
 var _Groups = _interopRequireDefault(require("@mui/icons-material/Groups2"));
 var _UserContext = require("../../context/UserContext");
 var _Notifications = _interopRequireDefault(require("./Notifications"));
+var _Menu2 = _interopRequireDefault(require("@mui/icons-material/Menu"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -51,7 +52,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var Header = function Header(props) {
   var _useUser = (0, _UserContext.useUser)(),
-    user = _useUser.user;
+    user = _useUser.user,
+    toogleOpen = _useUser.toogleOpen;
   var router = (0, _router.useRouter)();
   var prefersDarkMode = (0, _material.useMediaQuery)("(prefers-color-scheme: dark)");
   var _props$business = props.business,
@@ -112,7 +114,12 @@ var Header = function Header(props) {
     className: "main"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "nav"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    className: "d-flex d-sm-none",
+    onClick: function onClick() {
+      return toogleOpen();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Menu2["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "logo"
   }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
     href: "/"

package/dist/context/UserContext.js

@@ -18,16 +18,32 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var UserContext = /*#__PURE__*/_react["default"].createContext();
 function UserProvider(props) {
-  var _useState = (0, _react.useState)((props === null || props === void 0 ? void 0 : props.user) || {}),
+  var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    user = _useState2[0],
-    setUser = _useState2[1];
+    openSidebar = _useState2[0],
+    setOpenSidebar = _useState2[1];
+  var _useState3 = (0, _react.useState)((props === null || props === void 0 ? void 0 : props.user) || {}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    user = _useState4[0],
+    setUser = _useState4[1];
+  var _useState5 = (0, _react.useState)(props.isMobile || false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isMobile = _useState6[0],
+    setIsMobile = _useState6[1];
   var value = (0, _react.useMemo)(function () {
     return {
+      isMobile: isMobile,
       user: user,
-      updateUser: setUser
+      updateUser: setUser,
+      openSidebar: openSidebar,
+      closeSidebar: function closeSidebar() {
+        return setOpenSidebar(false);
+      },
+      toogleOpen: function toogleOpen() {
+        return setOpenSidebar(!openSidebar);
+      }
     };
-  }, [user]);
+  }, [user, isMobile, openSidebar]);
   return /*#__PURE__*/_react["default"].createElement(UserContext.Provider, _extends({
     value: value
   }, props));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desk-kit",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.js",