infinity-forge 2.9.2 → 2.9.4
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/data/menu/modes/collapsed-menu/index.js +2 -1
- package/dist/system/presentation/components/data/menu/modes/collapsed-menu/index.js.map +1 -1
- package/dist/system/presentation/components/data/menu/modes/collapsed-menu/styles.d.ts +3 -3
- package/dist/system/presentation/components/data/menu/modes/collapsed-menu/styles.js +1 -2
- package/dist/system/presentation/components/data/menu/modes/collapsed-menu/styles.js.map +1 -1
- package/dist/system/presentation/components/data/menu/modes/opened/index.js +2 -25
- package/dist/system/presentation/components/data/menu/modes/opened/index.js.map +1 -1
- package/dist/system/presentation/components/data/menu/styles.d.ts +3 -1
- package/dist/system/presentation/components/data/menu/styles.js +1 -1
- package/dist/system/presentation/components/data/menu/styles.js.map +1 -1
- package/package.json +3 -4
- package/dist/system/presentation/components/data/menu/modes/opened/styles.d.ts +0 -4
- package/dist/system/presentation/components/data/menu/modes/opened/styles.js +0 -15
- package/dist/system/presentation/components/data/menu/modes/opened/styles.js.map +0 -1
|
@@ -30,6 +30,7 @@ var hooks_1 = require("../../../../../../../system/presentation/hooks/index.js")
|
|
|
30
30
|
var ui_1 = require("../../../../../../../ui/index.js");
|
|
31
31
|
var menu_item_1 = require("../../components/menu-item/index.js");
|
|
32
32
|
var S = __importStar(require("./styles.js"));
|
|
33
|
+
var styles_1 = require("../../styles.js");
|
|
33
34
|
function CollapsedMenu() {
|
|
34
35
|
var _a;
|
|
35
36
|
var data = (0, hooks_1.useLoadMenu)().data;
|
|
@@ -37,7 +38,7 @@ function CollapsedMenu() {
|
|
|
37
38
|
var header = (0, ui_1.useElementId)({ id: 'header' });
|
|
38
39
|
var window = (0, ui_1.useWindow)();
|
|
39
40
|
var isMobile = (window === null || window === void 0 ? void 0 : window.innerWidth) <= 1024;
|
|
40
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'CollapsedMenu', children: (0, jsx_runtime_1.jsx)("div", { style: { width: isMobile ? 0 : 65, position: 'relative' }, id: 'ghost', className: 'ghost', children: (0, jsx_runtime_1.
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'CollapsedMenu', children: (0, jsx_runtime_1.jsx)("div", { style: { width: isMobile ? 0 : 65, position: 'relative' }, id: 'ghost', className: 'ghost', children: (0, jsx_runtime_1.jsx)(S.CollapsedMenu, { style: { height: "calc(100vh - ".concat((header === null || header === void 0 ? void 0 : header.offsetHeight) + 'px', ")") }, id: 'sidebar', className: openMenu ? 'menu open' : 'menu', children: (0, jsx_runtime_1.jsxs)(styles_1.DefaultMenuStyle, { 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)(ui_1.Error, { name: item.id + item.title + 'erro_menu_item', children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) }) }, item.id + item.route)); })] }) }) }) }));
|
|
41
42
|
}
|
|
42
43
|
exports.CollapsedMenu = CollapsedMenu;
|
|
43
44
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAuD;AACvD,qDAAyD;AACzD,2BAA2D;AAE3D,wDAAqD;AAErD,0CAA6B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAuD;AACvD,qDAAyD;AACzD,2BAA2D;AAE3D,wDAAqD;AAErD,0CAA6B;AAC7B,uCAA+C;AAE/C,SAAgB,aAAa;;IACnB,IAAA,IAAI,GAAK,IAAA,mBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAC3C,IAAM,MAAM,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAE7C,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IAC1B,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,IAAI,CAAA;IAE3C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,YAC1F,uBAAC,CAAC,CAAC,aAAa,IACd,KAAK,EAAE,EAAE,MAAM,EAAE,uBAAgB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,IAAG,IAAI,MAAG,EAAE,EACjE,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,YAE1C,wBAAC,yBAAgB,eACf,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,UAAK,IAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,gBAAgB,YAClD,uBAAC,oBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GACvE,IAHD,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAIxB,CACN,EANkC,CAMlC,CAAC,IACe,GACH,GACd,GACA,CACT,CAAA;AACH,CAAC;AAjCD,sCAiCC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const CollapsedMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<
|
|
3
|
-
ref?: import("react").Ref<
|
|
4
|
-
}, never
|
|
2
|
+
export declare const CollapsedMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, never>> & string;
|
|
@@ -9,7 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.CollapsedMenu = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
|
|
13
|
-
exports.CollapsedMenu = (0, styled_components_1.default)(styles_1.DefaultMenuStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n\n .ghost {\n width: 65px;\n }\n\n &.open {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\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 z-index: 56;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n &:not(.open) > ul {\n > li {\n > span {\n grid-template-columns: 1fr !important;\n\n > div {\n width: fit-content;\n margin: auto;\n }\n\n a,\n .arrow {\n display: none;\n }\n }\n }\n\n ul {\n min-width: max-content;\n width: 240px;\n }\n }\n"], ["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n\n .ghost {\n width: 65px;\n }\n\n &.open {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\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 z-index: 56;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n &:not(.open) > ul {\n > li {\n > span {\n grid-template-columns: 1fr !important;\n\n > div {\n width: fit-content;\n margin: auto;\n }\n\n a,\n .arrow {\n display: none;\n }\n }\n }\n\n ul {\n min-width: max-content;\n width: 240px;\n }\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
12
|
+
exports.CollapsedMenu = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n\n .ghost {\n width: 65px;\n }\n\n &.open {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\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 z-index: 56;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n &:not(.open) > ul {\n > li {\n > span {\n grid-template-columns: 1fr !important;\n\n > div {\n width: fit-content;\n margin: auto;\n }\n\n a,\n .arrow {\n display: none;\n }\n }\n }\n\n ul {\n min-width: max-content;\n width: 240px;\n }\n }\n"], ["\n padding: 41px 0 15px 0;\n z-index: 99;\n width: 65px;\n min-width: 65px;\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n\n .ghost {\n width: 65px;\n }\n\n &.open {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\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 z-index: 56;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n &:not(.open) > ul {\n > li {\n > span {\n grid-template-columns: 1fr !important;\n\n > div {\n width: fit-content;\n margin: auto;\n }\n\n a,\n .arrow {\n display: none;\n }\n }\n }\n\n ul {\n min-width: max-content;\n width: 240px;\n }\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
14
13
|
var templateObject_1;
|
|
15
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/collapsed-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/collapsed-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,ulCAAA,+eAgClB,EAAmC,miBAoC1D,KApCuB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAoC1D"}
|
|
@@ -3,29 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
-
}
|
|
12
|
-
Object.defineProperty(o, k2, desc);
|
|
13
|
-
}) : (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
o[k2] = m[k];
|
|
16
|
-
}));
|
|
17
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
-
}) : function(o, v) {
|
|
20
|
-
o["default"] = v;
|
|
21
|
-
});
|
|
22
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
|
-
if (mod && mod.__esModule) return mod;
|
|
24
|
-
var result = {};
|
|
25
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
26
|
-
__setModuleDefault(result, mod);
|
|
27
|
-
return result;
|
|
28
|
-
};
|
|
29
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
8
|
};
|
|
@@ -35,7 +12,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
35
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
13
|
var ui_1 = require("../../../../../../../ui/index.js");
|
|
37
14
|
var system_1 = require("../../../../../../../system/index.js");
|
|
38
|
-
var
|
|
15
|
+
var styles_1 = require("../../styles.js");
|
|
39
16
|
function OpenedMenu() {
|
|
40
17
|
var _a;
|
|
41
18
|
var data = (0, system_1.useLoadMenu)().data;
|
|
@@ -43,7 +20,7 @@ function OpenedMenu() {
|
|
|
43
20
|
var window = (0, ui_1.useWindow)();
|
|
44
21
|
var _b = (0, system_1.useMenu)(), openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
|
|
45
22
|
var isMobile = (window === null || window === void 0 ? void 0 : window.innerWidth) <= 1024;
|
|
46
|
-
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'OpenedMenu', children: [openMenu && isMobile && (0, jsx_runtime_1.jsx)(exports.Overlay, { onClick: function () { return setOpenMenu(false); } }), (0, jsx_runtime_1.jsx)(
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'OpenedMenu', children: [openMenu && isMobile && (0, jsx_runtime_1.jsx)(exports.Overlay, { onClick: function () { return setOpenMenu(false); } }), (0, jsx_runtime_1.jsx)(styles_1.DefaultMenuStyle, { className: isMobile && openMenu ? 'open' : '', style: { height: "calc(100dvh - ".concat((header === null || header === void 0 ? void 0 : header.offsetHeight) + 30, "px)") }, 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)(system_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); }) })] }));
|
|
47
24
|
}
|
|
48
25
|
exports.OpenedMenu = OpenedMenu;
|
|
49
26
|
exports.Overlay = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __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: 7;\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: 7;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/opened/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/opened/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,wEAAsC;AAEtC,2BAAqD;AACrD,mCAAyD;AAEzD,uCAA+C;AAE/C,SAAgB,UAAU;;IAChB,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IAC9B,IAAM,MAAM,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC7C,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IACpB,IAAA,KAA4B,IAAA,gBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAE3C,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,IAAI,CAAA;IAE3C,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,aACrB,QAAQ,IAAI,QAAQ,IAAI,uBAAC,eAAO,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,GAAI,EAEvE,uBAAC,yBAAgB,IACf,SAAS,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,EAAE,MAAM,EAAE,wBAAiB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,IAAG,EAAE,QAAK,EAAE,YAEjE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,iBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJkC,CAIlC,CAAC,GACe,IACb,CACT,CAAA;AACH,CAAC;AAxBD,gCAwBC;AAGY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uMAAA,oIAQnC,KAAA"}
|
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
export declare const DefaultMenuStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
3
3
|
ref?: import("react").Ref<HTMLElement>;
|
|
4
4
|
}, never>> & string;
|
|
5
|
-
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>, {
|
|
5
|
+
export declare const SubMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
|
|
6
|
+
ref?: import("react").Ref<HTMLUListElement>;
|
|
7
|
+
}, {
|
|
6
8
|
$index: number;
|
|
7
9
|
}>> & string;
|
|
8
10
|
export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.Overlay = exports.SubMenu = exports.DefaultMenuStyle = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.DefaultMenuStyle = (0, styled_components_1.default)('aside')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: block;\n width: 285px;\n padding: 25px 0 15px 0;\n border-right: 1px solid #e1e1e1;\n z-index: 8;\n background: #fff;\n transition: 0.3s;\n\n * {\n transition: all 0.2s;\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 background: #fff;\n\n &.submenu {\n width: fit-content;\n }\n\n & + & {\n margin-top: clamp(10px, 0.75vw, 15px);\n }\n\n * {\n color: ", ";\n text-decoration: none;\n }\n\n li:has(> ul > .active-page) {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n li {\n position: relative;\n border-radius: 5px;\n\n cursor: pointer;\n width: 100%;\n\n &:hover,\n &.open {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n\n > span {\n display: grid;\n grid-template-columns: max-content 14px;\n align-items: center;\n justify-content: space-between;\n padding: 0px 15px;\n height: 100%;\n height: clamp(34px, 2.08vw, 40px);\n\n > div {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n .icon {\n display: flex;\n width: 20px;\n height: 20px;\n }\n\n .arrow {\n width: 7px !important;\n display: flex;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n // Responsives\n\n @media only screen and (max-width: 1024px) {\n position: fixed;\n top: 0;\n left: 0;\n transform: translateX(-120%);\n transition: transform 0.3s;\n min-height: 100dvh;\n\n &.open {\n transform: translateX(0);\n }\n\n li.open {\n ul {\n display: block;\n }\n }\n }\n"], ["\n position: block;\n width: 285px;\n padding: 25px 0 15px 0;\n border-right: 1px solid #e1e1e1;\n z-index: 8;\n background: #fff;\n transition: 0.3s;\n\n * {\n transition: all 0.2s;\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 background: #fff;\n\n &.submenu {\n width: fit-content;\n }\n\n & + & {\n margin-top: clamp(10px, 0.75vw, 15px);\n }\n\n * {\n color: ", ";\n text-decoration: none;\n }\n\n li:has(> ul > .active-page) {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n li {\n position: relative;\n border-radius: 5px;\n\n cursor: pointer;\n width: 100%;\n\n &:hover,\n &.open {\n background: ", ";\n\n * {\n color: #fff;\n }\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n\n > span {\n display: grid;\n grid-template-columns: max-content 14px;\n align-items: center;\n justify-content: space-between;\n padding: 0px 15px;\n height: 100%;\n height: clamp(34px, 2.08vw, 40px);\n\n > div {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n .icon {\n display: flex;\n width: 20px;\n height: 20px;\n }\n\n .arrow {\n width: 7px !important;\n display: flex;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n // Responsives\n\n @media only screen and (max-width: 1024px) {\n position: fixed;\n top: 0;\n left: 0;\n transform: translateX(-120%);\n transition: transform 0.3s;\n min-height: 100dvh;\n\n &.open {\n transform: translateX(0);\n }\n\n li.open {\n ul {\n display: block;\n }\n }\n }\n"])), 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
|
|
13
|
+
exports.SubMenu = (0, styled_components_1.default)("ul")(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n border-radius: 5px;\n padding: 4px !important;\n z-index: 24;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow:\n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition:\n background-color 0.3s,\n border-color 0.3s;\n width: 100%;\n\n * {\n color: ", " !important;\n }\n\n li {\n &:hover {\n background: rgb(225, 225, 225) !important;\n }\n\n &.active-page {\n background: rgb(225, 225, 225) !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n position: relative;\n box-shadow: none;\n border: none;\n border-radius: 0;\n inset: unset;\n }\n"], ["\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n border-radius: 5px;\n padding: 4px !important;\n z-index: 24;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow:\n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition:\n background-color 0.3s,\n border-color 0.3s;\n width: 100%;\n\n * {\n color: ", " !important;\n }\n\n li {\n &:hover {\n background: rgb(225, 225, 225) !important;\n }\n\n &.active-page {\n background: rgb(225, 225, 225) !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n position: relative;\n box-shadow: none;\n border: none;\n border-radius: 0;\n inset: unset;\n }\n"])), function (props) { return props.theme.darkColor; });
|
|
14
14
|
exports.Overlay = (0, styled_components_1.default)('div')(templateObject_3 || (templateObject_3 = __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: 7;\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: 7;\n"])));
|
|
15
15
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
16
16
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,OAAO,CAAC,ugEAAA,4eA6BhC,EAAgC,iGAK3B,EAAgC,8NAgB9B,EAAgC,mpCAoErD,KAzFc,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAK3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAgB9B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoErD;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,OAAO,CAAC,ugEAAA,4eA6BhC,EAAgC,iGAK3B,EAAgC,8NAgB9B,EAAgC,mpCAoErD,KAzFc,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAK3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAgB9B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoErD;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,IAAI,CAAC,izBAAoB,4YAmB1C,EAAgC,gWAoB5C,KApBY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoB5C;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uMAAA,oIAQnC,KAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "infinity-forge",
|
|
3
|
-
"version": "2.9.
|
|
3
|
+
"version": "2.9.4",
|
|
4
4
|
"description": "codie Library",
|
|
5
5
|
"main": "./dist/index",
|
|
6
6
|
"module": "./dist/index",
|
|
@@ -10,12 +10,11 @@
|
|
|
10
10
|
"url": "https://github.com/CodieDigital/codiedigital-library"
|
|
11
11
|
},
|
|
12
12
|
"scripts": {
|
|
13
|
-
"dev": "next -p
|
|
13
|
+
"dev": "next -p 3051",
|
|
14
14
|
"deploy": "npm version patch && npm publish",
|
|
15
15
|
"next": "next build",
|
|
16
16
|
"start": "next start -p 3015",
|
|
17
|
-
"build": "concurrently --kill-others-on-fail \"
|
|
18
|
-
"tsc": "tsc && tsc-alias --resolve-full-paths",
|
|
17
|
+
"build": "concurrently --kill-others-on-fail \"tsc -w\" \"tsc-alias -w --resolve-full-paths\" \"npm run build:CSS\" \"npm run fonts\"",
|
|
19
18
|
"build:CSS": "npm run minify-css && node combine-css.ts && cpx \"src/**/*.css\" dist --watch",
|
|
20
19
|
"minify-css": "postcss src/**/*.css --use cssnano -d dist --no-map",
|
|
21
20
|
"fonts": "tsc-alias -p tsconfig.json && mkdir dist\\fonts && for /r src %i in (*.otf, *.ttf) do copy \"%i\" dist\\fonts\\"
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const OpenedMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
3
|
-
ref?: import("react").Ref<HTMLElement>;
|
|
4
|
-
}, never>, never>> & string;
|
|
@@ -1,15 +0,0 @@
|
|
|
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.OpenedMenu = void 0;
|
|
11
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
var styles_1 = require("../../styles.js");
|
|
13
|
-
exports.OpenedMenu = (0, styled_components_1.default)(styles_1.DefaultMenuStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
14
|
-
var templateObject_1;
|
|
15
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/opened/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,uCAA+C;AAElC,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,yBAAgB,CAAC,qEAAA,EAAE,KAAA"}
|