infinity-forge 0.46.1 → 0.46.3
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/avatar/styles.js +1 -1
- package/dist/system/presentation/components/data/avatar/styles.js.map +1 -1
- package/dist/system/presentation/components/data/tab/component.js +12 -13
- package/dist/system/presentation/components/data/tab/component.js.map +1 -1
- package/dist/system/presentation/components/data/tab/interfaces.d.ts +9 -1
- package/dist/system/presentation/components/layout/component.js +1 -1
- package/dist/system/presentation/components/layout/component.js.map +1 -1
- package/dist/system/presentation/components/layout/interfaces.d.ts +2 -0
- package/dist/system/presentation/components/layout/menu/components/menu/index.js +1 -1
- 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 +2 -2
- package/dist/system/presentation/components/layout/menu/components/menu/styles.js.map +1 -1
- package/dist/system/presentation/components/layout/menu/index.d.ts +2 -2
- package/dist/system/presentation/components/layout/menu/index.js +9 -3
- package/dist/system/presentation/components/layout/menu/index.js.map +1 -1
- package/dist/system/presentation/components/layout/menu/interfaces.d.ts +1 -0
- package/dist/system/presentation/components/layout/menu/version-01/index.d.ts +1 -1
- package/dist/system/presentation/components/layout/menu/version-01/index.js +1 -1
- package/dist/system/presentation/components/layout/menu/version-01/index.js.map +1 -1
- package/dist/system/presentation/components/layout/menu/version-02/index.d.ts +2 -0
- package/dist/system/presentation/components/layout/menu/version-02/index.js +40 -0
- package/dist/system/presentation/components/layout/menu/version-02/index.js.map +1 -0
- package/dist/system/presentation/components/layout/menu/version-02/styles.d.ts +2 -0
- package/dist/system/presentation/components/layout/menu/version-02/styles.js +14 -0
- package/dist/system/presentation/components/layout/menu/version-02/styles.js.map +1 -0
- package/dist/ui/components/tooltip/hooks/use-tool-tip.d.ts +2 -1
- package/dist/ui/components/tooltip/hooks/use-tool-tip.js.map +1 -1
- package/dist/ui/components/tooltip/index.d.ts +1 -1
- package/dist/ui/components/tooltip/index.js +1 -1
- package/dist/ui/components/tooltip/index.js.map +1 -1
- package/package.json +2 -1
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Avatar = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Avatar = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 40px;\n height: 40px;\n background-color: #b6b5b5;\n padding: 0;\n display: flex;\n border: 0;\n border-radius: 100%;\n overflow: hidden;\n cursor: pointer;\n\n img {\n width: 100%;\n height: auto;\n }\n"], ["\n width: 40px;\n height: 40px;\n background-color: #b6b5b5;\n padding: 0;\n display: flex;\n border: 0;\n border-radius: 100%;\n overflow: hidden;\n cursor: pointer;\n\n img {\n width: 100%;\n height: auto;\n }\n"])));
|
|
12
|
+
exports.Avatar = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n background-color: #b6b5b5;\n padding: 0;\n display: flex;\n border: 0;\n border-radius: 100%;\n overflow: hidden;\n cursor: pointer;\n\n img {\n width: 100%;\n height: auto;\n }\n\n @media only screen and (max-width: 768px) {\n width: 35px;\n height: 35px;\n min-width: 35px;\n min-height: 35px;\n }\n"], ["\n width: 40px;\n height: 40px;\n min-width: 40px;\n min-height: 40px;\n background-color: #b6b5b5;\n padding: 0;\n display: flex;\n border: 0;\n border-radius: 100%;\n overflow: hidden;\n cursor: pointer;\n\n img {\n width: 100%;\n height: auto;\n }\n\n @media only screen and (max-width: 768px) {\n width: 35px;\n height: 35px;\n min-width: 35px;\n min-height: 35px;\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/avatar/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/avatar/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,4dAAA,yZAwBlC,KAAA"}
|
|
@@ -32,23 +32,22 @@ function Tab(_a) {
|
|
|
32
32
|
var tabs = _a.tabs;
|
|
33
33
|
var firstTabKey = tabs[0].key;
|
|
34
34
|
var _b = (0, react_1.useState)({ key: firstTabKey, width: undefined, translate: 0 }), tab = _b[0], setTab = _b[1];
|
|
35
|
-
var
|
|
35
|
+
var firstTabElement = (0, ui_1.useElementId)({ id: firstTabKey });
|
|
36
36
|
var TabSelected = tabs.find(function (tb) { return tb.key === tab.key; }).content;
|
|
37
|
+
function changeTab(tabKey) {
|
|
38
|
+
var elementTo = document.getElementById(tabKey);
|
|
39
|
+
var boudingId = elementTo.parentElement.getBoundingClientRect();
|
|
40
|
+
var elementToBounding = elementTo.getBoundingClientRect();
|
|
41
|
+
var translate = (elementToBounding === null || elementToBounding === void 0 ? void 0 : elementToBounding.left) - (boudingId === null || boudingId === void 0 ? void 0 : boudingId.left);
|
|
42
|
+
setTab({ key: tabKey, width: elementTo.offsetWidth, translate: translate });
|
|
43
|
+
}
|
|
37
44
|
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Tab', children: (0, jsx_runtime_1.jsxs)(S.Tab, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'tabs', children: [(0, jsx_runtime_1.jsx)("span", { className: 'background', style: {
|
|
38
|
-
width: (tab === null || tab === void 0 ? void 0 : tab.width) ? (tab === null || tab === void 0 ? void 0 : tab.width) + 'px' :
|
|
45
|
+
width: (tab === null || tab === void 0 ? void 0 : tab.width) ? (tab === null || tab === void 0 ? void 0 : tab.width) + 'px' : firstTabElement === null || firstTabElement === void 0 ? void 0 : firstTabElement.offsetWidth,
|
|
39
46
|
left: tab.translate ? 0 : undefined,
|
|
40
47
|
transform: "translateX(".concat(tab.translate, "px)"),
|
|
41
|
-
} }), tabs.map(function (
|
|
42
|
-
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', id:
|
|
43
|
-
|
|
44
|
-
var container = button.parentElement;
|
|
45
|
-
var activeTab = container.querySelector("#".concat(tab.key));
|
|
46
|
-
var buttonRect = button.getBoundingClientRect();
|
|
47
|
-
var containerRect = container.getBoundingClientRect();
|
|
48
|
-
var translate = buttonRect.left - containerRect.left;
|
|
49
|
-
setTab({ key: item.key, width: button.offsetWidth, translate: translate });
|
|
50
|
-
}, children: (0, jsx_runtime_1.jsx)("span", { children: item.title }) }, item.key));
|
|
51
|
-
})] }), (0, jsx_runtime_1.jsx)("div", { className: 'tab_selected', children: TabSelected })] }) }));
|
|
48
|
+
} }), tabs.map(function (tabItem) {
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', id: tabItem.key, onClick: function () { return changeTab(tabItem.key); }, children: (0, jsx_runtime_1.jsx)("span", { children: tabItem.title }) }, tabItem.key));
|
|
50
|
+
})] }), (0, jsx_runtime_1.jsx)("div", { className: 'tab_selected', children: (0, jsx_runtime_1.jsx)(TabSelected, { changeTab: changeTab }) })] }) }));
|
|
52
51
|
}
|
|
53
52
|
exports.Tab = Tab;
|
|
54
53
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/tab/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,2BAA0C;AAI1C,0CAA6B;AAE7B,SAAgB,GAAG,CAAC,EAAmB;QAAjB,IAAI,UAAA;IACxB,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzB,IAAA,KAAgB,IAAA,gBAAQ,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/tab/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,2BAA0C;AAI1C,0CAA6B;AAE7B,SAAgB,GAAG,CAAC,EAAmB;QAAjB,IAAI,UAAA;IACxB,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzB,IAAA,KAAgB,IAAA,gBAAQ,EAAc,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAA1F,GAAG,QAAA,EAAE,MAAM,QAA+E,CAAA;IAEjG,IAAM,eAAe,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAA;IAEzD,IAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAlB,CAAkB,CAAC,CAAC,OAAO,CAAA;IAEjE,SAAS,SAAS,CAAC,MAAc;QAE/B,IAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QAEjD,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QAElE,IAAM,iBAAiB,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QAE5D,IAAM,SAAS,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,KAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAA,CAAA;QAE3D,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,WAAW,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;IAClE,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,KAAK,YACf,wBAAC,CAAC,CAAC,GAAG,eACJ,iCAAK,SAAS,EAAC,MAAM,aACnB,iCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;gCACL,KAAK,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,EAAC,CAAC,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,IAAG,IAAI,CAAC,CAAC,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW;gCACpE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;gCACnC,SAAS,EAAE,qBAAc,GAAG,CAAC,SAAS,QAAK;6BAC5C,GACK,EAEP,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO;4BAChB,OAAO,CACL,mCAA0B,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,OAAO,CAAC,GAAG,EAAE,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,EAAtB,CAAsB,YAC5F,2CAAO,OAAO,CAAC,KAAK,GAAQ,IADjB,OAAO,CAAC,GAAG,CAEf,CACV,CAAA;wBACH,CAAC,CAAC,IACE,EAEN,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,WAAW,IAAC,SAAS,EAAE,SAAS,GAAG,GAChC,IACA,GACF,CACT,CAAA;AACH,CAAC;AAlDD,kBAkDC"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
export type TabSelected = {
|
|
3
|
+
key: string;
|
|
4
|
+
width?: number;
|
|
5
|
+
translate?: number;
|
|
6
|
+
};
|
|
7
|
+
export type TabContentProps = {
|
|
8
|
+
changeTab(tabKey: string): void;
|
|
9
|
+
};
|
|
2
10
|
export type TabItem = {
|
|
3
11
|
key: string;
|
|
4
12
|
title: string;
|
|
5
|
-
content: JSX.Element;
|
|
13
|
+
content: (props: any) => JSX.Element;
|
|
6
14
|
};
|
|
7
15
|
export interface ITabProps {
|
|
8
16
|
tabs: TabItem[];
|
|
@@ -41,7 +41,7 @@ var menu_1 = require("./menu/index.js");
|
|
|
41
41
|
var S = __importStar(require("./styles.js"));
|
|
42
42
|
function Layout(props) {
|
|
43
43
|
var isFixedSideBar = props === null || props === void 0 ? void 0 : props.fixedSidebar;
|
|
44
|
-
return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, __assign({}, props)), props.children && ((0, jsx_runtime_1.jsx)("main", { className: isFixedSideBar ? '' : 'hasMenu', style: { maxWidth: isFixedSideBar ? '100%' : 'calc(100% - 285px)' }, children: props.children }))] })] }));
|
|
44
|
+
return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, __assign({}, props === null || props === void 0 ? void 0 : props.sidebar)), props.children && ((0, jsx_runtime_1.jsx)("main", { className: isFixedSideBar ? '' : 'hasMenu', style: { maxWidth: isFixedSideBar ? '100%' : 'calc(100% - 285px)' }, children: props.children }))] })] }));
|
|
45
45
|
}
|
|
46
46
|
exports.Layout = Layout;
|
|
47
47
|
//# 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,+BAAoC;AAIpC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,cAAc,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAA;IAE1C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,kBAAW,eAAK,KAAK,EAAI,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+BAAoC;AAIpC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,cAAc,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAA;IAE1C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,kBAAW,eAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAI,EAElC,KAAK,CAAC,QAAQ,IAAI,CACjB,iCACE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,EAAE,YAElE,KAAK,CAAC,QAAQ,GACV,CACR,IACG,IACG,CACZ,CAAA;AACH,CAAC;AArBD,wBAqBC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { WorkSpace } from '../data/select-workspace/interfaces.js';
|
|
3
|
+
import { ISidebarProps } from './menu/interfaces.js';
|
|
3
4
|
export interface ILayout {
|
|
4
5
|
workspaces?: WorkSpace;
|
|
5
6
|
fixedSidebar?: boolean;
|
|
@@ -9,4 +10,5 @@ export interface ILayout {
|
|
|
9
10
|
src?: string;
|
|
10
11
|
href?: string;
|
|
11
12
|
};
|
|
13
|
+
sidebar?: ISidebarProps;
|
|
12
14
|
}
|
|
@@ -42,7 +42,7 @@ function MenuItem(_a) {
|
|
|
42
42
|
var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
43
43
|
function ItemContent() {
|
|
44
44
|
var _a;
|
|
45
|
-
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' }) }))] }));
|
|
45
|
+
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 } }), (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' }) }))] }));
|
|
46
46
|
}
|
|
47
47
|
var isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''));
|
|
48
48
|
var isActive = path.substring(0, path.length - 1) === item.route || isFatherActive;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,mDAA4B;AAC5B,sCAAuC;AAEvC,2BAAkC;AAClC,mCAAsC;AAEtC,0CAA6B;AAE7B,SAAS,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC7B,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAA;IAE1B,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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,mDAA4B;AAC5B,sCAAuC;AAEvC,2BAAkC;AAClC,mCAAsC;AAEtC,0CAA6B;AAE7B,SAAS,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC7B,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAA;IAE1B,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,IAAM,cAAc,GAAG,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;IAElG,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,cAAc,CAAA;IAEpF,OAAO,CACL,gCAAI,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aACpC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,qCAA8B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACzF,uBAAC,WAAW,KAAG,GACV,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,qBAAc,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACtD,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;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;AAED,SAAgB,IAAI,CAAC,EAA8C;;QAA5C,aAAa,mBAAA;IAC1B,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IAE9B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YACrB,aAAa;gBACZ,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAChC,yCACE,uBAAC,QAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJiC,CAIjC,CAAC;gBACJ,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI;;oBAAK,OAAA,CACzB,wBAAC,gBAAQ,eACP,gCAAK,SAAS,EAAC,OAAO,YACpB,+BAAI,SAAS,EAAC,2BAA2B,YAAE,IAAI,CAAC,KAAK,GAAM,GACvD,EAEN,yCACG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,uBAAC,QAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,CAC9E,EAFkC,CAElC,CAAC,GACC,KATQ,eAAe,GAAG,IAAI,CAAC,KAAK,CAUhC,CACZ,CAAA;iBAAA,CAAC,GACC,GACH,CACT,CAAA;AACH,CAAC;AA5BD,oBA4BC"}
|
|
@@ -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 padding-right: clamp(5px, 0.78vw, 15px);\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 .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 &.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:
|
|
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"], ["\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; });
|
|
12
|
+
exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n z-index: 999;\n padding-right: clamp(5px, 0.78vw, 15px);\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 .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 &.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 width: 100%;\n position: relative;\n z-index: 999;\n padding-right: clamp(5px, 0.78vw, 15px);\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 .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 &.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"], ["\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); });
|
|
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,+gGAAA,+YAyBb,EAAgC,sZAyB3B,EAAgC,w5BAkDvC,EAAgC,wTAkBrB,EAAgC,+8BA8DzD,KA3JgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAyB3B,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,
|
|
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,+gGAAA,+YAyBb,EAAgC,sZAyB3B,EAAgC,w5BAkDvC,EAAgC,wTAkBrB,EAAgC,+8BA8DzD,KA3JgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAyB3B,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,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function SideBarMenu(props:
|
|
1
|
+
import { ISidebarProps } from './interfaces.js';
|
|
2
|
+
export declare function SideBarMenu(props: ISidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -14,10 +14,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.SideBarMenu = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
var version_01_1 = require("./version-01/index.js");
|
|
17
|
+
var version_02_1 = require("./version-02/index.js");
|
|
17
18
|
function SideBarMenu(props) {
|
|
18
|
-
var
|
|
19
|
-
switch (
|
|
20
|
-
|
|
19
|
+
var version = props['version'];
|
|
20
|
+
switch (version) {
|
|
21
|
+
case 'version01':
|
|
22
|
+
return (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
|
|
23
|
+
case 'version02':
|
|
24
|
+
return (0, jsx_runtime_1.jsx)(version_02_1.SideBarMenuVersion02, __assign({}, props));
|
|
25
|
+
default:
|
|
26
|
+
return (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
|
|
21
27
|
}
|
|
22
28
|
}
|
|
23
29
|
exports.SideBarMenu = SideBarMenu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,2CAAmD;AAEnD,SAAgB,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,2CAAmD;AACnD,2CAAmD;AAEnD,SAAgB,WAAW,CAAC,KAAoB;IAC9C,IAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IAEhC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,WAAW;YACd,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;QAE5C,KAAK,WAAW;YACd,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;QAE5C;YACE,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;IAC9C,CAAC;AACH,CAAC;AAbD,kCAaC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ISidebarProps } from '../interfaces.js';
|
|
2
|
-
export declare function SideBarMenuVersion01({
|
|
2
|
+
export declare function SideBarMenuVersion01({ fixedSidebar, isInteralMenu }: ISidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -31,7 +31,7 @@ var utils_1 = require("../../../../../../system/presentation/utils/index.js");
|
|
|
31
31
|
var context_1 = require("../../../../../../system/presentation/context/index.js");
|
|
32
32
|
var S = __importStar(require("./styles.js"));
|
|
33
33
|
function SideBarMenuVersion01(_a) {
|
|
34
|
-
var
|
|
34
|
+
var fixedSidebar = _a.fixedSidebar, isInteralMenu = _a.isInteralMenu;
|
|
35
35
|
var user = (0, context_1.useAuthAdmin)().user;
|
|
36
36
|
var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
|
|
37
37
|
return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion01, { id: 'left-menu', "$isFixed": fixedSidebar, children: [fixedSidebar && (0, jsx_runtime_1.jsx)("div", { id: 'sidebar-overlay', onClick: utils_1.closeSidebar }), (0, jsx_runtime_1.jsxs)("div", { id: 'sidebar', children: [(0, jsx_runtime_1.jsx)("div", { className: 'profile-box-mobile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'profile', children: [(0, jsx_runtime_1.jsx)(data_1.Avatar, { image: avatarImage }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-14-bold', children: [user === null || user === void 0 ? void 0 : user.firstName, " ", (0, jsx_runtime_1.jsx)("br", {}), user === null || user === void 0 ? void 0 : user.lastName] })] }) }), (0, jsx_runtime_1.jsx)(components_1.Menu, { isInteralMenu: isInteralMenu })] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAoC;AACpC,sCAAsC;AAEtC,qDAA0D;AAC1D,yDAA4D;AAI5D,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA8C;QAA5C,YAAY,kBAAA,EAAE,aAAa,mBAAA;IACxD,IAAA,IAAI,GAAK,IAAA,sBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,wBAAC,CAAC,CAAC,oBAAoB,IAAC,EAAE,EAAC,WAAW,cAAW,YAAY,aAC1D,YAAY,IAAI,gCAAK,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,oBAAY,GAAI,EAEpE,iCAAK,EAAE,EAAC,SAAS,aACf,gCAAK,SAAS,EAAC,oBAAoB,YACjC,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,aAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EAE9B,kCAAM,SAAS,EAAC,cAAc,aAC3B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,OAAE,gCAAM,EACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,IACV,IACH,GAOF,EAEN,uBAAC,iBAAI,IAAC,aAAa,EAAE,aAAa,GAAI,IAGlC,IACiB,CAC1B,CAAA;AACH,CAAC;AAjCD,oDAiCC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
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.SideBarMenuVersion02 = void 0;
|
|
27
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var components_1 = require("../components/index.js");
|
|
29
|
+
var data_1 = require("../../../data/index.js");
|
|
30
|
+
var utils_1 = require("../../../../../../system/presentation/utils/index.js");
|
|
31
|
+
var context_1 = require("../../../../../../system/presentation/context/index.js");
|
|
32
|
+
var S = __importStar(require("./styles.js"));
|
|
33
|
+
function SideBarMenuVersion02(_a) {
|
|
34
|
+
var fixedSidebar = _a.fixedSidebar, isInteralMenu = _a.isInteralMenu;
|
|
35
|
+
var user = (0, context_1.useAuthAdmin)().user;
|
|
36
|
+
var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion02, { id: 'left-menu', children: [fixedSidebar && (0, jsx_runtime_1.jsx)("div", { id: 'sidebar-overlay', onClick: utils_1.closeSidebar }), (0, jsx_runtime_1.jsx)("div", { className: 'ghost-sidebar' }), (0, jsx_runtime_1.jsxs)("div", { id: 'sidebar', children: [(0, jsx_runtime_1.jsx)("div", { className: 'profile-box-mobile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'profile', children: [(0, jsx_runtime_1.jsx)(data_1.Avatar, { image: avatarImage }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-14-bold', children: [user === null || user === void 0 ? void 0 : user.firstName, " ", (0, jsx_runtime_1.jsx)("br", {}), user === null || user === void 0 ? void 0 : user.lastName] })] }) }), (0, jsx_runtime_1.jsx)(components_1.Menu, { isInteralMenu: isInteralMenu })] })] }));
|
|
38
|
+
}
|
|
39
|
+
exports.SideBarMenuVersion02 = SideBarMenuVersion02;
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-02/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAoC;AACpC,sCAAsC;AAEtC,qDAA0D;AAC1D,yDAA4D;AAI5D,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA8C;QAA5C,YAAY,kBAAA,EAAE,aAAa,mBAAA;IACxD,IAAA,IAAI,GAAK,IAAA,sBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,wBAAC,CAAC,CAAC,oBAAoB,IAAC,EAAE,EAAC,WAAW,aACnC,YAAY,IAAI,gCAAK,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,oBAAY,GAAI,EAEpE,gCAAK,SAAS,EAAC,eAAe,GAAG,EAEjC,iCAAK,EAAE,EAAC,SAAS,aACf,gCAAK,SAAS,EAAC,oBAAoB,YACjC,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,aAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EAE9B,kCAAM,SAAS,EAAC,cAAc,aAC3B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,OAAE,gCAAM,EACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,IACV,IACH,GACF,EACN,uBAAC,iBAAI,IAAC,aAAa,EAAE,aAAa,GAAI,IAClC,IACiB,CAC1B,CAAA;AACH,CAAC;AA1BD,oDA0BC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const SideBarMenuVersion02: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
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.SideBarMenuVersion02 = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.SideBarMenuVersion02 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n --sidebarMaxWidth: 90px;\n --sidebarWidth: 285px;\n\n &:hover {\n .ghost-sidebar {\n max-width: 100%;\n }\n }\n\n .ghost-sidebar {\n width: var(--sidebarWidth);\n max-width: var(--sidebarMaxWidth);\n transition: max-width 0.1s;\n }\n\n #sidebar-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n min-width: 100vw;\n min-height: 100vh;\n z-index: 999999999;\n background-color: rgba(0, 0, 0, 0.5);\n\n &.open {\n display: block;\n }\n }\n\n > #sidebar {\n width: var(--sidebarWidth);\n padding: 0 0 20px 15px;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: calc(100vh - 64px);\n overflow-y: auto;\n z-index: 999;\n background: #fff;\n position: absolute;\n max-width: var(--sidebarMaxWidth);\n overflow: hidden;\n transition: max-width 0.2s;\n\n &:hover {\n max-width: 100%;\n overflow-y: auto;\n\n .profile-box-mobile {\n .profile {\n span {\n opacity: 1;\n }\n }\n }\n\n .title {\n h5 {\n width: 100%;\n }\n }\n\n .content-title {\n opacity: 1;\n }\n }\n\n .title {\n h5 {\n text-overflow: ellipsis;\n overflow: hidden;\n width: 40px;\n white-space: nowrap;\n }\n }\n\n .content-title {\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n .icon {\n min-width: 25px;\n min-height: 25px;\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 &::-webkit-scrollbar-thumb {\n background: #444;\n border-radius: 10px;\n }\n }\n\n .menu {\n margin-top: 20px;\n }\n\n .profile-box-mobile {\n display: none;\n }\n\n @media only screen and (max-width: 1700px) {\n --sidebarWidth: 280px;\n }\n\n @media only screen and (max-width: 1650px) {\n --sidebarWidth: 275px;\n }\n\n @media only screen and (max-width: 1600px) {\n --sidebarWidth: 270px;\n }\n\n @media only screen and (max-width: 1550px) {\n --sidebarWidth: 265px;\n }\n\n @media only screen and (max-width: 1500px) {\n --sidebarWidth: 260px;\n }\n\n @media only screen and (max-width: 1450px) {\n --sidebarWidth: 255px;\n }\n\n @media only screen and (max-width: 1400px) {\n --sidebarMaxWidth: 70px;\n --sidebarWidth: 250px;\n\n > #sidebar {\n padding-left: 13px;\n\n .icon {\n min-width: 22px;\n min-height: 22px;\n }\n\n .title {\n h5 {\n width: 30px;\n }\n }\n }\n }\n\n @media only screen and (max-width: 1350px) {\n --sidebarWidth: 245px;\n }\n\n @media only screen and (max-width: 1200px) {\n --sidebarWidth: 240px;\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n }\n }\n\n @media only screen and (max-width: 768px) {\n --sidebarMaxWidth: 60px;\n\n .profile-box-mobile {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px 0 0;\n\n .profile {\n display: flex;\n align-items: center;\n gap: 15px;\n\n span {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.03;\n min-width: fit-content;\n opacity: 0;\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 10px;\n\n button {\n width: 30px;\n height: 30px;\n padding: 7px;\n background: ", ";\n }\n }\n }\n\n .menu {\n margin-top: 15px;\n }\n }\n"], ["\n display: flex;\n --sidebarMaxWidth: 90px;\n --sidebarWidth: 285px;\n\n &:hover {\n .ghost-sidebar {\n max-width: 100%;\n }\n }\n\n .ghost-sidebar {\n width: var(--sidebarWidth);\n max-width: var(--sidebarMaxWidth);\n transition: max-width 0.1s;\n }\n\n #sidebar-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n min-width: 100vw;\n min-height: 100vh;\n z-index: 999999999;\n background-color: rgba(0, 0, 0, 0.5);\n\n &.open {\n display: block;\n }\n }\n\n > #sidebar {\n width: var(--sidebarWidth);\n padding: 0 0 20px 15px;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: calc(100vh - 64px);\n overflow-y: auto;\n z-index: 999;\n background: #fff;\n position: absolute;\n max-width: var(--sidebarMaxWidth);\n overflow: hidden;\n transition: max-width 0.2s;\n\n &:hover {\n max-width: 100%;\n overflow-y: auto;\n\n .profile-box-mobile {\n .profile {\n span {\n opacity: 1;\n }\n }\n }\n\n .title {\n h5 {\n width: 100%;\n }\n }\n\n .content-title {\n opacity: 1;\n }\n }\n\n .title {\n h5 {\n text-overflow: ellipsis;\n overflow: hidden;\n width: 40px;\n white-space: nowrap;\n }\n }\n\n .content-title {\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n .icon {\n min-width: 25px;\n min-height: 25px;\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 &::-webkit-scrollbar-thumb {\n background: #444;\n border-radius: 10px;\n }\n }\n\n .menu {\n margin-top: 20px;\n }\n\n .profile-box-mobile {\n display: none;\n }\n\n @media only screen and (max-width: 1700px) {\n --sidebarWidth: 280px;\n }\n\n @media only screen and (max-width: 1650px) {\n --sidebarWidth: 275px;\n }\n\n @media only screen and (max-width: 1600px) {\n --sidebarWidth: 270px;\n }\n\n @media only screen and (max-width: 1550px) {\n --sidebarWidth: 265px;\n }\n\n @media only screen and (max-width: 1500px) {\n --sidebarWidth: 260px;\n }\n\n @media only screen and (max-width: 1450px) {\n --sidebarWidth: 255px;\n }\n\n @media only screen and (max-width: 1400px) {\n --sidebarMaxWidth: 70px;\n --sidebarWidth: 250px;\n\n > #sidebar {\n padding-left: 13px;\n\n .icon {\n min-width: 22px;\n min-height: 22px;\n }\n\n .title {\n h5 {\n width: 30px;\n }\n }\n }\n }\n\n @media only screen and (max-width: 1350px) {\n --sidebarWidth: 245px;\n }\n\n @media only screen and (max-width: 1200px) {\n --sidebarWidth: 240px;\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n }\n }\n\n @media only screen and (max-width: 768px) {\n --sidebarMaxWidth: 60px;\n\n .profile-box-mobile {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px 0 0;\n\n .profile {\n display: flex;\n align-items: center;\n gap: 15px;\n\n span {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.03;\n min-width: fit-content;\n opacity: 0;\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 10px;\n\n button {\n width: 30px;\n height: 30px;\n padding: 7px;\n background: ", ";\n }\n }\n }\n\n .menu {\n margin-top: 15px;\n }\n }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#000'; });
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-02/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,m0HAAA,0qHA4MxB,EAA+C,oFAStE,KATuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,MAAM,CAAA,EAAA,EAStE"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { PositionProp } from '../interfaces.js';
|
|
3
|
+
export declare function useToolTip(position: PositionProp, rest: any): {
|
|
3
4
|
isOpen: boolean;
|
|
4
5
|
contentRef: import("react").MutableRefObject<HTMLDivElement>;
|
|
5
6
|
toolTipRef: import("react").MutableRefObject<HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAAgE;
|
|
1
|
+
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/hooks/use-tool-tip.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { IToolTipProps } from './interfaces.js';
|
|
2
|
-
export declare function Tooltip({ trigger, content,
|
|
2
|
+
export declare function Tooltip({ trigger, content, bgColor, enableHover, enableArrow, position, closeOnClick, ...rest }: IToolTipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -44,7 +44,7 @@ var react_dom_1 = __importDefault(require("react-dom"));
|
|
|
44
44
|
var use_tool_tip_1 = require("./hooks/use-tool-tip.js");
|
|
45
45
|
var S = __importStar(require("./styles.js"));
|
|
46
46
|
function Tooltip(_a) {
|
|
47
|
-
var trigger = _a.trigger, content = _a.content, _b = _a.position, position = _b === void 0 ? 'auto' : _b,
|
|
47
|
+
var trigger = _a.trigger, content = _a.content, bgColor = _a.bgColor, enableHover = _a.enableHover, enableArrow = _a.enableArrow, _b = _a.position, position = _b === void 0 ? 'auto' : _b, _c = _a.closeOnClick, closeOnClick = _c === void 0 ? false : _c, rest = __rest(_a, ["trigger", "content", "bgColor", "enableHover", "enableArrow", "position", "closeOnClick"]);
|
|
48
48
|
var _d = (0, use_tool_tip_1.useToolTip)(position, rest), isOpen = _d.isOpen, toolTipRef = _d.toolTipRef, contentRef = _d.contentRef, handleToggle = _d.handleToggle, tooltipStyle = _d.tooltipStyle;
|
|
49
49
|
var handleMouseEnter = function () { return enableHover && handleToggle(true); };
|
|
50
50
|
var handleMouseLeave = function () { return enableHover && handleToggle(false); };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,wDAAgC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,wDAAgC;AAEhC,qDAAiD;AAIjD,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EASR;IARd,IAAA,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACjB,IAAI,cARe,2FASvB,CADQ;IAED,IAAA,KAAiE,IAAA,yBAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,EAAzF,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAA+B,CAAA;IAEjG,IAAM,gBAAgB,GAAG,cAAM,OAAA,WAAW,IAAI,YAAY,CAAC,IAAI,CAAC,EAAjC,CAAiC,CAAA;IAChE,IAAM,gBAAgB,GAAG,cAAM,OAAA,WAAW,IAAI,YAAY,CAAC,KAAK,CAAC,EAAlC,CAAkC,CAAA;IAEjE,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;YAC3C,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC5E,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QAED,IAAI,YAAY,IAAI,MAAM,EAAE,CAAC;YAC3B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YACtD,OAAO;gBACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YAC3D,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAEpD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,MAAM,IAAI,CAC/B,uBAAC,CAAC,CAAC,cAAc,IACf,GAAG,EAAE,UAAU,cACL,OAAO,EACjB,SAAS,EAAE,QAAQ,kBACL,WAAW,EACzB,KAAK,EAAE,YAAY,YAElB,OAAO,GACS,CACpB,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,gBAAgB,IACjB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAC,CAAC,SAAS,EAC5D,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,aAE7B,OAAO,EACP,MAAM,IAAI,mBAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,IAChE,CACtB,CAAA;AACH,CAAC;AAvDD,0BAuDC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "infinity-forge",
|
|
3
|
-
"version": "0.46.
|
|
3
|
+
"version": "0.46.3",
|
|
4
4
|
"description": "codie Library",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
},
|
|
12
12
|
"scripts": {
|
|
13
13
|
"dev": "next -p 3050",
|
|
14
|
+
"deploy": "npm version patch && npm publish",
|
|
14
15
|
"start": "next start -p 3015",
|
|
15
16
|
"build": "concurrently --kill-others-on-fail \"tsc -w\" \"tsc-alias -w --resolve-full-paths\" \"npm run build:CSS\" \"npm run fonts\"",
|
|
16
17
|
"build:CSS": "npm run minify-css && node combine-css.ts && cpx \"src/**/*.css\" dist --watch",
|