bananas-commerce-admin 0.10.8 → 0.10.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/Admin.js CHANGED
@@ -39,7 +39,7 @@ const RouterContext_1 = require("./contexts/RouterContext");
39
39
  const UserContext_1 = require("./contexts/UserContext");
40
40
  const LoginPage_1 = __importDefault(require("./pages/LoginPage"));
41
41
  const Router_1 = require("./router/Router");
42
- const Admin = ({ logo, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
42
+ const Admin = ({ logo, logoSymbol, loginLogoHeight, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
43
43
  const api = (0, ApiContext_1.useApi)();
44
44
  const i18n = (0, I18nContext_1.useI18n)();
45
45
  const { hasTriedToFetchUser, user } = (0, UserContext_1.useUser)();
@@ -54,12 +54,12 @@ const Admin = ({ logo, title, subtitle, version, navigation, extensions, dashboa
54
54
  height: "100%",
55
55
  flexDirection: "column",
56
56
  backgroundColor: "background.default",
57
- } }, !hasLoaded || !hasTriedToFetchUser ? (react_1.default.createElement(LoadingScreen_1.default, null)) : !hasUser ? (react_1.default.createElement(LoginPage_1.default, { logo: logo, title: title })) : (react_1.default.createElement(react_router_dom_1.BrowserRouter, { basename: basename },
57
+ } }, !hasLoaded || !hasTriedToFetchUser ? (react_1.default.createElement(LoadingScreen_1.default, null)) : !hasUser ? (react_1.default.createElement(LoginPage_1.default, { logo: logo, title: title, logoHeight: loginLogoHeight })) : (react_1.default.createElement(react_router_dom_1.BrowserRouter, { basename: basename },
58
58
  react_1.default.createElement(RouterContext_1.RouterContextProvider, { basename: basename, stripPathPrefix: basepath },
59
59
  react_1.default.createElement(DialogContext_1.default, null,
60
60
  react_1.default.createElement(DialogContext_1.BcomDialog, null),
61
61
  react_1.default.createElement(Box_1.default, { sx: { display: "flex" } },
62
- react_1.default.createElement(NavRail_1.default, { navigation: navigation, logo: logo, title: title, subtitle: subtitle, version: version }),
62
+ react_1.default.createElement(NavRail_1.default, { navigation: navigation, logo: logoSymbol ?? logo, title: title, subtitle: subtitle, version: version }),
63
63
  react_1.default.createElement(Router_1.Router, { extensions: extensions, dashboard: dashboard }))))))));
64
64
  };
65
65
  exports.Admin = Admin;
@@ -1 +1 @@
1
- {"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uDAAiD;AACjD,4DAAoC;AACpC,mEAA2C;AAC3C,+EAAuD;AACvD,sDAA+C;AAC/C,0EAA6E;AAC7E,wDAAiD;AACjD,4DAAiE;AACjE,wDAAiD;AACjD,kEAA0C;AAC1C,4CAAsD;AAkB/C,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,mBAAM,GAAE,CAAC;IACrB,MAAM,IAAI,GAAG,IAAA,qBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IAEhD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC;IAE7B,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,CAAC,SAAS,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpC,8BAAC,uBAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,8BAAC,mBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,8BAAC,gCAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,8BAAC,qCAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,8BAAC,uBAAqB;gBACpB,8BAAC,0BAAU,OAAG;gBACd,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,8BAAC,eAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,KAAK,SAyDhB;AAEF,kBAAe,aAAK,CAAC"}
1
+ {"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uDAAiD;AACjD,4DAAoC;AACpC,mEAA2C;AAC3C,+EAAuD;AACvD,sDAA+C;AAC/C,0EAA6E;AAC7E,wDAAiD;AACjD,4DAAiE;AACjE,wDAAiD;AACjD,kEAA0C;AAC1C,4CAAsD;AAoB/C,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,mBAAM,GAAE,CAAC;IACrB,MAAM,IAAI,GAAG,IAAA,qBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IAEhD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC;IAE7B,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,CAAC,SAAS,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpC,8BAAC,uBAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,8BAAC,mBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,8BAAC,gCAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,8BAAC,qCAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,8BAAC,uBAAqB;gBACpB,8BAAC,0BAAU,OAAG;gBACd,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,UAAU,IAAI,IAAI,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,8BAAC,eAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,KAAK,SA2DhB;AAEF,kBAAe,aAAK,CAAC"}
@@ -9,9 +9,10 @@ const Logo_1 = __importDefault(require("./Logo"));
9
9
  const select_styles_1 = require("../util/select_styles");
10
10
  const Brand = ({ BoxProps, src, sx, LogoProps }) => {
11
11
  return (react_1.default.createElement(Box_1.default, { sx: (0, select_styles_1.ss)({
12
+ textAlign: "center",
12
13
  width: "100%",
13
14
  lineHeight: 0,
14
- "& > svg": {
15
+ "& > svg, & > img": {
15
16
  width: "100% !important",
16
17
  height: "100% !important",
17
18
  fill: "currentColor",
@@ -1 +1 @@
1
- {"version":3,"file":"Brand.js","sourceRoot":"","sources":["../../../src/components/Brand.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,4DAAkD;AAGlD,kDAA0B;AAG1B,yDAA2C;AAS3C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE,IAAA,kBAAE,EACJ;YACE,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,SAAS,EAAE;gBACT,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,EACD,EAAE,CACH,KACG,QAAQ;QAEZ,8BAAC,cAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Brand.js","sourceRoot":"","sources":["../../../src/components/Brand.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,4DAAkD;AAGlD,kDAA0B;AAG1B,yDAA2C;AAS3C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE,IAAA,kBAAE,EACJ;YACE,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,kBAAkB,EAAE;gBAClB,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,EACD,EAAE,CACH,KACG,QAAQ;QAEZ,8BAAC,cAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
@@ -45,6 +45,7 @@ const StyledBrandIconBox = (0, styles_1.styled)(Box_1.default, {
45
45
  name: "BananasNavRail",
46
46
  slot: "BrandIconBox",
47
47
  })(({ theme }) => theme.unstable_sx({
48
+ width: "100%",
48
49
  transition: theme.transitions.create(["transform"], {
49
50
  duration: theme.transitions.duration.shortest,
50
51
  }),
@@ -1 +1 @@
1
- {"version":3,"file":"Branding.js","sourceRoot":"","sources":["../../../../src/components/NavRail/Branding.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Branding.js","sourceRoot":"","sources":["../../../../src/components/NavRail/Branding.tsx"],"names":[],"mappings":"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"}
@@ -35,11 +35,11 @@ const StyledBackdrop = (0, styles_1.styled)(Backdrop_1.default, {
35
35
  justifyContent: "center",
36
36
  display: "flex",
37
37
  }));
38
- const LoginPage = ({ title, logo, form: Form }) => {
38
+ const LoginPage = ({ title, logo, form: Form, logoHeight }) => {
39
39
  Form ??= LoginForm_1.default;
40
40
  return (react_1.default.createElement(Content_1.default, null,
41
41
  react_1.default.createElement(StyledDialog, { open: true, sx: { "> * > *": { width: "100%" } }, PaperProps: { elevation: 1 }, BackdropComponent: StyledBackdrop },
42
- react_1.default.createElement(StyledDialogTitle, null, logo ? (react_1.default.createElement(Brand_1.default, { src: logo, LogoProps: { style: { height: "24px !important" } } })) : (react_1.default.createElement(Typography_1.default, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
42
+ react_1.default.createElement(StyledDialogTitle, null, logo ? (react_1.default.createElement(Brand_1.default, { src: logo, LogoProps: { style: { width: "auto", height: logoHeight ?? "24px !important" } } })) : (react_1.default.createElement(Typography_1.default, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
43
43
  react_1.default.createElement(Form, null))));
44
44
  };
45
45
  exports.default = LoginPage;
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../src/pages/LoginPage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kEAA0C;AAC1C,4EAAoD;AACpD,sEAA8C;AAC9C,0EAAkD;AAClD,iDAA8C;AAE9C,gEAAwC;AACxC,oEAA4C;AAC5C,mEAA2C;AAS3C,MAAM,YAAY,GAAG,IAAA,eAAM,EAAC,gBAAM,EAAE;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,MAAM,iBAAiB,GAAG,IAAA,eAAM,EAAC,qBAAW,EAAE;IAC5C,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,OAAO;CACd,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,sBAAsB;CAC9B,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,eAAM,EAAC,kBAAQ,EAAE;IACtC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,IAAI,KAAK,mBAAS,CAAC;IAEnB,OAAO,CACL,8BAAC,iBAAO;QACN,8BAAC,YAAY,IACX,IAAI,QACJ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACpC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC5B,iBAAiB,EAAE,cAAc;YAEjC,8BAAC,iBAAiB,QACf,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,eAAK,IAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,GAAI,CAC1E,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAG,KAAK,CAAc,CAC/E,CACiB;YAEpB,8BAAC,IAAI,OAAG,CACK,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../src/pages/LoginPage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kEAA0C;AAC1C,4EAAoD;AACpD,sEAA8C;AAC9C,0EAAkD;AAClD,iDAA8C;AAE9C,gEAAwC;AACxC,oEAA4C;AAC5C,mEAA2C;AAU3C,MAAM,YAAY,GAAG,IAAA,eAAM,EAAC,gBAAM,EAAE;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,MAAM,iBAAiB,GAAG,IAAA,eAAM,EAAC,qBAAW,EAAE;IAC5C,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,OAAO;CACd,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,sBAAsB;CAC9B,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,eAAM,EAAC,kBAAQ,EAAE;IACtC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE;IACtF,IAAI,KAAK,mBAAS,CAAC;IAEnB,OAAO,CACL,8BAAC,iBAAO;QACN,8BAAC,YAAY,IACX,IAAI,QACJ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACpC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC5B,iBAAiB,EAAE,cAAc;YAEjC,8BAAC,iBAAiB,QACf,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,eAAK,IACJ,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,IAAI,iBAAiB,EAAE,EAAE,GAChF,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAG,KAAK,CAAc,CAC/E,CACiB;YAEpB,8BAAC,IAAI,OAAG,CACK,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
package/dist/esm/Admin.js CHANGED
@@ -10,7 +10,7 @@ import { RouterContextProvider } from "./contexts/RouterContext";
10
10
  import { useUser } from "./contexts/UserContext";
11
11
  import LoginPage from "./pages/LoginPage";
12
12
  import { Router } from "./router/Router";
13
- export const Admin = ({ logo, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
13
+ export const Admin = ({ logo, logoSymbol, loginLogoHeight, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
14
14
  const api = useApi();
15
15
  const i18n = useI18n();
16
16
  const { hasTriedToFetchUser, user } = useUser();
@@ -25,12 +25,12 @@ export const Admin = ({ logo, title, subtitle, version, navigation, extensions,
25
25
  height: "100%",
26
26
  flexDirection: "column",
27
27
  backgroundColor: "background.default",
28
- } }, !hasLoaded || !hasTriedToFetchUser ? (React.createElement(LoadingScreen, null)) : !hasUser ? (React.createElement(LoginPage, { logo: logo, title: title })) : (React.createElement(BrowserRouter, { basename: basename },
28
+ } }, !hasLoaded || !hasTriedToFetchUser ? (React.createElement(LoadingScreen, null)) : !hasUser ? (React.createElement(LoginPage, { logo: logo, title: title, logoHeight: loginLogoHeight })) : (React.createElement(BrowserRouter, { basename: basename },
29
29
  React.createElement(RouterContextProvider, { basename: basename, stripPathPrefix: basepath },
30
30
  React.createElement(DialogContextProvider, null,
31
31
  React.createElement(BcomDialog, null),
32
32
  React.createElement(Box, { sx: { display: "flex" } },
33
- React.createElement(NavRail, { navigation: navigation, logo: logo, title: title, subtitle: subtitle, version: version }),
33
+ React.createElement(NavRail, { navigation: navigation, logo: logoSymbol ?? logo, title: title, subtitle: subtitle, version: version }),
34
34
  React.createElement(Router, { extensions: extensions, dashboard: dashboard }))))))));
35
35
  };
36
36
  export default Admin;
@@ -1 +1 @@
1
- {"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,qBAAqB,EAAE,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,iBAAiB,CAAC;AAkBtD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC;IAE7B,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,CAAC,SAAS,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpC,oBAAC,aAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,oBAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,oBAAC,qBAAqB;gBACpB,oBAAC,UAAU,OAAG;gBACd,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,oBAAC,OAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,qBAAqB,EAAE,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,iBAAiB,CAAC;AAoBtD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC;IAE7B,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,CAAC,SAAS,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpC,oBAAC,aAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,oBAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,oBAAC,qBAAqB;gBACpB,oBAAC,UAAU,OAAG;gBACd,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,oBAAC,OAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,UAAU,IAAI,IAAI,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -4,9 +4,10 @@ import Logo from "./Logo";
4
4
  import { ss } from "../util/select_styles";
5
5
  const Brand = ({ BoxProps, src, sx, LogoProps }) => {
6
6
  return (React.createElement(Box, { sx: ss({
7
+ textAlign: "center",
7
8
  width: "100%",
8
9
  lineHeight: 0,
9
- "& > svg": {
10
+ "& > svg, & > img": {
10
11
  width: "100% !important",
11
12
  height: "100% !important",
12
13
  fill: "currentColor",
@@ -1 +1 @@
1
- {"version":3,"file":"Brand.js","sourceRoot":"","sources":["../../../src/components/Brand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAGlD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAS3C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAE,EAAE,CACJ;YACE,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,SAAS,EAAE;gBACT,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,EACD,EAAE,CACH,KACG,QAAQ;QAEZ,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Brand.js","sourceRoot":"","sources":["../../../src/components/Brand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAGlD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAS3C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAE,EAAE,CACJ;YACE,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,kBAAkB,EAAE;gBAClB,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,EACD,EAAE,CACH,KACG,QAAQ;QAEZ,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -40,6 +40,7 @@ const StyledBrandIconBox = styled(Box, {
40
40
  name: "BananasNavRail",
41
41
  slot: "BrandIconBox",
42
42
  })(({ theme }) => theme.unstable_sx({
43
+ width: "100%",
43
44
  transition: theme.transitions.create(["transform"], {
44
45
  duration: theme.transitions.duration.shortest,
45
46
  }),
@@ -1 +1 @@
1
- {"version":3,"file":"Branding.js","sourceRoot":"","sources":["../../../../src/components/NavRail/Branding.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Branding.js","sourceRoot":"","sources":["../../../../src/components/NavRail/Branding.tsx"],"names":[],"mappings":"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"}
@@ -30,11 +30,11 @@ const StyledBackdrop = styled(Backdrop, {
30
30
  justifyContent: "center",
31
31
  display: "flex",
32
32
  }));
33
- const LoginPage = ({ title, logo, form: Form }) => {
33
+ const LoginPage = ({ title, logo, form: Form, logoHeight }) => {
34
34
  Form ??= LoginForm;
35
35
  return (React.createElement(Content, null,
36
36
  React.createElement(StyledDialog, { open: true, sx: { "> * > *": { width: "100%" } }, PaperProps: { elevation: 1 }, BackdropComponent: StyledBackdrop },
37
- React.createElement(StyledDialogTitle, null, logo ? (React.createElement(Brand, { src: logo, LogoProps: { style: { height: "24px !important" } } })) : (React.createElement(Typography, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
37
+ React.createElement(StyledDialogTitle, null, logo ? (React.createElement(Brand, { src: logo, LogoProps: { style: { width: "auto", height: logoHeight ?? "24px !important" } } })) : (React.createElement(Typography, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
38
38
  React.createElement(Form, null))));
39
39
  };
40
40
  export default LoginPage;
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../src/pages/LoginPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAS3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,EAAE;IAC5C,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,OAAO;CACd,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,sBAAsB;CAC9B,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE;IACtC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,IAAI,KAAK,SAAS,CAAC;IAEnB,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,YAAY,IACX,IAAI,QACJ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACpC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC5B,iBAAiB,EAAE,cAAc;YAEjC,oBAAC,iBAAiB,QACf,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,GAAI,CAC1E,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAG,KAAK,CAAc,CAC/E,CACiB;YAEpB,oBAAC,IAAI,OAAG,CACK,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../src/pages/LoginPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAU3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,EAAE;IAC5C,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,OAAO;CACd,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,sBAAsB;CAC9B,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE;IACtC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE;IACtF,IAAI,KAAK,SAAS,CAAC;IAEnB,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,YAAY,IACX,IAAI,QACJ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACpC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC5B,iBAAiB,EAAE,cAAc;YAEjC,oBAAC,iBAAiB,QACf,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,KAAK,IACJ,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,IAAI,iBAAiB,EAAE,EAAE,GAChF,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAG,KAAK,CAAc,CAC/E,CACiB;YAEpB,oBAAC,IAAI,OAAG,CACK,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -3,6 +3,8 @@ import { RouterProps } from "./router/Router";
3
3
  import { LogoType, NavigationOverrides } from "./types";
4
4
  export interface AdminProps extends RouterProps {
5
5
  logo?: LogoType;
6
+ logoSymbol?: LogoType;
7
+ loginLogoHeight?: number | string;
6
8
  title?: string;
7
9
  subtitle?: string;
8
10
  version?: string;
@@ -3,6 +3,7 @@ import { LogoType } from "../types";
3
3
  interface LoginPageProps {
4
4
  title?: string;
5
5
  logo?: LogoType;
6
+ logoHeight?: number | string;
6
7
  form?: React.ElementType;
7
8
  }
8
9
  declare const LoginPage: React.FC<LoginPageProps>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bananas-commerce-admin",
3
- "version": "0.10.8",
3
+ "version": "0.10.10",
4
4
  "description": "Bananas-commerce admin interface and building blocks",
5
5
  "keywords": [
6
6
  "admin",
package/src/Admin.tsx CHANGED
@@ -14,6 +14,8 @@ import { LogoType, NavigationOverrides } from "./types";
14
14
 
15
15
  export interface AdminProps extends RouterProps {
16
16
  logo?: LogoType;
17
+ logoSymbol?: LogoType;
18
+ loginLogoHeight?: number | string;
17
19
  title?: string;
18
20
  subtitle?: string;
19
21
  version?: string;
@@ -29,6 +31,8 @@ export interface AdminProps extends RouterProps {
29
31
 
30
32
  export const Admin: React.FC<AdminProps> = ({
31
33
  logo,
34
+ logoSymbol,
35
+ loginLogoHeight,
32
36
  title,
33
37
  subtitle,
34
38
  version,
@@ -61,7 +65,7 @@ export const Admin: React.FC<AdminProps> = ({
61
65
  {!hasLoaded || !hasTriedToFetchUser ? (
62
66
  <LoadingScreen />
63
67
  ) : !hasUser ? (
64
- <LoginPage logo={logo} title={title} />
68
+ <LoginPage logo={logo} title={title} logoHeight={loginLogoHeight} />
65
69
  ) : (
66
70
  <BrowserRouter basename={basename}>
67
71
  <RouterContextProvider basename={basename} stripPathPrefix={basepath}>
@@ -70,7 +74,7 @@ export const Admin: React.FC<AdminProps> = ({
70
74
  <Box sx={{ display: "flex" }}>
71
75
  <NavRail
72
76
  navigation={navigation}
73
- logo={logo}
77
+ logo={logoSymbol ?? logo}
74
78
  title={title}
75
79
  subtitle={subtitle}
76
80
  version={version}
@@ -20,9 +20,10 @@ const Brand: React.FC<BrandProps> = ({ BoxProps, src, sx, LogoProps }) => {
20
20
  <Box
21
21
  sx={ss(
22
22
  {
23
+ textAlign: "center",
23
24
  width: "100%",
24
25
  lineHeight: 0,
25
- "& > svg": {
26
+ "& > svg, & > img": {
26
27
  width: "100% !important",
27
28
  height: "100% !important",
28
29
  fill: "currentColor",
@@ -64,6 +64,7 @@ const StyledBrandIconBox = styled(Box, {
64
64
  slot: "BrandIconBox",
65
65
  })(({ theme }) =>
66
66
  theme.unstable_sx({
67
+ width: "100%",
67
68
  transition: theme.transitions.create(["transform"], {
68
69
  duration: theme.transitions.duration.shortest,
69
70
  }),
@@ -14,6 +14,7 @@ import { LogoType } from "../types";
14
14
  interface LoginPageProps {
15
15
  title?: string;
16
16
  logo?: LogoType;
17
+ logoHeight?: number | string;
17
18
  form?: React.ElementType;
18
19
  }
19
20
 
@@ -47,7 +48,7 @@ const StyledBackdrop = styled(Backdrop, {
47
48
  }),
48
49
  );
49
50
 
50
- const LoginPage: React.FC<LoginPageProps> = ({ title, logo, form: Form }) => {
51
+ const LoginPage: React.FC<LoginPageProps> = ({ title, logo, form: Form, logoHeight }) => {
51
52
  Form ??= LoginForm;
52
53
 
53
54
  return (
@@ -60,7 +61,10 @@ const LoginPage: React.FC<LoginPageProps> = ({ title, logo, form: Form }) => {
60
61
  >
61
62
  <StyledDialogTitle>
62
63
  {logo ? (
63
- <Brand src={logo} LogoProps={{ style: { height: "24px !important" } }} />
64
+ <Brand
65
+ src={logo}
66
+ LogoProps={{ style: { width: "auto", height: logoHeight ?? "24px !important" } }}
67
+ />
64
68
  ) : (
65
69
  <Typography sx={{ fontWeight: "bold", color: "inherit" }}>{title}</Typography>
66
70
  )}