infinity-forge 0.51.9 → 0.52.0

package/dist/system/presentation/components/layout/header/version-01/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderVersion01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var link_1 = __importDefault(require("next/link"));
+var ui_1 = require("../../../../../../ui/index.js");
+var components_1 = require("../components/index.js");
+var S = __importStar(require("./styles.js"));
+function HeaderVersion01(_a) {
+    var workspaces = _a.workspaces, logo = _a.logo;
+    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: [(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 }) })] })] }) }) }));
+}
+exports.HeaderVersion01 = HeaderVersion01;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/header/version-01/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AAEvC,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,IAAI,UAAA;IAChD,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,aACpB,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;AA5BD,0CA4BC"}

package/dist/system/presentation/components/layout/header/version-01/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IStyledHeaderProps {
+    $hasSidebarButton?: boolean;
+}
+export declare const HeaderVersion01: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, IStyledHeaderProps>> & string;

package/dist/system/presentation/components/layout/header/version-01/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderVersion01 = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: sticky;\n  z-index: 99999999;\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: 30px;\n      padding-left: 20px;\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  position: sticky;\n  z-index: 99999999;\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: 30px;\n      padding-left: 20px;\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) {
+    return props.$hasSidebarButton &&
+        "\n   .container {\n    .left {\n      width: fit-content !important;\n    }\n\n    .right {\n      padding-left: 0 !important;\n    }\n  }\n  ";
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/header/version-01/styles.js.map

@@ -0,0 +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,krEAAoB,wFAKhD,EAAmC,yGAK/C,EAYD,06DA+GF,KAhIe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAK/C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,iBAAiB;QACvB,gJAUD;AAXC,CAWD,EA+GF"}

package/dist/system/presentation/components/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './header/index.js';
+export * from './component.js';
+export * from './sidebar-menu/index.js';

package/dist/system/presentation/components/layout/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./header/index.js"), exports);
+__exportStar(require("./component.js"), exports);
+__exportStar(require("./sidebar-menu/index.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,8CAA2B;AAC3B,iDAA8B"}

package/dist/system/presentation/components/layout/interfaces.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ISidebarProps } from './sidebar-menu/interfaces.js';
+import { WorkSpace } from '../data/select-workspace/interfaces.js';
+export interface ILayout {
+    workspaces?: WorkSpace;
+    isInteralMenu?: boolean;
+    children: React.ReactNode;
+    logo?: {
+        src?: string;
+        href?: string;
+    };
+    sidebar?: ISidebarProps;
+}

package/dist/system/presentation/components/layout/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/dist/system/presentation/components/layout/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/interfaces.ts"],"names":[],"mappings":""}

package/dist/system/presentation/components/layout/sidebar-menu/index.d.ts

@@ -0,0 +1,2 @@
+import { ISidebarProps } from './interfaces.js';
+export declare function SidebarMenu({ expandedMenu }: ISidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/layout/sidebar-menu/index.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarMenu = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var link_1 = __importDefault(require("next/link"));
+var router_1 = require("next/router");
+var ui_1 = require("../../../../../ui/index.js");
+var system_1 = require("../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
+function MenuItem(_a) {
+    var _b;
+    var item = _a.item, index = _a.index;
+    var router = (0, router_1.useRouter)();
+    var path = router.asPath;
+    var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    function ItemContent() {
+        var _a;
+        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' }) }))] }));
+    }
+    var isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''));
+    var isActive = path.substring(0, path.length - 1) === item.route || isFatherActive;
+    return ((0, jsx_runtime_1.jsxs)("li", { className: isActive ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-13-regular ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(isActive ? '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)] }));
+}
+function SubMenu(_a) {
+    var item = _a.item, index = _a.index;
+    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)); }) }));
+}
+function SidebarMenu(_a) {
+    var _b;
+    var expandedMenu = _a.expandedMenu;
+    var _c = (0, react_1.useState)(false), expand = _c[0], setExpand = _c[1];
+    var data = (0, system_1.useLoadMenu)().data;
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Menu', children: [expandedMenu && (0, jsx_runtime_1.jsx)("div", { id: 'ghost_menu_expanded', style: { width: '65px' } }), (0, jsx_runtime_1.jsxs)(S.Menu, { id: 'sidebar', className: (expand ? 'menu expanded' : 'menu') + (expandedMenu ? ' expanded_menu' : ''), children: [expandedMenu && ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setExpand(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) })), (_b = data === null || data === void 0 ? void 0 : data.items) === null || _b === void 0 ? void 0 : _b.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })] })] }));
+}
+exports.SidebarMenu = SidebarMenu;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/sidebar-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":"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"}

package/dist/system/presentation/components/layout/sidebar-menu/interfaces.d.ts

@@ -0,0 +1,3 @@
+export interface ISidebarProps {
+    expandedMenu?: boolean;
+}

package/dist/system/presentation/components/layout/sidebar-menu/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/dist/system/presentation/components/layout/sidebar-menu/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/interfaces.ts"],"names":[],"mappings":""}

package/dist/system/presentation/components/layout/sidebar-menu/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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>, {
+    $index: number;
+}>> & string;

package/dist/system/presentation/components/layout/sidebar-menu/styles.js

@@ -0,0 +1,15 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubMenu = exports.Menu = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  width: 285px;\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: 999;\n  background: #fff;\n  padding-top: 25px;\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    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: relative;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  width: 285px;\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: 999;\n  background: #fff;\n  padding-top: 25px;\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    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; });
+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"], ["\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"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/sidebar-menu/styles.js.map

@@ -0,0 +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,46JAAA,sxBA8Cb,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,qtBA2ChC,EAAmC,wqDA2G5D,KA3PgB,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,EA2ChC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA2G5D;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8fAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yUAWxD,KAZQ,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,EAWxD"}

package/dist/system/presentation/components/layout/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+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"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, {
+    $sideBarWidth?: number;
+}>> & string;

package/dist/system/presentation/components/layout/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: ", ";\n\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"], ["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: ", ";\n\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"])), function (props) { return (props.$sideBarWidth ? "calc(100% - ".concat(props.$sideBarWidth + 'px', ")") : '100%'); });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/styles.js.map

@@ -0,0 +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,8fAA4B,qXAqBhD,EAAwF,oEAMtG,KANc,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sBAAe,KAAK,CAAC,aAAa,GAAG,IAAI,MAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7E,CAA6E,EAMtG"}

package/dist/system/presentation/components/pages/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./menus/index.js";
+export * from "./users/index.js";

package/dist/system/presentation/components/pages/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./menus/index.js"), exports);
+__exportStar(require("./users/index.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/pages/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB"}

package/dist/system/presentation/components/pages/menus/index.d.ts

@@ -0,0 +1 @@
+export * from "./page.js";

package/dist/system/presentation/components/pages/menus/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./page.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/pages/menus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/pages/menus/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB"}

package/dist/system/presentation/components/pages/menus/page.d.ts

@@ -0,0 +1 @@
+export declare function MenusPageComponent(): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/pages/menus/page.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenusPageComponent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var system_1 = require("../../../../../system/index.js");
+var table_1 = require("./table/index.js");
+var create_1 = require("./table/create.js");
+function MenusPageComponent() {
+    var queryKey = 'RemoteMenu';
+    var user = (0, system_1.useAuthAdmin)().user;
+    var editTable = (0, table_1.useEditTable)(queryKey);
+    var createTable = (0, create_1.useCreateTable)(queryKey);
+    var executeDelete = (0, table_1.useDeleteTable)(queryKey).executeDelete;
+    var Table = (0, system_1.useTable)({
+        query: {
+            user: user,
+            Types: system_1.Types,
+            queryKey: queryKey,
+            container: system_1.container,
+            dynamicFiltersFromApi: true,
+            requireUser: true,
+        },
+        configs: {
+            errorMessage: 'Nenhum menu encontrado.',
+        },
+        columnsConfiguration: {
+            columns: table_1.columns,
+            actions: {
+                edit: editTable,
+                create: createTable,
+                delete: executeDelete,
+            },
+        },
+    }).Table;
+    return ((0, jsx_runtime_1.jsx)(system_1.PrivatePageAdmin, { children: (0, jsx_runtime_1.jsx)(system_1.Layout, { children: (0, jsx_runtime_1.jsx)(system_1.PageWrapper, { title: 'Menus', children: Table }) }) }));
+}
+exports.MenusPageComponent = MenusPageComponent;
+//# sourceMappingURL=page.js.map

package/dist/system/presentation/components/pages/menus/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/pages/menus/page.tsx"],"names":[],"mappings":";;;;AAEA,mCAAgH;AAChH,iCAA+D;AAC/D,yCAA+C;AAE/C,SAAgB,kBAAkB;IAChC,IAAM,QAAQ,GAAG,YAAY,CAAA;IAErB,IAAA,IAAI,GAAK,IAAA,qBAAY,GAAE,KAAnB,CAAmB;IAC/B,IAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,QAAQ,CAAC,CAAA;IACxC,IAAM,WAAW,GAAG,IAAA,uBAAc,EAAC,QAAQ,CAAC,CAAA;IACpC,IAAA,aAAa,GAAK,IAAA,sBAAc,EAAC,QAAQ,CAAC,cAA7B,CAA6B;IAE1C,IAAA,KAAK,GAAK,IAAA,iBAAQ,EAA2B;QACnD,KAAK,EAAE;YACL,IAAI,MAAA;YACJ,KAAK,gBAAA;YACL,QAAQ,UAAA;YACR,SAAS,oBAAA;YACT,qBAAqB,EAAE,IAAI;YAC3B,WAAW,EAAE,IAAI;SAClB;QACD,OAAO,EAAE;YACP,YAAY,EAAE,yBAAyB;SACxC;QACD,oBAAoB,EAAE;YACpB,OAAO,iBAAA;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,WAAW;gBACnB,MAAM,EAAE,aAAa;aACtB;SACF;KACF,CAAC,MApBW,CAoBX;IAEF,OAAO,CACL,uBAAC,yBAAgB,cACf,uBAAC,eAAM,cACL,uBAAC,oBAAW,IAAC,KAAK,EAAC,OAAO,YAAE,KAAK,GAAe,GACzC,GACQ,CACpB,CAAA;AACH,CAAC;AArCD,gDAqCC"}

package/dist/system/presentation/components/pages/menus/table/columns.d.ts

@@ -0,0 +1,3 @@
+import { Menu } from '../../../../../../system/domain/index.js';
+import { Column } from '../../../../../../system/presentation/hooks/index.js';
+export declare const columns: Column<Menu>[];

package/dist/system/presentation/components/pages/menus/table/columns.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.columns = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = require("./icon/index.js");
+exports.columns = [
+    {
+        id: 'icon',
+        label: 'Icone',
+        hasAsc: true,
+        width: 150,
+        Component: {
+            Element: function (props) { return (0, jsx_runtime_1.jsx)(icon_1.IconMenu, { icon: props.icon }); },
+            allProps: true,
+            props: {},
+        },
+    },
+    { id: 'route', label: 'Url', width: 230 },
+    { id: 'title', label: 'Titulo', width: 230 },
+];
+//# sourceMappingURL=columns.js.map

package/dist/system/presentation/components/pages/menus/table/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/pages/menus/table/columns.tsx"],"names":[],"mappings":";;;;AAEA,+BAAiC;AAEpB,QAAA,OAAO,GAAmB;IACrC;QACE,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,GAAG;QACV,SAAS,EAAE;YACT,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,uBAAC,eAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EAA9B,CAA8B;YAClD,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,EAAE;SACV;KACF;IACD,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE;IACzC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;CAC7C,CAAA"}

package/dist/system/presentation/components/pages/menus/table/create.d.ts

@@ -0,0 +1,3 @@
+import { DynamicFormHandlerProps } from '../../../../../../ui/index.js';
+import { Menu } from '../../../../../../system/index.js';
+export declare function useCreateTable(queryKey: string): DynamicFormHandlerProps<Menu>;

package/dist/system/presentation/components/pages/menus/table/create.js

@@ -0,0 +1,72 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreateTable = void 0;
+var swr_1 = require("swr");
+var ui_1 = require("../../../../../../ui/index.js");
+var system_1 = require("../../../../../../system/index.js");
+function useCreateTable(queryKey) {
+    var _this = this;
+    var createToast = (0, ui_1.useToast)().createToast;
+    var createTable = {
+        title: 'Criar Menu',
+        button: { text: 'Criar' },
+        initialData: { isExternal: false },
+        onSucess: function (data) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, system_1.container.get(system_1.Types.RemoteMenu).create(data)];
+                    case 1:
+                        _a.sent();
+                        (0, swr_1.mutate)(queryKey);
+                        createToast({ message: 'Criado com sucesso!', status: 'success' });
+                        return [2 /*return*/];
+                }
+            });
+        }); },
+        inputs: [
+            [{ InputComponent: 'Input', type: 'text', label: 'Icone', name: 'icon' }],
+            [{ name: 'route', InputComponent: 'Input', type: 'text', label: 'Url' }],
+            [{ name: 'title', InputComponent: 'Input', type: 'text', label: 'Titulo' }],
+            [{ name: 'items', InputComponent: 'Select', isMultiple: true, label: 'Menus', options: [] }],
+        ],
+    };
+    return createTable;
+}
+exports.useCreateTable = useCreateTable;
+//# sourceMappingURL=create.js.map

package/dist/system/presentation/components/pages/menus/table/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/pages/menus/table/create.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAAwD;AACxD,mCAA6D;AAE7D,SAAgB,cAAc,CAAC,QAAgB;IAA/C,iBAuBC;IAtBS,IAAA,WAAW,GAAK,IAAA,aAAQ,GAAE,YAAf,CAAe;IAElC,IAAM,WAAW,GAAkC;QACjD,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QACzB,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;QAClC,QAAQ,EAAE,UAAO,IAAI;;;4BACnB,qBAAM,kBAAS,CAAC,GAAG,CAAa,cAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAA;;wBAA9D,SAA8D,CAAA;wBAE9D,IAAA,YAAM,EAAC,QAAQ,CAAC,CAAA;wBAEhB,WAAW,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;;;;aACnE;QACD,MAAM,EAAE;YACN,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YACzE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;YACxE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;YAC3E,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;SAC7F;KACF,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC;AAvBD,wCAuBC"}

package/dist/system/presentation/components/pages/menus/table/delete.d.ts

@@ -0,0 +1,3 @@
+export declare function useDeleteTable(queryKey: string): {
+    executeDelete: (tableItem: any) => Promise<void>;
+};