infinity-forge 1.3.5 → 1.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/system/presentation/components/layout/component.js +5 -3
- package/dist/system/presentation/components/layout/component.js.map +1 -1
- package/dist/system/presentation/components/layout/header/version-01/index.js +5 -5
- package/dist/system/presentation/components/layout/header/version-01/index.js.map +1 -1
- package/dist/system/presentation/components/layout/header/version-01/styles.js +1 -1
- package/dist/system/presentation/components/layout/header/version-01/styles.js.map +1 -1
- package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/index.d.ts +1 -0
- package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/index.js +46 -0
- package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/index.js.map +1 -0
- package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/styles.d.ts +4 -0
- package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/styles.js +15 -0
- package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/styles.js.map +1 -0
- package/dist/system/presentation/components/layout/sidebar-menu/components/menu-item/index.d.ts +4 -0
- package/dist/system/presentation/components/layout/sidebar-menu/components/menu-item/index.js +49 -0
- package/dist/system/presentation/components/layout/sidebar-menu/components/menu-item/index.js.map +1 -0
- package/dist/system/presentation/components/layout/sidebar-menu/index.d.ts +0 -4
- package/dist/system/presentation/components/layout/sidebar-menu/index.js +14 -56
- package/dist/system/presentation/components/layout/sidebar-menu/index.js.map +1 -1
- package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/index.d.ts +1 -0
- package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/index.js +42 -0
- package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/index.js.map +1 -0
- package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/styles.d.ts +7 -0
- package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/styles.js +16 -0
- package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/styles.js.map +1 -0
- package/dist/system/presentation/components/layout/sidebar-menu/styles.d.ts +0 -1
- package/dist/system/presentation/components/layout/sidebar-menu/styles.js +4 -5
- package/dist/system/presentation/components/layout/sidebar-menu/styles.js.map +1 -1
- package/dist/system/presentation/components/layout/styles.d.ts +2 -1
- package/dist/system/presentation/components/layout/styles.js +10 -1
- package/dist/system/presentation/components/layout/styles.js.map +1 -1
- package/dist/system/presentation/context/auth/components/private-page/index.js +4 -7
- package/dist/system/presentation/context/auth/components/private-page/index.js.map +1 -1
- package/dist/system/presentation/context/menu/interfaces.d.ts +1 -1
- package/package.json +1 -1
|
@@ -37,12 +37,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
37
37
|
exports.Layout = void 0;
|
|
38
38
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
39
|
var header_1 = require("./header/index.js");
|
|
40
|
+
var context_1 = require("../../context/index.js");
|
|
40
41
|
var sidebar_menu_1 = require("./sidebar-menu/index.js");
|
|
41
|
-
var ui_1 = require("../../../../ui/index.js");
|
|
42
42
|
var S = __importStar(require("./styles.js"));
|
|
43
43
|
function Layout(props) {
|
|
44
|
-
var
|
|
45
|
-
|
|
44
|
+
var settings = (0, context_1.useMenu)().settings;
|
|
45
|
+
var isAutoAuto = (settings.mode === 'auto' || settings.mode === 'regular') && settings.position === 'auto';
|
|
46
|
+
var asideWidth = isAutoAuto ? 'max-content' : '65px';
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)(S.Layout, { "$isInternalSidebar": (settings === null || settings === void 0 ? void 0 : settings.position) === 'internal', "$sideBarWidth": asideWidth, children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsx)(sidebar_menu_1.SidebarMenu, {}), props.children && (0, jsx_runtime_1.jsx)("main", { className: 'hasMenu', children: props.children })] }));
|
|
46
48
|
}
|
|
47
49
|
exports.Layout = Layout;
|
|
48
50
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,yCAAuC;AACvC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IAC3B,IAAA,QAAQ,GAAK,IAAA,iBAAO,GAAE,SAAd,CAAc;IAC9B,IAAM,UAAU,GAAG,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAA;IAE5G,IAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAA;IAEtD,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,0BAAqB,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,MAAK,UAAU,mBAAiB,UAAU,aACxF,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,uBAAC,0BAAW,KAAG,EAEd,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAC3D,CACZ,CAAA;AACH,CAAC;AAfD,wBAeC"}
|
|
@@ -36,11 +36,11 @@ var S = __importStar(require("./styles.js"));
|
|
|
36
36
|
function HeaderVersion01(_a) {
|
|
37
37
|
var workspaces = _a.workspaces, logo = _a.logo;
|
|
38
38
|
var _b = (0, context_1.useMenu)(), settings = _b.settings, setOpenMenu = _b.setOpenMenu;
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsx)(S.HeaderVersion01, { id: 'header', children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'left', children: (0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'logo', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: (logo === null || logo === void 0 ? void 0 : logo.href) || '/', children: (0, jsx_runtime_1.jsx)("img", { src: (logo === null || logo === void 0 ? void 0 : logo.src) || '/images/logo.png', alt: 'header-logo' }) }) }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [
|
|
39
|
+
var isRegularMenu = settings.mode === 'regular' || settings.mode === 'auto';
|
|
40
|
+
var isInternal = settings.position === 'internal';
|
|
41
|
+
var isCollapsed = settings.mode === 'collapsed';
|
|
42
|
+
var hasHamburger = (isRegularMenu && settings.position !== 'auto') || (isCollapsed && isInternal);
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsx)(S.HeaderVersion01, { id: 'header', children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'left', children: (0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'logo', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: (logo === null || logo === void 0 ? void 0 : logo.href) || '/', children: (0, jsx_runtime_1.jsx)("img", { src: (logo === null || logo === void 0 ? void 0 : logo.src) || '/images/logo.png', alt: 'header-logo' }) }) }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [hasHamburger && ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'open_menu_button', children: (0, jsx_runtime_1.jsx)("button", { className: 'open_menu', onClick: function () { return setOpenMenu(true); }, type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', "stroke-width": '2', stroke: 'currentColor', children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M3.75 6.75h16.5M3.75 12H12m-8.25 5.25h16.5' }) }) }) })), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'search_modal', children: (0, jsx_runtime_1.jsx)(components_1.SearchModal, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'menu-right', children: (0, jsx_runtime_1.jsx)(components_1.MenuRight, { workspaces: workspaces }) })] })] }) }) }));
|
|
44
44
|
}
|
|
45
45
|
exports.HeaderVersion01 = HeaderVersion01;
|
|
46
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AACvC,yDAAuD;AAEvD,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1C,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAC3C,IAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AACvC,yDAAuD;AAEvD,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1C,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAC3C,IAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,KAAK,SAAS,IAAI,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAA;IAC7E,IAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,KAAK,UAAU,CAAA;IACnD,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAA;IAEjD,IAAM,YAAY,GAAG,CAAC,aAAa,IAAI,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,CAAA;IAEnG,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,gCAAK,SAAS,EAAC,MAAM,YACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,GAAG,YAC5C,gCAAK,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,kBAAkB,EAAE,GAAG,EAAC,aAAa,GAAG,GAC1D,GACD,GACJ,GACF,EAEN,iCAAK,SAAS,EAAC,OAAO,aACnB,YAAY,IAAI,CACf,uBAAC,UAAK,IAAC,IAAI,EAAC,kBAAkB,YAC5B,mCAAQ,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAAE,IAAI,EAAC,QAAQ,YAC3E,gCACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,GAAG,EAChB,MAAM,EAAC,cAAc,YAErB,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,4CAA4C,GACxC,GACJ,GACC,GACH,CACT,EAED,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,wBAAW,KAAG,GACT,EAER,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,GAC/B,IACJ,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAvDD,0CAuDC"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.HeaderVersion01 = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n
|
|
12
|
+
exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n z-index: 999;\n top: 0;\n background: ", ";\n padding: 10px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\n\n ", "\n\n .logo-wrapper {\n max-width: 285px;\n }\n\n .logo {\n display: flex;\n width: 100%;\n max-width: 160px;\n\n img {\n object-fit: contain;\n width: 100%;\n height: inherit;\n }\n }\n\n .container {\n display: flex;\n gap: 15px;\n align-items: center;\n\n .left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n width: 100%;\n max-width: 285px;\n width: 285px;\n }\n\n .right {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 15px;\n padding-left: 20px;\n }\n }\n\n button.open_menu {\n padding: 0;\n border: none;\n background: none;\n display: flex;\n height: 24px;\n width: 24px;\n\n svg {\n width: 100%;\n height: auto;\n stroke: #fff;\n }\n }\n\n @media only screen and (max-width: 1700px) {\n .logo-wrapper,\n .container.left {\n max-width: 280px;\n }\n }\n\n @media only screen and (max-width: 1650px) {\n .logo-wrapper,\n .container.left {\n max-width: 275px;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .logo-wrapper,\n .container.left {\n max-width: 270px;\n }\n }\n\n @media only screen and (max-width: 1550px) {\n .logo-wrapper,\n .container.left {\n max-width: 265px;\n }\n }\n\n @media only screen and (max-width: 1500px) {\n .logo-wrapper,\n .container.left {\n max-width: 260px;\n }\n }\n\n @media only screen and (max-width: 1450px) {\n .logo-wrapper,\n .container.left {\n max-width: 255px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .logo-wrapper,\n .container.left {\n max-width: 250px;\n }\n }\n\n @media only screen and (max-width: 1350px) {\n .logo-wrapper,\n .container.left {\n max-width: 245px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .logo-wrapper,\n .container.left {\n max-width: 240px;\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .logo-wrapper {\n max-width: fit-content;\n }\n }\n"], ["\n width: 100%;\n z-index: 999;\n top: 0;\n background: ", ";\n padding: 10px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\n\n ", "\n\n .logo-wrapper {\n max-width: 285px;\n }\n\n .logo {\n display: flex;\n width: 100%;\n max-width: 160px;\n\n img {\n object-fit: contain;\n width: 100%;\n height: inherit;\n }\n }\n\n .container {\n display: flex;\n gap: 15px;\n align-items: center;\n\n .left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n width: 100%;\n max-width: 285px;\n width: 285px;\n }\n\n .right {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 15px;\n padding-left: 20px;\n }\n }\n\n button.open_menu {\n padding: 0;\n border: none;\n background: none;\n display: flex;\n height: 24px;\n width: 24px;\n\n svg {\n width: 100%;\n height: auto;\n stroke: #fff;\n }\n }\n\n @media only screen and (max-width: 1700px) {\n .logo-wrapper,\n .container.left {\n max-width: 280px;\n }\n }\n\n @media only screen and (max-width: 1650px) {\n .logo-wrapper,\n .container.left {\n max-width: 275px;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .logo-wrapper,\n .container.left {\n max-width: 270px;\n }\n }\n\n @media only screen and (max-width: 1550px) {\n .logo-wrapper,\n .container.left {\n max-width: 265px;\n }\n }\n\n @media only screen and (max-width: 1500px) {\n .logo-wrapper,\n .container.left {\n max-width: 260px;\n }\n }\n\n @media only screen and (max-width: 1450px) {\n .logo-wrapper,\n .container.left {\n max-width: 255px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .logo-wrapper,\n .container.left {\n max-width: 250px;\n }\n }\n\n @media only screen and (max-width: 1350px) {\n .logo-wrapper,\n .container.left {\n max-width: 245px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .logo-wrapper,\n .container.left {\n max-width: 240px;\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .logo-wrapper {\n max-width: fit-content;\n }\n }\n"])), function (props) { return props.theme.primaryColor; }, function (props) {
|
|
13
13
|
return props.$hasSidebarButton &&
|
|
14
14
|
"\n .container {\n .left {\n width: fit-content !important;\n }\n\n .right {\n padding-left: 0 !important;\n }\n }\n ";
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,23EAAoB,8DAIhD,EAAmC,yGAK/C,EAYD,6oEA8HF,KA/Ie,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAK/C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,iBAAiB;QACvB,gJAUD;AAXC,CAWD,EA8HF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function CollapsedMenu(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.CollapsedMenu = void 0;
|
|
27
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var context_1 = require("../../../../../../system/presentation/context/index.js");
|
|
29
|
+
var hooks_1 = require("../../../../../../system/presentation/hooks/index.js");
|
|
30
|
+
var ui_1 = require("../../../../../../ui/index.js");
|
|
31
|
+
var menu_item_1 = require("../components/menu-item/index.js");
|
|
32
|
+
var regular_menu_1 = require("../regular-menu/index.js");
|
|
33
|
+
var S = __importStar(require("./styles.js"));
|
|
34
|
+
function CollapsedMenu() {
|
|
35
|
+
var _a;
|
|
36
|
+
var data = (0, hooks_1.useLoadMenu)().data;
|
|
37
|
+
var _b = (0, context_1.useMenu)(), settings = _b.settings, openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
|
|
38
|
+
var expandedMenu = settings.mode === 'collapsed';
|
|
39
|
+
var isInternal = settings.position === 'internal';
|
|
40
|
+
if (isInternal) {
|
|
41
|
+
return (0, jsx_runtime_1.jsx)(regular_menu_1.RegularMenu, {});
|
|
42
|
+
}
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'CollapsedMenu', children: (0, jsx_runtime_1.jsxs)(S.CollapsedMenu, { id: 'sidebar', className: (openMenu ? 'menu expanded' : 'menu') + (expandedMenu ? ' expanded_menu' : ''), children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setOpenMenu(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) }), (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })] }) }));
|
|
44
|
+
}
|
|
45
|
+
exports.CollapsedMenu = CollapsedMenu;
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/sidebar-menu/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAuD;AACvD,qDAAyD;AACzD,2BAAkC;AAElC,qDAAkD;AAClD,gDAA6C;AAE7C,0CAA6B;AAE7B,SAAgB,aAAa;;IACnB,IAAA,IAAI,GAAK,IAAA,mBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAAsC,IAAA,iBAAO,GAAE,EAA7C,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAErD,IAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAA;IAClD,IAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,KAAK,UAAU,CAAA;IAEnD,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,uBAAC,0BAAW,KAAG,CAAA;IACxB,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,wBAAC,CAAC,CAAC,aAAa,IACd,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,aAEzF,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAtB,CAAsB,YAC5E,uBAAC,SAAI,IAAC,IAAI,EAAC,gBAAgB,GAAG,GACvB,EAER,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,oBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJkC,CAIlC,CAAC,IACc,GACZ,CACT,CAAA;AACH,CAAC;AA7BD,sCA6BC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CollapsedMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, never>> & string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.CollapsedMenu = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var styles_1 = require("../styles.js");
|
|
13
|
+
exports.CollapsedMenu = (0, styled_components_1.default)(styles_1.Menu)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 265px;\n }\n }\n"], ["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 265px;\n }\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
14
|
+
var templateObject_1;
|
|
15
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/sidebar-menu/collapsed-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,oCAAgC;AAEnB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,aAAI,CAAC,4lCAAA,umBAsCjB,EAAmC,gbAgC1D,KAhCuB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAgC1D"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.MenuItem = void 0;
|
|
30
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
+
var ui_1 = require("../../../../../../../ui/index.js");
|
|
32
|
+
var link_1 = __importDefault(require("next/link"));
|
|
33
|
+
var S = __importStar(require("../../styles.js"));
|
|
34
|
+
function MenuItem(_a) {
|
|
35
|
+
var _b;
|
|
36
|
+
var item = _a.item, index = _a.index;
|
|
37
|
+
var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
38
|
+
function ItemContent() {
|
|
39
|
+
var _a;
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
|
|
41
|
+
}
|
|
42
|
+
return ((0, jsx_runtime_1.jsxs)("li", { className: false ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-13-regular ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
|
|
43
|
+
}
|
|
44
|
+
exports.MenuItem = MenuItem;
|
|
45
|
+
function SubMenu(_a) {
|
|
46
|
+
var item = _a.item, index = _a.index;
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(S.SubMenu, { className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=index.js.map
|
package/dist/system/presentation/components/layout/sidebar-menu/components/menu-item/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/sidebar-menu/components/menu-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA2B;AAC3B,mDAA4B;AAE5B,8CAAiC;AAEjC,SAAgB,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IACpC,IAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAA;IAE1D,SAAS,WAAW;;QAClB,OAAO,CACL,kCAAM,SAAS,EAAC,iBAAiB,aAC9B,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,gCAAK,SAAS,EAAC,MAAM,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAI,EAEvF,iCAAM,SAAS,EAAC,eAAe,YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAQ,EAEnD,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GAClC,CACP,IACI,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,gCAAI,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aACjC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,qCAA8B,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACtF,uBAAC,WAAW,KAAG,GACV,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,qBAAc,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACnD,uBAAC,WAAW,KAAG,GACX,CACP,EAEA,YAAY,IAAI,uBAAC,OAAO,IAA8B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAvD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAqC,IACvF,CACN,CAAA;AACH,CAAC;AAlCD,4BAkCC;AAED,SAAS,OAAO,CAAC,EAA+C;QAA7C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC5B,OAAO,CACL,uBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,YAAS,KAAK,YACzC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACrB,uBAAC,QAAQ,IAAsC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAA3D,cAAc,GAAG,OAAO,CAAC,KAAK,CAAiC,CAC/E,EAFsB,CAEtB,CAAC,GACQ,CACb,CAAA;AACH,CAAC"}
|
|
@@ -1,64 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.SidebarMenu =
|
|
3
|
+
exports.SidebarMenu = void 0;
|
|
30
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
-
var link_1 = __importDefault(require("next/link"));
|
|
32
|
-
var ui_1 = require("../../../../../ui/index.js");
|
|
33
5
|
var system_1 = require("../../../../../system/index.js");
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
var _b;
|
|
37
|
-
var item = _a.item, index = _a.index;
|
|
38
|
-
var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
39
|
-
function ItemContent() {
|
|
40
|
-
var _a;
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
|
|
42
|
-
}
|
|
43
|
-
// const isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''))
|
|
44
|
-
// const isActive = path.substring(0, path.length - 1) === item.route || isFatherActive
|
|
45
|
-
return ((0, jsx_runtime_1.jsxs)("li", { className: false ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-13-regular ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
|
|
46
|
-
}
|
|
47
|
-
exports.MenuItem = MenuItem;
|
|
48
|
-
function SubMenu(_a) {
|
|
49
|
-
var item = _a.item, index = _a.index;
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(S.SubMenu, { className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
|
|
51
|
-
}
|
|
6
|
+
var regular_menu_1 = require("./regular-menu/index.js");
|
|
7
|
+
var collapsed_menu_1 = require("./collapsed-menu/index.js");
|
|
52
8
|
function SidebarMenu() {
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
9
|
+
var settings = (0, system_1.useMenu)().settings;
|
|
10
|
+
switch (settings.mode) {
|
|
11
|
+
case 'collapsed':
|
|
12
|
+
return (0, jsx_runtime_1.jsx)(collapsed_menu_1.CollapsedMenu, {});
|
|
13
|
+
case 'regular':
|
|
14
|
+
return (0, jsx_runtime_1.jsx)(regular_menu_1.RegularMenu, {});
|
|
15
|
+
case 'auto':
|
|
16
|
+
return (0, jsx_runtime_1.jsx)(regular_menu_1.RegularMenu, {});
|
|
17
|
+
default:
|
|
18
|
+
return (0, jsx_runtime_1.jsx)(regular_menu_1.RegularMenu, {});
|
|
19
|
+
}
|
|
62
20
|
}
|
|
63
21
|
exports.SidebarMenu = SidebarMenu;
|
|
64
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":";;;;AAAA,mCAAkC;AAElC,+CAA4C;AAC5C,mDAAgD;AAEhD,SAAgB,WAAW;IACjB,IAAA,QAAQ,GAAK,IAAA,gBAAO,GAAE,SAAd,CAAc;IAE9B,QAAQ,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtB,KAAK,WAAW;YACd,OAAO,uBAAC,8BAAa,KAAG,CAAA;QAE1B,KAAK,SAAS;YACZ,OAAO,uBAAC,0BAAW,KAAG,CAAA;QAExB,KAAK,MAAM;YACT,OAAO,uBAAC,0BAAW,KAAG,CAAA;QAExB;YACE,OAAO,uBAAC,0BAAW,KAAG,CAAA;IAC1B,CAAC;AACH,CAAC;AAhBD,kCAgBC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function RegularMenu(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.RegularMenu = void 0;
|
|
27
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var ui_1 = require("../../../../../../ui/index.js");
|
|
29
|
+
var context_1 = require("../../../../../../system/presentation/context/index.js");
|
|
30
|
+
var hooks_1 = require("../../../../../../system/presentation/hooks/index.js");
|
|
31
|
+
var menu_item_1 = require("../components/menu-item/index.js");
|
|
32
|
+
var S = __importStar(require("./styles.js"));
|
|
33
|
+
function RegularMenu() {
|
|
34
|
+
var _a;
|
|
35
|
+
var data = (0, hooks_1.useLoadMenu)().data;
|
|
36
|
+
var _b = (0, context_1.useMenu)(), settings = _b.settings, openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
|
|
37
|
+
var isInternal = settings.position === 'internal';
|
|
38
|
+
var isCollapsed = settings.mode === 'collapsed';
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'RegularMenu', children: [openMenu && (isInternal || (isCollapsed && isInternal)) && (0, jsx_runtime_1.jsx)(S.Overlay, { onClick: function () { return setOpenMenu(false); } }), (0, jsx_runtime_1.jsx)(S.RegularMenu, { id: 'sidebar', className: (openMenu ? 'menu open' : 'menu') + (isInternal || (isCollapsed && isInternal) ? ' internal' : ''), children: (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); }) })] }));
|
|
40
|
+
}
|
|
41
|
+
exports.RegularMenu = RegularMenu;
|
|
42
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/sidebar-menu/regular-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,yDAAuD;AACvD,qDAAyD;AAEzD,qDAAkD;AAElD,0CAA6B;AAE7B,SAAgB,WAAW;;IACjB,IAAA,IAAI,GAAK,IAAA,mBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAAsC,IAAA,iBAAO,GAAE,EAA7C,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAErD,IAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,KAAK,UAAU,CAAA;IACnD,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAA;IAEjD,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,aACtB,QAAQ,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC,IAAI,uBAAC,CAAC,CAAC,OAAO,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,GAAI,EAE5G,uBAAC,CAAC,CAAC,WAAW,IACZ,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,YAE5G,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,oBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJkC,CAIlC,CAAC,GACY,IACV,CACT,CAAA;AACH,CAAC;AAvBD,kCAuBC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const RegularMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, never>> & string;
|
|
5
|
+
export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
6
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
7
|
+
}, never>> & string;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Overlay = exports.RegularMenu = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var styles_1 = require("../styles.js");
|
|
13
|
+
exports.RegularMenu = (0, styled_components_1.default)(styles_1.Menu)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.internal {\n position: fixed !important;\n transform: translateX(-120%);\n z-index: 9999;\n }\n\n &.open {\n transform: translateX(0);\n }\n"], ["\n &.internal {\n position: fixed !important;\n transform: translateX(-120%);\n z-index: 9999;\n }\n\n &.open {\n transform: translateX(0);\n }\n"])));
|
|
14
|
+
exports.Overlay = (0, styled_components_1.default)(styles_1.Menu)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100dvh;\n background: rgba(0, 0, 0, 0.4);\n z-index: 999;\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100dvh;\n background: rgba(0, 0, 0, 0.4);\n z-index: 999;\n"])));
|
|
15
|
+
var templateObject_1, templateObject_2;
|
|
16
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/sidebar-menu/regular-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,oCAAgC;AAEnB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,aAAI,CAAC,sOAAA,mKAUtC,KAAA;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,aAAI,CAAC,yMAAA,sIAQlC,KAAA"}
|
|
@@ -3,4 +3,3 @@ export declare const Menu: import("styled-components/dist/types").IStyledCompone
|
|
|
3
3
|
export declare const SubMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
|
|
4
4
|
$index: number;
|
|
5
5
|
}>> & string;
|
|
6
|
-
export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -7,10 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.
|
|
10
|
+
exports.SubMenu = exports.Menu = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: absolute;\n padding-right: clamp(5px, 0.78vw, 15px);\n min-width: 285px;\n width: 28px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 999999999;\n background: #fff;\n padding-top: 25px;\n transition: 0.7s;\n\n &.internal {\n position: fixed !important;\n top: 0;\n left: 0;\n transform: translateX(-120%);\n }\n\n &.expanded {\n transform: translateX(0);\n }\n\n &.regular_menu {\n transform: translateX(0);\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &.expanded_menu {\n width: 65px !important;\n min-width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 265px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n\n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"], ["\n width: 100%;\n position: absolute;\n padding-right: clamp(5px, 0.78vw, 15px);\n min-width: 285px;\n width: 28px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 999999999;\n background: #fff;\n padding-top: 25px;\n transition: 0.7s;\n\n &.internal {\n position: fixed !important;\n top: 0;\n left: 0;\n transform: translateX(-120%);\n }\n\n &.expanded {\n transform: translateX(0);\n }\n\n &.regular_menu {\n transform: translateX(0);\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &.expanded_menu {\n width: 65px !important;\n min-width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 265px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n\n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
|
|
13
|
-
exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 0 !important;\n"], ["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 0 !important;\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
|
|
14
|
-
|
|
15
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
12
|
+
exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: sticky;\n width: 285px;\n padding: 25px 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 99;\n background: #fff;\n transition: 0.3s;\n max-height: 100dvh;\n\n &.internal {\n position: fixed !important;\n transform: translateX(-120%);\n z-index: 999999991;\n }\n\n &.open {\n transform: translateX(0);\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"], ["\n position: sticky;\n width: 285px;\n padding: 25px 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 99;\n background: #fff;\n transition: 0.3s;\n max-height: 100dvh;\n\n &.internal {\n position: fixed !important;\n transform: translateX(-120%);\n z-index: 999999991;\n }\n\n &.open {\n transform: translateX(0);\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
|
|
13
|
+
exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 0 !important;\n\n // Responsives\n\n @media only screen and (max-width: 768px) {\n position: relative;\n left: 0;\n top: 0;\n box-shadow: none;\n border: none;\n background-color: rgba(0, 0, 0, 0.05);\n }\n"], ["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 0 !important;\n\n // Responsives\n\n @media only screen and (max-width: 768px) {\n position: relative;\n left: 0;\n top: 0;\n box-shadow: none;\n border: none;\n background-color: rgba(0, 0, 0, 0.05);\n }\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
|
|
14
|
+
var templateObject_1, templateObject_2;
|
|
16
15
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,4nHAAA,s5BAuDb,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,+8BA8DzD,KAnKgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA8DzD;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,kvBAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,6jBAuBxD,KAxBQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAuBxD"}
|
|
@@ -2,5 +2,6 @@
|
|
|
2
2
|
export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
3
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
4
|
}, {
|
|
5
|
-
$
|
|
5
|
+
$isInternalSidebar?: boolean;
|
|
6
|
+
$sideBarWidth?: string;
|
|
6
7
|
}>> & string;
|
|
@@ -9,6 +9,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Layout = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: 30px;\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n
|
|
12
|
+
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: 30px;\n display: grid;\n grid-template-columns: ", ";\n grid-template-rows: max-content 1fr;\n grid-template-areas:\n 'header header'\n ", ";\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n header,\n aside {\n position: sticky;\n top: 0;\n left: 0;\n }\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n grid-area: header;\n }\n\n aside {\n grid-area: aside;\n display: ", ";\n }\n\n main {\n grid-area: main;\n margin: var(--spacing) 0;\n }\n"], ["\n width: 100%;\n --spacing: 30px;\n display: grid;\n grid-template-columns: ", ";\n grid-template-rows: max-content 1fr;\n grid-template-areas:\n 'header header'\n ", ";\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n header,\n aside {\n position: sticky;\n top: 0;\n left: 0;\n }\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n grid-area: header;\n }\n\n aside {\n grid-area: aside;\n display: ", ";\n }\n\n main {\n grid-area: main;\n margin: var(--spacing) 0;\n }\n"])), function (_a) {
|
|
13
|
+
var $isInternalSidebar = _a.$isInternalSidebar, $sideBarWidth = _a.$sideBarWidth;
|
|
14
|
+
return $isInternalSidebar ? '1fr' : "".concat($sideBarWidth, " 1fr");
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var $isInternalSidebar = _a.$isInternalSidebar;
|
|
17
|
+
return ($isInternalSidebar ? "'main main'" : "'aside main'");
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var $isInternalSidebar = _a.$isInternalSidebar;
|
|
20
|
+
return ($isInternalSidebar ? 'none' : 'block');
|
|
21
|
+
});
|
|
13
22
|
var templateObject_1;
|
|
14
23
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oqBAA0D,mFAIlE,EAC4B,8FAIjD,EAAiF,0VAuBxE,EAAmE,gFAOjF,KAnC0B,UAAC,EAAqC;QAAnC,kBAAkB,wBAAA,EAAE,aAAa,mBAAA;IAC3D,OAAA,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,aAAa,SAAM;AAAnD,CAAmD,EAIjD,UAAC,EAAsB;QAApB,kBAAkB,wBAAA;IAAO,OAAA,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;AAArD,CAAqD,EAuBxE,UAAC,EAAsB;QAApB,kBAAkB,wBAAA;IAAO,OAAA,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAAvC,CAAuC,EAOjF"}
|
|
@@ -105,10 +105,10 @@ function PrivatePage(_a) {
|
|
|
105
105
|
exports.PrivatePage = PrivatePage;
|
|
106
106
|
function LoginControl(_a) {
|
|
107
107
|
var _this = this;
|
|
108
|
-
var _b, _c, _d, _e
|
|
108
|
+
var _b, _c, _d, _e;
|
|
109
109
|
var interceptorIsReady = _a.interceptorIsReady, signInRole = _a.signInRole;
|
|
110
|
-
var
|
|
111
|
-
var
|
|
110
|
+
var _f = (0, react_1.useState)(false), loading = _f[0], setLoading = _f[1];
|
|
111
|
+
var _g = (0, context_1.useAuthAdmin)(), user = _g.user, roles = _g.roles, loadUser = _g.loadUser;
|
|
112
112
|
var router = (0, router_1.useRouter)();
|
|
113
113
|
(0, react_1.useEffect)(function () {
|
|
114
114
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
@@ -133,10 +133,7 @@ function LoginControl(_a) {
|
|
|
133
133
|
});
|
|
134
134
|
}); })();
|
|
135
135
|
}, [user]);
|
|
136
|
-
|
|
137
|
-
var LoginComponent = roles && ((_d = (_c = roles[signInRole]) === null || _c === void 0 ? void 0 : _c.signInConfig) === null || _d === void 0 ? void 0 : _d.Component) ? (_f = (_e = roles[signInRole]) === null || _e === void 0 ? void 0 : _e.signInConfig) === null || _f === void 0 ? void 0 : _f.Component : login_1.Login;
|
|
138
|
-
console.log(LoginComponent, "COMPONENT");
|
|
139
|
-
console.log("user", user);
|
|
136
|
+
var LoginComponent = roles && ((_c = (_b = roles[signInRole]) === null || _b === void 0 ? void 0 : _b.signInConfig) === null || _c === void 0 ? void 0 : _c.Component) ? (_e = (_d = roles[signInRole]) === null || _d === void 0 ? void 0 : _d.signInConfig) === null || _e === void 0 ? void 0 : _e.Component : login_1.Login;
|
|
140
137
|
var Loading = (!user && !interceptorIsReady && !router.isReady) || loading;
|
|
141
138
|
var noHaveUser = !user && router.isReady && interceptorIsReady && !loading;
|
|
142
139
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Loading && (0, jsx_runtime_1.jsx)(ui_1.LoadingScreen, { size: 30, color: '#000' }), noHaveUser && (0, jsx_runtime_1.jsx)(LoginComponent, {})] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/context/auth/components/private-page/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,sCAAuC;AACvC,6CAAyC;AAEzC,2BAA2C;AAE3C,kCAAgC;AAChC,yCAA4C;AAI5C,SAAgB,WAAW,CAAC,EAA6C;QAA3C,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA;IACjD,IAAA,KAA8C,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5D,kBAAkB,QAAA,EAAE,qBAAqB,QAAmB,CAAA;IAEnE,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IACpB,IAAA,KAAiD,IAAA,sBAAY,GAAE,EAA7D,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAmB,CAAA;IAErE,IAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE/E,IAAA,iBAAS,EAAC;;QAER,IAAI,aAAa,CAAA;QAEjB,IAAI,IAAI,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,0CAAE,WAAW,0CAAE,kBAAkB,CAAA,EAAE,CAAC;YAC7D,aAAa,GAAG,eAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAC7C,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,EACR,UAAC,GAAG;;gBACF,IAAI,GAAG,YAAY,kBAAU,EAAE,CAAC;oBAC9B,IAAI,GAAG,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;wBAC/B,OAAO,EAAE,CAAA;oBACX,CAAC;oBAED,IAAI,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAAE,CAAC;wBAClC,OAAO,EAAE,CAAA;oBACX,CAAC;oBAED,IAAI,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAAE,CAAC;wBAClC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBACrB,CAAC;gBACH,CAAC;gBAED,MAAM,GAAG,CAAA;YACX,CAAC,CACF,CAAA;QACH,CAAC;QAED,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAE3B,OAAO;YACL,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;gBAChC,eAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,aACvB,IAAI,IAAI,SAAS,IAAI,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YAAE,QAAQ,GAAS,EAClE,IAAI,IAAI,CAAC,SAAS,IAAI,uBAAC,UAAK,IAAC,IAAI,EAAC,qBAAqB,YAAE,iBAAiB,CAAC,CAAC,CAAC,uBAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,qDAAiB,GAAS,EAE/H,CAAC,IAAI,IAAK,uBAAC,YAAY,IAAC,kBAAkB,EAAE,kBAAkB,EAAG,UAAU,EAAE,UAAU,GAAG,IACrF,CACT,CAAA;AACH,CAAC;AApDD,kCAoDC;AAED,SAAS,YAAY,CAAC,EAAsF;IAA5G,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/context/auth/components/private-page/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,sCAAuC;AACvC,6CAAyC;AAEzC,2BAA2C;AAE3C,kCAAgC;AAChC,yCAA4C;AAI5C,SAAgB,WAAW,CAAC,EAA6C;QAA3C,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA;IACjD,IAAA,KAA8C,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5D,kBAAkB,QAAA,EAAE,qBAAqB,QAAmB,CAAA;IAEnE,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IACpB,IAAA,KAAiD,IAAA,sBAAY,GAAE,EAA7D,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAmB,CAAA;IAErE,IAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE/E,IAAA,iBAAS,EAAC;;QAER,IAAI,aAAa,CAAA;QAEjB,IAAI,IAAI,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,0CAAE,WAAW,0CAAE,kBAAkB,CAAA,EAAE,CAAC;YAC7D,aAAa,GAAG,eAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAC7C,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,EACR,UAAC,GAAG;;gBACF,IAAI,GAAG,YAAY,kBAAU,EAAE,CAAC;oBAC9B,IAAI,GAAG,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;wBAC/B,OAAO,EAAE,CAAA;oBACX,CAAC;oBAED,IAAI,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAAE,CAAC;wBAClC,OAAO,EAAE,CAAA;oBACX,CAAC;oBAED,IAAI,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAAE,CAAC;wBAClC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBACrB,CAAC;gBACH,CAAC;gBAED,MAAM,GAAG,CAAA;YACX,CAAC,CACF,CAAA;QACH,CAAC;QAED,qBAAqB,CAAC,IAAI,CAAC,CAAA;QAE3B,OAAO;YACL,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;gBAChC,eAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,aACvB,IAAI,IAAI,SAAS,IAAI,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YAAE,QAAQ,GAAS,EAClE,IAAI,IAAI,CAAC,SAAS,IAAI,uBAAC,UAAK,IAAC,IAAI,EAAC,qBAAqB,YAAE,iBAAiB,CAAC,CAAC,CAAC,uBAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,qDAAiB,GAAS,EAE/H,CAAC,IAAI,IAAK,uBAAC,YAAY,IAAC,kBAAkB,EAAE,kBAAkB,EAAG,UAAU,EAAE,UAAU,GAAG,IACrF,CACT,CAAA;AACH,CAAC;AApDD,kCAoDC;AAED,SAAS,YAAY,CAAC,EAAsF;IAA5G,iBAiCC;;QAjCuB,kBAAkB,wBAAA,EAAE,UAAU,gBAAA;IAC9C,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAA6B,IAAA,sBAAY,GAAE,EAAzC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAG,QAAQ,cAAmB,CAAA;IAEjD,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAA,iBAAS,EAAC;QACN,CAAC;;;;;;wBAEG,UAAU,CAAC,IAAI,CAAC,CAAC;wBAEjB,qBAAM,QAAQ,EAAE,EAAA;;wBAAhB,SAAgB,CAAA;;;;;;wBAIhB,UAAU,CAAC,KAAK,CAAC,CAAC;;;;;aAErB,CAAC,EAAE,CAAA;IACR,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,cAAc,GAClB,KAAK,KAAI,MAAA,MAAA,KAAK,CAAC,UAAU,CAAC,0CAAE,YAAY,0CAAE,SAAS,CAAA,CAAC,CAAC,CAAC,MAAA,MAAA,KAAK,CAAC,UAAU,CAAC,0CAAE,YAAY,0CAAE,SAAS,CAAC,CAAC,CAAC,aAAK,CAAA;IAE1G,IAAM,OAAO,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,kBAAkB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAE,IAAG,OAAO,CAAA;IAC5E,IAAM,UAAU,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,IAAI,kBAAkB,IAAI,CAAC,OAAO,CAAA;IAE5E,OAAO,CACL,6DACG,OAAO,IAAI,uBAAC,kBAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,EAEnD,UAAU,IAAI,uBAAC,cAAc,KAAG,IAChC,CACJ,CAAA;AACH,CAAC"}
|