@xelto.npm/xc2-lib 0.1.31 → 0.1.32

package/dist/index.cjs.js

@@ -99646,7 +99646,7 @@ var SubItemsWrapper = styled$1('div', {
         marginTop: '10px'
       }
     },
-    maxHeight: isOpen ? '500px' : '0',
+    maxHeight: isOpen ? '1000px' : '0',
     transition: 'all 0.5s ease-in-out',
     opacity: isOpen ? '1' : '0',
     pointerEvents: isOpen ? 'all' : 'none',
@@ -99688,12 +99688,13 @@ var MenuItems = function MenuItems(_ref3) {
     matchMediaQuery = _ref3$matchMediaQuery === void 0 ? false : _ref3$matchMediaQuery,
     variant = _ref3.variant,
     _ref3$logoutData = _ref3.logoutData,
-    logoutData = _ref3$logoutData === void 0 ? null : _ref3$logoutData;
+    logoutData = _ref3$logoutData === void 0 ? null : _ref3$logoutData,
+    handleMenuToggle = _ref3.handleMenuToggle;
   var _useState = React.useState(function () {
       return menuData.map(function (item, index) {
         return _objectSpread2(_objectSpread2({}, item), {}, {
           id: "menu-item-".concat(index),
-          hasItems: !!item.items
+          hasItems: item.items ? item.items.length > 0 : false
         });
       });
     }),
@@ -99703,10 +99704,10 @@ var MenuItems = function MenuItems(_ref3) {
       var newData = data.filter(function (item) {
         return item.hasItems;
       });
-      return newData.length > 0 ? newData.reduce(function (acc, current, index) {
-        var newAcc = index === 1 ? _defineProperty$C({}, acc.id, false) : acc;
-        return _objectSpread2(_defineProperty$C({}, current.id, false), newAcc);
-      }) : null;
+      return newData.length > 0 ? newData.reduce(function (acc, current) {
+        acc[current.id] = false;
+        return acc;
+      }, {}) : null;
     }),
     _useState4 = _slicedToArray$a(_useState3, 2),
     dropdowns = _useState4[0],
@@ -99736,7 +99737,9 @@ var MenuItems = function MenuItems(_ref3) {
       return /*#__PURE__*/React.createElement("span", {
         key: "subitem-".concat(subIndex),
         onClick: function onClick() {
+          if (handleMenuToggle && typeof handleMenuToggle === 'function') handleMenuToggle();
           if (subItem.onClick && typeof subItem.onClick === 'function') subItem.onClick();
+          if (dropdowns !== null) handleIsOpen(item.id, setDropdowns);
         }
       }, subItem.label);
     })), menuData.length - 1 !== index ? /*#__PURE__*/React.createElement("hr", null) : null);
@@ -99745,13 +99748,14 @@ var MenuItems = function MenuItems(_ref3) {
     onClick: logoutData.onClick && typeof logoutData.onClick === 'function' ? logoutData.onClick : null
   }, logoutData.label));
 };
-var Menu = function Menu(_ref5) {
-  var menuData = _ref5.menuData,
-    userData = _ref5.userData,
-    logoutData = _ref5.logoutData,
-    matchMediaQuery = _ref5.matchMediaQuery,
-    variant = _ref5.variant,
-    forwardRef = _ref5.forwardRef;
+var Menu = function Menu(_ref4) {
+  var menuData = _ref4.menuData,
+    userData = _ref4.userData,
+    logoutData = _ref4.logoutData,
+    matchMediaQuery = _ref4.matchMediaQuery,
+    variant = _ref4.variant,
+    forwardRef = _ref4.forwardRef,
+    handleMenuToggle = _ref4.handleMenuToggle;
   return /*#__PURE__*/React.createElement(StyledMenu, {
     variant: variant,
     ref: forwardRef,
@@ -99760,7 +99764,8 @@ var Menu = function Menu(_ref5) {
     menuData: menuData,
     logoutData: logoutData,
     matchMediaQuery: matchMediaQuery,
-    variant: variant
+    variant: variant,
+    handleMenuToggle: handleMenuToggle
   }));
 };
 
@@ -100167,7 +100172,8 @@ var CustomTopbar = function CustomTopbar(_ref5) {
     logoutData: logoutData,
     forwardRef: menuRef,
     matchMediaQuery: matchMediaQuery,
-    variant: props.variant
+    variant: props.variant,
+    handleMenuToggle: handleMenuToggle
   }));
 };
 CustomTopbar.propTypes = {

package/dist/index.esm.js

@@ -99626,7 +99626,7 @@ var SubItemsWrapper = styled$1('div', {
         marginTop: '10px'
       }
     },
-    maxHeight: isOpen ? '500px' : '0',
+    maxHeight: isOpen ? '1000px' : '0',
     transition: 'all 0.5s ease-in-out',
     opacity: isOpen ? '1' : '0',
     pointerEvents: isOpen ? 'all' : 'none',
@@ -99668,12 +99668,13 @@ var MenuItems = function MenuItems(_ref3) {
     matchMediaQuery = _ref3$matchMediaQuery === void 0 ? false : _ref3$matchMediaQuery,
     variant = _ref3.variant,
     _ref3$logoutData = _ref3.logoutData,
-    logoutData = _ref3$logoutData === void 0 ? null : _ref3$logoutData;
+    logoutData = _ref3$logoutData === void 0 ? null : _ref3$logoutData,
+    handleMenuToggle = _ref3.handleMenuToggle;
   var _useState = useState(function () {
       return menuData.map(function (item, index) {
         return _objectSpread2(_objectSpread2({}, item), {}, {
           id: "menu-item-".concat(index),
-          hasItems: !!item.items
+          hasItems: item.items ? item.items.length > 0 : false
         });
       });
     }),
@@ -99683,10 +99684,10 @@ var MenuItems = function MenuItems(_ref3) {
       var newData = data.filter(function (item) {
         return item.hasItems;
       });
-      return newData.length > 0 ? newData.reduce(function (acc, current, index) {
-        var newAcc = index === 1 ? _defineProperty$C({}, acc.id, false) : acc;
-        return _objectSpread2(_defineProperty$C({}, current.id, false), newAcc);
-      }) : null;
+      return newData.length > 0 ? newData.reduce(function (acc, current) {
+        acc[current.id] = false;
+        return acc;
+      }, {}) : null;
     }),
     _useState4 = _slicedToArray$a(_useState3, 2),
     dropdowns = _useState4[0],
@@ -99716,7 +99717,9 @@ var MenuItems = function MenuItems(_ref3) {
       return /*#__PURE__*/React__default.createElement("span", {
         key: "subitem-".concat(subIndex),
         onClick: function onClick() {
+          if (handleMenuToggle && typeof handleMenuToggle === 'function') handleMenuToggle();
           if (subItem.onClick && typeof subItem.onClick === 'function') subItem.onClick();
+          if (dropdowns !== null) handleIsOpen(item.id, setDropdowns);
         }
       }, subItem.label);
     })), menuData.length - 1 !== index ? /*#__PURE__*/React__default.createElement("hr", null) : null);
@@ -99725,13 +99728,14 @@ var MenuItems = function MenuItems(_ref3) {
     onClick: logoutData.onClick && typeof logoutData.onClick === 'function' ? logoutData.onClick : null
   }, logoutData.label));
 };
-var Menu = function Menu(_ref5) {
-  var menuData = _ref5.menuData,
-    userData = _ref5.userData,
-    logoutData = _ref5.logoutData,
-    matchMediaQuery = _ref5.matchMediaQuery,
-    variant = _ref5.variant,
-    forwardRef = _ref5.forwardRef;
+var Menu = function Menu(_ref4) {
+  var menuData = _ref4.menuData,
+    userData = _ref4.userData,
+    logoutData = _ref4.logoutData,
+    matchMediaQuery = _ref4.matchMediaQuery,
+    variant = _ref4.variant,
+    forwardRef = _ref4.forwardRef,
+    handleMenuToggle = _ref4.handleMenuToggle;
   return /*#__PURE__*/React__default.createElement(StyledMenu, {
     variant: variant,
     ref: forwardRef,
@@ -99740,7 +99744,8 @@ var Menu = function Menu(_ref5) {
     menuData: menuData,
     logoutData: logoutData,
     matchMediaQuery: matchMediaQuery,
-    variant: variant
+    variant: variant,
+    handleMenuToggle: handleMenuToggle
   }));
 };
 
@@ -100147,7 +100152,8 @@ var CustomTopbar = function CustomTopbar(_ref5) {
     logoutData: logoutData,
     forwardRef: menuRef,
     matchMediaQuery: matchMediaQuery,
-    variant: props.variant
+    variant: props.variant,
+    handleMenuToggle: handleMenuToggle
   }));
 };
 CustomTopbar.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",