@snokam/ui 7.0.0 → 7.2.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 +24 -0
- package/dist/components/app-error/index.js +2 -2
- package/dist/components/app-error/index.js.map +1 -1
- package/dist/components/breadcrumbs/index.d.ts +2 -1
- package/dist/components/breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/breadcrumbs/index.js +2 -2
- package/dist/components/breadcrumbs/index.js.map +1 -1
- package/dist/components/feedback/toaster/index.d.ts.map +1 -1
- package/dist/components/feedback/toaster/index.js +3 -1
- package/dist/components/feedback/toaster/index.js.map +1 -1
- package/dist/components/feedback/toaster/styles.d.ts.map +1 -1
- package/dist/components/feedback/toaster/styles.js +5 -3
- package/dist/components/feedback/toaster/styles.js.map +1 -1
- package/dist/components/fullscreen/styles.js +1 -1
- package/dist/components/layout/PageHeader.d.ts +3 -1
- package/dist/components/layout/PageHeader.d.ts.map +1 -1
- package/dist/components/layout/PageHeader.js +8 -2
- package/dist/components/layout/PageHeader.js.map +1 -1
- package/dist/components/layout/PageHeader.styled.d.ts +9 -0
- package/dist/components/layout/PageHeader.styled.d.ts.map +1 -1
- package/dist/components/layout/PageHeader.styled.js +24 -0
- package/dist/components/layout/PageHeader.styled.js.map +1 -1
- package/dist/components/layout/index.d.ts +1 -0
- package/dist/components/layout/index.d.ts.map +1 -1
- package/dist/components/layout/index.js.map +1 -1
- package/dist/components/overlay/index.d.ts.map +1 -1
- package/dist/components/overlay/index.js +81 -4
- package/dist/components/overlay/index.js.map +1 -1
- package/dist/components/overlay/useDockedPanelWidth.d.ts +2 -0
- package/dist/components/overlay/useDockedPanelWidth.d.ts.map +1 -0
- package/dist/components/overlay/useDockedPanelWidth.js +33 -0
- package/dist/components/overlay/useDockedPanelWidth.js.map +1 -0
- package/dist/components/overlay/useEscapeToClose.d.ts +3 -0
- package/dist/components/overlay/useEscapeToClose.d.ts.map +1 -0
- package/dist/components/overlay/useEscapeToClose.js +28 -0
- package/dist/components/overlay/useEscapeToClose.js.map +1 -0
- package/dist/styles/global.css +16 -0
- package/dist/theme/server.d.ts.map +1 -1
- package/dist/theme/server.js +4 -2
- package/dist/theme/server.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
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.2.0](https://github.com/snokam/components/compare/@snokam/ui@7.1.0...@snokam/ui@7.2.0) (2026-11-02)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **mobile:** cards instead of wide tables, full-screen panels and olaf, action sheets, 44px touch targets, no ios input zoom ([71418fe](https://github.com/snokam/components/commit/71418feb79347c44cff8e9e5ff869635928dad8b))
|
|
11
|
+
|
|
12
|
+
# [7.1.0](https://github.com/snokam/components/compare/@snokam/ui@7.0.0...@snokam/ui@7.1.0) (2026-11-01)
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
- **salg:** review and qa fixes, mirrored records, closed stage paging, tender opportunity ([8455cc2](https://github.com/snokam/components/commit/8455cc23f320008343d626636e68af182c5868bc))
|
|
17
|
+
- **ui:** closed drawers unmount fully, open drawers keep one tree across olaf toggles ([c4a093d](https://github.com/snokam/components/commit/c4a093d9fdab5c77a06b08fa5894420e2929dbfe))
|
|
18
|
+
- **ui:** drawer keeps focus beside olaf, olaf never overwrites typed variant fields, safer downloads ([600a82f](https://github.com/snokam/components/commit/600a82fdcede8b7db4244fe91fe0a8d70dd5784a))
|
|
19
|
+
- **ui:** drawer keeps one component tree so toggling olaf never remounts its contents ([c291d63](https://github.com/snokam/components/commit/c291d635471c67bd89d51cb0b32175756f200596))
|
|
20
|
+
- **ui:** drawers open beside the docked olaf panel, stable keys in olaf page list ([b02f8a5](https://github.com/snokam/components/commit/b02f8a50742e798595b98dac232bc43bcf878c19))
|
|
21
|
+
|
|
22
|
+
### Features
|
|
23
|
+
|
|
24
|
+
- **oppgaver:** one header style, capped focus list, dates with year, bulk in kø, white board cards ([f1a1972](https://github.com/snokam/components/commit/f1a1972bb64ef445feec88e99ec72ac1a322ddb0))
|
|
25
|
+
- **salg,cv:** round 2 fixes - variant crash, anonymised export, include and highlight flags, mitt salg and leads ([cdb7a1c](https://github.com/snokam/components/commit/cdb7a1c6b1e68a2adffc7782a67ac328a776802f))
|
|
26
|
+
- **salg:** compact record header, today focus on mitt salg, salg breadcrumbs, no navy loading fill ([5de6e67](https://github.com/snokam/components/commit/5de6e67dd08c2a355b80f0f495fbbfdbb412143e))
|
|
27
|
+
- **salg:** salesforce-style activity timeline, innsikt with matching, rapporter, meeting category and booker ([ca16fc7](https://github.com/snokam/components/commit/ca16fc7bc2194a725c08efc6f6094f6615b5a61e))
|
|
28
|
+
- **salg:** salesforce-style lead record page, compact record headers, names over initials ([beca837](https://github.com/snokam/components/commit/beca837294cd53184c1c145472a17aa876d9041b))
|
|
29
|
+
|
|
6
30
|
# [7.0.0](https://github.com/snokam/components/compare/@snokam/ui@6.4.1...@snokam/ui@7.0.0) (2026-10-31)
|
|
7
31
|
|
|
8
32
|
### Bug Fixes
|
|
@@ -4,8 +4,8 @@ import { useMemo } from "react";
|
|
|
4
4
|
import { SystemPage, SystemPageAction } from "../system-page";
|
|
5
5
|
import { AlertIcon } from "./icon";
|
|
6
6
|
export const DEFAULT_APP_ERROR_TEXTS = {
|
|
7
|
-
title: "
|
|
8
|
-
message: "
|
|
7
|
+
title: "Noe gikk galt",
|
|
8
|
+
message: "Siden kunne ikke vises akkurat nå. Prøv igjen, og si fra til oss hvis det fortsetter.",
|
|
9
9
|
retryLabel: "Prøv igjen",
|
|
10
10
|
supportLabel: "Gå til oppsett",
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/app-error/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AASnC,MAAM,CAAC,MAAM,uBAAuB,GAAkB;IACpD,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/app-error/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AASnC,MAAM,CAAC,MAAM,uBAAuB,GAAkB;IACpD,KAAK,EAAE,eAAe;IACtB,OAAO,EACL,uFAAuF;IACzF,UAAU,EAAE,YAAY;IACxB,YAAY,EAAE,gBAAgB;CAC/B,CAAC;AAUF,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,KAAK,EAAE,aAAa,EACpB,MAAM,EACN,MAAM,GACQ;IACd,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,uBAAuB,EAAE,GAAG,aAAa,EAAE,CAAC,EACxD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EACL,8BACG,KAAK,IAAI,CACR,KAAC,gBAAgB,CAAC,aAAa,IAC7B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,YAErB,KAAK,CAAC,UAAU,GACc,CAClC,EACA,WAAW,IAAI,CACd,KAAC,gBAAgB,CAAC,SAAS,IAAC,IAAI,EAAE,WAAW,YAC1C,KAAK,CAAC,YAAY,GACQ,CAC9B,IACA,EAEL,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -10,7 +10,8 @@ interface Props {
|
|
|
10
10
|
}[];
|
|
11
11
|
basePath?: string;
|
|
12
12
|
theme?: BreadcrumbsTheme;
|
|
13
|
+
trailing?: boolean;
|
|
13
14
|
}
|
|
14
|
-
export declare const Breadcrumbs: ({ crumbs, basePath, theme, }: Props) => import("react").JSX.Element;
|
|
15
|
+
export declare const Breadcrumbs: ({ crumbs, basePath, theme, trailing, }: Props) => import("react").JSX.Element;
|
|
15
16
|
export default Breadcrumbs;
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAQA,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,UAAU,KAAK;IACb,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAQA,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,UAAU,KAAK;IACb,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,wCAKzB,KAAK,gCA0BP,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -10,10 +10,10 @@ export var BreadcrumbsTheme;
|
|
|
10
10
|
BreadcrumbsTheme["Light"] = "light";
|
|
11
11
|
BreadcrumbsTheme["Dark"] = "dark";
|
|
12
12
|
})(BreadcrumbsTheme || (BreadcrumbsTheme = {}));
|
|
13
|
-
export const Breadcrumbs = ({ crumbs = [], basePath = "", theme = BreadcrumbsTheme.Dark, }) => {
|
|
13
|
+
export const Breadcrumbs = ({ crumbs = [], basePath = "", theme = BreadcrumbsTheme.Dark, trailing = true, }) => {
|
|
14
14
|
const themeStyles = theme === BreadcrumbsTheme.Light ? styles.light : styles.dark;
|
|
15
15
|
const resolveHref = (href) => href === "/" ? href : `${basePath}${href}`;
|
|
16
|
-
return (_jsxs(MuiBreadcrumbs, { "aria-label": "breadcrumb", separator: _jsx(NavigateNext, { fontSize: "small" }), sx: { ...styles.Breadcrumbs, ...themeStyles.Breadcrumbs }, children: [crumbs.map(({ href, name, icon }) => (_jsxs(MuiLink, { href: resolveHref(href), component: Link, sx: { ...styles.Link, ...themeStyles.Link }, children: [icon && icon, name] }, href))), _jsx(TrailingCrumb, {})] }));
|
|
16
|
+
return (_jsxs(MuiBreadcrumbs, { "aria-label": "breadcrumb", separator: _jsx(NavigateNext, { fontSize: "small" }), sx: { ...styles.Breadcrumbs, ...themeStyles.Breadcrumbs }, children: [crumbs.map(({ href, name, icon }) => (_jsxs(MuiLink, { href: resolveHref(href), component: Link, sx: { ...styles.Link, ...themeStyles.Link }, children: [icon && icon, name] }, href))), trailing && _jsx(TrailingCrumb, {})] }));
|
|
17
17
|
};
|
|
18
18
|
export default Breadcrumbs;
|
|
19
19
|
//# 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,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,iCAAa,CAAA;AACf,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,iCAAa,CAAA;AACf,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AASD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,gBAAgB,CAAC,IAAI,EAC7B,QAAQ,GAAG,IAAI,GACT,EAAE,EAAE;IACV,MAAM,WAAW,GACf,KAAK,KAAK,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;IAChE,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CACnC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC;IAE7C,OAAO,CACL,MAAC,cAAc,kBACF,YAAY,EACvB,SAAS,EAAE,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC5C,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,WAAW,EAAE,aAExD,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACpC,MAAC,OAAO,IAEN,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,EACvB,SAAS,EAAE,IAAI,EACf,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,aAE1C,IAAI,IAAI,IAAI,EACZ,IAAI,KANA,IAAI,CAOD,CACX,CAAC,EACD,QAAQ,IAAI,KAAC,aAAa,KAAG,IACf,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,SAAS,EACV,MAAM,OAAO,CAAC;AAOf,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACjD;AAMD,UAAU,QAAQ;IAChB,KAAK,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,MAAM,CAAC;IAC1C,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,SAAS,EACV,MAAM,OAAO,CAAC;AAOf,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACjD;AAMD,UAAU,QAAQ;IAChB,KAAK,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,MAAM,CAAC;IAC1C,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAQD,wBAAgB,aAAa,IAAI,CAAC,QAAQ,EAAE,YAAY,KAAK,MAAM,CAMlE;AAED,wBAAgB,gBAAgB,IAAI,QAAQ,CAM3C;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAuB,GACxB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BAuGA"}
|
|
@@ -5,6 +5,7 @@ import { CheckCircleOutlineOutlined, ErrorOutlineOutlined, InfoOutlined, Warning
|
|
|
5
5
|
import { ActionButton, Body, IconWrap, Message, Stack, Title, ToastCard, } from "./styles";
|
|
6
6
|
const STACK_LIMIT = 3;
|
|
7
7
|
const DEFAULT_DURATION = 4500;
|
|
8
|
+
const ACTION_DURATION = 8000;
|
|
8
9
|
const ToastContext = createContext(null);
|
|
9
10
|
export function useAdminToast() {
|
|
10
11
|
const ctx = useContext(ToastContext);
|
|
@@ -61,7 +62,8 @@ export function AdminToaster({ children, regionLabel = "Varsler", }) {
|
|
|
61
62
|
}
|
|
62
63
|
return next;
|
|
63
64
|
});
|
|
64
|
-
const duration = options.duration ??
|
|
65
|
+
const duration = options.duration ??
|
|
66
|
+
(options.action ? ACTION_DURATION : DEFAULT_DURATION);
|
|
65
67
|
if (duration > 0) {
|
|
66
68
|
const handle = setTimeout(() => dismiss(id), duration);
|
|
67
69
|
timers.current.set(id, handle);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,YAAY,EACZ,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,GAEV,MAAM,UAAU,CAAC;AAqBlB,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,gBAAgB,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/styles.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAgCjE,eAAO,MAAM,KAAK;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/styles.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAgCjE,eAAO,MAAM,KAAK;;;yGAmBjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;WAAuB,SAAS;iBAAe,OAAO;yGAgD3E,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;WAAwB,SAAS;2GAarD,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAKhB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yGAMjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAKnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;WAA0B,SAAS;qHA2B3D,CAAC"}
|
|
@@ -31,8 +31,8 @@ const fadeOnly = keyframes `
|
|
|
31
31
|
`;
|
|
32
32
|
export const Stack = styled.div `
|
|
33
33
|
position: fixed;
|
|
34
|
-
right: 20px;
|
|
35
|
-
bottom: 20px;
|
|
34
|
+
right: calc(20px + var(--olaf-panel-width, 0px));
|
|
35
|
+
bottom: calc(20px + var(--olaf-fab-clearance, 0px));
|
|
36
36
|
z-index: 1500;
|
|
37
37
|
display: flex;
|
|
38
38
|
flex-direction: column;
|
|
@@ -43,7 +43,9 @@ export const Stack = styled.div `
|
|
|
43
43
|
@media (max-width: 640px) {
|
|
44
44
|
right: 12px;
|
|
45
45
|
left: 12px;
|
|
46
|
-
bottom: calc(
|
|
46
|
+
bottom: calc(
|
|
47
|
+
12px + var(--olaf-fab-clearance, 0px) + env(safe-area-inset-bottom, 0px)
|
|
48
|
+
);
|
|
47
49
|
max-width: none;
|
|
48
50
|
}
|
|
49
51
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/styles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIvE,SAAS,OAAO,CAAC,IAAe;IAC9B,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,MAAM,CAAC;QACvB,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,MAAM,CAAC,IAAI,CAAC;IACvB,CAAC;AACH,CAAC;AAED,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;;CASxB,CAAC;AAEF,MAAM,QAAQ,GAAG,SAAS,CAAA;;;CAGzB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/feedback/toaster/styles.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ export const FullscreenArea = styled.div `
|
|
|
8
8
|
top: calc(
|
|
9
9
|
var(--impersonation-banner-height, 0px) + var(--admin-topbar-height, 64px)
|
|
10
10
|
);
|
|
11
|
-
right: var(--olaf-panel-width, 0px);
|
|
11
|
+
right: calc(var(--olaf-panel-width, 0px) + var(--side-panel-width, 0px));
|
|
12
12
|
bottom: 0;
|
|
13
13
|
left: 0;
|
|
14
14
|
z-index: 1250;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
+
export type PageHeaderSize = "page" | "record";
|
|
2
3
|
interface PageHeaderProps {
|
|
3
4
|
title: string;
|
|
5
|
+
size?: PageHeaderSize;
|
|
4
6
|
breadcrumbs?: ReactNode;
|
|
5
7
|
subtitle?: ReactNode;
|
|
6
8
|
actions?: ReactNode;
|
|
7
9
|
children?: ReactNode;
|
|
8
10
|
}
|
|
9
|
-
export declare const PageHeader: ({ title, breadcrumbs, subtitle, actions, children, }: PageHeaderProps) => import("react").JSX.Element;
|
|
11
|
+
export declare const PageHeader: ({ title, size, breadcrumbs, subtitle, actions, children, }: PageHeaderProps) => import("react").JSX.Element;
|
|
10
12
|
export {};
|
|
11
13
|
//# sourceMappingURL=PageHeader.d.ts.map
|
|
@@ -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;AAelC,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,gCAkCjB,CAAC"}
|
|
@@ -3,6 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { ThemeScope } from "@snokam/ui/theme";
|
|
4
4
|
import Styled from "./styled";
|
|
5
5
|
import { Padding, TransitionType } from "./types";
|
|
6
|
-
import { HeaderActions, HeaderBand, HeaderContent, HeaderRow, HeaderText, Subtitle, } from "./PageHeader.styled";
|
|
7
|
-
export const PageHeader = ({ title,
|
|
6
|
+
import { CompactHeaderBand, HeaderActions, HeaderBand, HeaderContent, HeaderRow, HeaderText, RecordHeaderRow, Subtitle, } from "./PageHeader.styled";
|
|
7
|
+
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
|
+
if (size === "record") {
|
|
10
|
+
return _jsx(CompactHeaderBand, { children: content });
|
|
11
|
+
}
|
|
12
|
+
return (_jsx(HeaderBand, { transitions: { bottom: { type: TransitionType.Wave, flipX: true } }, children: content }));
|
|
13
|
+
};
|
|
8
14
|
//# sourceMappingURL=PageHeader.js.map
|
|
@@ -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,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,QAAQ,GACT,MAAM,qBAAqB,CAAC;
|
|
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,eACR,WAAW,EACZ,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"}
|
|
@@ -11,6 +11,15 @@ export declare const HeaderRow: import("@emotion/styled").StyledComponent<{
|
|
|
11
11
|
theme?: import("@emotion/react").Theme;
|
|
12
12
|
as?: React.ElementType;
|
|
13
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
|
14
|
+
export declare const CompactHeaderBand: import("@emotion/styled").StyledComponent<import("./types").ContainerProps & {
|
|
15
|
+
theme?: import("@emotion/react").Theme;
|
|
16
|
+
}, {}, {}>;
|
|
17
|
+
export declare const RecordHeaderRow: import("@emotion/styled").StyledComponent<{
|
|
18
|
+
theme?: import("@emotion/react").Theme;
|
|
19
|
+
as?: React.ElementType;
|
|
20
|
+
} & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
|
|
21
|
+
theme?: import("@emotion/react").Theme;
|
|
22
|
+
}, {}, {}>;
|
|
14
23
|
export declare const HeaderText: import("@emotion/styled").StyledComponent<{
|
|
15
24
|
theme?: import("@emotion/react").Theme;
|
|
16
25
|
as?: React.ElementType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.styled.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU;;
|
|
1
|
+
{"version":3,"file":"PageHeader.styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.styled.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU;;UAUtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;UAQzB,CAAC;AAEF,eAAO,MAAM,SAAS;;;mGAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;UAM7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;UAY3B,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAsBtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;qHAMpB,CAAC"}
|
|
@@ -8,6 +8,10 @@ const BELOW_WAVE = WAVE_OVERLAP_PX / 2;
|
|
|
8
8
|
export const HeaderBand = styled(Container) `
|
|
9
9
|
margin-bottom: ${BELOW_WAVE}px;
|
|
10
10
|
|
|
11
|
+
&&& {
|
|
12
|
+
flex-grow: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
11
15
|
@media (max-width: 600px) {
|
|
12
16
|
margin-bottom: 0;
|
|
13
17
|
}
|
|
@@ -36,6 +40,26 @@ export const HeaderRow = styled.header `
|
|
|
36
40
|
padding: 1.25rem 0 ${WAVE_OVERLAP_PX / 2}px;
|
|
37
41
|
}
|
|
38
42
|
`;
|
|
43
|
+
export const CompactHeaderBand = styled(Container) `
|
|
44
|
+
border-bottom: 3px solid var(--color-dark-green);
|
|
45
|
+
|
|
46
|
+
&&& {
|
|
47
|
+
flex-grow: 0;
|
|
48
|
+
}
|
|
49
|
+
`;
|
|
50
|
+
export const RecordHeaderRow = styled(HeaderRow) `
|
|
51
|
+
align-items: center;
|
|
52
|
+
padding: 1.25rem 0;
|
|
53
|
+
|
|
54
|
+
@media (max-width: 600px) {
|
|
55
|
+
padding: 1rem 0;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&& h1 {
|
|
59
|
+
font-size: clamp(1.6rem, 2.6vw, 2.25rem);
|
|
60
|
+
line-height: 1.15;
|
|
61
|
+
}
|
|
62
|
+
`;
|
|
39
63
|
export const HeaderText = styled.div `
|
|
40
64
|
flex: 1 1 24rem;
|
|
41
65
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.styled.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,UAAU,GAAG,eAAe,GAAG,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;mBACxB,UAAU
|
|
1
|
+
{"version":3,"file":"PageHeader.styled.js","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,UAAU,GAAG,eAAe,GAAG,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;mBACxB,UAAU;;;;;;;;;CAS5B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;CAQlD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;oBASlB,eAAe,GAAG,YAAY;;;yBAGzB,eAAe,GAAG,CAAC;;CAE3C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;CAMjD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;;;;;;;CAY/C,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBnC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;CAM/B,CAAC"}
|
|
@@ -54,5 +54,6 @@ declare const _default: {
|
|
|
54
54
|
export default _default;
|
|
55
55
|
export * from "./types";
|
|
56
56
|
export { PageHeader } from "./PageHeader";
|
|
57
|
+
export type { PageHeaderSize } from "./PageHeader";
|
|
57
58
|
export { VisuallyHiddenTitle } from "./VisuallyHiddenTitle";
|
|
58
59
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,IAAI;;;yGAAc,CAAC;AAChC,eAAO,MAAM,GAAG;;;;;UAAa,CAAC;AAC9B,eAAO,MAAM,OAAO;;;;;UAAa,CAAC;AAElC,oBAAY,WAAW;IACrB,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,OAAO;IACT,EAAE,OAAO;CACV;;;;;;;;;;;;;;;;;;;;;;AAED,wBAME;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,IAAI;;;yGAAc,CAAC;AAChC,eAAO,MAAM,GAAG;;;;;UAAa,CAAC;AAC9B,eAAO,MAAM,OAAO;;;;;UAAa,CAAC;AAElC,oBAAY,WAAW;IACrB,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,OAAO;IACT,EAAE,OAAO;CACV;;;;;;;;;;;;;;;;;;;;;;AAED,wBAME;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAChC,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;AAC9B,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;AAElC,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,4CAAS,CAAA;IACT,4CAAS,CAAA;AACX,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,eAAe;IACb,SAAS;IACT,OAAO;IACP,OAAO;IACP,IAAI;IACJ,GAAG;CACJ,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAChC,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;AAC9B,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;AAElC,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,4CAAS,CAAA;IACT,4CAAS,CAAA;AACX,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,eAAe;IACb,SAAS;IACT,OAAO;IACP,OAAO;IACP,IAAI;IACJ,GAAG;CACJ,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AA+GpD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA8CA;AA+BD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAe,GAChB,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC/B,+BAeA"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useRef, useState } from "react";
|
|
3
4
|
import styled from "@emotion/styled";
|
|
4
|
-
import { Dialog as MuiDialog, Drawer as MuiDrawer, IconButton, } from "@mui/material";
|
|
5
|
+
import { Backdrop, Dialog as MuiDialog, Drawer as MuiDrawer, IconButton, Portal, Unstable_TrapFocus as FocusTrap, } from "@mui/material";
|
|
5
6
|
import CloseIcon from "@mui/icons-material/Close";
|
|
6
7
|
import { tokens, SPACE } from "@snokam/ui/tokens";
|
|
8
|
+
import { useDockedPanelWidth } from "./useDockedPanelWidth";
|
|
9
|
+
import { useEscapeToClose } from "./useEscapeToClose";
|
|
10
|
+
const PHONE = "@media (max-width: 599px)";
|
|
7
11
|
const OverlayHeader = styled.div `
|
|
8
12
|
display: flex;
|
|
9
13
|
align-items: center;
|
|
@@ -12,6 +16,10 @@ const OverlayHeader = styled.div `
|
|
|
12
16
|
padding: ${SPACE.lg} ${SPACE.xl};
|
|
13
17
|
border-bottom: 1px solid var(--o-border);
|
|
14
18
|
background: var(--o-surface-section);
|
|
19
|
+
|
|
20
|
+
${PHONE} {
|
|
21
|
+
padding: ${SPACE.md} ${SPACE.lg};
|
|
22
|
+
}
|
|
15
23
|
`;
|
|
16
24
|
const OverlayTitle = styled.h2 `
|
|
17
25
|
margin: 0;
|
|
@@ -19,8 +27,15 @@ const OverlayTitle = styled.h2 `
|
|
|
19
27
|
color: var(--o-text);
|
|
20
28
|
`;
|
|
21
29
|
const OverlayBody = styled.div `
|
|
30
|
+
flex: 1 1 auto;
|
|
31
|
+
min-height: 0;
|
|
22
32
|
padding: ${SPACE.xl};
|
|
23
33
|
overflow-y: auto;
|
|
34
|
+
overscroll-behavior: contain;
|
|
35
|
+
|
|
36
|
+
${PHONE} {
|
|
37
|
+
padding: ${SPACE.lg};
|
|
38
|
+
}
|
|
24
39
|
`;
|
|
25
40
|
const OverlayFooter = styled.div `
|
|
26
41
|
display: flex;
|
|
@@ -29,9 +44,48 @@ const OverlayFooter = styled.div `
|
|
|
29
44
|
gap: ${SPACE.md};
|
|
30
45
|
padding: ${SPACE.lg} ${SPACE.xl};
|
|
31
46
|
border-top: 1px solid var(--o-border);
|
|
47
|
+
|
|
48
|
+
${PHONE} {
|
|
49
|
+
flex-wrap: wrap;
|
|
50
|
+
padding: ${SPACE.md} ${SPACE.lg}
|
|
51
|
+
calc(${SPACE.md} + env(safe-area-inset-bottom, 0px));
|
|
52
|
+
}
|
|
32
53
|
`;
|
|
33
|
-
const
|
|
34
|
-
z-index:
|
|
54
|
+
const DrawerBackdrop = styled(Backdrop) `
|
|
55
|
+
z-index: 1299;
|
|
56
|
+
`;
|
|
57
|
+
const PanelDrawer = styled(MuiDrawer, {
|
|
58
|
+
shouldForwardProp: (prop) => prop !== "$offset",
|
|
59
|
+
}) `
|
|
60
|
+
& .MuiDrawer-paper {
|
|
61
|
+
z-index: 1300;
|
|
62
|
+
right: ${({ $offset }) => $offset}px;
|
|
63
|
+
border-left: 1px solid var(--o-border);
|
|
64
|
+
background: var(--o-surface-section);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
&[data-docked="true"] .MuiDrawer-paper {
|
|
68
|
+
top: calc(
|
|
69
|
+
var(--admin-topbar-height, 64px) + var(--impersonation-banner-height, 0px)
|
|
70
|
+
);
|
|
71
|
+
height: calc(
|
|
72
|
+
100% - var(--admin-topbar-height, 64px) - var(
|
|
73
|
+
--impersonation-banner-height,
|
|
74
|
+
0px
|
|
75
|
+
)
|
|
76
|
+
);
|
|
77
|
+
box-shadow: var(--o-shadow-card);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
${PHONE} {
|
|
81
|
+
& .MuiDrawer-paper,
|
|
82
|
+
&[data-docked="true"] .MuiDrawer-paper {
|
|
83
|
+
top: 0;
|
|
84
|
+
right: 0;
|
|
85
|
+
height: 100dvh;
|
|
86
|
+
border-left: none;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
35
89
|
`;
|
|
36
90
|
const DrawerPanel = styled.div `
|
|
37
91
|
display: flex;
|
|
@@ -42,13 +96,31 @@ const DrawerPanel = styled.div `
|
|
|
42
96
|
color: var(--o-text);
|
|
43
97
|
`;
|
|
44
98
|
export function Drawer({ open, onClose, title, footer, children, }) {
|
|
45
|
-
|
|
99
|
+
const panelOffset = useDockedPanelWidth(open);
|
|
100
|
+
const docked = open && panelOffset > 0;
|
|
101
|
+
const modal = open && !docked;
|
|
102
|
+
const closeRef = useRef(null);
|
|
103
|
+
const [exited, setExited] = useState(!open);
|
|
104
|
+
useEscapeToClose(open, onClose, closeRef);
|
|
105
|
+
if (open && exited)
|
|
106
|
+
setExited(false);
|
|
107
|
+
if (!open && exited)
|
|
108
|
+
return null;
|
|
109
|
+
return (_jsxs(Portal, { children: [_jsx(DrawerBackdrop, { open: modal, onClick: onClose }), _jsx(FocusTrap, { open: modal, disableRestoreFocus: true, children: _jsx(PanelDrawer, { anchor: "right", variant: "persistent", open: open, slotProps: { transition: { onExited: () => setExited(true) } }, "data-docked": docked, "$offset": docked ? panelOffset : 0, children: _jsxs(DrawerPanel, { role: docked ? "complementary" : "dialog", "aria-modal": modal || undefined, "aria-label": title, children: [_jsxs(OverlayHeader, { children: [_jsx(OverlayTitle, { children: title }), _jsx(IconButton, { ref: closeRef, onClick: onClose, "aria-label": "Lukk", size: "small", children: _jsx(CloseIcon, {}) })] }), _jsx(OverlayBody, { children: children }), footer ? _jsx(OverlayFooter, { children: footer }) : null] }) }) })] }));
|
|
46
110
|
}
|
|
47
111
|
const StyledDialog = styled(MuiDialog) `
|
|
48
112
|
& .MuiDialog-paper {
|
|
49
113
|
margin: ${SPACE.lg};
|
|
50
114
|
max-width: calc(100vw - ${SPACE.lg} * 2);
|
|
51
115
|
}
|
|
116
|
+
|
|
117
|
+
${PHONE} {
|
|
118
|
+
& .MuiDialog-paper {
|
|
119
|
+
margin: ${SPACE.sm};
|
|
120
|
+
max-width: calc(100vw - ${SPACE.sm} * 2);
|
|
121
|
+
max-height: calc(100dvh - ${SPACE.sm} * 2);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
52
124
|
`;
|
|
53
125
|
const DialogPanel = styled.div `
|
|
54
126
|
display: flex;
|
|
@@ -57,6 +129,11 @@ const DialogPanel = styled.div `
|
|
|
57
129
|
color: var(--o-text);
|
|
58
130
|
min-width: min(440px, calc(100vw - ${SPACE.lg} * 2));
|
|
59
131
|
max-width: 100%;
|
|
132
|
+
|
|
133
|
+
${PHONE} {
|
|
134
|
+
min-width: calc(100vw - ${SPACE.sm} * 2);
|
|
135
|
+
max-height: 100%;
|
|
136
|
+
}
|
|
60
137
|
`;
|
|
61
138
|
export function Dialog({ open, onClose, title, footer, children, maxWidth = "sm", }) {
|
|
62
139
|
return (_jsx(StyledDialog, { open: open, onClose: onClose, maxWidth: maxWidth, children: _jsxs(DialogPanel, { children: [_jsxs(OverlayHeader, { children: [_jsx(OverlayTitle, { children: title }), _jsx(IconButton, { onClick: onClose, "aria-label": "Lukk", size: "small", children: _jsx(CloseIcon, {}) })] }), _jsx(OverlayBody, { children: children }), footer ? _jsx(OverlayFooter, { children: footer }) : null] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/overlay/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/overlay/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDockedPanelWidth.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/useDockedPanelWidth.ts"],"names":[],"mappings":"AAeA,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAoB3D"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
const PANEL_WIDTH_VAR = "--olaf-panel-width";
|
|
4
|
+
function readPanelWidth() {
|
|
5
|
+
if (typeof document === "undefined")
|
|
6
|
+
return 0;
|
|
7
|
+
const raw = getComputedStyle(document.documentElement)
|
|
8
|
+
.getPropertyValue(PANEL_WIDTH_VAR)
|
|
9
|
+
.trim();
|
|
10
|
+
const width = Number.parseFloat(raw);
|
|
11
|
+
return Number.isFinite(width) ? width : 0;
|
|
12
|
+
}
|
|
13
|
+
export function useDockedPanelWidth(active) {
|
|
14
|
+
const [width, setWidth] = useState(0);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (!active)
|
|
17
|
+
return;
|
|
18
|
+
const update = () => setWidth(readPanelWidth());
|
|
19
|
+
update();
|
|
20
|
+
const observer = new MutationObserver(update);
|
|
21
|
+
observer.observe(document.documentElement, {
|
|
22
|
+
attributes: true,
|
|
23
|
+
attributeFilter: ["style"],
|
|
24
|
+
});
|
|
25
|
+
window.addEventListener("resize", update);
|
|
26
|
+
return () => {
|
|
27
|
+
observer.disconnect();
|
|
28
|
+
window.removeEventListener("resize", update);
|
|
29
|
+
};
|
|
30
|
+
}, [active]);
|
|
31
|
+
return active ? width : 0;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=useDockedPanelWidth.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDockedPanelWidth.js","sourceRoot":"","sources":["../../../src/components/overlay/useDockedPanelWidth.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,eAAe,GAAG,oBAAoB,CAAC;AAE7C,SAAS,cAAc;IACrB,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC;SACnD,gBAAgB,CAAC,eAAe,CAAC;SACjC,IAAI,EAAE,CAAC;IACV,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACrC,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,MAAe;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;QAChD,MAAM,EAAE,CAAC;QACT,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC9C,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;YACzC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,CAAC;SAC3B,CAAC,CAAC;QACH,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEscapeToClose.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/useEscapeToClose.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,IAAI,EACnB,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QA0B5C"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
export function useEscapeToClose(active, onClose, initialFocus) {
|
|
4
|
+
const closeRef = useRef(onClose);
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
closeRef.current = onClose;
|
|
7
|
+
}, [onClose]);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
if (!active)
|
|
10
|
+
return;
|
|
11
|
+
const previous = document.activeElement instanceof HTMLElement
|
|
12
|
+
? document.activeElement
|
|
13
|
+
: null;
|
|
14
|
+
initialFocus.current?.focus();
|
|
15
|
+
const onKey = (event) => {
|
|
16
|
+
if (event.key === "Escape" && !event.defaultPrevented) {
|
|
17
|
+
closeRef.current();
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
window.addEventListener("keydown", onKey);
|
|
21
|
+
return () => {
|
|
22
|
+
window.removeEventListener("keydown", onKey);
|
|
23
|
+
if (previous?.isConnected)
|
|
24
|
+
previous.focus();
|
|
25
|
+
};
|
|
26
|
+
}, [active, initialFocus]);
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=useEscapeToClose.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEscapeToClose.js","sourceRoot":"","sources":["../../../src/components/overlay/useEscapeToClose.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,UAAU,gBAAgB,CAC9B,MAAe,EACf,OAAmB,EACnB,YAA2C;IAE3C,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;IAC7B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,QAAQ,GACZ,QAAQ,CAAC,aAAa,YAAY,WAAW;YAC3C,CAAC,CAAC,QAAQ,CAAC,aAAa;YACxB,CAAC,CAAC,IAAI,CAAC;QACX,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC9B,MAAM,KAAK,GAAG,CAAC,KAAoB,EAAE,EAAE;YACrC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBACtD,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAC7C,IAAI,QAAQ,EAAE,WAAW;gBAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAC7B,CAAC"}
|
package/dist/styles/global.css
CHANGED
|
@@ -250,3 +250,19 @@ li {
|
|
|
250
250
|
font-size: 2.5rem;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
|
+
|
|
254
|
+
@supports (-webkit-touch-callout: none) {
|
|
255
|
+
input,
|
|
256
|
+
textarea,
|
|
257
|
+
select {
|
|
258
|
+
font-size: max(16px, 1em) !important;
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
@media (pointer: coarse) {
|
|
263
|
+
.MuiButtonBase-root::after {
|
|
264
|
+
content: "";
|
|
265
|
+
position: absolute;
|
|
266
|
+
inset: min(0px, calc((100% - 44px) / 2));
|
|
267
|
+
}
|
|
268
|
+
}
|
|
@@ -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;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAM7D,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,eAAe,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC;CAC1B;AAMD,wBAAsB,oBAAoB,CACxC,OAAO,CAAC,EAAE,OAAO,GAChB,OAAO,CAAC,kBAAkB,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;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAM7D,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,eAAe,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC;CAC1B;AAMD,wBAAsB,oBAAoB,CACxC,OAAO,CAAC,EAAE,OAAO,GAChB,OAAO,CAAC,kBAAkB,CAAC,CAsB7B;AAKD,wBAAsB,2BAA2B,IAAI,OAAO,CAAC,aAAa,CAAC,CAQ1E;AAED,eAAO,MAAM,oBAAoB,0gCAoChC,CAAC"}
|
package/dist/theme/server.js
CHANGED
|
@@ -9,8 +9,10 @@ export async function getServerColorScheme(session) {
|
|
|
9
9
|
const store = await cookies();
|
|
10
10
|
const themeCookie = store.get(THEME_KEY)?.value;
|
|
11
11
|
const modeCookie = store.get(MODE_KEY)?.value;
|
|
12
|
-
const
|
|
13
|
-
|
|
12
|
+
const impersonating = isImpersonating(store.get(IMP_ACTIVE_COOKIE)?.value);
|
|
13
|
+
const sessionMode = impersonating
|
|
14
|
+
? undefined
|
|
15
|
+
: session?.colorScheme;
|
|
14
16
|
const fromSession = isMode(sessionMode) ? sessionMode : undefined;
|
|
15
17
|
const fromCookie = isMode(modeCookie) ? modeCookie : undefined;
|
|
16
18
|
const initialMode = fromSession ?? fromCookie ?? "system";
|
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;AAGvC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,SAAS,GAAG,oBAAoB,CAAC;AACvC,MAAM,QAAQ,GAAG,mBAAmB,CAAC;AAOrC,SAAS,MAAM,CAAC,KAAc;IAC5B,OAAO,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC;AACrE,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,OAAiB;IAEjB,MAAM,KAAK,GAAG,MAAM,OAAO,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC;IAChD,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAE9C,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"server.js","sourceRoot":"","sources":["../../src/theme/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,SAAS,GAAG,oBAAoB,CAAC;AACvC,MAAM,QAAQ,GAAG,mBAAmB,CAAC;AAOrC,SAAS,MAAM,CAAC,KAAc;IAC5B,OAAO,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC;AACrE,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,OAAiB;IAEjB,MAAM,KAAK,GAAG,MAAM,OAAO,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC;IAChD,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAE9C,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,aAAa;QAC/B,CAAC,CAAC,SAAS;QACX,CAAC,CAAE,OAAwD,EAAE,WAAW,CAAC;IAC3E,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAClE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/D,MAAM,WAAW,GAAoB,WAAW,IAAI,UAAU,IAAI,QAAQ,CAAC;IAE3E,MAAM,YAAY,GAChB,WAAW,KAAK,MAAM;QACpB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,WAAW,KAAK,OAAO;YACvB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,WAAW,KAAK,MAAM;gBACtB,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AACvC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCnC,CAAC"}
|
package/package.json
CHANGED