@omniumretail/component-library 1.0.92 → 1.0.93

package/dist/bundle.js

@@ -10992,7 +10992,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Sidebar\": function() { return /* binding */ Sidebar; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Sidebar/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/DoubleRightOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/DoubleLeftOutlined.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\nvar __assign = (undefined && undefined.__assign) || function () {\r\n    __assign = Object.assign || function(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n                t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\r\n\r\n\r\n\r\n\r\n\r\nvar Sidebar = function (props) {\r\n    var _a;\r\n    var _b = props.isOpen, isOpen = _b === void 0 ? false : _b, links = props.links, navigateFunction = props.navigateFunction;\r\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(isOpen), sidebarOpen = _c[0], setSidebarOpen = _c[1];\r\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(-1), activeSubMenuIndex = _d[0], setActiveSubMenuIndex = _d[1];\r\n    var sidebarClasses = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_a = {},\r\n        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarClosed] = !sidebarOpen,\r\n        _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebar);\r\n    var toggleSidebar = function () {\r\n        setSidebarOpen(!sidebarOpen);\r\n    };\r\n    var toggleSubMenu = function (index) {\r\n        setActiveSubMenuIndex(activeSubMenuIndex === index ? -1 : index);\r\n    };\r\n    var isLinkActive = function (link) {\r\n        if (link.sublinks) {\r\n            return link.sublinks.some(function (sublink) { return sublink.active; });\r\n        }\r\n        return link.active;\r\n    };\r\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: sidebarClasses }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].toggle, onClick: toggleSidebar }, { children: sidebarOpen ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {}) })), links &&\r\n                links.map(function (link, index) {\r\n                    var _a;\r\n                    var label = link.label, targetRoute = link.targetRoute, icon = link.icon, sublinks = link.sublinks;\r\n                    var isActive = isLinkActive(link);\r\n                    var isActiveSubMenu = activeSubMenuIndex === index;\r\n                    var sidebarItemClasses = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_a = {},\r\n                        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarItemActive] = isActive,\r\n                        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarHasIcon] = icon,\r\n                        _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarItem);\r\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: sidebarItemClasses, onClick: function () {\r\n                            if (sublinks) {\r\n                                toggleSubMenu(index);\r\n                            }\r\n                            else {\r\n                                navigateFunction(targetRoute);\r\n                            }\r\n                        }, onMouseEnter: function () { return toggleSubMenu(index); }, onMouseLeave: function () { return toggleSubMenu(-1); } }, { children: [icon ? (sidebarOpen ? label : icon) : label, sublinks && isActiveSubMenu && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"\".concat(sidebarOpen ? _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].subMenu : '') }, { children: sublinks.map(function (sublink, subindex) {\r\n                                    var _a;\r\n                                    var subLabel = sublink.label, subTargetRoute = sublink.targetRoute, subActive = sublink.active, subIcon = sublink.icon;\r\n                                    var subLinkClasses = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_a = {},\r\n                                        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarItemActive] = subActive,\r\n                                        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarHasIcon] = icon,\r\n                                        _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].subMenuItem);\r\n                                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarItem, \" \").concat(subLinkClasses), onClick: function () { return navigateFunction(subTargetRoute); } }, { children: subIcon ? (sidebarOpen ? subLabel : subIcon) : (sidebarOpen ? subLabel : subLabel.charAt(0)) }), subindex));\r\n                                }) })))] }), index));\r\n                })] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9TaWRlYmFyL2luZGV4LnRzeC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL1NpZGViYXIvaW5kZXgudHN4PzQyOWQiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xyXG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcclxuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcclxuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcclxuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxyXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiB0O1xyXG4gICAgfTtcclxuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xyXG59O1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcclxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XHJcbmltcG9ydCB7IERvdWJsZUxlZnRPdXRsaW5lZCwgRG91YmxlUmlnaHRPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zJztcclxuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmV4cG9ydCB2YXIgU2lkZWJhciA9IGZ1bmN0aW9uIChwcm9wcykge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgdmFyIF9iID0gcHJvcHMuaXNPcGVuLCBpc09wZW4gPSBfYiA9PT0gdm9pZCAwID8gZmFsc2UgOiBfYiwgbGlua3MgPSBwcm9wcy5saW5rcywgbmF2aWdhdGVGdW5jdGlvbiA9IHByb3BzLm5hdmlnYXRlRnVuY3Rpb247XHJcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZShpc09wZW4pLCBzaWRlYmFyT3BlbiA9IF9jWzBdLCBzZXRTaWRlYmFyT3BlbiA9IF9jWzFdO1xyXG4gICAgdmFyIF9kID0gdXNlU3RhdGUoLTEpLCBhY3RpdmVTdWJNZW51SW5kZXggPSBfZFswXSwgc2V0QWN0aXZlU3ViTWVudUluZGV4ID0gX2RbMV07XHJcbiAgICB2YXIgc2lkZWJhckNsYXNzZXMgPSBjbGFzc05hbWVzKChfYSA9IHt9LFxyXG4gICAgICAgIF9hW3N0eWxlcy5zaWRlYmFyQ2xvc2VkXSA9ICFzaWRlYmFyT3BlbixcclxuICAgICAgICBfYSksIHN0eWxlcy5zaWRlYmFyKTtcclxuICAgIHZhciB0b2dnbGVTaWRlYmFyID0gZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIHNldFNpZGViYXJPcGVuKCFzaWRlYmFyT3Blbik7XHJcbiAgICB9O1xyXG4gICAgdmFyIHRvZ2dsZVN1Yk1lbnUgPSBmdW5jdGlvbiAoaW5kZXgpIHtcclxuICAgICAgICBzZXRBY3RpdmVTdWJNZW51SW5kZXgoYWN0aXZlU3ViTWVudUluZGV4ID09PSBpbmRleCA/IC0xIDogaW5kZXgpO1xyXG4gICAgfTtcclxuICAgIHZhciBpc0xpbmtBY3RpdmUgPSBmdW5jdGlvbiAobGluaykge1xyXG4gICAgICAgIGlmIChsaW5rLnN1YmxpbmtzKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBsaW5rLnN1YmxpbmtzLnNvbWUoZnVuY3Rpb24gKHN1YmxpbmspIHsgcmV0dXJuIHN1YmxpbmsuYWN0aXZlOyB9KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuIGxpbmsuYWN0aXZlO1xyXG4gICAgfTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHNpZGViYXJDbGFzc2VzIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudG9nZ2xlLCBvbkNsaWNrOiB0b2dnbGVTaWRlYmFyIH0sIHsgY2hpbGRyZW46IHNpZGViYXJPcGVuID8gX2pzeChEb3VibGVSaWdodE91dGxpbmVkLCB7fSkgOiBfanN4KERvdWJsZUxlZnRPdXRsaW5lZCwge30pIH0pKSwgbGlua3MgJiZcclxuICAgICAgICAgICAgICAgIGxpbmtzLm1hcChmdW5jdGlvbiAobGluaywgaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIGxhYmVsID0gbGluay5sYWJlbCwgdGFyZ2V0Um91dGUgPSBsaW5rLnRhcmdldFJvdXRlLCBpY29uID0gbGluay5pY29uLCBzdWJsaW5rcyA9IGxpbmsuc3VibGlua3M7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIGlzQWN0aXZlID0gaXNMaW5rQWN0aXZlKGxpbmspO1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBpc0FjdGl2ZVN1Yk1lbnUgPSBhY3RpdmVTdWJNZW51SW5kZXggPT09IGluZGV4O1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBzaWRlYmFySXRlbUNsYXNzZXMgPSBjbGFzc05hbWVzKChfYSA9IHt9LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBfYVtzdHlsZXMuc2lkZWJhckl0ZW1BY3RpdmVdID0gaXNBY3RpdmUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIF9hW3N0eWxlcy5zaWRlYmFySGFzSWNvbl0gPSBpY29uLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBfYSksIHN0eWxlcy5zaWRlYmFySXRlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc2lkZWJhckl0ZW1DbGFzc2VzLCBvbkNsaWNrOiBmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoc3VibGlua3MpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b2dnbGVTdWJNZW51KGluZGV4KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hdmlnYXRlRnVuY3Rpb24odGFyZ2V0Um91dGUpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBvbk1vdXNlRW50ZXI6IGZ1bmN0aW9uICgpIHsgcmV0dXJuIHRvZ2dsZVN1Yk1lbnUoaW5kZXgpOyB9LCBvbk1vdXNlTGVhdmU6IGZ1bmN0aW9uICgpIHsgcmV0dXJuIHRvZ2dsZVN1Yk1lbnUoLTEpOyB9IH0sIHsgY2hpbGRyZW46IFtpY29uID8gKHNpZGViYXJPcGVuID8gbGFiZWwgOiBpY29uKSA6IGxhYmVsLCBzdWJsaW5rcyAmJiBpc0FjdGl2ZVN1Yk1lbnUgJiYgKF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IFwiXCIuY29uY2F0KHNpZGViYXJPcGVuID8gc3R5bGVzLnN1Yk1lbnUgOiAnJykgfSwgeyBjaGlsZHJlbjogc3VibGlua3MubWFwKGZ1bmN0aW9uIChzdWJsaW5rLCBzdWJpbmRleCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBzdWJMYWJlbCA9IHN1YmxpbmsubGFiZWwsIHN1YlRhcmdldFJvdXRlID0gc3VibGluay50YXJnZXRSb3V0ZSwgc3ViQWN0aXZlID0gc3VibGluay5hY3RpdmUsIHN1Ykljb24gPSBzdWJsaW5rLmljb247XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBzdWJMaW5rQ2xhc3NlcyA9IGNsYXNzTmFtZXMoKF9hID0ge30sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBfYVtzdHlsZXMuc2lkZWJhckl0ZW1BY3RpdmVdID0gc3ViQWN0aXZlLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgX2Fbc3R5bGVzLnNpZGViYXJIYXNJY29uXSA9IGljb24sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBfYSksIHN0eWxlcy5zdWJNZW51SXRlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogXCJcIi5jb25jYXQoc3R5bGVzLnNpZGViYXJJdGVtLCBcIiBcIikuY29uY2F0KHN1YkxpbmtDbGFzc2VzKSwgb25DbGljazogZnVuY3Rpb24gKCkgeyByZXR1cm4gbmF2aWdhdGVGdW5jdGlvbihzdWJUYXJnZXRSb3V0ZSk7IH0gfSwgeyBjaGlsZHJlbjogc3ViSWNvbiA/IChzaWRlYmFyT3BlbiA/IHN1YkxhYmVsIDogc3ViSWNvbikgOiAoc2lkZWJhck9wZW4gPyBzdWJMYWJlbCA6IHN1YkxhYmVsLmNoYXJBdCgwKSkgfSksIHN1YmluZGV4KSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSkpKV0gfSksIGluZGV4KSk7XHJcbiAgICAgICAgICAgICAgICB9KV0gfSkpKTtcclxufTtcclxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Sidebar/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Sidebar\": function() { return /* binding */ Sidebar; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Sidebar/styles.module.scss\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/DoubleRightOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/DoubleLeftOutlined.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\nvar __assign = (undefined && undefined.__assign) || function () {\r\n    __assign = Object.assign || function(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n                t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\r\n\r\n\r\n\r\n\r\n\r\nvar Sidebar = function (props) {\r\n    var _a;\r\n    var _b = props.isOpen, isOpen = _b === void 0 ? false : _b, links = props.links, navigateFunction = props.navigateFunction;\r\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(isOpen), sidebarOpen = _c[0], setSidebarOpen = _c[1];\r\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(-1), activeSubMenuIndex = _d[0], setActiveSubMenuIndex = _d[1];\r\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false), isMobile = _e[0], setIsMobile = _e[1];\r\n    (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {\r\n        var handleResize = function () {\r\n            setIsMobile(window.innerWidth <= 768); // Altere a largura máxima para se adequar ao seu design responsivo\r\n        };\r\n        window.addEventListener('resize', handleResize);\r\n        handleResize();\r\n        return function () {\r\n            window.removeEventListener('resize', handleResize);\r\n        };\r\n    }, []);\r\n    var sidebarClasses = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_a = {},\r\n        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarClosed] = !sidebarOpen,\r\n        _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebar);\r\n    var toggleSidebar = function () {\r\n        if (!isMobile) {\r\n            setSidebarOpen(!sidebarOpen);\r\n        }\r\n    };\r\n    var toggleSubMenu = function (index) {\r\n        setActiveSubMenuIndex(activeSubMenuIndex === index ? -1 : index);\r\n    };\r\n    var isLinkActive = function (link) {\r\n        if (link.sublinks) {\r\n            return link.sublinks.some(function (sublink) { return sublink.active; });\r\n        }\r\n        return link.active;\r\n    };\r\n    (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {\r\n        if (isMobile) {\r\n            setSidebarOpen(false);\r\n        }\r\n    }, [isMobile]);\r\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: sidebarClasses }, { children: [!isMobile && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].toggle, onClick: toggleSidebar }, { children: sidebarOpen ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {}) }))), links &&\r\n                links.map(function (link, index) {\r\n                    var _a;\r\n                    var label = link.label, targetRoute = link.targetRoute, icon = link.icon, sublinks = link.sublinks;\r\n                    var isActive = isLinkActive(link);\r\n                    var isActiveSubMenu = activeSubMenuIndex === index;\r\n                    var sidebarItemClasses = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_a = {},\r\n                        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarItemActive] = isActive,\r\n                        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarHasIcon] = icon,\r\n                        _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarItem);\r\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: sidebarItemClasses, onClick: function () {\r\n                            if (sublinks) {\r\n                                toggleSubMenu(index);\r\n                            }\r\n                            else {\r\n                                navigateFunction(targetRoute);\r\n                            }\r\n                        }, onMouseEnter: function () { return toggleSubMenu(index); }, onMouseLeave: function () { return toggleSubMenu(-1); } }, { children: [icon ? (sidebarOpen ? label : icon) : label, sublinks && isActiveSubMenu && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"\".concat(sidebarOpen ? _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].subMenu : '') }, { children: sublinks.map(function (sublink, subindex) {\r\n                                    var _a;\r\n                                    var subLabel = sublink.label, subTargetRoute = sublink.targetRoute, subActive = sublink.active, subIcon = sublink.icon;\r\n                                    var subLinkClasses = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_a = {},\r\n                                        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarItemActive] = subActive,\r\n                                        _a[_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarHasIcon] = icon,\r\n                                        _a), _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].subMenuItem);\r\n                                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"\".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarItem, \" \").concat(subLinkClasses), onClick: function () { return navigateFunction(subTargetRoute); } }, { children: subIcon ? (sidebarOpen ? subLabel : subIcon) : (sidebarOpen ? subLabel : subLabel.charAt(0)) }), subindex));\r\n                                }) })))] }), index));\r\n                })] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9TaWRlYmFyL2luZGV4LnRzeC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL1NpZGViYXIvaW5kZXgudHN4PzQyOWQiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xyXG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcclxuICAgICAgICBmb3IgKHZhciBzLCBpID0gMSwgbiA9IGFyZ3VtZW50cy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcclxuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcclxuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxyXG4gICAgICAgICAgICAgICAgdFtwXSA9IHNbcF07XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiB0O1xyXG4gICAgfTtcclxuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xyXG59O1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcclxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XHJcbmltcG9ydCB7IERvdWJsZUxlZnRPdXRsaW5lZCwgRG91YmxlUmlnaHRPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zJztcclxuaW1wb3J0IHsgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcclxuZXhwb3J0IHZhciBTaWRlYmFyID0gZnVuY3Rpb24gKHByb3BzKSB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICB2YXIgX2IgPSBwcm9wcy5pc09wZW4sIGlzT3BlbiA9IF9iID09PSB2b2lkIDAgPyBmYWxzZSA6IF9iLCBsaW5rcyA9IHByb3BzLmxpbmtzLCBuYXZpZ2F0ZUZ1bmN0aW9uID0gcHJvcHMubmF2aWdhdGVGdW5jdGlvbjtcclxuICAgIHZhciBfYyA9IHVzZVN0YXRlKGlzT3BlbiksIHNpZGViYXJPcGVuID0gX2NbMF0sIHNldFNpZGViYXJPcGVuID0gX2NbMV07XHJcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZSgtMSksIGFjdGl2ZVN1Yk1lbnVJbmRleCA9IF9kWzBdLCBzZXRBY3RpdmVTdWJNZW51SW5kZXggPSBfZFsxXTtcclxuICAgIHZhciBfZSA9IHVzZVN0YXRlKGZhbHNlKSwgaXNNb2JpbGUgPSBfZVswXSwgc2V0SXNNb2JpbGUgPSBfZVsxXTtcclxuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgdmFyIGhhbmRsZVJlc2l6ZSA9IGZ1bmN0aW9uICgpIHtcclxuICAgICAgICAgICAgc2V0SXNNb2JpbGUod2luZG93LmlubmVyV2lkdGggPD0gNzY4KTsgLy8gQWx0ZXJlIGEgbGFyZ3VyYSBtw6F4aW1hIHBhcmEgc2UgYWRlcXVhciBhbyBzZXUgZGVzaWduIHJlc3BvbnNpdm9cclxuICAgICAgICB9O1xyXG4gICAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBoYW5kbGVSZXNpemUpO1xyXG4gICAgICAgIGhhbmRsZVJlc2l6ZSgpO1xyXG4gICAgICAgIHJldHVybiBmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBoYW5kbGVSZXNpemUpO1xyXG4gICAgICAgIH07XHJcbiAgICB9LCBbXSk7XHJcbiAgICB2YXIgc2lkZWJhckNsYXNzZXMgPSBjbGFzc05hbWVzKChfYSA9IHt9LFxyXG4gICAgICAgIF9hW3N0eWxlcy5zaWRlYmFyQ2xvc2VkXSA9ICFzaWRlYmFyT3BlbixcclxuICAgICAgICBfYSksIHN0eWxlcy5zaWRlYmFyKTtcclxuICAgIHZhciB0b2dnbGVTaWRlYmFyID0gZnVuY3Rpb24gKCkge1xyXG4gICAgICAgIGlmICghaXNNb2JpbGUpIHtcclxuICAgICAgICAgICAgc2V0U2lkZWJhck9wZW4oIXNpZGViYXJPcGVuKTtcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIHRvZ2dsZVN1Yk1lbnUgPSBmdW5jdGlvbiAoaW5kZXgpIHtcclxuICAgICAgICBzZXRBY3RpdmVTdWJNZW51SW5kZXgoYWN0aXZlU3ViTWVudUluZGV4ID09PSBpbmRleCA/IC0xIDogaW5kZXgpO1xyXG4gICAgfTtcclxuICAgIHZhciBpc0xpbmtBY3RpdmUgPSBmdW5jdGlvbiAobGluaykge1xyXG4gICAgICAgIGlmIChsaW5rLnN1YmxpbmtzKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBsaW5rLnN1YmxpbmtzLnNvbWUoZnVuY3Rpb24gKHN1YmxpbmspIHsgcmV0dXJuIHN1YmxpbmsuYWN0aXZlOyB9KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuIGxpbmsuYWN0aXZlO1xyXG4gICAgfTtcclxuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgaWYgKGlzTW9iaWxlKSB7XHJcbiAgICAgICAgICAgIHNldFNpZGViYXJPcGVuKGZhbHNlKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNNb2JpbGVdKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHNpZGViYXJDbGFzc2VzIH0sIHsgY2hpbGRyZW46IFshaXNNb2JpbGUgJiYgKF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50b2dnbGUsIG9uQ2xpY2s6IHRvZ2dsZVNpZGViYXIgfSwgeyBjaGlsZHJlbjogc2lkZWJhck9wZW4gPyBfanN4KERvdWJsZVJpZ2h0T3V0bGluZWQsIHt9KSA6IF9qc3goRG91YmxlTGVmdE91dGxpbmVkLCB7fSkgfSkpKSwgbGlua3MgJiZcclxuICAgICAgICAgICAgICAgIGxpbmtzLm1hcChmdW5jdGlvbiAobGluaywgaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIGxhYmVsID0gbGluay5sYWJlbCwgdGFyZ2V0Um91dGUgPSBsaW5rLnRhcmdldFJvdXRlLCBpY29uID0gbGluay5pY29uLCBzdWJsaW5rcyA9IGxpbmsuc3VibGlua3M7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIGlzQWN0aXZlID0gaXNMaW5rQWN0aXZlKGxpbmspO1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBpc0FjdGl2ZVN1Yk1lbnUgPSBhY3RpdmVTdWJNZW51SW5kZXggPT09IGluZGV4O1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBzaWRlYmFySXRlbUNsYXNzZXMgPSBjbGFzc05hbWVzKChfYSA9IHt9LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBfYVtzdHlsZXMuc2lkZWJhckl0ZW1BY3RpdmVdID0gaXNBY3RpdmUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIF9hW3N0eWxlcy5zaWRlYmFySGFzSWNvbl0gPSBpY29uLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBfYSksIHN0eWxlcy5zaWRlYmFySXRlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc2lkZWJhckl0ZW1DbGFzc2VzLCBvbkNsaWNrOiBmdW5jdGlvbiAoKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoc3VibGlua3MpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b2dnbGVTdWJNZW51KGluZGV4KTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hdmlnYXRlRnVuY3Rpb24odGFyZ2V0Um91dGUpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBvbk1vdXNlRW50ZXI6IGZ1bmN0aW9uICgpIHsgcmV0dXJuIHRvZ2dsZVN1Yk1lbnUoaW5kZXgpOyB9LCBvbk1vdXNlTGVhdmU6IGZ1bmN0aW9uICgpIHsgcmV0dXJuIHRvZ2dsZVN1Yk1lbnUoLTEpOyB9IH0sIHsgY2hpbGRyZW46IFtpY29uID8gKHNpZGViYXJPcGVuID8gbGFiZWwgOiBpY29uKSA6IGxhYmVsLCBzdWJsaW5rcyAmJiBpc0FjdGl2ZVN1Yk1lbnUgJiYgKF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IFwiXCIuY29uY2F0KHNpZGViYXJPcGVuID8gc3R5bGVzLnN1Yk1lbnUgOiAnJykgfSwgeyBjaGlsZHJlbjogc3VibGlua3MubWFwKGZ1bmN0aW9uIChzdWJsaW5rLCBzdWJpbmRleCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBzdWJMYWJlbCA9IHN1YmxpbmsubGFiZWwsIHN1YlRhcmdldFJvdXRlID0gc3VibGluay50YXJnZXRSb3V0ZSwgc3ViQWN0aXZlID0gc3VibGluay5hY3RpdmUsIHN1Ykljb24gPSBzdWJsaW5rLmljb247XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBzdWJMaW5rQ2xhc3NlcyA9IGNsYXNzTmFtZXMoKF9hID0ge30sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBfYVtzdHlsZXMuc2lkZWJhckl0ZW1BY3RpdmVdID0gc3ViQWN0aXZlLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgX2Fbc3R5bGVzLnNpZGViYXJIYXNJY29uXSA9IGljb24sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBfYSksIHN0eWxlcy5zdWJNZW51SXRlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogXCJcIi5jb25jYXQoc3R5bGVzLnNpZGViYXJJdGVtLCBcIiBcIikuY29uY2F0KHN1YkxpbmtDbGFzc2VzKSwgb25DbGljazogZnVuY3Rpb24gKCkgeyByZXR1cm4gbmF2aWdhdGVGdW5jdGlvbihzdWJUYXJnZXRSb3V0ZSk7IH0gfSwgeyBjaGlsZHJlbjogc3ViSWNvbiA/IChzaWRlYmFyT3BlbiA/IHN1YkxhYmVsIDogc3ViSWNvbikgOiAoc2lkZWJhck9wZW4gPyBzdWJMYWJlbCA6IHN1YkxhYmVsLmNoYXJBdCgwKSkgfSksIHN1YmluZGV4KSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSkpKV0gfSksIGluZGV4KSk7XHJcbiAgICAgICAgICAgICAgICB9KV0gfSkpKTtcclxufTtcclxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Sidebar/index.tsx\n");
 
 /***/ }),
 

package/dist/main.css

@@ -510,6 +510,7 @@
 /*!****************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Sidebar/styles.module.scss ***!
   \****************************************************************************************************************************************************************/
+@charset "UTF-8";
 .x_X2axa502qG690LM5DM {
   width: 300px;
   max-width: 300px;
@@ -520,20 +521,24 @@
   transition: var(--transition-fast);
   overflow: hidden;
 }
-.x_X2axa502qG690LM5DM.iEepDtDljm_PdBbkR3JA {
+
+.iEepDtDljm_PdBbkR3JA {
   max-width: 100px;
   width: 100px;
   overflow: hidden;
 }
-.x_X2axa502qG690LM5DM.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5 {
+
+.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5 {
   font-size: 0;
   transition: 0;
   padding-left: 42px;
 }
-.x_X2axa502qG690LM5DM.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5:first-letter {
+
+.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5:first-letter {
   font-size: var(--font-size-body-4);
 }
-.x_X2axa502qG690LM5DM.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd {
+
+.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd {
   font-size: 24px;
   padding-left: 35px;
 }
@@ -547,6 +552,7 @@
   white-space: nowrap;
   cursor: pointer;
 }
+
 .dcC_pqHYFgU16huYkWP5:after {
   content: "";
   position: absolute;
@@ -574,6 +580,7 @@
   z-index: 1;
   cursor: pointer;
 }
+
 .ULIAFOHHnjA6viVps4dE > * {
   font-size: var(--font-size-body-5);
 }
@@ -590,6 +597,22 @@
   font-weight: var(--font-weight-semibold);
   cursor: pointer;
 }
+
+/* Estilos para dispositivos móveis */
+@media (max-width: 768px) {
+  .x_X2axa502qG690LM5DM {
+    width: 50px;
+    max-width: 50px;
+    padding: 12px;
+  }
+  .iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5 {
+    padding: 12px 12px 12px 16px;
+  }
+  .iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd {
+    font-size: 20px;
+    padding-left: 12px;
+  }
+}
 /*!***************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Switch/styles.module.scss ***!
   \***************************************************************************************************************************************************************/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.0.92",
+  "version": "1.0.93",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Sidebar/index.tsx

@@ -1,104 +1,127 @@
 import styles from './styles.module.scss';
 import classNames from 'classnames';
 import { DoubleLeftOutlined, DoubleRightOutlined } from '@ant-design/icons';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 
 export interface Links {
-    label: string;
-    targetRoute: string;
-    active: boolean;
-    icon?: React.ReactNode;
-    sublinks?: Links[];
-    activeSubMenu?: boolean;
+  label: string;
+  targetRoute: string;
+  active: boolean;
+  icon?: React.ReactNode;
+  sublinks?: Links[];
+  activeSubMenu?: boolean;
 }
 
 export interface SidebarProps {
-    isOpen?: boolean;
-    links: Links[];
-    navigateFunction: (targetRoute: string) => void;
+  isOpen?: boolean;
+  links: Links[];
+  navigateFunction: (targetRoute: string) => void;
 }
 
 export const Sidebar = (props: SidebarProps) => {
-    const { isOpen = false, links, navigateFunction } = props;
-    const [sidebarOpen, setSidebarOpen] = useState<boolean>(isOpen);
-    const [activeSubMenuIndex, setActiveSubMenuIndex] = useState<number>(-1);
-  
-    const sidebarClasses = classNames({
-      [styles.sidebarClosed]: !sidebarOpen,
-    }, styles.sidebar);
-  
-    const toggleSidebar = () => {
+  const { isOpen = false, links, navigateFunction } = props;
+  const [sidebarOpen, setSidebarOpen] = useState<boolean>(isOpen);
+  const [activeSubMenuIndex, setActiveSubMenuIndex] = useState<number>(-1);
+  const [isMobile, setIsMobile] = useState<boolean>(false);
+
+  useEffect(() => {
+    const handleResize = () => {
+      setIsMobile(window.innerWidth <= 768); // Altere a largura máxima para se adequar ao seu design responsivo
+    };
+
+    window.addEventListener('resize', handleResize);
+    handleResize();
+
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+
+  const sidebarClasses = classNames({
+    [styles.sidebarClosed]: !sidebarOpen,
+  }, styles.sidebar);
+
+  const toggleSidebar = () => {
+    if (!isMobile) {
       setSidebarOpen(!sidebarOpen);
     }
-  
-    const toggleSubMenu = (index: number) => {
-      setActiveSubMenuIndex(activeSubMenuIndex === index ? -1 : index);
+  };
+
+  const toggleSubMenu = (index: number) => {
+    setActiveSubMenuIndex(activeSubMenuIndex === index ? -1 : index);
+  };
+
+  const isLinkActive = (link: Links) => {
+    if (link.sublinks) {
+      return link.sublinks.some(sublink => sublink.active);
     }
-  
-    const isLinkActive = (link: Links) => {
-      if (link.sublinks) {
-        return link.sublinks.some(sublink => sublink.active);
-      }
-      return link.active;
+    return link.active;
+  };
+
+  useEffect(() => {
+    if (isMobile) {
+      setSidebarOpen(false);
     }
-  
-    return (
-      <div className={sidebarClasses}>
+  }, [isMobile]);
+
+  return (
+    <div className={sidebarClasses}>
+      {!isMobile && (
         <div className={styles.toggle} onClick={toggleSidebar}>
           {sidebarOpen ? <DoubleRightOutlined /> : <DoubleLeftOutlined />}
         </div>
-        {links &&
-          links.map((link: Links, index: number) => {
-            const { label, targetRoute, icon, sublinks } = link;
-            const isActive = isLinkActive(link);
-            const isActiveSubMenu = activeSubMenuIndex === index;
-  
-            const sidebarItemClasses = classNames({
-              [styles.sidebarItemActive]: isActive,
-              [styles.sidebarHasIcon]: icon
-            }, styles.sidebarItem);
-  
-            return (
-              <div
-                className={sidebarItemClasses}
-                onClick={() => {
-                  if (sublinks) {
-                    toggleSubMenu(index);
-                  } else {
-                    navigateFunction(targetRoute);
-                  }
-                }}
-                onMouseEnter={() => toggleSubMenu(index)}
-                onMouseLeave={() => toggleSubMenu(-1)}
-                key={index}
-              >
-                {icon ? (sidebarOpen ? label : icon) : label}
-                {sublinks && isActiveSubMenu && (
-                  <div className={`${sidebarOpen ? styles.subMenu : ''}`}>
-                    {sublinks.map((sublink: Links, subindex: number) => {
-                      const { label: subLabel, targetRoute: subTargetRoute, active: subActive, icon: subIcon } = sublink;
-
-                      const subLinkClasses = classNames({
-                        [styles.sidebarItemActive]: subActive,
-                        [styles.sidebarHasIcon]: icon,
-                      }, styles.subMenuItem);
-  
-                      return (
-                        <div
-                          className={`${styles.sidebarItem} ${subLinkClasses}`}
-                          onClick={() => navigateFunction(subTargetRoute)}
-                          key={subindex}
-                        >
-                          {subIcon ? (sidebarOpen ? subLabel : subIcon) : (sidebarOpen ? subLabel : subLabel.charAt(0))}
-                        </div>
-                      );
-                    })}
-                  </div>
-                )}
-              </div>
-            );
-          })}
-      </div>
-    );
-  };  
-  
+      )}
+      {links &&
+        links.map((link: Links, index: number) => {
+          const { label, targetRoute, icon, sublinks } = link;
+          const isActive = isLinkActive(link);
+          const isActiveSubMenu = activeSubMenuIndex === index;
+
+          const sidebarItemClasses = classNames({
+            [styles.sidebarItemActive]: isActive,
+            [styles.sidebarHasIcon]: icon
+          }, styles.sidebarItem);
+
+          return (
+            <div
+              className={sidebarItemClasses}
+              onClick={() => {
+                if (sublinks) {
+                  toggleSubMenu(index);
+                } else {
+                  navigateFunction(targetRoute);
+                }
+              }}
+              onMouseEnter={() => toggleSubMenu(index)}
+              onMouseLeave={() => toggleSubMenu(-1)}
+              key={index}
+            >
+              {icon ? (sidebarOpen ? label : icon) : label}
+              {sublinks && isActiveSubMenu && (
+                <div className={`${sidebarOpen ? styles.subMenu : ''}`}>
+                  {sublinks.map((sublink: Links, subindex: number) => {
+                    const { label: subLabel, targetRoute: subTargetRoute, active: subActive, icon: subIcon } = sublink;
+
+                    const subLinkClasses = classNames({
+                      [styles.sidebarItemActive]: subActive,
+                      [styles.sidebarHasIcon]: icon,
+                    }, styles.subMenuItem);
+
+                    return (
+                      <div
+                        className={`${styles.sidebarItem} ${subLinkClasses}`}
+                        onClick={() => navigateFunction(subTargetRoute)}
+                        key={subindex}
+                      >
+                        {subIcon ? (sidebarOpen ? subLabel : subIcon) : (sidebarOpen ? subLabel : subLabel.charAt(0))}
+                      </div>
+                    );
+                  })}
+                </div>
+              )}
+            </div>
+          );
+        })}
+    </div>
+  );
+};

package/src/components/Sidebar/styles.module.scss

@@ -7,27 +7,27 @@
     position: relative;
     transition: var(--transition-fast);
     overflow: hidden;
+}
 
-    &.sidebarClosed {
-        max-width: 100px;
-        width: 100px;
-        overflow: hidden;
+.sidebarClosed {
+    max-width: 100px;
+    width: 100px;
+    overflow: hidden;
+}
 
-        .sidebarItem {
-            font-size: 0;
-            transition: 0;
-            padding-left: 42px;
+.sidebarClosed .sidebarItem {
+    font-size: 0;
+    transition: 0;
+    padding-left: 42px;
+}
 
-            &:first-letter {
-                font-size: var(--font-size-body-4);
-            }
-        }
+.sidebarClosed .sidebarItem:first-letter {
+    font-size: var(--font-size-body-4);
+}
 
-        .sidebarHasIcon {
-            font-size: 24px;
-            padding-left: 35px;
-        }
-    }
+.sidebarClosed .sidebarHasIcon {
+    font-size: 24px;
+    padding-left: 35px;
 }
 
 .sidebarItem {
@@ -38,25 +38,25 @@
     position: relative;
     white-space: nowrap;
     cursor: pointer;
+}
 
-    &:after {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        height: 1px;
-        width: 100%;
-        background-color: var(--color-orange);
-        transform: scaleY(.5);
-    }
-} 
+.sidebarItem:after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 1px;
+    width: 100%;
+    background-color: var(--color-orange);
+    transform: scaleY(.5);
+}
 
 .sidebarItemActive {
     color: var(--color-orange) !important;
 }
 
 .toggle {
-    position: absolute; 
+    position: absolute;
     top: 12px;
     right: 24px;
     width: 24px;
@@ -66,10 +66,10 @@
     justify-content: center;
     z-index: 1;
     cursor: pointer;
+}
 
-    > * {
-        font-size: var(--font-size-body-5);
-    }
+.toggle>* {
+    font-size: var(--font-size-body-5);
 }
 
 .subMenu {
@@ -83,4 +83,23 @@
     margin-top: 8px;
     font-weight: var(--font-weight-semibold);
     cursor: pointer;
+}
+
+/* Estilos para dispositivos móveis */
+
+@media (max-width: 768px) {
+    .sidebar {
+        width: 50px;
+        max-width: 50px;
+        padding: 12px;
+    }
+
+    .sidebarClosed .sidebarItem {
+        padding: 12px 12px 12px 16px;
+    }
+
+    .sidebarClosed .sidebarHasIcon {
+        font-size: 20px;
+        padding-left: 12px;
+    }
 }