@adea-ai/ui 0.97.4 → 0.97.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/composites/help-center/help-center.d.ts +2 -0
- package/dist/components/composites/help-center/help-center.d.ts.map +1 -1
- package/dist/components/composites/help-center/help-center.js +28 -18
- package/dist/components/composites/help-center/help-center.js.map +1 -1
- package/dist/r/src/components/composites/help-center/help-center.tsx +10 -6
- package/package.json +1 -1
- package/src/components/composites/help-center/help-center.tsx +10 -6
|
@@ -12,6 +12,8 @@ export type HelpCenterProps = {
|
|
|
12
12
|
shortcuts: readonly HelpShortcut[];
|
|
13
13
|
links: readonly HelpLink[];
|
|
14
14
|
openExternal?: (url: string) => Promise<void>;
|
|
15
|
+
/** Hides the page heading and introduction when a host dialog supplies them. */
|
|
16
|
+
showHeader?: boolean;
|
|
15
17
|
class?: string;
|
|
16
18
|
};
|
|
17
19
|
/** A shared help page: real keyboard shortcuts and the application's project resources. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"help-center.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/help-center/help-center.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,CAAA;AACrE,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AAC3E,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,SAAS,YAAY,EAAE,CAAA;IAClC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,2FAA2F;AAC3F,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"help-center.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/help-center/help-center.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,CAAA;AACrE,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AAC3E,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,SAAS,YAAY,EAAE,CAAA;IAClC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,2FAA2F;AAC3F,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kCAuFhD"}
|
|
@@ -7,14 +7,15 @@ import { className, createComponent, effect, insert, memo, template } from "soli
|
|
|
7
7
|
import { ExternalLink } from "lucide-solid";
|
|
8
8
|
import { For, Show, createSignal, onCleanup } from "solid-js";
|
|
9
9
|
//#region src/components/composites/help-center/help-center.tsx
|
|
10
|
-
var _tmpl$ = /*#__PURE__*/ template(`<
|
|
11
|
-
var _tmpl$2 = /*#__PURE__*/ template(`<
|
|
12
|
-
var _tmpl$3 = /*#__PURE__*/ template(`<
|
|
13
|
-
var _tmpl$4 = /*#__PURE__*/ template(`<
|
|
14
|
-
var _tmpl$5 = /*#__PURE__*/ template(`<
|
|
15
|
-
var _tmpl$6 = /*#__PURE__*/ template(`<
|
|
16
|
-
var _tmpl$7 = /*#__PURE__*/ template(`<
|
|
17
|
-
var _tmpl$8 = /*#__PURE__*/ template(`<
|
|
10
|
+
var _tmpl$ = /*#__PURE__*/ template(`<div class="flex flex-col gap-2"><h1 class="text-xl font-semibold tracking-tight">Help Center</h1><p class="text-sm text-muted-foreground">Keyboard shortcuts and resources for <!>.`);
|
|
11
|
+
var _tmpl$2 = /*#__PURE__*/ template(`<h2 class="text-base font-semibold text-foreground">Keyboard shortcuts`);
|
|
12
|
+
var _tmpl$3 = /*#__PURE__*/ template(`<ul class="flex flex-col gap-3">`);
|
|
13
|
+
var _tmpl$4 = /*#__PURE__*/ template(`<h2 class="text-base font-semibold text-foreground">Project links`);
|
|
14
|
+
var _tmpl$5 = /*#__PURE__*/ template(`<ul class="flex flex-col gap-4">`);
|
|
15
|
+
var _tmpl$6 = /*#__PURE__*/ template(`<div>`);
|
|
16
|
+
var _tmpl$7 = /*#__PURE__*/ template(`<li class="flex flex-wrap items-center justify-between gap-2"><span class=text-sm>`);
|
|
17
|
+
var _tmpl$8 = /*#__PURE__*/ template(`<p class="text-sm text-muted-foreground">`);
|
|
18
|
+
var _tmpl$9 = /*#__PURE__*/ template(`<li class="flex min-w-0 flex-col items-start gap-1">`);
|
|
18
19
|
/** A shared help page: real keyboard shortcuts and the application's project resources. */
|
|
19
20
|
function HelpCenter(props) {
|
|
20
21
|
const [error, setError] = createSignal("");
|
|
@@ -31,20 +32,29 @@ function HelpCenter(props) {
|
|
|
31
32
|
}
|
|
32
33
|
};
|
|
33
34
|
return (() => {
|
|
34
|
-
var _el$ = _tmpl$
|
|
35
|
-
_el
|
|
36
|
-
|
|
35
|
+
var _el$ = _tmpl$6();
|
|
36
|
+
insert(_el$, createComponent(Show, {
|
|
37
|
+
get when() {
|
|
38
|
+
return props.showHeader !== false;
|
|
39
|
+
},
|
|
40
|
+
get children() {
|
|
41
|
+
var _el$2 = _tmpl$(), _el$4 = _el$2.firstChild.nextSibling, _el$7 = _el$4.firstChild.nextSibling;
|
|
42
|
+
_el$7.nextSibling;
|
|
43
|
+
insert(_el$4, () => props.appName, _el$7);
|
|
44
|
+
return _el$2;
|
|
45
|
+
}
|
|
46
|
+
}), null);
|
|
37
47
|
insert(_el$, createComponent(Card, { get children() {
|
|
38
48
|
return [createComponent(CardHeader, { get children() {
|
|
39
|
-
return _tmpl$();
|
|
49
|
+
return _tmpl$2();
|
|
40
50
|
} }), createComponent(CardContent, { get children() {
|
|
41
|
-
var _el$9 = _tmpl$
|
|
51
|
+
var _el$9 = _tmpl$3();
|
|
42
52
|
insert(_el$9, createComponent(For, {
|
|
43
53
|
get each() {
|
|
44
54
|
return props.shortcuts;
|
|
45
55
|
},
|
|
46
56
|
children: (shortcut) => (() => {
|
|
47
|
-
var _el$10 = _tmpl$
|
|
57
|
+
var _el$10 = _tmpl$7(), _el$11 = _el$10.firstChild;
|
|
48
58
|
insert(_el$11, () => shortcut.label);
|
|
49
59
|
insert(_el$10, createComponent(KbdGroup, { get children() {
|
|
50
60
|
return createComponent(For, {
|
|
@@ -62,15 +72,15 @@ function HelpCenter(props) {
|
|
|
62
72
|
} }), null);
|
|
63
73
|
insert(_el$, createComponent(Card, { get children() {
|
|
64
74
|
return [createComponent(CardHeader, { get children() {
|
|
65
|
-
return _tmpl$
|
|
75
|
+
return _tmpl$4();
|
|
66
76
|
} }), createComponent(CardContent, { get children() {
|
|
67
|
-
var _el$1 = _tmpl$
|
|
77
|
+
var _el$1 = _tmpl$5();
|
|
68
78
|
insert(_el$1, createComponent(For, {
|
|
69
79
|
get each() {
|
|
70
80
|
return props.links;
|
|
71
81
|
},
|
|
72
82
|
children: (link) => (() => {
|
|
73
|
-
var _el$12 = _tmpl$
|
|
83
|
+
var _el$12 = _tmpl$9();
|
|
74
84
|
insert(_el$12, createComponent(ActionButton, {
|
|
75
85
|
as: "a",
|
|
76
86
|
variant: "link",
|
|
@@ -99,7 +109,7 @@ function HelpCenter(props) {
|
|
|
99
109
|
return link.description;
|
|
100
110
|
},
|
|
101
111
|
get children() {
|
|
102
|
-
var _el$13 = _tmpl$
|
|
112
|
+
var _el$13 = _tmpl$8();
|
|
103
113
|
insert(_el$13, () => link.description);
|
|
104
114
|
return _el$13;
|
|
105
115
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"help-center.js","names":["createSignal","For","onCleanup","Show","ExternalLink","cn","ActionButton","Alert","AlertDescription","Card","CardContent","CardHeader","Kbd","KbdGroup","HelpShortcut","label","keys","HelpLink","description","url","HelpCenterProps","appName","shortcuts","links","openExternal","Promise","class","HelpCenter","props","error","setError","disposed","openLink","_el$","_tmpl$
|
|
1
|
+
{"version":3,"file":"help-center.js","names":["createSignal","For","onCleanup","Show","ExternalLink","cn","ActionButton","Alert","AlertDescription","Card","CardContent","CardHeader","Kbd","KbdGroup","HelpShortcut","label","keys","HelpLink","description","url","HelpCenterProps","appName","shortcuts","links","openExternal","Promise","showHeader","class","HelpCenter","props","error","setError","disposed","openLink","_el$","_tmpl$6","_$insert","_$createComponent","when","children","_el$2","_tmpl$","_el$3","firstChild","_el$4","nextSibling","_el$5","_el$7","_el$6","_tmpl$2","_el$9","_tmpl$3","each","shortcut","_el$10","_tmpl$7","_el$11","key","_tmpl$4","_el$1","_tmpl$5","link","_el$12","_tmpl$9","as","variant","size","href","target","rel","tooltip","onClick","event","preventDefault","_$memo","_el$13","_tmpl$8","role","_$effect","_$className","_$createComponent","_$memo","_$className"],"sources":["../../../../src/components/composites/help-center/help-center.tsx"],"sourcesContent":["import { createSignal, For, onCleanup, Show } from 'solid-js'\nimport { ExternalLink } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { ActionButton } from '../action-button'\nimport { Alert, AlertDescription } from '../../ui/alert'\nimport { Card, CardContent, CardHeader } from '../../ui/card'\nimport { Kbd, KbdGroup } from '../../ui/kbd'\n\nexport type HelpShortcut = { label: string; keys: readonly string[] }\nexport type HelpLink = { label: string; description?: string; url: string }\nexport type HelpCenterProps = {\n appName: string\n shortcuts: readonly HelpShortcut[]\n links: readonly HelpLink[]\n openExternal?: (url: string) => Promise<void>\n /** Hides the page heading and introduction when a host dialog supplies them. */\n showHeader?: boolean\n class?: string\n}\n\n/** A shared help page: real keyboard shortcuts and the application's project resources. */\nexport function HelpCenter(props: HelpCenterProps) {\n const [error, setError] = createSignal('')\n let disposed = false\n onCleanup(() => {\n disposed = true\n })\n const openLink = async (url: string) => {\n setError('')\n try {\n await props.openExternal?.(url)\n } catch {\n if (!disposed) setError('Could not open this help resource. Please try again.')\n }\n }\n return (\n <div class={cn('flex min-w-0 flex-col gap-5', props.class)}>\n <Show when={props.showHeader !== false}>\n <div class=\"flex flex-col gap-2\">\n <h1 class=\"text-xl font-semibold tracking-tight\">Help Center</h1>\n <p class=\"text-sm text-muted-foreground\">\n Keyboard shortcuts and resources for {props.appName}.\n </p>\n </div>\n </Show>\n <Card>\n <CardHeader>\n <h2 class=\"text-base font-semibold text-foreground\">Keyboard shortcuts</h2>\n </CardHeader>\n <CardContent>\n <ul class=\"flex flex-col gap-3\">\n <For each={props.shortcuts}>\n {(shortcut) => (\n <li class=\"flex flex-wrap items-center justify-between gap-2\">\n <span class=\"text-sm\">{shortcut.label}</span>\n <KbdGroup>\n <For each={shortcut.keys}>{(key) => <Kbd>{key}</Kbd>}</For>\n </KbdGroup>\n </li>\n )}\n </For>\n </ul>\n </CardContent>\n </Card>\n <Card>\n <CardHeader>\n <h2 class=\"text-base font-semibold text-foreground\">Project links</h2>\n </CardHeader>\n <CardContent>\n <ul class=\"flex flex-col gap-4\">\n <For each={props.links}>\n {(link) => (\n <li class=\"flex min-w-0 flex-col items-start gap-1\">\n <ActionButton\n as=\"a\"\n variant=\"link\"\n size=\"sm\"\n class=\"text-foreground decoration-primary\"\n href={link.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n tooltip={`Open ${link.label} in your browser.`}\n onClick={(event) => {\n if (props.openExternal) {\n event.preventDefault()\n void openLink(link.url)\n }\n }}\n >\n {link.label}\n <ExternalLink aria-hidden=\"true\" />\n </ActionButton>\n <Show when={link.description}>\n <p class=\"text-sm text-muted-foreground\">{link.description}</p>\n </Show>\n </li>\n )}\n </For>\n </ul>\n </CardContent>\n </Card>\n <Show when={error()}>\n <Alert variant=\"destructive\" role=\"alert\">\n <AlertDescription>{error()}</AlertDescription>\n </Alert>\n </Show>\n </div>\n )\n}\n"],"mappings":"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"}
|
|
@@ -13,6 +13,8 @@ export type HelpCenterProps = {
|
|
|
13
13
|
shortcuts: readonly HelpShortcut[]
|
|
14
14
|
links: readonly HelpLink[]
|
|
15
15
|
openExternal?: (url: string) => Promise<void>
|
|
16
|
+
/** Hides the page heading and introduction when a host dialog supplies them. */
|
|
17
|
+
showHeader?: boolean
|
|
16
18
|
class?: string
|
|
17
19
|
}
|
|
18
20
|
|
|
@@ -33,12 +35,14 @@ export function HelpCenter(props: HelpCenterProps) {
|
|
|
33
35
|
}
|
|
34
36
|
return (
|
|
35
37
|
<div class={cn('flex min-w-0 flex-col gap-5', props.class)}>
|
|
36
|
-
<
|
|
37
|
-
<
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
<Show when={props.showHeader !== false}>
|
|
39
|
+
<div class="flex flex-col gap-2">
|
|
40
|
+
<h1 class="text-xl font-semibold tracking-tight">Help Center</h1>
|
|
41
|
+
<p class="text-sm text-muted-foreground">
|
|
42
|
+
Keyboard shortcuts and resources for {props.appName}.
|
|
43
|
+
</p>
|
|
44
|
+
</div>
|
|
45
|
+
</Show>
|
|
42
46
|
<Card>
|
|
43
47
|
<CardHeader>
|
|
44
48
|
<h2 class="text-base font-semibold text-foreground">Keyboard shortcuts</h2>
|
package/package.json
CHANGED
|
@@ -13,6 +13,8 @@ export type HelpCenterProps = {
|
|
|
13
13
|
shortcuts: readonly HelpShortcut[]
|
|
14
14
|
links: readonly HelpLink[]
|
|
15
15
|
openExternal?: (url: string) => Promise<void>
|
|
16
|
+
/** Hides the page heading and introduction when a host dialog supplies them. */
|
|
17
|
+
showHeader?: boolean
|
|
16
18
|
class?: string
|
|
17
19
|
}
|
|
18
20
|
|
|
@@ -33,12 +35,14 @@ export function HelpCenter(props: HelpCenterProps) {
|
|
|
33
35
|
}
|
|
34
36
|
return (
|
|
35
37
|
<div class={cn('flex min-w-0 flex-col gap-5', props.class)}>
|
|
36
|
-
<
|
|
37
|
-
<
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
<Show when={props.showHeader !== false}>
|
|
39
|
+
<div class="flex flex-col gap-2">
|
|
40
|
+
<h1 class="text-xl font-semibold tracking-tight">Help Center</h1>
|
|
41
|
+
<p class="text-sm text-muted-foreground">
|
|
42
|
+
Keyboard shortcuts and resources for {props.appName}.
|
|
43
|
+
</p>
|
|
44
|
+
</div>
|
|
45
|
+
</Show>
|
|
42
46
|
<Card>
|
|
43
47
|
<CardHeader>
|
|
44
48
|
<h2 class="text-base font-semibold text-foreground">Keyboard shortcuts</h2>
|