@elaraai/east-ui 1.0.26 → 1.0.28
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/src/buttons/icon-button/index.d.ts +33 -1
- package/dist/src/buttons/icon-button/index.d.ts.map +1 -1
- package/dist/src/buttons/icon-button/index.js +22 -4
- package/dist/src/buttons/icon-button/index.js.map +1 -1
- package/dist/src/buttons/icon-button/types.d.ts +61 -13
- package/dist/src/buttons/icon-button/types.d.ts.map +1 -1
- package/dist/src/buttons/icon-button/types.js +22 -1
- package/dist/src/buttons/icon-button/types.js.map +1 -1
- package/dist/src/charts/chart/index.d.ts +57 -2
- package/dist/src/charts/chart/index.d.ts.map +1 -1
- package/dist/src/charts/chart/index.js +13 -4
- package/dist/src/charts/chart/index.js.map +1 -1
- package/dist/src/charts/spec/index.d.ts +49 -0
- package/dist/src/charts/spec/index.d.ts.map +1 -1
- package/dist/src/charts/spec/index.js +5 -2
- package/dist/src/charts/spec/index.js.map +1 -1
- package/dist/src/charts/spec/types.d.ts +21 -5
- package/dist/src/charts/spec/types.d.ts.map +1 -1
- package/dist/src/charts/spec/types.js +12 -4
- package/dist/src/charts/spec/types.js.map +1 -1
- package/dist/src/collections/calendar/index.d.ts +18 -2
- package/dist/src/collections/calendar/index.d.ts.map +1 -1
- package/dist/src/collections/calendar/index.js +15 -1
- package/dist/src/collections/calendar/index.js.map +1 -1
- package/dist/src/collections/calendar/types.d.ts +12 -0
- package/dist/src/collections/calendar/types.d.ts.map +1 -1
- package/dist/src/collections/calendar/types.js +7 -0
- package/dist/src/collections/calendar/types.js.map +1 -1
- package/dist/src/collections/gantt/index.d.ts.map +1 -1
- package/dist/src/collections/gantt/index.js +12 -1
- package/dist/src/collections/gantt/index.js.map +1 -1
- package/dist/src/collections/gantt/types.d.ts +10 -0
- package/dist/src/collections/gantt/types.d.ts.map +1 -1
- package/dist/src/collections/gantt/types.js +3 -0
- package/dist/src/collections/gantt/types.js.map +1 -1
- package/dist/src/collections/matrix/index.d.ts +4 -0
- package/dist/src/collections/matrix/index.d.ts.map +1 -1
- package/dist/src/collections/matrix/index.js +9 -0
- package/dist/src/collections/matrix/index.js.map +1 -1
- package/dist/src/collections/planner/index.d.ts +69 -4
- package/dist/src/collections/planner/index.d.ts.map +1 -1
- package/dist/src/collections/planner/index.js +112 -4
- package/dist/src/collections/planner/index.js.map +1 -1
- package/dist/src/collections/planner/types.d.ts +89 -0
- package/dist/src/collections/planner/types.d.ts.map +1 -1
- package/dist/src/collections/planner/types.js +63 -0
- package/dist/src/collections/planner/types.js.map +1 -1
- package/dist/src/collections/schematic/index.d.ts +546 -2
- package/dist/src/collections/schematic/index.d.ts.map +1 -1
- package/dist/src/collections/schematic/index.js +14 -2
- package/dist/src/collections/schematic/index.js.map +1 -1
- package/dist/src/collections/schematic/types.d.ts +534 -0
- package/dist/src/collections/schematic/types.d.ts.map +1 -1
- package/dist/src/collections/schematic/types.js +3 -0
- package/dist/src/collections/schematic/types.js.map +1 -1
- package/dist/src/collections/table/index.d.ts.map +1 -1
- package/dist/src/collections/table/index.js +11 -1
- package/dist/src/collections/table/index.js.map +1 -1
- package/dist/src/collections/table/types.d.ts +10 -0
- package/dist/src/collections/table/types.d.ts.map +1 -1
- package/dist/src/collections/table/types.js +3 -0
- package/dist/src/collections/table/types.js.map +1 -1
- package/dist/src/component.d.ts +687 -0
- package/dist/src/component.d.ts.map +1 -1
- package/dist/src/component.js +22 -1
- package/dist/src/component.js.map +1 -1
- package/dist/src/container/card/index.d.ts +4 -0
- package/dist/src/container/card/index.d.ts.map +1 -1
- package/dist/src/container/card/index.js +4 -0
- package/dist/src/container/card/index.js.map +1 -1
- package/dist/src/container/card/types.d.ts +11 -1
- package/dist/src/container/card/types.d.ts.map +1 -1
- package/dist/src/container/card/types.js +5 -1
- package/dist/src/container/card/types.js.map +1 -1
- package/dist/src/display/chip-rail/index.d.ts +1 -1
- package/dist/src/display/chip-rail/index.js +1 -1
- package/dist/src/display/trace/index.d.ts +10 -0
- package/dist/src/display/trace/index.d.ts.map +1 -1
- package/dist/src/display/trace/index.js +11 -1
- package/dist/src/display/trace/index.js.map +1 -1
- package/dist/src/display/trace/types.d.ts +17 -0
- package/dist/src/display/trace/types.d.ts.map +1 -1
- package/dist/src/display/trace/types.js +5 -0
- package/dist/src/display/trace/types.js.map +1 -1
- package/dist/src/forms/field/index.d.ts +1 -0
- package/dist/src/forms/field/index.d.ts.map +1 -1
- package/dist/src/forms/field/types.d.ts +2 -0
- package/dist/src/forms/field/types.d.ts.map +1 -1
- package/dist/src/forms/tags-input/index.d.ts.map +1 -1
- package/dist/src/forms/tags-input/index.js +1 -0
- package/dist/src/forms/tags-input/index.js.map +1 -1
- package/dist/src/forms/tags-input/types.d.ts +4 -0
- package/dist/src/forms/tags-input/types.d.ts.map +1 -1
- package/dist/src/forms/tags-input/types.js +2 -0
- package/dist/src/forms/tags-input/types.js.map +1 -1
- package/dist/src/index.d.ts +3 -3
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +7 -5
- package/dist/src/index.js.map +1 -1
- package/dist/src/internal.d.ts +7 -5
- package/dist/src/internal.d.ts.map +1 -1
- package/dist/src/internal.js +6 -4
- package/dist/src/internal.js.map +1 -1
- package/dist/src/layout/aligned-stack/index.d.ts +101 -0
- package/dist/src/layout/aligned-stack/index.d.ts.map +1 -0
- package/dist/src/layout/aligned-stack/index.js +105 -0
- package/dist/src/layout/aligned-stack/index.js.map +1 -0
- package/dist/src/layout/aligned-stack/types.d.ts +50 -0
- package/dist/src/layout/aligned-stack/types.d.ts.map +1 -0
- package/dist/src/layout/aligned-stack/types.js +24 -0
- package/dist/src/layout/aligned-stack/types.js.map +1 -0
- package/dist/src/layout/index.d.ts +1 -0
- package/dist/src/layout/index.d.ts.map +1 -1
- package/dist/src/layout/index.js +1 -0
- package/dist/src/layout/index.js.map +1 -1
- package/dist/src/navigation/index.d.ts +1 -1
- package/dist/src/navigation/index.d.ts.map +1 -1
- package/dist/src/navigation/index.js +1 -1
- package/dist/src/navigation/index.js.map +1 -1
- package/dist/src/navigation/pages/index.d.ts +35 -30
- package/dist/src/navigation/pages/index.d.ts.map +1 -1
- package/dist/src/navigation/pages/index.js +33 -36
- package/dist/src/navigation/pages/index.js.map +1 -1
- package/dist/src/navigation/pages/types.d.ts +17 -0
- package/dist/src/navigation/pages/types.d.ts.map +1 -1
- package/dist/src/navigation/pages/types.js +28 -0
- package/dist/src/navigation/pages/types.js.map +1 -1
- package/dist/src/overlays/drawer/index.d.ts +6 -0
- package/dist/src/overlays/drawer/index.d.ts.map +1 -1
- package/dist/src/overlays/drawer/index.js +8 -1
- package/dist/src/overlays/drawer/index.js.map +1 -1
- package/dist/src/overlays/drawer/types.d.ts +18 -0
- package/dist/src/overlays/drawer/types.d.ts.map +1 -1
- package/dist/src/overlays/drawer/types.js +9 -0
- package/dist/src/overlays/drawer/types.js.map +1 -1
- package/dist/src/platform/index.d.ts +1 -1
- package/dist/src/platform/index.d.ts.map +1 -1
- package/dist/src/platform/index.js +1 -1
- package/dist/src/platform/index.js.map +1 -1
- package/dist/src/platform/slice/impl.d.ts +2 -0
- package/dist/src/platform/slice/impl.d.ts.map +1 -1
- package/dist/src/platform/slice/impl.js +74 -17
- package/dist/src/platform/slice/impl.js.map +1 -1
- package/dist/src/platform/slice/index.d.ts +550 -0
- package/dist/src/platform/slice/index.d.ts.map +1 -1
- package/dist/src/platform/slice/index.js +107 -1
- package/dist/src/platform/slice/index.js.map +1 -1
- package/dist/src/platform/state.d.ts +15 -0
- package/dist/src/platform/state.d.ts.map +1 -1
- package/dist/src/platform/state.js +25 -0
- package/dist/src/platform/state.js.map +1 -1
- package/dist/src/runtime/collections/schematic.d.ts +2 -2
- package/dist/src/runtime/collections/schematic.js +2 -2
- package/dist/src/runtime/layout/aligned-stack.d.ts +38 -0
- package/dist/src/runtime/layout/aligned-stack.d.ts.map +1 -0
- package/dist/src/runtime/layout/aligned-stack.js +36 -0
- package/dist/src/runtime/layout/aligned-stack.js.map +1 -0
- package/dist/src/runtime/layout/index.d.ts +1 -0
- package/dist/src/runtime/layout/index.d.ts.map +1 -1
- package/dist/src/runtime/layout/index.js +1 -0
- package/dist/src/runtime/layout/index.js.map +1 -1
- package/dist/src/runtime/navigation/index.d.ts +1 -0
- package/dist/src/runtime/navigation/index.d.ts.map +1 -1
- package/dist/src/runtime/navigation/index.js +1 -0
- package/dist/src/runtime/navigation/index.js.map +1 -1
- package/dist/src/runtime/navigation/pages.d.ts +50 -0
- package/dist/src/runtime/navigation/pages.d.ts.map +1 -0
- package/dist/src/runtime/navigation/pages.js +52 -0
- package/dist/src/runtime/navigation/pages.js.map +1 -0
- package/dist/src/shared/plot-gutter.d.ts +65 -0
- package/dist/src/shared/plot-gutter.d.ts.map +1 -0
- package/dist/src/shared/plot-gutter.js +48 -0
- package/dist/src/shared/plot-gutter.js.map +1 -0
- package/dist/src/slice/breakdown/index.d.ts +1 -0
- package/dist/src/slice/breakdown/index.d.ts.map +1 -1
- package/dist/src/slice/breakdown/types.d.ts +1 -0
- package/dist/src/slice/breakdown/types.d.ts.map +1 -1
- package/dist/src/slice/cohort/index.d.ts +1 -0
- package/dist/src/slice/cohort/index.d.ts.map +1 -1
- package/dist/src/slice/cohort/types.d.ts +1 -0
- package/dist/src/slice/cohort/types.d.ts.map +1 -1
- package/dist/src/slice/filter/index.d.ts +1 -0
- package/dist/src/slice/filter/index.d.ts.map +1 -1
- package/dist/src/slice/filter/types.d.ts +1 -0
- package/dist/src/slice/filter/types.d.ts.map +1 -1
- package/dist/src/slice/index.d.ts +17 -0
- package/dist/src/slice/index.d.ts.map +1 -1
- package/dist/src/slice/legend/index.d.ts +1 -0
- package/dist/src/slice/legend/index.d.ts.map +1 -1
- package/dist/src/slice/legend/types.d.ts +1 -0
- package/dist/src/slice/legend/types.d.ts.map +1 -1
- package/dist/src/slice/range/index.d.ts +1 -0
- package/dist/src/slice/range/index.d.ts.map +1 -1
- package/dist/src/slice/range/types.d.ts +1 -0
- package/dist/src/slice/range/types.d.ts.map +1 -1
- package/dist/src/slice/search/index.d.ts +1 -0
- package/dist/src/slice/search/index.d.ts.map +1 -1
- package/dist/src/slice/search/types.d.ts +1 -0
- package/dist/src/slice/search/types.d.ts.map +1 -1
- package/dist/src/slice/summary/index.d.ts +1 -0
- package/dist/src/slice/summary/index.d.ts.map +1 -1
- package/dist/src/slice/summary/types.d.ts +1 -0
- package/dist/src/slice/summary/types.d.ts.map +1 -1
- package/dist/test/buttons/icon-button.examples.d.ts +1 -0
- package/dist/test/buttons/icon-button.examples.d.ts.map +1 -1
- package/dist/test/buttons/icon-button.examples.js +8 -0
- package/dist/test/buttons/icon-button.examples.js.map +1 -1
- package/dist/test/charts/chart.examples.d.ts +4 -0
- package/dist/test/charts/chart.examples.d.ts.map +1 -1
- package/dist/test/charts/chart.examples.js +62 -4
- package/dist/test/charts/chart.examples.js.map +1 -1
- package/dist/test/collections/calendar.examples.d.ts +1 -0
- package/dist/test/collections/calendar.examples.d.ts.map +1 -1
- package/dist/test/collections/calendar.examples.js +17 -0
- package/dist/test/collections/calendar.examples.js.map +1 -1
- package/dist/test/collections/gantt.examples.d.ts +1 -0
- package/dist/test/collections/gantt.examples.d.ts.map +1 -1
- package/dist/test/collections/gantt.examples.js +12 -0
- package/dist/test/collections/gantt.examples.js.map +1 -1
- package/dist/test/collections/planner.examples.d.ts +42 -7
- package/dist/test/collections/planner.examples.d.ts.map +1 -1
- package/dist/test/collections/planner.examples.js +139 -24
- package/dist/test/collections/planner.examples.js.map +1 -1
- package/dist/test/collections/schematic.examples.d.ts +1 -0
- package/dist/test/collections/schematic.examples.d.ts.map +1 -1
- package/dist/test/collections/schematic.examples.js +35 -12
- package/dist/test/collections/schematic.examples.js.map +1 -1
- package/dist/test/collections/table.examples.d.ts +1 -0
- package/dist/test/collections/table.examples.d.ts.map +1 -1
- package/dist/test/collections/table.examples.js +11 -0
- package/dist/test/collections/table.examples.js.map +1 -1
- package/dist/test/container/card.examples.d.ts +1 -0
- package/dist/test/container/card.examples.d.ts.map +1 -1
- package/dist/test/container/card.examples.js +8 -0
- package/dist/test/container/card.examples.js.map +1 -1
- package/dist/test/disclosure/accordion.examples.js +3 -3
- package/dist/test/disclosure/accordion.examples.js.map +1 -1
- package/dist/test/disclosure/tabs.examples.js +3 -3
- package/dist/test/disclosure/tabs.examples.js.map +1 -1
- package/dist/test/display/chip-rail.examples.js +3 -3
- package/dist/test/display/chip-rail.examples.js.map +1 -1
- package/dist/test/display/combine.examples.js +3 -3
- package/dist/test/display/combine.examples.js.map +1 -1
- package/dist/test/display/trace.examples.d.ts +2 -0
- package/dist/test/display/trace.examples.d.ts.map +1 -1
- package/dist/test/display/trace.examples.js +23 -0
- package/dist/test/display/trace.examples.js.map +1 -1
- package/dist/test/forms/combobox.examples.js +1 -1
- package/dist/test/forms/tags-input.examples.d.ts +1 -0
- package/dist/test/forms/tags-input.examples.d.ts.map +1 -1
- package/dist/test/forms/tags-input.examples.js +8 -0
- package/dist/test/forms/tags-input.examples.js.map +1 -1
- package/dist/test/layout/aligned-stack.examples.d.ts +79 -0
- package/dist/test/layout/aligned-stack.examples.d.ts.map +1 -0
- package/dist/test/layout/aligned-stack.examples.js +355 -0
- package/dist/test/layout/aligned-stack.examples.js.map +1 -0
- package/dist/test/layout/stack.examples.js +1 -1
- package/dist/test/navigation/pages.examples.d.ts +3 -2
- package/dist/test/navigation/pages.examples.d.ts.map +1 -1
- package/dist/test/navigation/pages.examples.js +83 -99
- package/dist/test/navigation/pages.examples.js.map +1 -1
- package/dist/test/overlays/drawer.examples.d.ts +1 -0
- package/dist/test/overlays/drawer.examples.d.ts.map +1 -1
- package/dist/test/overlays/drawer.examples.js +9 -1
- package/dist/test/overlays/drawer.examples.js.map +1 -1
- package/package.json +3 -3
|
@@ -6,124 +6,108 @@ import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
|
|
|
6
6
|
/** @jsxImportSource @elaraai/east-ui */
|
|
7
7
|
import { East, NullType, StringType, IntegerType, StructType, some, example } from "@elaraai/east";
|
|
8
8
|
import { UIComponentType } from "@elaraai/east-ui";
|
|
9
|
-
import { Navigation,
|
|
10
|
-
// ============================================================================
|
|
11
|
-
// Basic two-page navigation
|
|
12
|
-
// ============================================================================
|
|
13
|
-
const ItemRow = StructType({ id: StringType, value: IntegerType });
|
|
14
|
-
const opsRoutes = Navigation.config({
|
|
15
|
-
overview: { value: NullType, label: "Overview" },
|
|
16
|
-
detail: { value: ItemRow, label: "Item" },
|
|
17
|
-
});
|
|
18
|
-
const OPS_KEY = "ops.route";
|
|
9
|
+
import { Navigation, Pages, Reactive, VStack, HStack, Box, Text, Button, NavList, Breadcrumb } from "@elaraai/east-ui";
|
|
19
10
|
/**
|
|
20
11
|
* Two-page navigation — overview opens a typed detail page (`nav.go.detail(row)`),
|
|
21
|
-
* the detail page pops back (`nav.pop()`). `<Pages>` renders only the active route
|
|
12
|
+
* the detail page pops back (`nav.pop()`). `<Pages>` renders only the active route
|
|
13
|
+
* and re-renders on navigation; the handle is bound once and passed in as a prop.
|
|
22
14
|
*/
|
|
23
15
|
export const pagesBasic = example({
|
|
24
16
|
keywords: ["Navigation", "Pages", "navigate", "route", "stack", "go", "pop", "content-switcher"],
|
|
25
17
|
description: "Two-page navigation — overview opens a typed detail page; back pops the stack",
|
|
26
|
-
fn: East.function([], UIComponentType, (_$) =>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
fn: East.function([], UIComponentType, (_$) => {
|
|
19
|
+
const ItemRow = StructType({ id: StringType, value: IntegerType });
|
|
20
|
+
const routes = Navigation.config({
|
|
21
|
+
overview: { value: NullType, label: "Overview" },
|
|
22
|
+
detail: { value: ItemRow, label: "Item" },
|
|
23
|
+
});
|
|
24
|
+
return (_jsx(Reactive, { children: $ => {
|
|
25
|
+
const nav = $.let(Navigation.bind(routes, "ops.route", [routes.Page.overview()]));
|
|
26
|
+
// Page bodies as $.const closures — they navigate via the shared handle.
|
|
27
|
+
const overviewPage = $.const(East.function([], UIComponentType, ($) => {
|
|
28
|
+
const open = $.const(East.function([], NullType, $ => {
|
|
29
|
+
$(nav.go.detail(East.value({ id: "item-1", value: 42n }, ItemRow)));
|
|
30
|
+
}));
|
|
31
|
+
return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Text, { children: "Overview \u2014 pick an item" }), _jsx(Button, { onClick: open, children: "Open item-1" })] }));
|
|
32
|
+
}));
|
|
33
|
+
const detailPage = $.const(East.function([ItemRow], UIComponentType, ($, row) => {
|
|
34
|
+
const back = $.const(East.function([], NullType, $ => { $(nav.pop()); }));
|
|
35
|
+
return (_jsxs(VStack, { gap: "2", align: "stretch", children: [_jsx(Text, { children: East.str `Item ${row.id} — value ${East.print(row.value)}` }), _jsx(Button, { onClick: back, children: "\u2190 Back" })] }));
|
|
33
36
|
}));
|
|
34
|
-
return (_jsxs(VStack, { gap: "
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return (_jsxs(VStack, { gap: "4", align: "stretch", children: [_jsx(Text, { fontWeight: "bold", children: East.str `Ops console · depth ${East.print(nav.depth())}` }), Pages.Root(opsRoutes)({
|
|
41
|
-
stateKey: OPS_KEY,
|
|
42
|
-
initial: [opsRoutes.Page.overview()],
|
|
43
|
-
pages: {
|
|
44
|
-
overview: ($) => overviewPage(),
|
|
45
|
-
detail: ($, row) => detailPage(row),
|
|
46
|
-
},
|
|
47
|
-
})] }));
|
|
48
|
-
} }))),
|
|
37
|
+
return (_jsxs(VStack, { gap: "4", align: "stretch", children: [_jsx(Text, { fontWeight: "bold", children: East.str `Ops console · depth ${East.print(nav.depth())}` }), _jsx(Pages, { nav: nav, pages: {
|
|
38
|
+
overview: () => overviewPage(),
|
|
39
|
+
detail: (_$, row) => detailPage(row),
|
|
40
|
+
} })] }));
|
|
41
|
+
} }));
|
|
42
|
+
}),
|
|
49
43
|
inputs: [],
|
|
50
44
|
});
|
|
51
|
-
// ============================================================================
|
|
52
|
-
// Full app shell — NavList rail + breadcrumb app bar + Pages content
|
|
53
|
-
// ============================================================================
|
|
54
|
-
const DetailRow = StructType({ id: StringType, group: StringType });
|
|
55
|
-
const shellRoutes = Navigation.config({
|
|
56
|
-
overview: { value: NullType, label: "Overview" },
|
|
57
|
-
scenarios: { value: NullType, label: "Scenarios" },
|
|
58
|
-
audit: { value: NullType, label: "Audit" },
|
|
59
|
-
detail: { value: DetailRow, label: "Item" },
|
|
60
|
-
});
|
|
61
|
-
const SHELL_KEY = "shell.route";
|
|
62
|
-
const ShellHandle = NavBindHandleType(shellRoutes.routes);
|
|
63
45
|
/**
|
|
64
46
|
* Full app shell — a `<NavList>` rail that drives `nav.navigateTo`, an app bar
|
|
65
47
|
* whose `<Breadcrumb>` is derived live from `nav.path()` (each crumb jumps back to
|
|
66
|
-
* its prefix), and a `<Pages>` content area. One handle wires all three
|
|
48
|
+
* its prefix), and a `<Pages>` content area. One handle wires all three.
|
|
67
49
|
*/
|
|
68
50
|
export const pagesAppShell = example({
|
|
69
51
|
keywords: ["Navigation", "Pages", "NavList", "Breadcrumb", "navigateTo", "path", "app shell", "rail", "breadcrumb"],
|
|
70
52
|
description: "App shell — NavList rail + breadcrumb app bar from nav.path() + Pages content; navigateTo drives all three",
|
|
71
|
-
fn: East.function([], UIComponentType, (_$) =>
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
53
|
+
fn: East.function([], UIComponentType, (_$) => {
|
|
54
|
+
const DetailRow = StructType({ id: StringType, group: StringType });
|
|
55
|
+
const routes = Navigation.config({
|
|
56
|
+
overview: { value: NullType, label: "Overview" },
|
|
57
|
+
scenarios: { value: NullType, label: "Scenarios" },
|
|
58
|
+
audit: { value: NullType, label: "Audit" },
|
|
59
|
+
detail: { value: DetailRow, label: "Item" },
|
|
60
|
+
});
|
|
61
|
+
return (_jsx(Reactive, { children: $ => {
|
|
62
|
+
const nav = $.let(Navigation.bind(routes, "shell.route", [routes.Page.overview()]));
|
|
63
|
+
// Page bodies as $.const closures capturing the shared handle.
|
|
64
|
+
const overviewPage = $.const(East.function([], UIComponentType, ($) => {
|
|
65
|
+
const open = $.const(East.function([], NullType, $ => {
|
|
66
|
+
$(nav.go.detail(East.value({ id: "item-1", group: "A" }, DetailRow)));
|
|
67
|
+
}));
|
|
68
|
+
return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Text, { children: "Overview \u2014 item list" }), _jsx(Button, { onClick: open, children: "Open item-1" })] }));
|
|
69
|
+
}));
|
|
70
|
+
const scenariosPage = $.const(East.function([], UIComponentType, (_$) => _jsx(Text, { children: "Scenarios" })));
|
|
71
|
+
const auditPage = $.const(East.function([], UIComponentType, (_$) => _jsx(Text, { children: "Audit trail" })));
|
|
72
|
+
const detailPage = $.const(East.function([DetailRow], UIComponentType, ($, row) => {
|
|
73
|
+
const back = $.const(East.function([], NullType, $ => { $(nav.pop()); }));
|
|
74
|
+
return (_jsxs(VStack, { gap: "2", align: "stretch", children: [_jsx(Text, { children: East.str `Item ${row.id} · group ${row.group}` }), _jsx(Button, { onClick: back, children: "\u2190 Back" })] }));
|
|
77
75
|
}));
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
76
|
+
// Breadcrumb items derived live from the path: label via a per-route
|
|
77
|
+
// match, current = is-leaf, onClick = navigate back to that prefix.
|
|
78
|
+
const crumbs = nav.path().map(($, seg, i) => {
|
|
79
|
+
const label = seg.match({
|
|
80
|
+
overview: (_$, _v) => "Overview",
|
|
81
|
+
scenarios: (_$, _v) => "Scenarios",
|
|
82
|
+
audit: (_$, _v) => "Audit",
|
|
83
|
+
detail: (_$, r) => East.str `Item ${r.id}`,
|
|
84
|
+
});
|
|
85
|
+
const prefixLen = $.let(i.add(1n));
|
|
86
|
+
const isLeaf = $.let(East.equal(i, nav.path().size().subtract(1n)));
|
|
87
|
+
const jump = $.const(East.function([], NullType, $ => {
|
|
88
|
+
$(nav.navigateTo(nav.path().slice(0n, prefixLen)));
|
|
89
|
+
}));
|
|
90
|
+
const item = $.const({ label, current: some(isLeaf), onClick: some(jump) }, Breadcrumb.Types.Item);
|
|
91
|
+
return item;
|
|
94
92
|
});
|
|
95
|
-
|
|
96
|
-
const
|
|
97
|
-
|
|
98
|
-
$(nav.navigateTo(
|
|
93
|
+
// The rail navigates to a top-level (argless) route by key.
|
|
94
|
+
const onSelect = $.const(East.function([StringType], NullType, ($, key) => {
|
|
95
|
+
$.if(East.equal(key, "scenarios"), $ => { $(nav.navigateTo([routes.Page.scenarios()])); });
|
|
96
|
+
$.if(East.equal(key, "audit"), $ => { $(nav.navigateTo([routes.Page.audit()])); });
|
|
97
|
+
$.if(East.equal(key, "overview"), $ => { $(nav.navigateTo([routes.Page.overview()])); });
|
|
99
98
|
}));
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
return (_jsxs(VStack, { gap: "0", align: "stretch", children: [_jsx(Box, { padding: "3", children: _jsx(Breadcrumb, { items: crumbs }) }), _jsxs(HStack, { gap: "4", align: "stretch", children: [_jsx(NavList, { sections: [{ items: [
|
|
113
|
-
{ key: "overview", label: "Overview" },
|
|
114
|
-
{ key: "scenarios", label: "Scenarios" },
|
|
115
|
-
{ key: "audit", label: "Audit" },
|
|
116
|
-
] }], onSelect: onSelect }), Pages.Root(shellRoutes)({
|
|
117
|
-
stateKey: SHELL_KEY,
|
|
118
|
-
initial: [shellRoutes.Page.overview()],
|
|
119
|
-
pages: {
|
|
120
|
-
overview: (_$, _v, nav) => overviewPage(_v, nav),
|
|
121
|
-
scenarios: (_$, _v, nav) => scenariosPage(_v, nav),
|
|
122
|
-
audit: (_$, _v, nav) => auditPage(_v, nav),
|
|
123
|
-
detail: (_$, row, nav) => detailPage(row, nav),
|
|
124
|
-
},
|
|
125
|
-
})] })] }));
|
|
126
|
-
} }))),
|
|
99
|
+
return (_jsxs(VStack, { gap: "0", align: "stretch", children: [_jsx(Box, { padding: "3", children: _jsx(Breadcrumb, { items: crumbs }) }), _jsxs(HStack, { gap: "4", align: "stretch", children: [_jsx(NavList, { sections: [{ items: [
|
|
100
|
+
{ key: "overview", label: "Overview" },
|
|
101
|
+
{ key: "scenarios", label: "Scenarios" },
|
|
102
|
+
{ key: "audit", label: "Audit" },
|
|
103
|
+
] }], onSelect: onSelect }), _jsx(Pages, { nav: nav, pages: {
|
|
104
|
+
overview: () => overviewPage(),
|
|
105
|
+
scenarios: () => scenariosPage(),
|
|
106
|
+
audit: () => auditPage(),
|
|
107
|
+
detail: (_$, row) => detailPage(row),
|
|
108
|
+
} })] })] }));
|
|
109
|
+
} }));
|
|
110
|
+
}),
|
|
127
111
|
inputs: [],
|
|
128
112
|
});
|
|
129
113
|
//# sourceMappingURL=pages.examples.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pages.examples.js","sourceRoot":"","sources":["../../../test/navigation/pages.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"pages.examples.js","sourceRoot":"","sources":["../../../test/navigation/pages.examples.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,4 +2,5 @@ export declare const drawerRight: import("@elaraai/east").ExampleDef<[], any>;
|
|
|
2
2
|
export declare const drawerLeft: import("@elaraai/east").ExampleDef<[], any>;
|
|
3
3
|
export declare const drawerInteractive: import("@elaraai/east").ExampleDef<[], any>;
|
|
4
4
|
export declare const drawerProgrammatic: import("@elaraai/east").ExampleDef<[], any>;
|
|
5
|
+
export declare const drawerFlush: import("@elaraai/east").ExampleDef<[], any>;
|
|
5
6
|
//# sourceMappingURL=drawer.examples.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.examples.d.ts","sourceRoot":"","sources":["../../../test/overlays/drawer.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,6CActB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAgBrB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CA2B5B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAyB7B,CAAC"}
|
|
1
|
+
{"version":3,"file":"drawer.examples.d.ts","sourceRoot":"","sources":["../../../test/overlays/drawer.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,6CActB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAgBrB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CA2B5B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAyB7B,CAAC;AAEH,eAAO,MAAM,WAAW,6CAqBtB,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
|
|
|
6
6
|
/** @jsxImportSource @elaraai/east-ui */
|
|
7
7
|
import { East, BooleanType, IntegerType, NullType, example, some, none } from "@elaraai/east";
|
|
8
8
|
import { State, UIComponentType } from "@elaraai/east-ui";
|
|
9
|
-
import { Button, Drawer, Reactive, Status, Text, VStack } from "@elaraai/east-ui";
|
|
9
|
+
import { Box, Button, Drawer, Reactive, Status, Text, VStack } from "@elaraai/east-ui";
|
|
10
10
|
export const drawerRight = example({
|
|
11
11
|
keywords: ["Drawer", "Root", "placement", "end", "right", "eyebrow"],
|
|
12
12
|
description: "Slide-in panel from right with the surface-header eyebrow",
|
|
@@ -57,4 +57,12 @@ export const drawerProgrammatic = example({
|
|
|
57
57
|
}),
|
|
58
58
|
inputs: [],
|
|
59
59
|
});
|
|
60
|
+
export const drawerFlush = example({
|
|
61
|
+
keywords: ["Drawer", "flush", "bodyPadding", "fillBody", "full-bleed", "padding", "fill-height", "scroll"],
|
|
62
|
+
description: "Body padding control: a full-bleed fill-height body (flush + fillBody) so a single child fills the panel and owns its own scroll, plus a custom bodyPadding inset",
|
|
63
|
+
fn: East.function([], UIComponentType, (_$) => {
|
|
64
|
+
return (_jsxs(VStack, { gap: "2", align: "flex-start", children: [_jsx(Drawer, { trigger: _jsx(Button, { children: "Open Full-bleed Drawer" }), eyebrow: "Rail \u00B7 data", title: "Full-bleed body", placement: "end", size: "md", flush: true, fillBody: true, children: _jsx(Box, { height: "100%", overflowY: "auto", children: _jsxs(VStack, { gap: "2", align: "stretch", children: [_jsx(Text, { children: "This body is flush (zero padding) and fills the panel height." }), _jsx(Text, { color: "fg.muted", children: "A single height:100% child owns its scrollbar instead of the whole panel scrolling." })] }) }) }), _jsx(Drawer, { trigger: _jsx(Button, { variant: "outline", children: "Open Custom-inset Drawer" }), title: "Custom inset", placement: "end", size: "md", bodyPadding: "8px 12px", children: _jsx(Text, { children: "This body uses a custom bodyPadding of 8px 12px instead of the default 16px 20px." }) })] }));
|
|
65
|
+
}),
|
|
66
|
+
inputs: [],
|
|
67
|
+
});
|
|
60
68
|
//# sourceMappingURL=drawer.examples.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.examples.js","sourceRoot":"","sources":["../../../test/overlays/drawer.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"drawer.examples.js","sourceRoot":"","sources":["../../../test/overlays/drawer.examples.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elaraai/east-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.28",
|
|
4
4
|
"description": "East UI - UI components for East language",
|
|
5
5
|
"main": "dist/src/index.js",
|
|
6
6
|
"types": "dist/src/index.d.ts",
|
|
@@ -162,10 +162,10 @@
|
|
|
162
162
|
"eslint-plugin-headers": "^1.3.3",
|
|
163
163
|
"tsx": "^4.19.2",
|
|
164
164
|
"typescript": "~5.9.2",
|
|
165
|
-
"@elaraai/east-node-std": "1.0.
|
|
165
|
+
"@elaraai/east-node-std": "1.0.28"
|
|
166
166
|
},
|
|
167
167
|
"peerDependencies": {
|
|
168
|
-
"@elaraai/east": "1.0.
|
|
168
|
+
"@elaraai/east": "1.0.28"
|
|
169
169
|
},
|
|
170
170
|
"scripts": {
|
|
171
171
|
"build": "tsc",
|