@duro-app/ui 5.7.0 → 5.8.1
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/{Table-Dj7PXqO_.js → Table-CAjPFgTX.js} +397 -394
- package/dist/Table-CAjPFgTX.js.map +1 -0
- package/dist/{compiler-runtime-B2IcI8_O.js → compiler-runtime-BuugS4D0.js} +67 -59
- package/dist/{compiler-runtime-B2IcI8_O.js.map → compiler-runtime-BuugS4D0.js.map} +1 -1
- package/dist/components/AppShell/AppShell.d.ts +74 -0
- package/dist/components/AppShell/AppShell.d.ts.map +1 -0
- package/dist/components/AppShell/AppShell.meta.d.ts +3 -0
- package/dist/components/AppShell/AppShell.meta.d.ts.map +1 -0
- package/dist/components/AppShell/AppShell.stories.d.ts +192 -0
- package/dist/components/AppShell/AppShell.stories.d.ts.map +1 -0
- package/dist/components/AppShell/styles.css.d.ts +187 -0
- package/dist/components/AppShell/styles.css.d.ts.map +1 -0
- package/dist/components/Aside/Aside.d.ts +23 -0
- package/dist/components/Aside/Aside.d.ts.map +1 -0
- package/dist/components/Aside/Aside.meta.d.ts +3 -0
- package/dist/components/Aside/Aside.meta.d.ts.map +1 -0
- package/dist/components/Aside/Aside.stories.d.ts +45 -0
- package/dist/components/Aside/Aside.stories.d.ts.map +1 -0
- package/dist/components/Aside/styles.css.d.ts +44 -0
- package/dist/components/Aside/styles.css.d.ts.map +1 -0
- package/dist/components/Button/styles.css.d.ts +2 -0
- package/dist/components/Button/styles.css.d.ts.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +3 -3
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.d.ts +29 -0
- package/dist/components/CodeBlock/CodeBlock.d.ts.map +1 -0
- package/dist/components/CodeBlock/CodeBlock.meta.d.ts +3 -0
- package/dist/components/CodeBlock/CodeBlock.meta.d.ts.map +1 -0
- package/dist/components/CodeBlock/CodeBlock.stories.d.ts +73 -0
- package/dist/components/CodeBlock/CodeBlock.stories.d.ts.map +1 -0
- package/dist/components/CodeBlock/styles.css.d.ts +41 -0
- package/dist/components/CodeBlock/styles.css.d.ts.map +1 -0
- package/dist/components/Grid/Grid.d.ts +13 -4
- package/dist/components/Grid/Grid.d.ts.map +1 -1
- package/dist/components/Grid/Grid.meta.d.ts.map +1 -1
- package/dist/components/Grid/Grid.stories.d.ts +28 -0
- package/dist/components/Grid/Grid.stories.d.ts.map +1 -1
- package/dist/components/Grid/styles.css.d.ts +3 -0
- package/dist/components/Grid/styles.css.d.ts.map +1 -1
- package/dist/components/Heading/Heading.d.ts +3 -1
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/Heading/Heading.stories.d.ts +9 -0
- package/dist/components/Heading/Heading.stories.d.ts.map +1 -0
- package/dist/components/LinkButton/LinkButton.stories.d.ts +7 -0
- package/dist/components/LinkButton/LinkButton.stories.d.ts.map +1 -1
- package/dist/components/LinkButton/styles.css.d.ts +2 -0
- package/dist/components/LinkButton/styles.css.d.ts.map +1 -1
- package/dist/components/LiveRegion/LiveRegion.d.ts +28 -0
- package/dist/components/LiveRegion/LiveRegion.d.ts.map +1 -0
- package/dist/components/LiveRegion/LiveRegion.meta.d.ts +3 -0
- package/dist/components/LiveRegion/LiveRegion.meta.d.ts.map +1 -0
- package/dist/components/LiveRegion/LiveRegion.stories.d.ts +66 -0
- package/dist/components/LiveRegion/LiveRegion.stories.d.ts.map +1 -0
- package/dist/components/Menu/Menu.stories.d.ts +7 -0
- package/dist/components/Menu/Menu.stories.d.ts.map +1 -1
- package/dist/components/Menu/styles.css.d.ts +2 -0
- package/dist/components/Menu/styles.css.d.ts.map +1 -1
- package/dist/components/PageNav/styles.css.d.ts +1 -1
- package/dist/components/Prose/Prose.d.ts +17 -0
- package/dist/components/Prose/Prose.d.ts.map +1 -0
- package/dist/components/Prose/Prose.meta.d.ts +3 -0
- package/dist/components/Prose/Prose.meta.d.ts.map +1 -0
- package/dist/components/Prose/Prose.stories.d.ts +63 -0
- package/dist/components/Prose/Prose.stories.d.ts.map +1 -0
- package/dist/components/SideNav/SideNav.d.ts +7 -1
- package/dist/components/SideNav/SideNav.d.ts.map +1 -1
- package/dist/components/SideNav/SideNav.stories.d.ts +3 -0
- package/dist/components/SideNav/SideNav.stories.d.ts.map +1 -1
- package/dist/components/Time/Time.d.ts +26 -0
- package/dist/components/Time/Time.d.ts.map +1 -0
- package/dist/components/Time/Time.meta.d.ts +3 -0
- package/dist/components/Time/Time.meta.d.ts.map +1 -0
- package/dist/components/Time/Time.stories.d.ts +77 -0
- package/dist/components/Time/Time.stories.d.ts.map +1 -0
- package/dist/components/Time/relative.d.ts +27 -0
- package/dist/components/Time/relative.d.ts.map +1 -0
- package/dist/form.js +1 -1
- package/dist/hooks/useContainerBelow.d.ts +18 -0
- package/dist/hooks/useContainerBelow.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4870 -4183
- package/dist/index.js.map +1 -1
- package/dist/table.js +2 -2
- package/package.json +2 -2
- package/src/components/AppShell/AppShell.meta.ts +62 -0
- package/src/components/AppShell/AppShell.stories.tsx +825 -0
- package/src/components/AppShell/AppShell.tsx +346 -0
- package/src/components/AppShell/styles.css.ts +219 -0
- package/src/components/Aside/Aside.meta.ts +33 -0
- package/src/components/Aside/Aside.stories.tsx +106 -0
- package/src/components/Aside/Aside.tsx +42 -0
- package/src/components/Aside/styles.css.ts +60 -0
- package/src/components/Button/styles.css.ts +7 -2
- package/src/components/ButtonGroup/ButtonGroup.stories.tsx +4 -5
- package/src/components/CodeBlock/CodeBlock.meta.ts +29 -0
- package/src/components/CodeBlock/CodeBlock.stories.tsx +192 -0
- package/src/components/CodeBlock/CodeBlock.tsx +99 -0
- package/src/components/CodeBlock/styles.css.ts +48 -0
- package/src/components/Grid/Grid.meta.ts +2 -1
- package/src/components/Grid/Grid.stories.tsx +202 -3
- package/src/components/Grid/Grid.tsx +35 -6
- package/src/components/Grid/styles.css.ts +11 -0
- package/src/components/Heading/Heading.stories.tsx +51 -0
- package/src/components/Heading/Heading.tsx +38 -7
- package/src/components/LinkButton/LinkButton.stories.tsx +41 -1
- package/src/components/LinkButton/styles.css.ts +6 -2
- package/src/components/LiveRegion/LiveRegion.meta.ts +29 -0
- package/src/components/LiveRegion/LiveRegion.stories.tsx +139 -0
- package/src/components/LiveRegion/LiveRegion.tsx +48 -0
- package/src/components/Menu/Menu.stories.tsx +62 -0
- package/src/components/Menu/styles.css.ts +6 -3
- package/src/components/Prose/Prose.meta.ts +32 -0
- package/src/components/Prose/Prose.stories.tsx +240 -0
- package/src/components/Prose/Prose.tsx +25 -0
- package/src/components/Prose/prose.css +179 -0
- package/src/components/SideNav/SideNav.stories.tsx +29 -0
- package/src/components/SideNav/SideNav.tsx +14 -2
- package/src/components/Time/Time.meta.ts +17 -0
- package/src/components/Time/Time.stories.tsx +173 -0
- package/src/components/Time/Time.tsx +33 -0
- package/src/components/Time/relative.ts +89 -0
- package/src/hooks/useContainerBelow.ts +39 -0
- package/src/index.ts +13 -1
- package/src/strict.css +4 -1
- package/dist/Table-Dj7PXqO_.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import A from "react";
|
|
2
2
|
/**
|
|
3
3
|
* @license react-strict-dom
|
|
4
4
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
@@ -10,52 +10,52 @@ var q = {};
|
|
|
10
10
|
Object.defineProperty(q, "__esModule", {
|
|
11
11
|
value: !0
|
|
12
12
|
});
|
|
13
|
-
var D = q.styleq = void 0, C = /* @__PURE__ */ new WeakMap(),
|
|
14
|
-
function
|
|
13
|
+
var D = q.styleq = void 0, C = /* @__PURE__ */ new WeakMap(), H = "$$css";
|
|
14
|
+
function E(t) {
|
|
15
15
|
var i, l, d;
|
|
16
16
|
return t != null && (i = t.disableCache === !0, l = t.disableMix === !0, d = t.transform), function() {
|
|
17
|
-
for (var s = [], o = "", n = null, c = "", r = i ? null : C, u = new Array(arguments.length),
|
|
18
|
-
u[
|
|
17
|
+
for (var s = [], o = "", n = null, c = "", r = i ? null : C, u = new Array(arguments.length), x = 0; x < arguments.length; x++)
|
|
18
|
+
u[x] = arguments[x];
|
|
19
19
|
for (; u.length > 0; ) {
|
|
20
20
|
var m = u.pop();
|
|
21
21
|
if (!(m == null || m === !1)) {
|
|
22
22
|
if (Array.isArray(m)) {
|
|
23
|
-
for (var
|
|
24
|
-
u.push(m[
|
|
23
|
+
for (var _ = 0; _ < m.length; _++)
|
|
24
|
+
u.push(m[_]);
|
|
25
25
|
continue;
|
|
26
26
|
}
|
|
27
27
|
var a = d != null ? d(m) : m;
|
|
28
28
|
if (a.$$css != null) {
|
|
29
29
|
var f = "";
|
|
30
30
|
if (r != null && r.has(a)) {
|
|
31
|
-
var
|
|
32
|
-
|
|
31
|
+
var g = r.get(a);
|
|
32
|
+
g != null && (f = g[0], c = g[2], s.push.apply(s, g[1]), r = g[3]);
|
|
33
33
|
} else {
|
|
34
|
-
var
|
|
34
|
+
var M = [];
|
|
35
35
|
for (var p in a) {
|
|
36
36
|
var v = a[p];
|
|
37
|
-
if (p ===
|
|
38
|
-
var
|
|
39
|
-
|
|
37
|
+
if (p === H) {
|
|
38
|
+
var y = a[p];
|
|
39
|
+
y !== !0 && (c = c ? y + "; " + c : y);
|
|
40
40
|
continue;
|
|
41
41
|
}
|
|
42
|
-
typeof v == "string" || v === null ? s.includes(p) || (s.push(p), r != null &&
|
|
42
|
+
typeof v == "string" || v === null ? s.includes(p) || (s.push(p), r != null && M.push(p), typeof v == "string" && (f += f ? " " + v : v)) : console.error("styleq: ".concat(p, " typeof ").concat(String(v), ' is not "string" or "null".'));
|
|
43
43
|
}
|
|
44
44
|
if (r != null) {
|
|
45
|
-
var
|
|
46
|
-
r.set(a, [f,
|
|
45
|
+
var N = /* @__PURE__ */ new WeakMap();
|
|
46
|
+
r.set(a, [f, M, c, N]), r = N;
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
f && (o = o ? f + " " + o : f);
|
|
50
50
|
} else if (l)
|
|
51
51
|
n == null && (n = {}), n = Object.assign({}, a, n);
|
|
52
52
|
else {
|
|
53
|
-
var
|
|
53
|
+
var k = null;
|
|
54
54
|
for (var R in a) {
|
|
55
|
-
var
|
|
56
|
-
|
|
55
|
+
var j = a[R];
|
|
56
|
+
j !== void 0 && (s.includes(R) || (j != null && (n == null && (n = {}), k == null && (k = {}), k[R] = j), s.push(R), r = null));
|
|
57
57
|
}
|
|
58
|
-
|
|
58
|
+
k != null && (n = Object.assign(k, n));
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}
|
|
@@ -63,22 +63,22 @@ function z(t) {
|
|
|
63
63
|
return T;
|
|
64
64
|
};
|
|
65
65
|
}
|
|
66
|
-
var
|
|
67
|
-
|
|
68
|
-
const
|
|
66
|
+
var P = D = q.styleq = E();
|
|
67
|
+
P.factory = E;
|
|
68
|
+
const U = D.factory({
|
|
69
69
|
disableMix: !0
|
|
70
70
|
});
|
|
71
|
-
function
|
|
72
|
-
const [i, l, d] =
|
|
73
|
-
if (i != null && i !== "" && (
|
|
71
|
+
function se(...t) {
|
|
72
|
+
const [i, l, d] = U(t), b = {};
|
|
73
|
+
if (i != null && i !== "" && (b.className = i), l != null && (b.style = l), d != null && d !== "") {
|
|
74
74
|
const s = d.split(";"), o = {};
|
|
75
75
|
for (const n of s) {
|
|
76
76
|
const c = n.trim(), [r, u] = c.split(":");
|
|
77
77
|
u != null && (o[r] = o[r] != null ? `${o[r]},${u}` : u);
|
|
78
78
|
}
|
|
79
|
-
|
|
79
|
+
b["data-style-src"] = Object.keys(o).map((n) => `${n}:${o[n]}`).join("; ");
|
|
80
80
|
}
|
|
81
|
-
return
|
|
81
|
+
return b;
|
|
82
82
|
}
|
|
83
83
|
const e = {
|
|
84
84
|
block: {
|
|
@@ -104,6 +104,12 @@ const e = {
|
|
|
104
104
|
"borderWidth-kMzoRj": "borderWidth-xmkeg23",
|
|
105
105
|
$$css: ".pnpm:web/runtime.js:178"
|
|
106
106
|
},
|
|
107
|
+
codePre: {
|
|
108
|
+
"fontFamily-kMv6JI": "fontFamily-x1lxnp44",
|
|
109
|
+
"fontSize-kGuDYH": "fontSize-xrv4cvt",
|
|
110
|
+
"overflow-kVQacm": "overflow-xysyzu8",
|
|
111
|
+
$$css: ".pnpm:web/runtime.js:181"
|
|
112
|
+
},
|
|
107
113
|
heading: {
|
|
108
114
|
"fontSize-kGuDYH": "fontSize-xngnso2",
|
|
109
115
|
"wordWrap-kD5eJx": "wordWrap-x1vvkbs",
|
|
@@ -124,29 +130,31 @@ const e = {
|
|
|
124
130
|
"resize-kHenm0": "resize-x288g5",
|
|
125
131
|
$$css: ".pnpm:web/runtime.js:212"
|
|
126
132
|
}
|
|
127
|
-
},
|
|
128
|
-
a:
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
133
|
+
}, I = e.inline, Y = e.block, G = [e.inlineblock, e.button], L = e.block, V = e.block, h = [e.block, e.heading], J = e.block, X = [e.inlineblock, e.input], F = e.inline, B = e.block, Q = e.block, Z = e.block, K = e.block, ee = [e.block, e.codePre], ne = e.inline, re = [e.inlineblock, e.textarea], te = [e.list, e.block], ce = {
|
|
134
|
+
a: I,
|
|
135
|
+
aside: Y,
|
|
136
|
+
button: G,
|
|
137
|
+
div: L,
|
|
138
|
+
form: V,
|
|
132
139
|
h1: h,
|
|
133
140
|
h2: h,
|
|
134
141
|
h3: h,
|
|
135
142
|
h4: h,
|
|
136
143
|
h5: h,
|
|
137
144
|
h6: h,
|
|
138
|
-
header:
|
|
145
|
+
header: J,
|
|
139
146
|
input: X,
|
|
140
|
-
label:
|
|
147
|
+
label: F,
|
|
141
148
|
li: B,
|
|
142
|
-
main:
|
|
143
|
-
nav:
|
|
144
|
-
p:
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
149
|
+
main: Q,
|
|
150
|
+
nav: Z,
|
|
151
|
+
p: K,
|
|
152
|
+
pre: ee,
|
|
153
|
+
span: ne,
|
|
154
|
+
textarea: re,
|
|
155
|
+
ul: te
|
|
148
156
|
};
|
|
149
|
-
var
|
|
157
|
+
var $ = { exports: {} }, S = {};
|
|
150
158
|
/**
|
|
151
159
|
* @license React
|
|
152
160
|
* react-compiler-runtime.production.js
|
|
@@ -156,11 +164,11 @@ var _ = { exports: {} }, S = {};
|
|
|
156
164
|
* This source code is licensed under the MIT license found in the
|
|
157
165
|
* LICENSE file in the root directory of this source tree.
|
|
158
166
|
*/
|
|
159
|
-
var
|
|
160
|
-
function
|
|
161
|
-
if (
|
|
162
|
-
|
|
163
|
-
var t =
|
|
167
|
+
var O;
|
|
168
|
+
function ie() {
|
|
169
|
+
if (O) return S;
|
|
170
|
+
O = 1;
|
|
171
|
+
var t = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
|
|
164
172
|
return S.c = function(i) {
|
|
165
173
|
return t.H.useMemoCache(i);
|
|
166
174
|
}, S;
|
|
@@ -175,10 +183,10 @@ var w = {};
|
|
|
175
183
|
* This source code is licensed under the MIT license found in the
|
|
176
184
|
* LICENSE file in the root directory of this source tree.
|
|
177
185
|
*/
|
|
178
|
-
var
|
|
179
|
-
function
|
|
180
|
-
return
|
|
181
|
-
var t =
|
|
186
|
+
var W;
|
|
187
|
+
function oe() {
|
|
188
|
+
return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
189
|
+
var t = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
|
|
182
190
|
w.c = function(i) {
|
|
183
191
|
var l = t.H;
|
|
184
192
|
return l === null && console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
|
|
@@ -189,14 +197,14 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
189
197
|
};
|
|
190
198
|
})()), w;
|
|
191
199
|
}
|
|
192
|
-
var
|
|
193
|
-
function
|
|
194
|
-
return
|
|
200
|
+
var z;
|
|
201
|
+
function ae() {
|
|
202
|
+
return z || (z = 1, process.env.NODE_ENV === "production" ? $.exports = ie() : $.exports = oe()), $.exports;
|
|
195
203
|
}
|
|
196
|
-
var
|
|
204
|
+
var ue = ae();
|
|
197
205
|
export {
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
206
|
+
ue as c,
|
|
207
|
+
ce as d,
|
|
208
|
+
se as m
|
|
201
209
|
};
|
|
202
|
-
//# sourceMappingURL=compiler-runtime-
|
|
210
|
+
//# sourceMappingURL=compiler-runtime-BuugS4D0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compiler-runtime-B2IcI8_O.js","sources":["../../../node_modules/.pnpm/react-strict-dom@0.0.55_postcss@8.5.28_react-dom@19.2.4_react@19.2.4__react-native@0.84_0ade363cd0c4e49834b1d723f1f3430e/node_modules/react-strict-dom/dist/web/runtime.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-compiler-runtime.production.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-compiler-runtime.development.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/compiler-runtime.js"],"sourcesContent":["/**\n * @license react-strict-dom\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\nimport * as stylex from '@stylexjs/stylex';\n\nvar styleq$1 = {};\n\nObject.defineProperty(styleq$1, \"__esModule\", {\n value: true\n});\nvar styleq_2 = styleq$1.styleq = void 0;\nvar cache = new WeakMap();\nvar compiledKey = '$$css';\nfunction createStyleq(options) {\n var disableCache;\n var disableMix;\n var transform;\n if (options != null) {\n disableCache = options.disableCache === true;\n disableMix = options.disableMix === true;\n transform = options.transform;\n }\n return function styleq() {\n var definedProperties = [];\n var className = '';\n var inlineStyle = null;\n var debugString = '';\n var nextCache = disableCache ? null : cache;\n var styles = new Array(arguments.length);\n for (var i = 0; i < arguments.length; i++) {\n styles[i] = arguments[i];\n }\n while (styles.length > 0) {\n var possibleStyle = styles.pop();\n if (possibleStyle == null || possibleStyle === false) {\n continue;\n }\n if (Array.isArray(possibleStyle)) {\n for (var _i = 0; _i < possibleStyle.length; _i++) {\n styles.push(possibleStyle[_i]);\n }\n continue;\n }\n var style = transform != null ? transform(possibleStyle) : possibleStyle;\n if (style.$$css != null) {\n var classNameChunk = '';\n if (nextCache != null && nextCache.has(style)) {\n var cacheEntry = nextCache.get(style);\n if (cacheEntry != null) {\n classNameChunk = cacheEntry[0];\n debugString = cacheEntry[2];\n definedProperties.push.apply(definedProperties, cacheEntry[1]);\n nextCache = cacheEntry[3];\n }\n } else {\n var definedPropertiesChunk = [];\n for (var prop in style) {\n var value = style[prop];\n if (prop === compiledKey) {\n var compiledKeyValue = style[prop];\n if (compiledKeyValue !== true) {\n debugString = debugString ? compiledKeyValue + '; ' + debugString : compiledKeyValue;\n }\n continue;\n }\n if (typeof value === 'string' || value === null) {\n if (!definedProperties.includes(prop)) {\n definedProperties.push(prop);\n if (nextCache != null) {\n definedPropertiesChunk.push(prop);\n }\n if (typeof value === 'string') {\n classNameChunk += classNameChunk ? ' ' + value : value;\n }\n }\n } else {\n console.error(\"styleq: \".concat(prop, \" typeof \").concat(String(value), \" is not \\\"string\\\" or \\\"null\\\".\"));\n }\n }\n if (nextCache != null) {\n var weakMap = new WeakMap();\n nextCache.set(style, [classNameChunk, definedPropertiesChunk, debugString, weakMap]);\n nextCache = weakMap;\n }\n }\n if (classNameChunk) {\n className = className ? classNameChunk + ' ' + className : classNameChunk;\n }\n } else {\n if (disableMix) {\n if (inlineStyle == null) {\n inlineStyle = {};\n }\n inlineStyle = Object.assign({}, style, inlineStyle);\n } else {\n var subStyle = null;\n for (var _prop in style) {\n var _value = style[_prop];\n if (_value !== undefined) {\n if (!definedProperties.includes(_prop)) {\n if (_value != null) {\n if (inlineStyle == null) {\n inlineStyle = {};\n }\n if (subStyle == null) {\n subStyle = {};\n }\n subStyle[_prop] = _value;\n }\n definedProperties.push(_prop);\n nextCache = null;\n }\n }\n }\n if (subStyle != null) {\n inlineStyle = Object.assign(subStyle, inlineStyle);\n }\n }\n }\n }\n var styleProps = [className, inlineStyle, debugString];\n return styleProps;\n };\n}\nvar styleq = styleq_2 = styleq$1.styleq = createStyleq();\nstyleq.factory = createStyleq;\n\nconst optimizedStyleq = styleq_2.factory({\n disableMix: true\n});\nfunction merge(...styles) {\n const [className, style, dataStyleSrc] = optimizedStyleq(styles);\n const result = {};\n if (className != null && className !== '') {\n result.className = className;\n }\n if (style != null) {\n result.style = style;\n }\n if (dataStyleSrc != null && dataStyleSrc !== '') {\n const chunks = dataStyleSrc.split(';');\n const pathsMap = {};\n for (const chunk of chunks) {\n const trimmed = chunk.trim();\n const [path, line] = trimmed.split(':');\n if (line != null) {\n pathsMap[path] = pathsMap[path] != null ? `${pathsMap[path]},${line}` : line;\n }\n }\n result['data-style-src'] = Object.keys(pathsMap).map(path => `${path}:${pathsMap[path]}`).join('; ');\n }\n return result;\n}\n\nconst styles = stylex.create({\n block: {\n margin: 0,\n padding: 0\n },\n inline: {\n margin: 0,\n padding: 0,\n textDecoration: 'none',\n textAlign: 'inherit',\n wordWrap: 'break-word'\n },\n inlineblock: {\n borderStyle: 'solid',\n margin: 0,\n padding: 0\n },\n button: {\n borderWidth: 1\n },\n codePre: {\n fontFamily: 'monospace, \"monospace\"',\n fontSize: '1em',\n overflow: 'auto'\n },\n heading: {\n fontSize: '1.5rem',\n wordWrap: 'break-word'\n },\n hr: {\n backgroundColor: 'black',\n borderStyle: 'none',\n borderWidth: 0,\n boxSizing: 'border-box',\n height: 1\n },\n img: {\n aspectRatio: 'attr(width) / attr(height)',\n height: 'auto',\n maxWidth: '100%'\n },\n input: {\n borderWidth: 1,\n borderStyle: 'solid'\n },\n list: {\n listStyle: 'none'\n },\n strong: {\n fontWeight: 'bold'\n },\n textarea: {\n borderWidth: 1,\n borderStyle: 'solid',\n resize: 'vertical'\n }\n});\nconst a = styles.inline;\nconst article = styles.block;\nconst aside = styles.block;\nconst b = styles.inline;\nconst bdi = styles.inline;\nconst bdo = styles.inline;\nconst blockquote = styles.block;\nconst br = null;\nconst button = [styles.inlineblock, styles.button];\nconst code = [styles.inline, styles.codePre];\nconst del = null;\nconst div = styles.block;\nconst em = styles.inline;\nconst fieldset = styles.block;\nconst footer = styles.block;\nconst form = styles.block;\nconst heading = [styles.block, styles.heading];\nconst header = styles.block;\nconst hr = [styles.block, styles.hr];\nconst i = styles.inline;\nconst img = styles.img;\nconst input = [styles.inlineblock, styles.input];\nconst ins = null;\nconst kbd = null;\nconst label = styles.inline;\nconst li = styles.block;\nconst main = styles.block;\nconst mark = styles.inline;\nconst nav = styles.block;\nconst ol = [styles.list, styles.block];\nconst optgroup = null;\nconst option = null;\nconst p = styles.block;\nconst pre = [styles.block, styles.codePre];\nconst s = null;\nconst section = styles.block;\nconst select = styles.inlineblock;\nconst span = styles.inline;\nconst strong = [styles.inline, styles.strong];\nconst sub = styles.inline;\nconst sup = styles.inline;\nconst textarea = [styles.inlineblock, styles.textarea];\nconst u = null;\nconst ul = [styles.list, styles.block];\nconst defaultStyles = {\n a: a,\n article: article,\n aside: aside,\n b: b,\n bdi: bdi,\n bdo: bdo,\n blockquote: blockquote,\n br: br,\n button: button,\n code: code,\n del: del,\n div: div,\n em: em,\n fieldset: fieldset,\n footer: footer,\n form: form,\n h1: heading,\n h2: heading,\n h3: heading,\n h4: heading,\n h5: heading,\n h6: heading,\n header: header,\n hr: hr,\n i: i,\n img: img,\n input: input,\n ins: ins,\n kbd: kbd,\n label: label,\n li: li,\n main: main,\n mark: mark,\n nav: nav,\n ol: ol,\n optgroup: optgroup,\n option: option,\n p: p,\n pre: pre,\n s: s,\n section: section,\n select: select,\n span: span,\n strong: strong,\n sub: sub,\n sup: sup,\n textarea: textarea,\n u: u,\n ul: ul\n};\n\nexport { defaultStyles, merge };\n","/**\n * @license React\n * react-compiler-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar ReactSharedInternals =\n require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\nexports.c = function (size) {\n return ReactSharedInternals.H.useMemoCache(size);\n};\n","/**\n * @license React\n * react-compiler-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n var ReactSharedInternals =\n require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n exports.c = function (size) {\n var dispatcher = ReactSharedInternals.H;\n null === dispatcher &&\n console.error(\n \"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\\n1. You might have mismatching versions of React and the renderer (such as React DOM)\\n2. You might be breaking the Rules of Hooks\\n3. You might have more than one copy of React in the same app\\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.\"\n );\n return dispatcher.useMemoCache(size);\n };\n })();\n","/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-compiler-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-compiler-runtime.development.js');\n}\n"],"names":["styleq$1","styleq_2","cache","compiledKey","createStyleq","options","disableCache","disableMix","transform","definedProperties","className","inlineStyle","debugString","nextCache","styles","i","possibleStyle","_i","style","classNameChunk","cacheEntry","definedPropertiesChunk","prop","value","compiledKeyValue","weakMap","subStyle","_prop","_value","styleProps","styleq","optimizedStyleq","merge","dataStyleSrc","result","chunks","pathsMap","chunk","trimmed","path","line","a","button","div","form","heading","header","input","label","li","main","nav","p","span","textarea","ul","defaultStyles","ReactSharedInternals","require$$0","reactCompilerRuntime_production","size","reactCompilerRuntime_development","dispatcher","compilerRuntimeModule","require$$1"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
|
|
1
|
+
{"version":3,"file":"compiler-runtime-BuugS4D0.js","sources":["../../../node_modules/.pnpm/react-strict-dom@0.0.55_postcss@8.5.28_react-dom@19.2.4_react@19.2.4__react-native@0.84_0ade363cd0c4e49834b1d723f1f3430e/node_modules/react-strict-dom/dist/web/runtime.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-compiler-runtime.production.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-compiler-runtime.development.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/compiler-runtime.js"],"sourcesContent":["/**\n * @license react-strict-dom\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\nimport * as stylex from '@stylexjs/stylex';\n\nvar styleq$1 = {};\n\nObject.defineProperty(styleq$1, \"__esModule\", {\n value: true\n});\nvar styleq_2 = styleq$1.styleq = void 0;\nvar cache = new WeakMap();\nvar compiledKey = '$$css';\nfunction createStyleq(options) {\n var disableCache;\n var disableMix;\n var transform;\n if (options != null) {\n disableCache = options.disableCache === true;\n disableMix = options.disableMix === true;\n transform = options.transform;\n }\n return function styleq() {\n var definedProperties = [];\n var className = '';\n var inlineStyle = null;\n var debugString = '';\n var nextCache = disableCache ? null : cache;\n var styles = new Array(arguments.length);\n for (var i = 0; i < arguments.length; i++) {\n styles[i] = arguments[i];\n }\n while (styles.length > 0) {\n var possibleStyle = styles.pop();\n if (possibleStyle == null || possibleStyle === false) {\n continue;\n }\n if (Array.isArray(possibleStyle)) {\n for (var _i = 0; _i < possibleStyle.length; _i++) {\n styles.push(possibleStyle[_i]);\n }\n continue;\n }\n var style = transform != null ? transform(possibleStyle) : possibleStyle;\n if (style.$$css != null) {\n var classNameChunk = '';\n if (nextCache != null && nextCache.has(style)) {\n var cacheEntry = nextCache.get(style);\n if (cacheEntry != null) {\n classNameChunk = cacheEntry[0];\n debugString = cacheEntry[2];\n definedProperties.push.apply(definedProperties, cacheEntry[1]);\n nextCache = cacheEntry[3];\n }\n } else {\n var definedPropertiesChunk = [];\n for (var prop in style) {\n var value = style[prop];\n if (prop === compiledKey) {\n var compiledKeyValue = style[prop];\n if (compiledKeyValue !== true) {\n debugString = debugString ? compiledKeyValue + '; ' + debugString : compiledKeyValue;\n }\n continue;\n }\n if (typeof value === 'string' || value === null) {\n if (!definedProperties.includes(prop)) {\n definedProperties.push(prop);\n if (nextCache != null) {\n definedPropertiesChunk.push(prop);\n }\n if (typeof value === 'string') {\n classNameChunk += classNameChunk ? ' ' + value : value;\n }\n }\n } else {\n console.error(\"styleq: \".concat(prop, \" typeof \").concat(String(value), \" is not \\\"string\\\" or \\\"null\\\".\"));\n }\n }\n if (nextCache != null) {\n var weakMap = new WeakMap();\n nextCache.set(style, [classNameChunk, definedPropertiesChunk, debugString, weakMap]);\n nextCache = weakMap;\n }\n }\n if (classNameChunk) {\n className = className ? classNameChunk + ' ' + className : classNameChunk;\n }\n } else {\n if (disableMix) {\n if (inlineStyle == null) {\n inlineStyle = {};\n }\n inlineStyle = Object.assign({}, style, inlineStyle);\n } else {\n var subStyle = null;\n for (var _prop in style) {\n var _value = style[_prop];\n if (_value !== undefined) {\n if (!definedProperties.includes(_prop)) {\n if (_value != null) {\n if (inlineStyle == null) {\n inlineStyle = {};\n }\n if (subStyle == null) {\n subStyle = {};\n }\n subStyle[_prop] = _value;\n }\n definedProperties.push(_prop);\n nextCache = null;\n }\n }\n }\n if (subStyle != null) {\n inlineStyle = Object.assign(subStyle, inlineStyle);\n }\n }\n }\n }\n var styleProps = [className, inlineStyle, debugString];\n return styleProps;\n };\n}\nvar styleq = styleq_2 = styleq$1.styleq = createStyleq();\nstyleq.factory = createStyleq;\n\nconst optimizedStyleq = styleq_2.factory({\n disableMix: true\n});\nfunction merge(...styles) {\n const [className, style, dataStyleSrc] = optimizedStyleq(styles);\n const result = {};\n if (className != null && className !== '') {\n result.className = className;\n }\n if (style != null) {\n result.style = style;\n }\n if (dataStyleSrc != null && dataStyleSrc !== '') {\n const chunks = dataStyleSrc.split(';');\n const pathsMap = {};\n for (const chunk of chunks) {\n const trimmed = chunk.trim();\n const [path, line] = trimmed.split(':');\n if (line != null) {\n pathsMap[path] = pathsMap[path] != null ? `${pathsMap[path]},${line}` : line;\n }\n }\n result['data-style-src'] = Object.keys(pathsMap).map(path => `${path}:${pathsMap[path]}`).join('; ');\n }\n return result;\n}\n\nconst styles = stylex.create({\n block: {\n margin: 0,\n padding: 0\n },\n inline: {\n margin: 0,\n padding: 0,\n textDecoration: 'none',\n textAlign: 'inherit',\n wordWrap: 'break-word'\n },\n inlineblock: {\n borderStyle: 'solid',\n margin: 0,\n padding: 0\n },\n button: {\n borderWidth: 1\n },\n codePre: {\n fontFamily: 'monospace, \"monospace\"',\n fontSize: '1em',\n overflow: 'auto'\n },\n heading: {\n fontSize: '1.5rem',\n wordWrap: 'break-word'\n },\n hr: {\n backgroundColor: 'black',\n borderStyle: 'none',\n borderWidth: 0,\n boxSizing: 'border-box',\n height: 1\n },\n img: {\n aspectRatio: 'attr(width) / attr(height)',\n height: 'auto',\n maxWidth: '100%'\n },\n input: {\n borderWidth: 1,\n borderStyle: 'solid'\n },\n list: {\n listStyle: 'none'\n },\n strong: {\n fontWeight: 'bold'\n },\n textarea: {\n borderWidth: 1,\n borderStyle: 'solid',\n resize: 'vertical'\n }\n});\nconst a = styles.inline;\nconst article = styles.block;\nconst aside = styles.block;\nconst b = styles.inline;\nconst bdi = styles.inline;\nconst bdo = styles.inline;\nconst blockquote = styles.block;\nconst br = null;\nconst button = [styles.inlineblock, styles.button];\nconst code = [styles.inline, styles.codePre];\nconst del = null;\nconst div = styles.block;\nconst em = styles.inline;\nconst fieldset = styles.block;\nconst footer = styles.block;\nconst form = styles.block;\nconst heading = [styles.block, styles.heading];\nconst header = styles.block;\nconst hr = [styles.block, styles.hr];\nconst i = styles.inline;\nconst img = styles.img;\nconst input = [styles.inlineblock, styles.input];\nconst ins = null;\nconst kbd = null;\nconst label = styles.inline;\nconst li = styles.block;\nconst main = styles.block;\nconst mark = styles.inline;\nconst nav = styles.block;\nconst ol = [styles.list, styles.block];\nconst optgroup = null;\nconst option = null;\nconst p = styles.block;\nconst pre = [styles.block, styles.codePre];\nconst s = null;\nconst section = styles.block;\nconst select = styles.inlineblock;\nconst span = styles.inline;\nconst strong = [styles.inline, styles.strong];\nconst sub = styles.inline;\nconst sup = styles.inline;\nconst textarea = [styles.inlineblock, styles.textarea];\nconst u = null;\nconst ul = [styles.list, styles.block];\nconst defaultStyles = {\n a: a,\n article: article,\n aside: aside,\n b: b,\n bdi: bdi,\n bdo: bdo,\n blockquote: blockquote,\n br: br,\n button: button,\n code: code,\n del: del,\n div: div,\n em: em,\n fieldset: fieldset,\n footer: footer,\n form: form,\n h1: heading,\n h2: heading,\n h3: heading,\n h4: heading,\n h5: heading,\n h6: heading,\n header: header,\n hr: hr,\n i: i,\n img: img,\n input: input,\n ins: ins,\n kbd: kbd,\n label: label,\n li: li,\n main: main,\n mark: mark,\n nav: nav,\n ol: ol,\n optgroup: optgroup,\n option: option,\n p: p,\n pre: pre,\n s: s,\n section: section,\n select: select,\n span: span,\n strong: strong,\n sub: sub,\n sup: sup,\n textarea: textarea,\n u: u,\n ul: ul\n};\n\nexport { defaultStyles, merge };\n","/**\n * @license React\n * react-compiler-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar ReactSharedInternals =\n require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\nexports.c = function (size) {\n return ReactSharedInternals.H.useMemoCache(size);\n};\n","/**\n * @license React\n * react-compiler-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n var ReactSharedInternals =\n require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n exports.c = function (size) {\n var dispatcher = ReactSharedInternals.H;\n null === dispatcher &&\n console.error(\n \"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\\n1. You might have mismatching versions of React and the renderer (such as React DOM)\\n2. You might be breaking the Rules of Hooks\\n3. You might have more than one copy of React in the same app\\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.\"\n );\n return dispatcher.useMemoCache(size);\n };\n })();\n","/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-compiler-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-compiler-runtime.development.js');\n}\n"],"names":["styleq$1","styleq_2","cache","compiledKey","createStyleq","options","disableCache","disableMix","transform","definedProperties","className","inlineStyle","debugString","nextCache","styles","i","possibleStyle","_i","style","classNameChunk","cacheEntry","definedPropertiesChunk","prop","value","compiledKeyValue","weakMap","subStyle","_prop","_value","styleProps","styleq","optimizedStyleq","merge","dataStyleSrc","result","chunks","pathsMap","chunk","trimmed","path","line","a","aside","button","div","form","heading","header","input","label","li","main","nav","p","pre","span","textarea","ul","defaultStyles","ReactSharedInternals","require$$0","reactCompilerRuntime_production","size","reactCompilerRuntime_development","dispatcher","compilerRuntimeModule","require$$1"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { ReactNode, Ref } from 'react';
|
|
2
|
+
export type AppShellCollapse = 'sm' | 'md' | 'lg';
|
|
3
|
+
interface RootProps {
|
|
4
|
+
/** The narrow-width button that opens the navigation ("Menu"), from your text catalog. */
|
|
5
|
+
menuLabel: string;
|
|
6
|
+
/** The accessible name of the drawer's close button ("Close navigation"). */
|
|
7
|
+
closeLabel: string;
|
|
8
|
+
/** The skip link's text ("Skip to content"): the first tab stop, it moves focus to Main. */
|
|
9
|
+
skipLabel: string;
|
|
10
|
+
/**
|
|
11
|
+
* The app's name or logo — usually a link home. Shown at the top of the
|
|
12
|
+
* rail and, below `collapseBelow`, in the bar beside the Menu button.
|
|
13
|
+
*/
|
|
14
|
+
brand?: ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Below this breakpoint, measured on the shell's own width, the rail
|
|
17
|
+
* becomes a Drawer behind the Menu button. Default `sm`.
|
|
18
|
+
*/
|
|
19
|
+
collapseBelow?: AppShellCollapse;
|
|
20
|
+
/**
|
|
21
|
+
* `AppShell.Rail`, `AppShell.Main` and an optional `AppShell.Header`, as
|
|
22
|
+
* direct children (Root places the Header's content in its bar).
|
|
23
|
+
*/
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
}
|
|
26
|
+
declare function Root({ menuLabel, closeLabel, skipLabel, brand, collapseBelow, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export interface AppShellRailState {
|
|
28
|
+
/**
|
|
29
|
+
* Closes the drawer. Call it after any selection in the navigation — the
|
|
30
|
+
* current page included, where no route change would close it.
|
|
31
|
+
*/
|
|
32
|
+
close: () => void;
|
|
33
|
+
}
|
|
34
|
+
type RailContent = ReactNode | ((state: AppShellRailState) => ReactNode);
|
|
35
|
+
interface RailProps {
|
|
36
|
+
/** Names the navigation landmark and the drawer ("Navigation"); required. */
|
|
37
|
+
'aria-label': string;
|
|
38
|
+
/**
|
|
39
|
+
* The navigation (a SideNav, a Tree). Rendered in the rail, or in the
|
|
40
|
+
* drawer while it is open (never both); a function receives `close`.
|
|
41
|
+
*/
|
|
42
|
+
children: RailContent;
|
|
43
|
+
/**
|
|
44
|
+
* What sits at the rail's foot — the signed-in user, a licence line —
|
|
45
|
+
* and at the end of the drawer. A function receives `close`.
|
|
46
|
+
*/
|
|
47
|
+
footer?: RailContent;
|
|
48
|
+
}
|
|
49
|
+
declare function Rail({ 'aria-label': ariaLabel, children, footer }: RailProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
interface HeaderProps {
|
|
51
|
+
/**
|
|
52
|
+
* The header's content: a search form, the account menu. Below
|
|
53
|
+
* `collapseBelow` it joins the Menu button and the brand in the sticky
|
|
54
|
+
* bar; above, it is a row over Main that scrolls with the page.
|
|
55
|
+
*/
|
|
56
|
+
children?: ReactNode;
|
|
57
|
+
}
|
|
58
|
+
declare function Header({ children }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
interface MainProps {
|
|
60
|
+
children: ReactNode;
|
|
61
|
+
/** The skip link's target; Root makes one with `useId` when it is left out. */
|
|
62
|
+
id?: string;
|
|
63
|
+
/** The `main` element: the container to hand `useContainerBelow`. */
|
|
64
|
+
ref?: Ref<HTMLElement>;
|
|
65
|
+
}
|
|
66
|
+
declare function Main({ children, id, ref }: MainProps): import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
export declare const AppShell: {
|
|
68
|
+
Root: typeof Root;
|
|
69
|
+
Rail: typeof Rail;
|
|
70
|
+
Header: typeof Header;
|
|
71
|
+
Main: typeof Main;
|
|
72
|
+
};
|
|
73
|
+
export {};
|
|
74
|
+
//# sourceMappingURL=AppShell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,OAAO,CAAA;AAyBd,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAsDjD,UAAU,SAAS;IACjB,0FAA0F;IAC1F,SAAS,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EACL,aAAoB,EACpB,QAAQ,GACT,EAAE,SAAS,2CAqFX;AAID,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,KAAK,WAAW,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC,CAAA;AAExE,UAAU,SAAS;IACjB,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,WAAW,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAID,iBAAS,IAAI,CAAC,EAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,SAAS,2CA6CnE;AAID,UAAU,WAAW;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAQtC;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,+EAA+E;IAC/E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qEAAqE;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAC,EAAE,SAAS,2CAoB3C;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.meta.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2DlB,CAAA"}
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { AppShellCollapse } from './AppShell';
|
|
3
|
+
type FrameWidth = 'phone' | 'tablet' | 'desktop';
|
|
4
|
+
type HeaderContent = 'none' | 'search' | 'search-account';
|
|
5
|
+
interface ShellArgs {
|
|
6
|
+
/** The story's frame: the width the shell measures. */
|
|
7
|
+
width: FrameWidth;
|
|
8
|
+
/** What `AppShell.Header` holds; `none` leaves the Header out. */
|
|
9
|
+
header: HeaderContent;
|
|
10
|
+
/** The brand link's text; empty for no brand. */
|
|
11
|
+
brand: string;
|
|
12
|
+
/** The rail's footer text; empty for no footer. */
|
|
13
|
+
footer: string;
|
|
14
|
+
collapseBelow: AppShellCollapse;
|
|
15
|
+
menuLabel: string;
|
|
16
|
+
closeLabel: string;
|
|
17
|
+
skipLabel: string;
|
|
18
|
+
/** A pick in the navigation (SideNav `onValueChange`). */
|
|
19
|
+
onNavigate: (path: string) => void;
|
|
20
|
+
/** The search input's value, on every change. */
|
|
21
|
+
onSearchChange: (value: string) => void;
|
|
22
|
+
/** The search input's value, on Enter. */
|
|
23
|
+
onSearchSubmit: (value: string) => void;
|
|
24
|
+
/** An item of the account menu. */
|
|
25
|
+
onAccountAction: (action: string) => void;
|
|
26
|
+
}
|
|
27
|
+
declare const meta: {
|
|
28
|
+
title: string;
|
|
29
|
+
render: ({ width, ...args }: ShellArgs) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
args: {
|
|
31
|
+
width: "desktop";
|
|
32
|
+
header: "search";
|
|
33
|
+
brand: string;
|
|
34
|
+
footer: string;
|
|
35
|
+
collapseBelow: "sm";
|
|
36
|
+
menuLabel: string;
|
|
37
|
+
closeLabel: string;
|
|
38
|
+
skipLabel: string;
|
|
39
|
+
onNavigate: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
40
|
+
onSearchChange: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
41
|
+
onSearchSubmit: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
42
|
+
onAccountAction: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
43
|
+
};
|
|
44
|
+
argTypes: {
|
|
45
|
+
width: {
|
|
46
|
+
control: {
|
|
47
|
+
type: "radio";
|
|
48
|
+
labels: {
|
|
49
|
+
phone: string;
|
|
50
|
+
tablet: string;
|
|
51
|
+
desktop: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
options: string[];
|
|
55
|
+
};
|
|
56
|
+
header: {
|
|
57
|
+
control: {
|
|
58
|
+
type: "radio";
|
|
59
|
+
labels: {
|
|
60
|
+
none: string;
|
|
61
|
+
search: string;
|
|
62
|
+
'search-account': string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
options: string[];
|
|
66
|
+
};
|
|
67
|
+
brand: {
|
|
68
|
+
control: "text";
|
|
69
|
+
};
|
|
70
|
+
footer: {
|
|
71
|
+
control: "text";
|
|
72
|
+
};
|
|
73
|
+
collapseBelow: {
|
|
74
|
+
control: "radio";
|
|
75
|
+
options: string[];
|
|
76
|
+
};
|
|
77
|
+
menuLabel: {
|
|
78
|
+
control: "text";
|
|
79
|
+
};
|
|
80
|
+
closeLabel: {
|
|
81
|
+
control: "text";
|
|
82
|
+
};
|
|
83
|
+
skipLabel: {
|
|
84
|
+
control: "text";
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
parameters: {
|
|
88
|
+
a11y: {
|
|
89
|
+
test: string;
|
|
90
|
+
options: {
|
|
91
|
+
rules: {
|
|
92
|
+
'color-contrast-enhanced': {
|
|
93
|
+
enabled: boolean;
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
layout: string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
export default meta;
|
|
102
|
+
type Story = StoryObj<typeof meta>;
|
|
103
|
+
/**
|
|
104
|
+
* Every part of the shell, driven by Controls. Try: set `width` to phone and
|
|
105
|
+
* press Menu to open the rail in a drawer; set `collapseBelow` to lg at the
|
|
106
|
+
* tablet width; click in the canvas and press Tab for the skip link. A pick in
|
|
107
|
+
* the navigation, the search box and the account menu show up in Actions.
|
|
108
|
+
* The desktop frame is 1280px wide, but it shrinks to the canvas when the
|
|
109
|
+
* Controls panel takes room, so it can measure less there.
|
|
110
|
+
*/
|
|
111
|
+
export declare const Playground: Story;
|
|
112
|
+
/**
|
|
113
|
+
* Phone: the rail is hidden; one sticky bar holds the Menu button, the brand
|
|
114
|
+
* and the Header's content.
|
|
115
|
+
*/
|
|
116
|
+
export declare const Phone: Story;
|
|
117
|
+
/** No Header: the desktop shell is the rail and the page, nothing above Main. */
|
|
118
|
+
export declare const NoHeader: Story;
|
|
119
|
+
/** `footer` sits at the rail's foot: the signed-in user, a licence line. */
|
|
120
|
+
export declare const RailFooter: Story;
|
|
121
|
+
/** Phone's checks, kept off the visible story so a Control change cannot fail them. */
|
|
122
|
+
export declare const PhoneChecks: Story;
|
|
123
|
+
/** NoHeader's checks, kept off the visible story so a Control change cannot fail them. */
|
|
124
|
+
export declare const NoHeaderChecks: Story;
|
|
125
|
+
/** RailFooter's checks, kept off the visible story so a Control change cannot fail them. */
|
|
126
|
+
export declare const RailFooterChecks: Story;
|
|
127
|
+
/** Desktop: the brand and the rail beside the header and the page; no Menu button. */
|
|
128
|
+
export declare const DesktopLandmarks: Story;
|
|
129
|
+
/**
|
|
130
|
+
* The Menu button opens the rail in a Drawer. Focus moves into the drawer,
|
|
131
|
+
* and back to the Menu button when it closes — by Escape, and after a pick.
|
|
132
|
+
*/
|
|
133
|
+
export declare const PhoneDrawer: Story;
|
|
134
|
+
/**
|
|
135
|
+
* The Playground's actions reach their args: a pick in the navigation, the
|
|
136
|
+
* search input's changes and Enter, an account menu item.
|
|
137
|
+
*/
|
|
138
|
+
export declare const PlaygroundActions: Story;
|
|
139
|
+
/** No Header on a phone still gives the bar: the Menu button and the brand. */
|
|
140
|
+
export declare const NoHeaderPhone: Story;
|
|
141
|
+
/**
|
|
142
|
+
* The brand is in the server's HTML twice (the top of the rail, the bar) and
|
|
143
|
+
* CSS shows one: the accessibility tree holds exactly one link at a phone's
|
|
144
|
+
* width and at a desktop's, and only that one takes focus.
|
|
145
|
+
*/
|
|
146
|
+
export declare const Brand: Story;
|
|
147
|
+
/** The footer comes along into the drawer, after the navigation. */
|
|
148
|
+
export declare const RailFooterInDrawer: Story;
|
|
149
|
+
/**
|
|
150
|
+
* `collapseBelow="md"`: at 680px (between sm and md) the shell already shows
|
|
151
|
+
* the Menu button, on its own width — the window does not change.
|
|
152
|
+
*/
|
|
153
|
+
export declare const CollapseBelowMd: Story;
|
|
154
|
+
/** The skip link is the first tab stop and moves focus to Main. */
|
|
155
|
+
export declare const SkipLink: Story;
|
|
156
|
+
/** Without an id on Main, the skip link targets the one Root generates. */
|
|
157
|
+
export declare const SkipLinkGeneratedId: Story;
|
|
158
|
+
/** A Header Root cannot see (inside a fragment) fails loudly, not silently. */
|
|
159
|
+
export declare const WrappedHeaderThrows: Story;
|
|
160
|
+
/**
|
|
161
|
+
* Below the collapse point an Aside inside Main sticks below the bar, not
|
|
162
|
+
* under it; above, at its own offset: AppShell sets the bar's height on an
|
|
163
|
+
* element inside its query container, and Aside's top adds it to its offset.
|
|
164
|
+
*/
|
|
165
|
+
export declare const AsideBelowBar: Story;
|
|
166
|
+
/**
|
|
167
|
+
* A jump to a heading inside Prose lands below the phone bar, not under it:
|
|
168
|
+
* Prose's scroll margin adds the bar's height that AppShell publishes. Above
|
|
169
|
+
* the collapse point (no sticky bar) it is the spacing offset alone.
|
|
170
|
+
*/
|
|
171
|
+
export declare const ProseAnchorBelowBar: Story;
|
|
172
|
+
/**
|
|
173
|
+
* The server renders the shell once, for every width: CSS picks the rail or
|
|
174
|
+
* the Menu button before any script runs, and hydration reports nothing. The
|
|
175
|
+
* brand is in that HTML twice (rail and bar), one of them in the
|
|
176
|
+
* accessibility tree. It replaces the canvas's content with the server's
|
|
177
|
+
* HTML, then hydrates and unmounts it, so it runs as a test only.
|
|
178
|
+
*/
|
|
179
|
+
export declare const ServerRender: Story;
|
|
180
|
+
/**
|
|
181
|
+
* At a phone's width nothing moves after hydration (layout shift 0), with a
|
|
182
|
+
* Header and without: the brand and the Menu button are in the server's HTML.
|
|
183
|
+
*/
|
|
184
|
+
export declare const NoLayoutShift: Story;
|
|
185
|
+
/**
|
|
186
|
+
* A touch screen gets a 44px Menu button (the small Button's coarse-pointer
|
|
187
|
+
* target); a mouse keeps the compact control.
|
|
188
|
+
* It drives Chrome's touch emulation through Vitest's CDP session, so it runs
|
|
189
|
+
* as a test and stays out of the dev sidebar (there is no Vitest there).
|
|
190
|
+
*/
|
|
191
|
+
export declare const MenuButtonTouchTarget: Story;
|
|
192
|
+
//# sourceMappingURL=AppShell.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"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"}
|