infinity-forge 0.23.7 → 0.23.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/system/presentation/components/layout/component.js +5 -1
- package/dist/system/presentation/components/layout/component.js.map +1 -1
- package/dist/system/presentation/components/layout/header/index.d.ts +3 -1
- package/dist/system/presentation/components/layout/header/index.js +6 -3
- package/dist/system/presentation/components/layout/header/index.js.map +1 -1
- package/dist/system/presentation/components/layout/header/version-01/index.d.ts +3 -1
- package/dist/system/presentation/components/layout/header/version-01/index.js +8 -3
- package/dist/system/presentation/components/layout/header/version-01/index.js.map +1 -1
- package/dist/system/presentation/components/layout/header/version-01/styles.js +1 -1
- package/dist/system/presentation/components/layout/header/version-01/styles.js.map +1 -1
- package/dist/system/presentation/components/layout/menu/version-01/index.js +15 -1
- package/dist/system/presentation/components/layout/menu/version-01/index.js.map +1 -1
- package/dist/system/presentation/components/layout/menu/version-01/styles.js +1 -1
- package/dist/system/presentation/components/layout/menu/version-01/styles.js.map +1 -1
- package/dist/system/presentation/components/layout/styles.js +1 -1
- package/dist/system/presentation/components/layout/styles.js.map +1 -1
- package/dist/ui/components/form/select/index.js +1 -1
- package/dist/ui/components/form/select/index.js.map +1 -1
- package/dist/ui/hooks/index.d.ts +3 -1
- package/dist/ui/hooks/index.js +3 -1
- package/dist/ui/hooks/index.js.map +1 -1
- package/dist/ui/hooks/use-is-fixed/index.d.ts +3 -0
- package/dist/ui/hooks/{use-screen → use-is-fixed}/index.js +3 -12
- package/dist/ui/hooks/use-is-fixed/index.js.map +1 -0
- package/dist/ui/hooks/use-screen-height/index.d.ts +3 -0
- package/dist/ui/hooks/use-screen-height/index.js +21 -0
- package/dist/ui/hooks/use-screen-height/index.js.map +1 -0
- package/dist/ui/hooks/use-screen-width/index.d.ts +3 -0
- package/dist/ui/hooks/use-screen-width/index.js +21 -0
- package/dist/ui/hooks/use-screen-width/index.js.map +1 -0
- package/package.json +1 -1
- package/dist/ui/hooks/use-screen/index.d.ts +0 -5
- package/dist/ui/hooks/use-screen/index.js.map +0 -1
|
@@ -28,9 +28,13 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
28
28
|
var header_1 = require("./header/index.js");
|
|
29
29
|
var menu_1 = require("./menu/index.js");
|
|
30
30
|
var S = __importStar(require("./styles.js"));
|
|
31
|
+
var use_screen_width_1 = require("../../../../ui/hooks/use-screen-width/index.js");
|
|
31
32
|
function Layout(_a) {
|
|
32
33
|
var children = _a.children, workspaces = _a.workspaces;
|
|
33
|
-
|
|
34
|
+
var width = (0, use_screen_width_1.useScreenWidth)().width;
|
|
35
|
+
console.log(width);
|
|
36
|
+
var isMobile = width <= 1280;
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, { workspaces: workspaces }), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)("div", { className: 'false-menu', style: { width: '100%' } }), !isMobile && (0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, { workspaces: workspaces }), (0, jsx_runtime_1.jsx)("main", { children: children })] })] }));
|
|
34
38
|
}
|
|
35
39
|
exports.Layout = Layout;
|
|
36
40
|
//# 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;AAGpC,0CAA6B;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+BAAoC;AAGpC,0CAA6B;AAC7B,gEAA4D;AAE5D,SAAgB,MAAM,CAAC,EAA+E;QAA7E,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACnC,IAAA,KAAK,GAAK,IAAA,iCAAc,GAAE,MAArB,CAAqB;IAElC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAElB,IAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAA;IAE9B,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,IAAC,UAAU,EAAE,UAAU,GAAI,EAElC,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,gCAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,EAEvD,CAAC,QAAQ,IAAI,uBAAC,kBAAW,IAAC,UAAU,EAAE,UAAU,GAAI,EAErD,2CAAO,QAAQ,GAAQ,IACnB,IACG,CACZ,CAAA;AACH,CAAC;AApBD,wBAoBC"}
|
|
@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Header = void 0;
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
var version_01_1 = require("./version-01/index.js");
|
|
6
|
-
function Header() {
|
|
6
|
+
function Header(_a) {
|
|
7
|
+
var workspaces = _a.workspaces;
|
|
7
8
|
var type = 'version01';
|
|
8
9
|
switch (type) {
|
|
9
10
|
case 'version01':
|
|
10
|
-
return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, {});
|
|
11
|
-
default:
|
|
11
|
+
return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, { workspaces: workspaces });
|
|
12
|
+
default:
|
|
13
|
+
;
|
|
14
|
+
(0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, { workspaces: workspaces });
|
|
12
15
|
}
|
|
13
16
|
}
|
|
14
17
|
exports.Header = Header;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/header/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAA8C;AAE9C,SAAgB,MAAM;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/header/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAA8C;AAE9C,SAAgB,MAAM,CAAC,EAAc;QAAZ,UAAU,gBAAA;IACjC,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAEpD;YACE,CAAC;YAAA,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;IAChD,CAAC;AACH,CAAC;AAVD,wBAUC"}
|
|
@@ -28,12 +28,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.HeaderVersion01 = void 0;
|
|
30
30
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
+
var link_1 = __importDefault(require("next/link"));
|
|
31
32
|
var ui_1 = require("../../../../../../ui/index.js");
|
|
33
|
+
var use_screen_width_1 = require("../../../../../../ui/hooks/use-screen-width/index.js");
|
|
34
|
+
var menu_1 = require("../../menu/index.js");
|
|
32
35
|
var components_1 = require("../components/index.js");
|
|
33
36
|
var S = __importStar(require("./styles.js"));
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
+
function HeaderVersion01(_a) {
|
|
38
|
+
var workspaces = _a.workspaces;
|
|
39
|
+
var width = (0, use_screen_width_1.useScreenWidth)().width;
|
|
40
|
+
var isMobile = width <= 1280;
|
|
41
|
+
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: [isMobile && (0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, { workspaces: workspaces }), (0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: '/', children: (0, jsx_runtime_1.jsx)("img", { src: '/images/logo.png', alt: 'header-logo' }) }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.SearchModal, {}), (0, jsx_runtime_1.jsx)(components_1.MenuRight, {})] })] }) }) }));
|
|
37
42
|
}
|
|
38
43
|
exports.HeaderVersion01 = HeaderVersion01;
|
|
39
44
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAuC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AACvC,gEAA4D;AAE5D,mCAAwC;AACxC,4CAAsD;AAEtD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAAc;QAAZ,UAAU,gBAAA;IAClC,IAAA,KAAK,GAAK,IAAA,iCAAc,GAAE,MAArB,CAAqB;IAClC,IAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAA;IAE9B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACP,QAAQ,IAAI,uBAAC,kBAAW,IAAC,UAAU,EAAE,UAAU,GAAI,EAEpD,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,YAC7B,gCAAK,GAAG,EAAC,kBAAkB,EAAC,GAAG,EAAC,aAAa,GAAG,GAC3C,GACH,EAEN,4CACE,uBAAC,wBAAW,KAAG,EAEf,uBAAC,sBAAS,KAAG,IACT,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAzBD,0CAyBC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.HeaderVersion01 = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: sticky;\n z-index: 99999999;\n top: 0;\n background: ", ";\n padding: 5px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\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 align-items: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n }\n }\n"], ["\n width: 100%;\n position: sticky;\n z-index: 99999999;\n top: 0;\n background: ", ";\n padding: 5px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\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 align-items: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n }\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
12
|
+
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: 5px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\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 align-items: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .logo-wrapper {\n max-width: fit-content;\n margin: 0 20px;\n }\n }\n"], ["\n width: 100%;\n position: sticky;\n z-index: 99999999;\n top: 0;\n background: ", ";\n padding: 5px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\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 align-items: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .logo-wrapper {\n max-width: fit-content;\n margin: 0 20px;\n }\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
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/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAA+C;AAElC,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAA+C;AAElC,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,8yBAAA,wFAK5B,EAAmC,ipBAuClD,KAvCe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAuClD"}
|
|
@@ -25,11 +25,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.SideBarMenuVersion01 = void 0;
|
|
27
27
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var react_1 = require("react");
|
|
28
29
|
var components_1 = require("../components/index.js");
|
|
29
30
|
var S = __importStar(require("./styles.js"));
|
|
30
31
|
function SideBarMenuVersion01(_a) {
|
|
31
32
|
var workspaces = _a.workspaces;
|
|
32
|
-
|
|
33
|
+
var _b = (0, react_1.useState)(false), openSideBar = _b[0], setOpenSideBar = _b[1];
|
|
34
|
+
// const test: WorkSpace = {
|
|
35
|
+
// list: [
|
|
36
|
+
// {
|
|
37
|
+
// img: '',
|
|
38
|
+
// value: 'fasdf',
|
|
39
|
+
// label: 'sdfa',
|
|
40
|
+
// subtitle: 'asdfas',
|
|
41
|
+
// },
|
|
42
|
+
// ],
|
|
43
|
+
// activeWorkspace: '',
|
|
44
|
+
// onChangeWorkSpace: () => null,
|
|
45
|
+
// }
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion01, { id: 'left-menu', children: [(0, jsx_runtime_1.jsx)("button", { onClick: function () { return setOpenSideBar(true); }, type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', "stroke-width": '2', stroke: 'currentColor', children: (0, jsx_runtime_1.jsx)("path", { "stroke-linecap": 'round', "stroke-linejoin": 'round', d: 'M3.75 6.75h16.5M3.75 12H12m-8.25 5.25h16.5' }) }) }), openSideBar && (0, jsx_runtime_1.jsx)("div", { className: 'sidebar-overlay', onClick: function () { return setOpenSideBar(false); } }), (0, jsx_runtime_1.jsxs)("div", { className: "sidebar ".concat(openSideBar ? 'open' : ''), children: [(0, jsx_runtime_1.jsx)(components_1.SelectWorkSpace, { workspaces: workspaces }), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] })] }));
|
|
33
47
|
}
|
|
34
48
|
exports.SideBarMenuVersion01 = SideBarMenuVersion01;
|
|
35
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAgE;AAEhE,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA0C;QAAxC,UAAU,gBAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,4CAAgE;AAEhE,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IACzC,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,4BAA4B;IAC5B,YAAY;IACZ,QAAQ;IACR,iBAAiB;IACjB,wBAAwB;IACxB,uBAAuB;IACvB,4BAA4B;IAC5B,SAAS;IACT,OAAO;IAEP,yBAAyB;IACzB,mCAAmC;IACnC,IAAI;IAEJ,OAAO,CACL,wBAAC,CAAC,CAAC,oBAAoB,IAAC,EAAE,EAAC,WAAW,aACpC,mCAAQ,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,IAAI,EAAC,QAAQ,YACxD,gCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,GAAG,EAAC,MAAM,EAAC,cAAc,YAC5G,mDAAqB,OAAO,qBAAiB,OAAO,EAAC,CAAC,EAAC,4CAA4C,GAAQ,GACvG,GACC,EAER,WAAW,IAAI,gCAAK,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,GAAQ,EAE7F,iCAAK,SAAS,EAAE,kBAAW,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,aACpD,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,EAE3C,uBAAC,iBAAI,KAAG,IACJ,IACiB,CAC1B,CAAA;AACH,CAAC;AAlCD,oDAkCC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.SideBarMenuVersion01 = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.SideBarMenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n max-width: 285px;\n
|
|
12
|
+
exports.SideBarMenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n\n > button {\n display: none;\n padding: 0;\n border: none;\n background: none;\n width: 28px;\n height: 28px;\n color: #fff;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n > .sidebar {\n width: 100%;\n max-width: 285px;\n padding: 0 0 20px 15px;\n border-right: 1px solid #e1e1e1;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n position: fixed;\n left: 0;\n height: calc(100vh - 80px);\n overflow-y: auto;\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\n .menu {\n margin-top: 20px;\n }\n\n @media only screen and (max-width: 1280px) {\n > button {\n display: flex;\n }\n\n > .sidebar {\n top: 0;\n height: 100vh;\n z-index: 999999999;\n background: #fff;\n transform: translateX(-100%);\n transition: transform 0.2s;\n\n &.open {\n transform: translateX(0);\n }\n }\n\n .sidebar-overlay {\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 }\n"], ["\n display: flex;\n\n > button {\n display: none;\n padding: 0;\n border: none;\n background: none;\n width: 28px;\n height: 28px;\n color: #fff;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n > .sidebar {\n width: 100%;\n max-width: 285px;\n padding: 0 0 20px 15px;\n border-right: 1px solid #e1e1e1;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n position: fixed;\n left: 0;\n height: calc(100vh - 80px);\n overflow-y: auto;\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\n .menu {\n margin-top: 20px;\n }\n\n @media only screen and (max-width: 1280px) {\n > button {\n display: flex;\n }\n\n > .sidebar {\n top: 0;\n height: 100vh;\n z-index: 999999999;\n background: #fff;\n transform: translateX(-100%);\n transition: transform 0.2s;\n\n &.open {\n transform: translateX(0);\n }\n }\n\n .sidebar-overlay {\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 }\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/layout/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,o5CAAA,i1CA4E/C,KAAA"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Layout = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --spacing: 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\n .false-menu {\n max-width: 285px;\n min-width: 285px;\n }\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n flex: 1;\n margin: var(--spacing) 0;\n overflow: hidden;\n }\n }\n"], ["\n --spacing: 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\n .false-menu {\n max-width: 285px;\n min-width: 285px;\n }\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n flex: 1;\n margin: var(--spacing) 0;\n overflow: hidden;\n }\n }\n"])));
|
|
12
|
+
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --spacing: 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\n .false-menu {\n max-width: 285px;\n min-width: 285px;\n }\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n flex: 1;\n margin: var(--spacing) 0;\n overflow: hidden;\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .content_layout {\n .false-menu {\n display: none;\n }\n }\n }\n"], ["\n --spacing: 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\n .false-menu {\n max-width: 285px;\n min-width: 285px;\n }\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n flex: 1;\n margin: var(--spacing) 0;\n overflow: hidden;\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .content_layout {\n .false-menu {\n display: none;\n }\n }\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/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,wqBAAA,qmBAsClC,KAAA"}
|
|
@@ -67,7 +67,7 @@ function Select(props) {
|
|
|
67
67
|
helpers.setValue(props.value);
|
|
68
68
|
}
|
|
69
69
|
}, [props.value]);
|
|
70
|
-
return ((0, jsx_runtime_1.jsxs)(S.SelectWrapper, { children: [(0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { isSearchable: props.isSearchable, menuPlacement: props.menuPlacement || 'auto', menuIsOpen: props.forceOpenToDevelop ? props.forceOpenToDevelop : undefined, placeholder: props.placeholder, name: field.name, noOptionsMessage: function () { return props.noOptionMessage || 'Nenhuma opção encontrada.'; }, onChange: function (ev) {
|
|
70
|
+
return ((0, jsx_runtime_1.jsxs)(S.SelectWrapper, { children: [(0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { isDisabled: props.disabled, isSearchable: props.isSearchable, menuPlacement: props.menuPlacement || 'auto', menuIsOpen: props.forceOpenToDevelop ? props.forceOpenToDevelop : undefined, placeholder: props.placeholder, name: field.name, noOptionsMessage: function () { return props.noOptionMessage || 'Nenhuma opção encontrada.'; }, onChange: function (ev) {
|
|
71
71
|
var value = props.onlyOneValue
|
|
72
72
|
? ev.value
|
|
73
73
|
: Array.isArray(ev)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/hooks/index.d.ts
CHANGED
package/dist/ui/hooks/index.js
CHANGED
|
@@ -14,7 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./use-screen/index.js"), exports);
|
|
18
17
|
__exportStar(require("./use-mounted/index.js"), exports);
|
|
18
|
+
__exportStar(require("./use-is-fixed/index.js"), exports);
|
|
19
19
|
__exportStar(require("./use-element-size/index.js"), exports);
|
|
20
|
+
__exportStar(require("./use-screen-width/index.js"), exports);
|
|
21
|
+
__exportStar(require("./use-screen-height/index.js"), exports);
|
|
20
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,iDAA8B;AAC9B,qDAAkC;AAClC,qDAAkC;AAClC,sDAAmC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.useIsFixed = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
|
-
function
|
|
5
|
+
function useIsFixed() {
|
|
6
6
|
var _a = (0, react_1.useState)(false), isFixed = _a[0], setIsFixed = _a[1];
|
|
7
|
-
var _b = (0, react_1.useState)({ width: 0, height: 0 }), screenInfo = _b[0], setScreenInfo = _b[1];
|
|
8
7
|
(0, react_1.useEffect)(function () {
|
|
9
8
|
function handleScroll() {
|
|
10
9
|
if (window.scrollY > 50) {
|
|
@@ -14,23 +13,15 @@ function useScreen() {
|
|
|
14
13
|
setIsFixed(false);
|
|
15
14
|
}
|
|
16
15
|
}
|
|
17
|
-
function handleScreenSize() {
|
|
18
|
-
setScreenInfo({ width: window.innerWidth, height: window.innerHeight });
|
|
19
|
-
}
|
|
20
16
|
handleScroll();
|
|
21
|
-
handleScreenSize();
|
|
22
|
-
window.addEventListener('resize', handleScreenSize);
|
|
23
17
|
window.addEventListener('scroll', handleScroll);
|
|
24
18
|
return function () {
|
|
25
|
-
window.removeEventListener('resize', handleScreenSize);
|
|
26
19
|
window.removeEventListener('scroll', handleScroll);
|
|
27
20
|
};
|
|
28
21
|
}, []);
|
|
29
22
|
return {
|
|
30
23
|
isFixed: isFixed,
|
|
31
|
-
width: screenInfo.width,
|
|
32
|
-
height: screenInfo.height,
|
|
33
24
|
};
|
|
34
25
|
}
|
|
35
|
-
exports.
|
|
26
|
+
exports.useIsFixed = useIsFixed;
|
|
36
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/hooks/use-is-fixed/index.tsx"],"names":[],"mappings":";;;AAAA,+BAA2C;AAE3C,SAAgB,UAAU;IAClB,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAA,iBAAS,EAAC;QACR,SAAS,YAAY;YACnB,IAAI,MAAM,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC;gBACxB,UAAU,CAAC,IAAI,CAAC,CAAA;YAClB,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACH,CAAC;QAED,YAAY,EAAE,CAAA;QAEd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,OAAO,SAAA;KACR,CAAA;AACH,CAAC;AAxBD,gCAwBC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useScreenHeight = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
function useScreenHeight() {
|
|
6
|
+
var _a = (0, react_1.useState)(window.innerHeight), height = _a[0], setHeight = _a[1];
|
|
7
|
+
(0, react_1.useEffect)(function () {
|
|
8
|
+
var handleResize = function () {
|
|
9
|
+
setHeight(window.innerHeight);
|
|
10
|
+
};
|
|
11
|
+
window.addEventListener('resize', handleResize);
|
|
12
|
+
return function () {
|
|
13
|
+
window.removeEventListener('resize', handleResize);
|
|
14
|
+
};
|
|
15
|
+
}, []);
|
|
16
|
+
return {
|
|
17
|
+
height: height,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
exports.useScreenHeight = useScreenHeight;
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/hooks/use-screen-height/index.tsx"],"names":[],"mappings":";;;AAAA,+BAA2C;AAE3C,SAAgB,eAAe;IACvB,IAAA,KAAsB,IAAA,gBAAQ,EAAC,MAAM,CAAC,WAAW,CAAC,EAAjD,MAAM,QAAA,EAAE,SAAS,QAAgC,CAAA;IAExD,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG;YACnB,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC/B,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,MAAM,QAAA;KACP,CAAA;AACH,CAAC;AAlBD,0CAkBC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useScreenWidth = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
function useScreenWidth() {
|
|
6
|
+
var _a = (0, react_1.useState)(window.innerWidth), width = _a[0], setWidth = _a[1];
|
|
7
|
+
(0, react_1.useEffect)(function () {
|
|
8
|
+
var handleResize = function () {
|
|
9
|
+
setWidth(window.innerWidth);
|
|
10
|
+
};
|
|
11
|
+
window.addEventListener('resize', handleResize);
|
|
12
|
+
return function () {
|
|
13
|
+
window.removeEventListener('resize', handleResize);
|
|
14
|
+
};
|
|
15
|
+
}, []);
|
|
16
|
+
return {
|
|
17
|
+
width: width,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
exports.useScreenWidth = useScreenWidth;
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/hooks/use-screen-width/index.tsx"],"names":[],"mappings":";;;AAAA,+BAA2C;AAE3C,SAAgB,cAAc;IACtB,IAAA,KAAoB,IAAA,gBAAQ,EAAC,MAAM,CAAC,UAAU,CAAC,EAA9C,KAAK,QAAA,EAAE,QAAQ,QAA+B,CAAA;IAErD,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG;YACnB,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;QAC7B,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,KAAK,OAAA;KACN,CAAA;AACH,CAAC;AAlBD,wCAkBC"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/hooks/use-screen/index.tsx"],"names":[],"mappings":";;;AAAA,+BAA2C;AAE3C,SAAgB,SAAS;IACjB,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IACvC,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAA9D,UAAU,QAAA,EAAE,aAAa,QAAqC,CAAA;IAErE,IAAA,iBAAS,EAAC;QACR,SAAS,YAAY;YACnB,IAAI,MAAM,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC;gBACxB,UAAU,CAAC,IAAI,CAAC,CAAA;YAClB,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACH,CAAC;QAED,SAAS,gBAAgB;YACvB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA;QACzE,CAAC;QAED,YAAY,EAAE,CAAA;QACd,gBAAgB,EAAE,CAAA;QAElB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAA;QACnD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAA;YACtD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,OAAO,SAAA;QACP,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,MAAM,EAAE,UAAU,CAAC,MAAM;KAC1B,CAAA;AACH,CAAC;AAlCD,8BAkCC"}
|