@xfers/design-system 7.1.0-dev.c866cc0971 → 7.1.0-dev.d10bbf510b
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/{StraitsXPersonalAccountLightLogo-38a57ff4.js → StraitsXPersonalAccountLightLogo-63cb9f22.js} +1 -1
- package/cjs/{StraitsXPersonalAccountLightLogo-38a57ff4.js.map → StraitsXPersonalAccountLightLogo-63cb9f22.js.map} +1 -1
- package/cjs/index.js +19 -19
- package/cjs/index.js.map +1 -1
- package/cjs/logos.js +1 -1
- package/dist/components/Sidebar/CompanyProfile.js +2 -2
- package/dist/components/Sidebar/CompanyProfile.js.map +1 -1
- package/dist/components/Sidebar/CompanyProfileDropdown.js +7 -10
- package/dist/components/Sidebar/CompanyProfileDropdown.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +2 -101
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/SidebarNavItem.js +5 -3
- package/dist/components/Sidebar/SidebarNavItem.js.map +1 -1
- package/dist/components/Sidebar/index.js +2 -3
- package/dist/components/Sidebar/index.js.map +1 -1
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/dist/types/components/Sidebar/CompanyProfile.d.ts +4 -2
- package/dist/types/components/Sidebar/CompanyProfileDropdown.d.ts +13 -5
- package/dist/types/components/Sidebar/Sidebar.d.ts +0 -33
- package/dist/types/components/Sidebar/SidebarNavItem.d.ts +6 -1
- package/dist/types/components/Sidebar/index.d.ts +3 -3
- package/dist/types/index.d.ts +2 -2
- package/es/StraitsXPersonalAccountLightLogo-f003f1e2.js +2 -0
- package/es/StraitsXPersonalAccountLightLogo-f003f1e2.js.map +1 -0
- package/es/index.js +367 -367
- package/es/index.js.map +1 -1
- package/es/logos.js +1 -1
- package/package.json +1 -1
- package/es/StraitsXPersonalAccountLightLogo-6d5e94ae.js +0 -2
- package/es/StraitsXPersonalAccountLightLogo-6d5e94ae.js.map +0 -1
package/cjs/logos.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./StraitsXPersonalAccountLightLogo-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./StraitsXPersonalAccountLightLogo-63cb9f22.js");require("react"),exports.Alfamart=o.SvgAlfamart,exports.Alfamidi=o.SvgAlfamidi,exports.Anz=o.SvgAnz,exports.Arbitrum=o.Arbitrum,exports.Avalanche=o.Avalanche,exports.Base=o.Base,exports.Bca=o.SvgBca,exports.Bea=o.SvgBea,exports.Binance=o.SvgBinance,exports.Bitgo=o.SvgBitgo,exports.Bnbsmart=o.BnbSmart,exports.Bni=o.SvgBni,exports.Bnp=o.SvgBnp,exports.Boc=o.SvgBoc,exports.Bri=o.SvgBri,exports.Bsi=o.SvgBsi,exports.Bss=o.SvgBss,exports.Cimb=o.SvgCimb,exports.Citi=o.SvgCiti,exports.Coinhako=o.SvgCoinhako,exports.Coinut=o.SvgCoinut,exports.CrossLogo=o.SvgCrossLogo,exports.Crypto=o.SvgCrypto,exports.DanPlusDan=o.SvgDanPlusDan,exports.Dana=o.SvgDana,exports.Danamon=o.SvgDanamon,exports.DarkStraitsXLogo=o.SvgDarkStraitsXLogo,exports.DarkStraitsXUserInfoBarLogo=o.SvgDarkStraitsXUserInfoBarLogo,exports.Dbag=o.SvgDbag,exports.Dbs=o.SvgDbs,exports.Dextf=o.SvgDextf,exports.EarnPiggyBank=o.SvgEarnPiggyBank,exports.EmptyStraitsX=o.EmptyStraitsX,exports.Ethereum=o.SvgEthereum,exports.FaceScan=o.FaceScan,exports.Fazz=o.SvgFazzLogo,exports.Feb=o.SvgFeb,exports.Finblox=o.SvgFinblox,exports.Fireblocks=o.SvgFireblocks,exports.GoPay=o.SvgGoPay,exports.Gpn=o.SvgGpn,exports.Hana=o.SvgHana,exports.Hedera=o.SvgHedera,exports.Hlb=o.SvgHlb,exports.Hodlnaut=o.SvgHodlnaut,exports.Hsbc=o.SvgHsbc,exports.Icbc=o.SvgIcbc,exports.Icici=o.SvgIcici,exports.IdFlag=o.SvgIdFlag,exports.IdrLogo=o.SvgIdrLogo,exports.Indomaret=o.SvgIndomaret,exports.InfoLogo=o.SvgInfoLogo,exports.InterestCompoundedDaily=o.SvgInterestCompoundedDaily,exports.Jcb=o.SvgJcb,exports.Jpmc=o.SvgSmbc,exports.Jumio=o.SvgJumio,exports.Lawson=o.SvgLawson,exports.LedgerVault=o.SvgLedgerVault,exports.LevelDown=o.LevelDown,exports.LightStraitsXLogo=o.SvgLightStraitsXLogo,exports.LinkAja=o.SvgLinkAja,exports.Liquid=o.SvgLiquid,exports.Mandiri=o.SvgMandiri,exports.Mastercard=o.SvgMastercard,exports.Mbb=o.SvgMbb,exports.Miz=o.SvgMiz,exports.Mufg=o.SvgMufg,exports.MyInfoLogo=o.SvgMyInfoLogo,exports.NoFees=o.SvgNoFees,exports.NoLockInPeriod=o.SvgNoLockInPeriod,exports.NotesBell=o.NotesBell,exports.OVO=o.SvgOvo,exports.Ocbc=o.SvgOcbc,exports.OnchainCustodian=o.SvgOnchainCustodian,exports.Permata=o.SvgPermata,exports.Polygon=o.SvgPolygon,exports.Posb=o.SvgPosb,exports.QcpCapital=o.SvgQcpCapital,exports.Qris=o.SvgQris,exports.Rbs=o.SvgRbs,exports.Rhb=o.SvgRhb,exports.Ripple=o.Ripple,exports.Scb=o.SvgScb,exports.SendLogo=o.SvgSendLogo,exports.SgdLogo=o.SvgSgdLogo,exports.ShopeePay=o.SvgShopeePay,exports.Sifl=o.SvgSifl,exports.Smbc=o.SvgSmbc$1,exports.Solana=o.Solana,exports.Sparrow=o.SvgSparrow,exports.StateError=o.StateError,exports.StateSuccess=o.StateSuccess,exports.StraitsXBusinessAccountDarkLogo=o.SvgStraitsXBusinessAccountDarkLogo,exports.StraitsXBusinessAccountLightLogo=o.SvgStraitsXBusinessAccountLightLogo,exports.StraitsXLogo=o.SvgStraitsXLogo,exports.StraitsXMyInfo=o.SvgStraitsXMyInfo,exports.StraitsXPersonalAccountDarkLogo=o.SvgStraitsXPersonalAccountDarkLogo,exports.StraitsXPersonalAccountLightLogo=o.SvgStraitsXPersonalAccountLightLogo,exports.StraitsXSandboxLogo=o.SvgStraitsXSandboxLogo,exports.StraitsxSandboxLogo=o.SvgStraitsxSandboxLogo,exports.Target=o.Target,exports.ThreeDSecure=o.SvgThreedsecure,exports.ThreeDotsLogo=o.SvgThreeDotsLogo,exports.TickLogo=o.SvgTickLogo,exports.TokenizeXchange=o.SvgTokenizeXchange,exports.Tron=o.Tron,exports.Trwi=o.SvgTrwi,exports.Unagii=o.SvgUnagii,exports.Uniswap=o.SvgUniswap,exports.Uob=o.SvgUob,exports.UsFlag=o.SvgUsFlag,exports.UsdLogo=o.SvgUsdLogo,exports.UsdcLogo=o.SvgUsdcLogo,exports.UsdpLogo=o.SvgUsdpLogo,exports.UsdtLogo=o.SvgUsdtLogo,exports.VecDeposits=o.SvgVecDeposits,exports.VecDesktop=o.SvgVecDesktop,exports.VecEmpty=o.SvgVecEmpty,exports.VecEmptyPlain=o.SvgVecEmptyPlain,exports.VecEmptyPlainGreen=o.SvgVecEmptyPlainGreen,exports.VecMobile=o.SvgVecMobile,exports.VecRecipients=o.SvgVecRecipients,exports.VecThumbnailDoc=o.SvgVecThumbnailDoc,exports.Visa=o.SvgVisa,exports.WalletLogo=o.SvgWalletLogo,exports.XfersLogo=o.SvgXfersLogo,exports.XfersSandboxLogo=o.SvgXfersSandboxLogo,exports.XidrLogo=o.SvgXidrLogo,exports.XsgdLogo=o.SvgXsgdLogo,exports.XusdLogo=o.SvgXusdLogo,exports.Zillet=o.SvgZillet,exports.Zilliqa=o.SvgZilliqa,exports.Zilswap=o.SvgZilswap;
|
|
2
2
|
//# sourceMappingURL=logos.js.map
|
|
@@ -41,7 +41,7 @@ const styles_1 = require("./styles");
|
|
|
41
41
|
const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
|
|
42
42
|
const colors_1 = require("../../constants/Colors/colors");
|
|
43
43
|
const CompanyProfileDropdown_1 = __importDefault(require("./CompanyProfileDropdown"));
|
|
44
|
-
const CompanyProfile = ({ companyName = 'ABC Pte. Ltd', subtitle = 'Company', enableDropdown = true, switchOnly = false, companies, onMenuItemClick, onClick, }) => {
|
|
44
|
+
const CompanyProfile = ({ companyName = 'ABC Pte. Ltd', subtitle = 'Company', enableDropdown = true, switchOnly = false, companies, menuItems, onMenuItemClick, onClick, }) => {
|
|
45
45
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
46
46
|
const containerRef = (0, react_1.useRef)(null);
|
|
47
47
|
const resolvedCompanies = companies !== null && companies !== void 0 ? companies : [
|
|
@@ -79,7 +79,7 @@ const CompanyProfile = ({ companyName = 'ABC Pte. Ltd', subtitle = 'Company', en
|
|
|
79
79
|
react_1.default.createElement(styles_1.CompanyName, null, companyName),
|
|
80
80
|
react_1.default.createElement(styles_1.CompanySubtitle, null, subtitle)),
|
|
81
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 }))));
|
|
82
|
+
enableDropdown && isOpen && (react_1.default.createElement(CompanyProfileDropdown_1.default, { showMenuItems: !switchOnly, companies: resolvedCompanies, menuItems: menuItems, onMenuItemClick: onMenuItemClick }))));
|
|
83
83
|
};
|
|
84
84
|
exports.default = CompanyProfile;
|
|
85
85
|
//# sourceMappingURL=CompanyProfile.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAgB7D,MAAM,cAAc,GAAG,CAAC,EACtB,WAAW,GAAG,cAAc,EAC5B,QAAQ,GAAG,SAAS,EACpB,cAAc,GAAG,IAAI,EACrB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,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,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,GAChC,CACH,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}
|
|
@@ -3,18 +3,11 @@ 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.COMPANY_MENU_ITEMS = void 0;
|
|
7
6
|
const react_1 = __importDefault(require("react"));
|
|
8
7
|
const dropdownStyles_1 = require("./dropdownStyles");
|
|
9
8
|
const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
|
|
10
9
|
const colors_1 = require("../../constants/Colors/colors");
|
|
11
|
-
|
|
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(dropdownStyles_1.DropdownPanel, null,
|
|
10
|
+
const CompanyProfileDropdown = ({ showMenuItems = true, switchCompany = true, companies = [], menuItems = [], onMenuItemClick, }) => (react_1.default.createElement(dropdownStyles_1.DropdownPanel, null,
|
|
18
11
|
switchCompany && companies.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
12
|
react_1.default.createElement(dropdownStyles_1.DropdownSectionLabel, null, "SWITCH COMPANY"),
|
|
20
13
|
companies.map((company) => (react_1.default.createElement(dropdownStyles_1.DropdownRow, { key: company.name, active: company.active, onClick: company.onClick },
|
|
@@ -22,9 +15,13 @@ const CompanyProfileDropdown = ({ showMenuItems = true, switchCompany = true, co
|
|
|
22
15
|
react_1.default.createElement(dropdownStyles_1.DropdownPrimaryText, null, company.name),
|
|
23
16
|
company.subtitle && (react_1.default.createElement(dropdownStyles_1.DropdownSecondaryText, null, company.subtitle))),
|
|
24
17
|
company.active && (react_1.default.createElement(MaterialSymbols_1.default, { icon: "check", size: "m", color: colors_1.STATUS.POSITIVE }))))),
|
|
25
|
-
showMenuItems && react_1.default.createElement(dropdownStyles_1.DropdownDivider, null))),
|
|
18
|
+
showMenuItems && menuItems.length > 0 && react_1.default.createElement(dropdownStyles_1.DropdownDivider, null))),
|
|
26
19
|
showMenuItems &&
|
|
27
|
-
|
|
20
|
+
menuItems.map((item) => (react_1.default.createElement(dropdownStyles_1.DropdownMenuRow, { key: item.label, onClick: () => {
|
|
21
|
+
var _a;
|
|
22
|
+
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
|
|
23
|
+
onMenuItemClick === null || onMenuItemClick === void 0 ? void 0 : onMenuItemClick(item.label);
|
|
24
|
+
} },
|
|
28
25
|
react_1.default.createElement(MaterialSymbols_1.default, { icon: item.icon, size: "m", color: colors_1.BASE.ON_NEUTRAL_SECONDARY }),
|
|
29
26
|
react_1.default.createElement(dropdownStyles_1.DropdownRowContent, null,
|
|
30
27
|
react_1.default.createElement(dropdownStyles_1.DropdownMenuLabel, null, item.label)))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompanyProfileDropdown.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfileDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CompanyProfileDropdown.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfileDropdown.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qDAUyB;AACzB,kGAAyE;AACzE,0DAA4D;AAiC5D,MAAM,sBAAsB,GAAG,CAAC,EAC9B,aAAa,GAAG,IAAI,EACpB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,eAAe,GACa,EAAE,EAAE,CAAC,CACjC,8BAAC,8BAAa;IACX,aAAa,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC;QACE,8BAAC,qCAAoB,yBAAsC;QAC1D,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,8BAAC,4BAAW,IACV,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,OAAO,EAAE,OAAO,CAAC,OAAO;YAExB,8BAAC,mCAAkB;gBACjB,8BAAC,oCAAmB,QAAE,OAAO,CAAC,IAAI,CAAuB;gBACxD,OAAO,CAAC,QAAQ,IAAI,CACnB,8BAAC,sCAAqB,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,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,8BAAC,gCAAe,OAAG,CAC5D,CACJ;IACA,aAAa;QACZ,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,8BAAC,gCAAe,IACd,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,OAAO,EAAE,GAAG,EAAE;;gBACZ,MAAA,IAAI,CAAC,OAAO,oDAAI,CAAA;gBAChB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,IAAI,CAAC,KAAK,CAAC,CAAA;YAC/B,CAAC;YAED,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,GAChC;YACF,8BAAC,mCAAkB;gBACjB,8BAAC,kCAAiB,QAAE,IAAI,CAAC,KAAK,CAAqB,CAChC,CACL,CACnB,CAAC,CACU,CACjB,CAAA;AAED,kBAAe,sBAAsB,CAAA"}
|
|
@@ -1,50 +1,11 @@
|
|
|
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
|
-
})();
|
|
35
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
4
|
};
|
|
38
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.
|
|
40
|
-
const react_1 =
|
|
6
|
+
exports.SidebarBase = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
41
8
|
const styles_1 = require("./styles");
|
|
42
|
-
const SidebarNavItem_1 = __importDefault(require("./SidebarNavItem"));
|
|
43
|
-
const CompanyProfile_1 = __importDefault(require("./CompanyProfile"));
|
|
44
|
-
const CopyrightNotice_1 = __importDefault(require("./CopyrightNotice"));
|
|
45
|
-
const StraitsXBusinessAccountDarkLogo_1 = __importDefault(require("../../logos/straitsx/StraitsXBusinessAccountDarkLogo"));
|
|
46
|
-
const StraitsXPersonalAccountDarkLogo_1 = __importDefault(require("../../logos/straitsx/StraitsXPersonalAccountDarkLogo"));
|
|
47
|
-
const StraitsXSandboxLogo_1 = __importDefault(require("../../logos/straitsx/StraitsXSandboxLogo"));
|
|
48
9
|
const SidebarBase = ({ variant = 'business', logo, companyProfile, children, footer, }) => (react_1.default.createElement(styles_1.SidebarWrapper, { variant: variant },
|
|
49
10
|
react_1.default.createElement(styles_1.MenuHeader, null,
|
|
50
11
|
logo && react_1.default.createElement(styles_1.LogoWrapper, null, logo),
|
|
@@ -52,68 +13,8 @@ const SidebarBase = ({ variant = 'business', logo, companyProfile, children, foo
|
|
|
52
13
|
react_1.default.createElement(styles_1.MenuContainer, null, children)),
|
|
53
14
|
footer));
|
|
54
15
|
exports.SidebarBase = SidebarBase;
|
|
55
|
-
// ─── Logos per variant ───
|
|
56
|
-
const LOGO_MAP = {
|
|
57
|
-
business: react_1.default.createElement(StraitsXBusinessAccountDarkLogo_1.default, null),
|
|
58
|
-
personal: react_1.default.createElement(StraitsXPersonalAccountDarkLogo_1.default, null),
|
|
59
|
-
sandbox: react_1.default.createElement(StraitsXSandboxLogo_1.default, null),
|
|
60
|
-
};
|
|
61
|
-
const FULL_NAV_ITEMS = [
|
|
62
|
-
{ icon: 'home', label: 'Home' },
|
|
63
|
-
{
|
|
64
|
-
icon: 'credit_card',
|
|
65
|
-
label: 'Cards',
|
|
66
|
-
subItems: ['Settlement', 'Monitoring', 'Issuance'],
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
icon: 'person_apron',
|
|
70
|
-
label: 'DVA Payments',
|
|
71
|
-
subItems: ['Request for Information'],
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
icon: 'receipt_long',
|
|
75
|
-
label: 'Transaction History',
|
|
76
|
-
},
|
|
77
|
-
{ icon: 'logo_dev', label: 'API Tools' },
|
|
78
|
-
{ icon: 'headphones', label: 'Support' },
|
|
79
|
-
];
|
|
80
|
-
const PERSONAL_NAV_ITEMS = [
|
|
81
|
-
{ icon: 'home', label: 'Home' },
|
|
82
|
-
{ icon: 'account_balance_wallet', label: 'Mint' },
|
|
83
|
-
{ icon: 'receipt_long', label: 'Transaction History' },
|
|
84
|
-
{ icon: 'headphones', label: 'Support' },
|
|
85
|
-
];
|
|
86
|
-
const SidebarProducts = ({ variant = 'business', companyProfile = true, companyName, companySubtitle, hiddenItems = [], activeItem = 'Home', onItemClick, onCompanyProfileClick, companies, switchOnly = false, onCompanyMenuItemClick, }) => {
|
|
87
|
-
const [expanded, setExpanded] = (0, react_1.useState)(null);
|
|
88
|
-
const isPersonal = variant === 'personal';
|
|
89
|
-
const items = isPersonal ? PERSONAL_NAV_ITEMS : FULL_NAV_ITEMS;
|
|
90
|
-
const visibleItems = items.filter((item) => !hiddenItems.includes(item.label));
|
|
91
|
-
const handleClick = (item) => {
|
|
92
|
-
// Parents with sub-items toggle their group. Only one group is open at a
|
|
93
|
-
// time (accordion). Expand-only parents stop there — they have no route,
|
|
94
|
-
// so selection stays where it was. Navigable parents also route.
|
|
95
|
-
if (item.subItems) {
|
|
96
|
-
setExpanded((prev) => (prev === item.label ? null : item.label));
|
|
97
|
-
if (!item.navigable)
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item.label);
|
|
101
|
-
};
|
|
102
|
-
return (react_1.default.createElement(exports.SidebarBase, { variant: variant, logo: LOGO_MAP[variant], companyProfile: !isPersonal &&
|
|
103
|
-
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) => {
|
|
104
|
-
var _a;
|
|
105
|
-
return (react_1.default.createElement(SidebarNavItem_1.default, { key: item.label, icon: item.icon, label: item.label, variant: variant, active: activeItem === item.label &&
|
|
106
|
-
(!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) => ({
|
|
107
|
-
label,
|
|
108
|
-
active: activeItem === label,
|
|
109
|
-
onClick: () => onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(label),
|
|
110
|
-
})) }));
|
|
111
|
-
})));
|
|
112
|
-
};
|
|
113
|
-
exports.SidebarProducts = SidebarProducts;
|
|
114
16
|
const Sidebar = {
|
|
115
17
|
Base: exports.SidebarBase,
|
|
116
|
-
Products: exports.SidebarProducts,
|
|
117
18
|
};
|
|
118
19
|
exports.default = Sidebar;
|
|
119
20
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,qCAKiB;AAaV,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,GAAG,UAAU,EACpB,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,MAAM,GACW,EAAE,EAAE,CAAC,CACtB,8BAAC,uBAAc,IAAC,OAAO,EAAE,OAAO;IAC9B,8BAAC,mBAAU;QACR,IAAI,IAAI,8BAAC,oBAAW,QAAE,IAAI,CAAe;QACzC,cAAc;QACf,8BAAC,sBAAa,QAAE,QAAQ,CAAiB,CAC9B;IACZ,MAAM,CACQ,CAClB,CAAA;AAfY,QAAA,WAAW,eAevB;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,mBAAW;CAClB,CAAA;AAED,kBAAe,OAAO,CAAA"}
|
|
@@ -6,19 +6,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
7
|
const styles_1 = require("./styles");
|
|
8
8
|
const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
|
|
9
|
+
const Tag_1 = __importDefault(require("../Tag"));
|
|
9
10
|
const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
|
|
10
|
-
const SidebarNavItem = ({ icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, }) => {
|
|
11
|
+
const SidebarNavItem = ({ id, icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, tag, }) => {
|
|
11
12
|
const color = (0, styles_1.itemTextColor)(variant, active);
|
|
12
13
|
const hasSubItems = Boolean(subItems && subItems.length > 0);
|
|
13
14
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
14
|
-
react_1.default.createElement(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: onClick },
|
|
15
|
+
react_1.default.createElement(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: onClick, "data-id": id },
|
|
15
16
|
react_1.default.createElement(MaterialSymbols_1.default, { icon: icon, size: "m", fill: active ? 1 : 0, color: color }),
|
|
16
17
|
react_1.default.createElement(styles_1.NavItemLabel, { variant: variant, active: active }, label),
|
|
18
|
+
tag && (react_1.default.createElement(Tag_1.default, { type: "positive", variant: "filled", size: "sm" }, tag)),
|
|
17
19
|
hasSubItems && (react_1.default.createElement(styles_1.NavItemAffordance, null,
|
|
18
20
|
react_1.default.createElement(MaterialSymbols_1.default, { icon: "keyboard_arrow_down", size: "m", color: color, style: isExpanded ? { transform: 'rotate(180deg)' } : undefined })))),
|
|
19
21
|
isExpanded &&
|
|
20
22
|
subItems &&
|
|
21
|
-
subItems.map((sub) => (react_1.default.createElement(SidebarSubItem_1.default, { key: sub.
|
|
23
|
+
subItems.map((sub) => (react_1.default.createElement(SidebarSubItem_1.default, { key: sub.id, label: sub.label, variant: variant, active: sub.active, onClick: sub.onClick })))));
|
|
22
24
|
};
|
|
23
25
|
exports.default = SidebarNavItem;
|
|
24
26
|
//# sourceMappingURL=SidebarNavItem.js.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,iDAAwB;AACxB,sEAA6C;AAuB7C,MAAM,cAAc,GAAG,CAAC,EACtB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,GACiB,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,IACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aACP,EAAE;YAEX,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,GAAG,IAAI,CACN,8BAAC,aAAG,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,IAC5C,GAAG,CACA,CACP;YACA,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,EAAE,EACX,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.
|
|
39
|
+
exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = 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
|
const SidebarNavItem_1 = __importDefault(require("./SidebarNavItem"));
|
|
@@ -45,9 +45,8 @@ const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
|
|
|
45
45
|
exports.SidebarSubItem = SidebarSubItem_1.default;
|
|
46
46
|
const CompanyProfile_1 = __importDefault(require("./CompanyProfile"));
|
|
47
47
|
exports.CompanyProfile = CompanyProfile_1.default;
|
|
48
|
-
const CompanyProfileDropdown_1 =
|
|
48
|
+
const CompanyProfileDropdown_1 = __importDefault(require("./CompanyProfileDropdown"));
|
|
49
49
|
exports.CompanyProfileDropdown = CompanyProfileDropdown_1.default;
|
|
50
|
-
Object.defineProperty(exports, "COMPANY_MENU_ITEMS", { enumerable: true, get: function () { return CompanyProfileDropdown_1.COMPANY_MENU_ITEMS; } });
|
|
51
50
|
const CopyrightNotice_1 = __importDefault(require("./CopyrightNotice"));
|
|
52
51
|
exports.CopyrightNotice = CopyrightNotice_1.default;
|
|
53
52
|
exports.default = Sidebar_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgD;AAQ9C,4FARgB,qBAAW,OAQhB;AAPb,sEAA6C;AAQ3C,yBARK,wBAAc,CAQL;AAPhB,sEAA6C;AAQ3C,yBARK,wBAAc,CAQL;AAPhB,sEAA6C;AAQ3C,yBARK,wBAAc,CAQL;AAPhB,sFAA6D;AAQ3D,iCARK,gCAAsB,CAQL;AAPxB,wEAA+C;AAQ7C,0BARK,yBAAe,CAQL;AAMjB,kBAAe,iBAAO,CAAA"}
|
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.
|
|
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.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = 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; } });
|
|
@@ -129,7 +129,6 @@ Object.defineProperty(exports, "SidebarSubItem", { enumerable: true, get: functi
|
|
|
129
129
|
Object.defineProperty(exports, "CompanyProfile", { enumerable: true, get: function () { return Sidebar_1.CompanyProfile; } });
|
|
130
130
|
Object.defineProperty(exports, "CompanyProfileDropdown", { enumerable: true, get: function () { return Sidebar_1.CompanyProfileDropdown; } });
|
|
131
131
|
Object.defineProperty(exports, "CopyrightNotice", { enumerable: true, get: function () { return Sidebar_1.CopyrightNotice; } });
|
|
132
|
-
Object.defineProperty(exports, "COMPANY_MENU_ITEMS", { enumerable: true, get: function () { return Sidebar_1.COMPANY_MENU_ITEMS; } });
|
|
133
132
|
// Helper Functions
|
|
134
133
|
var getJoyrideConfig_1 = require("./components/Coachmark/getJoyrideConfig");
|
|
135
134
|
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,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { CompanyOption } from './CompanyProfileDropdown';
|
|
2
|
+
import type { CompanyOption, DropdownMenuItem } from './CompanyProfileDropdown';
|
|
3
3
|
type CompanyProfileProps = {
|
|
4
4
|
companyName?: string;
|
|
5
5
|
subtitle?: string;
|
|
@@ -7,8 +7,10 @@ type CompanyProfileProps = {
|
|
|
7
7
|
/** Renders only the company switcher, without the menu items. */
|
|
8
8
|
switchOnly?: boolean;
|
|
9
9
|
companies?: CompanyOption[];
|
|
10
|
+
/** Menu items shown below the divider. Consumer provides icon + label. */
|
|
11
|
+
menuItems?: DropdownMenuItem[];
|
|
10
12
|
onMenuItemClick?: (label: string) => void;
|
|
11
13
|
onClick?: () => void;
|
|
12
14
|
};
|
|
13
|
-
declare const CompanyProfile: ({ companyName, subtitle, enableDropdown, switchOnly, companies, onMenuItemClick, onClick, }: CompanyProfileProps) => React.JSX.Element;
|
|
15
|
+
declare const CompanyProfile: ({ companyName, subtitle, enableDropdown, switchOnly, companies, menuItems, onMenuItemClick, onClick, }: CompanyProfileProps) => React.JSX.Element;
|
|
14
16
|
export default CompanyProfile;
|
|
@@ -6,19 +6,27 @@ export type CompanyOption = {
|
|
|
6
6
|
active?: boolean;
|
|
7
7
|
onClick?: () => void;
|
|
8
8
|
};
|
|
9
|
-
type
|
|
9
|
+
export type DropdownMenuItem = {
|
|
10
|
+
/** Material Symbol icon name (e.g. 'domain', 'group', 'receipt_long'). */
|
|
10
11
|
icon: MaterialSymbol;
|
|
12
|
+
/** Display label for the menu item. */
|
|
11
13
|
label: string;
|
|
14
|
+
onClick?: () => void;
|
|
12
15
|
};
|
|
13
|
-
export declare const COMPANY_MENU_ITEMS: MenuItemDef[];
|
|
14
|
-
export type CompanyMenuItem = (typeof COMPANY_MENU_ITEMS)[number]['label'];
|
|
15
16
|
type CompanyProfileDropdownProps = {
|
|
16
17
|
/** When false, only the company switcher is rendered (Figma `switchOnly`). */
|
|
17
18
|
showMenuItems?: boolean;
|
|
18
19
|
/** When false, the switch-company block is hidden (Figma `switchCompany`). */
|
|
19
20
|
switchCompany?: boolean;
|
|
21
|
+
/** Companies shown in the SWITCH COMPANY section. */
|
|
20
22
|
companies?: CompanyOption[];
|
|
21
|
-
|
|
23
|
+
/**
|
|
24
|
+
* Menu items shown below the divider. Each item needs an icon (MaterialSymbol)
|
|
25
|
+
* and a label. Consumer must provide this explicitly.
|
|
26
|
+
*/
|
|
27
|
+
menuItems?: DropdownMenuItem[];
|
|
28
|
+
/** Fired when a menu item is clicked (if the item doesn't have its own onClick). */
|
|
29
|
+
onMenuItemClick?: (label: string) => void;
|
|
22
30
|
};
|
|
23
|
-
declare const CompanyProfileDropdown: ({ showMenuItems, switchCompany, companies, onMenuItemClick, }: CompanyProfileDropdownProps) => React.JSX.Element;
|
|
31
|
+
declare const CompanyProfileDropdown: ({ showMenuItems, switchCompany, companies, menuItems, onMenuItemClick, }: CompanyProfileDropdownProps) => React.JSX.Element;
|
|
24
32
|
export default CompanyProfileDropdown;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { SidebarVariant } from './styles';
|
|
3
|
-
import type { CompanyOption } from './CompanyProfileDropdown';
|
|
4
3
|
type SidebarBaseProps = {
|
|
5
4
|
variant?: SidebarVariant;
|
|
6
5
|
logo?: React.ReactNode;
|
|
@@ -9,39 +8,7 @@ type SidebarBaseProps = {
|
|
|
9
8
|
footer?: React.ReactNode;
|
|
10
9
|
};
|
|
11
10
|
export declare const SidebarBase: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element;
|
|
12
|
-
/** All possible nav item labels in the Business/Sandbox sidebar. */
|
|
13
|
-
export type SidebarNavLabel = 'Home' | 'Cards' | 'DVA Payments' | 'Transaction History' | 'API Tools' | 'Support';
|
|
14
|
-
/** All possible nav item labels in the Personal sidebar. */
|
|
15
|
-
export type PersonalNavLabel = 'Home' | 'Mint' | 'Transaction History' | 'Support';
|
|
16
|
-
/** Union of all sidebar nav labels across all variants. */
|
|
17
|
-
export type SidebarItemLabel = SidebarNavLabel | PersonalNavLabel;
|
|
18
|
-
type SidebarProductsProps = {
|
|
19
|
-
variant?: SidebarVariant;
|
|
20
|
-
companyProfile?: boolean;
|
|
21
|
-
companyName?: string;
|
|
22
|
-
companySubtitle?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Labels of nav items to hide. Items not in this array remain visible.
|
|
25
|
-
* Type-safe: only accepts known nav item labels.
|
|
26
|
-
* Example: `['Cards', 'DVA Payments']` hides those two items.
|
|
27
|
-
*/
|
|
28
|
-
hiddenItems?: SidebarItemLabel[];
|
|
29
|
-
/**
|
|
30
|
-
* Label of the currently selected row. Shared by top-level items and
|
|
31
|
-
* sub-items so exactly one row is ever highlighted.
|
|
32
|
-
*/
|
|
33
|
-
activeItem?: string;
|
|
34
|
-
onItemClick?: (label: string) => void;
|
|
35
|
-
onCompanyProfileClick?: () => void;
|
|
36
|
-
/** Companies listed in the SWITCH COMPANY block of the profile dropdown. */
|
|
37
|
-
companies?: CompanyOption[];
|
|
38
|
-
/** Renders only the company switcher in the dropdown, without menu items. */
|
|
39
|
-
switchOnly?: boolean;
|
|
40
|
-
onCompanyMenuItemClick?: (label: string) => void;
|
|
41
|
-
};
|
|
42
|
-
export declare const SidebarProducts: ({ variant, companyProfile, companyName, companySubtitle, hiddenItems, activeItem, onItemClick, onCompanyProfileClick, companies, switchOnly, onCompanyMenuItemClick, }: SidebarProductsProps) => React.JSX.Element;
|
|
43
11
|
declare const Sidebar: {
|
|
44
12
|
Base: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element;
|
|
45
|
-
Products: ({ variant, companyProfile, companyName, companySubtitle, hiddenItems, activeItem, onItemClick, onCompanyProfileClick, companies, switchOnly, onCompanyMenuItemClick, }: SidebarProductsProps) => React.JSX.Element;
|
|
46
13
|
};
|
|
47
14
|
export default Sidebar;
|
|
@@ -2,11 +2,14 @@ import React from 'react';
|
|
|
2
2
|
import { MaterialSymbol } from 'material-symbols';
|
|
3
3
|
import type { SidebarVariant } from './styles';
|
|
4
4
|
export type SubItem = {
|
|
5
|
+
id: string;
|
|
5
6
|
label: string;
|
|
6
7
|
active?: boolean;
|
|
7
8
|
onClick?: () => void;
|
|
8
9
|
};
|
|
9
10
|
type SidebarNavItemProps = {
|
|
11
|
+
/** Stable identifier for this nav item (used for selection, routing). */
|
|
12
|
+
id: string;
|
|
10
13
|
icon: MaterialSymbol;
|
|
11
14
|
label: string;
|
|
12
15
|
variant?: SidebarVariant;
|
|
@@ -14,6 +17,8 @@ type SidebarNavItemProps = {
|
|
|
14
17
|
onClick?: () => void;
|
|
15
18
|
subItems?: SubItem[];
|
|
16
19
|
isExpanded?: boolean;
|
|
20
|
+
/** Optional trailing tag text (e.g. "New"). Uses DS Tag component. */
|
|
21
|
+
tag?: string;
|
|
17
22
|
};
|
|
18
|
-
declare const SidebarNavItem: ({ icon, label, variant, active, onClick, subItems, isExpanded, }: SidebarNavItemProps) => React.JSX.Element;
|
|
23
|
+
declare const SidebarNavItem: ({ id, icon, label, variant, active, onClick, subItems, isExpanded, tag, }: SidebarNavItemProps) => React.JSX.Element;
|
|
19
24
|
export default SidebarNavItem;
|
|
@@ -2,10 +2,10 @@ import Sidebar, { SidebarBase } from './Sidebar';
|
|
|
2
2
|
import SidebarNavItem from './SidebarNavItem';
|
|
3
3
|
import SidebarSubItem from './SidebarSubItem';
|
|
4
4
|
import CompanyProfile from './CompanyProfile';
|
|
5
|
-
import CompanyProfileDropdown
|
|
5
|
+
import CompanyProfileDropdown from './CompanyProfileDropdown';
|
|
6
6
|
import CopyrightNotice from './CopyrightNotice';
|
|
7
|
-
export { SidebarBase, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice,
|
|
7
|
+
export { SidebarBase, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, };
|
|
8
8
|
export type { SidebarVariant } from './styles';
|
|
9
9
|
export type { SubItem } from './SidebarNavItem';
|
|
10
|
-
export type { CompanyOption,
|
|
10
|
+
export type { CompanyOption, DropdownMenuItem } from './CompanyProfileDropdown';
|
|
11
11
|
export default Sidebar;
|
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, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice,
|
|
48
|
-
export type { SidebarVariant, SubItem as SidebarSubItemType, CompanyOption as SidebarCompanyOption,
|
|
47
|
+
export { default as Sidebar, SidebarBase, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, } from './components/Sidebar';
|
|
48
|
+
export type { SidebarVariant, SubItem as SidebarSubItemType, CompanyOption as SidebarCompanyOption, DropdownMenuItem as SidebarDropdownMenuItem, } from './components/Sidebar';
|
|
49
49
|
export { getCoachmarkJoyrideConfig } from './components/Coachmark/getJoyrideConfig';
|
|
50
50
|
export * from './icons';
|
|
51
51
|
export { MaterialSymbols } from './icons/MaterialSymbols';
|