@superdispatch/ui 0.17.0 → 0.18.3

package/dist-node/index.js

@@ -348,8 +348,10 @@ var defaultMoreElement = /*#__PURE__*/jsxRuntime.jsx(Button, {
 var AdaptiveVerticalToolbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
     items,
+    disableGutters,
     moreElement = defaultMoreElement,
-    renderItem = item => item.label
+    renderItem = item => item.label,
+    renderMenuItem = item => item.label
   } = _ref;
   var styles = useStyles$1();
   var itemNodes = React.useRef([]);
@@ -387,11 +389,11 @@ var AdaptiveVerticalToolbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     setFirstHiddenIdx(hiddenIdx);
   });
   return /*#__PURE__*/jsxRuntime.jsxs(core.Grid, {
-    spacing: 1,
     direction: "column",
     container: true,
     wrap: "nowrap",
     className: styles.root,
+    spacing: disableGutters ? undefined : 1,
     ref: mergeRefs(ref, node => {
       setRootNode(node);
     }),
@@ -418,19 +420,17 @@ var AdaptiveVerticalToolbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         onClose: () => {
           setMenuButtonRef(undefined);
         },
-        children: menuItems.map((item, index, arr) => {
+        children: menuItems.flatMap((item, index, arr) => {
           var next = arr[index + 1];
-          return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/jsxRuntime.jsx(core.MenuItem, {
-              onClick: event => {
-                var _item$onClick;
-
-                (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
-                setMenuButtonRef(undefined);
-              },
-              children: item.label
-            }, item.key), next && next.menuGroupKey !== item.menuGroupKey && /*#__PURE__*/jsxRuntime.jsx(core.Divider, {})]
-          });
+          return [/*#__PURE__*/jsxRuntime.jsx(core.MenuItem, {
+            onClick: event => {
+              var _item$onClick;
+
+              (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
+              setMenuButtonRef(undefined);
+            },
+            children: renderMenuItem(item)
+          }, item.key), next && next.menuGroupKey !== item.menuGroupKey && /*#__PURE__*/jsxRuntime.jsx(core.Divider, {}, "".concat(item.key, "-divider"))];
         })
       })]
     })]
@@ -3670,6 +3670,20 @@ var Tiles = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Tiles.displayName = "Tiles";
 
+function ExitTransitionPlaceholder(_ref) {
+  var {
+    in: inProp,
+    children: childrenProp
+  } = _ref;
+  var [children, setChildren] = React.useState(childrenProp);
+  React.useEffect(() => {
+    if (inProp) {
+      setChildren(childrenProp);
+    }
+  }, [inProp, childrenProp]);
+  return renderChildren(children);
+}
+
 exports.AdaptiveToolbar = AdaptiveToolbar;
 exports.AdaptiveVerticalToolbar = AdaptiveVerticalToolbar;
 exports.AvatarButton = AvatarButton;
@@ -3686,6 +3700,7 @@ exports.DrawerContent = DrawerContent;
 exports.DrawerList = DrawerList;
 exports.DrawerTitle = DrawerTitle;
 exports.DropdownButton = DropdownButton;
+exports.ExitTransitionPlaceholder = ExitTransitionPlaceholder;
 exports.GridStack = GridStack;
 exports.InfoCard = InfoCard;
 exports.Inline = Inline;