@tooee/layout 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppLayout.d.ts.map +1 -1
- package/dist/AppLayout.js +2 -1
- package/dist/AppLayout.js.map +1 -1
- package/package.json +4 -3
- package/src/AppLayout.tsx +17 -9
package/dist/AppLayout.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../src/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAGxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAEnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../src/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAGxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAEnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAKpD,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,SAAS,EAAE;QAAE,KAAK,EAAE,aAAa,EAAE,CAAA;KAAE,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;IACjD,WAAW,CAAC,EAAE;QACZ,YAAY,CAAC,EAAE,OAAO,CAAA;QACtB,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;QAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB,CAAA;IACD,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,cAAc,aA4ChB"}
|
package/dist/AppLayout.js
CHANGED
|
@@ -4,10 +4,11 @@ import { StatusBar } from "./StatusBar.js";
|
|
|
4
4
|
import { SearchBar } from "./SearchBar.js";
|
|
5
5
|
import { useTheme } from "@tooee/themes";
|
|
6
6
|
import { useCurrentOverlay } from "@tooee/overlays";
|
|
7
|
+
import { ToastContainer } from "@tooee/toasts";
|
|
7
8
|
export function AppLayout({ titleBar, statusBar, scrollRef, scrollProps, searchBar, overlay, children, }) {
|
|
8
9
|
const { theme } = useTheme();
|
|
9
10
|
const contextOverlay = useCurrentOverlay();
|
|
10
11
|
const activeOverlay = overlay ?? contextOverlay;
|
|
11
|
-
return (_jsxs("box", { flexDirection: "column", width: "100%", height: "100%", backgroundColor: theme.background, children: [titleBar && _jsx(TitleBar, { title: titleBar.title, subtitle: titleBar.subtitle }), _jsxs("box", { style: { flexGrow: 1, position: "relative" }, children: [_jsx("scrollbox", { ref: scrollRef, style: { flexGrow: 1 }, stickyScroll: scrollProps?.stickyScroll, stickyStart: scrollProps?.stickyStart, focused: scrollProps?.focused ?? true, children: children }), activeOverlay && (_jsx("box", { position: "absolute", left: 0, top: 0, width: "100%", height: "100%", children: activeOverlay }))] }), searchBar?.active ? (_jsx(SearchBar, { query: searchBar.query, onQueryChange: searchBar.onQueryChange, onSubmit: searchBar.onSubmit, onCancel: searchBar.onCancel, matchCount: searchBar.matchCount, currentMatch: searchBar.currentMatch })) : (_jsx(StatusBar, { items: statusBar.items }))] }));
|
|
12
|
+
return (_jsxs("box", { flexDirection: "column", width: "100%", height: "100%", backgroundColor: theme.background, children: [titleBar && _jsx(TitleBar, { title: titleBar.title, subtitle: titleBar.subtitle }), _jsxs("box", { style: { flexGrow: 1, position: "relative" }, children: [scrollRef ? (_jsx("scrollbox", { ref: scrollRef, style: { flexGrow: 1 }, stickyScroll: scrollProps?.stickyScroll, stickyStart: scrollProps?.stickyStart, focused: scrollProps?.focused ?? true, children: children })) : (_jsx("box", { style: { flexGrow: 1, overflow: "hidden" }, children: children })), activeOverlay && (_jsx("box", { position: "absolute", left: 0, top: 0, width: "100%", height: "100%", children: activeOverlay })), _jsx(ToastContainer, {})] }), searchBar?.active ? (_jsx(SearchBar, { query: searchBar.query, onQueryChange: searchBar.onQueryChange, onSubmit: searchBar.onSubmit, onCancel: searchBar.onCancel, matchCount: searchBar.matchCount, currentMatch: searchBar.currentMatch })) : (_jsx(StatusBar, { items: statusBar.items }))] }));
|
|
12
13
|
}
|
|
13
14
|
//# sourceMappingURL=AppLayout.js.map
|
package/dist/AppLayout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLayout.js","sourceRoot":"","sources":["../src/AppLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"AppLayout.js","sourceRoot":"","sources":["../src/AppLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAoB9C,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACO;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC5B,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAC1C,MAAM,aAAa,GAAG,OAAO,IAAI,cAAc,CAAA;IAC/C,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,eAAe,EAAE,KAAK,CAAC,UAAU,aACrF,QAAQ,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAAI,EAC7E,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,aAC9C,SAAS,CAAC,CAAC,CAAC,CACX,oBACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EACtB,YAAY,EAAE,WAAW,EAAE,YAAY,EACvC,WAAW,EAAE,WAAW,EAAE,WAAW,EACrC,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,IAAI,YAEpC,QAAQ,GACC,CACb,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAC5C,QAAQ,GACL,CACP,EACA,aAAa,IAAI,CAChB,cAAK,QAAQ,EAAC,UAAU,EAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,YACjE,aAAa,GACV,CACP,EACD,KAAC,cAAc,KAAG,IACd,EACL,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,SAAS,IACR,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,aAAa,EAAE,SAAS,CAAC,aAAa,EACtC,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,UAAU,EAAE,SAAS,CAAC,UAAU,EAChC,YAAY,EAAE,SAAS,CAAC,YAAY,GACpC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,GAAI,CACtC,IACG,CACP,CAAA;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tooee/layout",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.6",
|
|
4
4
|
"description": "Standard app chrome (title bar, status bar) for Tooee",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Gareth Andrew",
|
|
@@ -35,8 +35,9 @@
|
|
|
35
35
|
"typecheck": "tsc --noEmit"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@tooee/themes": "0.1.
|
|
39
|
-
"@tooee/overlays": "0.1.
|
|
38
|
+
"@tooee/themes": "0.1.6",
|
|
39
|
+
"@tooee/overlays": "0.1.6",
|
|
40
|
+
"@tooee/toasts": "0.1.6"
|
|
40
41
|
},
|
|
41
42
|
"devDependencies": {
|
|
42
43
|
"@opentui/core": "^0.1.67",
|
package/src/AppLayout.tsx
CHANGED
|
@@ -7,6 +7,7 @@ import { SearchBar } from "./SearchBar.js"
|
|
|
7
7
|
import type { SearchBarProps } from "./SearchBar.js"
|
|
8
8
|
import { useTheme } from "@tooee/themes"
|
|
9
9
|
import { useCurrentOverlay } from "@tooee/overlays"
|
|
10
|
+
import { ToastContainer } from "@tooee/toasts"
|
|
10
11
|
|
|
11
12
|
export interface AppLayoutSearchBar extends SearchBarProps {
|
|
12
13
|
active: boolean
|
|
@@ -42,20 +43,27 @@ export function AppLayout({
|
|
|
42
43
|
<box flexDirection="column" width="100%" height="100%" backgroundColor={theme.background}>
|
|
43
44
|
{titleBar && <TitleBar title={titleBar.title} subtitle={titleBar.subtitle} />}
|
|
44
45
|
<box style={{ flexGrow: 1, position: "relative" }}>
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
{scrollRef ? (
|
|
47
|
+
<scrollbox
|
|
48
|
+
ref={scrollRef}
|
|
49
|
+
style={{ flexGrow: 1 }}
|
|
50
|
+
stickyScroll={scrollProps?.stickyScroll}
|
|
51
|
+
stickyStart={scrollProps?.stickyStart}
|
|
52
|
+
focused={scrollProps?.focused ?? true}
|
|
53
|
+
>
|
|
54
|
+
{children}
|
|
55
|
+
</scrollbox>
|
|
56
|
+
) : (
|
|
57
|
+
<box style={{ flexGrow: 1, overflow: "hidden" }}>
|
|
58
|
+
{children}
|
|
59
|
+
</box>
|
|
60
|
+
)}
|
|
54
61
|
{activeOverlay && (
|
|
55
62
|
<box position="absolute" left={0} top={0} width="100%" height="100%">
|
|
56
63
|
{activeOverlay}
|
|
57
64
|
</box>
|
|
58
65
|
)}
|
|
66
|
+
<ToastContainer />
|
|
59
67
|
</box>
|
|
60
68
|
{searchBar?.active ? (
|
|
61
69
|
<SearchBar
|