@activecollab/components 1.0.153 → 1.0.154

package/dist/index.js

@@ -11825,9 +11825,18 @@
   })(["", ""], {
     "flex": "1 1 0%"
   });
+  var StyledStartMenuNoResults = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledStartMenuNoResults",
+    componentId: "sc-lxuoiz-5"
+  })(["", " ", ""], {
+    "paddingTop": "0.125rem",
+    "paddingBottom": "0.125rem"
+  }, {
+    "textAlign": "center"
+  });
   var StyledStartMenuDot = styled__default["default"].span.withConfig({
     displayName: "Styles__StyledStartMenuDot",
-    componentId: "sc-lxuoiz-5"
+    componentId: "sc-lxuoiz-6"
   })(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;"]);
   StyledMenu.displayName = "StyledMenu";
   StyledMenuFooter.displayName = "StyledMenuFooter";
@@ -11835,6 +11844,7 @@
   StyledStartMenuListItem.displayName = "StyledStartMenuListItem";
   StyledStartMenuTitle.displayName = "StyledStartMenuTitle";
   StyledStartMenuDot.displayName = "StyledStartMenuDot";
+  StyledStartMenuNoResults.displayName = "StyledStartMenuNoResults";
 
   var StartMenu = function StartMenu(_ref) {
     var data = _ref.data,
@@ -11842,6 +11852,8 @@
         onItemClick = _ref.onItemClick,
         style = _ref.style,
         onHeightChange = _ref.onHeightChange,
+        shouldRenderSubmenus = _ref.shouldRenderSubmenus,
+        emptyFilterText = _ref.emptyFilterText,
         children = _ref.children;
     var ref = React.useRef(null);
     var dimensions = useResizeObserver$1(ref);
@@ -11854,7 +11866,7 @@
     return /*#__PURE__*/React__default["default"].createElement("div", {
       style: style,
       ref: ref
-    }, /*#__PURE__*/React__default["default"].createElement(StyledStartMenuList, null, data.map(function (_ref2, index) {
+    }, /*#__PURE__*/React__default["default"].createElement(StyledStartMenuList, null, shouldRenderSubmenus ? data.map(function (_ref2, index) {
       var _selected$id;
 
       var id = _ref2.id,
@@ -11862,7 +11874,7 @@
           submenu = _ref2.submenu;
       var count = (_selected$id = selected[id]) === null || _selected$id === void 0 ? void 0 : _selected$id.length;
 
-      if (submenu !== null && submenu !== void 0 && submenu.length) {
+      if ((submenu === null || submenu === void 0 ? void 0 : submenu.length) > 1) {
         return /*#__PURE__*/React__default["default"].createElement(StyledStartMenuListItem, {
           key: "filter-list-item-".concat(index),
           onClick: function onClick() {
@@ -11870,12 +11882,13 @@
           }
         }, /*#__PURE__*/React__default["default"].createElement(StyledStartMenuTitle, null, title), count > 0 ? /*#__PURE__*/React__default["default"].createElement(StyledStartMenuDot, null, count) : null, /*#__PURE__*/React__default["default"].createElement(ArrowRightIcon$1, null));
       }
-    }), children));
+    }) : emptyFilterText ? /*#__PURE__*/React__default["default"].createElement(StyledStartMenuNoResults, null, emptyFilterText) : null, children));
   };
 
   var Filter = function Filter(_ref) {
     var data = _ref.data,
-        selected = _ref.selected,
+        _ref$selected = _ref.selected,
+        selected = _ref$selected === void 0 ? {} : _ref$selected,
         label = _ref.label,
         clearAllText = _ref.clearAllText,
         _ref$resetLabel = _ref.resetLabel,
@@ -11884,6 +11897,7 @@
         _ref$width = _ref.width,
         width = _ref$width === void 0 ? 260 : _ref$width,
         noResultText = _ref.noResultText,
+        emptyFilterText = _ref.emptyFilterText,
         children = _ref.children;
 
     var _useState = React.useState(false),
@@ -11971,6 +11985,32 @@
       });
       return c;
     }, [filter]);
+    var shouldRenderSubmenus = React.useMemo(function () {
+      if (data.length === 0) {
+        return false;
+      }
+
+      var _iterator = _createForOfIteratorHelper(data),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _entry$submenu;
+
+          var entry = _step.value;
+
+          if (((_entry$submenu = entry.submenu) === null || _entry$submenu === void 0 ? void 0 : _entry$submenu.length) > 1) {
+            return true;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      return false;
+    }, [data]);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenu, {
       open: open,
       onOpen: handleOpen,
@@ -12005,8 +12045,10 @@
         width: width
       },
       onHeightChange: setHeight,
-      onItemClick: handleItemClick
-    }, children))), data.map(function (_ref2, index) {
+      onItemClick: handleItemClick,
+      shouldRenderSubmenus: shouldRenderSubmenus,
+      emptyFilterText: emptyFilterText
+    }, children))), shouldRenderSubmenus && data.map(function (_ref2, index) {
       var _filter$id;
 
       var id = _ref2.id,