@pedidopago/ui 1.1.0 → 1.1.1

package/dist/components/Input/index.js

@@ -13,11 +13,17 @@ var _Skeleton = _interopRequireDefault(require("../Skeleton"));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["placeholder", "type", "disabled", "isLoading", "label", "labelBackground", "withIcon", "hiddenContent", "helperText", "alert", "withAddon", "addonContent"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -68,49 +74,70 @@ var Input = function Input(_ref) {
     setHiddenInfo(!hiddenInfo);
   }
 
-  return /*#__PURE__*/React.createElement(_styles.InputGroupElement, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputGroupElement, {
     hasValueOnInput: Icon || placeholder || rest.value ? true : hasValueOnInput,
     alert: alert,
     withAddon: withAddon,
     hasDisabled: disabled,
-    labelBackground: labelBackground
-  }, isLoading ? /*#__PURE__*/React.createElement(_Skeleton.default, {
-    variant: "rectangle",
-    height: 50,
-    animation: "wave"
-  }) : /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_styles.InputColumn, null, withAddon && /*#__PURE__*/React.createElement(_styles.AddonElement, {
-    alert: alert,
-    hasDisabled: disabled
-  }, /*#__PURE__*/React.createElement(_styles.AddonContent, null, addonContent)), /*#__PURE__*/React.createElement(_styles.InputContent, {
-    withAddon: withAddon
-  }, /*#__PURE__*/React.createElement(_styles.InputLabel, {
-    hasDisabled: disabled
-  }, label), /*#__PURE__*/React.createElement(_styles.InputContentRow, null, Icon && /*#__PURE__*/React.createElement(_styles.InputIcon, null, Icon), /*#__PURE__*/React.createElement(_styles.Input, _extends({
-    type: hiddenInfo ? 'password' : type,
-    "aria-label": label,
-    withIcon: Icon,
-    hiddenContent: hiddenContent,
-    disabled: disabled,
-    alert: alert,
-    onChange: function onChange(e) {
-      return handleInputChange(e.target.value);
-    },
-    placeholder: placeholder
-  }, rest)), hiddenContent && /*#__PURE__*/React.createElement(_styles.InputIcon, {
-    clickable: true,
-    onClick: handleHiddenChange
-  }, hiddenInfo ? /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "eye"
-  }) : /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "eye-off"
-  })), /*#__PURE__*/React.createElement(_styles.Fieldset, {
-    "aria-hidden": true,
-    hasDisabled: disabled,
-    withAddon: withAddon,
-    alert: alert
-  }, /*#__PURE__*/React.createElement(_styles.Legend, null, /*#__PURE__*/React.createElement(_styles.LegendText, null, label)))))), helperText && /*#__PURE__*/React.createElement(_styles.HelperText, {
-    alert: alert
-  }, helperText)));
+    labelBackground: labelBackground,
+    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+      variant: "rectangle",
+      height: 50,
+      animation: "wave"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InputColumn, {
+        children: [withAddon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AddonElement, {
+          alert: alert,
+          hasDisabled: disabled,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AddonContent, {
+            children: addonContent
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InputContent, {
+          withAddon: withAddon,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputLabel, {
+            hasDisabled: disabled,
+            children: label
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InputContentRow, {
+            children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputIcon, {
+              children: Icon
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Input, _objectSpread({
+              type: hiddenInfo ? 'password' : type,
+              "aria-label": label,
+              withIcon: Icon,
+              hiddenContent: hiddenContent,
+              disabled: disabled,
+              alert: alert,
+              onChange: function onChange(e) {
+                return handleInputChange(e.target.value);
+              },
+              placeholder: placeholder
+            }, rest)), hiddenContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputIcon, {
+              clickable: true,
+              onClick: handleHiddenChange,
+              children: hiddenInfo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                name: "eye"
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                name: "eye-off"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Fieldset, {
+              "aria-hidden": true,
+              hasDisabled: disabled,
+              withAddon: withAddon,
+              alert: alert,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Legend, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LegendText, {
+                  children: label
+                })
+              })
+            })]
+          })]
+        })]
+      }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelperText, {
+        alert: alert,
+        children: helperText
+      })]
+    })
+  });
 };
 
 var _default = Input;

package/dist/components/Input/input.test.js

@@ -10,6 +10,8 @@ var _ = _interopRequireDefault(require("."));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -18,10 +20,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, _extends({
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
     "data-testid": "input-component"
   }, props)));
   var input = utils.getByLabelText(props.label);
@@ -58,7 +58,7 @@ describe('Input', function () {
 
     var _setup3 = setup({
       label: 'E-mail',
-      withIcon: /*#__PURE__*/React.createElement(_Icon.default, {
+      withIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: "search",
         color: "neutral.neutral4"
       })

package/dist/components/Label/index.js

@@ -15,6 +15,8 @@ var _allIcons = require("../Icon/utils/allIcons");
 
 var _invertColor = require("../../utils/invertColor");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var LabelInput = function LabelInput(_ref) {
@@ -34,17 +36,18 @@ var LabelInput = function LabelInput(_ref) {
 
   var backgroundColor = LabelType ? theme.colors[LabelType].blurred : Color || (theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral1);
   var color = (0, _invertColor.invertColor)(backgroundColor || '#fff', true);
-  return /*#__PURE__*/React.createElement(_styles.LabelWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.LabelWrapper, {
     backgroundColor: backgroundColor,
     color: color,
-    "data-testid": "label-wrapper"
-  }, Icon && IconSide === 'left' && iconExists() && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: Icon,
-    size: "16px"
-  }), Label || 'default', Icon && IconSide === 'right' && iconExists() && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: Icon,
-    size: "16px"
-  }));
+    "data-testid": "label-wrapper",
+    children: [Icon && IconSide === 'left' && iconExists() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: Icon,
+      size: "16px"
+    }), Label || 'default', Icon && IconSide === 'right' && iconExists() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: Icon,
+      size: "16px"
+    })]
+  });
 };
 
 var _default = LabelInput;

package/dist/components/Label/input.test.js

@@ -6,6 +6,8 @@ require("@testing-library/jest-dom/extend-expect");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -19,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   var LabelWrapper = utils.getByTestId('label-wrapper');
   return _objectSpread({
     LabelWrapper: LabelWrapper

package/dist/components/List/index.js

@@ -7,9 +7,15 @@ exports.default = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["title", "item", "maxHeight", "children"];
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -22,9 +28,14 @@ var List = function List(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return item ? /*#__PURE__*/React.createElement(_styles.StyledListItem, rest, children) : /*#__PURE__*/React.createElement(_styles.StyledList, _extends({}, rest, {
-    maxHeight: maxHeight
-  }), title && /*#__PURE__*/React.createElement(_styles.StyledListTitle, null, title), children);
+  return item ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledListItem, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledList, _objectSpread(_objectSpread({}, rest), {}, {
+    maxHeight: maxHeight,
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledListTitle, {
+      children: title
+    }), children]
+  }));
 };
 
 var _default = List;

package/dist/components/List/list.test.js

@@ -8,44 +8,62 @@ var _ = _interopRequireDefault(require("."));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props, props.children));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
+    children: props.children
+  })));
   return utils;
 };
 
 describe('List', function () {
   it('should to render list component', function () {
     var utils = setup({
-      children: /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, "Item 1")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        children: "Item 1"
+      })
     });
     expect(utils.container).toBeInTheDocument();
   });
   it('should to render list component with an icon', function () {
     var utils = setup({
-      children: /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "check"
-      }), " Item 1")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
+        item: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "check"
+        }), " Item 1"]
+      })
     });
     expect(utils.container).toBeInTheDocument();
     expect(utils.container.querySelector('svg')).toBeInTheDocument();
   });
   it('should to render list with multiply items', function () {
     var utils = setup({
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, " item 1"), /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, " item 2"), /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, " item 3"), /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, " item 4"))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 1"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 3"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 4"
+        })]
+      })
     });
     expect(utils.container).toBeInTheDocument();
     expect(utils.container.querySelectorAll('li').length).toBe(4);

package/dist/components/Menu/components/Submenu.js

@@ -11,6 +11,8 @@ var _Skeleton = _interopRequireDefault(require("../../../components/Skeleton"));
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -41,32 +43,53 @@ var Submenu = function Submenu(_ref) {
     return setSubnav(!subnav);
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.SidebarLink, {
-    href: item === null || item === void 0 ? void 0 : item.path,
-    onClick: showSubnav,
-    "data-testid": "submenu-item",
-    disabled: disabled,
-    isLoading: isLoading
-  }, /*#__PURE__*/React.createElement("div", null, isLoading ? /*#__PURE__*/React.createElement(_Skeleton.default, {
-    width: 200
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, item === null || item === void 0 ? void 0 : item.icon, /*#__PURE__*/React.createElement(_styles.SidebarLabel, null, item === null || item === void 0 ? void 0 : item.title))), /*#__PURE__*/React.createElement("div", null, item !== null && item !== void 0 && item.subnav && subnav ? item === null || item === void 0 ? void 0 : item.iconOpened : item === null || item === void 0 ? void 0 : item.iconClosed)), subnav && (item === null || item === void 0 ? void 0 : (_item$subnav = item.subnav) === null || _item$subnav === void 0 ? void 0 : _item$subnav.map(function (subnavItem, index) {
-    if (isLoading) {
-      return /*#__PURE__*/React.createElement(_styles.DropdownLink, {
-        href: subnavItem.path,
-        key: index,
-        disabled: disabled
-      }, /*#__PURE__*/React.createElement(_Skeleton.default, {
-        width: 200
-      }));
-    } else {
-      return /*#__PURE__*/React.createElement(_styles.DropdownLink, {
-        href: subnavItem.path,
-        key: index,
-        disabled: disabled,
-        target: "_blank"
-      }, (subnavItem === null || subnavItem === void 0 ? void 0 : subnavItem.leftIcon) && /*#__PURE__*/React.createElement(React.Fragment, null, subnavItem === null || subnavItem === void 0 ? void 0 : subnavItem.icon, /*#__PURE__*/React.createElement(_styles.SidebarLabel, null, " ", subnavItem.title, " ")), (subnavItem === null || subnavItem === void 0 ? void 0 : subnavItem.rightIcon) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.SidebarLabel, null, " ", subnavItem.title, " "), subnavItem === null || subnavItem === void 0 ? void 0 : subnavItem.icon), !(subnavItem !== null && subnavItem !== void 0 && subnavItem.icon) && /*#__PURE__*/React.createElement(_styles.SidebarLabel, null, subnavItem.title));
-    }
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SidebarLink, {
+      href: item === null || item === void 0 ? void 0 : item.path,
+      onClick: showSubnav,
+      "data-testid": "submenu-item",
+      disabled: disabled,
+      isLoading: isLoading,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+          width: 200
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [item === null || item === void 0 ? void 0 : item.icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SidebarLabel, {
+            children: item === null || item === void 0 ? void 0 : item.title
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: item !== null && item !== void 0 && item.subnav && subnav ? item === null || item === void 0 ? void 0 : item.iconOpened : item === null || item === void 0 ? void 0 : item.iconClosed
+      })]
+    }), subnav && (item === null || item === void 0 ? void 0 : (_item$subnav = item.subnav) === null || _item$subnav === void 0 ? void 0 : _item$subnav.map(function (subnavItem, index) {
+      if (isLoading) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropdownLink, {
+          href: subnavItem.path,
+          disabled: disabled,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+            width: 200
+          })
+        }, index);
+      } else {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropdownLink, {
+          href: subnavItem.path,
+          disabled: disabled,
+          target: "_blank",
+          children: [(subnavItem === null || subnavItem === void 0 ? void 0 : subnavItem.leftIcon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [subnavItem === null || subnavItem === void 0 ? void 0 : subnavItem.icon, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SidebarLabel, {
+              children: [" ", subnavItem.title, " "]
+            })]
+          }), (subnavItem === null || subnavItem === void 0 ? void 0 : subnavItem.rightIcon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SidebarLabel, {
+              children: [" ", subnavItem.title, " "]
+            }), subnavItem === null || subnavItem === void 0 ? void 0 : subnavItem.icon]
+          }), !(subnavItem !== null && subnavItem !== void 0 && subnavItem.icon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SidebarLabel, {
+            children: subnavItem.title
+          })]
+        }, index);
+      }
+    }))]
+  });
 };
 
 var _default = Submenu;

package/dist/components/Menu/index.js

@@ -9,6 +9,10 @@ var _Submenu = _interopRequireDefault(require("./components/Submenu"));
 
 var _styles = require("./styles");
 
+var _react = require("react");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Menu = function Menu(_ref) {
@@ -17,17 +21,22 @@ var Menu = function Menu(_ref) {
       disabled = _ref.disabled,
       _ref$anchor = _ref.anchor,
       anchor = _ref$anchor === void 0 ? 'left' : _ref$anchor;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.SidebarNav, {
-    anchor: anchor
-  }, /*#__PURE__*/React.createElement(_styles.SidebarWrap, null, MenuData && (MenuData === null || MenuData === void 0 ? void 0 : MenuData.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(_Submenu.default, {
-      item: item,
-      isLoading: isLoading,
-      disabled: disabled,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SidebarNav, {
       anchor: anchor,
-      key: index
-    });
-  })))));
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SidebarWrap, {
+        children: MenuData && (MenuData === null || MenuData === void 0 ? void 0 : MenuData.map(function (item, index) {
+          return /*#__PURE__*/(0, _react.createElement)(_Submenu.default, {
+            item: item,
+            isLoading: isLoading,
+            disabled: disabled,
+            anchor: anchor,
+            key: index
+          });
+        }))
+      })
+    })
+  });
 };
 
 var _default = Menu;

package/dist/components/Menu/menu.test.js

@@ -8,6 +8,8 @@ var _ = _interopRequireDefault(require("."));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -16,21 +18,19 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var setup = function setup(props) {
   var data = [{
     title: 'Dashboard',
     path: '/dashboard',
-    icon: /*#__PURE__*/React.createElement(_Icon.default, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "home",
       size: "15"
     }),
-    iconOpened: /*#__PURE__*/React.createElement(_Icon.default, {
+    iconOpened: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "chevron-down",
       size: "15"
     }),
-    iconClosed: /*#__PURE__*/React.createElement(_Icon.default, {
+    iconClosed: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "chevron-right",
       size: "15"
     }),
@@ -40,7 +40,7 @@ var setup = function setup(props) {
       path: '/dashboard/account'
     }]
   }];
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, _extends({
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
     "data-testid": "component-menu",
     MenuData: data
   }, props)));
@@ -64,14 +64,14 @@ describe('Menu', function () {
     var _renderIcon$baseEleme, _container$parentElem;
 
     var _setup2 = setup({
-      iconClosed: /*#__PURE__*/React.createElement(_Icon.default, {
+      iconClosed: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: "chevron-right",
         size: "15"
       })
     }),
         container = _setup2.container;
 
-    var renderIcon = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_Icon.default, {
+    var renderIcon = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "chevron-right",
       size: "15"
     }));
@@ -96,7 +96,7 @@ describe('Menu', function () {
       title: 'Organização',
       path: '/organizacao'
     }];
-    var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       disabled: true,
       MenuData: data
     }));
@@ -114,7 +114,7 @@ describe('Menu', function () {
         path: '/organizacao/submenu'
       }]
     }];
-    var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       isLoading: true,
       MenuData: data
     }));
@@ -130,7 +130,7 @@ describe('Menu', function () {
         path: '/organizacao/submenu'
       }]
     }];
-    var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       MenuData: data,
       anchor: 'top'
     }));
@@ -146,7 +146,7 @@ describe('Menu', function () {
         path: '/organizacao/submenu'
       }]
     }];
-    var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       MenuData: data,
       anchor: 'bottom'
     }));
@@ -162,7 +162,7 @@ describe('Menu', function () {
         path: '/organizacao/submenu'
       }]
     }];
-    var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       MenuData: data,
       anchor: 'left'
     }));
@@ -178,7 +178,7 @@ describe('Menu', function () {
         path: '/organizacao/submenu'
       }]
     }];
-    var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       MenuData: data,
       anchor: 'right'
     }));