@rvx/ui 0.1.29 → 0.1.31
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/common/context.d.ts +3 -0
- package/dist/common/context.d.ts.map +1 -0
- package/dist/common/context.js +12 -0
- package/dist/common/context.js.map +1 -0
- package/dist/common/theme.d.ts +4 -3
- package/dist/common/theme.d.ts.map +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/control-group.d.ts +1 -0
- package/dist/components/control-group.d.ts.map +1 -1
- package/dist/components/control-group.js +2 -0
- package/dist/components/control-group.js.map +1 -1
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +2 -1
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/error.d.ts +4 -0
- package/dist/components/error.d.ts.map +1 -0
- package/dist/components/error.js +8 -0
- package/dist/components/error.js.map +1 -0
- package/dist/components/notifications.d.ts +4 -0
- package/dist/components/notifications.d.ts.map +1 -1
- package/dist/components/notifications.js +43 -33
- package/dist/components/notifications.js.map +1 -1
- package/dist/components/validation.d.ts +0 -3
- package/dist/components/validation.d.ts.map +1 -1
- package/dist/components/validation.js +2 -7
- package/dist/components/validation.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/theme.module.css +50 -37
- package/dist/theme.module.css.map +1 -1
- package/package.json +1 -1
- package/src/common/context.tsx +14 -0
- package/src/common/theme.tsx +4 -3
- package/src/components/button.tsx +1 -1
- package/src/components/control-group.tsx +3 -1
- package/src/components/dialog.tsx +2 -1
- package/src/components/error.tsx +11 -0
- package/src/components/notifications.tsx +68 -50
- package/src/components/validation.tsx +3 -13
- package/src/index.tsx +2 -0
- package/src/theme/base.scss +3 -3
- package/src/theme/components/button.scss +12 -15
- package/src/theme/components/control-group.scss +23 -2
- package/src/theme/components/error.scss +12 -0
- package/src/theme/components/notifications.scss +1 -2
- package/src/theme/theme.scss +1 -1
- package/src/theme/components/validation.scss +0 -16
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/common/context.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,SAEpC;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAK9G"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Context } from "rvx";
|
|
2
|
+
let overlayContext;
|
|
3
|
+
export function captureOverlayContext() {
|
|
4
|
+
overlayContext = Context.capture();
|
|
5
|
+
}
|
|
6
|
+
export function inOverlayContext(fn, ...args) {
|
|
7
|
+
if (!overlayContext) {
|
|
8
|
+
captureOverlayContext();
|
|
9
|
+
}
|
|
10
|
+
return Context.window(overlayContext, fn, ...args);
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/common/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,KAAK,CAAC;AAE5C,IAAI,cAAmD,CAAC;AAExD,MAAM,UAAU,qBAAqB;IACpC,cAAc,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAkC,EAAK,EAAE,GAAG,IAAmB;IAC9F,IAAI,CAAC,cAAc,EAAE,CAAC;QACrB,qBAAqB,EAAE,CAAC;IACzB,CAAC;IACD,OAAO,OAAO,CAAC,MAAM,CAAC,cAAe,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;AACrD,CAAC"}
|
package/dist/common/theme.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ export interface Theme {
|
|
|
31
31
|
button_danger?: string;
|
|
32
32
|
button_warning?: string;
|
|
33
33
|
button_input?: string;
|
|
34
|
-
|
|
34
|
+
button_item?: string;
|
|
35
35
|
card?: string;
|
|
36
36
|
card_raw?: string;
|
|
37
37
|
card_default?: string;
|
|
@@ -55,6 +55,8 @@ export interface Theme {
|
|
|
55
55
|
column_group?: string;
|
|
56
56
|
column_control?: string;
|
|
57
57
|
control_group?: string;
|
|
58
|
+
control_group_row?: string;
|
|
59
|
+
control_group_column?: string;
|
|
58
60
|
dialog_container?: string;
|
|
59
61
|
dialog_body?: string;
|
|
60
62
|
dialog_fadein?: string;
|
|
@@ -122,8 +124,7 @@ export interface Theme {
|
|
|
122
124
|
tab_panel?: string;
|
|
123
125
|
text_input?: string;
|
|
124
126
|
text?: string;
|
|
125
|
-
|
|
126
|
-
validation_message_container?: string;
|
|
127
|
+
error_message?: string;
|
|
127
128
|
value?: string;
|
|
128
129
|
}
|
|
129
130
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAE9B,eAAO,MAAM,KAAK,4BAA4C,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,KAAK;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { ClassValue, Expression, StyleValue } from "rvx";
|
|
|
2
2
|
import { Action } from "../common/events.js";
|
|
3
3
|
import { Validator } from "./validation.js";
|
|
4
4
|
export type ButtonType = "button" | "submit" | "reset" | "menu";
|
|
5
|
-
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "
|
|
5
|
+
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "item";
|
|
6
6
|
export declare function Button(props: {
|
|
7
7
|
/**
|
|
8
8
|
* The button type.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"control-group.d.ts","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"control-group.d.ts","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAG9D,wBAAgB,YAAY,CAAC,KAAK,EAAE;IACnC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CACzC,GAAG,OAAO,CAaV"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
+
import { map } from "rvx";
|
|
2
3
|
import { THEME } from "../common/theme.js";
|
|
3
4
|
export function ControlGroup(props) {
|
|
4
5
|
const theme = THEME.current;
|
|
5
6
|
return _jsx("div", { class: [
|
|
6
7
|
theme?.control_group,
|
|
7
8
|
props.class,
|
|
9
|
+
map(props.column, column => column ? theme?.control_group_column : theme?.control_group_row),
|
|
8
10
|
], style: props.style, id: props.id, children: props.children });
|
|
9
11
|
}
|
|
10
12
|
//# sourceMappingURL=control-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"control-group.js","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"control-group.js","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,UAAU,YAAY,CAAC,KAM5B;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,aAAa;YACpB,KAAK,CAAC,KAAK;YACX,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC;SAC5F,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,OAAO,EAAW,KAAK,EAAE,UAAU,EAAe,UAAU,EAAsB,MAAM,KAAK,CAAC;AAEnI,OAAO,EAAE,MAAM,EAA0D,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,OAAO,EAAW,KAAK,EAAE,UAAU,EAAe,UAAU,EAAsB,MAAM,KAAK,CAAC;AAEnI,OAAO,EAAE,MAAM,EAA0D,MAAM,aAAa,CAAC;AAI7F,qBAAa,gBAAiB,SAAQ,KAAK;CAAI;AAE/C,MAAM,WAAW,MAAM,CAAC,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;AAE3D,MAAM,WAAW,aAAa;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,sDAA6D,CAAC;AAEzF,wBAAgB,UAAU,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CA2C7F;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,aAAa,CAAC;AAElD,wBAAgB,UAAU,CAAC,KAAK,EAAE;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAE3C,iBAAiB,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnD,kBAAkB,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACpD,GAAG,OAAO,CAwDV;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,WAEzF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IACnC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CAoBV"}
|
|
@@ -3,12 +3,13 @@ import { $, captureSelf, Context, Emitter, map, render, teardown, uniqueId } fro
|
|
|
3
3
|
import { TASKS, Tasks, useMicrotask } from "rvx/async";
|
|
4
4
|
import { Column, FlexSpace, Group, Heading, Row, Separated, Text, THEME } from "../index.js";
|
|
5
5
|
import { LAYER, Layer } from "./layer.js";
|
|
6
|
+
import { inOverlayContext } from "../common/context.js";
|
|
6
7
|
export class DialogAbortError extends Error {
|
|
7
8
|
}
|
|
8
9
|
export const DIALOG_FADEOUT = new Context();
|
|
9
10
|
export function showDialog(init, options) {
|
|
10
11
|
return new Promise((resolve, reject) => {
|
|
11
|
-
captureSelf
|
|
12
|
+
inOverlayContext(captureSelf, dispose => {
|
|
12
13
|
const enabled = $(true);
|
|
13
14
|
const fadeout = new Emitter();
|
|
14
15
|
const view = render(_jsx(Layer, { modal: true, enabled: enabled, children: () => Context.inject([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,WAAW,EAAc,OAAO,EAAE,OAAO,EAAqB,GAAG,EAAE,MAAM,EAAc,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACnI,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/components/error.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAAC,KAAK,EAAE;IACnC,QAAQ,EAAE,OAAO,CAAC;CAClB,GAAG,OAAO,CAKV"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
+
import { THEME } from "../common/theme.js";
|
|
3
|
+
import { Text } from "./text.js";
|
|
4
|
+
export function ErrorMessage(props) {
|
|
5
|
+
const theme = THEME.current;
|
|
6
|
+
return _jsx(Text, { class: theme?.error_message, children: props.children });
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=error.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error.js","sourceRoot":"","sources":["../../src/components/error.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,UAAU,YAAY,CAAC,KAE5B;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,YACtC,KAAK,CAAC,QAAQ,GACT,CAAC;AACT,CAAC"}
|
|
@@ -8,5 +8,9 @@ export interface NotificationOptions {
|
|
|
8
8
|
timeout?: number;
|
|
9
9
|
raw?: boolean;
|
|
10
10
|
}
|
|
11
|
+
export interface NotificationHostOptions {
|
|
12
|
+
inlineSize: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const NOTIFICATIONS: import("rvx").Signal<NotificationHostOptions>;
|
|
11
15
|
export declare function showNotification(content: Component<Notification>, options?: NotificationOptions): Notification;
|
|
12
16
|
//# sourceMappingURL=notifications.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,
|
|
1
|
+
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAmD,MAAM,KAAK,CAAC;AAOjG,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,YAAY;IAC5B,OAAO,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IACnC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;CACd;AAED,MAAM,WAAW,uBAAuB;IACvC,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,+CAExB,CAAC;AAKH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,YAAY,CAkE9G"}
|
|
@@ -1,46 +1,56 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import { $, captureSelf, For, movable, render, teardown } from "rvx";
|
|
2
|
+
import { $, captureSelf, For, movable, render, teardown, uncapture } from "rvx";
|
|
3
3
|
import { useTimeout } from "rvx/async";
|
|
4
|
+
import { inOverlayContext } from "../common/context.js";
|
|
4
5
|
import { THEME } from "../common/theme.js";
|
|
5
6
|
import { Collapse } from "./collapse.js";
|
|
6
7
|
import { Column } from "./column.js";
|
|
8
|
+
export const NOTIFICATIONS = $({
|
|
9
|
+
inlineSize: "32rem",
|
|
10
|
+
});
|
|
7
11
|
let host;
|
|
8
12
|
const instances = $([]);
|
|
9
13
|
export function showNotification(content, options) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const visible = $(true);
|
|
19
|
-
const instance = movable(_jsx(Collapse, { fadein: true, visible: visible, children: _jsx("div", { class: [
|
|
20
|
-
theme?.notification,
|
|
21
|
-
options?.raw ? theme?.notification_raw : undefined,
|
|
22
|
-
theme?.[`notification_${options?.variant ?? "default"}`],
|
|
23
|
-
], children: options?.raw
|
|
24
|
-
? content(handle)
|
|
25
|
-
: _jsx(Column, { size: "group", children: content(handle) }) }) })).move;
|
|
26
|
-
instances.update(instances => {
|
|
27
|
-
instances.push(instance);
|
|
28
|
-
});
|
|
29
|
-
if (options?.timeout !== undefined) {
|
|
30
|
-
useTimeout(dispose, options.timeout);
|
|
14
|
+
return inOverlayContext(() => {
|
|
15
|
+
const theme = THEME.current;
|
|
16
|
+
if (!host) {
|
|
17
|
+
uncapture(() => {
|
|
18
|
+
host = render(_jsx("div", { class: theme?.notification_host, style: {
|
|
19
|
+
"--notification-inline-size": () => NOTIFICATIONS.value.inlineSize,
|
|
20
|
+
}, children: _jsx(Column, { class: theme?.notification_area, size: "group", children: _jsx(For, { each: instances, children: instance => instance() }) }) }));
|
|
21
|
+
});
|
|
31
22
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
23
|
+
host.appendTo(document.body);
|
|
24
|
+
let handle;
|
|
25
|
+
captureSelf(dispose => {
|
|
26
|
+
handle = { dispose };
|
|
27
|
+
const visible = $(true);
|
|
28
|
+
const instance = movable(_jsx(Collapse, { fadein: true, visible: visible, children: _jsx("div", { class: [
|
|
29
|
+
theme?.notification,
|
|
30
|
+
options?.raw ? theme?.notification_raw : undefined,
|
|
31
|
+
theme?.[`notification_${options?.variant ?? "default"}`],
|
|
32
|
+
], children: options?.raw
|
|
33
|
+
? content(handle)
|
|
34
|
+
: _jsx(Column, { size: "group", children: content(handle) }) }) })).move;
|
|
35
|
+
instances.update(instances => {
|
|
36
|
+
instances.push(instance);
|
|
37
|
+
});
|
|
38
|
+
if (options?.timeout !== undefined) {
|
|
39
|
+
useTimeout(dispose, options.timeout);
|
|
40
|
+
}
|
|
41
|
+
teardown(() => {
|
|
42
|
+
visible.value = false;
|
|
43
|
+
setTimeout(() => {
|
|
44
|
+
instances.update(instances => {
|
|
45
|
+
const index = instances.indexOf(instance);
|
|
46
|
+
if (index >= 0) {
|
|
47
|
+
instances.splice(index, 1);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
}, 1000);
|
|
51
|
+
});
|
|
42
52
|
});
|
|
53
|
+
return handle;
|
|
43
54
|
});
|
|
44
|
-
return handle;
|
|
45
55
|
}
|
|
46
56
|
//# sourceMappingURL=notifications.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,WAAW,EAAa,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAQ,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"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"}
|
|
@@ -79,9 +79,6 @@ export declare function closestValidator(target: ValidationTarget | undefined):
|
|
|
79
79
|
* @returns `true` if valid.
|
|
80
80
|
*/
|
|
81
81
|
export declare function validate(targets: ValidationTarget[], abortSignal?: AbortSignal): Promise<boolean>;
|
|
82
|
-
export declare function ValidationMessage(props: {
|
|
83
|
-
children: unknown;
|
|
84
|
-
}): unknown;
|
|
85
82
|
export declare function ValidationMessages(props: {
|
|
86
83
|
for: Signal<unknown> | Validator;
|
|
87
84
|
}): unknown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/components/validation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,SAAS,EAAE,OAAO,EAAiB,MAAM,EAAwD,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/components/validation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,SAAS,EAAE,OAAO,EAAiB,MAAM,EAAwD,MAAM,KAAK,CAAC;AAQzH,eAAO,MAAM,UAAU,wCAA+C,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,YAAY,GAAG,OAAO,CAAC;AAExE,MAAM,WAAW,iBAAiB;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC9B;;;;;;;OAOG;IACH,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC;CACxF;AAED,qBAAa,mBAAmB;;gBAKnB,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,IAAI;IAKpD,IAAI,QAAQ,IAAI,SAAS,EAAE,CAE1B;IAEK,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,SAAS,EAAE,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAa3F,KAAK,IAAI,IAAI;CAIb;AAED,qBAAa,SAAS;;;IAmDrB,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IAQrD;;;;OAIG;IACH,OAAO,gBAAgC;IAEvC;;OAEG;IACH,UAAU,eAEP;IAEH,IAAI,KAAK,IAAI,mBAAmB,EAAE,CAEjC;IAED;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAOtC;;OAEG;IACH,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAOvC;;;;OAIG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI;IAIrC;;OAEG;IACH,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,SAAS;CAQ9C;AAED,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAE3D;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAK5E;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAQ5F;AAED;;;;;;GAMG;AACH,wBAAsB,QAAQ,CAAC,OAAO,EAAE,gBAAgB,EAAE,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAUvG;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACzC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACjC,WA6BA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
2
|
import { $, Context, Emitter, memo, teardown, trigger, uniqueIdFor, untrack } from "rvx";
|
|
3
3
|
import { Queue } from "rvx/async";
|
|
4
|
-
import { THEME } from "../common/theme.js";
|
|
5
4
|
import { CollapseFor } from "./collapse.js";
|
|
6
|
-
import {
|
|
5
|
+
import { ErrorMessage } from "./error.js";
|
|
7
6
|
const VALIDATORS = new WeakMap();
|
|
8
7
|
const ALERTS = new WeakMap();
|
|
9
8
|
export const VALIDATION = new Context();
|
|
@@ -144,10 +143,6 @@ export async function validate(targets, abortSignal) {
|
|
|
144
143
|
}
|
|
145
144
|
return !(await Promise.all(tasks)).includes(false);
|
|
146
145
|
}
|
|
147
|
-
export function ValidationMessage(props) {
|
|
148
|
-
const theme = THEME.current;
|
|
149
|
-
return _jsx(Text, { class: theme?.validation_message, children: props.children });
|
|
150
|
-
}
|
|
151
146
|
export function ValidationMessages(props) {
|
|
152
147
|
const validator = props.for instanceof Validator
|
|
153
148
|
? props.for
|
|
@@ -170,6 +165,6 @@ export function ValidationMessages(props) {
|
|
|
170
165
|
};
|
|
171
166
|
}
|
|
172
167
|
}
|
|
173
|
-
}, children: message => _jsx(
|
|
168
|
+
}, children: message => _jsx(ErrorMessage, { children: message() }) });
|
|
174
169
|
}
|
|
175
170
|
//# sourceMappingURL=validation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../src/components/validation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAa,OAAO,EAAE,OAAO,EAAE,IAAI,EAAU,QAAQ,EAAE,OAAO,EAAe,WAAW,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzH,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../src/components/validation.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from "./common/context.js";
|
|
1
2
|
export * from "./common/coupling.js";
|
|
2
3
|
export * from "./common/events.js";
|
|
3
4
|
export * from "./common/theme.js";
|
|
@@ -13,6 +14,7 @@ export * from "./components/control-group.js";
|
|
|
13
14
|
export * from "./components/dialog.js";
|
|
14
15
|
export * from "./components/dropdown-input.js";
|
|
15
16
|
export * from "./components/dropdown.js";
|
|
17
|
+
export * from "./components/error.js";
|
|
16
18
|
export * from "./components/flex-space.js";
|
|
17
19
|
export * from "./components/heading.js";
|
|
18
20
|
export * from "./components/label.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from "./common/context.js";
|
|
1
2
|
export * from "./common/coupling.js";
|
|
2
3
|
export * from "./common/events.js";
|
|
3
4
|
export * from "./common/theme.js";
|
|
@@ -13,6 +14,7 @@ export * from "./components/control-group.js";
|
|
|
13
14
|
export * from "./components/dialog.js";
|
|
14
15
|
export * from "./components/dropdown-input.js";
|
|
15
16
|
export * from "./components/dropdown.js";
|
|
17
|
+
export * from "./components/error.js";
|
|
16
18
|
export * from "./components/flex-space.js";
|
|
17
19
|
export * from "./components/heading.js";
|
|
18
20
|
export * from "./components/label.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}
|
package/dist/theme.module.css
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
--control-pad-block-end: 0.5rem;
|
|
32
32
|
--control-pad-inline-end: 0.5714285714rem;
|
|
33
33
|
--input-extension: 0.2857142857rem;
|
|
34
|
-
--separator: 0.
|
|
34
|
+
--separator: 0.1428571429rem;
|
|
35
35
|
--focus-outline-offset: 0.1428571429rem;
|
|
36
36
|
--overflow-safe-area: 0.2857142857rem;
|
|
37
37
|
--line-gap: 0.4285714286rem;
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
--accent: rgb(0, 127, 255);
|
|
48
48
|
--fg: black;
|
|
49
49
|
--focus-outline: var(--control-border) dashed var(--accent);
|
|
50
|
-
--separator-color: rgb(
|
|
50
|
+
--separator-color: rgb(240, 240, 240);
|
|
51
51
|
--selection-bg: rgba(0, 127, 255, 0.3);
|
|
52
52
|
--overlay-backdrop: rgba(245, 245, 245, 0.7);
|
|
53
53
|
--overlay-bg: var(--bg);
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
--accent: rgb(64, 160, 255);
|
|
64
64
|
--fg: white;
|
|
65
65
|
--focus-outline: var(--control-border) dashed var(--accent);
|
|
66
|
-
--separator-color: rgb(
|
|
66
|
+
--separator-color: rgb(40, 40, 40);
|
|
67
67
|
--selection-bg: rgba(64, 160, 255, 0.5);
|
|
68
68
|
--overlay-backdrop: rgba(24, 24, 24, 0.8);
|
|
69
69
|
--overlay-bg: var(--bg);
|
|
@@ -160,10 +160,9 @@ body {
|
|
|
160
160
|
--button-input-bg-hover: rgb(230, 230, 230);
|
|
161
161
|
--button-input-fg: black;
|
|
162
162
|
--button-input-border: rgb(220, 220, 220);
|
|
163
|
-
--button-
|
|
164
|
-
--button-
|
|
165
|
-
--button-
|
|
166
|
-
--button-text-fg: var(--fg);
|
|
163
|
+
--button-item-bg: rgb(225, 225, 225);
|
|
164
|
+
--button-item-bg-hover: rgb(200, 200, 200);
|
|
165
|
+
--button-item-fg: black;
|
|
167
166
|
}
|
|
168
167
|
@media (prefers-color-scheme: dark) {
|
|
169
168
|
:root {
|
|
@@ -186,14 +185,13 @@ body {
|
|
|
186
185
|
--button-danger-bg-hover: rgb(255, 100, 100);
|
|
187
186
|
--button-danger-fg: white;
|
|
188
187
|
--button-danger-focus: rgb(255, 200, 214);
|
|
189
|
-
--button-input-bg: rgb(
|
|
188
|
+
--button-input-bg: rgb(36, 36, 36);
|
|
190
189
|
--button-input-bg-hover: rgb(64, 64, 64);
|
|
191
190
|
--button-input-fg: white;
|
|
192
|
-
--button-input-border:
|
|
193
|
-
--button-
|
|
194
|
-
--button-
|
|
195
|
-
--button-
|
|
196
|
-
--button-text-fg: var(--fg);
|
|
191
|
+
--button-input-border: rgb(54, 54, 54);
|
|
192
|
+
--button-item-bg: rgb(48, 48, 48);
|
|
193
|
+
--button-item-bg-hover: rgb(64, 64, 64);
|
|
194
|
+
--button-item-fg: white;
|
|
197
195
|
color-scheme: dark;
|
|
198
196
|
}
|
|
199
197
|
}
|
|
@@ -307,22 +305,23 @@ body {
|
|
|
307
305
|
background-color: var(--button-input-bg-active, var(--button-input-bg));
|
|
308
306
|
}
|
|
309
307
|
|
|
310
|
-
.
|
|
311
|
-
background-color: var(--button-
|
|
312
|
-
color: var(--button-
|
|
313
|
-
border: var(--button-
|
|
308
|
+
.button_item {
|
|
309
|
+
background-color: var(--button-item-bg);
|
|
310
|
+
color: var(--button-item-fg);
|
|
311
|
+
border: var(--button-item-border, transparent) solid var(--control-border);
|
|
314
312
|
}
|
|
315
|
-
.
|
|
316
|
-
background-color: var(--button-
|
|
313
|
+
.button_item:hover:not(:active):not([disabled]) {
|
|
314
|
+
background-color: var(--button-item-bg-hover);
|
|
317
315
|
}
|
|
318
|
-
.
|
|
319
|
-
border-color: var(--button-
|
|
316
|
+
.button_item:focus-visible {
|
|
317
|
+
border-color: var(--button-item-focus, var(--accent));
|
|
320
318
|
}
|
|
321
|
-
.
|
|
322
|
-
background-color: var(--button-
|
|
319
|
+
.button_item:active {
|
|
320
|
+
background-color: var(--button-item-bg-active, var(--button-item-bg));
|
|
323
321
|
}
|
|
324
322
|
|
|
325
|
-
.button_input
|
|
323
|
+
.button_input,
|
|
324
|
+
.button_item {
|
|
326
325
|
text-align: left;
|
|
327
326
|
}
|
|
328
327
|
|
|
@@ -514,21 +513,39 @@ body {
|
|
|
514
513
|
|
|
515
514
|
.control_group {
|
|
516
515
|
display: flex;
|
|
517
|
-
flex-direction: row;
|
|
518
516
|
box-shadow: var(--control-shadow);
|
|
517
|
+
border-radius: var(--control-radius);
|
|
518
|
+
background: var(--separator-color);
|
|
519
|
+
gap: var(--separator);
|
|
519
520
|
}
|
|
520
|
-
.control_group * {
|
|
521
|
+
.control_group > * {
|
|
521
522
|
--control-shadow: none;
|
|
522
523
|
}
|
|
523
|
-
|
|
524
|
+
|
|
525
|
+
.control_group_row {
|
|
526
|
+
flex-direction: row;
|
|
527
|
+
}
|
|
528
|
+
.control_group_row > :not(:first-child) {
|
|
524
529
|
border-start-start-radius: 0;
|
|
525
530
|
border-end-start-radius: 0;
|
|
526
531
|
}
|
|
527
|
-
.
|
|
532
|
+
.control_group_row > :not(:last-child) {
|
|
528
533
|
border-start-end-radius: 0;
|
|
529
534
|
border-end-end-radius: 0;
|
|
530
535
|
}
|
|
531
536
|
|
|
537
|
+
.control_group_column {
|
|
538
|
+
flex-direction: column;
|
|
539
|
+
}
|
|
540
|
+
.control_group_column > :not(:first-child) {
|
|
541
|
+
border-start-start-radius: 0;
|
|
542
|
+
border-start-end-radius: 0;
|
|
543
|
+
}
|
|
544
|
+
.control_group_column > :not(:last-child) {
|
|
545
|
+
border-end-start-radius: 0;
|
|
546
|
+
border-end-end-radius: 0;
|
|
547
|
+
}
|
|
548
|
+
|
|
532
549
|
.dialog_container {
|
|
533
550
|
position: fixed;
|
|
534
551
|
inset: 0;
|
|
@@ -796,7 +813,7 @@ h6.heading {
|
|
|
796
813
|
.notification_host {
|
|
797
814
|
--overflow-safe-area: .5rem;
|
|
798
815
|
display: grid;
|
|
799
|
-
grid-template-columns: 1fr minmax(auto,
|
|
816
|
+
grid-template-columns: 1fr minmax(auto, var(--notification-inline-size)) 0;
|
|
800
817
|
grid-template-rows: 1fr auto 0;
|
|
801
818
|
overflow: auto;
|
|
802
819
|
position: fixed;
|
|
@@ -1215,20 +1232,16 @@ input.text_input {
|
|
|
1215
1232
|
}
|
|
1216
1233
|
|
|
1217
1234
|
:root {
|
|
1218
|
-
--
|
|
1235
|
+
--error-message-fg: rgb(212, 0, 0);
|
|
1219
1236
|
}
|
|
1220
1237
|
@media (prefers-color-scheme: dark) {
|
|
1221
1238
|
:root {
|
|
1222
|
-
--
|
|
1239
|
+
--error-message-fg: rgb(255, 64, 64);
|
|
1223
1240
|
color-scheme: dark;
|
|
1224
1241
|
}
|
|
1225
1242
|
}
|
|
1226
|
-
.
|
|
1227
|
-
color: var(--
|
|
1228
|
-
}
|
|
1229
|
-
|
|
1230
|
-
.validation_message_container {
|
|
1231
|
-
--space-above: 0.5rem;
|
|
1243
|
+
.error_message {
|
|
1244
|
+
color: var(--error-message-fg);
|
|
1232
1245
|
}
|
|
1233
1246
|
|
|
1234
1247
|
.value {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/breadcrumbs.scss","../src/theme/components/button.scss","../src/theme/components/card.scss","../src/theme/components/checkbox.scss","../src/theme/components/collapse.scss","../src/theme/components/column.scss","../src/theme/components/control-group.scss","../src/theme/components/dialog.scss","../src/theme/components/dropdown.scss","../src/theme/components/flex-space.scss","../src/theme/components/heading.scss","../src/theme/components/label.scss","../src/theme/components/link.scss","../src/theme/components/nav-list.scss","../src/theme/components/notifications.scss","../src/theme/components/page.scss","../src/theme/components/popover.scss","../src/theme/components/radio-buttons.scss","../src/theme/components/row.scss","../src/theme/components/scroll-view.scss","../src/theme/components/separated.scss","../src/theme/components/slider.scss","../src/theme/components/tabs.scss","../src/theme/components/text-input.scss","../src/theme/components/text.scss","../src/theme/components/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/breadcrumbs.scss","../src/theme/components/button.scss","../src/theme/components/card.scss","../src/theme/components/checkbox.scss","../src/theme/components/collapse.scss","../src/theme/components/column.scss","../src/theme/components/control-group.scss","../src/theme/components/dialog.scss","../src/theme/components/dropdown.scss","../src/theme/components/flex-space.scss","../src/theme/components/heading.scss","../src/theme/components/label.scss","../src/theme/components/link.scss","../src/theme/components/nav-list.scss","../src/theme/components/notifications.scss","../src/theme/components/page.scss","../src/theme/components/popover.scss","../src/theme/components/radio-buttons.scss","../src/theme/components/row.scss","../src/theme/components/scroll-view.scss","../src/theme/components/separated.scss","../src/theme/components/slider.scss","../src/theme/components/tabs.scss","../src/theme/components/text-input.scss","../src/theme/components/text.scss","../src/theme/components/error.scss","../src/theme/components/value.scss"],"names":[],"mappings":"AASA;EACC;EACA;EACA;EAEA;ECcA;EACA;EACA;EACA;EDbA;EACA;EACA;EACA;ECOA;EACA;EACA;EACA;EDPA;EACA;ECGA;EACA;EACA;EACA;EDHA;EACA;EACA;EACA;EACA;ECJA;EACA;EACA;EACA;EDIA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;EACA;EAEA;;;ACtCA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AD4FH;EACC;EACA;EAEA;;AACA;EALD;IAME;;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AClHA;EANE;;AAQD;EAFD;IANE;IAUA;;;ACNH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ADzBA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AEuGH;EACC;EACA;EACA;EACA;EAEA;EAEA;EF3FA,eACC;EAED,gBACC;EE0FD;EACA;;AAGA;EACC;;AAGD;EACC;EACA;;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAKH;AAAA;EAEC;;;AF1JA;EANE;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAUA;;;AGUH;EACC;EACA;EACA;;AAEA;EHKA,eACC;EAED,gBACC;;;AGHD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACpCF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AC3BD;EACC;EACA;EACA;EACA;;;AAGD;EACC,YACC;;;AAKF;EACC;IAAO;;EACP;IAAM;;EACN;IAAM;;EACN;IAAK;;;AAGN;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EACC,YACC;;AAIF;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC,YACC;;AAKF;EACC;EACA;EACA;;;AC9DF;EACC;EACA;;AAEA;EACC;;AAMD;EACC;;AAGD;EACC;;AAMD;EACC;;;AAKD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AMTD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AMTD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AOtCF;EACC;EAEA;EACA;EAEA;EACA;;AAEA;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAED;EACC;EACA;;;AAIF;EACC;;AAEA;EACC;EACA;;AAED;EACC;EACA;;;ACnCF;EACC;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAGD;EACC;;AACA;EACC;;;AAIF;EACC;EACA;;AACA;EACC;;;AAIF;EACC;IACC;;;AAIF;EACC;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;ERxBC,eACC;EAED,gBACC;;;AA5BD;EANE;;AAQD;EAFD;IANE;IAUA;;;ASNH;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;ETAA,eACC;EAED,gBACC;ESFD;;AAEA;EACC;;;ACvCF;EACC;EACA;EACA;;;ACHD;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;;AX1BA;EANE;;AAQD;EAFD;IANE;IAUA;;;AYNH;EACC;EACA;EAEA;EACA;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;ACpBF;EACC;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AbLD;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;Ac0BH;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;Ed3BA,eACC;EAED,gBACC;Ec0BD;;AAGA;EACC;EACA;;AAGD;EAEC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;;Ad9EA;EANE;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAUA;;;AeWH;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EffA,eACC;EAED,gBACC;;;AeiBD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACxDF;EACC,eACC;EAED,gBACC;EAGD;EACA;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAEA;EACC;;;AAKH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ACvCD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EAEA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;AAEA;EjBVA,eACC;EAED,gBACC;;;AkBtCF;EACC;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AChCD;EACC;EACA;EACA;;;AAIA;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AmB9BD;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AmB9BD;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AA5BD;EANE;EAAA;;AAQD;EAFD;IANE;IAAA;IAUA;;;AoBFH;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;ACvDD;EACC;EACA;;AAEA;EACC;;AAED;EACC;;;AAIF;EACC;EACA;;AAEA;EACC;;AAED;EACC;;;ACpBF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;;AtBAF;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AuBcH;EACC;EACA;EACA;;;AAGD;EACC,gBACC;;;AAIF;EACC;EACA;EACA;EACA;EAEA;EACA;EAEA,eACC;EAED,gBACC;EAGD;EACA;EACA;EACA;EAEA;EACA;;AAGA;EAEC;EACA;;AAED;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EvBpDC,eACC;EAED,gBACC;;;AA5BD;EANE;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AwBMH;EACC;EACA;EACA;EAEA;EAEA;ExBOA,eACC;EAED,gBACC;EwBTD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;;;AC/CD;EACC;;AAEA;EAEC;EACA;EACA;EACA;;;AzBED;EANE;;AAQD;EAFD;IANE;IAUA;;;A0BNH;EACC;;;ACTD;EACC","file":"theme.module.css"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Context, ContextState } from "rvx";
|
|
2
|
+
|
|
3
|
+
let overlayContext: ContextState<unknown>[] | undefined;
|
|
4
|
+
|
|
5
|
+
export function captureOverlayContext() {
|
|
6
|
+
overlayContext = Context.capture();
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function inOverlayContext<F extends (...args: any) => any>(fn: F, ...args: Parameters<F>): ReturnType<F> {
|
|
10
|
+
if (!overlayContext) {
|
|
11
|
+
captureOverlayContext();
|
|
12
|
+
}
|
|
13
|
+
return Context.window(overlayContext!, fn, ...args);
|
|
14
|
+
}
|
package/src/common/theme.tsx
CHANGED
|
@@ -34,7 +34,7 @@ export interface Theme {
|
|
|
34
34
|
button_danger?: string;
|
|
35
35
|
button_warning?: string;
|
|
36
36
|
button_input?: string;
|
|
37
|
-
|
|
37
|
+
button_item?: string;
|
|
38
38
|
|
|
39
39
|
card?: string;
|
|
40
40
|
card_raw?: string;
|
|
@@ -63,6 +63,8 @@ export interface Theme {
|
|
|
63
63
|
column_control?: string;
|
|
64
64
|
|
|
65
65
|
control_group?: string;
|
|
66
|
+
control_group_row?: string;
|
|
67
|
+
control_group_column?: string;
|
|
66
68
|
|
|
67
69
|
dialog_container?: string;
|
|
68
70
|
dialog_body?: string;
|
|
@@ -149,8 +151,7 @@ export interface Theme {
|
|
|
149
151
|
|
|
150
152
|
text?: string;
|
|
151
153
|
|
|
152
|
-
|
|
153
|
-
validation_message_container?: string;
|
|
154
|
+
error_message?: string;
|
|
154
155
|
|
|
155
156
|
value?: string;
|
|
156
157
|
}
|
|
@@ -6,7 +6,7 @@ import { THEME } from "../common/theme.js";
|
|
|
6
6
|
import { Validator } from "./validation.js";
|
|
7
7
|
|
|
8
8
|
export type ButtonType = "button" | "submit" | "reset" | "menu";
|
|
9
|
-
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "
|
|
9
|
+
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "item";
|
|
10
10
|
|
|
11
11
|
export function Button(props: {
|
|
12
12
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
1
|
+
import { ClassValue, Expression, map, StyleValue } from "rvx";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
3
|
|
|
4
4
|
export function ControlGroup(props: {
|
|
@@ -6,12 +6,14 @@ export function ControlGroup(props: {
|
|
|
6
6
|
style?: StyleValue;
|
|
7
7
|
id?: Expression<string | undefined>;
|
|
8
8
|
children?: unknown;
|
|
9
|
+
column?: Expression<boolean | undefined>;
|
|
9
10
|
}): unknown {
|
|
10
11
|
const theme = THEME.current;
|
|
11
12
|
return <div
|
|
12
13
|
class={[
|
|
13
14
|
theme?.control_group,
|
|
14
15
|
props.class,
|
|
16
|
+
map(props.column, column => column ? theme?.control_group_column : theme?.control_group_row),
|
|
15
17
|
]}
|
|
16
18
|
style={props.style}
|
|
17
19
|
id={props.id}
|
|
@@ -2,6 +2,7 @@ import { $, captureSelf, ClassValue, Context, Emitter, Event, Expression, map, r
|
|
|
2
2
|
import { TASKS, Tasks, useMicrotask } from "rvx/async";
|
|
3
3
|
import { Column, FlexSpace, Group, Heading, Row, Separated, Text, THEME } from "../index.js";
|
|
4
4
|
import { LAYER, Layer } from "./layer.js";
|
|
5
|
+
import { inOverlayContext } from "../common/context.js";
|
|
5
6
|
|
|
6
7
|
export class DialogAbortError extends Error { }
|
|
7
8
|
|
|
@@ -20,7 +21,7 @@ export const DIALOG_FADEOUT = new Context<Event<[tasks: Promise<void>[]]> | unde
|
|
|
20
21
|
|
|
21
22
|
export function showDialog<T = void>(init: DialogInit<T>, options?: DialogOptions): Promise<T> {
|
|
22
23
|
return new Promise<T>((resolve, reject) => {
|
|
23
|
-
captureSelf
|
|
24
|
+
inOverlayContext(captureSelf, dispose => {
|
|
24
25
|
const enabled = $(true);
|
|
25
26
|
const fadeout = new Emitter<[tasks: Promise<void>[]]>();
|
|
26
27
|
const view = render(
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { THEME } from "../common/theme.js";
|
|
2
|
+
import { Text } from "./text.js";
|
|
3
|
+
|
|
4
|
+
export function ErrorMessage(props: {
|
|
5
|
+
children: unknown;
|
|
6
|
+
}): unknown {
|
|
7
|
+
const theme = THEME.current;
|
|
8
|
+
return <Text class={theme?.error_message}>
|
|
9
|
+
{props.children}
|
|
10
|
+
</Text>;
|
|
11
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { $, captureSelf, Component, For, movable, render, teardown, View } from "rvx";
|
|
1
|
+
import { $, captureSelf, Component, For, movable, render, teardown, uncapture, View } from "rvx";
|
|
2
2
|
import { useTimeout } from "rvx/async";
|
|
3
|
+
import { inOverlayContext } from "../common/context.js";
|
|
3
4
|
import { THEME } from "../common/theme.js";
|
|
4
5
|
import { Collapse } from "./collapse.js";
|
|
5
6
|
import { Column } from "./column.js";
|
|
@@ -16,64 +17,81 @@ export interface NotificationOptions {
|
|
|
16
17
|
raw?: boolean;
|
|
17
18
|
}
|
|
18
19
|
|
|
20
|
+
export interface NotificationHostOptions {
|
|
21
|
+
inlineSize: string;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export const NOTIFICATIONS = $<NotificationHostOptions>({
|
|
25
|
+
inlineSize: "32rem",
|
|
26
|
+
});
|
|
27
|
+
|
|
19
28
|
let host: View | undefined;
|
|
20
29
|
const instances = $<Component[]>([]);
|
|
21
30
|
|
|
22
31
|
export function showNotification(content: Component<Notification>, options?: NotificationOptions): Notification {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
{
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
return inOverlayContext(() => {
|
|
33
|
+
const theme = THEME.current;
|
|
34
|
+
if (!host) {
|
|
35
|
+
uncapture(() => {
|
|
36
|
+
host = render(<div
|
|
37
|
+
class={theme?.notification_host}
|
|
38
|
+
style={{
|
|
39
|
+
"--notification-inline-size": () => NOTIFICATIONS.value.inlineSize,
|
|
40
|
+
}}
|
|
41
|
+
>
|
|
42
|
+
<Column class={theme?.notification_area} size="group">
|
|
43
|
+
<For each={instances}>
|
|
44
|
+
{instance => instance()}
|
|
45
|
+
</For>
|
|
46
|
+
</Column>
|
|
47
|
+
</div>);
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
host!.appendTo(document.body);
|
|
34
51
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
52
|
+
let handle!: Notification;
|
|
53
|
+
captureSelf(dispose => {
|
|
54
|
+
handle = { dispose };
|
|
55
|
+
const visible = $(true);
|
|
39
56
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
57
|
+
const instance = movable(<Collapse fadein visible={visible}>
|
|
58
|
+
<div class={[
|
|
59
|
+
theme?.notification,
|
|
60
|
+
options?.raw ? theme?.notification_raw : undefined,
|
|
61
|
+
theme?.[`notification_${options?.variant ?? "default"}`],
|
|
62
|
+
]}>
|
|
63
|
+
{options?.raw
|
|
64
|
+
? content(handle)
|
|
65
|
+
: <Column size="group">
|
|
66
|
+
{content(handle)}
|
|
67
|
+
</Column>
|
|
68
|
+
}
|
|
69
|
+
</div>
|
|
70
|
+
</Collapse>).move;
|
|
54
71
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
72
|
+
instances.update(instances => {
|
|
73
|
+
instances.push(instance);
|
|
74
|
+
});
|
|
75
|
+
// TODO: Scroll notification into view.
|
|
59
76
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
77
|
+
if (options?.timeout !== undefined) {
|
|
78
|
+
// TODO: Pause & reset on notification area hover.
|
|
79
|
+
useTimeout(dispose, options.timeout);
|
|
80
|
+
}
|
|
64
81
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
82
|
+
teardown(() => {
|
|
83
|
+
visible.value = false;
|
|
84
|
+
setTimeout(() => {
|
|
85
|
+
instances.update(instances => {
|
|
86
|
+
const index = instances.indexOf(instance);
|
|
87
|
+
if (index >= 0) {
|
|
88
|
+
instances.splice(index, 1);
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
// TODO: Use transition delay:
|
|
92
|
+
}, 1000);
|
|
93
|
+
});
|
|
75
94
|
});
|
|
95
|
+
return handle;
|
|
76
96
|
});
|
|
77
|
-
|
|
78
|
-
return handle;
|
|
79
97
|
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { $, Component, Context, Emitter, memo, Signal, teardown, trigger, TriggerPipe, uniqueIdFor, untrack } from "rvx";
|
|
2
2
|
import { Queue } from "rvx/async";
|
|
3
|
-
import { THEME } from "../common/theme.js";
|
|
4
3
|
import { CollapseFor, CollapseItem } from "./collapse.js";
|
|
5
|
-
import {
|
|
4
|
+
import { ErrorMessage } from "./error.js";
|
|
6
5
|
|
|
7
6
|
const VALIDATORS = new WeakMap<Signal<unknown>, Validator>();
|
|
8
7
|
const ALERTS = new WeakMap<Component, Emitter<[]>>();
|
|
@@ -229,15 +228,6 @@ export async function validate(targets: ValidationTarget[], abortSignal?: AbortS
|
|
|
229
228
|
return !(await Promise.all(tasks)).includes(false);
|
|
230
229
|
}
|
|
231
230
|
|
|
232
|
-
export function ValidationMessage(props: {
|
|
233
|
-
children: unknown;
|
|
234
|
-
}): unknown {
|
|
235
|
-
const theme = THEME.current;
|
|
236
|
-
return <Text class={theme?.validation_message}>
|
|
237
|
-
{props.children}
|
|
238
|
-
</Text>;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
231
|
export function ValidationMessages(props: {
|
|
242
232
|
for: Signal<unknown> | Validator;
|
|
243
233
|
}) {
|
|
@@ -265,8 +255,8 @@ export function ValidationMessages(props: {
|
|
|
265
255
|
}
|
|
266
256
|
}
|
|
267
257
|
}}>
|
|
268
|
-
{message => <
|
|
258
|
+
{message => <ErrorMessage>
|
|
269
259
|
{message()}
|
|
270
|
-
</
|
|
260
|
+
</ErrorMessage>}
|
|
271
261
|
</CollapseFor>;
|
|
272
262
|
}
|
package/src/index.tsx
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from "./common/context.js";
|
|
1
2
|
export * from "./common/coupling.js";
|
|
2
3
|
export * from "./common/events.js";
|
|
3
4
|
export * from "./common/theme.js";
|
|
@@ -13,6 +14,7 @@ export * from "./components/control-group.js";
|
|
|
13
14
|
export * from "./components/dialog.js";
|
|
14
15
|
export * from "./components/dropdown-input.js";
|
|
15
16
|
export * from "./components/dropdown.js";
|
|
17
|
+
export * from "./components/error.js";
|
|
16
18
|
export * from "./components/flex-space.js";
|
|
17
19
|
export * from "./components/heading.js";
|
|
18
20
|
export * from "./components/label.js";
|
package/src/theme/base.scss
CHANGED
|
@@ -35,7 +35,7 @@ $root-size: 14px;
|
|
|
35
35
|
|
|
36
36
|
--input-extension: #{px(4)};
|
|
37
37
|
|
|
38
|
-
--separator: #{px(
|
|
38
|
+
--separator: #{px(2)};
|
|
39
39
|
|
|
40
40
|
--focus-outline-offset: #{px(2)};
|
|
41
41
|
|
|
@@ -72,8 +72,8 @@ $root-size: 14px;
|
|
|
72
72
|
light: var(--control-border) dashed var(--accent),
|
|
73
73
|
),
|
|
74
74
|
separator-color: (
|
|
75
|
-
dark: rgb(
|
|
76
|
-
light: rgb(
|
|
75
|
+
dark: rgb(40, 40, 40),
|
|
76
|
+
light: rgb(240, 240, 240),
|
|
77
77
|
),
|
|
78
78
|
selection-bg: (
|
|
79
79
|
dark: rgba(64, 160, 255, 0.5),
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
),
|
|
87
87
|
|
|
88
88
|
button-input-bg: (
|
|
89
|
-
dark: rgb(
|
|
89
|
+
dark: rgb(36, 36, 36),
|
|
90
90
|
light: rgb(250, 250, 250),
|
|
91
91
|
),
|
|
92
92
|
button-input-bg-hover: (
|
|
@@ -98,25 +98,21 @@
|
|
|
98
98
|
light: black,
|
|
99
99
|
),
|
|
100
100
|
button-input-border: (
|
|
101
|
-
dark:
|
|
101
|
+
dark: rgb(54, 54, 54),
|
|
102
102
|
light: rgb(220, 220, 220),
|
|
103
103
|
),
|
|
104
104
|
|
|
105
|
-
button-
|
|
106
|
-
dark: transparent,
|
|
107
|
-
light: transparent,
|
|
108
|
-
),
|
|
109
|
-
button-text-bg-hover: (
|
|
105
|
+
button-item-bg: (
|
|
110
106
|
dark: rgb(48, 48, 48),
|
|
111
|
-
light: rgb(
|
|
107
|
+
light: rgb(225, 225, 225),
|
|
112
108
|
),
|
|
113
|
-
button-
|
|
109
|
+
button-item-bg-hover: (
|
|
114
110
|
dark: rgb(64, 64, 64),
|
|
115
|
-
light: rgb(
|
|
111
|
+
light: rgb(200, 200, 200),
|
|
116
112
|
),
|
|
117
|
-
button-
|
|
118
|
-
dark:
|
|
119
|
-
light:
|
|
113
|
+
button-item-fg: (
|
|
114
|
+
dark: white,
|
|
115
|
+
light: black,
|
|
120
116
|
),
|
|
121
117
|
));
|
|
122
118
|
|
|
@@ -145,7 +141,7 @@
|
|
|
145
141
|
}
|
|
146
142
|
}
|
|
147
143
|
|
|
148
|
-
@each $variant in (default, primary, success, warning, danger, input,
|
|
144
|
+
@each $variant in (default, primary, success, warning, danger, input, item) {
|
|
149
145
|
.button_#{$variant} {
|
|
150
146
|
background-color: var(--button-#{$variant}-bg);
|
|
151
147
|
color: var(--button-#{$variant}-fg);
|
|
@@ -165,6 +161,7 @@
|
|
|
165
161
|
}
|
|
166
162
|
}
|
|
167
163
|
|
|
168
|
-
.button_input
|
|
164
|
+
.button_input,
|
|
165
|
+
.button_item {
|
|
169
166
|
text-align: left;
|
|
170
167
|
}
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
|
|
2
2
|
.control_group {
|
|
3
3
|
display: flex;
|
|
4
|
-
flex-direction: row;
|
|
5
4
|
|
|
6
5
|
box-shadow: var(--control-shadow);
|
|
7
|
-
|
|
6
|
+
border-radius: var(--control-radius);
|
|
7
|
+
|
|
8
|
+
background: var(--separator-color);
|
|
9
|
+
gap: var(--separator);
|
|
10
|
+
|
|
11
|
+
& > * {
|
|
8
12
|
--control-shadow: none;
|
|
9
13
|
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.control_group_row {
|
|
17
|
+
flex-direction: row;
|
|
10
18
|
|
|
11
19
|
& > :not(:first-child) {
|
|
12
20
|
border-start-start-radius: 0;
|
|
@@ -17,3 +25,16 @@
|
|
|
17
25
|
border-end-end-radius: 0;
|
|
18
26
|
}
|
|
19
27
|
}
|
|
28
|
+
|
|
29
|
+
.control_group_column {
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
|
|
32
|
+
& > :not(:first-child) {
|
|
33
|
+
border-start-start-radius: 0;
|
|
34
|
+
border-start-end-radius: 0;
|
|
35
|
+
}
|
|
36
|
+
& > :not(:last-child) {
|
|
37
|
+
border-end-start-radius: 0;
|
|
38
|
+
border-end-end-radius: 0;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -27,8 +27,7 @@
|
|
|
27
27
|
.notification_host {
|
|
28
28
|
--overflow-safe-area: .5rem;
|
|
29
29
|
display: grid;
|
|
30
|
-
|
|
31
|
-
grid-template-columns: 1fr minmax(auto, 32rem) 0;
|
|
30
|
+
grid-template-columns: 1fr minmax(auto, var(--notification-inline-size)) 0;
|
|
32
31
|
grid-template-rows: 1fr auto 0;
|
|
33
32
|
overflow: auto;
|
|
34
33
|
|
package/src/theme/theme.scss
CHANGED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
@use "../common";
|
|
2
|
-
|
|
3
|
-
@include common.theme((
|
|
4
|
-
validation-message-fg: (
|
|
5
|
-
dark: rgb(255, 64, 64),
|
|
6
|
-
light: rgb(212, 0, 0),
|
|
7
|
-
),
|
|
8
|
-
));
|
|
9
|
-
|
|
10
|
-
.validation_message {
|
|
11
|
-
color: var(--validation-message-fg);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.validation_message_container {
|
|
15
|
-
--space-above: 0.5rem;
|
|
16
|
-
}
|