alicia-design-system 1.78.0 → 1.78.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/cjs/alicia/common/Sidebar/Sidebar.d.ts +6 -0
- package/dist/cjs/alicia/common/Sidebar/Sidebar.js +27 -18
- package/dist/cjs/alicia/common/Sidebar/Sidebar.js.map +1 -1
- package/dist/cjs/alicia/common/Sidebar/Sidebar.spec.js +2 -0
- package/dist/cjs/alicia/common/Sidebar/Sidebar.spec.js.map +1 -1
- package/dist/cjs/alicia/common/Sidebar/Sidebar.stories.js +26 -6
- package/dist/cjs/alicia/common/Sidebar/Sidebar.stories.js.map +1 -1
- package/dist/esm/alicia/common/Sidebar/Sidebar.d.ts +6 -0
- package/dist/esm/alicia/common/Sidebar/Sidebar.js +26 -17
- package/dist/esm/alicia/common/Sidebar/Sidebar.js.map +1 -1
- package/dist/esm/alicia/common/Sidebar/Sidebar.spec.js +2 -0
- package/dist/esm/alicia/common/Sidebar/Sidebar.spec.js.map +1 -1
- package/dist/esm/alicia/common/Sidebar/Sidebar.stories.js +27 -7
- package/dist/esm/alicia/common/Sidebar/Sidebar.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,7 @@ export type SidebarProps = {
|
|
|
6
6
|
activeRoute: string;
|
|
7
7
|
colors: NavbarColors;
|
|
8
8
|
onClick: (route: string) => void;
|
|
9
|
+
visibility: VisibilityEnum;
|
|
9
10
|
};
|
|
10
11
|
type MenuItem = {
|
|
11
12
|
id: string;
|
|
@@ -30,4 +31,9 @@ type NavbarColors = {
|
|
|
30
31
|
menuItemHoverTextColor?: string;
|
|
31
32
|
menuItemHoverBackgroundColor?: string;
|
|
32
33
|
};
|
|
34
|
+
export declare enum VisibilityEnum {
|
|
35
|
+
HIDDEN = "hidden",
|
|
36
|
+
ICONS_ONLY = "iconsOnly",
|
|
37
|
+
FULL = "full"
|
|
38
|
+
}
|
|
33
39
|
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Sidebar = void 0;
|
|
3
|
+
exports.VisibilityEnum = exports.Sidebar = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("@chakra-ui/react");
|
|
6
6
|
const polished_1 = require("polished");
|
|
7
7
|
const react_2 = require("react");
|
|
8
8
|
const framer_motion_1 = require("framer-motion");
|
|
9
9
|
const icons_1 = require("@chakra-ui/icons");
|
|
10
|
-
const Sidebar = ({ menu, colors, onClick, activeRoute }) => {
|
|
10
|
+
const Sidebar = ({ menu, colors, onClick, activeRoute, visibility }) => {
|
|
11
11
|
const [openParentId, setOpenParentId] = (0, react_2.useState)(undefined);
|
|
12
12
|
const onNavItemClick = (value, type, parent) => {
|
|
13
13
|
if (type === NavItemTypeEnum.HAS_CHILDREN) {
|
|
@@ -18,12 +18,13 @@ const Sidebar = ({ menu, colors, onClick, activeRoute }) => {
|
|
|
18
18
|
onClick(value);
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%"
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)(ListItem, Object.assign({}, item, { colors: colors, activeRoute: activeRoute, onClick: onNavItemClick, openParentMenuId: openParentId }), item.id));
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: visibility === VisibilityEnum.FULL ? "100%" : (0, polished_1.rem)(40), pt: (0, polished_1.rem)(45), flexDirection: "column", gap: (0, polished_1.rem)(12) }, { children: menu.map((item) => {
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(ListItem, Object.assign({}, item, { colors: colors, activeRoute: activeRoute, onClick: onNavItemClick, openParentMenuId: openParentId, visibility: visibility }), item.id));
|
|
23
23
|
}) })));
|
|
24
24
|
};
|
|
25
25
|
exports.Sidebar = Sidebar;
|
|
26
|
-
const ListItem = ({ id, label, route, icon, subMenu, colors, activeRoute, onClick, openParentMenuId }) => {
|
|
26
|
+
const ListItem = ({ id, label, route, icon, subMenu, colors, activeRoute, onClick, openParentMenuId, visibility }) => {
|
|
27
|
+
var _a;
|
|
27
28
|
const isActive = route === activeRoute;
|
|
28
29
|
const isActiveSubMenu = subMenu && subMenu.length > 0 && subMenu.some((item) => item.route === activeRoute);
|
|
29
30
|
const container = {
|
|
@@ -45,38 +46,46 @@ const ListItem = ({ id, label, route, icon, subMenu, colors, activeRoute, onClic
|
|
|
45
46
|
onClick(value, NavItemTypeEnum.HAS_NO_CHILDREN);
|
|
46
47
|
}
|
|
47
48
|
};
|
|
48
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(NavItem, { id: id, label: label, route: route, icon: icon, colors: colors, isActive: isActive || (isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false), onClick: onNavItemClick, hasSubMenu: subMenu && subMenu.length > 0, isOpen: openParentMenuId === id || isActiveSubMenu }), ((isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false) || openParentMenuId === id) && subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, Object.assign({ mode: "wait", initial: true }, { children: (0, jsx_runtime_1.
|
|
49
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", flexDirection: "column", position: "relative" }, { children: [(0, jsx_runtime_1.jsx)(NavItem, { id: id, label: label, route: route, icon: icon, colors: colors, isActive: isActive || (isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false), onClick: onNavItemClick, hasSubMenu: subMenu && subMenu.length > 0, isOpen: openParentMenuId === id || isActiveSubMenu, visibility: visibility }), ((isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false) || openParentMenuId === id) && subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, Object.assign({ mode: "wait", initial: true }, { children: (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, Object.assign({ variants: container, initial: "hidden", animate: "show", style: { width: '100%' } }, { children: [visibility === VisibilityEnum.ICONS_ONLY && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%", h: (0, polished_1.rem)(4), position: "relative" }, { children: (0, jsx_runtime_1.jsx)(react_1.Flex, { w: (0, polished_1.rem)(1), borderLeft: `${(0, polished_1.rem)(1)} solid ${(_a = colors.menuItemBorderColor) !== null && _a !== void 0 ? _a : "black"}`, left: (0, polished_1.rem)(20), h: "100%", position: "absolute" }) }))), (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%", flexDir: "column", pl: visibility === VisibilityEnum.FULL ? (0, polished_1.rem)(24) : 0, mt: visibility === VisibilityEnum.FULL ? (0, polished_1.rem)(12) : 0, gap: visibility === VisibilityEnum.FULL ? (0, polished_1.rem)(12) : 0 }, { children: subMenu.map((item) => {
|
|
50
|
+
var _a;
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", flexDirection: "column" }, { children: [visibility === VisibilityEnum.ICONS_ONLY && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%", h: (0, polished_1.rem)(16), position: "relative" }, { children: (0, jsx_runtime_1.jsx)(react_1.Flex, { w: (0, polished_1.rem)(1), borderLeft: `${(0, polished_1.rem)(1)} solid ${(_a = colors.menuItemBorderColor) !== null && _a !== void 0 ? _a : "black"}`, left: (0, polished_1.rem)(20), h: "100%", position: "absolute" }) }))), (0, jsx_runtime_1.jsx)(NavItem, Object.assign({}, item, { colors: colors, isActive: item.route === activeRoute, onClick: (e) => onClick(e, NavItemTypeEnum.HAS_NO_CHILDREN, id), visibility: visibility }))] }), item.id));
|
|
52
|
+
}) }))] })) })))] })));
|
|
49
53
|
};
|
|
50
|
-
const NavItem = ({ id, label, route, icon, colors, isActive, onClick, hasSubMenu = false, isOpen }) => {
|
|
51
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
52
|
-
return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%", rounded: "full", sx: {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
py: hasSubMenu ? (0, polished_1.rem)(8) : (0, polished_1.rem)(12),
|
|
54
|
+
const NavItem = ({ id, label, route, icon, colors, isActive, onClick, hasSubMenu = false, isOpen, visibility }) => {
|
|
55
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
56
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: visibility === VisibilityEnum.FULL ? "100%" : (0, polished_1.rem)(40), h: (0, polished_1.rem)(40), rounded: "full", zIndex: "1", sx: {
|
|
57
|
+
px: (0, polished_1.rem)(12),
|
|
58
|
+
py: (0, polished_1.rem)(12),
|
|
56
59
|
cursor: 'pointer',
|
|
57
|
-
border: `${
|
|
58
|
-
|
|
60
|
+
border: `${(0, polished_1.rem)(1)} solid ${isActive ? (_a = colors.menuItemActiveBackgroundColor) !== null && _a !== void 0 ? _a : 'transparent' : (_b = colors.menuItemBorderColor) !== null && _b !== void 0 ? _b : '#E5E5E5'}`,
|
|
61
|
+
background: isActive ? (_c = colors.menuItemActiveBackgroundColor) !== null && _c !== void 0 ? _c : "transparent" : (_d = colors.menuItemBackgroundColor) !== null && _d !== void 0 ? _d : '#FFFFFF',
|
|
59
62
|
color: isActive ? (_e = colors.menuItemActiveTextColor) !== null && _e !== void 0 ? _e : "13100D" : (_f = colors.menuItemTextColor) !== null && _f !== void 0 ? _f : '#13100D',
|
|
60
63
|
_hover: {
|
|
61
|
-
bg:
|
|
64
|
+
bg: isActive ? (_g = colors.menuItemBackgroundColor) !== null && _g !== void 0 ? _g : '#FFFFFF' : (_h = colors.menuItemHoverBackgroundColor) !== null && _h !== void 0 ? _h : 'transparent',
|
|
62
65
|
color: (_j = colors.menuItemHoverTextColor) !== null && _j !== void 0 ? _j : '#13100D',
|
|
63
|
-
border: `${
|
|
66
|
+
border: `${(0, polished_1.rem)(1)} solid ${isActive ? (_k = colors.menuItemTextColor) !== null && _k !== void 0 ? _k : 'transparent' : (_l = colors.menuItemHoverBackgroundColor) !== null && _l !== void 0 ? _l : 'transparent'}`,
|
|
64
67
|
},
|
|
65
68
|
'@media (max-width: 992px)': {
|
|
66
69
|
height: (0, polished_1.rem)(40),
|
|
67
70
|
py: hasSubMenu ? (0, polished_1.rem)(8) : (0, polished_1.rem)(10),
|
|
68
71
|
},
|
|
69
|
-
}, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ alignItems: "center" }, { children: [
|
|
72
|
+
}, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", alignItems: "center", justifyContent: visibility === VisibilityEnum.FULL ? "space-between" : "center" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ alignItems: "center", title: visibility === VisibilityEnum.ICONS_ONLY ? label : "" }, { children: [icon && ((0, jsx_runtime_1.jsx)(react_1.Icon, { height: (0, polished_1.rem)(20), width: (0, polished_1.rem)(20), as: icon })), visibility === VisibilityEnum.FULL && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ pl: icon ? (0, polished_1.rem)(12) : 0, fontWeight: "500", lineHeight: (0, polished_1.rem)(20), sx: {
|
|
70
73
|
fontSize: (0, polished_1.rem)(16),
|
|
71
74
|
fontWeight: hasSubMenu ? "500" : "400",
|
|
72
75
|
'@media (max-width: 992px)': {
|
|
73
76
|
fontSize: (0, polished_1.rem)(14),
|
|
74
77
|
},
|
|
75
|
-
} }, { children: label }))] })), hasSubMenu && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({
|
|
78
|
+
} }, { children: label })))] })), hasSubMenu && visibility === VisibilityEnum.FULL && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ h: (0, polished_1.rem)(20), w: (0, polished_1.rem)(20), alignItems: "center", justifyContent: "center", border: `${(0, polished_1.rem)(1)} solid ${(_m = colors === null || colors === void 0 ? void 0 : colors.menuItemBorderColor) !== null && _m !== void 0 ? _m : "black"}`, rounded: "full" }, { children: isOpen ? (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, {}) })))] })) })));
|
|
76
79
|
};
|
|
77
80
|
var NavItemTypeEnum;
|
|
78
81
|
(function (NavItemTypeEnum) {
|
|
79
82
|
NavItemTypeEnum[NavItemTypeEnum["HAS_CHILDREN"] = 0] = "HAS_CHILDREN";
|
|
80
83
|
NavItemTypeEnum[NavItemTypeEnum["HAS_NO_CHILDREN"] = 1] = "HAS_NO_CHILDREN";
|
|
81
84
|
})(NavItemTypeEnum || (NavItemTypeEnum = {}));
|
|
85
|
+
var VisibilityEnum;
|
|
86
|
+
(function (VisibilityEnum) {
|
|
87
|
+
VisibilityEnum["HIDDEN"] = "hidden";
|
|
88
|
+
VisibilityEnum["ICONS_ONLY"] = "iconsOnly";
|
|
89
|
+
VisibilityEnum["FULL"] = "full";
|
|
90
|
+
})(VisibilityEnum = exports.VisibilityEnum || (exports.VisibilityEnum = {}));
|
|
82
91
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;AAAA,4CAAgF;AAChF,uCAA+B;AAC/B,iCAAqC;AACrC,iDAAwD;AACxD,4CAAkE;AAE3D,MAAM,OAAO,GAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,9 @@ const react_1 = require("@testing-library/react");
|
|
|
5
5
|
require("@testing-library/jest-dom");
|
|
6
6
|
const index_1 = require("./index");
|
|
7
7
|
const ArrowForwardIcon_1 = require("../icons/ArrowForwardIcon");
|
|
8
|
+
const Sidebar_1 = require("./Sidebar");
|
|
8
9
|
const data = {
|
|
10
|
+
visibility: Sidebar_1.VisibilityEnum.FULL,
|
|
9
11
|
menu: [{
|
|
10
12
|
id: "dashboard",
|
|
11
13
|
label: "Dashboard",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,qCAAmC;AACnC,mCAAkC;AAClC,gEAA6D;
|
|
1
|
+
{"version":3,"file":"Sidebar.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,qCAAmC;AACnC,mCAAkC;AAClC,gEAA6D;AAC7D,uCAA2C;AAE3C,MAAM,IAAI,GAAG;IACX,UAAU,EAAE,wBAAc,CAAC,IAAI;IAC/B,IAAI,EAAE,CAAC;YACL,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,IAAA,mCAAgB,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;SACjD;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,IAAA,mCAAgB,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;iBACjD;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,IAAA,mCAAgB,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;iBACjD;aACF;SACF;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,IAAA,mCAAgB,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;iBACjD;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,IAAA,mCAAgB,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;iBACjD;aACF;SACF;KACA;IACD,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE;QACN,uBAAuB,EAAE,aAAa;QACtC,iBAAiB,EAAE,SAAS;QAC5B,6BAA6B,EAAE,SAAS;QACxC,uBAAuB,EAAE,QAAQ;QACjC,4BAA4B,EAAE,qBAAqB;QACnD,sBAAsB,EAAE,SAAS;KAClC;CACF,CAAA;AAGD,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC9D,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,eAAO,oBAAK,IAAI,IAAE,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAEpE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -6,10 +6,24 @@ const react_1 = require("@chakra-ui/react");
|
|
|
6
6
|
const polished_1 = require("polished");
|
|
7
7
|
const react_2 = require("react");
|
|
8
8
|
const ArrowForwardIcon_1 = require("../icons/ArrowForwardIcon");
|
|
9
|
+
const MailIcon_1 = require("../icons/MailIcon");
|
|
10
|
+
const PdfIcon_1 = require("../icons/PdfIcon");
|
|
11
|
+
const PhoneIcon_1 = require("../icons/PhoneIcon");
|
|
12
|
+
const SearchIcon_1 = require("../icons/SearchIcon");
|
|
13
|
+
const ShieldIcon_1 = require("../icons/ShieldIcon");
|
|
14
|
+
const TagCheckIcon_1 = require("../icons/TagCheckIcon");
|
|
15
|
+
const TextBackdrop_1 = require("../icons/TextBackdrop");
|
|
16
|
+
const UploadIcon_1 = require("../icons/UploadIcon");
|
|
9
17
|
const Sidebar_1 = require("./Sidebar");
|
|
10
18
|
exports.default = {
|
|
11
19
|
title: "Alicia/common/Sidebar",
|
|
12
20
|
component: Sidebar_1.Sidebar,
|
|
21
|
+
argTypes: {
|
|
22
|
+
visibility: {
|
|
23
|
+
options: [Sidebar_1.VisibilityEnum.FULL, Sidebar_1.VisibilityEnum.ICONS_ONLY],
|
|
24
|
+
control: { type: 'radio' },
|
|
25
|
+
},
|
|
26
|
+
},
|
|
13
27
|
};
|
|
14
28
|
const Template = (args) => {
|
|
15
29
|
const [activeRoute, setActiveRoute] = (0, react_2.useState)("/dashboard");
|
|
@@ -17,49 +31,54 @@ const Template = (args) => {
|
|
|
17
31
|
};
|
|
18
32
|
exports.Primary = Template.bind({});
|
|
19
33
|
exports.Primary.args = {
|
|
34
|
+
visibility: Sidebar_1.VisibilityEnum.FULL,
|
|
20
35
|
menu: [{
|
|
21
36
|
id: "dashboard",
|
|
22
37
|
label: "Dashboard",
|
|
23
38
|
route: "/dashboard",
|
|
24
|
-
icon:
|
|
39
|
+
icon: ShieldIcon_1.ShieldIcon
|
|
25
40
|
},
|
|
26
41
|
{
|
|
27
42
|
id: "partnerAdmin",
|
|
28
43
|
label: "Partner Admin",
|
|
29
44
|
route: "/partner-admin",
|
|
45
|
+
icon: PdfIcon_1.PdfIcon
|
|
30
46
|
},
|
|
31
47
|
{
|
|
32
48
|
id: "generalAdmin",
|
|
33
49
|
label: "General Admin",
|
|
34
50
|
route: "/general-admin",
|
|
51
|
+
icon: PhoneIcon_1.PhoneIcon
|
|
35
52
|
},
|
|
36
53
|
{
|
|
37
54
|
id: "claims",
|
|
38
55
|
label: "Claims",
|
|
56
|
+
icon: (0, UploadIcon_1.UploadIcon)({ isError: false }),
|
|
39
57
|
subMenu: [
|
|
40
58
|
{
|
|
41
59
|
id: "claimsOverview",
|
|
42
60
|
label: "Claims Overview",
|
|
43
61
|
route: "/claims-overview",
|
|
44
|
-
icon: (0,
|
|
62
|
+
icon: (0, TagCheckIcon_1.TagCheckIcon)({ color: "#000000" })
|
|
45
63
|
},
|
|
46
64
|
{
|
|
47
65
|
id: "claimsDetails",
|
|
48
66
|
label: "Claims details",
|
|
49
67
|
route: "/claims-details",
|
|
50
|
-
icon:
|
|
68
|
+
icon: MailIcon_1.MailIcon
|
|
51
69
|
}
|
|
52
70
|
]
|
|
53
71
|
},
|
|
54
72
|
{
|
|
55
73
|
id: "access",
|
|
56
74
|
label: "Access management",
|
|
75
|
+
icon: (0, SearchIcon_1.SearchIcon)({ fillColor: "#000000" }),
|
|
57
76
|
subMenu: [
|
|
58
77
|
{
|
|
59
78
|
id: "accessOverview",
|
|
60
79
|
label: "Access Overview",
|
|
61
80
|
route: "/access-overview",
|
|
62
|
-
icon: (0,
|
|
81
|
+
icon: (0, TextBackdrop_1.TextBackdropIcon)({ fillColor: "#000000" })
|
|
63
82
|
},
|
|
64
83
|
{
|
|
65
84
|
id: "accessDetails",
|
|
@@ -72,12 +91,13 @@ exports.Primary.args = {
|
|
|
72
91
|
],
|
|
73
92
|
activeRoute: "/dashboard",
|
|
74
93
|
colors: {
|
|
75
|
-
menuItemBackgroundColor: "
|
|
94
|
+
menuItemBackgroundColor: "white",
|
|
76
95
|
menuItemTextColor: "#13100D",
|
|
77
96
|
menuItemActiveBackgroundColor: "#EBFF00",
|
|
78
97
|
menuItemActiveTextColor: "13100D",
|
|
79
|
-
menuItemHoverBackgroundColor: "rgba(
|
|
98
|
+
menuItemHoverBackgroundColor: "rgba(255, 0, 0, 0.94)",
|
|
80
99
|
menuItemHoverTextColor: "#13100D",
|
|
100
|
+
menuItemBorderColor: "black"
|
|
81
101
|
},
|
|
82
102
|
};
|
|
83
103
|
//# sourceMappingURL=Sidebar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AAExC,uCAA+B;AAC/B,iCAAiC;AACjC,gEAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export type SidebarProps = {
|
|
|
6
6
|
activeRoute: string;
|
|
7
7
|
colors: NavbarColors;
|
|
8
8
|
onClick: (route: string) => void;
|
|
9
|
+
visibility: VisibilityEnum;
|
|
9
10
|
};
|
|
10
11
|
type MenuItem = {
|
|
11
12
|
id: string;
|
|
@@ -30,4 +31,9 @@ type NavbarColors = {
|
|
|
30
31
|
menuItemHoverTextColor?: string;
|
|
31
32
|
menuItemHoverBackgroundColor?: string;
|
|
32
33
|
};
|
|
34
|
+
export declare enum VisibilityEnum {
|
|
35
|
+
HIDDEN = "hidden",
|
|
36
|
+
ICONS_ONLY = "iconsOnly",
|
|
37
|
+
FULL = "full"
|
|
38
|
+
}
|
|
33
39
|
export {};
|
|
@@ -4,7 +4,7 @@ import { rem } from 'polished';
|
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { AnimatePresence, motion } from 'framer-motion';
|
|
6
6
|
import { ChevronDownIcon, ChevronUpIcon } from '@chakra-ui/icons';
|
|
7
|
-
export const Sidebar = ({ menu, colors, onClick, activeRoute }) => {
|
|
7
|
+
export const Sidebar = ({ menu, colors, onClick, activeRoute, visibility }) => {
|
|
8
8
|
const [openParentId, setOpenParentId] = useState(undefined);
|
|
9
9
|
const onNavItemClick = (value, type, parent) => {
|
|
10
10
|
if (type === NavItemTypeEnum.HAS_CHILDREN) {
|
|
@@ -15,11 +15,12 @@ export const Sidebar = ({ menu, colors, onClick, activeRoute }) => {
|
|
|
15
15
|
onClick(value);
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
return (_jsx(Flex, Object.assign({ w: "100%"
|
|
19
|
-
return (_jsx(ListItem, Object.assign({}, item, { colors: colors, activeRoute: activeRoute, onClick: onNavItemClick, openParentMenuId: openParentId }), item.id));
|
|
18
|
+
return (_jsx(Flex, Object.assign({ w: visibility === VisibilityEnum.FULL ? "100%" : rem(40), pt: rem(45), flexDirection: "column", gap: rem(12) }, { children: menu.map((item) => {
|
|
19
|
+
return (_jsx(ListItem, Object.assign({}, item, { colors: colors, activeRoute: activeRoute, onClick: onNavItemClick, openParentMenuId: openParentId, visibility: visibility }), item.id));
|
|
20
20
|
}) })));
|
|
21
21
|
};
|
|
22
|
-
const ListItem = ({ id, label, route, icon, subMenu, colors, activeRoute, onClick, openParentMenuId }) => {
|
|
22
|
+
const ListItem = ({ id, label, route, icon, subMenu, colors, activeRoute, onClick, openParentMenuId, visibility }) => {
|
|
23
|
+
var _a;
|
|
23
24
|
const isActive = route === activeRoute;
|
|
24
25
|
const isActiveSubMenu = subMenu && subMenu.length > 0 && subMenu.some((item) => item.route === activeRoute);
|
|
25
26
|
const container = {
|
|
@@ -41,38 +42,46 @@ const ListItem = ({ id, label, route, icon, subMenu, colors, activeRoute, onClic
|
|
|
41
42
|
onClick(value, NavItemTypeEnum.HAS_NO_CHILDREN);
|
|
42
43
|
}
|
|
43
44
|
};
|
|
44
|
-
return (_jsxs(Flex, Object.assign({ w: "100%", flexDirection: "column" }, { children: [_jsx(NavItem, { id: id, label: label, route: route, icon: icon, colors: colors, isActive: isActive || (isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false), onClick: onNavItemClick, hasSubMenu: subMenu && subMenu.length > 0, isOpen: openParentMenuId === id || isActiveSubMenu }), ((isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false) || openParentMenuId === id) && subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && (_jsx(AnimatePresence, Object.assign({ mode: "wait", initial: true }, { children:
|
|
45
|
+
return (_jsxs(Flex, Object.assign({ w: "100%", flexDirection: "column", position: "relative" }, { children: [_jsx(NavItem, { id: id, label: label, route: route, icon: icon, colors: colors, isActive: isActive || (isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false), onClick: onNavItemClick, hasSubMenu: subMenu && subMenu.length > 0, isOpen: openParentMenuId === id || isActiveSubMenu, visibility: visibility }), ((isActiveSubMenu !== null && isActiveSubMenu !== void 0 ? isActiveSubMenu : false) || openParentMenuId === id) && subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && (_jsx(AnimatePresence, Object.assign({ mode: "wait", initial: true }, { children: _jsxs(motion.div, Object.assign({ variants: container, initial: "hidden", animate: "show", style: { width: '100%' } }, { children: [visibility === VisibilityEnum.ICONS_ONLY && (_jsx(Flex, Object.assign({ w: "100%", h: rem(4), position: "relative" }, { children: _jsx(Flex, { w: rem(1), borderLeft: `${rem(1)} solid ${(_a = colors.menuItemBorderColor) !== null && _a !== void 0 ? _a : "black"}`, left: rem(20), h: "100%", position: "absolute" }) }))), _jsx(Flex, Object.assign({ w: "100%", flexDir: "column", pl: visibility === VisibilityEnum.FULL ? rem(24) : 0, mt: visibility === VisibilityEnum.FULL ? rem(12) : 0, gap: visibility === VisibilityEnum.FULL ? rem(12) : 0 }, { children: subMenu.map((item) => {
|
|
46
|
+
var _a;
|
|
47
|
+
return (_jsxs(Flex, Object.assign({ w: "100%", flexDirection: "column" }, { children: [visibility === VisibilityEnum.ICONS_ONLY && (_jsx(Flex, Object.assign({ w: "100%", h: rem(16), position: "relative" }, { children: _jsx(Flex, { w: rem(1), borderLeft: `${rem(1)} solid ${(_a = colors.menuItemBorderColor) !== null && _a !== void 0 ? _a : "black"}`, left: rem(20), h: "100%", position: "absolute" }) }))), _jsx(NavItem, Object.assign({}, item, { colors: colors, isActive: item.route === activeRoute, onClick: (e) => onClick(e, NavItemTypeEnum.HAS_NO_CHILDREN, id), visibility: visibility }))] }), item.id));
|
|
48
|
+
}) }))] })) })))] })));
|
|
45
49
|
};
|
|
46
|
-
const NavItem = ({ id, label, route, icon, colors, isActive, onClick, hasSubMenu = false, isOpen }) => {
|
|
47
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
48
|
-
return (_jsx(Flex, Object.assign({ w: "100%", rounded: "full", sx: {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
py: hasSubMenu ? rem(8) : rem(12),
|
|
50
|
+
const NavItem = ({ id, label, route, icon, colors, isActive, onClick, hasSubMenu = false, isOpen, visibility }) => {
|
|
51
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
52
|
+
return (_jsx(Flex, Object.assign({ w: visibility === VisibilityEnum.FULL ? "100%" : rem(40), h: rem(40), rounded: "full", zIndex: "1", sx: {
|
|
53
|
+
px: rem(12),
|
|
54
|
+
py: rem(12),
|
|
52
55
|
cursor: 'pointer',
|
|
53
|
-
border: `${
|
|
54
|
-
|
|
56
|
+
border: `${rem(1)} solid ${isActive ? (_a = colors.menuItemActiveBackgroundColor) !== null && _a !== void 0 ? _a : 'transparent' : (_b = colors.menuItemBorderColor) !== null && _b !== void 0 ? _b : '#E5E5E5'}`,
|
|
57
|
+
background: isActive ? (_c = colors.menuItemActiveBackgroundColor) !== null && _c !== void 0 ? _c : "transparent" : (_d = colors.menuItemBackgroundColor) !== null && _d !== void 0 ? _d : '#FFFFFF',
|
|
55
58
|
color: isActive ? (_e = colors.menuItemActiveTextColor) !== null && _e !== void 0 ? _e : "13100D" : (_f = colors.menuItemTextColor) !== null && _f !== void 0 ? _f : '#13100D',
|
|
56
59
|
_hover: {
|
|
57
|
-
bg:
|
|
60
|
+
bg: isActive ? (_g = colors.menuItemBackgroundColor) !== null && _g !== void 0 ? _g : '#FFFFFF' : (_h = colors.menuItemHoverBackgroundColor) !== null && _h !== void 0 ? _h : 'transparent',
|
|
58
61
|
color: (_j = colors.menuItemHoverTextColor) !== null && _j !== void 0 ? _j : '#13100D',
|
|
59
|
-
border: `${
|
|
62
|
+
border: `${rem(1)} solid ${isActive ? (_k = colors.menuItemTextColor) !== null && _k !== void 0 ? _k : 'transparent' : (_l = colors.menuItemHoverBackgroundColor) !== null && _l !== void 0 ? _l : 'transparent'}`,
|
|
60
63
|
},
|
|
61
64
|
'@media (max-width: 992px)': {
|
|
62
65
|
height: rem(40),
|
|
63
66
|
py: hasSubMenu ? rem(8) : rem(10),
|
|
64
67
|
},
|
|
65
|
-
}, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: _jsxs(Flex, Object.assign({ w: "100%", alignItems: "center" }, { children: [_jsxs(Flex, Object.assign({ alignItems: "center" }, { children: [
|
|
68
|
+
}, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: _jsxs(Flex, Object.assign({ w: "100%", alignItems: "center", justifyContent: visibility === VisibilityEnum.FULL ? "space-between" : "center" }, { children: [_jsxs(Flex, Object.assign({ alignItems: "center", title: visibility === VisibilityEnum.ICONS_ONLY ? label : "" }, { children: [icon && (_jsx(Icon, { height: rem(20), width: rem(20), as: icon })), visibility === VisibilityEnum.FULL && (_jsx(Text, Object.assign({ pl: icon ? rem(12) : 0, fontWeight: "500", lineHeight: rem(20), sx: {
|
|
66
69
|
fontSize: rem(16),
|
|
67
70
|
fontWeight: hasSubMenu ? "500" : "400",
|
|
68
71
|
'@media (max-width: 992px)': {
|
|
69
72
|
fontSize: rem(14),
|
|
70
73
|
},
|
|
71
|
-
} }, { children: label }))] })), hasSubMenu && (_jsx(Flex, Object.assign({
|
|
74
|
+
} }, { children: label })))] })), hasSubMenu && visibility === VisibilityEnum.FULL && (_jsx(Flex, Object.assign({ h: rem(20), w: rem(20), alignItems: "center", justifyContent: "center", border: `${rem(1)} solid ${(_m = colors === null || colors === void 0 ? void 0 : colors.menuItemBorderColor) !== null && _m !== void 0 ? _m : "black"}`, rounded: "full" }, { children: isOpen ? _jsx(ChevronUpIcon, {}) : _jsx(ChevronDownIcon, {}) })))] })) })));
|
|
72
75
|
};
|
|
73
76
|
var NavItemTypeEnum;
|
|
74
77
|
(function (NavItemTypeEnum) {
|
|
75
78
|
NavItemTypeEnum[NavItemTypeEnum["HAS_CHILDREN"] = 0] = "HAS_CHILDREN";
|
|
76
79
|
NavItemTypeEnum[NavItemTypeEnum["HAS_NO_CHILDREN"] = 1] = "HAS_NO_CHILDREN";
|
|
77
80
|
})(NavItemTypeEnum || (NavItemTypeEnum = {}));
|
|
81
|
+
export var VisibilityEnum;
|
|
82
|
+
(function (VisibilityEnum) {
|
|
83
|
+
VisibilityEnum["HIDDEN"] = "hidden";
|
|
84
|
+
VisibilityEnum["ICONS_ONLY"] = "iconsOnly";
|
|
85
|
+
VisibilityEnum["FULL"] = "full";
|
|
86
|
+
})(VisibilityEnum || (VisibilityEnum = {}));
|
|
78
87
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,IAAI,EAAa,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,9 @@ import { render } from "@testing-library/react";
|
|
|
3
3
|
import '@testing-library/jest-dom';
|
|
4
4
|
import { Sidebar } from "./index";
|
|
5
5
|
import { ArrowForwardIcon } from '../icons/ArrowForwardIcon';
|
|
6
|
+
import { VisibilityEnum } from './Sidebar';
|
|
6
7
|
const data = {
|
|
8
|
+
visibility: VisibilityEnum.FULL,
|
|
7
9
|
menu: [{
|
|
8
10
|
id: "dashboard",
|
|
9
11
|
label: "Dashboard",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Sidebar.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,MAAM,IAAI,GAAG;IACX,UAAU,EAAE,cAAc,CAAC,IAAI;IAC/B,IAAI,EAAE,CAAC;YACL,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;SACjD;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;iBACjD;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;iBACjD;aACF;SACF;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE;gBACP;oBACE,EAAE,EAAE,gBAAgB;oBACpB,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,kBAAkB;oBACzB,IAAI,EAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;iBACjD;gBACD;oBACE,EAAE,EAAE,eAAe;oBACnB,KAAK,EAAE,gBAAgB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;iBACjD;aACF;SACF;KACA;IACD,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE;QACN,uBAAuB,EAAE,aAAa;QACtC,iBAAiB,EAAE,SAAS;QAC5B,6BAA6B,EAAE,SAAS;QACxC,uBAAuB,EAAE,QAAQ;QACjC,4BAA4B,EAAE,qBAAqB;QACnD,sBAAsB,EAAE,SAAS;KAClC;CACF,CAAA;AAGD,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC9D,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,OAAO,oBAAK,IAAI,IAAE,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAEpE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -3,10 +3,24 @@ import { Flex } from '@chakra-ui/react';
|
|
|
3
3
|
import { rem } from 'polished';
|
|
4
4
|
import { useState } from 'react';
|
|
5
5
|
import { ArrowForwardIcon } from '../icons/ArrowForwardIcon';
|
|
6
|
-
import {
|
|
6
|
+
import { MailIcon } from '../icons/MailIcon';
|
|
7
|
+
import { PdfIcon } from '../icons/PdfIcon';
|
|
8
|
+
import { PhoneIcon } from '../icons/PhoneIcon';
|
|
9
|
+
import { SearchIcon } from '../icons/SearchIcon';
|
|
10
|
+
import { ShieldIcon } from '../icons/ShieldIcon';
|
|
11
|
+
import { TagCheckIcon } from '../icons/TagCheckIcon';
|
|
12
|
+
import { TextBackdropIcon } from '../icons/TextBackdrop';
|
|
13
|
+
import { UploadIcon } from '../icons/UploadIcon';
|
|
14
|
+
import { Sidebar, VisibilityEnum } from "./Sidebar";
|
|
7
15
|
export default {
|
|
8
16
|
title: "Alicia/common/Sidebar",
|
|
9
17
|
component: Sidebar,
|
|
18
|
+
argTypes: {
|
|
19
|
+
visibility: {
|
|
20
|
+
options: [VisibilityEnum.FULL, VisibilityEnum.ICONS_ONLY],
|
|
21
|
+
control: { type: 'radio' },
|
|
22
|
+
},
|
|
23
|
+
},
|
|
10
24
|
};
|
|
11
25
|
const Template = (args) => {
|
|
12
26
|
const [activeRoute, setActiveRoute] = useState("/dashboard");
|
|
@@ -14,49 +28,54 @@ const Template = (args) => {
|
|
|
14
28
|
};
|
|
15
29
|
export const Primary = Template.bind({});
|
|
16
30
|
Primary.args = {
|
|
31
|
+
visibility: VisibilityEnum.FULL,
|
|
17
32
|
menu: [{
|
|
18
33
|
id: "dashboard",
|
|
19
34
|
label: "Dashboard",
|
|
20
35
|
route: "/dashboard",
|
|
21
|
-
icon:
|
|
36
|
+
icon: ShieldIcon
|
|
22
37
|
},
|
|
23
38
|
{
|
|
24
39
|
id: "partnerAdmin",
|
|
25
40
|
label: "Partner Admin",
|
|
26
41
|
route: "/partner-admin",
|
|
42
|
+
icon: PdfIcon
|
|
27
43
|
},
|
|
28
44
|
{
|
|
29
45
|
id: "generalAdmin",
|
|
30
46
|
label: "General Admin",
|
|
31
47
|
route: "/general-admin",
|
|
48
|
+
icon: PhoneIcon
|
|
32
49
|
},
|
|
33
50
|
{
|
|
34
51
|
id: "claims",
|
|
35
52
|
label: "Claims",
|
|
53
|
+
icon: UploadIcon({ isError: false }),
|
|
36
54
|
subMenu: [
|
|
37
55
|
{
|
|
38
56
|
id: "claimsOverview",
|
|
39
57
|
label: "Claims Overview",
|
|
40
58
|
route: "/claims-overview",
|
|
41
|
-
icon:
|
|
59
|
+
icon: TagCheckIcon({ color: "#000000" })
|
|
42
60
|
},
|
|
43
61
|
{
|
|
44
62
|
id: "claimsDetails",
|
|
45
63
|
label: "Claims details",
|
|
46
64
|
route: "/claims-details",
|
|
47
|
-
icon:
|
|
65
|
+
icon: MailIcon
|
|
48
66
|
}
|
|
49
67
|
]
|
|
50
68
|
},
|
|
51
69
|
{
|
|
52
70
|
id: "access",
|
|
53
71
|
label: "Access management",
|
|
72
|
+
icon: SearchIcon({ fillColor: "#000000" }),
|
|
54
73
|
subMenu: [
|
|
55
74
|
{
|
|
56
75
|
id: "accessOverview",
|
|
57
76
|
label: "Access Overview",
|
|
58
77
|
route: "/access-overview",
|
|
59
|
-
icon:
|
|
78
|
+
icon: TextBackdropIcon({ fillColor: "#000000" })
|
|
60
79
|
},
|
|
61
80
|
{
|
|
62
81
|
id: "accessDetails",
|
|
@@ -69,12 +88,13 @@ Primary.args = {
|
|
|
69
88
|
],
|
|
70
89
|
activeRoute: "/dashboard",
|
|
71
90
|
colors: {
|
|
72
|
-
menuItemBackgroundColor: "
|
|
91
|
+
menuItemBackgroundColor: "white",
|
|
73
92
|
menuItemTextColor: "#13100D",
|
|
74
93
|
menuItemActiveBackgroundColor: "#EBFF00",
|
|
75
94
|
menuItemActiveTextColor: "13100D",
|
|
76
|
-
menuItemHoverBackgroundColor: "rgba(
|
|
95
|
+
menuItemHoverBackgroundColor: "rgba(255, 0, 0, 0.94)",
|
|
77
96
|
menuItemHoverTextColor: "#13100D",
|
|
97
|
+
menuItemBorderColor: "black"
|
|
78
98
|
},
|
|
79
99
|
};
|
|
80
100
|
//# sourceMappingURL=Sidebar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Sidebar.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":"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"}
|