infinity-forge 0.55.9 → 0.56.1
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/domain/generics/table-configuration.d.ts +1 -1
- package/dist/system/presentation/components/data/chat/styles.js +1 -1
- package/dist/system/presentation/components/data/chat/styles.js.map +1 -1
- package/dist/system/presentation/components/data/overlay/index.js +1 -1
- package/dist/system/presentation/components/data/overlay/index.js.map +1 -1
- package/dist/system/presentation/components/data/overlay/styles.js +1 -1
- package/dist/system/presentation/components/data/overlay/styles.js.map +1 -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/header/components/search-modal/index.js +3 -1
- package/dist/system/presentation/components/layout/header/components/search-modal/index.js.map +1 -1
- package/dist/system/presentation/components/layout/header/index.js +2 -1
- package/dist/system/presentation/components/layout/header/index.js.map +1 -1
- package/dist/system/presentation/components/layout/header/version-01/index.js +3 -1
- 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/interfaces.d.ts +0 -3
- package/dist/system/presentation/components/layout/sidebar-menu/index.d.ts +1 -2
- package/dist/system/presentation/components/layout/sidebar-menu/index.js +17 -8
- package/dist/system/presentation/components/layout/sidebar-menu/index.js.map +1 -1
- package/dist/system/presentation/components/layout/sidebar-menu/styles.d.ts +6 -1
- package/dist/system/presentation/components/layout/sidebar-menu/styles.js +29 -6
- package/dist/system/presentation/components/layout/sidebar-menu/styles.js.map +1 -1
- package/dist/system/presentation/context/container.js +2 -1
- package/dist/system/presentation/context/container.js.map +1 -1
- package/dist/system/presentation/context/index.d.ts +2 -1
- package/dist/system/presentation/context/index.js +1 -0
- package/dist/system/presentation/context/index.js.map +1 -1
- package/dist/system/presentation/context/infra-injection/interfaces.d.ts +2 -0
- package/dist/system/presentation/context/menu/context.d.ts +4 -0
- package/dist/system/presentation/context/menu/context.js +29 -0
- package/dist/system/presentation/context/menu/context.js.map +1 -0
- package/dist/system/presentation/context/menu/index.d.ts +2 -0
- package/dist/system/presentation/context/menu/index.js +19 -0
- package/dist/system/presentation/context/menu/index.js.map +1 -0
- package/dist/system/presentation/context/menu/interfaces.d.ts +14 -0
- package/dist/system/presentation/context/menu/interfaces.js.map +1 -0
- package/dist/system/presentation/context/theme/index.d.ts +1 -1
- package/dist/system/presentation/context/theme/index.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/active-filters/index.d.ts +2 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/active-filters/index.js +20 -5
- package/dist/system/presentation/hooks/ui/use-table/components/table/active-filters/index.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.js +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/index.js +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/index.js.map +1 -1
- package/dist/test/index.js +2 -1
- package/dist/test/index.js.map +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/styles.js +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/styles.js.map +1 -1
- package/dist/ui/components/modal/index.js +2 -2
- package/dist/ui/components/modal/index.js.map +1 -1
- package/dist/ui/components/modal/interfaces.d.ts +1 -0
- package/dist/ui/components/modal/styles.js +1 -1
- package/dist/ui/components/modal/styles.js.map +1 -1
- package/package.json +1 -1
- package/dist/system/presentation/components/layout/sidebar-menu/interfaces.d.ts +0 -3
- package/dist/system/presentation/components/layout/sidebar-menu/interfaces.js.map +0 -1
- /package/dist/system/presentation/{components/layout/sidebar-menu → context/menu}/interfaces.js +0 -0
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Chat = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Chat = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n background-color: #f2f2f2;\n overflow: hidden;\n\n .top_chat {\n height: 47px;\n text-align: center;\n padding-top: 15px;\n border-bottom: solid 1px #e1e1e1;\n\n h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 0;\n }\n }\n\n .content_chat {\n padding: 5px 5px 20px 20px;\n\n > div:first-child {\n margin-top: 0;\n }\n\n .chat {\n height: 380px;\n overflow-y: auto;\n padding-right: 4px;\n padding-bottom: 0;\n margin-bottom: 10px;\n\n .no-message {\n color: #828282;\n text-align: center;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-height: 326px;\n margin: auto 0;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n\n .icon {\n width: 60px;\n display: flex;\n margin: 0 auto 16px;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n }\n\n .chat_item:last-child {\n margin-bottom: 0;\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: #000;\n border-radius: 10px;\n }\n }\n\n form {\n background-color: #fff;\n border-radius: 5px;\n padding-right: 16px;\n margin-top: 10px;\n\n .input_control {\n width: calc(100% - 15px);\n margin-right: 15px;\n\n .input-content {\n padding: 6px 0 6px 6px;\n\n input {\n border: 0;\n outline-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n > div {\n display: flex;\n height: 40px;\n\n > div {\n margin: 0;\n\n * {\n height: 100%;\n }\n }\n }\n\n .form-button {\n height: 100%;\n\n > div {\n height: inherit;\n\n button {\n border: 0;\n padding: 0;\n background-color: transparent;\n height: inherit;\n\n .button-icon {\n display: flex;\n align-items: center;\n\n svg {\n height: 15px;\n width: auto;\n fill: #000;\n }\n }\n }\n }\n }\n }\n }\n"], ["\n width: 100%;\n border-radius: 5px;\n background-color: #f2f2f2;\n overflow: hidden;\n\n .top_chat {\n height: 47px;\n text-align: center;\n padding-top: 15px;\n border-bottom: solid 1px #e1e1e1;\n\n h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 0;\n }\n }\n\n .content_chat {\n padding: 5px 5px 20px 20px;\n\n > div:first-child {\n margin-top: 0;\n }\n\n .chat {\n height: 380px;\n overflow-y: auto;\n padding-right: 4px;\n padding-bottom: 0;\n margin-bottom: 10px;\n\n .no-message {\n color: #828282;\n text-align: center;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-height: 326px;\n margin: auto 0;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n\n .icon {\n width: 60px;\n display: flex;\n margin: 0 auto 16px;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n }\n\n .chat_item:last-child {\n margin-bottom: 0;\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: #000;\n border-radius: 10px;\n }\n }\n\n form {\n background-color: #fff;\n border-radius: 5px;\n padding-right: 16px;\n margin-top: 10px;\n\n .input_control {\n width: calc(100% - 15px);\n margin-right: 15px;\n\n .input-content {\n padding: 6px 0 6px 6px;\n\n input {\n border: 0;\n outline-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n > div {\n display: flex;\n height: 40px;\n\n > div {\n margin: 0;\n\n * {\n height: 100%;\n }\n }\n }\n\n .form-button {\n height: 100%;\n\n > div {\n height: inherit;\n\n button {\n border: 0;\n padding: 0;\n background-color: transparent;\n height: inherit;\n\n .button-icon {\n display: flex;\n align-items: center;\n\n svg {\n height: 15px;\n width: auto;\n fill: #000;\n }\n }\n }\n }\n }\n }\n }\n"])));
|
|
12
|
+
exports.Chat = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n background-color: #f2f2f2;\n overflow: hidden;\n\n .conntent_form_infinity_forge {\n width: 100%;\n }\n\n .top_chat {\n height: 47px;\n text-align: center;\n padding-top: 15px;\n border-bottom: solid 1px #e1e1e1;\n\n h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 0;\n }\n }\n\n .content_chat {\n padding: 5px 5px 20px 20px;\n\n > div:first-child {\n margin-top: 0;\n }\n\n .chat {\n height: 380px;\n overflow-y: auto;\n padding-right: 4px;\n padding-bottom: 0;\n margin-bottom: 10px;\n\n .conntent_form_infinity_forge {\n width: 100%;\n }\n\n .no-message {\n color: #828282;\n text-align: center;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-height: 326px;\n margin: auto 0;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n\n .icon {\n width: 60px;\n display: flex;\n margin: 0 auto 16px;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n }\n\n .chat_item:last-child {\n margin-bottom: 0;\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: #000;\n border-radius: 10px;\n }\n }\n\n form {\n background-color: #fff;\n border-radius: 5px;\n padding-right: 16px;\n margin-top: 10px;\n\n .input_control {\n width: calc(100% - 15px);\n margin-right: 15px;\n\n .input-content {\n padding: 6px 0 6px 6px;\n\n input {\n border: 0;\n outline-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n > div {\n display: flex;\n height: 40px;\n\n > div {\n margin: 0;\n\n * {\n height: 100%;\n }\n }\n }\n\n .form-button {\n height: 100%;\n\n > div {\n height: inherit;\n\n button {\n border: 0;\n padding: 0;\n background-color: transparent;\n height: inherit;\n\n .button-icon {\n display: flex;\n align-items: center;\n\n svg {\n height: 15px;\n width: auto;\n fill: #000;\n }\n }\n }\n }\n }\n }\n }\n"], ["\n width: 100%;\n border-radius: 5px;\n background-color: #f2f2f2;\n overflow: hidden;\n\n .conntent_form_infinity_forge {\n width: 100%;\n }\n\n .top_chat {\n height: 47px;\n text-align: center;\n padding-top: 15px;\n border-bottom: solid 1px #e1e1e1;\n\n h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 0;\n }\n }\n\n .content_chat {\n padding: 5px 5px 20px 20px;\n\n > div:first-child {\n margin-top: 0;\n }\n\n .chat {\n height: 380px;\n overflow-y: auto;\n padding-right: 4px;\n padding-bottom: 0;\n margin-bottom: 10px;\n\n .conntent_form_infinity_forge {\n width: 100%;\n }\n\n .no-message {\n color: #828282;\n text-align: center;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-height: 326px;\n margin: auto 0;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n\n .icon {\n width: 60px;\n display: flex;\n margin: 0 auto 16px;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n }\n\n .chat_item:last-child {\n margin-bottom: 0;\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: #000;\n border-radius: 10px;\n }\n }\n\n form {\n background-color: #fff;\n border-radius: 5px;\n padding-right: 16px;\n margin-top: 10px;\n\n .input_control {\n width: calc(100% - 15px);\n margin-right: 15px;\n\n .input-content {\n padding: 6px 0 6px 6px;\n\n input {\n border: 0;\n outline-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n > div {\n display: flex;\n height: 40px;\n\n > div {\n margin: 0;\n\n * {\n height: 100%;\n }\n }\n }\n\n .form-button {\n height: 100%;\n\n > div {\n height: inherit;\n\n button {\n border: 0;\n padding: 0;\n background-color: transparent;\n height: inherit;\n\n .button-icon {\n display: flex;\n align-items: center;\n\n svg {\n height: 15px;\n width: auto;\n fill: #000;\n }\n }\n }\n }\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/data/chat/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/chat/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,syFAAA,muFAoJhC,KAAA"}
|
|
@@ -29,7 +29,7 @@ var ui_1 = require("../../../../../ui/index.js");
|
|
|
29
29
|
var S = __importStar(require("./styles.js"));
|
|
30
30
|
function Overlay(_a) {
|
|
31
31
|
var children = _a.children, state = _a.state, dispatch = _a.dispatch;
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'overlay-component', children: [(0, jsx_runtime_1.jsx)(S.Overlay, { "$state": state, onClick: function () { return dispatch(false); } }),
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'overlay-component', children: [(0, jsx_runtime_1.jsx)(S.Overlay, { "$state": state, onClick: function () { return dispatch(false); } }), state && children] }));
|
|
33
33
|
}
|
|
34
34
|
exports.Overlay = Overlay;
|
|
35
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/overlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAI5B,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAAuC;QAArC,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACjD,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,mBAAmB,aAC7B,uBAAC,CAAC,CAAC,OAAO,cAAS,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,GAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/overlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAI5B,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAAuC;QAArC,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACjD,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,mBAAmB,aAC7B,uBAAC,CAAC,CAAC,OAAO,cAAS,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,GAAI,EAE3D,KAAK,IAAI,QAAQ,IAGZ,CACT,CAAA;AACH,CAAC;AAVD,0BAUC"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.ElementOutSideOverlay = exports.Overlay = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Overlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index:
|
|
12
|
+
exports.Overlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 99999999999;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100dvh;\n min-height: 300vh;\n min-width: 300vw;\n background: rgba(0, 0, 0, 0.5);\n display: ", ";\n\n & + * {\n position: relative;\n z-index: 11;\n transition: 0.3s;\n }\n\n svg {\n stroke: #000;\n }\n"], ["\n z-index: 99999999999;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100dvh;\n min-height: 300vh;\n min-width: 300vw;\n background: rgba(0, 0, 0, 0.5);\n display: ", ";\n\n & + * {\n position: relative;\n z-index: 11;\n transition: 0.3s;\n }\n\n svg {\n stroke: #000;\n }\n"])), function (props) { return (props.$state ? 'block' : 'none'); });
|
|
13
13
|
exports.ElementOutSideOverlay = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n opacity: ", ";\n display: ", ";\n"], ["\n opacity: ", ";\n display: ", ";\n"])), function (props) { return (props.$state ? '1' : '0'); }, function (props) { return (props.$state ? 'block' : 'none'); });
|
|
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/data/overlay/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/overlay/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,sYAAoB,qMAUxC,EAA4C,4HAWxD,KAXY,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjC,CAAiC,EAWxD;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,2GAAoB,eACtD,EAAqC,gBACrC,EAA4C,KACxD,KAFY,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAA1B,CAA0B,EACrC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjC,CAAiC,EACxD"}
|
|
@@ -42,7 +42,7 @@ var ui_1 = require("../../../../ui/index.js");
|
|
|
42
42
|
var S = __importStar(require("./styles.js"));
|
|
43
43
|
function Layout(props) {
|
|
44
44
|
var sideBar = (0, ui_1.useElementId)({ id: 'sidebar' });
|
|
45
|
-
return ((0, jsx_runtime_1.jsxs)(S.Layout, { "$sideBarWidth": sideBar === null || sideBar === void 0 ? void 0 : sideBar.offsetWidth, 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)(sidebar_menu_1.SidebarMenu,
|
|
45
|
+
return ((0, jsx_runtime_1.jsxs)(S.Layout, { "$sideBarWidth": sideBar === null || sideBar === void 0 ? void 0 : sideBar.offsetWidth, 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)(sidebar_menu_1.SidebarMenu, {}), props.children && (0, jsx_runtime_1.jsx)("main", { className: 'hasMenu', children: props.children })] })] }));
|
|
46
46
|
}
|
|
47
47
|
exports.Layout = Layout;
|
|
48
48
|
//# 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,+CAA4C;AAG5C,2BAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,OAAO,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,qBAAgB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,aAC3C,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;AAG5C,2BAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,OAAO,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,qBAAgB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,aAC3C,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,KAAG,EAEd,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAChE,IACG,CACZ,CAAA;AACH,CAAC;AAdD,wBAcC"}
|
|
@@ -32,7 +32,9 @@ var search_list_1 = require("./search-list/index.js");
|
|
|
32
32
|
var S = __importStar(require("./styles.js"));
|
|
33
33
|
function SearchModal() {
|
|
34
34
|
var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchModal', children: (0, jsx_runtime_1.jsxs)(S.SearchModal, { children: [(0, jsx_runtime_1.jsx)(ui_1.Modal, { open: open, onClose: function () { return setOpen(false); },
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchModal', children: (0, jsx_runtime_1.jsxs)(S.SearchModal, { children: [(0, jsx_runtime_1.jsx)(ui_1.Modal, { open: open, onClose: function () { return setOpen(false); }, stylesContent: {
|
|
36
|
+
padding: 0,
|
|
37
|
+
}, hideCloseButton: true, styles: { width: '100vw', maxWidth: '512px', borderRadius: 10, padding: 0, overflow: 'hidden' }, children: (0, jsx_runtime_1.jsx)(search_list_1.SearchList, { setOpen: setOpen }) }), (0, jsx_runtime_1.jsx)(trigger_1.SearchTrigger, { onClick: function () { return setOpen(true); } })] }) }));
|
|
36
38
|
}
|
|
37
39
|
exports.SearchModal = SearchModal;
|
|
38
40
|
//# sourceMappingURL=index.js.map
|
package/dist/system/presentation/components/layout/header/components/search-modal/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,2BAAmC;AACnC,qCAAyC;AACzC,6CAA0C;AAE1C,0CAA6B;AAE7B,SAAgB,WAAW;IACnB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,wBAAC,CAAC,CAAC,WAAW,eACZ,uBAAC,UAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAC7B,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,YAE/
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,2BAAmC;AACnC,qCAAyC;AACzC,6CAA0C;AAE1C,0CAA6B;AAE7B,SAAgB,WAAW;IACnB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,wBAAC,CAAC,CAAC,WAAW,eACZ,uBAAC,UAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAC7B,aAAa,EAAE;wBACb,OAAO,EAAE,CAAC;qBACX,EACD,eAAe,QACf,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAE/F,uBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,GAAI,GAC1B,EAER,uBAAC,uBAAa,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,GAAI,IACjC,GACV,CACT,CAAA;AACH,CAAC;AAtBD,kCAsBC"}
|
|
@@ -17,7 +17,8 @@ var version_01_1 = require("./version-01/index.js");
|
|
|
17
17
|
function Header(props) {
|
|
18
18
|
var type = 'version01';
|
|
19
19
|
switch (type) {
|
|
20
|
-
default:
|
|
20
|
+
default:
|
|
21
|
+
return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, __assign({}, props));
|
|
21
22
|
}
|
|
22
23
|
}
|
|
23
24
|
exports.Header = Header;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,2CAA8C;AAE9C,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,2CAA8C;AAE9C,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb;YACE,OAAO,uBAAC,4BAAe,eAAK,KAAK,EAAI,CAAA;IACzC,CAAC;AACH,CAAC;AAPD,wBAOC"}
|
|
@@ -30,11 +30,13 @@ exports.HeaderVersion01 = void 0;
|
|
|
30
30
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
31
|
var link_1 = __importDefault(require("next/link"));
|
|
32
32
|
var ui_1 = require("../../../../../../ui/index.js");
|
|
33
|
+
var context_1 = require("../../../../../../system/presentation/context/index.js");
|
|
33
34
|
var components_1 = require("../components/index.js");
|
|
34
35
|
var S = __importStar(require("./styles.js"));
|
|
35
36
|
function HeaderVersion01(_a) {
|
|
36
37
|
var workspaces = _a.workspaces, logo = _a.logo;
|
|
37
|
-
|
|
38
|
+
var _b = (0, context_1.useMenu)(), settings = _b.settings, setOpenMenu = _b.setOpenMenu;
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsx)(S.HeaderVersion01, { id: 'header', children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'left', children: (0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'logo', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: (logo === null || logo === void 0 ? void 0 : logo.href) || '/', children: (0, jsx_runtime_1.jsx)("img", { src: (logo === null || logo === void 0 ? void 0 : logo.src) || '/images/logo.png', alt: 'header-logo' }) }) }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [settings.position === 'internal' && ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'open_menu_button', children: (0, jsx_runtime_1.jsx)("button", { className: 'open_menu', onClick: function () { return setOpenMenu(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' }) }) }) })), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'search_modal', children: (0, jsx_runtime_1.jsx)(components_1.SearchModal, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'menu-right', children: (0, jsx_runtime_1.jsx)(components_1.MenuRight, { workspaces: workspaces }) })] })] }) }) }));
|
|
38
40
|
}
|
|
39
41
|
exports.HeaderVersion01 = HeaderVersion01;
|
|
40
42
|
//# 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,mDAA4B;AAE5B,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,yDAAuD;AAEvD,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1C,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAE3C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,gCAAK,SAAS,EAAC,MAAM,YACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,GAAG,YAC5C,gCAAK,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,kBAAkB,EAAE,GAAG,EAAC,aAAa,GAAG,GAC1D,GACD,GACJ,GACF,EAEN,iCAAK,SAAS,EAAC,OAAO,aACnB,QAAQ,CAAC,QAAQ,KAAK,UAAU,IAAI,CACnC,uBAAC,UAAK,IAAC,IAAI,EAAC,kBAAkB,YAC5B,mCAAQ,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAAE,IAAI,EAAC,QAAQ,YAC3E,gCACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,GAAG,EAChB,MAAM,EAAC,cAAc,YAErB,mDACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,4CAA4C,GACxC,GACJ,GACC,GACH,CACT,EAED,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,wBAAW,KAAG,GACT,EAER,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,GAC/B,IACJ,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAlDD,0CAkDC"}
|
|
@@ -9,7 +9,7 @@ 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: 10px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\n\n ", "\n\n .logo-wrapper {\n max-width: 285px;\n }\n\n .logo {\n display: flex;\n width: 100%;\n max-width: 160px;\n\n img {\n object-fit: contain;\n width: 100%;\n height: inherit;\n }\n }\n\n .container {\n display: flex;\n gap: 15px;\n align-items: center;\n\n .left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n width: 100%;\n max-width: 285px;\n width: 285px;\n }\n\n .right {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap:
|
|
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: 10px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\n\n ", "\n\n .logo-wrapper {\n max-width: 285px;\n }\n\n .logo {\n display: flex;\n width: 100%;\n max-width: 160px;\n\n img {\n object-fit: contain;\n width: 100%;\n height: inherit;\n }\n }\n\n .container {\n display: flex;\n gap: 15px;\n align-items: center;\n\n .left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n width: 100%;\n max-width: 285px;\n width: 285px;\n }\n\n .right {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 15px;\n padding-left: 20px;\n }\n }\n\n button.open_menu {\n padding: 0;\n border: none;\n background: none;\n display: flex;\n height: 24px;\n width: 24px;\n\n svg {\n width: 100%;\n height: auto;\n stroke: #fff;\n }\n }\n\n @media only screen and (max-width: 1700px) {\n .logo-wrapper,\n .container.left {\n max-width: 280px;\n }\n }\n\n @media only screen and (max-width: 1650px) {\n .logo-wrapper,\n .container.left {\n max-width: 275px;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .logo-wrapper,\n .container.left {\n max-width: 270px;\n }\n }\n\n @media only screen and (max-width: 1550px) {\n .logo-wrapper,\n .container.left {\n max-width: 265px;\n }\n }\n\n @media only screen and (max-width: 1500px) {\n .logo-wrapper,\n .container.left {\n max-width: 260px;\n }\n }\n\n @media only screen and (max-width: 1450px) {\n .logo-wrapper,\n .container.left {\n max-width: 255px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .logo-wrapper,\n .container.left {\n max-width: 250px;\n }\n }\n\n @media only screen and (max-width: 1350px) {\n .logo-wrapper,\n .container.left {\n max-width: 245px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .logo-wrapper,\n .container.left {\n max-width: 240px;\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .logo-wrapper {\n max-width: fit-content;\n }\n }\n"], ["\n width: 100%;\n position: sticky;\n z-index: 99999999;\n top: 0;\n background: ", ";\n padding: 10px 0;\n backdrop-filter: blur(20px);\n transition: box-shadow 0.2s ease-in-out;\n\n ", "\n\n .logo-wrapper {\n max-width: 285px;\n }\n\n .logo {\n display: flex;\n width: 100%;\n max-width: 160px;\n\n img {\n object-fit: contain;\n width: 100%;\n height: inherit;\n }\n }\n\n .container {\n display: flex;\n gap: 15px;\n align-items: center;\n\n .left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n width: 100%;\n max-width: 285px;\n width: 285px;\n }\n\n .right {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 15px;\n padding-left: 20px;\n }\n }\n\n button.open_menu {\n padding: 0;\n border: none;\n background: none;\n display: flex;\n height: 24px;\n width: 24px;\n\n svg {\n width: 100%;\n height: auto;\n stroke: #fff;\n }\n }\n\n @media only screen and (max-width: 1700px) {\n .logo-wrapper,\n .container.left {\n max-width: 280px;\n }\n }\n\n @media only screen and (max-width: 1650px) {\n .logo-wrapper,\n .container.left {\n max-width: 275px;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .logo-wrapper,\n .container.left {\n max-width: 270px;\n }\n }\n\n @media only screen and (max-width: 1550px) {\n .logo-wrapper,\n .container.left {\n max-width: 265px;\n }\n }\n\n @media only screen and (max-width: 1500px) {\n .logo-wrapper,\n .container.left {\n max-width: 260px;\n }\n }\n\n @media only screen and (max-width: 1450px) {\n .logo-wrapper,\n .container.left {\n max-width: 255px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .logo-wrapper,\n .container.left {\n max-width: 250px;\n }\n }\n\n @media only screen and (max-width: 1350px) {\n .logo-wrapper,\n .container.left {\n max-width: 245px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .logo-wrapper,\n .container.left {\n max-width: 240px;\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .logo-wrapper {\n max-width: fit-content;\n }\n }\n"])), function (props) { return props.theme.primaryColor; }, function (props) {
|
|
13
13
|
return props.$hasSidebarButton &&
|
|
14
14
|
"\n .container {\n .left {\n width: fit-content !important;\n }\n\n .right {\n padding-left: 0 !important;\n }\n }\n ";
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,q5EAAoB,wFAKhD,EAAmC,yGAK/C,EAYD,6oEA8HF,KA/Ie,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAK/C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,iBAAiB;QACvB,gJAUD;AAXC,CAWD,EA8HF"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ISidebarProps } from './sidebar-menu/interfaces.js';
|
|
3
2
|
import { WorkSpace } from '../data/select-workspace/interfaces.js';
|
|
4
3
|
export interface ILayout {
|
|
5
4
|
workspaces?: WorkSpace;
|
|
6
|
-
isInteralMenu?: boolean;
|
|
7
5
|
children: React.ReactNode;
|
|
8
6
|
logo?: {
|
|
9
7
|
src?: string;
|
|
10
8
|
href?: string;
|
|
11
9
|
};
|
|
12
|
-
sidebar?: ISidebarProps;
|
|
13
10
|
}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function SidebarMenu({ expandedMenu }: ISidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export declare function SidebarMenu(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.SidebarMenu = void 0;
|
|
30
30
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
-
var react_1 = require("react");
|
|
32
31
|
var link_1 = __importDefault(require("next/link"));
|
|
33
32
|
var router_1 = require("next/router");
|
|
34
33
|
var ui_1 = require("../../../../../ui/index.js");
|
|
@@ -45,19 +44,29 @@ function MenuItem(_a) {
|
|
|
45
44
|
return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
|
|
46
45
|
}
|
|
47
46
|
var isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''));
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
// const isActive = path.substring(0, path.length - 1) === item.route || isFatherActive
|
|
48
|
+
// className={isActive ? 'active' : ''} in li and in Link and div
|
|
49
|
+
return ((0, jsx_runtime_1.jsxs)("li", { children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-13-regular", children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title", children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
|
|
50
50
|
}
|
|
51
51
|
function SubMenu(_a) {
|
|
52
52
|
var item = _a.item, index = _a.index;
|
|
53
53
|
return ((0, jsx_runtime_1.jsx)(S.SubMenu, { className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
|
|
54
54
|
}
|
|
55
|
-
function SidebarMenu(
|
|
56
|
-
var
|
|
57
|
-
var expandedMenu = _a.expandedMenu;
|
|
58
|
-
var _c = (0, react_1.useState)(false), expand = _c[0], setExpand = _c[1];
|
|
55
|
+
function SidebarMenu() {
|
|
56
|
+
var _a;
|
|
59
57
|
var data = (0, system_1.useLoadMenu)().data;
|
|
60
|
-
|
|
58
|
+
var _b = (0, system_1.useMenu)(), settings = _b.settings, openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
|
|
59
|
+
var isExpadedMenu = (settings === null || settings === void 0 ? void 0 : settings.mode) === 'expandedMenu';
|
|
60
|
+
var overlayStyle = {
|
|
61
|
+
zIndex: '99999999999',
|
|
62
|
+
position: 'fixed',
|
|
63
|
+
top: 0,
|
|
64
|
+
left: 0,
|
|
65
|
+
width: '100vw',
|
|
66
|
+
height: '100dvh',
|
|
67
|
+
background: 'rgba(0, 0, 0, 0.5)',
|
|
68
|
+
};
|
|
69
|
+
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Menu', children: [isExpadedMenu && (0, jsx_runtime_1.jsx)("div", { id: 'ghost_menu_expanded', style: { width: '65px' } }), openMenu && settings.position === 'internal' && ((0, jsx_runtime_1.jsx)("div", { style: overlayStyle, className: 'overlay', onClick: function () { return setOpenMenu(false); } })), (0, jsx_runtime_1.jsxs)(S.Menu, { id: 'sidebar', "$sidebarMode": settings === null || settings === void 0 ? void 0 : settings.mode, className: openMenu ? 'open' : '', "$sidebarPosition": settings === null || settings === void 0 ? void 0 : settings.position, children: [isExpadedMenu && ((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)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })] })] }));
|
|
61
70
|
}
|
|
62
71
|
exports.SidebarMenu = SidebarMenu;
|
|
63
72
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
interface IStyledMenu {
|
|
3
|
+
$sidebarMode: 'expandedMenu' | 'auto';
|
|
4
|
+
$sidebarPosition?: 'internal' | 'auto';
|
|
5
|
+
}
|
|
6
|
+
export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledMenu>> & string;
|
|
3
7
|
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>, {
|
|
4
8
|
$index: number;
|
|
5
9
|
}>> & string;
|
|
10
|
+
export {};
|
|
@@ -3,13 +3,36 @@ 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
|
|
7
|
-
|
|
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;
|
|
8
28
|
};
|
|
9
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
30
|
exports.SubMenu = exports.Menu = void 0;
|
|
11
|
-
var styled_components_1 =
|
|
12
|
-
exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n padding-right: clamp(5px, 0.78vw, 15px);\n width: 285px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n padding-top: 25px;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &.expanded_menu {\n width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 265px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n\n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"], ["\n width: 100%;\n position: relative;\n padding-right: clamp(5px, 0.78vw, 15px);\n width: 285px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n padding-top: 25px;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &.expanded_menu {\n width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 265px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n\n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
|
|
13
|
-
|
|
14
|
-
var
|
|
31
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
|
+
var internalStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* Estilos espec\u00EDficos para o modo auto */\n left: -100%;\n position: fixed;\n transition: left 0.2s;\n top: 0;\n z-index: 9999999999999999 !important;\n\n &.open {\n left: 0;\n }\n"], ["\n /* Estilos espec\u00EDficos para o modo auto */\n left: -100%;\n position: fixed;\n transition: left 0.2s;\n top: 0;\n z-index: 9999999999999999 !important;\n\n &.open {\n left: 0;\n }\n"])));
|
|
33
|
+
var expandedMenuStyles = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 65px;\n position: absolute;\n left: 0;\n top: 0;\n transition: width 0.2s;\n padding-top: 41px;\n\n button.expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n .content-title,\n .arrow {\n display: none !important;\n }\n\n .icon {\n margin: 0 auto !important;\n }\n\n &.open {\n width: 265px;\n padding-left: 15px;\n padding-right: 15px;\n\n .content-title,\n .arrow {\n display: flex !important;\n }\n\n .icon {\n margin: 0 !important;\n }\n }\n"], ["\n width: 65px;\n position: absolute;\n left: 0;\n top: 0;\n transition: width 0.2s;\n padding-top: 41px;\n\n button.expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n .content-title,\n .arrow {\n display: none !important;\n }\n\n .icon {\n margin: 0 auto !important;\n }\n\n &.open {\n width: 265px;\n padding-left: 15px;\n padding-right: 15px;\n\n .content-title,\n .arrow {\n display: flex !important;\n }\n\n .icon {\n margin: 0 !important;\n }\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
34
|
+
var autoStyles = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* Estilos espec\u00EDficos para o modo auto */\n width: 285px;\n padding: 20px 15px;\n position: relative;\n padding: 0 0 15px 0;\n padding-top: 25px;\n"], ["\n /* Estilos espec\u00EDficos para o modo auto */\n width: 285px;\n padding: 20px 15px;\n position: relative;\n padding: 0 0 15px 0;\n padding-top: 25px;\n"])));
|
|
35
|
+
exports.Menu = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n padding-right: clamp(5px, 0.78vw, 15px);\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n\n ", "\n ", "\n ", "\n\n ul {\n margin: 0 !important;\n }\n\n ul + ul {\n margin-top: 2px !important;\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 a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n margin-bottom: 0 !important;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n @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 padding-right: clamp(5px, 0.78vw, 15px);\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n\n ", "\n ", "\n ", "\n\n ul {\n margin: 0 !important;\n }\n\n ul + ul {\n margin-top: 2px !important;\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 a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n margin-bottom: 0 !important;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n @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.$sidebarMode === 'expandedMenu' && expandedMenuStyles; }, function (props) { return props.$sidebarMode === 'auto' && autoStyles; }, function (props) { return props.$sidebarPosition === 'internal' && internalStyles; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
|
|
36
|
+
exports.SubMenu = styled_components_1.default.ul(templateObject_5 || (templateObject_5 = __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); });
|
|
37
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
15
38
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAA+C;AAO/C,IAAM,cAAc,OAAG,uBAAG,8QAAA,0MAWzB,IAAA,CAAA;AAED,IAAM,kBAAkB,OAAG,uBAAG,o2BAAA,yRAeN,EAAmC,qgBAoC1D,KApCuB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,CAoC1D,CAAA;AAED,IAAM,UAAU,OAAG,uBAAG,wOAAA,oKAOrB,IAAA,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,ukHAAa,yPAavC,EAAsE,MACtE,EAAsD,MACtD,EAAkE,8iBAuCrD,EAAgC,kiBAkC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,+8BA8DzD,KA7MG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,YAAY,KAAK,cAAc,IAAI,kBAAkB,EAA3D,CAA2D,EACtE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,YAAY,KAAK,MAAM,IAAI,UAAU,EAA3C,CAA2C,EACtD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,gBAAgB,KAAK,UAAU,IAAI,cAAc,EAAvD,CAAuD,EAuCrD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkC3B,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"}
|
|
@@ -19,10 +19,11 @@ var auth_1 = require("./auth/index.js");
|
|
|
19
19
|
var theme_1 = require("./theme/index.js");
|
|
20
20
|
var infra_injection_1 = require("./infra-injection/index.js");
|
|
21
21
|
var ui_2 = require("../../../ui/index.js");
|
|
22
|
+
var menu_1 = require("./menu/index.js");
|
|
22
23
|
function InfinityForgeProviders(_a) {
|
|
23
24
|
var auth = _a.auth, theme = _a.theme, children = _a.children, InjectedRemotes = _a.InjectedRemotes, Configurations = _a.Configurations, siteConfigurations = _a.siteConfigurations;
|
|
24
25
|
function ContainerContent() {
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(sites_1.SiteProvider, { siteConfigurations: siteConfigurations, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ui_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(ui_1.LoaderOnRouteChange, { children: children }) }) }) }));
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(sites_1.SiteProvider, { siteConfigurations: siteConfigurations, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ui_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(menu_1.MenuContextProvider, __assign({}, Configurations.menu, { children: (0, jsx_runtime_1.jsx)(ui_1.LoaderOnRouteChange, { children: children }) })) }) }) }));
|
|
26
27
|
}
|
|
27
28
|
return ((0, jsx_runtime_1.jsx)(ui_2.QueryClientContextProvider, { children: (0, jsx_runtime_1.jsx)(infra_injection_1.InfraInjectionProvider, { InjectedRemotes: InjectedRemotes, Configurations: Configurations, children: auth ? ((0, jsx_runtime_1.jsx)(auth_1.AuthAdminProvider, __assign({}, auth, { children: (0, jsx_runtime_1.jsx)(ContainerContent, {}) }))) : ((0, jsx_runtime_1.jsx)(ContainerContent, {})) }) }));
|
|
28
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2BAAyD;AACzD,iCAAuE;AAEvE,+BAAkE;AAClE,iCAAkE;AAClE,qDAAqF;AACrF,2BAAiD;
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2BAAyD;AACzD,iCAAuE;AAEvE,+BAAkE;AAClE,iCAAkE;AAClE,qDAAqF;AACrF,2BAAiD;AACjD,+BAA4C;AAE5C,SAAgB,sBAAsB,CAAC,EAU4D;QATjG,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,kBAAkB,wBAAA;IAKlB,SAAS,gBAAgB;QACvB,OAAO,CACL,uBAAC,oBAAY,IAAC,kBAAkB,EAAE,kBAAkB,YAClD,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,YACzB,uBAAC,kBAAa,cACZ,uBAAC,0BAAmB,eAAK,cAAc,CAAC,IAAI,cAC1C,uBAAC,wBAAmB,cAAE,QAAQ,GAAuB,IACjC,GACR,GACF,GACH,CAChB,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,+BAA0B,cACzB,uBAAC,wCAAsB,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,YACrF,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,wBAAiB,eAAK,IAAI,cACzB,uBAAC,gBAAgB,KAAG,IACF,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAgB,KAAG,CACrB,GACsB,GACE,CAC9B,CAAA;AACH,CAAC;AAtCD,wDAsCC"}
|
|
@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./auth/index.js"), exports);
|
|
18
|
+
__exportStar(require("./menu/index.js"), exports);
|
|
18
19
|
__exportStar(require("./container.js"), exports);
|
|
19
20
|
__exportStar(require("./infra-injection/index.js"), exports);
|
|
20
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,8CAA2B;AAC3B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,yCAAsB;AACtB,8CAA2B;AAC3B,0DAAuC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IStyledComponent } from 'styled-components';
|
|
3
3
|
import { RemoteLoadUserAdmin, RemoteMenu } from '../../../../system/index.js';
|
|
4
|
+
import { IMenuSettings } from '../menu/index.js';
|
|
4
5
|
export interface InfraInjectionContextType {
|
|
5
6
|
InjectedRemotes?: {
|
|
6
7
|
users?: {
|
|
@@ -10,6 +11,7 @@ export interface InfraInjectionContextType {
|
|
|
10
11
|
};
|
|
11
12
|
Configurations?: {
|
|
12
13
|
chat?: boolean;
|
|
14
|
+
menu?: IMenuSettings;
|
|
13
15
|
notification?: {
|
|
14
16
|
icon?: React.SVGProps<SVGSVGElement>;
|
|
15
17
|
CustomComponent?: any;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { MenuContextProviderProps, MenuContextType } from './interfaces.js';
|
|
2
|
+
declare function MenuContextProvider(props: MenuContextProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function useMenu(): MenuContextType;
|
|
4
|
+
export { MenuContextProvider, useMenu };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useMenu = exports.MenuContextProvider = void 0;
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var MenuContext = (0, react_1.createContext)({});
|
|
7
|
+
function MenuContextProvider(props) {
|
|
8
|
+
var _a = (0, react_1.useState)(false), openMenu = _a[0], setOpenMenu = _a[1];
|
|
9
|
+
var settings = {
|
|
10
|
+
mode: (props === null || props === void 0 ? void 0 : props.mode) || 'auto',
|
|
11
|
+
position: (props === null || props === void 0 ? void 0 : props.position) || 'auto',
|
|
12
|
+
};
|
|
13
|
+
var data = {
|
|
14
|
+
openMenu: openMenu,
|
|
15
|
+
setOpenMenu: setOpenMenu,
|
|
16
|
+
settings: settings,
|
|
17
|
+
};
|
|
18
|
+
return (0, jsx_runtime_1.jsx)(MenuContext.Provider, { value: data, children: props.children && props.children });
|
|
19
|
+
}
|
|
20
|
+
exports.MenuContextProvider = MenuContextProvider;
|
|
21
|
+
function useMenu() {
|
|
22
|
+
var context = (0, react_1.useContext)(MenuContext);
|
|
23
|
+
if (context === undefined) {
|
|
24
|
+
throw new Error('useMenu() must be used within a MenuContextProvider');
|
|
25
|
+
}
|
|
26
|
+
return context;
|
|
27
|
+
}
|
|
28
|
+
exports.useMenu = useMenu;
|
|
29
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../../src/system/presentation/context/menu/context.tsx"],"names":[],"mappings":";;;;AAAA,+BAAkE;AAGlE,IAAM,WAAW,GAAG,IAAA,qBAAa,EAAkB,EAAE,CAAC,CAAA;AAEtD,SAAS,mBAAmB,CAAC,KAA+B;IACpD,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAE/C,IAAM,QAAQ,GAAkB;QAC9B,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,MAAM;QAC3B,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,MAAM;KACpC,CAAA;IAED,IAAM,IAAI,GAAoB;QAC5B,QAAQ,UAAA;QACR,WAAW,aAAA;QACX,QAAQ,UAAA;KACT,CAAA;IAED,OAAO,uBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,GAAwB,CAAA;AACrG,CAAC;AAWQ,kDAAmB;AAT5B,SAAS,OAAO;IACd,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAA;IAEvC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;IACxE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAE6B,0BAAO"}
|
|
@@ -0,0 +1,19 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./context.js"), exports);
|
|
18
|
+
__exportStar(require("./interfaces.js"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/context/menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,+CAA4B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
|
2
|
+
export interface IMenuSettings {
|
|
3
|
+
mode?: 'expandedMenu' | 'auto';
|
|
4
|
+
position?: 'internal' | 'auto';
|
|
5
|
+
}
|
|
6
|
+
export type MenuContextProviderProps = {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
} & IMenuSettings;
|
|
9
|
+
export type MenuContextType = {
|
|
10
|
+
openMenu?: boolean;
|
|
11
|
+
setOpenMenu?: Dispatch<SetStateAction<boolean>>;
|
|
12
|
+
} & {
|
|
13
|
+
settings?: IMenuSettings;
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/system/presentation/context/menu/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './context.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/context/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/context/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB"}
|
package/dist/system/presentation/hooks/ui/use-table/components/table/active-filters/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import { ITableProps } from '../interfaces.js';
|
|
2
|
+
export declare function ActiveFilters({ configs, tableInformations }: ITableProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/system/presentation/hooks/ui/use-table/components/table/active-filters/index.js
CHANGED
|
@@ -22,22 +22,37 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
26
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
27
|
+
if (ar || !(i in from)) {
|
|
28
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
29
|
+
ar[i] = from[i];
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
33
|
+
};
|
|
25
34
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
35
|
exports.ActiveFilters = void 0;
|
|
27
36
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
37
|
var router_1 = require("next/router");
|
|
29
38
|
var ui_1 = require("../../../../../../../../ui/index.js");
|
|
30
39
|
var S = __importStar(require("./styles.js"));
|
|
31
|
-
function ActiveFilters() {
|
|
32
|
-
var
|
|
40
|
+
function ActiveFilters(_a) {
|
|
41
|
+
var _b, _c;
|
|
42
|
+
var configs = _a.configs, tableInformations = _a.tableInformations;
|
|
33
43
|
var router = (0, router_1.useRouter)();
|
|
34
|
-
var queryFilters = (
|
|
44
|
+
var queryFilters = (_b = router === null || router === void 0 ? void 0 : router.query) === null || _b === void 0 ? void 0 : _b.filters;
|
|
35
45
|
var base64FiltersDecoded = (0, ui_1.fromBase64ToString)(queryFilters);
|
|
46
|
+
var configsFilter = (configs === null || configs === void 0 ? void 0 : configs.customFilters) || [];
|
|
47
|
+
var apiFilters = (tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.filters) || [];
|
|
48
|
+
var filters = __spreadArray(__spreadArray([], apiFilters, true), configsFilter, true);
|
|
36
49
|
if ((!base64FiltersDecoded.filters || base64FiltersDecoded.filters.length === 0) && !router.query.search) {
|
|
37
50
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
38
51
|
}
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)(S.ActiveFilters, { children: [(
|
|
40
|
-
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(S.ActiveFilters, { children: [(_c = base64FiltersDecoded === null || base64FiltersDecoded === void 0 ? void 0 : base64FiltersDecoded.filters) === null || _c === void 0 ? void 0 : _c.map(function (filter) {
|
|
53
|
+
var _a, _b, _c;
|
|
54
|
+
var text = (_c = (_b = (_a = filters === null || filters === void 0 ? void 0 : filters.find(function (f) { return f === null || f === void 0 ? void 0 : f.options.find(function (o) { return o.value === filter.search; }); })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.find(function (option) { return option.value === filter.search; })) === null || _c === void 0 ? void 0 : _c.text;
|
|
55
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: 'filter_item', children: [(0, jsx_runtime_1.jsx)("span", { children: text }), (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () {
|
|
41
56
|
var filters = base64FiltersDecoded.filters.filter(function (f) { return f.data !== filter.data && f.search !== filter.search; });
|
|
42
57
|
(0, ui_1.updateRoute)({ params: { filters: (0, ui_1.toBase64)({ filters: filters }) }, router: router });
|
|
43
58
|
}, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] }, filter.data + filter.search));
|
package/dist/system/presentation/hooks/ui/use-table/components/table/active-filters/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/active-filters/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/active-filters/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Filters = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Filters = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --inputHeight: 42px;\n --borderRadius: 5px;\n\n display: flex;\n align-items: center;\n gap: 15px;\n position: relative;\n z-index: 99;\n color: ", ";\n\n form {\n max-width: 950px;\n\n .filters {\n width: 100%;\n display: grid;\n row-gap: 0;\n gap: 10px;\n\n * {\n margin-bottom: 0;\n }\n }\n }\n\n @media only screen and (max-width: 1685px) {\n grid-template-columns: repeat(2, 1fr);\n }\n"], ["\n --inputHeight: 42px;\n --borderRadius: 5px;\n\n display: flex;\n align-items: center;\n gap: 15px;\n position: relative;\n z-index: 99;\n color: ", ";\n\n form {\n max-width: 950px;\n\n .filters {\n width: 100%;\n display: grid;\n row-gap: 0;\n gap: 10px;\n\n * {\n margin-bottom: 0;\n }\n }\n }\n\n @media only screen and (max-width: 1685px) {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (props) { return props.theme.darkColor; });
|
|
12
|
+
exports.Filters = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --inputHeight: 42px;\n --borderRadius: 5px;\n\n display: flex;\n align-items: center;\n gap: 15px;\n position: relative;\n z-index: 99;\n color: ", ";\n\n form {\n max-width: 950px;\n\n .filters {\n width: 100%;\n display: grid;\n row-gap: 0;\n gap: 10px;\n\n * {\n margin-bottom: 0;\n }\n\n > div {\n display: flex;\n align-items: flex-end;\n }\n }\n }\n\n @media only screen and (max-width: 1685px) {\n grid-template-columns: repeat(2, 1fr);\n }\n"], ["\n --inputHeight: 42px;\n --borderRadius: 5px;\n\n display: flex;\n align-items: center;\n gap: 15px;\n position: relative;\n z-index: 99;\n color: ", ";\n\n form {\n max-width: 950px;\n\n .filters {\n width: 100%;\n display: grid;\n row-gap: 0;\n gap: 10px;\n\n * {\n margin-bottom: 0;\n }\n\n > div {\n display: flex;\n align-items: flex-end;\n }\n }\n }\n\n @media only screen and (max-width: 1685px) {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (props) { return props.theme.darkColor; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/filters/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/filters/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8lBAAA,8JASzB,EAAgC,2XAyB1C,KAzBU,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAyB1C"}
|
|
@@ -67,7 +67,7 @@ function Table(props) {
|
|
|
67
67
|
: null;
|
|
68
68
|
var tableData = tableFilered || tableItems || [];
|
|
69
69
|
var tableRef = (0, react_1.useRef)(null);
|
|
70
|
-
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'table-component', children: [(0, jsx_runtime_1.jsxs)(S.TopActions, { className: 'top-actions', children: [(0, jsx_runtime_1.jsx)(filters_1.Filters, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.exports) && ((_c = tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.exports) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((0, jsx_runtime_1.jsx)(export_1.Export, { exports: tableInformations.exports })), (columnsConfiguration === null || columnsConfiguration === void 0 ? void 0 : columnsConfiguration.actions) && (0, jsx_runtime_1.jsx)(create_1.CreateAction, { actions: columnsConfiguration === null || columnsConfiguration === void 0 ? void 0 : columnsConfiguration.actions })] })] }), (0, jsx_runtime_1.jsx)(active_filters_1.ActiveFilters, {}), (0, jsx_runtime_1.jsx)(S.Table, { children: (0, jsx_runtime_1.jsxs)("div", { ref: tableRef, children: [(0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [columnsConfiguration.actions && (0, jsx_runtime_1.jsx)("th", { style: { width: '100px' } }), (_d = columnsConfiguration.columns) === null || _d === void 0 ? void 0 : _d.map(function (colunm, index) {
|
|
70
|
+
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'table-component', children: [(0, jsx_runtime_1.jsxs)(S.TopActions, { className: 'top-actions', children: [(0, jsx_runtime_1.jsx)(filters_1.Filters, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.exports) && ((_c = tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.exports) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((0, jsx_runtime_1.jsx)(export_1.Export, { exports: tableInformations.exports })), (columnsConfiguration === null || columnsConfiguration === void 0 ? void 0 : columnsConfiguration.actions) && (0, jsx_runtime_1.jsx)(create_1.CreateAction, { actions: columnsConfiguration === null || columnsConfiguration === void 0 ? void 0 : columnsConfiguration.actions })] })] }), (0, jsx_runtime_1.jsx)(active_filters_1.ActiveFilters, __assign({}, props)), (0, jsx_runtime_1.jsx)(S.Table, { children: (0, jsx_runtime_1.jsxs)("div", { ref: tableRef, children: [(0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [columnsConfiguration.actions && (0, jsx_runtime_1.jsx)("th", { style: { width: '100px' } }), (_d = columnsConfiguration.columns) === null || _d === void 0 ? void 0 : _d.map(function (colunm, index) {
|
|
71
71
|
return ((0, jsx_runtime_1.jsx)(thead_item_1.THeadItem, { index: index, colunm: colunm, disableOrdenationTable: configs === null || configs === void 0 ? void 0 : configs.disableOrdenationTable }, colunm.id + index));
|
|
72
72
|
})] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [!loadingTable &&
|
|
73
73
|
tableItems &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA8B;AAC9B,sCAAuC;AAEvC,2BAA4B;AAE5B,mCAAiC;AACjC,qCAAmC;AACnC,qCAAmC;AACnC,mCAAuC;AACvC,2CAAwC;AACxC,2CAA8C;AAC9C,mDAAgD;AAChD,mDAAgD;AAIhD,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,KAAkB;;IAC9B,IAAA,OAAO,GAA0D,KAAK,QAA/D,EAAE,UAAU,GAA8C,KAAK,WAAnD,EAAE,oBAAoB,GAAwB,KAAK,qBAA7B,EAAE,iBAAiB,GAAK,KAAK,kBAAV,CAAU;IAE9E,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,YAAY,GAAG,OAAO,CAAC,SAAS,IAAI,UAAU,CAAA;IACpD,IAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAA;IAErE,IAAM,aAAa,GAAG,CAAA,MAAA,CAAC,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAiB,KAAI,EAAE,CAAC,0CAAE,WAAW,EAAE,KAAI,EAAE,CAAA;IAEnF,IAAM,UAAU,GAAG,OAAO,CAAC,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,CAAA;IAEhE,IAAM,YAAY,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB;QAC9C,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;YACnC,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,UAAC,IAAI;;gBACtB,IAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBAErD,OAAO,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,EAAE,0CAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;YAC7D,CAAC,CAAC;YACJ,CAAC,CAAC,IAAI;QACR,CAAC,CAAC,IAAI,CAAA;IAER,IAAM,SAAS,GAAG,YAAY,IAAI,UAAU,IAAI,EAAE,CAAA;IAElD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE7C,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,iBAAiB,aAC3B,wBAAC,CAAC,CAAC,UAAU,IAAC,SAAS,EAAC,aAAa,aACnC,uBAAC,iBAAO,eAAK,KAAK,EAAI,EAEtB,iCAAK,SAAS,EAAC,OAAO,aACnB,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,KAAI,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,0CAAE,MAAM,IAAG,CAAC,IAAI,CACvE,uBAAC,eAAM,IAAC,OAAO,EAAE,iBAAiB,CAAC,OAAO,GAAI,CAC/C,EAEA,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,KAAI,uBAAC,qBAAY,IAAC,OAAO,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,GAAI,IACtF,IACO,EAEf,uBAAC,8BAAa,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/test/index.js
CHANGED
|
@@ -74,11 +74,12 @@ function HomePage() {
|
|
|
74
74
|
configs: {
|
|
75
75
|
errorMessage: 'AA',
|
|
76
76
|
customFilters: [
|
|
77
|
-
{ placeholder: 'KK', data: '
|
|
77
|
+
{ label: "Opções", placeholder: 'KK', data: 'current', search: null, options: [{ text: 'Option1', value: '1' }] },
|
|
78
78
|
{
|
|
79
79
|
placeholder: 'Test',
|
|
80
80
|
data: 'idade',
|
|
81
81
|
search: null,
|
|
82
|
+
label: "Idade",
|
|
82
83
|
options: [
|
|
83
84
|
{ text: '21 anos', value: '21' },
|
|
84
85
|
{ text: '22 anos', value: '22' },
|
package/dist/test/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAC5B,kCAAqH;AAErH,SAAgB,QAAQ;IAAxB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAC5B,kCAAqH;AAErH,SAAgB,QAAQ;IAAxB,iBAoDC;IAnDC,IAAM,WAAW,GAAwC;QACvD,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QACzB,QAAQ,EAAE,UAAO,IAAI;;iBAAO;QAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;KACrF,CAAA;IAED,IAAM,KAAK,GAAG,IAAA,iCAAyB,EAAC;QACtC,QAAQ,EAAE;YACR,SAAS,EAAE,OAAO;SACnB;QACD,qBAAqB,EAAE,IAAI;QAC3B,OAAO,EAAE;YACP,WAAW,EAAE,IAAI;SAClB;QACD,YAAY,EAAE,UAAO,MAAM;;wBAAK,qBAAM,IAAA,WAAG,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,EAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAC,CAAC,EAAd,CAAc,CAAC,EAAA;wBAAlF,sBAAA,SAAkF,EAAA;;iBAAA;KACnH,CAAC,CAAA;IAEM,IAAA,KAAK,GAAK,IAAA,gBAAQ,EAAuC;QAC/D,OAAO,EAAE;YACP,YAAY,EAAE,IAAI;YAClB,aAAa,EAAE;gBACb,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;gBACjH;oBACE,WAAW,EAAE,MAAM;oBACnB,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,IAAI;oBACZ,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE;wBACP,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;wBAChC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;qBACjC;iBACF;aACF;SACF;QACD,KAAK,OAAA;QACL,oBAAoB,EAAE;YACpB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;YACpD,OAAO,EAAE;gBACP,MAAM,EAAE,WAAW;aACpB;SACF;KACF,CAAC,MAxBW,CAwBX;IACF,OAAO,CACL,wBAAC,cAAM,eACJ,KAAK,EACN,uBAAC,eAAe,KAAG,IACZ,CACV,CAAA;AACH,CAAC;AApDD,4BAoDC;AAED,SAAgB,eAAe;IAA/B,iBAuBC;IAtBC,IAAM,KAAK,GAAG,IAAA,sBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,EAAX,CAAW,CAAC,CAAA;IACpD,IAAM,KAAK,GAAG,IAAA,sBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,EAAZ,CAAY,CAAC,CAAA;IACrD,IAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CAAC,CAAA;IAExD,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEpB,OAAO,CACL,6DACE,uBAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,mBAAW,EAC/B,uBAAC,cAAI,IAAC,IAAI,EAAE,GAAG,uBAAe,EAC9B,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;;;;oCACG,qBAAM,OAAO,CAAiB,SAAS,CAAC,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc,CAAC,EAAA;;gCAAtE,CAAC,GAAG,SAAkE;gCAE5E,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;;;;qBACf,qBAGM,IACR,CACJ,CAAA;AACH,CAAC;AAvBD,0CAuBC"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.DynamiFormHandler = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.DynamiFormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 20px;\n\n .header {\n margin-bottom: 20px;\n\n h3 {\n color: ", ";\n margin: 0;\n }\n\n span {\n display: block;\n color: #888;\n }\n }\n\n form {\n > div {\n > div + div {\n margin-top: 12px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"], ["\n padding: 20px;\n\n .header {\n margin-bottom: 20px;\n\n h3 {\n color: ", ";\n margin: 0;\n }\n\n span {\n display: block;\n color: #888;\n }\n }\n\n form {\n > div {\n > div + div {\n margin-top: 12px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"])), function (props) { return props.theme.darkColor; });
|
|
12
|
+
exports.DynamiFormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-bottom: 20px;\n \n .header {\n margin-bottom: 20px;\n\n h3 {\n color: ", ";\n margin: 0;\n }\n\n span {\n display: block;\n color: #888;\n }\n }\n\n form {\n > div {\n > div + div {\n margin-top: 12px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"], ["\n padding-bottom: 20px;\n \n .header {\n margin-bottom: 20px;\n\n h3 {\n color: ", ";\n margin: 0;\n }\n\n span {\n display: block;\n color: #888;\n }\n }\n\n form {\n > div {\n > div + div {\n margin-top: 12px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"])), function (props) { return props.theme.darkColor; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oiBAAA,iGAO/B,EAAgC,8XA4B9C,KA5Bc,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA4B9C"}
|
|
@@ -33,7 +33,7 @@ var react_dom_1 = __importDefault(require("react-dom"));
|
|
|
33
33
|
var ui_1 = require("../../../ui/index.js");
|
|
34
34
|
var S = __importStar(require("./styles.js"));
|
|
35
35
|
exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
|
|
36
|
-
var open = _a.open, styles = _a.styles, stylesContent = _a.stylesContent, onClose = _a.onClose, actions = _a.actions, children = _a.children;
|
|
36
|
+
var open = _a.open, styles = _a.styles, stylesContent = _a.stylesContent, onClose = _a.onClose, actions = _a.actions, children = _a.children, hideCloseButton = _a.hideCloseButton;
|
|
37
37
|
var _b = (0, react_1.useState)(false), showPortal = _b[0], setShowPortal = _b[1];
|
|
38
38
|
var refContainer = (0, react_1.useRef)(null);
|
|
39
39
|
(0, ui_1.disableScroll)(open);
|
|
@@ -59,6 +59,6 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
|
|
|
59
59
|
refContainer.current = document.createElement('div');
|
|
60
60
|
refContainer.current.classList.add('infinity_forge_modal');
|
|
61
61
|
}
|
|
62
|
-
return showPortal && refContainer.current ? (react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Modal', children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'overlay', onClick: closeModal }), (0, jsx_runtime_1.jsxs)("div", { className: 'modal_content', style: styles, children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: closeModal, className: 'close_modal_infinity_forge', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon', fill: '#000' }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'content_modal_infinity_forge', style: stylesContent, children: [children, actions && (0, jsx_runtime_1.jsx)("div", { className: 'actions_modal_infinity_forge', children: actions })] })] })] }) }), refContainer.current)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
|
|
62
|
+
return showPortal && refContainer.current ? (react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Modal', children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'overlay', onClick: closeModal }), (0, jsx_runtime_1.jsxs)("div", { className: 'modal_content', style: styles, children: [!hideCloseButton && ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: closeModal, className: 'close_modal_infinity_forge', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon', fill: '#000' }) })), (0, jsx_runtime_1.jsxs)("div", { className: 'content_modal_infinity_forge', style: stylesContent, children: [children, actions && (0, jsx_runtime_1.jsx)("div", { className: 'actions_modal_infinity_forge', children: actions })] })] })] }) }), refContainer.current)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
|
|
63
63
|
});
|
|
64
64
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6E;AAE7E,wDAAgC;AAEhC,2BAAiD;AAIjD,0CAA6B;AAEhB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6E;AAE7E,wDAAgC;AAEhC,2BAAiD;AAIjD,0CAA6B;AAEhB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,UACE,EAAwF,EACxF,CAA+B;QAD7B,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAA;IAGpE,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAExD,IAAA,kBAAa,EAAC,IAAI,CAAC,CAAA;IAEnB,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,IAAI,CAAC,CAAA;YAEnB,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;QAED,IAAI,CAAC,IAAI,IAAI,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,KAAK,CAAC,CAAA;YAEpB,IAAI,YAAY,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,UAAU;QACjB,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrD,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACpD,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;IAC5D,CAAC;IAED,OAAO,UAAU,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1C,mBAAQ,CAAC,YAAY,CACnB,uBAAC,UAAK,IAAC,IAAI,EAAC,OAAO,YACjB,wBAAC,CAAC,CAAC,KAAK,eACN,gCAAK,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,MAAM,aACzC,CAAC,eAAe,IAAI,CACnB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,4BAA4B,YAC/E,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,GAAG,GAC9B,CACV,EAED,iCAAK,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,aAAa,aAC/D,QAAQ,EAER,OAAO,IAAI,gCAAK,SAAS,EAAC,8BAA8B,YAAE,OAAO,GAAO,IACrE,IACF,IACE,GACJ,EACR,YAAY,CAAC,OAAO,CACrB,CACF,CAAC,CAAC,CAAC,CACF,kDAAK,CACN,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Modal = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 1;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n position: fixed;\n z-index: 2;\n width: fit-content;\n max-width: 95vw;\n max-height: 94vh;\n background: #fff;\n top: 50%;\n left: 0;\n right: 0;\n margin: 0 auto;\n transform: translateY(-50%);\n padding: 35px 0 0;\n\n .content_modal_infinity_forge {\n padding: 0 20px;\n overflow: auto;\n max-height: calc(94vh - 30px);\n background: #fff;\n\n .actions_modal_infinity_forge {\n position: sticky;\n bottom: 0;\n background-color: #fff;\n padding: 15px 0;\n }\n }\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\n }\n }\n }\n"], ["\n .overlay {\n position: fixed;\n z-index: 1;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n position: fixed;\n z-index: 2;\n width: fit-content;\n max-width: 95vw;\n max-height: 94vh;\n background: #fff;\n top: 50%;\n left: 0;\n right: 0;\n margin: 0 auto;\n transform: translateY(-50%);\n padding: 35px 0 0;\n\n .content_modal_infinity_forge {\n padding: 0 20px;\n overflow: auto;\n max-height: calc(94vh - 30px);\n background: #fff;\n\n .actions_modal_infinity_forge {\n position: sticky;\n bottom: 0;\n background-color: #fff;\n padding: 15px 0;\n }\n }\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\n }\n }\n }\n"])));
|
|
12
|
+
exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .overlay {\n position: fixed;\n z-index: 1;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n position: fixed;\n z-index: 2;\n width: fit-content;\n max-width: 95vw;\n max-height: 94vh;\n background: #fff;\n top: 50%;\n left: 0;\n right: 0;\n margin: 0 auto;\n transform: translateY(-50%);\n padding: 35px 0 0;\n\n .content_modal_infinity_forge {\n padding: 0 20px;\n overflow: auto;\n max-height: calc(94vh - 30px);\n background: #fff;\n border-radius: 10px;\n\n .actions_modal_infinity_forge {\n position: sticky;\n bottom: 0;\n background-color: #fff;\n padding: 15px 0;\n }\n }\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\n }\n }\n }\n"], ["\n .overlay {\n position: fixed;\n z-index: 1;\n min-width: 100%;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(1px);\n left: 0;\n top: 0;\n }\n\n .modal_content {\n position: fixed;\n z-index: 2;\n width: fit-content;\n max-width: 95vw;\n max-height: 94vh;\n background: #fff;\n top: 50%;\n left: 0;\n right: 0;\n margin: 0 auto;\n transform: translateY(-50%);\n padding: 35px 0 0;\n\n .content_modal_infinity_forge {\n padding: 0 20px;\n overflow: auto;\n max-height: calc(94vh - 30px);\n background: #fff;\n border-radius: 10px;\n\n .actions_modal_infinity_forge {\n position: sticky;\n bottom: 0;\n background-color: #fff;\n padding: 15px 0;\n }\n }\n\n .close_modal_infinity_forge {\n position: absolute;\n top: 10px;\n right: 15px;\n display: flex;\n background-color: transparent;\n border: 0;\n\n svg {\n width: 15px;\n height: auto;\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/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,mpCAAA,glCAwDjC,KAAA"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/interfaces.ts"],"names":[],"mappings":""}
|
/package/dist/system/presentation/{components/layout/sidebar-menu → context/menu}/interfaces.js
RENAMED
|
File without changes
|