infinity-forge 0.11.9 → 0.12.0
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/menu/components/menu/index.js +3 -3
- package/dist/system/presentation/components/layout/menu/components/menu/index.js.map +1 -1
- package/dist/system/presentation/components/layout/menu/components/menu/styles.js +1 -1
- package/dist/system/presentation/components/layout/menu/components/menu/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -40,9 +40,9 @@ function MenuItem(_a) {
|
|
|
40
40
|
var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
41
41
|
function ItemContent() {
|
|
42
42
|
var _a;
|
|
43
|
-
return ((0, jsx_runtime_1.jsxs)("span", { children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), 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' }) }))] }));
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-14-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), 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' }) }))] }));
|
|
44
44
|
}
|
|
45
|
-
return ((0, jsx_runtime_1.jsxs)("li", { onMouseEnter: function () { return hasMenuItems && setIsSubMenuVisible(true); }, onMouseLeave: function () { return hasMenuItems && setIsSubMenuVisible(false); }, children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: 'item-title', children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: 'item-title', children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && isSubMenuVisible && (0, jsx_runtime_1.jsx)(SubMenu, { item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
|
|
45
|
+
return ((0, jsx_runtime_1.jsxs)("li", { onMouseEnter: function () { return hasMenuItems && setIsSubMenuVisible(true); }, onMouseLeave: function () { return hasMenuItems && setIsSubMenuVisible(false); }, children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: 'item-title font-14-regular', children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: 'item-title', children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && isSubMenuVisible && (0, jsx_runtime_1.jsx)(SubMenu, { item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
|
|
46
46
|
}
|
|
47
47
|
function SubMenu(_a) {
|
|
48
48
|
var item = _a.item;
|
|
@@ -53,7 +53,7 @@ function Menu() {
|
|
|
53
53
|
var newData = [{ title: 'Menu', icon: 'IconBox', items: data === null || data === void 0 ? void 0 : data.items }];
|
|
54
54
|
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Menu', children: (0, jsx_runtime_1.jsx)(S.Menu, { className: 'menu', children: newData === null || newData === void 0 ? void 0 : newData.map(function (item) {
|
|
55
55
|
var _a;
|
|
56
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title', children: (0, jsx_runtime_1.jsx)("h5", { className: 'font-
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title', children: (0, jsx_runtime_1.jsx)("h5", { className: 'font-10-regular uppercase', children: item.title }) }), (0, jsx_runtime_1.jsx)("ul", { children: (_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.map(function (menu, index) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: menu }, 'menu-item' + index + item.title)); }) })] }, 'wrapper-menu-' + item.title));
|
|
57
57
|
}) }) }));
|
|
58
58
|
}
|
|
59
59
|
exports.Menu = Menu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAE1C,mDAA4B;AAE5B,2BAAkC;AAClC,mCAA6C;AAE7C,0CAA6B;AAE7B,SAAS,QAAQ,CAAC,EAAyB;;QAAvB,IAAI,UAAA;IAChB,IAAA,KAA0C,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAA;IAC/D,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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
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: relative;\n z-index: 999;\n\n padding-right: 15px;\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n }\n\n .title {\n color: #828282;\n margin-bottom: 10px;\n padding-left: 15px;\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n
|
|
12
|
+
exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n z-index: 999;\n\n padding-right: 15px;\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n }\n\n .title {\n color: #828282;\n margin-bottom: 10px;\n padding-left: 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 15px;\n height: 40px;\n display: flex;\n position: relative;\n z-index: 2222;\n\n &.active {\n background-color: #3872fa;\n color: #fff;\n }\n\n &:hover {\n transform: scale(1.01);\n background-color: ", ";\n\n > span {\n color: #fff;\n\n .icon {\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\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\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\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 width: 100%;\n position: relative;\n z-index: 999;\n\n padding-right: 15px;\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n }\n\n .title {\n color: #828282;\n margin-bottom: 10px;\n padding-left: 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 15px;\n height: 40px;\n display: flex;\n position: relative;\n z-index: 2222;\n\n &.active {\n background-color: #3872fa;\n color: #fff;\n }\n\n &:hover {\n transform: scale(1.01);\n background-color: ", ";\n\n > span {\n color: #fff;\n\n .icon {\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\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\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\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"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
|
|
13
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: 0;\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 li {\n &:hover {\n background-color: #f3f4f6;\n }\n }\n"], ["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: 0;\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 li {\n &:hover {\n background-color: #f3f4f6;\n }\n }\n"])));
|
|
14
14
|
var templateObject_1, templateObject_2;
|
|
15
15
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/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/menu/components/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,gkDAAA,m2BAkDJ,EAAgC,oRAkB3C,EAAgC,kYA2B9C,KA7CyB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkB3C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA2B9C;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,ijBAAA,8eAsB/B,KAAA"}
|