@xfers/design-system 7.1.0-dev.6af4e72e9f → 7.1.0-dev.89ea3acf11

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.
Files changed (35) hide show
  1. package/cjs/{StraitsXPersonalAccountDarkLogo-95a3ea64.js → StraitsXPersonalAccountLightLogo-63cb9f22.js} +1 -1
  2. package/cjs/StraitsXPersonalAccountLightLogo-63cb9f22.js.map +1 -0
  3. package/cjs/index.js +266 -246
  4. package/cjs/index.js.map +1 -1
  5. package/cjs/logos.js +1 -1
  6. package/dist/components/Sidebar/CompanyProfile.js +2 -2
  7. package/dist/components/Sidebar/CompanyProfile.js.map +1 -1
  8. package/dist/components/Sidebar/CompanyProfileDropdown.js +15 -18
  9. package/dist/components/Sidebar/CompanyProfileDropdown.js.map +1 -1
  10. package/dist/components/Sidebar/Sidebar.js +2 -111
  11. package/dist/components/Sidebar/Sidebar.js.map +1 -1
  12. package/dist/components/Sidebar/dropdownStyles.js +120 -0
  13. package/dist/components/Sidebar/dropdownStyles.js.map +1 -0
  14. package/dist/components/Sidebar/index.js +2 -4
  15. package/dist/components/Sidebar/index.js.map +1 -1
  16. package/dist/components/Sidebar/styles.js +23 -107
  17. package/dist/components/Sidebar/styles.js.map +1 -1
  18. package/dist/index.js +1 -3
  19. package/dist/index.js.map +1 -1
  20. package/dist/types/components/Sidebar/CompanyProfile.d.ts +4 -2
  21. package/dist/types/components/Sidebar/CompanyProfileDropdown.d.ts +13 -5
  22. package/dist/types/components/Sidebar/Sidebar.d.ts +0 -28
  23. package/dist/types/components/Sidebar/dropdownStyles.d.ts +11 -0
  24. package/dist/types/components/Sidebar/index.d.ts +4 -4
  25. package/dist/types/components/Sidebar/styles.d.ts +0 -11
  26. package/dist/types/index.d.ts +2 -2
  27. package/es/StraitsXPersonalAccountLightLogo-f003f1e2.js +2 -0
  28. package/es/StraitsXPersonalAccountLightLogo-f003f1e2.js.map +1 -0
  29. package/es/index.js +382 -362
  30. package/es/index.js.map +1 -1
  31. package/es/logos.js +1 -1
  32. package/package.json +1 -1
  33. package/cjs/StraitsXPersonalAccountDarkLogo-95a3ea64.js.map +0 -1
  34. package/es/StraitsXPersonalAccountDarkLogo-85aa39f5.js +0 -2
  35. package/es/StraitsXPersonalAccountDarkLogo-85aa39f5.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("./StraitsXPersonalAccountDarkLogo-95a3ea64.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;
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;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"}
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,30 +3,27 @@ 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
- const styles_1 = require("./styles");
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
- 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,
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
- 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))),
12
+ react_1.default.createElement(dropdownStyles_1.DropdownSectionLabel, null, "SWITCH COMPANY"),
13
+ companies.map((company) => (react_1.default.createElement(dropdownStyles_1.DropdownRow, { key: company.name, active: company.active, onClick: company.onClick },
14
+ react_1.default.createElement(dropdownStyles_1.DropdownRowContent, null,
15
+ react_1.default.createElement(dropdownStyles_1.DropdownPrimaryText, null, company.name),
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(styles_1.DropdownDivider, null))),
18
+ showMenuItems && menuItems.length > 0 && react_1.default.createElement(dropdownStyles_1.DropdownDivider, null))),
26
19
  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) },
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
- react_1.default.createElement(styles_1.DropdownRowContent, null,
30
- react_1.default.createElement(styles_1.DropdownMenuLabel, null, item.label)))))));
26
+ react_1.default.createElement(dropdownStyles_1.DropdownRowContent, null,
27
+ react_1.default.createElement(dropdownStyles_1.DropdownMenuLabel, null, item.label)))))));
31
28
  exports.default = CompanyProfileDropdown;
32
29
  //# sourceMappingURL=CompanyProfileDropdown.js.map
@@ -1 +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"}
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.SidebarProducts = exports.SidebarBase = void 0;
40
- const react_1 = __importStar(require("react"));
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 StraitsXBusinessAccountLightLogo_1 = __importDefault(require("../../logos/straitsx/StraitsXBusinessAccountLightLogo"));
46
- const StraitsXPersonalAccountLightLogo_1 = __importDefault(require("../../logos/straitsx/StraitsXPersonalAccountLightLogo"));
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,78 +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(StraitsXBusinessAccountLightLogo_1.default, null),
58
- personal: react_1.default.createElement(StraitsXPersonalAccountLightLogo_1.default, null),
59
- sandbox: react_1.default.createElement(StraitsXSandboxLogo_1.default, null),
60
- };
61
- const FULL_NAV_ITEMS = [
62
- { icon: 'home', label: 'Home', gate: 'treasury' },
63
- {
64
- icon: 'credit_card',
65
- label: 'Cards',
66
- gate: 'cards',
67
- subItems: ['Settlement', 'Monitoring', 'Issuance'],
68
- },
69
- {
70
- icon: 'person_apron',
71
- label: 'DVA Payments',
72
- gate: 'dvaPayments',
73
- subItems: ['Request for Information'],
74
- },
75
- {
76
- icon: 'receipt_long',
77
- label: 'Transaction History',
78
- gate: 'transactionHistory',
79
- },
80
- { icon: 'logo_dev', label: 'API Tools', gate: 'apiTools' },
81
- { icon: 'headphones', label: 'Support' },
82
- ];
83
- const PERSONAL_NAV_ITEMS = [
84
- { icon: 'home', label: 'Home' },
85
- { icon: 'account_balance_wallet', label: 'Mint' },
86
- { icon: 'receipt_long', label: 'Transaction History' },
87
- { icon: 'headphones', label: 'Support' },
88
- ];
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
- const gates = {
91
- treasury,
92
- cards,
93
- dvaPayments,
94
- transactionHistory,
95
- apiTools,
96
- };
97
- const [expanded, setExpanded] = (0, react_1.useState)(null);
98
- const isPersonal = variant === 'personal';
99
- const items = isPersonal ? PERSONAL_NAV_ITEMS : FULL_NAV_ITEMS;
100
- const visibleItems = items.filter((item) => !item.gate || gates[item.gate] !== false);
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.
105
- if (item.subItems) {
106
- setExpanded((prev) => (prev === item.label ? null : item.label));
107
- if (!item.navigable)
108
- return;
109
- }
110
- onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item.label);
111
- };
112
- return (react_1.default.createElement(exports.SidebarBase, { variant: variant, logo: LOGO_MAP[variant], companyProfile: !isPersonal &&
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) => {
114
- var _a;
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) => ({
117
- label,
118
- active: activeItem === label,
119
- onClick: () => onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(label),
120
- })) }));
121
- })));
122
- };
123
- exports.SidebarProducts = SidebarProducts;
124
16
  const Sidebar = {
125
17
  Base: exports.SidebarBase,
126
- Products: exports.SidebarProducts,
127
18
  };
128
19
  exports.default = Sidebar;
129
20
  //# sourceMappingURL=Sidebar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
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"}
@@ -0,0 +1,120 @@
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.DropdownDivider = exports.DropdownMenuLabel = exports.DropdownSecondaryText = exports.DropdownPrimaryText = exports.DropdownRowContent = exports.DropdownMenuRow = exports.DropdownRow = exports.DropdownSectionLabel = exports.DropdownPanel = void 0;
7
+ const styled_1 = __importDefault(require("@emotion/styled"));
8
+ const fontStyles_1 = require("../../constants/fontStyles");
9
+ const colors_1 = require("../../constants/Colors/colors");
10
+ // ─── Company profile dropdown ───
11
+ exports.DropdownPanel = styled_1.default.div `
12
+ position: absolute;
13
+ top: calc(100% + 4px);
14
+ left: 0;
15
+ z-index: 10;
16
+ width: 208px;
17
+ box-sizing: border-box;
18
+ padding: 8px 0;
19
+ border-radius: 12px;
20
+ overflow: hidden;
21
+ display: flex;
22
+ flex-direction: column;
23
+ align-items: flex-start;
24
+ background-color: ${colors_1.SURFACE.NEUTRAL};
25
+ box-shadow:
26
+ 0px 12px 16px -4px rgba(10, 13, 18, 0.08),
27
+ 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
28
+ `;
29
+ exports.DropdownSectionLabel = styled_1.default.div `
30
+ display: flex;
31
+ align-items: center;
32
+ padding: 8px 12px;
33
+ width: 100%;
34
+ box-sizing: border-box;
35
+ font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
36
+ font-weight: 400;
37
+ font-size: 12px;
38
+ line-height: normal;
39
+ color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
40
+ white-space: nowrap;
41
+ `;
42
+ exports.DropdownRow = styled_1.default.div `
43
+ display: flex;
44
+ align-items: center;
45
+ gap: 8px;
46
+ padding: 8px 12px;
47
+ width: 100%;
48
+ box-sizing: border-box;
49
+ cursor: pointer;
50
+ background-color: ${(props) => props.active ? colors_1.COMPONENT.SIDEBAR_ACTIVE : 'transparent'};
51
+
52
+ &:hover {
53
+ background-color: ${(props) => props.active ? colors_1.COMPONENT.SIDEBAR_ACTIVE : colors_1.INTERACTIVE.HOVER_SURFACE};
54
+ }
55
+ `;
56
+ exports.DropdownMenuRow = styled_1.default.div `
57
+ display: flex;
58
+ align-items: center;
59
+ gap: 8px;
60
+ padding: 12px;
61
+ width: 100%;
62
+ box-sizing: border-box;
63
+ cursor: pointer;
64
+
65
+ &:hover {
66
+ background-color: ${colors_1.INTERACTIVE.HOVER_SURFACE};
67
+ }
68
+ `;
69
+ exports.DropdownRowContent = styled_1.default.div `
70
+ display: flex;
71
+ flex-direction: column;
72
+ align-items: flex-start;
73
+ justify-content: center;
74
+ gap: 4px;
75
+ flex: 1 0 0;
76
+ min-width: 0;
77
+ `;
78
+ exports.DropdownPrimaryText = styled_1.default.span `
79
+ width: 100%;
80
+ font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
81
+ font-weight: 400;
82
+ font-size: 16px;
83
+ line-height: normal;
84
+ color: ${colors_1.BASE.ON_NEUTRAL};
85
+ overflow-wrap: break-word;
86
+ `;
87
+ exports.DropdownSecondaryText = styled_1.default.span `
88
+ width: 100%;
89
+ font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
90
+ font-weight: 400;
91
+ font-size: 14px;
92
+ line-height: normal;
93
+ color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
94
+ overflow-wrap: break-word;
95
+ `;
96
+ exports.DropdownMenuLabel = styled_1.default.span `
97
+ width: 100%;
98
+ font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
99
+ font-weight: 400;
100
+ font-size: 16px;
101
+ line-height: normal;
102
+ color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
103
+ overflow-wrap: break-word;
104
+ `;
105
+ exports.DropdownDivider = styled_1.default.div `
106
+ width: 100%;
107
+ height: 14px;
108
+ flex-shrink: 0;
109
+ display: flex;
110
+ align-items: center;
111
+
112
+ &::after {
113
+ content: '';
114
+ display: block;
115
+ width: calc(100% - 24px);
116
+ margin: 0 12px;
117
+ border-top: 1px solid ${colors_1.BASE.LINE};
118
+ }
119
+ `;
120
+ //# sourceMappingURL=dropdownStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownStyles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/dropdownStyles.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAoC;AACpC,2DAAqE;AACrE,0DAKsC;AAEtC,mCAAmC;AAEtB,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;sBAajB,gBAAO,CAAC,OAAO;;;;CAIpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;iBAM7B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,CAAsB;;;;;;;;sBAQrC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAS,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;;;wBAGnC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAS,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAW,CAAC,aAAa;;CAExE,CAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;wBAUjB,oBAAW,CAAC,aAAa;;CAEhD,CAAA;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ3C,CAAA;AAEY,QAAA,mBAAmB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE7B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,UAAU;;CAEzB,CAAA;AAEY,QAAA,qBAAqB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE/B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE3B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;4BAYb,aAAI,CAAC,IAAI;;CAEpC,CAAA"}
@@ -36,19 +36,17 @@ 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.COMPANY_MENU_ITEMS = exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.SidebarProducts = exports.SidebarBase = void 0;
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
- Object.defineProperty(exports, "SidebarProducts", { enumerable: true, get: function () { return Sidebar_1.SidebarProducts; } });
43
42
  const SidebarNavItem_1 = __importDefault(require("./SidebarNavItem"));
44
43
  exports.SidebarNavItem = SidebarNavItem_1.default;
45
44
  const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
46
45
  exports.SidebarSubItem = SidebarSubItem_1.default;
47
46
  const CompanyProfile_1 = __importDefault(require("./CompanyProfile"));
48
47
  exports.CompanyProfile = CompanyProfile_1.default;
49
- const CompanyProfileDropdown_1 = __importStar(require("./CompanyProfileDropdown"));
48
+ const CompanyProfileDropdown_1 = __importDefault(require("./CompanyProfileDropdown"));
50
49
  exports.CompanyProfileDropdown = CompanyProfileDropdown_1.default;
51
- Object.defineProperty(exports, "COMPANY_MENU_ITEMS", { enumerable: true, get: function () { return CompanyProfileDropdown_1.COMPANY_MENU_ITEMS; } });
52
50
  const CopyrightNotice_1 = __importDefault(require("./CopyrightNotice"));
53
51
  exports.CopyrightNotice = CopyrightNotice_1.default;
54
52
  exports.default = Sidebar_1.default;
@@ -1 +1 @@
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"}
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"}
@@ -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.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;
6
+ 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");
@@ -18,12 +18,18 @@ const ACTIVE_BACKGROUND = {
18
18
  personal: colors_1.COMPONENT.SIDEBAR_ACTIVE,
19
19
  sandbox: colors_1.COMPONENT.SIDEBAR_ACTIVE_SANDBOX,
20
20
  };
21
+ const HOVER_BACKGROUND = {
22
+ business: colors_1.INTERACTIVE.HOVER_SURFACE,
23
+ personal: colors_1.INTERACTIVE.HOVER_SURFACE,
24
+ sandbox: 'rgba(255, 255, 255, 0.08)',
25
+ };
21
26
  const itemTextColor = (variant, active) => {
22
27
  if (isSandbox(variant))
23
28
  return colors_1.BASE.ON_CONTAINER;
24
29
  return active ? colors_1.STATUS.POSITIVE : colors_1.BASE.ON_NEUTRAL_SECONDARY;
25
30
  };
26
31
  exports.itemTextColor = itemTextColor;
32
+ const hoverBg = (variant, active) => active ? ACTIVE_BACKGROUND[variant] : HOVER_BACKGROUND[variant];
27
33
  exports.SidebarWrapper = styled_1.default.div `
28
34
  width: 240px;
29
35
  min-height: 1000px;
@@ -66,11 +72,15 @@ exports.NavItemWrapper = styled_1.default.div `
66
72
  box-sizing: border-box;
67
73
  cursor: pointer;
68
74
  background-color: ${(props) => props.active ? ACTIVE_BACKGROUND[props.variant] : 'transparent'};
75
+
76
+ &:hover {
77
+ background-color: ${(props) => hoverBg(props.variant, props.active)};
78
+ }
69
79
  `;
70
80
  exports.NavItemLabel = styled_1.default.span `
71
81
  flex: 1 0 0;
72
82
  min-width: 0;
73
- font-family: ${fontStyles_1.MAIN_FONT};
83
+ font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
74
84
  font-size: 14px;
75
85
  line-height: normal;
76
86
  font-weight: ${(props) => (props.active ? 700 : 400)};
@@ -93,11 +103,15 @@ exports.SubItemWrapper = styled_1.default.div `
93
103
  box-sizing: border-box;
94
104
  cursor: pointer;
95
105
  background-color: ${(props) => props.active ? ACTIVE_BACKGROUND[props.variant] : 'transparent'};
106
+
107
+ &:hover {
108
+ background-color: ${(props) => hoverBg(props.variant, props.active)};
109
+ }
96
110
  `;
97
111
  exports.SubItemLabel = styled_1.default.span `
98
112
  flex: 1 0 0;
99
113
  min-width: 0;
100
- font-family: ${fontStyles_1.MAIN_FONT};
114
+ font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
101
115
  font-size: 14px;
102
116
  line-height: normal;
103
117
  font-weight: ${(props) => (props.active ? 700 : 400)};
@@ -121,6 +135,10 @@ exports.CompanyProfileWrapper = styled_1.default.div `
121
135
  box-sizing: border-box;
122
136
  cursor: pointer;
123
137
  background-color: ${colors_1.SURFACE.SECONDARY_NEUTRAL};
138
+
139
+ &:hover {
140
+ background-color: ${colors_1.INTERACTIVE.HOVER_SURFACE};
141
+ }
124
142
  `;
125
143
  exports.CompanyProfileContent = styled_1.default.div `
126
144
  display: flex;
@@ -141,7 +159,7 @@ exports.CompanyName = styled_1.default.span `
141
159
  `;
142
160
  exports.CompanySubtitle = styled_1.default.span `
143
161
  width: 100%;
144
- font-family: ${fontStyles_1.MAIN_FONT};
162
+ font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
145
163
  font-weight: 400;
146
164
  font-size: 14px;
147
165
  line-height: normal;
@@ -162,113 +180,11 @@ exports.CopyrightNoticeWrapper = styled_1.default.div `
162
180
  exports.CopyrightNoticeText = styled_1.default.span `
163
181
  flex: 1 0 0;
164
182
  min-width: 0;
165
- font-family: ${fontStyles_1.MAIN_FONT};
183
+ font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
166
184
  font-weight: 400;
167
185
  font-size: 12px;
168
186
  line-height: normal;
169
187
  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
170
188
  white-space: pre-wrap;
171
189
  `;
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
- `;
274
190
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"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"}