alicia-design-system 1.76.13 → 1.76.15
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.
|
@@ -5,8 +5,12 @@ const react_1 = require("@chakra-ui/react");
|
|
|
5
5
|
const polished_1 = require("polished");
|
|
6
6
|
const LanguageSelector_1 = require("./LanguageSelector");
|
|
7
7
|
const types_1 = require("../../../types");
|
|
8
|
+
const react_router_dom_1 = require("react-router-dom");
|
|
8
9
|
const HeaderModal = ({ routes, isOpen, activeRoute, onClose, setLanguage, language, languages, languageMenuitemColorHover, textColor = '#fff', menuTextColor, version, menuBackgroundColor, enableVisualEffects, languageSelectorMenuBackgroundColor, showLanguageSelector, menuText, }) => {
|
|
9
|
-
|
|
10
|
+
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Modal, Object.assign({ isOpen: isOpen, onClose: onClose }, { children: (0, jsx_runtime_1.jsxs)(react_1.ModalContent, Object.assign({ borderRadius: 0, borderBottomLeftRadius: (0, polished_1.rem)(5), width: "80%", bg: menuBackgroundColor, mt: "0", marginLeft: "auto", justifyContent: "flex-end" }, { children: [(0, jsx_runtime_1.jsx)(react_1.ModalCloseButton, { size: "sx", color: menuTextColor, mt: (0, polished_1.rem)(8) }), (0, jsx_runtime_1.jsx)(react_1.ModalBody, Object.assign({ pl: (0, polished_1.rem)(32), pr: (0, polished_1.rem)(32) }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column", mt: (0, polished_1.rem)(58), mb: (0, polished_1.rem)(40) }, { children: [(routes === null || routes === void 0 ? void 0 : routes.navList.length) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ fontSize: (0, polished_1.rem)(12), color: menuTextColor, mb: (0, polished_1.rem)(14), opacity: "0.5" }, { children: menuText !== null && menuText !== void 0 ? menuText : 'Menu' })), routes.navList.map((tabItem) => ((0, jsx_runtime_1.jsx)(react_1.Link, Object.assign({ "data-testid": tabItem.id, fontSize: routes.fontSize,
|
|
12
|
+
// Knab doesn't support href in Link
|
|
13
|
+
onClick: () => navigate(tabItem.route), fontWeight: routes.fontWeight, sx: {
|
|
10
14
|
mb: (0, polished_1.rem)(16),
|
|
11
15
|
color: tabItem.route === activeRoute ? 'black' : menuTextColor,
|
|
12
16
|
_hover: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderModal.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/HeaderModal.tsx"],"names":[],"mappings":";;;AACA,4CAQ0B;AAC1B,uCAA+B;AAE/B,yDAAsD;AAEtD,0CAAyC;
|
|
1
|
+
{"version":3,"file":"HeaderModal.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/HeaderModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,12 @@ import { Flex, Modal, ModalContent, ModalBody, ModalCloseButton, Link, Text, } f
|
|
|
3
3
|
import { rem } from 'polished';
|
|
4
4
|
import { LanguageSelector } from './LanguageSelector';
|
|
5
5
|
import { Version } from '../../../types';
|
|
6
|
+
import { useNavigate } from 'react-router-dom';
|
|
6
7
|
const HeaderModal = ({ routes, isOpen, activeRoute, onClose, setLanguage, language, languages, languageMenuitemColorHover, textColor = '#fff', menuTextColor, version, menuBackgroundColor, enableVisualEffects, languageSelectorMenuBackgroundColor, showLanguageSelector, menuText, }) => {
|
|
7
|
-
|
|
8
|
+
const navigate = useNavigate();
|
|
9
|
+
return (_jsx(Modal, Object.assign({ isOpen: isOpen, onClose: onClose }, { children: _jsxs(ModalContent, Object.assign({ borderRadius: 0, borderBottomLeftRadius: rem(5), width: "80%", bg: menuBackgroundColor, mt: "0", marginLeft: "auto", justifyContent: "flex-end" }, { children: [_jsx(ModalCloseButton, { size: "sx", color: menuTextColor, mt: rem(8) }), _jsx(ModalBody, Object.assign({ pl: rem(32), pr: rem(32) }, { children: _jsxs(Flex, Object.assign({ flexDirection: "column", mt: rem(58), mb: rem(40) }, { children: [(routes === null || routes === void 0 ? void 0 : routes.navList.length) && (_jsxs(_Fragment, { children: [_jsx(Text, Object.assign({ fontSize: rem(12), color: menuTextColor, mb: rem(14), opacity: "0.5" }, { children: menuText !== null && menuText !== void 0 ? menuText : 'Menu' })), routes.navList.map((tabItem) => (_jsx(Link, Object.assign({ "data-testid": tabItem.id, fontSize: routes.fontSize,
|
|
10
|
+
// Knab doesn't support href in Link
|
|
11
|
+
onClick: () => navigate(tabItem.route), fontWeight: routes.fontWeight, sx: {
|
|
8
12
|
mb: rem(16),
|
|
9
13
|
color: tabItem.route === activeRoute ? 'black' : menuTextColor,
|
|
10
14
|
_hover: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderModal.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/HeaderModal.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderModal.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/HeaderModal.tsx"],"names":[],"mappings":"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"}
|