@snokam/ui 7.4.0 → 7.6.0
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/CHANGELOG.md +16 -0
- package/dist/components/breadcrumbs/context.d.ts +16 -0
- package/dist/components/breadcrumbs/context.d.ts.map +1 -0
- package/dist/components/breadcrumbs/context.js +26 -0
- package/dist/components/breadcrumbs/context.js.map +1 -0
- package/dist/components/breadcrumbs/index.d.ts +7 -6
- package/dist/components/breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/breadcrumbs/index.js +19 -9
- package/dist/components/breadcrumbs/index.js.map +1 -1
- package/dist/components/breadcrumbs/styled.d.ts +15 -32
- package/dist/components/breadcrumbs/styled.d.ts.map +1 -1
- package/dist/components/breadcrumbs/styled.js +71 -30
- package/dist/components/breadcrumbs/styled.js.map +1 -1
- package/dist/components/breadcrumbs/trail.d.ts +14 -0
- package/dist/components/breadcrumbs/trail.d.ts.map +1 -0
- package/dist/components/breadcrumbs/trail.js +21 -0
- package/dist/components/breadcrumbs/trail.js.map +1 -0
- package/dist/components/layout/PageHeader.d.ts.map +1 -1
- package/dist/components/layout/PageHeader.js +2 -1
- package/dist/components/layout/PageHeader.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/theme/color-scheme-provider.d.ts.map +1 -1
- package/dist/theme/color-scheme-provider.js +9 -2
- package/dist/theme/color-scheme-provider.js.map +1 -1
- package/dist/theme/server-scheme.d.ts +16 -0
- package/dist/theme/server-scheme.d.ts.map +1 -0
- package/dist/theme/server-scheme.js +32 -0
- package/dist/theme/server-scheme.js.map +1 -0
- package/dist/theme/server.d.ts +2 -5
- package/dist/theme/server.d.ts.map +1 -1
- package/dist/theme/server.js +13 -22
- package/dist/theme/server.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [7.6.0](https://github.com/snokam/components/compare/%40snokam%2Fui%407.3.4...%40snokam%2Fui%407.6.0) (2026-11-10)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **ui:** server renders the same theme as the pre-paint script ([#3457](https://github.com/snokam/components/issues/3457)) ([5b7d523](https://github.com/snokam/components/commit/5b7d523e5a761530aaa053d6197ef019668b786b))
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
- **web:** one page trail for every header ([#3447](https://github.com/snokam/components/issues/3447)) ([8b272a1](https://github.com/snokam/components/commit/8b272a14e18de52f259da4afcecdcb384d82d394))
|
|
15
|
+
|
|
16
|
+
# [7.5.0](https://github.com/snokam/components/compare/%40snokam%2Fui%407.3.4...%40snokam%2Fui%407.5.0) (2026-11-10)
|
|
17
|
+
|
|
18
|
+
### Features
|
|
19
|
+
|
|
20
|
+
- **web:** one page trail for every header ([#3447](https://github.com/snokam/components/issues/3447)) ([8b272a1](https://github.com/snokam/components/commit/8b272a14e18de52f259da4afcecdcb384d82d394))
|
|
21
|
+
|
|
6
22
|
# [7.4.0](https://github.com/snokam/components/compare/%40snokam%2Fui%407.3.4...%40snokam%2Fui%407.4.0) (2026-11-10)
|
|
7
23
|
|
|
8
24
|
### Features
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { Crumb } from "./trail";
|
|
3
|
+
export declare function PageTrailProvider({ crumbs, label, children, }: {
|
|
4
|
+
crumbs: Crumb[];
|
|
5
|
+
label?: string;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}): import("react").JSX.Element;
|
|
8
|
+
export declare function PageHeadingProvider({ heading, children, }: {
|
|
9
|
+
heading: string;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}): import("react").JSX.Element;
|
|
12
|
+
export declare function usePageTrail(pageCrumbs?: Crumb[], heading?: string): {
|
|
13
|
+
crumbs: Crumb[];
|
|
14
|
+
label: string;
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAU/C,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAcA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAMA;AAED,wBAAgB,YAAY,CAAC,UAAU,GAAE,KAAK,EAAO,EAAE,OAAO,CAAC,EAAE,MAAM;;;EAOtE"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext, useMemo } from "react";
|
|
4
|
+
import { sectionCrumbs } from "./trail";
|
|
5
|
+
const PageTrailContext = createContext({ crumbs: [] });
|
|
6
|
+
const PageHeadingContext = createContext(undefined);
|
|
7
|
+
export function PageTrailProvider({ crumbs, label, children, }) {
|
|
8
|
+
const parent = useContext(PageTrailContext);
|
|
9
|
+
const value = useMemo(() => ({
|
|
10
|
+
crumbs: [...parent.crumbs, ...crumbs],
|
|
11
|
+
label: label ?? parent.label,
|
|
12
|
+
}), [parent, crumbs, label]);
|
|
13
|
+
return (_jsx(PageTrailContext.Provider, { value: value, children: children }));
|
|
14
|
+
}
|
|
15
|
+
export function PageHeadingProvider({ heading, children, }) {
|
|
16
|
+
return (_jsx(PageHeadingContext.Provider, { value: heading, children: children }));
|
|
17
|
+
}
|
|
18
|
+
export function usePageTrail(pageCrumbs = [], heading) {
|
|
19
|
+
const { crumbs, label } = useContext(PageTrailContext);
|
|
20
|
+
const pageHeading = useContext(PageHeadingContext);
|
|
21
|
+
return {
|
|
22
|
+
crumbs: sectionCrumbs([...crumbs, ...pageCrumbs], heading ?? pageHeading),
|
|
23
|
+
label,
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAS,aAAa,EAAE,MAAM,SAAS,CAAC;AAO/C,MAAM,gBAAgB,GAAG,aAAa,CAAiB,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;AACvE,MAAM,kBAAkB,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;AAExE,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,QAAQ,GAKT;IACC,MAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC;QACrC,KAAK,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK;KAC7B,CAAC,EACF,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CACxB,CAAC;IACF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACpC,QAAQ,GACiB,CAC7B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,GAIT;IACC,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,aAAsB,EAAE,EAAE,OAAgB;IACrE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,OAAO;QACL,MAAM,EAAE,aAAa,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,OAAO,IAAI,WAAW,CAAC;QACzE,KAAK;KACN,CAAC;AACJ,CAAC"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
+
import type { Crumb } from "./trail";
|
|
1
2
|
export declare enum BreadcrumbsTheme {
|
|
2
3
|
Light = "light",
|
|
3
4
|
Dark = "dark"
|
|
4
5
|
}
|
|
5
6
|
interface Props {
|
|
6
|
-
crumbs?:
|
|
7
|
-
name: string;
|
|
8
|
-
href: string;
|
|
9
|
-
icon?: React.ReactNode;
|
|
10
|
-
}[];
|
|
7
|
+
crumbs?: Crumb[];
|
|
11
8
|
basePath?: string;
|
|
12
9
|
theme?: BreadcrumbsTheme;
|
|
13
10
|
trailing?: boolean;
|
|
14
11
|
label?: string;
|
|
12
|
+
quiet?: boolean;
|
|
15
13
|
}
|
|
16
|
-
export declare const Breadcrumbs: ({ crumbs, basePath, theme, trailing, label, }: Props) => import("react").JSX.Element;
|
|
14
|
+
export declare const Breadcrumbs: ({ crumbs, basePath, theme, trailing, label, quiet, }: Props) => import("react").JSX.Element;
|
|
15
|
+
export { PageHeadingProvider, PageTrailProvider, usePageTrail, } from "./context";
|
|
16
|
+
export { activeTabCrumbs, isTabActive, sectionCrumbs } from "./trail";
|
|
17
|
+
export type { Crumb } from "./trail";
|
|
17
18
|
export default Breadcrumbs;
|
|
18
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AASrC,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,sDAOzB,KAAK,gCAgDP,CAAC;AAEF,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,eAAe,WAAW,CAAC"}
|
|
@@ -1,19 +1,29 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { Link } from "../../framework";
|
|
4
|
-
import { Link as MuiLink } from "@mui/material";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Link, usePathname } from "../../framework";
|
|
5
4
|
import { NavigateNext } from "@mui/icons-material";
|
|
6
|
-
import {
|
|
7
|
-
import styles, { TrailingCrumb } from "./styled";
|
|
5
|
+
import { HeroLink, HeroTrail, QuietLink, QuietTrail, TrailingCrumb, } from "./styled";
|
|
8
6
|
export var BreadcrumbsTheme;
|
|
9
7
|
(function (BreadcrumbsTheme) {
|
|
10
8
|
BreadcrumbsTheme["Light"] = "light";
|
|
11
9
|
BreadcrumbsTheme["Dark"] = "dark";
|
|
12
10
|
})(BreadcrumbsTheme || (BreadcrumbsTheme = {}));
|
|
13
|
-
export const Breadcrumbs = ({ crumbs = [], basePath = "", theme = BreadcrumbsTheme.Dark, trailing = true, label = "breadcrumb", }) => {
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
|
|
11
|
+
export const Breadcrumbs = ({ crumbs = [], basePath = "", theme = BreadcrumbsTheme.Dark, trailing = true, label = "breadcrumb", quiet = false, }) => {
|
|
12
|
+
const pathname = usePathname();
|
|
13
|
+
const links = crumbs.map((crumb) => {
|
|
14
|
+
const href = crumb.href === "/" ? "/" : `${basePath}${crumb.href}`;
|
|
15
|
+
return {
|
|
16
|
+
...crumb,
|
|
17
|
+
href,
|
|
18
|
+
current: href === pathname ? "page" : undefined,
|
|
19
|
+
};
|
|
20
|
+
});
|
|
21
|
+
if (quiet) {
|
|
22
|
+
return (_jsx(QuietTrail, { "aria-label": label, separator: "\u203A", children: links.map(({ href, name, current }) => (_jsx(QuietLink, { href: href, component: Link, "aria-current": current, children: name }, href))) }));
|
|
23
|
+
}
|
|
24
|
+
return (_jsxs(HeroTrail, { "aria-label": label, separator: _jsx(NavigateNext, { fontSize: "small" }), "$tone": theme, children: [links.map(({ href, name, icon, current }) => (_jsxs(HeroLink, { href: href, component: Link, "aria-current": current, children: [icon, name] }, href))), trailing && _jsx(TrailingCrumb, {})] }));
|
|
17
25
|
};
|
|
26
|
+
export { PageHeadingProvider, PageTrailProvider, usePageTrail, } from "./context";
|
|
27
|
+
export { activeTabCrumbs, isTabActive, sectionCrumbs } from "./trail";
|
|
18
28
|
export default Breadcrumbs;
|
|
19
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,GACd,MAAM,UAAU,CAAC;AAElB,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,iCAAa,CAAA;AACf,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAWD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,gBAAgB,CAAC,IAAI,EAC7B,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,YAAY,EACpB,KAAK,GAAG,KAAK,GACP,EAAE,EAAE;IACV,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QACnE,OAAO;YACL,GAAG,KAAK;YACR,IAAI;YACJ,OAAO,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;SAC3D,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,KAAC,UAAU,kBAAa,KAAK,EAAE,SAAS,EAAC,QAAG,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACtC,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,kBACD,OAAO,YAEpB,IAAI,IALA,IAAI,CAMC,CACb,CAAC,GACS,CACd,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,SAAS,kBACI,KAAK,EACjB,SAAS,EAAE,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,WACrC,KAAK,aAEX,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC5C,MAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,kBACD,OAAO,aAEpB,IAAI,EACJ,IAAI,KANA,IAAI,CAOA,CACZ,CAAC,EACD,QAAQ,IAAI,KAAC,aAAa,KAAG,IACpB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGtE,eAAe,WAAW,CAAC"}
|
|
@@ -1,37 +1,20 @@
|
|
|
1
|
+
import { Link as MuiLink } from "@mui/material";
|
|
1
2
|
export declare const TrailingCrumb: import("@emotion/styled").StyledComponent<{
|
|
2
3
|
theme?: import("@emotion/react").Theme;
|
|
3
4
|
as?: React.ElementType;
|
|
4
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
dark: {
|
|
20
|
-
Link: {
|
|
21
|
-
color: string;
|
|
22
|
-
};
|
|
23
|
-
Breadcrumbs: {
|
|
24
|
-
color: string;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
light: {
|
|
28
|
-
Link: {
|
|
29
|
-
color: string;
|
|
30
|
-
};
|
|
31
|
-
Breadcrumbs: {
|
|
32
|
-
color: string;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
export default _default;
|
|
6
|
+
type Tone = "light" | "dark";
|
|
7
|
+
export declare const HeroTrail: import("@emotion/styled").StyledComponent<import("@mui/material").BreadcrumbsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "separator" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
|
|
8
|
+
theme?: import("@emotion/react").Theme;
|
|
9
|
+
} & {
|
|
10
|
+
component?: React.ElementType | undefined;
|
|
11
|
+
} & {
|
|
12
|
+
$tone: Tone;
|
|
13
|
+
}, {}, {}>;
|
|
14
|
+
export declare const HeroLink: typeof MuiLink;
|
|
15
|
+
export declare const QuietTrail: import("@emotion/styled").StyledComponent<import("@mui/material").BreadcrumbsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "separator" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
|
|
16
|
+
theme?: import("@emotion/react").Theme;
|
|
17
|
+
}, {}, {}>;
|
|
18
|
+
export declare const QuietLink: typeof MuiLink;
|
|
19
|
+
export {};
|
|
37
20
|
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/styled.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/styled.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,IAAI,IAAI,OAAO,EAEhB,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,aAAa;;;2GAEzB,CAAC;AAEF,KAAK,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC;AAK7B,eAAO,MAAM,SAAS;;;;;WAES,IAAI;UAGlC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAWhB,OAAO,OAAO,CAAC;AAQpB,eAAO,MAAM,UAAU;;UAmCtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAQjB,OAAO,OAAO,CAAC"}
|
|
@@ -1,35 +1,76 @@
|
|
|
1
1
|
import styled from "@emotion/styled";
|
|
2
|
+
import { Breadcrumbs as MuiBreadcrumbs, Link as MuiLink, } from "@mui/material";
|
|
3
|
+
import { SPACE, tokens } from "../../tokens";
|
|
2
4
|
export const TrailingCrumb = styled.span `
|
|
3
5
|
font-size: inherit;
|
|
4
6
|
`;
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
7
|
+
const toneColor = (tone) => tone === "light" ? "var(--color-light-blue)" : "var(--o-text)";
|
|
8
|
+
export const HeroTrail = styled(MuiBreadcrumbs, {
|
|
9
|
+
shouldForwardProp: (prop) => prop !== "$tone",
|
|
10
|
+
}) `
|
|
11
|
+
margin-bottom: 1rem;
|
|
12
|
+
color: ${({ $tone }) => toneColor($tone)};
|
|
13
|
+
`;
|
|
14
|
+
export const HeroLink = styled(MuiLink) `
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
gap: 0.5rem;
|
|
18
|
+
font-size: 20px;
|
|
19
|
+
text-decoration: none;
|
|
20
|
+
color: inherit;
|
|
21
|
+
|
|
22
|
+
&:hover {
|
|
23
|
+
text-decoration: underline;
|
|
24
|
+
}
|
|
25
|
+
`;
|
|
26
|
+
const truncated = `
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
white-space: nowrap;
|
|
29
|
+
text-overflow: ellipsis;
|
|
30
|
+
`;
|
|
31
|
+
export const QuietTrail = styled(MuiBreadcrumbs) `
|
|
32
|
+
min-width: 0;
|
|
33
|
+
font: 500 0.8rem/1.4 ${tokens.font};
|
|
34
|
+
color: var(--o-text-muted);
|
|
35
|
+
|
|
36
|
+
& .MuiBreadcrumbs-ol {
|
|
37
|
+
flex-wrap: nowrap;
|
|
38
|
+
min-width: 0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
& .MuiBreadcrumbs-li {
|
|
42
|
+
${truncated}
|
|
43
|
+
flex: 0 1 auto;
|
|
44
|
+
min-width: 2.5em;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
& .MuiBreadcrumbs-li:first-of-type {
|
|
48
|
+
flex-shrink: 0;
|
|
49
|
+
min-width: auto;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
& .MuiBreadcrumbs-li:last-of-type {
|
|
53
|
+
flex: 0 0 auto;
|
|
54
|
+
max-width: 60%;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
& [aria-current="page"] {
|
|
58
|
+
color: var(--o-text);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
& .MuiBreadcrumbs-separator {
|
|
62
|
+
flex-shrink: 0;
|
|
63
|
+
margin: 0 ${SPACE.xs};
|
|
64
|
+
color: var(--o-text-faint);
|
|
65
|
+
}
|
|
66
|
+
`;
|
|
67
|
+
export const QuietLink = styled(MuiLink) `
|
|
68
|
+
color: inherit;
|
|
69
|
+
text-decoration: none;
|
|
70
|
+
|
|
71
|
+
&:hover {
|
|
72
|
+
color: var(--o-cyan);
|
|
73
|
+
text-decoration: underline;
|
|
74
|
+
}
|
|
75
|
+
`;
|
|
35
76
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACL,WAAW,IAAI,cAAc,EAC7B,IAAI,IAAI,OAAO,GAEhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAA;;CAEvC,CAAC;AAIF,MAAM,SAAS,GAAG,CAAC,IAAU,EAAE,EAAE,CAC/B,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,eAAe,CAAC;AAEjE,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,EAAE;IAC9C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;CAC9C,CAAC,CAAoC;;WAE3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;CAWpB,CAAC;AAEpB,MAAM,SAAS,GAAG;;;;CAIjB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;;yBAEvB,MAAM,CAAC,IAAI;;;;;;;;;MAS9B,SAAS;;;;;;;;;;;;;;;;;;;;;gBAqBC,KAAK,CAAC,EAAE;;;CAGvB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;CAQrB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export type Crumb = {
|
|
3
|
+
name: string;
|
|
4
|
+
href: string;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export interface TabLink {
|
|
8
|
+
href: string;
|
|
9
|
+
label: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function isTabActive(pathname: string, href: string, tabs: TabLink[]): boolean;
|
|
12
|
+
export declare function activeTabCrumbs(tabs: TabLink[], pathname: string): Crumb[];
|
|
13
|
+
export declare function sectionCrumbs(crumbs: Crumb[], heading?: string): Crumb[];
|
|
14
|
+
//# sourceMappingURL=trail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"trail.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/trail.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,KAAK,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAErE,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAM1E;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,CAG1E;AAKD,wBAAgB,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,CAOxE"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export function isTabActive(pathname, href, tabs) {
|
|
2
|
+
const moreSpecificSiblingMatches = tabs.some((tab) => tab.href !== href && pathname.startsWith(tab.href));
|
|
3
|
+
if (moreSpecificSiblingMatches)
|
|
4
|
+
return pathname === href;
|
|
5
|
+
return pathname === href || pathname.startsWith(href + "/");
|
|
6
|
+
}
|
|
7
|
+
export function activeTabCrumbs(tabs, pathname) {
|
|
8
|
+
const active = tabs.find((tab) => isTabActive(pathname, tab.href, tabs));
|
|
9
|
+
return active ? [{ name: active.label, href: active.href }] : [];
|
|
10
|
+
}
|
|
11
|
+
const sameText = (a, b) => a.trim().toLocaleLowerCase() === b.trim().toLocaleLowerCase();
|
|
12
|
+
export function sectionCrumbs(crumbs, heading) {
|
|
13
|
+
const seen = new Set();
|
|
14
|
+
return crumbs.filter((crumb) => {
|
|
15
|
+
if (!crumb.name || seen.has(crumb.href))
|
|
16
|
+
return false;
|
|
17
|
+
seen.add(crumb.href);
|
|
18
|
+
return !heading || !sameText(crumb.name, heading);
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=trail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"trail.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/trail.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,WAAW,CAAC,QAAgB,EAAE,IAAY,EAAE,IAAe;IACzE,MAAM,0BAA0B,GAAG,IAAI,CAAC,IAAI,CAC1C,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAC5D,CAAC;IACF,IAAI,0BAA0B;QAAE,OAAO,QAAQ,KAAK,IAAI,CAAC;IACzD,OAAO,QAAQ,KAAK,IAAI,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAe,EAAE,QAAgB;IAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IACzE,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACnE,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CACxC,CAAC,CAAC,IAAI,EAAE,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC;AAEhE,MAAM,UAAU,aAAa,CAAC,MAAe,EAAE,OAAgB;IAC7D,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC7B,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACtD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrB,OAAO,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBlC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/C,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,4DAOxB,eAAe,gCAoCjB,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { ThemeScope } from "@snokam/ui/theme";
|
|
4
|
+
import { PageHeadingProvider } from "../breadcrumbs/context";
|
|
4
5
|
import Styled from "./styled";
|
|
5
6
|
import { Padding, TransitionType } from "./types";
|
|
6
7
|
import { CompactHeaderBand, HeaderActions, HeaderBand, HeaderContent, HeaderRow, HeaderText, RecordHeaderRow, Subtitle, } from "./PageHeader.styled";
|
|
7
8
|
export const PageHeader = ({ title, size = "page", breadcrumbs, subtitle, actions, children, }) => {
|
|
8
|
-
const content = (_jsx(HeaderContent, { children: _jsx(Styled.Section, { stretchItems: true, padding: { top: Padding.None, bottom: Padding.None }, children: _jsxs(ThemeScope, { theme: "dark", as: size === "record" ? RecordHeaderRow : HeaderRow, children: [_jsxs(HeaderText, { children: [breadcrumbs, _jsx("h1", { children: title }), subtitle && _jsx(Subtitle, { children: subtitle }), children] }), actions && _jsx(HeaderActions, { children: actions })] }) }) }));
|
|
9
|
+
const content = (_jsx(HeaderContent, { children: _jsx(Styled.Section, { stretchItems: true, padding: { top: Padding.None, bottom: Padding.None }, children: _jsxs(ThemeScope, { theme: "dark", as: size === "record" ? RecordHeaderRow : HeaderRow, children: [_jsxs(HeaderText, { children: [_jsx(PageHeadingProvider, { heading: title, children: breadcrumbs }), _jsx("h1", { children: title }), subtitle && _jsx(Subtitle, { children: subtitle }), children] }), actions && _jsx(HeaderActions, { children: actions })] }) }) }));
|
|
9
10
|
if (size === "record") {
|
|
10
11
|
return _jsx(CompactHeaderBand, { children: content });
|
|
11
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,eAAe,EACf,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAa7B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,IAAI,GAAG,MAAM,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG,CACd,KAAC,aAAa,cACZ,KAAC,MAAM,CAAC,OAAO,IACb,YAAY,QACZ,OAAO,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,YAEpD,MAAC,UAAU,IACT,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,aAEnD,MAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,eAAe,EACf,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAa7B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,IAAI,GAAG,MAAM,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG,CACd,KAAC,aAAa,cACZ,KAAC,MAAM,CAAC,OAAO,IACb,YAAY,QACZ,OAAO,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,YAEpD,MAAC,UAAU,IACT,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,aAEnD,MAAC,UAAU,eACT,KAAC,mBAAmB,IAAC,OAAO,EAAE,KAAK,YAChC,WAAW,GACQ,EACtB,uBAAK,KAAK,GAAM,EACf,QAAQ,IAAI,KAAC,QAAQ,cAAE,QAAQ,GAAY,EAC3C,QAAQ,IACE,EACZ,OAAO,IAAI,KAAC,aAAa,cAAE,OAAO,GAAiB,IACzC,GACE,GACH,CACjB,CAAC;IAEF,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,KAAC,iBAAiB,cAAE,OAAO,GAAqB,CAAC;IAC1D,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IACT,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,YAElE,OAAO,GACG,CACd,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -63,7 +63,7 @@ export type { ListItemProps } from "./components/list-item";
|
|
|
63
63
|
export { default as Layout } from "./components/layout";
|
|
64
64
|
export { Sidebar, type NavItem, type SidebarProps } from "./components/sidebar";
|
|
65
65
|
export { default as Theme, Color, BaseColor } from "./theme/Themes/index";
|
|
66
|
-
export { default as Breadcrumbs, BreadcrumbsTheme, } from "./components/breadcrumbs";
|
|
66
|
+
export { default as Breadcrumbs, BreadcrumbsTheme, PageHeadingProvider, PageTrailProvider, usePageTrail, type Crumb, } from "./components/breadcrumbs";
|
|
67
67
|
export { LogoLoader, PageLoader, LoaderVariant } from "./components/loader";
|
|
68
68
|
export { AnimatedBlobs, BlobTheme, BlobWrapper, type AnimatedBlobsProps, } from "./components/animated-blobs";
|
|
69
69
|
export { AppError, type AppErrorProps } from "./components/app-error";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -34,7 +34,7 @@ export { ListItem } from "./components/list-item";
|
|
|
34
34
|
export { default as Layout } from "./components/layout";
|
|
35
35
|
export { Sidebar } from "./components/sidebar";
|
|
36
36
|
export { default as Theme, Color, BaseColor } from "./theme/Themes/index";
|
|
37
|
-
export { default as Breadcrumbs, BreadcrumbsTheme, } from "./components/breadcrumbs";
|
|
37
|
+
export { default as Breadcrumbs, BreadcrumbsTheme, PageHeadingProvider, PageTrailProvider, usePageTrail, } from "./components/breadcrumbs";
|
|
38
38
|
export { LogoLoader, PageLoader, LoaderVariant } from "./components/loader";
|
|
39
39
|
export { AnimatedBlobs, BlobTheme, BlobWrapper, } from "./components/animated-blobs";
|
|
40
40
|
export { AppError } from "./components/app-error";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAmC,MAAM,sBAAsB,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAmC,MAAM,sBAAsB,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,GAEb,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EACL,aAAa,EACb,SAAS,EACT,WAAW,GAEZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAsB,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,aAAa,GAEd,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-scheme-provider.d.ts","sourceRoot":"","sources":["../../src/theme/color-scheme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"color-scheme-provider.d.ts","sourceRoot":"","sources":["../../src/theme/color-scheme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAgF7D,UAAU,wBAAwB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,WAAsB,EACtB,YAAsB,EACtB,cAAsB,GACvB,EAAE,wBAAwB,+BAkF1B"}
|
|
@@ -9,6 +9,7 @@ import { MuiSchemeSync } from "./mui-scheme-sync";
|
|
|
9
9
|
import { ThemeContext, THEME_KEY, MODE_KEY } from "./context";
|
|
10
10
|
import { IMP_ACTIVE_COOKIE, IMP_THEME_COOKIE, impersonatedMode, impersonatedThemeValue, isImpersonating, } from "./impersonation";
|
|
11
11
|
import { cookieDomain } from "./cookie-domain";
|
|
12
|
+
import { SYSTEM_SCHEME_COOKIE } from "./server-scheme";
|
|
12
13
|
const colorSchemeTheme = buildColorSchemeTheme();
|
|
13
14
|
const PREFERS_DARK = "(prefers-color-scheme: dark)";
|
|
14
15
|
const COOKIE_MAX_AGE = 60 * 60 * 24 * 365;
|
|
@@ -17,6 +18,11 @@ function systemTheme() {
|
|
|
17
18
|
return "light";
|
|
18
19
|
return window.matchMedia?.(PREFERS_DARK).matches ? "dark" : "light";
|
|
19
20
|
}
|
|
21
|
+
function rememberSystemTheme() {
|
|
22
|
+
const theme = systemTheme();
|
|
23
|
+
document.cookie = `${SYSTEM_SCHEME_COOKIE}=${theme}; path=/; max-age=${COOKIE_MAX_AGE}; samesite=lax`;
|
|
24
|
+
return theme;
|
|
25
|
+
}
|
|
20
26
|
function isMode(value) {
|
|
21
27
|
return value === "light" || value === "dark" || value === "system";
|
|
22
28
|
}
|
|
@@ -87,11 +93,12 @@ export function ColorSchemeProvider({ children, initialMode = "system", initialT
|
|
|
87
93
|
if (!media)
|
|
88
94
|
return;
|
|
89
95
|
setSystem(systemTheme());
|
|
90
|
-
const onChange = () => setSystem(
|
|
96
|
+
const onChange = () => setSystem(rememberSystemTheme());
|
|
91
97
|
media.addEventListener?.("change", onChange);
|
|
92
98
|
return () => media.removeEventListener?.("change", onChange);
|
|
93
99
|
}, []);
|
|
94
100
|
const theme = resolve(mode, system);
|
|
101
|
+
const [firstTheme] = useState(theme);
|
|
95
102
|
useEffect(() => {
|
|
96
103
|
if (!hydrated)
|
|
97
104
|
return;
|
|
@@ -126,6 +133,6 @@ export function ColorSchemeProvider({ children, initialMode = "system", initialT
|
|
|
126
133
|
}), [theme, mode, toggle, choose, seedMode, seeded, markSeeded]);
|
|
127
134
|
return (_jsxs(ThemeContext.Provider, { value: value, children: [_jsx(Global, { styles: css `
|
|
128
135
|
${themeVarsCss}
|
|
129
|
-
` }), _jsxs(ThemeProvider, { theme: colorSchemeTheme, storageManager: null, colorSchemeNode: null, forceThemeRerender: true, children: [_jsx(MuiSchemeSync, { theme: theme }), children] })] }));
|
|
136
|
+
` }), _jsxs(ThemeProvider, { theme: colorSchemeTheme, defaultMode: firstTheme, storageManager: null, colorSchemeNode: null, forceThemeRerender: true, children: [_jsx(MuiSchemeSync, { theme: theme }), children] })] }));
|
|
130
137
|
}
|
|
131
138
|
//# sourceMappingURL=color-scheme-provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-scheme-provider.js","sourceRoot":"","sources":["../../src/theme/color-scheme-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE9D,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"color-scheme-provider.js","sourceRoot":"","sources":["../../src/theme/color-scheme-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE9D,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,gBAAgB,GAAG,qBAAqB,EAAE,CAAC;AAEjD,MAAM,YAAY,GAAG,8BAA8B,CAAC;AACpD,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAE1C,SAAS,WAAW;IAClB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,OAAO,CAAC;IAClD,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACtE,CAAC;AAED,SAAS,mBAAmB;IAC1B,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,QAAQ,CAAC,MAAM,GAAG,GAAG,oBAAoB,IAAI,KAAK,qBAAqB,cAAc,gBAAgB,CAAC;IACtG,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,MAAM,CAAC,KAAoB;IAClC,OAAO,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC;AACrE,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,WAAW,OAAO,UAAU,CAAC,CAAC,CAAC;IAC9E,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IAC/B,IAAI,MAAM;QAAE,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC9C,IAAI,CAAC;QACH,OAAO,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAS,YAAY;IACnB,MAAM,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC7C,IAAI,eAAe,CAAC,MAAM,CAAC;QACzB,OAAO,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,IAAI,IAAI,CAAC;IACxE,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAClC,IAAI,MAAM,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AACtC,CAAC;AAED,SAAS,OAAO,CAAC,IAAqB,EAAE,MAAkB;IACxD,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3C,CAAC;AAED,SAAS,OAAO,CAAC,KAAiB,EAAE,IAAqB;IACvD,IAAI,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC9C,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAAC,MAAM,CAAC;QACP,KAAK,CAAC,CAAC;IACT,CAAC;IACD,MAAM,KAAK,GAAG,mBAAmB,cAAc,iBAAiB,YAAY,EAAE,EAAE,CAAC;IACjF,QAAQ,CAAC,MAAM,GAAG,GAAG,SAAS,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;IACpD,QAAQ,CAAC,MAAM,GAAG,GAAG,QAAQ,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;AACpD,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAqB;IAChD,MAAM,KAAK,GAAG,sBAAsB,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;IAC1E,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,QAAQ,CAAC,MAAM,GAAG,GAAG,gBAAgB,IAAI,KAAK,yBAAyB,YAAY,EAAE,EAAE,CAAC;AAC1F,CAAC;AASD,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,OAAO,EACtB,cAAc,GAAG,KAAK,GACG;IACzB,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAkB,WAAW,CAAC,CAAC;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAa,YAAY,CAAC,CAAC;IAC/D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACjE,MAAM,QAAQ,GAAG,YAAY,EAAE,CAAC;QAChC,IAAI,QAAQ;YAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;QACrC,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC;QACzB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACxD,KAAK,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC7C,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAI,aAAa;YAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;;YACxC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,IAAqB,EAAE,EAAE;QACnD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAsB,EAAE,EAAE;QACtD,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,YAAY,CAAC,KAAK,CAAC,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,WAAW,CACxB,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EACjE,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CACvB,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,IAAI;QACJ,MAAM;QACN,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,MAAM;QACf,QAAQ;QACR,MAAM;QACN,UAAU;KACX,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,CAC5D,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,aACjC,KAAC,MAAM,IACL,MAAM,EAAE,GAAG,CAAA;YACP,YAAY;SACf,GACD,EACF,MAAC,aAAa,IACZ,KAAK,EAAE,gBAAgB,EACvB,WAAW,EAAE,UAAU,EACvB,cAAc,EAAE,IAAI,EACpB,eAAe,EAAE,IAAI,EACrB,kBAAkB,mBAElB,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,QAAQ,IACK,IACM,CACzB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ColorSchemeMode } from "./context.ts";
|
|
2
|
+
export type ResolvedScheme = "light" | "dark";
|
|
3
|
+
export declare const SYSTEM_SCHEME_COOKIE = "snokam.theme.system";
|
|
4
|
+
export interface SchemeCookies {
|
|
5
|
+
mode?: string;
|
|
6
|
+
theme?: string;
|
|
7
|
+
system?: string;
|
|
8
|
+
impersonationActive?: string;
|
|
9
|
+
impersonationTheme?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface InitialColorScheme {
|
|
12
|
+
initialMode: ColorSchemeMode;
|
|
13
|
+
initialTheme: ResolvedScheme;
|
|
14
|
+
}
|
|
15
|
+
export declare function resolveInitialColorScheme(cookies: SchemeCookies, sessionMode?: unknown): InitialColorScheme;
|
|
16
|
+
//# sourceMappingURL=server-scheme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"server-scheme.d.ts","sourceRoot":"","sources":["../../src/theme/server-scheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,eAAe,CAAC;IAC7B,YAAY,EAAE,cAAc,CAAC;CAC9B;AAgCD,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,aAAa,EACtB,WAAW,CAAC,EAAE,OAAO,GACpB,kBAAkB,CAOpB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { impersonatedMode, isImpersonating } from "./impersonation.js";
|
|
2
|
+
export const SYSTEM_SCHEME_COOKIE = "snokam.theme.system";
|
|
3
|
+
function isMode(value) {
|
|
4
|
+
return value === "light" || value === "dark" || value === "system";
|
|
5
|
+
}
|
|
6
|
+
function isScheme(value) {
|
|
7
|
+
return value === "light" || value === "dark";
|
|
8
|
+
}
|
|
9
|
+
function chosenMode(cookies, sessionMode) {
|
|
10
|
+
if (isImpersonating(cookies.impersonationActive)) {
|
|
11
|
+
return (impersonatedMode(cookies.impersonationActive, cookies.impersonationTheme) ?? "system");
|
|
12
|
+
}
|
|
13
|
+
if (isMode(cookies.mode))
|
|
14
|
+
return cookies.mode;
|
|
15
|
+
if (isMode(sessionMode))
|
|
16
|
+
return sessionMode;
|
|
17
|
+
return "system";
|
|
18
|
+
}
|
|
19
|
+
function systemScheme(cookies) {
|
|
20
|
+
if (isScheme(cookies.system))
|
|
21
|
+
return cookies.system;
|
|
22
|
+
return cookies.theme === "dark" ? "dark" : "light";
|
|
23
|
+
}
|
|
24
|
+
export function resolveInitialColorScheme(cookies, sessionMode) {
|
|
25
|
+
const initialMode = chosenMode(cookies, sessionMode);
|
|
26
|
+
const system = systemScheme(cookies);
|
|
27
|
+
return {
|
|
28
|
+
initialMode,
|
|
29
|
+
initialTheme: initialMode === "system" ? system : initialMode,
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=server-scheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"server-scheme.js","sourceRoot":"","sources":["../../src/theme/server-scheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKvE,MAAM,CAAC,MAAM,oBAAoB,GAAG,qBAAqB,CAAC;AAe1D,SAAS,MAAM,CAAC,KAAc;IAC5B,OAAO,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC;AACrE,CAAC;AAED,SAAS,QAAQ,CAAC,KAAc;IAC9B,OAAO,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,CAAC;AAC/C,CAAC;AAED,SAAS,UAAU,CACjB,OAAsB,EACtB,WAAoB;IAEpB,IAAI,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,CAAC;QACjD,OAAO,CACL,gBAAgB,CACd,OAAO,CAAC,mBAAmB,EAC3B,OAAO,CAAC,kBAAkB,CAC3B,IAAI,QAAQ,CACd,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAC9C,IAAI,MAAM,CAAC,WAAW,CAAC;QAAE,OAAO,WAAW,CAAC;IAC5C,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,YAAY,CAAC,OAAsB;IAC1C,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,OAAO,OAAO,CAAC,MAAM,CAAC;IACpD,OAAO,OAAO,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,OAAsB,EACtB,WAAqB;IAErB,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,OAAO;QACL,WAAW;QACX,YAAY,EAAE,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW;KAC9D,CAAC;AACJ,CAAC"}
|
package/dist/theme/server.d.ts
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import type { CSSProperties } from "react";
|
|
2
|
-
import
|
|
3
|
-
export
|
|
4
|
-
initialMode: ColorSchemeMode;
|
|
5
|
-
initialTheme: AdminTheme;
|
|
6
|
-
}
|
|
2
|
+
import { type InitialColorScheme } from "./server-scheme";
|
|
3
|
+
export type { InitialColorScheme };
|
|
7
4
|
export declare function getServerColorScheme(session?: unknown): Promise<InitialColorScheme>;
|
|
8
5
|
export declare function getImpersonationBannerStyle(): Promise<CSSProperties>;
|
|
9
6
|
export declare const themeBootstrapScript: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/theme/server.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/theme/server.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAW3C,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAKnC,wBAAsB,oBAAoB,CACxC,OAAO,CAAC,EAAE,OAAO,GAChB,OAAO,CAAC,kBAAkB,CAAC,CAY7B;AAKD,wBAAsB,2BAA2B,IAAI,OAAO,CAAC,aAAa,CAAC,CAQ1E;AAED,eAAO,MAAM,oBAAoB,QA4DhC,CAAC"}
|
package/dist/theme/server.js
CHANGED
|
@@ -1,31 +1,18 @@
|
|
|
1
1
|
import { cookies } from "next/headers";
|
|
2
|
-
import { IMP_ACTIVE_COOKIE, IMP_THEME_COOKIE,
|
|
2
|
+
import { IMP_ACTIVE_COOKIE, IMP_THEME_COOKIE, isImpersonating, } from "./impersonation";
|
|
3
3
|
import { SESSION_HINT_ATTRIBUTE, SESSION_HINT_COOKIE, SIGNED_IN_HINT, } from "./session-hint";
|
|
4
|
+
import { resolveInitialColorScheme, SYSTEM_SCHEME_COOKIE, } from "./server-scheme";
|
|
4
5
|
const THEME_KEY = "snokam.admin.theme";
|
|
5
6
|
const MODE_KEY = "snokam.theme.mode";
|
|
6
|
-
function isMode(value) {
|
|
7
|
-
return value === "light" || value === "dark" || value === "system";
|
|
8
|
-
}
|
|
9
7
|
export async function getServerColorScheme(session) {
|
|
10
8
|
const store = await cookies();
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const fromSession = isMode(sessionMode) ? sessionMode : undefined;
|
|
19
|
-
const fromCookie = isMode(modeCookie) ? modeCookie : undefined;
|
|
20
|
-
const initialMode = fromSession ?? fromCookie ?? "system";
|
|
21
|
-
const initialTheme = initialMode === "dark"
|
|
22
|
-
? "dark"
|
|
23
|
-
: initialMode === "light"
|
|
24
|
-
? "light"
|
|
25
|
-
: themeCookie === "dark"
|
|
26
|
-
? "dark"
|
|
27
|
-
: "light";
|
|
28
|
-
return { initialMode, initialTheme };
|
|
9
|
+
return resolveInitialColorScheme({
|
|
10
|
+
mode: store.get(MODE_KEY)?.value,
|
|
11
|
+
theme: store.get(THEME_KEY)?.value,
|
|
12
|
+
system: store.get(SYSTEM_SCHEME_COOKIE)?.value,
|
|
13
|
+
impersonationActive: store.get(IMP_ACTIVE_COOKIE)?.value,
|
|
14
|
+
impersonationTheme: store.get(IMP_THEME_COOKIE)?.value,
|
|
15
|
+
}, session?.colorScheme);
|
|
29
16
|
}
|
|
30
17
|
const TEST_ENVIRONMENT = "t";
|
|
31
18
|
const SESSION_COOKIE_MARKER = ".session-token";
|
|
@@ -55,6 +42,10 @@ export const themeBootstrapScript = `
|
|
|
55
42
|
var prefersDark = window.matchMedia?.(
|
|
56
43
|
"(prefers-color-scheme: dark)"
|
|
57
44
|
)?.matches;
|
|
45
|
+
document.cookie =
|
|
46
|
+
"${SYSTEM_SCHEME_COOKIE}=" +
|
|
47
|
+
(prefersDark ? "dark" : "light") +
|
|
48
|
+
"; path=/; max-age=31536000; samesite=lax";
|
|
58
49
|
var theme =
|
|
59
50
|
mode === "light" || mode === "dark"
|
|
60
51
|
? mode
|
package/dist/theme/server.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"server.js","sourceRoot":"","sources":["../../src/theme/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"server.js","sourceRoot":"","sources":["../../src/theme/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,GACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,yBAAyB,EACzB,oBAAoB,GAErB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,SAAS,GAAG,oBAAoB,CAAC;AACvC,MAAM,QAAQ,GAAG,mBAAmB,CAAC;AAErC,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,OAAiB;IAEjB,MAAM,KAAK,GAAG,MAAM,OAAO,EAAE,CAAC;IAC9B,OAAO,yBAAyB,CAC9B;QACE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,KAAK;QAChC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,KAAK;QAClC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE,KAAK;QAC9C,mBAAmB,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,KAAK;QACxD,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,KAAK;KACvD,EACA,OAAwD,EAAE,WAAW,CACvE,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAE/C,MAAM,CAAC,KAAK,UAAU,2BAA2B;IAC/C,MAAM,KAAK,GAAG,MAAM,OAAO,EAAE,CAAC;IAC9B,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3E,MAAM,cAAc,GAClB,OAAO,CAAC,GAAG,CAAC,WAAW,KAAK,gBAAgB;QAC5C,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC;IACrE,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;QAAE,OAAO,EAAE,CAAC;IACjD,OAAO,EAAE,+BAA+B,EAAE,MAAM,EAAmB,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;SAkB3B,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA+BX,mBAAmB,IAAI,cAAc;;;yBAG9B,sBAAsB,OAAO,cAAc;UAC1D,OAAO,CAAC,GAAG,CAAC,WAAW,KAAK,gBAAgB;;;;;;;CAOrD,CAAC"}
|
package/package.json
CHANGED