@dxos/plugin-status-bar 0.8.4-main.f9ba587 → 0.8.4-main.fcc0d83b33
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/lib/browser/index.mjs +67 -50
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/translations.mjs +24 -0
- package/dist/lib/browser/translations.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +67 -49
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/translations.mjs +26 -0
- package/dist/lib/node-esm/translations.mjs.map +7 -0
- package/dist/types/src/StatusBarPlugin.d.ts +2 -1
- package/dist/types/src/StatusBarPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +2 -1
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts +3 -2
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/{StatusBar.d.ts → StatusBar/StatusBar.d.ts} +9 -7
- package/dist/types/src/components/StatusBar/StatusBar.d.ts.map +1 -0
- package/dist/types/src/components/StatusBar/StatusBar.stories.d.ts +15 -0
- package/dist/types/src/components/StatusBar/StatusBar.stories.d.ts.map +1 -0
- package/dist/types/src/components/StatusBar/index.d.ts +2 -0
- package/dist/types/src/components/StatusBar/index.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +0 -2
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/containers/StatusBarActions/StatusBarActions.d.ts +4 -0
- package/dist/types/src/containers/StatusBarActions/StatusBarActions.d.ts.map +1 -0
- package/dist/types/src/containers/StatusBarActions/StatusBarActions.stories.d.ts +7 -0
- package/dist/types/src/containers/StatusBarActions/StatusBarActions.stories.d.ts.map +1 -0
- package/dist/types/src/containers/StatusBarActions/index.d.ts +2 -0
- package/dist/types/src/containers/StatusBarActions/index.d.ts.map +1 -0
- package/dist/types/src/containers/StatusBarPanel/StatusBarPanel.d.ts +4 -0
- package/dist/types/src/containers/StatusBarPanel/StatusBarPanel.d.ts.map +1 -0
- package/dist/types/src/containers/StatusBarPanel/index.d.ts +2 -0
- package/dist/types/src/containers/StatusBarPanel/index.d.ts.map +1 -0
- package/dist/types/src/containers/VersionNumber/VersionNumber.d.ts +4 -0
- package/dist/types/src/containers/VersionNumber/VersionNumber.d.ts.map +1 -0
- package/dist/types/src/containers/VersionNumber/index.d.ts +2 -0
- package/dist/types/src/containers/VersionNumber/index.d.ts.map +1 -0
- package/dist/types/src/containers/index.d.ts +5 -0
- package/dist/types/src/containers/index.d.ts.map +1 -0
- package/dist/types/src/meta.d.ts +2 -3
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +11 -12
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +45 -30
- package/src/StatusBarPlugin.ts +10 -17
- package/src/capabilities/index.ts +2 -2
- package/src/capabilities/react-surface.tsx +25 -26
- package/src/components/StatusBar/StatusBar.stories.tsx +45 -0
- package/src/components/{StatusBar.tsx → StatusBar/StatusBar.tsx} +43 -21
- package/src/components/StatusBar/index.ts +5 -0
- package/src/components/index.ts +0 -2
- package/src/containers/StatusBarActions/StatusBarActions.stories.tsx +62 -0
- package/src/containers/StatusBarActions/StatusBarActions.tsx +70 -0
- package/src/containers/StatusBarActions/index.ts +5 -0
- package/src/containers/StatusBarPanel/StatusBarPanel.tsx +21 -0
- package/src/containers/StatusBarPanel/index.ts +5 -0
- package/src/containers/VersionNumber/VersionNumber.tsx +97 -0
- package/src/containers/VersionNumber/index.ts +5 -0
- package/src/containers/index.ts +9 -0
- package/src/meta.ts +8 -6
- package/src/translations.ts +11 -11
- package/dist/lib/browser/chunk-32FBOE6I.mjs +0 -249
- package/dist/lib/browser/chunk-32FBOE6I.mjs.map +0 -7
- package/dist/lib/browser/react-surface-P7CEMQU3.mjs +0 -38
- package/dist/lib/browser/react-surface-P7CEMQU3.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-IQXGCBGU.mjs +0 -251
- package/dist/lib/node-esm/chunk-IQXGCBGU.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-U7DLJKU6.mjs +0 -39
- package/dist/lib/node-esm/react-surface-U7DLJKU6.mjs.map +0 -7
- package/dist/types/src/components/StatusBar.d.ts.map +0 -1
- package/dist/types/src/components/StatusBar.stories.d.ts +0 -9
- package/dist/types/src/components/StatusBar.stories.d.ts.map +0 -1
- package/dist/types/src/components/StatusBarPanel.d.ts +0 -4
- package/dist/types/src/components/StatusBarPanel.d.ts.map +0 -1
- package/dist/types/src/components/VersionNumber.d.ts +0 -3
- package/dist/types/src/components/VersionNumber.d.ts.map +0 -1
- package/src/components/StatusBar.stories.tsx +0 -48
- package/src/components/StatusBarPanel.tsx +0 -75
- package/src/components/VersionNumber.tsx +0 -84
|
@@ -1,59 +1,76 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
// src/components/StatusBar/StatusBar.tsx
|
|
2
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
+
import React, { forwardRef } from "react";
|
|
4
|
+
import { mx } from "@dxos/ui-theme";
|
|
5
|
+
var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }, forwardedRef) => {
|
|
6
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
7
|
+
...props,
|
|
8
|
+
role: "status",
|
|
9
|
+
className: mx("grid place-items-center", classNames),
|
|
10
|
+
ref: forwardedRef
|
|
11
|
+
}, children);
|
|
12
|
+
});
|
|
13
|
+
var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("span", {
|
|
14
|
+
className: mx(classNames),
|
|
15
|
+
ref: forwardedRef
|
|
16
|
+
}, children));
|
|
17
|
+
var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
|
|
18
|
+
const classes = mx("flex items-center justify-center gap-2 p-1 px-2 rounded-xs", "select-none cursor-pointer dx-focus-ring text-description text-xs", "hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600", classNames);
|
|
19
|
+
return asChild ? /* @__PURE__ */ React.createElement(Slot, {
|
|
20
|
+
role: "button",
|
|
21
|
+
ref: forwardedRef,
|
|
22
|
+
className: classes,
|
|
23
|
+
...props
|
|
24
|
+
}, children) : /* @__PURE__ */ React.createElement("button", {
|
|
25
|
+
className: classes,
|
|
26
|
+
ref: forwardedRef,
|
|
27
|
+
...props
|
|
28
|
+
}, children);
|
|
29
|
+
});
|
|
30
|
+
var StartContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
|
|
31
|
+
role: "none",
|
|
32
|
+
className: mx("flex-grow flex items-center space-x-2", classNames),
|
|
33
|
+
ref: forwardedRef
|
|
34
|
+
}, children));
|
|
35
|
+
var EndContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
|
|
36
|
+
role: "none",
|
|
37
|
+
className: mx("flex-grow flex items-center justify-end", classNames),
|
|
38
|
+
ref: forwardedRef
|
|
39
|
+
}, children));
|
|
40
|
+
var StatusBar = {
|
|
41
|
+
Item: StatusBarItem,
|
|
42
|
+
Text: StatusBarText,
|
|
43
|
+
Button: StatusBarButton,
|
|
44
|
+
StartContent,
|
|
45
|
+
EndContent
|
|
46
|
+
};
|
|
16
47
|
|
|
17
|
-
// src/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
"powered by dxos message": "Powered by <dxos>DXOS</dxos>",
|
|
29
|
-
"discord label": "Discord",
|
|
30
|
-
"github label": "GitHub",
|
|
31
|
-
"feedback label": "Feedback"
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
];
|
|
48
|
+
// src/meta.ts
|
|
49
|
+
import { trim } from "@dxos/util";
|
|
50
|
+
var meta = {
|
|
51
|
+
id: "org.dxos.plugin.status-bar",
|
|
52
|
+
name: "Status Bar",
|
|
53
|
+
description: trim`
|
|
54
|
+
Persistent bottom bar displaying workspace status information and quick actions.
|
|
55
|
+
Access connection state, notifications, and common commands without leaving your current context.
|
|
56
|
+
`,
|
|
57
|
+
icon: "ph--info--regular"
|
|
58
|
+
};
|
|
36
59
|
|
|
37
60
|
// src/StatusBarPlugin.ts
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
})
|
|
49
|
-
]);
|
|
61
|
+
import { Plugin } from "@dxos/app-framework";
|
|
62
|
+
import { AppPlugin } from "@dxos/app-toolkit";
|
|
63
|
+
import { ReactSurface } from "#capabilities";
|
|
64
|
+
import { meta as meta2 } from "#meta";
|
|
65
|
+
import { translations } from "#translations";
|
|
66
|
+
var StatusBarPlugin = Plugin.define(meta2).pipe(AppPlugin.addSurfaceModule({
|
|
67
|
+
activate: ReactSurface
|
|
68
|
+
}), AppPlugin.addTranslationsModule({
|
|
69
|
+
translations
|
|
70
|
+
}), Plugin.make);
|
|
50
71
|
export {
|
|
51
|
-
STATUS_BAR_PLUGIN,
|
|
52
72
|
StatusBar,
|
|
53
|
-
StatusBarActions,
|
|
54
|
-
StatusBarPanel,
|
|
55
73
|
StatusBarPlugin,
|
|
56
|
-
VersionNumber,
|
|
57
74
|
meta
|
|
58
75
|
};
|
|
59
76
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport {
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["
|
|
3
|
+
"sources": ["../../../src/components/StatusBar/StatusBar.tsx", "../../../src/meta.ts", "../../../src/StatusBarPlugin.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, type PropsWithChildren, type ReactNode, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\n//\n// Item\n//\n\ntype StatusBarItemProps = ThemedClassName<PropsWithChildren>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n ({ classNames, children, ...props }, forwardedRef) => {\n return (\n <div {...props} role='status' className={mx('grid place-items-center', classNames)} ref={forwardedRef}>\n {children}\n </div>\n );\n },\n);\n\n//\n// Text\n//\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n <span className={mx(classNames)} ref={forwardedRef}>\n {children}\n </span>\n));\n\n//\n// Button\n//\n\ntype StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\n/**\n * @deprecated\n */\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n ({ classNames, children, asChild, ...props }, forwardedRef) => {\n const classes = mx(\n 'flex items-center justify-center gap-2 p-1 px-2 rounded-xs',\n 'select-none cursor-pointer dx-focus-ring text-description text-xs',\n 'hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600',\n classNames,\n );\n\n return asChild ? (\n <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n {children}\n </Slot>\n ) : (\n <button className={classes} ref={forwardedRef} {...props}>\n {children}\n </button>\n );\n },\n);\n\n//\n// Content\n//\n\ntype StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n {children}\n </div>\n));\n\n//\n// EndContent\n//\n\ntype EndContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n {children}\n </div>\n));\n\n//\n// StatusBar\n//\n\nexport const StatusBar = {\n Item: StatusBarItem,\n Text: StatusBarText,\n Button: StatusBarButton,\n StartContent,\n EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n id: 'org.dxos.plugin.status-bar',\n name: 'Status Bar',\n description: trim`\n Persistent bottom bar displaying workspace status information and quick actions.\n Access connection state, notifications, and common commands without leaving your current context.\n `,\n icon: 'ph--info--regular',\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\n\nexport const StatusBarPlugin = Plugin.define(meta).pipe(\n AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n AppPlugin.addTranslationsModule({ translations }),\n Plugin.make,\n);\n"],
|
|
5
|
+
"mappings": ";AAIA,SAASA,YAAY;AACrB,OAAOC,SAA6EC,kBAAkB;AAGtG,SAASC,UAAU;AAQnB,IAAMC,gBAAgBF,2BACpB,CAAC,EAAEG,YAAYC,UAAU,GAAGC,MAAAA,GAASC,iBAAAA;AACnC,SACE,sBAAA,cAACC,OAAAA;IAAK,GAAGF;IAAOG,MAAK;IAASC,WAAWR,GAAG,2BAA2BE,UAAAA;IAAaO,KAAKJ;KACtFF,QAAAA;AAGP,CAAA;AASF,IAAMO,gBAAgBX,2BAAgD,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBAC/F,sBAAA,cAACM,QAAAA;EAAKH,WAAWR,GAAGE,UAAAA;EAAaO,KAAKJ;GACnCF,QAAAA,CAAAA;AAaL,IAAMS,kBAAkBb,2BACtB,CAAC,EAAEG,YAAYC,UAAUU,SAAS,GAAGT,MAAAA,GAASC,iBAAAA;AAC5C,QAAMS,UAAUd,GACd,8DACA,qEACA,mGACAE,UAAAA;AAGF,SAAOW,UACL,sBAAA,cAAChB,MAAAA;IAAKU,MAAK;IAASE,KAAKJ;IAAcG,WAAWM;IAAU,GAAGV;KAC5DD,QAAAA,IAGH,sBAAA,cAACY,UAAAA;IAAOP,WAAWM;IAASL,KAAKJ;IAAe,GAAGD;KAChDD,QAAAA;AAGP,CAAA;AASF,IAAMa,eAAejB,2BAA8C,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBAC5F,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWR,GAAG,yCAAyCE,UAAAA;EAAaO,KAAKJ;GACvFF,QAAAA,CAAAA;AAUL,IAAMc,aAAalB,2BAA4C,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBACxF,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWR,GAAG,2CAA2CE,UAAAA;EAAaO,KAAKJ;GACzFF,QAAAA,CAAAA;AAQE,IAAMe,YAAY;EACvBC,MAAMlB;EACNmB,MAAMV;EACNW,QAAQT;EACRI;EACAC;AACF;;;ACjGA,SAASK,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaJ;;;;EAIbK,MAAM;AACR;;;ACXA,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,oBAAoB;AAC7B,SAASC,QAAAA,aAAY;AACrB,SAASC,oBAAoB;AAEtB,IAAMC,kBAAkBL,OAAOM,OAAOH,KAAAA,EAAMI,KACjDN,UAAUO,iBAAiB;EAAEC,UAAUP;AAAa,CAAA,GACpDD,UAAUS,sBAAsB;EAAEN;AAAa,CAAA,GAC/CJ,OAAOW,IAAI;",
|
|
6
|
+
"names": ["Slot", "React", "forwardRef", "mx", "StatusBarItem", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "ref", "StatusBarText", "span", "StatusBarButton", "asChild", "classes", "button", "StartContent", "EndContent", "StatusBar", "Item", "Text", "Button", "trim", "meta", "id", "name", "description", "icon", "Plugin", "AppPlugin", "ReactSurface", "meta", "translations", "StatusBarPlugin", "define", "pipe", "addSurfaceModule", "activate", "addTranslationsModule", "make"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/components/StatusBar.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytes":7661,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/StatusBar/index.ts":{"bytes":377,"imports":[{"path":"src/components/StatusBar/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/components/index.ts":{"bytes":377,"imports":[{"path":"src/components/StatusBar/index.ts","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/meta.ts":{"bytes":1471,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":1852,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":565,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"},"src/translations.ts":{"bytes":2337,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5740},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytesInOutput":1918},"src/components/StatusBar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":350},"src/StatusBarPlugin.ts":{"bytesInOutput":397}},"bytes":2836},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1121},"dist/lib/browser/translations.mjs":{"imports":[{"path":"#meta","kind":"import-statement","external":true}],"exports":["translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":596}},"bytes":688}}}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
// src/translations.ts
|
|
2
|
+
import { meta } from "#meta";
|
|
3
|
+
var translations = [
|
|
4
|
+
{
|
|
5
|
+
"en-US": {
|
|
6
|
+
[meta.id]: {
|
|
7
|
+
"plugin.name": "Status Bar",
|
|
8
|
+
"warning.title": "WARNING",
|
|
9
|
+
"technology-preview.message": "Composer is currently in beta.",
|
|
10
|
+
"learn-more.label": "Learn more",
|
|
11
|
+
"released.message": "This version was released {{released}}.",
|
|
12
|
+
"see-release.label": "See release on GitHub",
|
|
13
|
+
"powered-by-dxos.message": "Powered by <dxos>DXOS</dxos>",
|
|
14
|
+
"discord.label": "Discord",
|
|
15
|
+
"github.label": "GitHub",
|
|
16
|
+
"feedback.label": "Feedback"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
];
|
|
21
|
+
export {
|
|
22
|
+
translations
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=translations.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/translations.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport const translations = [\n {\n 'en-US': {\n [meta.id]: {\n 'plugin.name': 'Status Bar',\n 'warning.title': 'WARNING',\n 'technology-preview.message': 'Composer is currently in beta.',\n 'learn-more.label': 'Learn more',\n 'released.message': 'This version was released {{released}}.',\n 'see-release.label': 'See release on GitHub',\n 'powered-by-dxos.message': 'Powered by <dxos>DXOS</dxos>',\n 'discord.label': 'Discord',\n 'github.label': 'GitHub',\n 'feedback.label': 'Feedback',\n },\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": ";AAMA,SAASA,YAAY;AAEd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,KAAKE,EAAE,GAAG;QACT,eAAe;QACf,iBAAiB;QACjB,8BAA8B;QAC9B,oBAAoB;QACpB,oBAAoB;QACpB,qBAAqB;QACrB,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;",
|
|
6
|
+
"names": ["meta", "translations", "id"]
|
|
7
|
+
}
|
|
@@ -1,60 +1,78 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
STATUS_BAR_PLUGIN,
|
|
4
|
-
StatusBar,
|
|
5
|
-
StatusBarActions,
|
|
6
|
-
StatusBarPanel,
|
|
7
|
-
VersionNumber,
|
|
8
|
-
meta
|
|
9
|
-
} from "./chunk-IQXGCBGU.mjs";
|
|
10
|
-
|
|
11
|
-
// src/StatusBarPlugin.ts
|
|
12
|
-
import { Capabilities, contributes, defineModule, definePlugin, Events } from "@dxos/app-framework";
|
|
13
2
|
|
|
14
|
-
// src/
|
|
15
|
-
import {
|
|
16
|
-
|
|
3
|
+
// src/components/StatusBar/StatusBar.tsx
|
|
4
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
5
|
+
import React, { forwardRef } from "react";
|
|
6
|
+
import { mx } from "@dxos/ui-theme";
|
|
7
|
+
var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }, forwardedRef) => {
|
|
8
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
9
|
+
...props,
|
|
10
|
+
role: "status",
|
|
11
|
+
className: mx("grid place-items-center", classNames),
|
|
12
|
+
ref: forwardedRef
|
|
13
|
+
}, children);
|
|
14
|
+
});
|
|
15
|
+
var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("span", {
|
|
16
|
+
className: mx(classNames),
|
|
17
|
+
ref: forwardedRef
|
|
18
|
+
}, children));
|
|
19
|
+
var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
|
|
20
|
+
const classes = mx("flex items-center justify-center gap-2 p-1 px-2 rounded-xs", "select-none cursor-pointer dx-focus-ring text-description text-xs", "hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600", classNames);
|
|
21
|
+
return asChild ? /* @__PURE__ */ React.createElement(Slot, {
|
|
22
|
+
role: "button",
|
|
23
|
+
ref: forwardedRef,
|
|
24
|
+
className: classes,
|
|
25
|
+
...props
|
|
26
|
+
}, children) : /* @__PURE__ */ React.createElement("button", {
|
|
27
|
+
className: classes,
|
|
28
|
+
ref: forwardedRef,
|
|
29
|
+
...props
|
|
30
|
+
}, children);
|
|
31
|
+
});
|
|
32
|
+
var StartContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
|
|
33
|
+
role: "none",
|
|
34
|
+
className: mx("flex-grow flex items-center space-x-2", classNames),
|
|
35
|
+
ref: forwardedRef
|
|
36
|
+
}, children));
|
|
37
|
+
var EndContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
|
|
38
|
+
role: "none",
|
|
39
|
+
className: mx("flex-grow flex items-center justify-end", classNames),
|
|
40
|
+
ref: forwardedRef
|
|
41
|
+
}, children));
|
|
42
|
+
var StatusBar = {
|
|
43
|
+
Item: StatusBarItem,
|
|
44
|
+
Text: StatusBarText,
|
|
45
|
+
Button: StatusBarButton,
|
|
46
|
+
StartContent,
|
|
47
|
+
EndContent
|
|
48
|
+
};
|
|
17
49
|
|
|
18
|
-
// src/
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
"powered by dxos message": "Powered by <dxos>DXOS</dxos>",
|
|
30
|
-
"discord label": "Discord",
|
|
31
|
-
"github label": "GitHub",
|
|
32
|
-
"feedback label": "Feedback"
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
];
|
|
50
|
+
// src/meta.ts
|
|
51
|
+
import { trim } from "@dxos/util";
|
|
52
|
+
var meta = {
|
|
53
|
+
id: "org.dxos.plugin.status-bar",
|
|
54
|
+
name: "Status Bar",
|
|
55
|
+
description: trim`
|
|
56
|
+
Persistent bottom bar displaying workspace status information and quick actions.
|
|
57
|
+
Access connection state, notifications, and common commands without leaving your current context.
|
|
58
|
+
`,
|
|
59
|
+
icon: "ph--info--regular"
|
|
60
|
+
};
|
|
37
61
|
|
|
38
62
|
// src/StatusBarPlugin.ts
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
})
|
|
50
|
-
]);
|
|
63
|
+
import { Plugin } from "@dxos/app-framework";
|
|
64
|
+
import { AppPlugin } from "@dxos/app-toolkit";
|
|
65
|
+
import { ReactSurface } from "#capabilities";
|
|
66
|
+
import { meta as meta2 } from "#meta";
|
|
67
|
+
import { translations } from "#translations";
|
|
68
|
+
var StatusBarPlugin = Plugin.define(meta2).pipe(AppPlugin.addSurfaceModule({
|
|
69
|
+
activate: ReactSurface
|
|
70
|
+
}), AppPlugin.addTranslationsModule({
|
|
71
|
+
translations
|
|
72
|
+
}), Plugin.make);
|
|
51
73
|
export {
|
|
52
|
-
STATUS_BAR_PLUGIN,
|
|
53
74
|
StatusBar,
|
|
54
|
-
StatusBarActions,
|
|
55
|
-
StatusBarPanel,
|
|
56
75
|
StatusBarPlugin,
|
|
57
|
-
VersionNumber,
|
|
58
76
|
meta
|
|
59
77
|
};
|
|
60
78
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport {
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["
|
|
3
|
+
"sources": ["../../../src/components/StatusBar/StatusBar.tsx", "../../../src/meta.ts", "../../../src/StatusBarPlugin.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, type PropsWithChildren, type ReactNode, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\n//\n// Item\n//\n\ntype StatusBarItemProps = ThemedClassName<PropsWithChildren>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n ({ classNames, children, ...props }, forwardedRef) => {\n return (\n <div {...props} role='status' className={mx('grid place-items-center', classNames)} ref={forwardedRef}>\n {children}\n </div>\n );\n },\n);\n\n//\n// Text\n//\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n <span className={mx(classNames)} ref={forwardedRef}>\n {children}\n </span>\n));\n\n//\n// Button\n//\n\ntype StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\n/**\n * @deprecated\n */\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n ({ classNames, children, asChild, ...props }, forwardedRef) => {\n const classes = mx(\n 'flex items-center justify-center gap-2 p-1 px-2 rounded-xs',\n 'select-none cursor-pointer dx-focus-ring text-description text-xs',\n 'hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600',\n classNames,\n );\n\n return asChild ? (\n <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n {children}\n </Slot>\n ) : (\n <button className={classes} ref={forwardedRef} {...props}>\n {children}\n </button>\n );\n },\n);\n\n//\n// Content\n//\n\ntype StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n {children}\n </div>\n));\n\n//\n// EndContent\n//\n\ntype EndContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n {children}\n </div>\n));\n\n//\n// StatusBar\n//\n\nexport const StatusBar = {\n Item: StatusBarItem,\n Text: StatusBarText,\n Button: StatusBarButton,\n StartContent,\n EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n id: 'org.dxos.plugin.status-bar',\n name: 'Status Bar',\n description: trim`\n Persistent bottom bar displaying workspace status information and quick actions.\n Access connection state, notifications, and common commands without leaving your current context.\n `,\n icon: 'ph--info--regular',\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\n\nexport const StatusBarPlugin = Plugin.define(meta).pipe(\n AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n AppPlugin.addTranslationsModule({ translations }),\n Plugin.make,\n);\n"],
|
|
5
|
+
"mappings": ";;;AAIA,SAASA,YAAY;AACrB,OAAOC,SAA6EC,kBAAkB;AAGtG,SAASC,UAAU;AAQnB,IAAMC,gBAAgBF,2BACpB,CAAC,EAAEG,YAAYC,UAAU,GAAGC,MAAAA,GAASC,iBAAAA;AACnC,SACE,sBAAA,cAACC,OAAAA;IAAK,GAAGF;IAAOG,MAAK;IAASC,WAAWR,GAAG,2BAA2BE,UAAAA;IAAaO,KAAKJ;KACtFF,QAAAA;AAGP,CAAA;AASF,IAAMO,gBAAgBX,2BAAgD,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBAC/F,sBAAA,cAACM,QAAAA;EAAKH,WAAWR,GAAGE,UAAAA;EAAaO,KAAKJ;GACnCF,QAAAA,CAAAA;AAaL,IAAMS,kBAAkBb,2BACtB,CAAC,EAAEG,YAAYC,UAAUU,SAAS,GAAGT,MAAAA,GAASC,iBAAAA;AAC5C,QAAMS,UAAUd,GACd,8DACA,qEACA,mGACAE,UAAAA;AAGF,SAAOW,UACL,sBAAA,cAAChB,MAAAA;IAAKU,MAAK;IAASE,KAAKJ;IAAcG,WAAWM;IAAU,GAAGV;KAC5DD,QAAAA,IAGH,sBAAA,cAACY,UAAAA;IAAOP,WAAWM;IAASL,KAAKJ;IAAe,GAAGD;KAChDD,QAAAA;AAGP,CAAA;AASF,IAAMa,eAAejB,2BAA8C,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBAC5F,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWR,GAAG,yCAAyCE,UAAAA;EAAaO,KAAKJ;GACvFF,QAAAA,CAAAA;AAUL,IAAMc,aAAalB,2BAA4C,CAAC,EAAEG,YAAYC,SAAQ,GAAIE,iBACxF,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWR,GAAG,2CAA2CE,UAAAA;EAAaO,KAAKJ;GACzFF,QAAAA,CAAAA;AAQE,IAAMe,YAAY;EACvBC,MAAMlB;EACNmB,MAAMV;EACNW,QAAQT;EACRI;EACAC;AACF;;;ACjGA,SAASK,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaJ;;;;EAIbK,MAAM;AACR;;;ACXA,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,oBAAoB;AAC7B,SAASC,QAAAA,aAAY;AACrB,SAASC,oBAAoB;AAEtB,IAAMC,kBAAkBL,OAAOM,OAAOH,KAAAA,EAAMI,KACjDN,UAAUO,iBAAiB;EAAEC,UAAUP;AAAa,CAAA,GACpDD,UAAUS,sBAAsB;EAAEN;AAAa,CAAA,GAC/CJ,OAAOW,IAAI;",
|
|
6
|
+
"names": ["Slot", "React", "forwardRef", "mx", "StatusBarItem", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "ref", "StatusBarText", "span", "StatusBarButton", "asChild", "classes", "button", "StartContent", "EndContent", "StatusBar", "Item", "Text", "Button", "trim", "meta", "id", "name", "description", "icon", "Plugin", "AppPlugin", "ReactSurface", "meta", "translations", "StatusBarPlugin", "define", "pipe", "addSurfaceModule", "activate", "addTranslationsModule", "make"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/components/StatusBar.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytes":7661,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/StatusBar/index.ts":{"bytes":377,"imports":[{"path":"src/components/StatusBar/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/components/index.ts":{"bytes":377,"imports":[{"path":"src/components/StatusBar/index.ts","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/meta.ts":{"bytes":1471,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":1852,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":565,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"},"src/translations.ts":{"bytes":2337,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5742},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytesInOutput":1918},"src/components/StatusBar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":350},"src/StatusBarPlugin.ts":{"bytesInOutput":397}},"bytes":2929},"dist/lib/node-esm/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1123},"dist/lib/node-esm/translations.mjs":{"imports":[{"path":"#meta","kind":"import-statement","external":true}],"exports":["translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":596}},"bytes":781}}}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
+
|
|
3
|
+
// src/translations.ts
|
|
4
|
+
import { meta } from "#meta";
|
|
5
|
+
var translations = [
|
|
6
|
+
{
|
|
7
|
+
"en-US": {
|
|
8
|
+
[meta.id]: {
|
|
9
|
+
"plugin.name": "Status Bar",
|
|
10
|
+
"warning.title": "WARNING",
|
|
11
|
+
"technology-preview.message": "Composer is currently in beta.",
|
|
12
|
+
"learn-more.label": "Learn more",
|
|
13
|
+
"released.message": "This version was released {{released}}.",
|
|
14
|
+
"see-release.label": "See release on GitHub",
|
|
15
|
+
"powered-by-dxos.message": "Powered by <dxos>DXOS</dxos>",
|
|
16
|
+
"discord.label": "Discord",
|
|
17
|
+
"github.label": "GitHub",
|
|
18
|
+
"feedback.label": "Feedback"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
];
|
|
23
|
+
export {
|
|
24
|
+
translations
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=translations.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/translations.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport const translations = [\n {\n 'en-US': {\n [meta.id]: {\n 'plugin.name': 'Status Bar',\n 'warning.title': 'WARNING',\n 'technology-preview.message': 'Composer is currently in beta.',\n 'learn-more.label': 'Learn more',\n 'released.message': 'This version was released {{released}}.',\n 'see-release.label': 'See release on GitHub',\n 'powered-by-dxos.message': 'Powered by <dxos>DXOS</dxos>',\n 'discord.label': 'Discord',\n 'github.label': 'GitHub',\n 'feedback.label': 'Feedback',\n },\n },\n },\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": ";;;AAMA,SAASA,YAAY;AAEd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACD,KAAKE,EAAE,GAAG;QACT,eAAe;QACf,iBAAiB;QACjB,8BAA8B;QAC9B,oBAAoB;QACpB,oBAAoB;QACpB,qBAAqB;QACrB,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;",
|
|
6
|
+
"names": ["meta", "translations", "id"]
|
|
7
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAO7C,eAAO,MAAM,eAAe,4BAI3B,CAAC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { Capability } from '@dxos/app-framework';
|
|
2
|
+
export declare const ReactSurface: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/app-framework/Capabilities").ReactSurface>>, Error>;
|
|
2
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,YAAY,iJAAmE,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as Effect from 'effect/Effect';
|
|
2
|
+
import { Capabilities, Capability } from '@dxos/app-framework';
|
|
3
|
+
declare const _default: (props: void) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<Capabilities.ReactSurface>>, never, never>;
|
|
3
4
|
export default _default;
|
|
4
5
|
//# sourceMappingURL=react-surface.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -3,26 +3,28 @@ import { type ThemedClassName } from '@dxos/react-ui';
|
|
|
3
3
|
type StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & {
|
|
4
4
|
asChild?: boolean;
|
|
5
5
|
}>;
|
|
6
|
-
declare const StatusBarButton: React.ForwardRefExoticComponent<Omit<StatusBarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
export default StatusBarButton;
|
|
8
|
-
type StatusBarItemProps = ThemedClassName<ComponentPropsWithRef<'div'>>;
|
|
9
6
|
export declare const StatusBar: {
|
|
7
|
+
Item: React.ForwardRefExoticComponent<Omit<{
|
|
8
|
+
children?: ReactNode | undefined;
|
|
9
|
+
}, "className"> & {
|
|
10
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
10
12
|
Text: React.ForwardRefExoticComponent<Omit<{
|
|
11
13
|
children: ReactNode;
|
|
12
14
|
}, "className"> & {
|
|
13
|
-
classNames?: import("@dxos/
|
|
15
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
14
16
|
} & React.RefAttributes<HTMLSpanElement>>;
|
|
15
|
-
Item: React.ForwardRefExoticComponent<Omit<StatusBarItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
17
|
Button: React.ForwardRefExoticComponent<Omit<StatusBarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
18
|
StartContent: React.ForwardRefExoticComponent<Omit<{
|
|
18
19
|
children?: ReactNode | undefined;
|
|
19
20
|
}, "className"> & {
|
|
20
|
-
classNames?: import("@dxos/
|
|
21
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
21
22
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
23
|
EndContent: React.ForwardRefExoticComponent<Omit<{
|
|
23
24
|
children?: ReactNode | undefined;
|
|
24
25
|
}, "className"> & {
|
|
25
|
-
classNames?: import("@dxos/
|
|
26
|
+
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
26
27
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
27
28
|
};
|
|
29
|
+
export {};
|
|
28
30
|
//# sourceMappingURL=StatusBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/StatusBar/StatusBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA0B,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAmCtD,KAAK,oBAAoB,GAAG,eAAe,CAAC,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAsDrG,eAAO,MAAM,SAAS;;;;;;;kBAlEgC,SAAS;;;;;;;;;;;;;;;CAwE9D,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: any;
|
|
6
|
+
render: () => React.JSX.Element;
|
|
7
|
+
decorators: import("@storybook/react").Decorator[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
15
|
+
//# sourceMappingURL=StatusBar.stories.d.ts.map
|