@rvx/ui 0.1.33 → 0.1.34
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAmD,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAmD,MAAM,KAAK,CAAC;AAQjG,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,CAoE9G"}
|
|
@@ -5,6 +5,7 @@ import { inOverlayContext } from "../common/context.js";
|
|
|
5
5
|
import { THEME } from "../common/theme.js";
|
|
6
6
|
import { Collapse } from "./collapse.js";
|
|
7
7
|
import { Column } from "./column.js";
|
|
8
|
+
import { TopLayer } from "./layer.js";
|
|
8
9
|
export const NOTIFICATIONS = $({
|
|
9
10
|
inlineSize: "32rem",
|
|
10
11
|
});
|
|
@@ -15,9 +16,9 @@ export function showNotification(content, options) {
|
|
|
15
16
|
const theme = THEME.current;
|
|
16
17
|
if (!host) {
|
|
17
18
|
uncapture(() => {
|
|
18
|
-
host = render(_jsx("div", { class: theme?.notification_host, style: {
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
host = render(_jsx(TopLayer, { children: () => _jsx("div", { class: theme?.notification_host, style: {
|
|
20
|
+
"--notification-inline-size": () => NOTIFICATIONS.value.inlineSize,
|
|
21
|
+
}, children: _jsx(Column, { class: theme?.notification_area, size: "group", children: _jsx(For, { each: instances, children: instance => instance() }) }) }) }));
|
|
21
22
|
});
|
|
22
23
|
}
|
|
23
24
|
host.appendTo(document.body);
|
|
@@ -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,EAAE,SAAS,EAAQ,MAAM,KAAK,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
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,EAAE,SAAS,EAAQ,MAAM,KAAK,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAkBtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAA0B;IACvD,UAAU,EAAE,OAAO;CACnB,CAAC,CAAC;AAEH,IAAI,IAAsB,CAAC;AAC3B,MAAM,SAAS,GAAG,CAAC,CAAc,EAAE,CAAC,CAAC;AAErC,MAAM,UAAU,gBAAgB,CAAC,OAAgC,EAAE,OAA6B;IAC/F,OAAO,gBAAgB,CAAC,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,IAAI,EAAE,CAAC;YACX,SAAS,CAAC,GAAG,EAAE;gBACd,IAAI,GAAG,MAAM,CAAC,KAAC,QAAQ,cACrB,GAAG,EAAE,CAAC,cACN,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAC/B,KAAK,EAAE;4BACN,4BAA4B,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU;yBAClE,YAED,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,OAAO,YACpD,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,YAClB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAClB,GACE,GACJ,GACI,CAAC,CAAC;YACd,CAAC,CAAC,CAAC;QACJ,CAAC;QACD,IAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAE9B,IAAI,MAAqB,CAAC;QAC1B,WAAW,CAAC,OAAO,CAAC,EAAE;YACrB,MAAM,GAAG,EAAE,OAAO,EAAE,CAAC;YACrB,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;YAExB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,YACzD,cAAK,KAAK,EAAE;wBACX,KAAK,EAAE,YAAY;wBACnB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS;wBAClD,KAAK,EAAE,CAAC,gBAAgB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,CAAC;qBACxD,YACC,OAAO,EAAE,GAAG;wBACZ,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;wBACjB,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,YACpB,OAAO,CAAC,MAAM,CAAC,GACR,GAEL,GACI,CAAC,CAAC,IAAI,CAAC;YAElB,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;gBAC5B,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;YAGH,IAAI,OAAO,EAAE,OAAO,KAAK,SAAS,EAAE,CAAC;gBAEpC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC;YAED,QAAQ,CAAC,GAAG,EAAE;gBACb,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;gBACtB,UAAU,CAAC,GAAG,EAAE;oBACf,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;wBAC5B,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;wBAC1C,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;4BAChB,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;wBAC5B,CAAC;oBACF,CAAC,CAAC,CAAC;gBAEJ,CAAC,EAAE,IAAI,CAAC,CAAC;YACV,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IACf,CAAC,CAAC,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@ import { inOverlayContext } from "../common/context.js";
|
|
|
4
4
|
import { THEME } from "../common/theme.js";
|
|
5
5
|
import { Collapse } from "./collapse.js";
|
|
6
6
|
import { Column } from "./column.js";
|
|
7
|
+
import { TopLayer } from "./layer.js";
|
|
7
8
|
|
|
8
9
|
export type NotificationVariant = "default" | "info" | "success" | "warning" | "danger";
|
|
9
10
|
|
|
@@ -33,18 +34,20 @@ export function showNotification(content: Component<Notification>, options?: Not
|
|
|
33
34
|
const theme = THEME.current;
|
|
34
35
|
if (!host) {
|
|
35
36
|
uncapture(() => {
|
|
36
|
-
host = render(<
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<
|
|
44
|
-
{
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
37
|
+
host = render(<TopLayer>
|
|
38
|
+
{() => <div
|
|
39
|
+
class={theme?.notification_host}
|
|
40
|
+
style={{
|
|
41
|
+
"--notification-inline-size": () => NOTIFICATIONS.value.inlineSize,
|
|
42
|
+
}}
|
|
43
|
+
>
|
|
44
|
+
<Column class={theme?.notification_area} size="group">
|
|
45
|
+
<For each={instances}>
|
|
46
|
+
{instance => instance()}
|
|
47
|
+
</For>
|
|
48
|
+
</Column>
|
|
49
|
+
</div>}
|
|
50
|
+
</TopLayer>);
|
|
48
51
|
});
|
|
49
52
|
}
|
|
50
53
|
host!.appendTo(document.body);
|