@xfers/design-system 7.1.0-dev.5374ed6c61 → 7.1.0-dev.6af4e72e9f
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/cjs/index.js +116 -16
- package/cjs/index.js.map +1 -1
- package/dist/components/Sidebar/CompanyProfile.js +75 -6
- package/dist/components/Sidebar/CompanyProfile.js.map +1 -1
- package/dist/components/Sidebar/CompanyProfileDropdown.js +32 -0
- package/dist/components/Sidebar/CompanyProfileDropdown.js.map +1 -0
- package/dist/components/Sidebar/CopyrightNotice.js +1 -1
- package/dist/components/Sidebar/CopyrightNotice.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +11 -5
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/SidebarNavItem.js +1 -1
- package/dist/components/Sidebar/SidebarNavItem.js.map +1 -1
- package/dist/components/Sidebar/index.js +4 -1
- package/dist/components/Sidebar/index.js.map +1 -1
- package/dist/components/Sidebar/styles.js +114 -3
- package/dist/components/Sidebar/styles.js.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/types/components/Sidebar/CompanyProfile.d.ts +6 -1
- package/dist/types/components/Sidebar/CompanyProfileDropdown.d.ts +24 -0
- package/dist/types/components/Sidebar/Sidebar.d.ts +13 -4
- package/dist/types/components/Sidebar/index.d.ts +3 -1
- package/dist/types/components/Sidebar/styles.d.ts +12 -0
- package/dist/types/index.d.ts +2 -2
- package/es/index.js +167 -67
- package/es/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,16 +1,85 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
2
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
37
|
};
|
|
5
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 =
|
|
39
|
+
const react_1 = __importStar(require("react"));
|
|
7
40
|
const styles_1 = require("./styles");
|
|
8
41
|
const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
|
|
9
42
|
const colors_1 = require("../../constants/Colors/colors");
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
43
|
+
const CompanyProfileDropdown_1 = __importDefault(require("./CompanyProfileDropdown"));
|
|
44
|
+
const CompanyProfile = ({ companyName = 'ABC Pte. Ltd', subtitle = 'Company', enableDropdown = true, switchOnly = false, companies, onMenuItemClick, onClick, }) => {
|
|
45
|
+
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
46
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
47
|
+
const resolvedCompanies = companies !== null && companies !== void 0 ? companies : [
|
|
48
|
+
{ name: companyName, subtitle: 'Business Account', active: true },
|
|
49
|
+
];
|
|
50
|
+
// Dismiss on outside click or Escape.
|
|
51
|
+
(0, react_1.useEffect)(() => {
|
|
52
|
+
if (!isOpen)
|
|
53
|
+
return undefined;
|
|
54
|
+
const handlePointerDown = (event) => {
|
|
55
|
+
var _a;
|
|
56
|
+
if (!((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
|
|
57
|
+
setIsOpen(false);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
const handleKeyDown = (event) => {
|
|
61
|
+
if (event.key === 'Escape')
|
|
62
|
+
setIsOpen(false);
|
|
63
|
+
};
|
|
64
|
+
document.addEventListener('mousedown', handlePointerDown);
|
|
65
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
66
|
+
return () => {
|
|
67
|
+
document.removeEventListener('mousedown', handlePointerDown);
|
|
68
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
69
|
+
};
|
|
70
|
+
}, [isOpen]);
|
|
71
|
+
const handleClick = () => {
|
|
72
|
+
if (enableDropdown)
|
|
73
|
+
setIsOpen((prev) => !prev);
|
|
74
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
75
|
+
};
|
|
76
|
+
return (react_1.default.createElement(styles_1.CompanyProfileContainer, { ref: containerRef },
|
|
77
|
+
react_1.default.createElement(styles_1.CompanyProfileWrapper, { onClick: handleClick },
|
|
78
|
+
react_1.default.createElement(styles_1.CompanyProfileContent, null,
|
|
79
|
+
react_1.default.createElement(styles_1.CompanyName, null, companyName),
|
|
80
|
+
react_1.default.createElement(styles_1.CompanySubtitle, null, subtitle)),
|
|
81
|
+
enableDropdown && (react_1.default.createElement(MaterialSymbols_1.default, { icon: "keyboard_arrow_down", size: "m", color: colors_1.BASE.ON_NEUTRAL_SECONDARY, style: isOpen ? { transform: 'rotate(180deg)' } : undefined }))),
|
|
82
|
+
enableDropdown && isOpen && (react_1.default.createElement(CompanyProfileDropdown_1.default, { showMenuItems: !switchOnly, companies: resolvedCompanies, onMenuItemClick: onMenuItemClick }))));
|
|
83
|
+
};
|
|
15
84
|
exports.default = CompanyProfile;
|
|
16
85
|
//# sourceMappingURL=CompanyProfile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompanyProfile.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfile.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CompanyProfile.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,qCAMiB;AACjB,kGAAyE;AACzE,0DAAoD;AACpD,sFAA6D;AAc7D,MAAM,cAAc,GAAG,CAAC,EACtB,WAAW,GAAG,cAAc,EAC5B,QAAQ,GAAG,SAAS,EACpB,cAAc,GAAG,IAAI,EACrB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,eAAe,EACf,OAAO,GACa,EAAE,EAAE;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAEjD,MAAM,iBAAiB,GAAoB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI;QACtD,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAE;KAClE,CAAA;IAED,sCAAsC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAA;QAE7B,MAAM,iBAAiB,GAAG,CAAC,KAAiB,EAAE,EAAE;;YAC9C,IAAI,CAAC,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAAE,CAAC;gBAC1D,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC;QACH,CAAC,CAAA;QACD,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gBAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAC9C,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;QACzD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;YAC5D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACxD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,cAAc;YAAE,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;QAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,gCAAuB,IAAC,GAAG,EAAE,YAAY;QACxC,8BAAC,8BAAqB,IAAC,OAAO,EAAE,WAAW;YACzC,8BAAC,8BAAqB;gBACpB,8BAAC,oBAAW,QAAE,WAAW,CAAe;gBACxC,8BAAC,wBAAe,QAAE,QAAQ,CAAmB,CACvB;YACvB,cAAc,IAAI,CACjB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,EAChC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC3D,CACH,CACqB;QACvB,cAAc,IAAI,MAAM,IAAI,CAC3B,8BAAC,gCAAsB,IACrB,aAAa,EAAE,CAAC,UAAU,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,eAAe,EAAE,eAAe,GAChC,CACH,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.COMPANY_MENU_ITEMS = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const styles_1 = require("./styles");
|
|
9
|
+
const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
|
|
10
|
+
const colors_1 = require("../../constants/Colors/colors");
|
|
11
|
+
exports.COMPANY_MENU_ITEMS = [
|
|
12
|
+
{ icon: 'domain', label: 'Company Settings' },
|
|
13
|
+
{ icon: 'group', label: 'Teams' },
|
|
14
|
+
{ icon: 'receipt_long', label: 'Billing' },
|
|
15
|
+
{ icon: 'library_books', label: 'Statements' },
|
|
16
|
+
];
|
|
17
|
+
const CompanyProfileDropdown = ({ showMenuItems = true, switchCompany = true, companies = [], onMenuItemClick, }) => (react_1.default.createElement(styles_1.DropdownPanel, null,
|
|
18
|
+
switchCompany && companies.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
|
+
react_1.default.createElement(styles_1.DropdownSectionLabel, null, "SWITCH COMPANY"),
|
|
20
|
+
companies.map((company) => (react_1.default.createElement(styles_1.DropdownRow, { key: company.name, active: company.active, onClick: company.onClick },
|
|
21
|
+
react_1.default.createElement(styles_1.DropdownRowContent, null,
|
|
22
|
+
react_1.default.createElement(styles_1.DropdownPrimaryText, null, company.name),
|
|
23
|
+
company.subtitle && (react_1.default.createElement(styles_1.DropdownSecondaryText, null, company.subtitle))),
|
|
24
|
+
company.active && (react_1.default.createElement(MaterialSymbols_1.default, { icon: "check", size: "m", color: colors_1.STATUS.POSITIVE }))))),
|
|
25
|
+
showMenuItems && react_1.default.createElement(styles_1.DropdownDivider, null))),
|
|
26
|
+
showMenuItems &&
|
|
27
|
+
exports.COMPANY_MENU_ITEMS.map((item) => (react_1.default.createElement(styles_1.DropdownMenuRow, { key: item.label, onClick: () => onMenuItemClick === null || onMenuItemClick === void 0 ? void 0 : onMenuItemClick(item.label) },
|
|
28
|
+
react_1.default.createElement(MaterialSymbols_1.default, { icon: item.icon, size: "m", color: colors_1.BASE.ON_NEUTRAL_SECONDARY }),
|
|
29
|
+
react_1.default.createElement(styles_1.DropdownRowContent, null,
|
|
30
|
+
react_1.default.createElement(styles_1.DropdownMenuLabel, null, item.label)))))));
|
|
31
|
+
exports.default = CompanyProfileDropdown;
|
|
32
|
+
//# sourceMappingURL=CompanyProfileDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompanyProfileDropdown.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfileDropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,qCAUiB;AACjB,kGAAyE;AACzE,0DAA4D;AAc/C,QAAA,kBAAkB,GAAkB;IAC/C,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC7C,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IACjC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE;IAC1C,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,YAAY,EAAE;CAC/C,CAAA;AAaD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,aAAa,GAAG,IAAI,EACpB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,EAAE,EACd,eAAe,GACa,EAAE,EAAE,CAAC,CACjC,8BAAC,sBAAa;IACX,aAAa,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC;QACE,8BAAC,6BAAoB,yBAAsC;QAC1D,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,8BAAC,oBAAW,IACV,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,OAAO,EAAE,OAAO,CAAC,OAAO;YAExB,8BAAC,2BAAkB;gBACjB,8BAAC,4BAAmB,QAAE,OAAO,CAAC,IAAI,CAAuB;gBACxD,OAAO,CAAC,QAAQ,IAAI,CACnB,8BAAC,8BAAqB,QACnB,OAAO,CAAC,QAAQ,CACK,CACzB,CACkB;YACpB,OAAO,CAAC,MAAM,IAAI,CACjB,8BAAC,yBAAe,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,eAAM,CAAC,QAAQ,GAAI,CAClE,CACW,CACf,CAAC;QACD,aAAa,IAAI,8BAAC,wBAAe,OAAG,CACpC,CACJ;IACA,aAAa;QACZ,0BAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC/B,8BAAC,wBAAe,IACd,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,IAAI,CAAC,KAAK,CAAC;YAE5C,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,GAChC;YACF,8BAAC,2BAAkB;gBACjB,8BAAC,0BAAiB,QAAE,IAAI,CAAC,KAAK,CAAqB,CAChC,CACL,CACnB,CAAC,CACU,CACjB,CAAA;AAED,kBAAe,sBAAsB,CAAA"}
|
|
@@ -8,7 +8,7 @@ const styles_1 = require("./styles");
|
|
|
8
8
|
const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
|
|
9
9
|
const colors_1 = require("../../constants/Colors/colors");
|
|
10
10
|
const CopyrightNotice = ({ text = 'Licensed & Regulated \nby Monetary Authority of Singapore', }) => (react_1.default.createElement(styles_1.CopyrightNoticeWrapper, null,
|
|
11
|
-
react_1.default.createElement(MaterialSymbols_1.default, { icon: "verified_user", size: "m", color: colors_1.
|
|
11
|
+
react_1.default.createElement(MaterialSymbols_1.default, { icon: "verified_user", size: "m", fill: 0, color: colors_1.STATUS.POSITIVE }),
|
|
12
12
|
react_1.default.createElement(styles_1.CopyrightNoticeText, null, text)));
|
|
13
13
|
exports.default = CopyrightNotice;
|
|
14
14
|
//# sourceMappingURL=CopyrightNotice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyrightNotice.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CopyrightNotice.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,qCAAsE;AACtE,kGAAyE;AACzE,
|
|
1
|
+
{"version":3,"file":"CopyrightNotice.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CopyrightNotice.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,qCAAsE;AACtE,kGAAyE;AACzE,0DAAsD;AAMtD,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,GAAG,2DAA2D,GAC7C,EAAE,EAAE,CAAC,CAC1B,8BAAC,+BAAsB;IACrB,8BAAC,yBAAe,IACd,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,eAAM,CAAC,QAAQ,GACtB;IACF,8BAAC,4BAAmB,QAAE,IAAI,CAAuB,CAC1B,CAC1B,CAAA;AAED,kBAAe,eAAe,CAAA"}
|
|
@@ -86,7 +86,7 @@ const PERSONAL_NAV_ITEMS = [
|
|
|
86
86
|
{ icon: 'receipt_long', label: 'Transaction History' },
|
|
87
87
|
{ icon: 'headphones', label: 'Support' },
|
|
88
88
|
];
|
|
89
|
-
const SidebarProducts = ({ variant = 'business', companyProfile = true, companyName, companySubtitle, activeItem = 'Home',
|
|
89
|
+
const SidebarProducts = ({ variant = 'business', companyProfile = true, companyName, companySubtitle, activeItem = 'Home', onItemClick, onCompanyProfileClick, companies, switchOnly = false, onCompanyMenuItemClick, treasury = true, cards = true, dvaPayments = true, transactionHistory = true, apiTools = true, }) => {
|
|
90
90
|
const gates = {
|
|
91
91
|
treasury,
|
|
92
92
|
cards,
|
|
@@ -99,18 +99,24 @@ const SidebarProducts = ({ variant = 'business', companyProfile = true, companyN
|
|
|
99
99
|
const items = isPersonal ? PERSONAL_NAV_ITEMS : FULL_NAV_ITEMS;
|
|
100
100
|
const visibleItems = items.filter((item) => !item.gate || gates[item.gate] !== false);
|
|
101
101
|
const handleClick = (item) => {
|
|
102
|
+
// Parents with sub-items toggle their group. Only one group is open at a
|
|
103
|
+
// time (accordion). Expand-only parents stop there — they have no route,
|
|
104
|
+
// so selection stays where it was. Navigable parents also route.
|
|
102
105
|
if (item.subItems) {
|
|
103
106
|
setExpanded((prev) => (prev === item.label ? null : item.label));
|
|
107
|
+
if (!item.navigable)
|
|
108
|
+
return;
|
|
104
109
|
}
|
|
105
110
|
onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item.label);
|
|
106
111
|
};
|
|
107
112
|
return (react_1.default.createElement(exports.SidebarBase, { variant: variant, logo: LOGO_MAP[variant], companyProfile: !isPersonal &&
|
|
108
|
-
companyProfile && (react_1.default.createElement(CompanyProfile_1.default, { companyName: companyName, subtitle: companySubtitle })), footer: react_1.default.createElement(CopyrightNotice_1.default, null) }, visibleItems.map((item) => {
|
|
113
|
+
companyProfile && (react_1.default.createElement(CompanyProfile_1.default, { companyName: companyName, subtitle: companySubtitle, switchOnly: switchOnly, companies: companies, onMenuItemClick: onCompanyMenuItemClick, onClick: onCompanyProfileClick })), footer: react_1.default.createElement(CopyrightNotice_1.default, null) }, visibleItems.map((item) => {
|
|
109
114
|
var _a;
|
|
110
|
-
return (react_1.default.createElement(SidebarNavItem_1.default, { key: item.label, icon: item.icon, label: item.label, variant: variant, active: activeItem === item.label
|
|
115
|
+
return (react_1.default.createElement(SidebarNavItem_1.default, { key: item.label, icon: item.icon, label: item.label, variant: variant, active: activeItem === item.label &&
|
|
116
|
+
(!item.subItems || Boolean(item.navigable)), isExpanded: expanded === item.label, onClick: () => handleClick(item), subItems: (_a = item.subItems) === null || _a === void 0 ? void 0 : _a.map((label) => ({
|
|
111
117
|
label,
|
|
112
|
-
active:
|
|
113
|
-
onClick: () =>
|
|
118
|
+
active: activeItem === label,
|
|
119
|
+
onClick: () => onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(label),
|
|
114
120
|
})) }));
|
|
115
121
|
})));
|
|
116
122
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AAEvC,qCAKiB;AAEjB,sEAA6C;AAC7C,sEAA6C;
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ const SidebarNavItem = ({ icon, label, variant = 'business', active = false, onC
|
|
|
12
12
|
const hasSubItems = Boolean(subItems && subItems.length > 0);
|
|
13
13
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
14
14
|
react_1.default.createElement(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: onClick },
|
|
15
|
-
react_1.default.createElement(MaterialSymbols_1.default, { icon: icon, size: "m", color: color }),
|
|
15
|
+
react_1.default.createElement(MaterialSymbols_1.default, { icon: icon, size: "m", fill: active ? 1 : 0, color: color }),
|
|
16
16
|
react_1.default.createElement(styles_1.NavItemLabel, { variant: variant, active: active }, label),
|
|
17
17
|
hasSubItems && (react_1.default.createElement(styles_1.NavItemAffordance, null,
|
|
18
18
|
react_1.default.createElement(MaterialSymbols_1.default, { icon: "keyboard_arrow_down", size: "m", color: color, style: isExpanded ? { transform: 'rotate(180deg)' } : undefined })))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,sEAA6C;AAkB7C,MAAM,cAAc,GAAG,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,GACE,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE5D,OAAO,CACL;QACE,8BAAC,uBAAc,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;YAChE,8BAAC,yBAAe,
|
|
1
|
+
{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,sEAA6C;AAkB7C,MAAM,cAAc,GAAG,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,GACE,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE5D,OAAO,CACL;QACE,8BAAC,uBAAc,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;YAChE,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,GACZ;YACF,8BAAC,qBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAC3C,KAAK,CACO;YACd,WAAW,IAAI,CACd,8BAAC,0BAAiB;gBAChB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC/D,CACgB,CACrB,CACc;QAChB,UAAU;YACT,QAAQ;YACR,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,8BAAC,wBAAc,IACb,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,OAAO,EAAE,GAAG,CAAC,OAAO,GACpB,CACH,CAAC,CACH,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}
|
|
@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
36
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.CopyrightNotice = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.SidebarProducts = exports.SidebarBase = void 0;
|
|
39
|
+
exports.COMPANY_MENU_ITEMS = exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.SidebarProducts = exports.SidebarBase = void 0;
|
|
40
40
|
const Sidebar_1 = __importStar(require("./Sidebar"));
|
|
41
41
|
Object.defineProperty(exports, "SidebarBase", { enumerable: true, get: function () { return Sidebar_1.SidebarBase; } });
|
|
42
42
|
Object.defineProperty(exports, "SidebarProducts", { enumerable: true, get: function () { return Sidebar_1.SidebarProducts; } });
|
|
@@ -46,6 +46,9 @@ const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
|
|
|
46
46
|
exports.SidebarSubItem = SidebarSubItem_1.default;
|
|
47
47
|
const CompanyProfile_1 = __importDefault(require("./CompanyProfile"));
|
|
48
48
|
exports.CompanyProfile = CompanyProfile_1.default;
|
|
49
|
+
const CompanyProfileDropdown_1 = __importStar(require("./CompanyProfileDropdown"));
|
|
50
|
+
exports.CompanyProfileDropdown = CompanyProfileDropdown_1.default;
|
|
51
|
+
Object.defineProperty(exports, "COMPANY_MENU_ITEMS", { enumerable: true, get: function () { return CompanyProfileDropdown_1.COMPANY_MENU_ITEMS; } });
|
|
49
52
|
const CopyrightNotice_1 = __importDefault(require("./CopyrightNotice"));
|
|
50
53
|
exports.CopyrightNotice = CopyrightNotice_1.default;
|
|
51
54
|
exports.default = Sidebar_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAiE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAiE;AAU/D,4FAVgB,qBAAW,OAUhB;AACX,gGAX6B,yBAAe,OAW7B;AAVjB,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,mFAEiC;AAS/B,iCAXK,gCAAsB,CAWL;AAEtB,mGAZA,2CAAkB,OAYA;AAVpB,wEAA+C;AAS7C,0BATK,yBAAe,CASL;AAOjB,kBAAe,iBAAO,CAAA"}
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.CopyrightNoticeText = exports.CopyrightNoticeWrapper = exports.CompanySubtitle = exports.CompanyName = exports.CompanyProfileContent = exports.CompanyProfileWrapper = exports.SubItemLabel = exports.SubItemWrapper = exports.NavItemAffordance = exports.NavItemLabel = exports.NavItemWrapper = exports.MenuContainer = exports.LogoWrapper = exports.MenuHeader = exports.SidebarWrapper = exports.itemTextColor = void 0;
|
|
6
|
+
exports.DropdownDivider = exports.DropdownMenuLabel = exports.DropdownSecondaryText = exports.DropdownPrimaryText = exports.DropdownRowContent = exports.DropdownMenuRow = exports.DropdownRow = exports.DropdownSectionLabel = exports.DropdownPanel = exports.CopyrightNoticeText = exports.CopyrightNoticeWrapper = exports.CompanySubtitle = exports.CompanyName = exports.CompanyProfileContent = exports.CompanyProfileWrapper = exports.CompanyProfileContainer = exports.SubItemLabel = exports.SubItemWrapper = exports.NavItemAffordance = exports.NavItemLabel = exports.NavItemWrapper = exports.MenuContainer = exports.LogoWrapper = exports.MenuHeader = exports.SidebarWrapper = exports.itemTextColor = void 0;
|
|
7
7
|
const styled_1 = __importDefault(require("@emotion/styled"));
|
|
8
8
|
const fontStyles_1 = require("../../constants/fontStyles");
|
|
9
9
|
const colors_1 = require("../../constants/Colors/colors");
|
|
@@ -75,7 +75,9 @@ exports.NavItemLabel = styled_1.default.span `
|
|
|
75
75
|
line-height: normal;
|
|
76
76
|
font-weight: ${(props) => (props.active ? 700 : 400)};
|
|
77
77
|
color: ${(props) => (0, exports.itemTextColor)(props.variant, props.active)};
|
|
78
|
-
|
|
78
|
+
white-space: nowrap;
|
|
79
|
+
overflow: hidden;
|
|
80
|
+
text-overflow: ellipsis;
|
|
79
81
|
`;
|
|
80
82
|
exports.NavItemAffordance = styled_1.default.span `
|
|
81
83
|
display: flex;
|
|
@@ -100,9 +102,15 @@ exports.SubItemLabel = styled_1.default.span `
|
|
|
100
102
|
line-height: normal;
|
|
101
103
|
font-weight: ${(props) => (props.active ? 700 : 400)};
|
|
102
104
|
color: ${(props) => (0, exports.itemTextColor)(props.variant, props.active)};
|
|
103
|
-
|
|
105
|
+
white-space: nowrap;
|
|
106
|
+
overflow: hidden;
|
|
107
|
+
text-overflow: ellipsis;
|
|
104
108
|
`;
|
|
105
109
|
// ─── Company profile ───
|
|
110
|
+
exports.CompanyProfileContainer = styled_1.default.div `
|
|
111
|
+
position: relative;
|
|
112
|
+
width: 100%;
|
|
113
|
+
`;
|
|
106
114
|
exports.CompanyProfileWrapper = styled_1.default.div `
|
|
107
115
|
display: flex;
|
|
108
116
|
align-items: center;
|
|
@@ -111,6 +119,7 @@ exports.CompanyProfileWrapper = styled_1.default.div `
|
|
|
111
119
|
border-radius: 8px;
|
|
112
120
|
width: 100%;
|
|
113
121
|
box-sizing: border-box;
|
|
122
|
+
cursor: pointer;
|
|
114
123
|
background-color: ${colors_1.SURFACE.SECONDARY_NEUTRAL};
|
|
115
124
|
`;
|
|
116
125
|
exports.CompanyProfileContent = styled_1.default.div `
|
|
@@ -160,4 +169,106 @@ exports.CopyrightNoticeText = styled_1.default.span `
|
|
|
160
169
|
color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
|
|
161
170
|
white-space: pre-wrap;
|
|
162
171
|
`;
|
|
172
|
+
// ─── Company profile dropdown ───
|
|
173
|
+
exports.DropdownPanel = styled_1.default.div `
|
|
174
|
+
position: absolute;
|
|
175
|
+
top: calc(100% + 4px);
|
|
176
|
+
left: 0;
|
|
177
|
+
z-index: 10;
|
|
178
|
+
width: 208px;
|
|
179
|
+
box-sizing: border-box;
|
|
180
|
+
padding: 8px 0;
|
|
181
|
+
border-radius: 12px;
|
|
182
|
+
overflow: hidden;
|
|
183
|
+
display: flex;
|
|
184
|
+
flex-direction: column;
|
|
185
|
+
align-items: flex-start;
|
|
186
|
+
background-color: ${colors_1.SURFACE.NEUTRAL};
|
|
187
|
+
box-shadow:
|
|
188
|
+
0px 12px 16px -4px rgba(10, 13, 18, 0.08),
|
|
189
|
+
0px 4px 6px -2px rgba(10, 13, 18, 0.03);
|
|
190
|
+
`;
|
|
191
|
+
exports.DropdownSectionLabel = styled_1.default.div `
|
|
192
|
+
display: flex;
|
|
193
|
+
align-items: center;
|
|
194
|
+
padding: 8px 12px;
|
|
195
|
+
width: 100%;
|
|
196
|
+
box-sizing: border-box;
|
|
197
|
+
font-family: ${fontStyles_1.MAIN_FONT};
|
|
198
|
+
font-weight: 400;
|
|
199
|
+
font-size: 12px;
|
|
200
|
+
line-height: normal;
|
|
201
|
+
color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
|
|
202
|
+
white-space: nowrap;
|
|
203
|
+
`;
|
|
204
|
+
exports.DropdownRow = styled_1.default.div `
|
|
205
|
+
display: flex;
|
|
206
|
+
align-items: center;
|
|
207
|
+
gap: 8px;
|
|
208
|
+
padding: 8px 12px;
|
|
209
|
+
width: 100%;
|
|
210
|
+
box-sizing: border-box;
|
|
211
|
+
cursor: pointer;
|
|
212
|
+
background-color: ${(props) => props.active ? colors_1.COMPONENT.SIDEBAR_ACTIVE : 'transparent'};
|
|
213
|
+
`;
|
|
214
|
+
exports.DropdownMenuRow = styled_1.default.div `
|
|
215
|
+
display: flex;
|
|
216
|
+
align-items: center;
|
|
217
|
+
gap: 8px;
|
|
218
|
+
padding: 12px;
|
|
219
|
+
width: 100%;
|
|
220
|
+
box-sizing: border-box;
|
|
221
|
+
cursor: pointer;
|
|
222
|
+
`;
|
|
223
|
+
exports.DropdownRowContent = styled_1.default.div `
|
|
224
|
+
display: flex;
|
|
225
|
+
flex-direction: column;
|
|
226
|
+
align-items: flex-start;
|
|
227
|
+
justify-content: center;
|
|
228
|
+
gap: 4px;
|
|
229
|
+
flex: 1 0 0;
|
|
230
|
+
min-width: 0;
|
|
231
|
+
`;
|
|
232
|
+
exports.DropdownPrimaryText = styled_1.default.span `
|
|
233
|
+
width: 100%;
|
|
234
|
+
font-family: ${fontStyles_1.MAIN_FONT};
|
|
235
|
+
font-weight: 400;
|
|
236
|
+
font-size: 16px;
|
|
237
|
+
line-height: normal;
|
|
238
|
+
color: ${colors_1.BASE.ON_NEUTRAL};
|
|
239
|
+
overflow-wrap: break-word;
|
|
240
|
+
`;
|
|
241
|
+
exports.DropdownSecondaryText = styled_1.default.span `
|
|
242
|
+
width: 100%;
|
|
243
|
+
font-family: ${fontStyles_1.MAIN_FONT};
|
|
244
|
+
font-weight: 400;
|
|
245
|
+
font-size: 14px;
|
|
246
|
+
line-height: normal;
|
|
247
|
+
color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
|
|
248
|
+
overflow-wrap: break-word;
|
|
249
|
+
`;
|
|
250
|
+
exports.DropdownMenuLabel = styled_1.default.span `
|
|
251
|
+
width: 100%;
|
|
252
|
+
font-family: ${fontStyles_1.MAIN_FONT};
|
|
253
|
+
font-weight: 400;
|
|
254
|
+
font-size: 16px;
|
|
255
|
+
line-height: normal;
|
|
256
|
+
color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
|
|
257
|
+
overflow-wrap: break-word;
|
|
258
|
+
`;
|
|
259
|
+
exports.DropdownDivider = styled_1.default.div `
|
|
260
|
+
width: 100%;
|
|
261
|
+
height: 14px;
|
|
262
|
+
flex-shrink: 0;
|
|
263
|
+
display: flex;
|
|
264
|
+
align-items: center;
|
|
265
|
+
|
|
266
|
+
&::after {
|
|
267
|
+
content: '';
|
|
268
|
+
display: block;
|
|
269
|
+
width: calc(100% - 24px);
|
|
270
|
+
margin: 0 12px;
|
|
271
|
+
border-top: 1px solid ${colors_1.BASE.LINE};
|
|
272
|
+
}
|
|
273
|
+
`;
|
|
163
274
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAoC;AACpC,2DAAsE;AACtE,0DAAgF;AAIhF,MAAM,SAAS,GAAG,CAAC,OAAuB,EAAE,EAAE,CAAC,OAAO,KAAK,SAAS,CAAA;AAEpE,MAAM,eAAe,GAAmC;IACtD,QAAQ,EAAE,gBAAO,CAAC,OAAO;IACzB,QAAQ,EAAE,gBAAO,CAAC,OAAO;IACzB,OAAO,EAAE,aAAI,CAAC,SAAS;CACxB,CAAA;AAED,MAAM,iBAAiB,GAAmC;IACxD,QAAQ,EAAE,kBAAS,CAAC,cAAc;IAClC,QAAQ,EAAE,kBAAS,CAAC,cAAc;IAClC,OAAO,EAAE,kBAAS,CAAC,sBAAsB;CAC1C,CAAA;AAEM,MAAM,aAAa,GAAG,CAAC,OAAuB,EAAE,MAAgB,EAAE,EAAE;IACzE,IAAI,SAAS,CAAC,OAAO,CAAC;QAAE,OAAO,aAAI,CAAC,YAAY,CAAA;IAChD,OAAO,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAI,CAAC,oBAAoB,CAAA;AAC7D,CAAC,CAAA;AAHY,QAAA,aAAa,iBAGzB;AAEY,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,CAA6B;;;;;sBAK/C,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC;;;;;;CAM9D,CAAA;AAEY,QAAA,UAAU,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAA;AAEY,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMtC,CAAA;AAED,mBAAmB;AAEN,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,CAGtC;;;;;;;;;sBASoB,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa;CAClE,CAAA;AAEY,QAAA,YAAY,GAAG,gBAAM,CAAC,IAAI,CAGrC;;;iBAGe,sBAAS;;;iBAGT,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;WAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
20
20
|
};
|
|
21
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
22
|
exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.SelectionBoxGroup = exports.SelectionBox = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = exports.AntdConfigProvider = void 0;
|
|
23
|
-
exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.CopyrightNotice = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.SidebarProducts = exports.SidebarBase = exports.Sidebar = exports.Coachmark = exports.Timeline = exports.SummaryCard = void 0;
|
|
23
|
+
exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.COMPANY_MENU_ITEMS = exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.SidebarProducts = exports.SidebarBase = exports.Sidebar = exports.Coachmark = exports.Timeline = exports.SummaryCard = void 0;
|
|
24
24
|
// Components
|
|
25
25
|
var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
|
|
26
26
|
Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return __importDefault(AntdConfigProvider_1).default; } });
|
|
@@ -128,7 +128,9 @@ Object.defineProperty(exports, "SidebarProducts", { enumerable: true, get: funct
|
|
|
128
128
|
Object.defineProperty(exports, "SidebarNavItem", { enumerable: true, get: function () { return Sidebar_1.SidebarNavItem; } });
|
|
129
129
|
Object.defineProperty(exports, "SidebarSubItem", { enumerable: true, get: function () { return Sidebar_1.SidebarSubItem; } });
|
|
130
130
|
Object.defineProperty(exports, "CompanyProfile", { enumerable: true, get: function () { return Sidebar_1.CompanyProfile; } });
|
|
131
|
+
Object.defineProperty(exports, "CompanyProfileDropdown", { enumerable: true, get: function () { return Sidebar_1.CompanyProfileDropdown; } });
|
|
131
132
|
Object.defineProperty(exports, "CopyrightNotice", { enumerable: true, get: function () { return Sidebar_1.CopyrightNotice; } });
|
|
133
|
+
Object.defineProperty(exports, "COMPANY_MENU_ITEMS", { enumerable: true, get: function () { return Sidebar_1.COMPANY_MENU_ITEMS; } });
|
|
132
134
|
// Helper Functions
|
|
133
135
|
var getJoyrideConfig_1 = require("./components/Coachmark/getJoyrideConfig");
|
|
134
136
|
Object.defineProperty(exports, "getCoachmarkJoyrideConfig", { enumerable: true, get: function () { return getJoyrideConfig_1.getCoachmarkJoyrideConfig; } });
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,0EAA0E;AAC1E,iCAAiC;;;;;;;;;;;;;;;;;;;;;AAEjC,aAAa;AACb,sEAA+E;AAAtE,yIAAA,OAAO,OAAsB;AACtC,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,0DAAmE;AAA1D,6HAAA,OAAO,OAAgB;AAChC,sDAA+D;AAAtD,yHAAA,OAAO,OAAc;AAC9B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,4DAAqE;AAA5D,+HAAA,OAAO,OAAiB;AACjC,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,gEAAyE;AAAhE,mIAAA,OAAO,OAAmB;AACnC,wCAAiD;AAAxC,2GAAA,OAAO,OAAO;AACvB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,8DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,gEAAyE;AAAhE,mIAAA,OAAO,OAAmB;AACnC,sDAA+D;AAAtD,yHAAA,OAAO,OAAc;AAC9B,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,0DAGkC;AAFhC,6HAAA,OAAO,OAAgB;AACvB,iHAAA,iBAAiB,OAAA;AAEnB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,sDAA+D;AAAtD,yHAAA,OAAO,OAAc;AAC9B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,sDAA4E;AAAnE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,oGAAA,MAAM,OAAA;AAAE,oGAAA,MAAM,OAAA;AAC3C,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,gDAAyD;AAAhD,mHAAA,OAAO,OAAW;AAC3B,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,kEAA2E;AAAlE,qIAAA,OAAO,OAAoB;AACpC,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,0CAA2C;AAAlC,+FAAA,OAAO,OAAA;AAChB,gDAAyD;AAAhD,mHAAA,OAAO,OAAW;AAC3B,gDAAyD;AAAhD,mHAAA,OAAO,OAAW;AAC3B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { CompanyOption } from './CompanyProfileDropdown';
|
|
2
3
|
type CompanyProfileProps = {
|
|
3
4
|
companyName?: string;
|
|
4
5
|
subtitle?: string;
|
|
5
6
|
enableDropdown?: boolean;
|
|
7
|
+
/** Renders only the company switcher, without the menu items. */
|
|
8
|
+
switchOnly?: boolean;
|
|
9
|
+
companies?: CompanyOption[];
|
|
10
|
+
onMenuItemClick?: (label: string) => void;
|
|
6
11
|
onClick?: () => void;
|
|
7
12
|
};
|
|
8
|
-
declare const CompanyProfile: ({ companyName, subtitle, enableDropdown, onClick, }: CompanyProfileProps) => React.JSX.Element;
|
|
13
|
+
declare const CompanyProfile: ({ companyName, subtitle, enableDropdown, switchOnly, companies, onMenuItemClick, onClick, }: CompanyProfileProps) => React.JSX.Element;
|
|
9
14
|
export default CompanyProfile;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MaterialSymbol } from 'material-symbols';
|
|
3
|
+
export type CompanyOption = {
|
|
4
|
+
name: string;
|
|
5
|
+
subtitle?: string;
|
|
6
|
+
active?: boolean;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
};
|
|
9
|
+
type MenuItemDef = {
|
|
10
|
+
icon: MaterialSymbol;
|
|
11
|
+
label: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const COMPANY_MENU_ITEMS: MenuItemDef[];
|
|
14
|
+
export type CompanyMenuItem = (typeof COMPANY_MENU_ITEMS)[number]['label'];
|
|
15
|
+
type CompanyProfileDropdownProps = {
|
|
16
|
+
/** When false, only the company switcher is rendered (Figma `switchOnly`). */
|
|
17
|
+
showMenuItems?: boolean;
|
|
18
|
+
/** When false, the switch-company block is hidden (Figma `switchCompany`). */
|
|
19
|
+
switchCompany?: boolean;
|
|
20
|
+
companies?: CompanyOption[];
|
|
21
|
+
onMenuItemClick?: (label: CompanyMenuItem) => void;
|
|
22
|
+
};
|
|
23
|
+
declare const CompanyProfileDropdown: ({ showMenuItems, switchCompany, companies, onMenuItemClick, }: CompanyProfileDropdownProps) => React.JSX.Element;
|
|
24
|
+
export default CompanyProfileDropdown;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { SidebarVariant } from './styles';
|
|
3
|
+
import type { CompanyOption } from './CompanyProfileDropdown';
|
|
3
4
|
type SidebarBaseProps = {
|
|
4
5
|
variant?: SidebarVariant;
|
|
5
6
|
logo?: React.ReactNode;
|
|
@@ -20,14 +21,22 @@ type SidebarProductsProps = SidebarProductsGates & {
|
|
|
20
21
|
companyProfile?: boolean;
|
|
21
22
|
companyName?: string;
|
|
22
23
|
companySubtitle?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Label of the currently selected row. Shared by top-level items and
|
|
26
|
+
* sub-items so exactly one row is ever highlighted.
|
|
27
|
+
*/
|
|
23
28
|
activeItem?: string;
|
|
24
|
-
activeSubItem?: string;
|
|
25
29
|
onItemClick?: (label: string) => void;
|
|
26
|
-
|
|
30
|
+
onCompanyProfileClick?: () => void;
|
|
31
|
+
/** Companies listed in the SWITCH COMPANY block of the profile dropdown. */
|
|
32
|
+
companies?: CompanyOption[];
|
|
33
|
+
/** Renders only the company switcher in the dropdown, without menu items. */
|
|
34
|
+
switchOnly?: boolean;
|
|
35
|
+
onCompanyMenuItemClick?: (label: string) => void;
|
|
27
36
|
};
|
|
28
|
-
export declare const SidebarProducts: ({ variant, companyProfile, companyName, companySubtitle, activeItem,
|
|
37
|
+
export declare const SidebarProducts: ({ variant, companyProfile, companyName, companySubtitle, activeItem, onItemClick, onCompanyProfileClick, companies, switchOnly, onCompanyMenuItemClick, treasury, cards, dvaPayments, transactionHistory, apiTools, }: SidebarProductsProps) => React.JSX.Element;
|
|
29
38
|
declare const Sidebar: {
|
|
30
39
|
Base: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element;
|
|
31
|
-
Products: ({ variant, companyProfile, companyName, companySubtitle, activeItem,
|
|
40
|
+
Products: ({ variant, companyProfile, companyName, companySubtitle, activeItem, onItemClick, onCompanyProfileClick, companies, switchOnly, onCompanyMenuItemClick, treasury, cards, dvaPayments, transactionHistory, apiTools, }: SidebarProductsProps) => React.JSX.Element;
|
|
32
41
|
};
|
|
33
42
|
export default Sidebar;
|
|
@@ -2,8 +2,10 @@ import Sidebar, { SidebarBase, SidebarProducts } from './Sidebar';
|
|
|
2
2
|
import SidebarNavItem from './SidebarNavItem';
|
|
3
3
|
import SidebarSubItem from './SidebarSubItem';
|
|
4
4
|
import CompanyProfile from './CompanyProfile';
|
|
5
|
+
import CompanyProfileDropdown, { COMPANY_MENU_ITEMS } from './CompanyProfileDropdown';
|
|
5
6
|
import CopyrightNotice from './CopyrightNotice';
|
|
6
|
-
export { SidebarBase, SidebarProducts, SidebarNavItem, SidebarSubItem, CompanyProfile, CopyrightNotice, };
|
|
7
|
+
export { SidebarBase, SidebarProducts, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, COMPANY_MENU_ITEMS, };
|
|
7
8
|
export type { SidebarVariant } from './styles';
|
|
8
9
|
export type { SubItem } from './SidebarNavItem';
|
|
10
|
+
export type { CompanyOption, CompanyMenuItem } from './CompanyProfileDropdown';
|
|
9
11
|
export default Sidebar;
|
|
@@ -24,9 +24,21 @@ export declare const SubItemLabel: import("@emotion/styled-base").StyledComponen
|
|
|
24
24
|
variant: SidebarVariant;
|
|
25
25
|
active?: boolean;
|
|
26
26
|
}, object>;
|
|
27
|
+
export declare const CompanyProfileContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
27
28
|
export declare const CompanyProfileWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
28
29
|
export declare const CompanyProfileContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
29
30
|
export declare const CompanyName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
30
31
|
export declare const CompanySubtitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
31
32
|
export declare const CopyrightNoticeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
32
33
|
export declare const CopyrightNoticeText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
34
|
+
export declare const DropdownPanel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
35
|
+
export declare const DropdownSectionLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
36
|
+
export declare const DropdownRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
37
|
+
active?: boolean;
|
|
38
|
+
}, object>;
|
|
39
|
+
export declare const DropdownMenuRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
40
|
+
export declare const DropdownRowContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
41
|
+
export declare const DropdownPrimaryText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
42
|
+
export declare const DropdownSecondaryText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
43
|
+
export declare const DropdownMenuLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
44
|
+
export declare const DropdownDivider: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -44,8 +44,8 @@ export { default as Spin } from './components/Spin';
|
|
|
44
44
|
export { default as SummaryCard } from './components/SummaryCard';
|
|
45
45
|
export { default as Timeline } from './components/Timeline';
|
|
46
46
|
export { default as Coachmark } from './components/Coachmark';
|
|
47
|
-
export { default as Sidebar, SidebarBase, SidebarProducts, SidebarNavItem, SidebarSubItem, CompanyProfile, CopyrightNotice, } from './components/Sidebar';
|
|
48
|
-
export type { SidebarVariant, SubItem as SidebarSubItemType, } from './components/Sidebar';
|
|
47
|
+
export { default as Sidebar, SidebarBase, SidebarProducts, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, COMPANY_MENU_ITEMS, } from './components/Sidebar';
|
|
48
|
+
export type { SidebarVariant, SubItem as SidebarSubItemType, CompanyOption as SidebarCompanyOption, CompanyMenuItem as SidebarCompanyMenuItem, } from './components/Sidebar';
|
|
49
49
|
export { getCoachmarkJoyrideConfig } from './components/Coachmark/getJoyrideConfig';
|
|
50
50
|
export * from './icons';
|
|
51
51
|
export { MaterialSymbols } from './icons/MaterialSymbols';
|