@dxos/plugin-stack 0.8.4-main.f5c0578 → 0.8.4-main.fcfe5033a5

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.
Files changed (90) hide show
  1. package/dist/lib/browser/index.mjs +71 -78
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/browser/types/index.mjs +21 -4
  5. package/dist/lib/browser/types/index.mjs.map +4 -4
  6. package/dist/lib/node-esm/index.mjs +72 -78
  7. package/dist/lib/node-esm/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/meta.json +1 -1
  9. package/dist/lib/node-esm/types/index.mjs +22 -4
  10. package/dist/lib/node-esm/types/index.mjs.map +4 -4
  11. package/dist/types/src/StackPlugin.d.ts +2 -1
  12. package/dist/types/src/StackPlugin.d.ts.map +1 -1
  13. package/dist/types/src/capabilities/index.d.ts +2 -1
  14. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  15. package/dist/types/src/capabilities/react-surface.d.ts +3 -2
  16. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  17. package/dist/types/src/components/{StackContext.d.ts → StackContext/StackContext.d.ts} +2 -1
  18. package/dist/types/src/components/StackContext/StackContext.d.ts.map +1 -0
  19. package/dist/types/src/components/StackContext/index.d.ts +2 -0
  20. package/dist/types/src/components/StackContext/index.d.ts.map +1 -0
  21. package/dist/types/src/components/StackSection/CaretDownUp.d.ts.map +1 -0
  22. package/dist/types/src/components/{StackSection.d.ts → StackSection/StackSection.d.ts} +1 -1
  23. package/dist/types/src/components/StackSection/StackSection.d.ts.map +1 -0
  24. package/dist/types/src/components/StackSection/index.d.ts +2 -0
  25. package/dist/types/src/components/StackSection/index.d.ts.map +1 -0
  26. package/dist/types/src/components/{StackSettings.d.ts → StackSettings/StackSettings.d.ts} +1 -1
  27. package/dist/types/src/components/StackSettings/StackSettings.d.ts.map +1 -0
  28. package/dist/types/src/components/StackSettings/index.d.ts +2 -0
  29. package/dist/types/src/components/StackSettings/index.d.ts.map +1 -0
  30. package/dist/types/src/components/index.d.ts +2 -4
  31. package/dist/types/src/components/index.d.ts.map +1 -1
  32. package/dist/types/src/containers/StackContainer/StackContainer.d.ts +7 -0
  33. package/dist/types/src/containers/StackContainer/StackContainer.d.ts.map +1 -0
  34. package/dist/types/src/containers/StackContainer/index.d.ts +2 -0
  35. package/dist/types/src/containers/StackContainer/index.d.ts.map +1 -0
  36. package/dist/types/src/containers/index.d.ts +3 -0
  37. package/dist/types/src/containers/index.d.ts.map +1 -0
  38. package/dist/types/src/meta.d.ts +3 -4
  39. package/dist/types/src/meta.d.ts.map +1 -1
  40. package/dist/types/src/translations.d.ts +31 -29
  41. package/dist/types/src/translations.d.ts.map +1 -1
  42. package/dist/types/src/types/stack.d.ts +13 -14
  43. package/dist/types/src/types/stack.d.ts.map +1 -1
  44. package/dist/types/src/types/types.d.ts +3 -3
  45. package/dist/types/src/types/types.d.ts.map +1 -1
  46. package/dist/types/tsconfig.tsbuildinfo +1 -1
  47. package/package.json +50 -37
  48. package/src/StackPlugin.ts +29 -44
  49. package/src/capabilities/index.ts +2 -2
  50. package/src/capabilities/react-surface.tsx +20 -26
  51. package/src/components/{StackContext.tsx → StackContext/StackContext.tsx} +3 -1
  52. package/src/components/StackContext/index.ts +5 -0
  53. package/src/components/{StackSection.tsx → StackSection/StackSection.tsx} +28 -25
  54. package/src/components/StackSection/index.ts +5 -0
  55. package/src/components/StackSettings/StackSettings.tsx +28 -0
  56. package/src/components/StackSettings/index.ts +5 -0
  57. package/src/components/index.ts +2 -4
  58. package/src/containers/StackContainer/StackContainer.tsx +170 -0
  59. package/src/containers/StackContainer/index.ts +5 -0
  60. package/src/containers/index.ts +7 -0
  61. package/src/meta.ts +9 -6
  62. package/src/translations.ts +22 -20
  63. package/src/types/stack.ts +12 -8
  64. package/src/types/types.ts +3 -3
  65. package/dist/lib/browser/StackMain-5DM2ROIH.mjs +0 -299
  66. package/dist/lib/browser/StackMain-5DM2ROIH.mjs.map +0 -7
  67. package/dist/lib/browser/chunk-FVB7LGW7.mjs +0 -19
  68. package/dist/lib/browser/chunk-FVB7LGW7.mjs.map +0 -7
  69. package/dist/lib/browser/chunk-IRTROCUQ.mjs +0 -28
  70. package/dist/lib/browser/chunk-IRTROCUQ.mjs.map +0 -7
  71. package/dist/lib/browser/react-surface-T4IY2E45.mjs +0 -46
  72. package/dist/lib/browser/react-surface-T4IY2E45.mjs.map +0 -7
  73. package/dist/lib/node-esm/StackMain-SZBR33SL.mjs +0 -300
  74. package/dist/lib/node-esm/StackMain-SZBR33SL.mjs.map +0 -7
  75. package/dist/lib/node-esm/chunk-LRAZXJ65.mjs +0 -30
  76. package/dist/lib/node-esm/chunk-LRAZXJ65.mjs.map +0 -7
  77. package/dist/lib/node-esm/chunk-UN5PA7TK.mjs +0 -21
  78. package/dist/lib/node-esm/chunk-UN5PA7TK.mjs.map +0 -7
  79. package/dist/lib/node-esm/react-surface-XSH3EWCO.mjs +0 -47
  80. package/dist/lib/node-esm/react-surface-XSH3EWCO.mjs.map +0 -7
  81. package/dist/types/src/components/CaretDownUp.d.ts.map +0 -1
  82. package/dist/types/src/components/StackContext.d.ts.map +0 -1
  83. package/dist/types/src/components/StackMain.d.ts +0 -9
  84. package/dist/types/src/components/StackMain.d.ts.map +0 -1
  85. package/dist/types/src/components/StackSection.d.ts.map +0 -1
  86. package/dist/types/src/components/StackSettings.d.ts.map +0 -1
  87. package/src/components/StackMain.tsx +0 -160
  88. package/src/components/StackSettings.tsx +0 -23
  89. /package/dist/types/src/components/{CaretDownUp.d.ts → StackSection/CaretDownUp.d.ts} +0 -0
  90. /package/src/components/{CaretDownUp.tsx → StackSection/CaretDownUp.tsx} +0 -0
@@ -1,300 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- STACK_PLUGIN
4
- } from "./chunk-UN5PA7TK.mjs";
5
-
6
- // src/components/StackMain.tsx
7
- import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
8
- import { Option } from "effect";
9
- import React3, { useCallback, useState as useState2 } from "react";
10
- import { Capabilities, LayoutAction, createIntent, useAppGraph, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
11
- import { fullyQualifiedId, isLiveObject } from "@dxos/client/echo";
12
- import { Obj } from "@dxos/echo";
13
- import { SpaceAction } from "@dxos/plugin-space/types";
14
- import { Button, Icon as Icon2, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
15
- import { AttentionProvider } from "@dxos/react-ui-attention";
16
- import { Stack } from "@dxos/react-ui-stack";
17
- import { isNonNullable } from "@dxos/util";
18
-
19
- // src/components/StackContext.tsx
20
- import { createContext, useContext } from "react";
21
- var StackContext = /* @__PURE__ */ createContext({
22
- onCollapse: () => {
23
- },
24
- onNavigate: async () => {
25
- },
26
- onDelete: async () => {
27
- },
28
- onAdd: () => {
29
- }
30
- });
31
- var useStack = () => useContext(StackContext);
32
-
33
- // src/components/StackSection.tsx
34
- import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
35
- import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
36
- import React2, { useMemo, useState } from "react";
37
- import { Surface } from "@dxos/app-framework";
38
- import { DropdownMenu, Icon, IconButton, useTranslation } from "@dxos/react-ui";
39
- import { useAttentionAttributes } from "@dxos/react-ui-attention";
40
- import { StackItem } from "@dxos/react-ui-stack";
41
- import { getSize, mx, textBlockWidth } from "@dxos/react-ui-theme";
42
-
43
- // src/components/CaretDownUp.tsx
44
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
45
- import React from "react";
46
- var CaretDownUp = ({ children, ...props }) => {
47
- var _effect = _useSignals();
48
- try {
49
- return /* @__PURE__ */ React.createElement("svg", {
50
- xmlns: "http://www.w3.org/2000/svg",
51
- viewBox: "0 0 256 256",
52
- ...props
53
- }, /* @__PURE__ */ React.createElement("rect", {
54
- width: "256",
55
- height: "256",
56
- fill: "none"
57
- }), /* @__PURE__ */ React.createElement("polyline", {
58
- points: "80 224 128 176 176 224",
59
- fill: "none",
60
- stroke: "currentColor",
61
- strokeLinecap: "round",
62
- strokeLinejoin: "round",
63
- strokeWidth: "16"
64
- }), /* @__PURE__ */ React.createElement("polyline", {
65
- points: "80 32 128 80 176 32",
66
- fill: "none",
67
- stroke: "currentColor",
68
- strokeLinecap: "round",
69
- strokeLinejoin: "round",
70
- strokeWidth: "16"
71
- }), children);
72
- } finally {
73
- _effect.f();
74
- }
75
- };
76
-
77
- // src/components/StackSection.tsx
78
- var sectionActionDimensions = "p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
79
- var StackSection = ({ id, view, object, metadata: { icon = "ph--placeholder--regular" } }) => {
80
- var _effect = _useSignals2();
81
- try {
82
- const { t } = useTranslation(STACK_PLUGIN);
83
- const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
84
- const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
85
- const attentionAttrs = useAttentionAttributes(id);
86
- const stackItem = useMemo(() => ({
87
- id
88
- }), [
89
- id
90
- ]);
91
- return /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Root, {
92
- asChild: true,
93
- open: !view.collapsed,
94
- onOpenChange: (nextOpen) => onCollapse?.(id, !nextOpen)
95
- }, /* @__PURE__ */ React2.createElement(StackItem.Root, {
96
- item: stackItem,
97
- role: "section",
98
- ...attentionAttrs
99
- }, /* @__PURE__ */ React2.createElement(StackItem.Heading, {
100
- classNames: "attention-surface"
101
- }, /* @__PURE__ */ React2.createElement("span", {
102
- className: "sr-only"
103
- }, view.title), /* @__PURE__ */ React2.createElement(StackItem.HeadingStickyContent, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Root, {
104
- open: optionsMenuOpen,
105
- onOpenChange: setOptionsMenuOpen
106
- }, /* @__PURE__ */ React2.createElement(DropdownMenu.Trigger, {
107
- asChild: true
108
- }, /* @__PURE__ */ React2.createElement(StackItem.SigilButton, null, /* @__PURE__ */ React2.createElement(Icon, {
109
- icon,
110
- size: 5,
111
- classNames: "transition-opacity"
112
- }))), /* @__PURE__ */ React2.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Viewport, null, view.collapsed ? /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
113
- onClick: () => onNavigate(id),
114
- "data-testid": "section.navigate-to"
115
- }, /* @__PURE__ */ React2.createElement(Icon, {
116
- icon: "ph--arrow-right--regular",
117
- size: 5
118
- }), /* @__PURE__ */ React2.createElement("span", {
119
- className: "mis-2 grow"
120
- }, t("navigate to section label"))) : /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Trigger, {
121
- asChild: true
122
- }, /* @__PURE__ */ React2.createElement(DropdownMenu.Item, null, /* @__PURE__ */ React2.createElement(CaretDownUp, {
123
- className: getSize(5)
124
- }), /* @__PURE__ */ React2.createElement("span", {
125
- className: "mis-2 grow"
126
- }, t("collapse label")))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
127
- onClick: () => onAdd(id, "before"),
128
- "data-testid": "section.add-before"
129
- }, /* @__PURE__ */ React2.createElement(Icon, {
130
- icon: "ph--arrow-line-up--regular",
131
- size: 5
132
- }), /* @__PURE__ */ React2.createElement("span", {
133
- className: "mis-2 grow"
134
- }, t("add section before label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
135
- onClick: () => onAdd(id, "after"),
136
- "data-testid": "section.add-after"
137
- }, /* @__PURE__ */ React2.createElement(Icon, {
138
- icon: "ph--arrow-line-down--regular",
139
- size: 5
140
- }), /* @__PURE__ */ React2.createElement("span", {
141
- className: "mis-2 grow"
142
- }, t("add section after label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
143
- onClick: () => onDelete(id),
144
- "data-testid": "section.remove"
145
- }, /* @__PURE__ */ React2.createElement(Icon, {
146
- icon: "ph--trash--regular",
147
- size: 5
148
- }), /* @__PURE__ */ React2.createElement("span", {
149
- className: "mis-2 grow"
150
- }, t("remove section label")))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null)))), view.collapsed ? /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Trigger, {
151
- asChild: true
152
- }, /* @__PURE__ */ React2.createElement(IconButton, {
153
- iconOnly: true,
154
- variant: "ghost",
155
- label: t("expand label"),
156
- icon: "ph--caret-up-down--regular",
157
- classNames: sectionActionDimensions
158
- })) : /* @__PURE__ */ React2.createElement(IconButton, {
159
- iconOnly: true,
160
- variant: "ghost",
161
- onClick: () => onNavigate(id),
162
- label: t("navigate to section label"),
163
- icon: "ph--arrow-right--regular",
164
- "data-testid": "section.navigate-to",
165
- classNames: sectionActionDimensions
166
- }))), /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Content, null, /* @__PURE__ */ React2.createElement(Surface, {
167
- role: "section",
168
- data: {
169
- subject: object
170
- },
171
- limit: 1,
172
- placeholder: /* @__PURE__ */ React2.createElement(React2.Fragment, null)
173
- })), view.collapsed && /* @__PURE__ */ React2.createElement(StackItem.Content, {
174
- classNames: "attention-surface"
175
- }, /* @__PURE__ */ React2.createElement("h2", {
176
- className: mx("flex items-center p-4 font-medium", textBlockWidth)
177
- }, view.title))));
178
- } finally {
179
- _effect.f();
180
- }
181
- };
182
-
183
- // src/components/StackMain.tsx
184
- var StackMain = ({ id, collection }) => {
185
- var _effect = _useSignals3();
186
- try {
187
- const { dispatchPromise: dispatch } = useIntentDispatcher();
188
- const { graph } = useAppGraph();
189
- const { t } = useTranslation2(STACK_PLUGIN);
190
- const allMetadata = useCapabilities(Capabilities.Metadata);
191
- const [collapsedSections, setCollapsedSections] = useState2({});
192
- const items = collection.objects.map((object) => object.target).filter(isNonNullable).map((object) => {
193
- const metadata = allMetadata.find((m) => m.id === (Obj.getTypename(object) ?? "never"))?.metadata;
194
- const view = {
195
- // ...stack.sections[object.id],
196
- collapsed: collapsedSections[fullyQualifiedId(object)],
197
- title: object?.title ?? // TODO(wittjosiah): `getNode` is not reactive.
198
- toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t)
199
- };
200
- return {
201
- id: fullyQualifiedId(object),
202
- object,
203
- metadata,
204
- view
205
- };
206
- }) ?? [];
207
- const handleDelete = useCallback(async (id2) => {
208
- const index = collection.objects.map((object2) => object2.target).filter(isNonNullable).findIndex((section) => fullyQualifiedId(section) === id2);
209
- const object = collection.objects[index].target;
210
- if (isLiveObject(object)) {
211
- await dispatch(createIntent(SpaceAction.RemoveObjects, {
212
- objects: [
213
- object
214
- ],
215
- target: collection
216
- }));
217
- }
218
- }, [
219
- collection,
220
- dispatch
221
- ]);
222
- const handleAdd = useCallback(async (id2, position) => {
223
- await dispatch?.(
224
- // TODO(wittjosiah): Use object creation dialog.
225
- createIntent(LayoutAction.UpdateDialog, {
226
- part: "dialog",
227
- subject: `${STACK_PLUGIN}/AddSectionDialog`,
228
- options: {
229
- blockAlign: "start",
230
- props: {
231
- path: id2,
232
- position,
233
- collection
234
- }
235
- }
236
- })
237
- );
238
- }, [
239
- collection,
240
- dispatch
241
- ]);
242
- const handleNavigate = useCallback(async (id2) => {
243
- await dispatch(createIntent(LayoutAction.Open, {
244
- part: "main",
245
- subject: [
246
- id2
247
- ]
248
- }));
249
- }, [
250
- dispatch
251
- ]);
252
- const handleCollapse = useCallback((id2, collapsed) => setCollapsedSections((prev) => ({
253
- ...prev,
254
- [id2]: collapsed
255
- })), []);
256
- const handleAddSection = useCallback(() => dispatch?.(createIntent(SpaceAction.OpenCreateObject, {
257
- target: collection,
258
- navigable: false
259
- })), [
260
- collection,
261
- dispatch
262
- ]);
263
- return /* @__PURE__ */ React3.createElement(AttentionProvider, {
264
- id
265
- }, /* @__PURE__ */ React3.createElement(StackContext.Provider, {
266
- value: {
267
- onCollapse: handleCollapse,
268
- onNavigate: handleNavigate,
269
- onDelete: handleDelete,
270
- onAdd: handleAdd
271
- }
272
- }, /* @__PURE__ */ React3.createElement(Stack, {
273
- orientation: "vertical",
274
- size: "intrinsic",
275
- id,
276
- "data-testid": "main.stack"
277
- }, items.map((item) => /* @__PURE__ */ React3.createElement(StackSection, {
278
- key: item.id,
279
- ...item
280
- }))), /* @__PURE__ */ React3.createElement("div", {
281
- role: "none",
282
- className: "flex mlb-2 pli-2 justify-center"
283
- }, /* @__PURE__ */ React3.createElement(Button, {
284
- "data-testid": "stack.createSection",
285
- classNames: "gap-2",
286
- onClick: handleAddSection
287
- }, /* @__PURE__ */ React3.createElement(Icon2, {
288
- icon: "ph--plus"
289
- }), /* @__PURE__ */ React3.createElement("span", {
290
- className: "sr-only"
291
- }, t("add section label"))))));
292
- } finally {
293
- _effect.f();
294
- }
295
- };
296
- var StackMain_default = StackMain;
297
- export {
298
- StackMain_default as default
299
- };
300
- //# sourceMappingURL=StackMain-SZBR33SL.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/StackMain.tsx", "../../../src/components/StackContext.tsx", "../../../src/components/StackSection.tsx", "../../../src/components/CaretDownUp.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Option } from 'effect';\nimport React, { useCallback, useState } from 'react';\n\nimport {\n Capabilities,\n LayoutAction,\n createIntent,\n useAppGraph,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';\nimport { Obj } from '@dxos/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { Button, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { AttentionProvider } from '@dxos/react-ui-attention';\nimport { Stack } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { STACK_PLUGIN } from '../meta';\nimport {\n type AddSectionPosition,\n type CollapsedSections,\n type StackSectionItem,\n type StackSectionMetadata,\n type StackSectionView,\n} from '../types';\n\nimport { StackContext } from './StackContext';\nimport { StackSection } from './StackSection';\n\ntype StackMainProps = {\n id: string;\n collection: DataType.Collection;\n};\n\nconst StackMain = ({ id, collection }: StackMainProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const { graph } = useAppGraph();\n const { t } = useTranslation(STACK_PLUGIN);\n const allMetadata = useCapabilities(Capabilities.Metadata);\n const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});\n\n // TODO(wittjosiah): Re-implement stack views with relations.\n // const defaultStack = useMemo(() => Obj.make(StackViewType, { sections: {} }), [collection]);\n // const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;\n // useEffect(() => {\n // if (!collection.views[StackViewType.typename]) {\n // collection.views[StackViewType.typename] = Ref.make(stack);\n // }\n // }, [collection, stack]);\n\n const items =\n collection.objects\n // TODO(wittjosiah): Should the database handle this differently?\n // TODO(wittjosiah): Render placeholders for missing objects so they can be removed from the stack?\n .map((object) => object.target)\n .filter(isNonNullable)\n .map((object) => {\n const metadata = allMetadata.find((m) => m.id === (Obj.getTypename(object) ?? 'never'))\n ?.metadata as StackSectionMetadata;\n const view = {\n // ...stack.sections[object.id],\n collapsed: collapsedSections[fullyQualifiedId(object)],\n title:\n (object as any)?.title ??\n // TODO(wittjosiah): `getNode` is not reactive.\n toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t),\n } as StackSectionView;\n return { id: fullyQualifiedId(object), object, metadata, view } satisfies StackSectionItem;\n }) ?? [];\n\n const handleDelete = useCallback(\n async (id: string) => {\n const index = collection.objects\n .map((object) => object.target)\n .filter(isNonNullable)\n .findIndex((section) => fullyQualifiedId(section) === id);\n const object = collection.objects[index].target;\n if (isLiveObject(object)) {\n await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));\n\n // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.\n // delete stack.sections[Path.last(path)];\n }\n },\n [collection, dispatch],\n );\n\n const handleAdd = useCallback(\n async (id: string, position: AddSectionPosition) => {\n await dispatch?.(\n // TODO(wittjosiah): Use object creation dialog.\n createIntent(LayoutAction.UpdateDialog, {\n part: 'dialog',\n subject: `${STACK_PLUGIN}/AddSectionDialog`,\n options: {\n blockAlign: 'start',\n props: {\n path: id,\n position,\n collection,\n },\n },\n }),\n );\n },\n [collection, dispatch],\n );\n\n const handleNavigate = useCallback(\n async (id: string) => {\n await dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [id] }));\n },\n [dispatch],\n );\n\n const handleCollapse = useCallback(\n (id: string, collapsed: boolean) => setCollapsedSections((prev) => ({ ...prev, [id]: collapsed })),\n [],\n );\n\n const handleAddSection = useCallback(\n () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),\n [collection, dispatch],\n );\n\n return (\n <AttentionProvider id={id}>\n <StackContext.Provider\n value={{\n onCollapse: handleCollapse,\n onNavigate: handleNavigate,\n onDelete: handleDelete,\n onAdd: handleAdd,\n }}\n >\n <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack'>\n {items.map((item) => (\n <StackSection key={item.id} {...item} />\n ))}\n </Stack>\n\n <div role='none' className='flex mlb-2 pli-2 justify-center'>\n <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>\n <Icon icon='ph--plus' />\n <span className='sr-only'>{t('add section label')}</span>\n </Button>\n </div>\n </StackContext.Provider>\n </AttentionProvider>\n );\n};\n\nexport default StackMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type AddSectionPosition } from '../types';\n\nexport type StackContextValue = {\n onCollapse: (id: string, collapsed: boolean) => void;\n onNavigate: (id: string) => Promise<void>;\n onDelete: (id: string) => Promise<void>;\n onAdd: (id: string, position: AddSectionPosition) => void;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n onCollapse: () => {},\n onNavigate: async () => {},\n onDelete: async () => {},\n onAdd: () => {},\n});\n\nexport const useStack = () => useContext(StackContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, { useMemo, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { DropdownMenu, Icon, IconButton, useTranslation } from '@dxos/react-ui';\nimport { useAttentionAttributes } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { getSize, mx, textBlockWidth } from '@dxos/react-ui-theme';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSectionItem } from '../types';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { useStack } from './StackContext';\n\nconst sectionActionDimensions = 'p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport type StackSectionProps = StackSectionItem;\n\nexport const StackSection = ({\n id,\n view,\n object,\n metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionProps) => {\n const { t } = useTranslation(STACK_PLUGIN);\n const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n const attentionAttrs = useAttentionAttributes(id);\n const stackItem = useMemo(() => ({ id }), [id]);\n\n return (\n <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n <StackItem.Root item={stackItem} role='section' {...attentionAttrs}>\n <StackItem.Heading classNames='attention-surface'>\n <span className='sr-only'>{view.title}</span>\n <StackItem.HeadingStickyContent>\n <DropdownMenu.Root\n {...{\n open: optionsMenuOpen,\n onOpenChange: setOptionsMenuOpen,\n }}\n >\n <DropdownMenu.Trigger asChild>\n <StackItem.SigilButton>\n <Icon icon={icon} size={5} classNames='transition-opacity' />\n </StackItem.SigilButton>\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content>\n <DropdownMenu.Viewport>\n {view.collapsed ? (\n <DropdownMenu.Item onClick={() => onNavigate(id)} data-testid='section.navigate-to'>\n <Icon icon='ph--arrow-right--regular' size={5} />\n <span className='mis-2 grow'>{t('navigate to section label')}</span>\n </DropdownMenu.Item>\n ) : (\n <CollapsiblePrimitive.Trigger asChild>\n <DropdownMenu.Item>\n <CaretDownUp className={getSize(5)} />\n <span className='mis-2 grow'>{t('collapse label')}</span>\n </DropdownMenu.Item>\n </CollapsiblePrimitive.Trigger>\n )}\n <DropdownMenu.Item onClick={() => onAdd(id, 'before')} data-testid='section.add-before'>\n <Icon icon='ph--arrow-line-up--regular' size={5} />\n <span className='mis-2 grow'>{t('add section before label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onAdd(id, 'after')} data-testid='section.add-after'>\n <Icon icon='ph--arrow-line-down--regular' size={5} />\n <span className='mis-2 grow'>{t('add section after label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onDelete(id)} data-testid='section.remove'>\n <Icon icon='ph--trash--regular' size={5} />\n <span className='mis-2 grow'>{t('remove section label')}</span>\n </DropdownMenu.Item>\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n {view.collapsed ? (\n <CollapsiblePrimitive.Trigger asChild>\n <IconButton\n iconOnly\n variant='ghost'\n label={t('expand label')}\n icon='ph--caret-up-down--regular'\n classNames={sectionActionDimensions}\n />\n </CollapsiblePrimitive.Trigger>\n ) : (\n <IconButton\n iconOnly\n variant='ghost'\n onClick={() => onNavigate(id)}\n label={t('navigate to section label')}\n icon='ph--arrow-right--regular'\n data-testid='section.navigate-to'\n classNames={sectionActionDimensions}\n />\n )}\n </StackItem.HeadingStickyContent>\n </StackItem.Heading>\n <CollapsiblePrimitive.Content>\n <Surface role='section' data={{ subject: object }} limit={1} placeholder={<></>} />\n </CollapsiblePrimitive.Content>\n {view.collapsed && (\n <StackItem.Content classNames='attention-surface'>\n <h2 className={mx('flex items-center p-4 font-medium', textBlockWidth)}>{view.title}</h2>\n </StackItem.Content>\n )}\n </StackItem.Root>\n </CollapsiblePrimitive.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nexport const CaretDownUp = ({ children, ...props }: ComponentPropsWithoutRef<'svg'>) => {\n return (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n <rect width='256' height='256' fill='none' />\n <polyline\n points='80 224 128 176 176 224'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n <polyline\n points='80 32 128 80 176 32'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n {children}\n </svg>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["Option", "React", "useCallback", "useState", "Capabilities", "LayoutAction", "createIntent", "useAppGraph", "useCapabilities", "useIntentDispatcher", "fullyQualifiedId", "isLiveObject", "Obj", "SpaceAction", "Button", "Icon", "toLocalizedString", "useTranslation", "AttentionProvider", "Stack", "isNonNullable", "createContext", "useContext", "StackContext", "createContext", "onCollapse", "onNavigate", "onDelete", "onAdd", "useStack", "useContext", "CollapsiblePrimitive", "React", "useMemo", "useState", "Surface", "DropdownMenu", "Icon", "IconButton", "useTranslation", "useAttentionAttributes", "StackItem", "getSize", "mx", "textBlockWidth", "React", "CaretDownUp", "children", "props", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "sectionActionDimensions", "StackSection", "id", "view", "object", "metadata", "icon", "t", "useTranslation", "STACK_PLUGIN", "onNavigate", "onAdd", "onCollapse", "onDelete", "useStack", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "attentionAttrs", "useAttentionAttributes", "stackItem", "useMemo", "React", "Root", "asChild", "open", "collapsed", "onOpenChange", "nextOpen", "StackItem", "item", "role", "Heading", "classNames", "span", "className", "title", "HeadingStickyContent", "DropdownMenu", "Trigger", "SigilButton", "Icon", "size", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "CaretDownUp", "getSize", "Arrow", "IconButton", "iconOnly", "variant", "label", "Surface", "data", "subject", "limit", "placeholder", "h2", "mx", "textBlockWidth", "StackMain", "id", "collection", "dispatchPromise", "dispatch", "useIntentDispatcher", "graph", "useAppGraph", "t", "useTranslation", "STACK_PLUGIN", "allMetadata", "useCapabilities", "Capabilities", "Metadata", "collapsedSections", "setCollapsedSections", "useState", "items", "objects", "map", "object", "target", "filter", "isNonNullable", "metadata", "find", "m", "Obj", "getTypename", "view", "collapsed", "fullyQualifiedId", "title", "toLocalizedString", "getNode", "pipe", "Option", "getOrNull", "properties", "label", "handleDelete", "useCallback", "index", "findIndex", "section", "isLiveObject", "createIntent", "SpaceAction", "RemoveObjects", "handleAdd", "position", "LayoutAction", "UpdateDialog", "part", "subject", "options", "blockAlign", "props", "path", "handleNavigate", "Open", "handleCollapse", "prev", "handleAddSection", "OpenCreateObject", "navigable", "React", "AttentionProvider", "StackContext", "Provider", "value", "onCollapse", "onNavigate", "onDelete", "onAdd", "Stack", "orientation", "size", "data-testid", "item", "StackSection", "key", "div", "role", "className", "Button", "classNames", "onClick", "Icon", "icon", "span"]
7
- }
@@ -1,30 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
-
3
- // src/types/stack.ts
4
- import { Schema } from "effect";
5
- import { TypedObject } from "@dxos/echo-schema";
6
- var SectionSchema = Schema.Struct({
7
- height: Schema.optional(Schema.Number),
8
- // Space for data that isn't stack-specific but is specific to this view instance.
9
- // e.g. cover/fill for an image
10
- custom: Schema.optional(Schema.Record({
11
- key: Schema.String,
12
- value: Schema.Any
13
- }))
14
- });
15
- var StackViewType = class extends TypedObject({
16
- typename: "dxos.org/type/StackView",
17
- version: "0.1.0"
18
- })({
19
- sections: Schema.mutable(Schema.Record({
20
- key: Schema.String,
21
- value: SectionSchema
22
- }))
23
- }) {
24
- };
25
-
26
- export {
27
- SectionSchema,
28
- StackViewType
29
- };
30
- //# sourceMappingURL=chunk-LRAZXJ65.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/stack.ts"],
4
- "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { TypedObject } from '@dxos/echo-schema';\n\n// All section metadata needs to be optional/have defaults.\n// Any objects added to the collection will start with the section defaults.\n// If an object is removed from the collection without removing the section metadata this is fine.\n// Stack components should clean-up the superfluous data on future edits.\n\nexport const SectionSchema = Schema.Struct({\n height: Schema.optional(Schema.Number),\n // Space for data that isn't stack-specific but is specific to this view instance.\n // e.g. cover/fill for an image\n custom: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.Any })),\n});\n\n// TODO(wittjosiah): This needs a relation to be connected to a stack.\nexport class StackViewType extends TypedObject({\n typename: 'dxos.org/type/StackView',\n version: '0.1.0',\n})({\n sections: Schema.mutable(Schema.Record({ key: Schema.String, value: SectionSchema })),\n}) {}\n"],
5
- "mappings": ";;;AAIA,SAASA,cAAc;AAEvB,SAASC,mBAAmB;AAOrB,IAAMC,gBAAgBC,OAAOC,OAAO;EACzCC,QAAQF,OAAOG,SAASH,OAAOI,MAAM;;;EAGrCC,QAAQL,OAAOG,SAASH,OAAOM,OAAO;IAAEC,KAAKP,OAAOQ;IAAQC,OAAOT,OAAOU;EAAI,CAAA,CAAA;AAChF,CAAA;AAGO,IAAMC,gBAAN,cAA4BC,YAAY;EAC7CC,UAAU;EACVC,SAAS;AACX,CAAA,EAAG;EACDC,UAAUf,OAAOgB,QAAQhB,OAAOM,OAAO;IAAEC,KAAKP,OAAOQ;IAAQC,OAAOV;EAAc,CAAA,CAAA;AACpF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "TypedObject", "SectionSchema", "Schema", "Struct", "height", "optional", "Number", "custom", "Record", "key", "String", "value", "Any", "StackViewType", "TypedObject", "typename", "version", "sections", "mutable"]
7
- }
@@ -1,21 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
-
3
- // src/meta.ts
4
- var STACK_PLUGIN = "dxos.org/plugin/stack";
5
- var SECTION_IDENTIFIER = "dxos.org/type/StackSection";
6
- var meta = {
7
- id: STACK_PLUGIN,
8
- // TODO(wittjosiah): Prevents "stacks" language from being exposed to users in settings panel.
9
- // Conside renaming this to the collection plugin and trying to factor more collections logic from the space plugin.
10
- name: "Collections",
11
- description: "View collections of objects within the deck.",
12
- icon: "ph--stack-simple--regular",
13
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-stack"
14
- };
15
-
16
- export {
17
- STACK_PLUGIN,
18
- SECTION_IDENTIFIER,
19
- meta
20
- };
21
- //# sourceMappingURL=chunk-UN5PA7TK.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/meta.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STACK_PLUGIN = 'dxos.org/plugin/stack';\nexport const SECTION_IDENTIFIER = 'dxos.org/type/StackSection';\n\nexport const meta: PluginMeta = {\n id: STACK_PLUGIN,\n // TODO(wittjosiah): Prevents \"stacks\" language from being exposed to users in settings panel.\n // Conside renaming this to the collection plugin and trying to factor more collections logic from the space plugin.\n name: 'Collections',\n description: 'View collections of objects within the deck.',\n icon: 'ph--stack-simple--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-stack',\n};\n"],
5
- "mappings": ";;;AAMO,IAAMA,eAAe;AACrB,IAAMC,qBAAqB;AAE3B,IAAMC,OAAmB;EAC9BC,IAAIH;;;EAGJI,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;AACV;",
6
- "names": ["STACK_PLUGIN", "SECTION_IDENTIFIER", "meta", "id", "name", "description", "icon", "source"]
7
- }
@@ -1,47 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- STACK_PLUGIN
4
- } from "./chunk-UN5PA7TK.mjs";
5
-
6
- // src/capabilities/react-surface.tsx
7
- import React2 from "react";
8
- import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
9
- import { Obj } from "@dxos/echo";
10
- import { fullyQualifiedId } from "@dxos/react-client/echo";
11
- import { DataType } from "@dxos/schema";
12
-
13
- // src/components/index.ts
14
- import { lazy } from "react";
15
-
16
- // src/components/StackSettings.tsx
17
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
18
- import React from "react";
19
- import { Input, useTranslation } from "@dxos/react-ui";
20
- import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
21
-
22
- // src/components/index.ts
23
- var StackMain = lazy(() => import("./StackMain-SZBR33SL.mjs"));
24
-
25
- // src/capabilities/react-surface.tsx
26
- var react_surface_default = () => contributes(Capabilities.ReactSurface, createSurface({
27
- id: `${STACK_PLUGIN}/article`,
28
- role: "article",
29
- filter: (data) => Obj.instanceOf(DataType.Collection, data.subject),
30
- component: ({ data }) => {
31
- const id = typeof data.id === "string" ? data.id : void 0;
32
- return /* @__PURE__ */ React2.createElement("div", {
33
- role: "none",
34
- className: "overflow-auto",
35
- style: {
36
- contain: "layout"
37
- }
38
- }, /* @__PURE__ */ React2.createElement(StackMain, {
39
- id: id ?? fullyQualifiedId(data.subject),
40
- collection: data.subject
41
- }));
42
- }
43
- }));
44
- export {
45
- react_surface_default as default
46
- };
47
- //# sourceMappingURL=react-surface-XSH3EWCO.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { DataType } from '@dxos/schema';\n\nimport { StackMain } from '../components';\nimport { STACK_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(\n Capabilities.ReactSurface,\n createSurface({\n id: `${STACK_PLUGIN}/article`,\n role: 'article',\n filter: (data): data is { id?: string; subject: DataType.Collection } =>\n Obj.instanceOf(DataType.Collection, data.subject),\n component: ({ data }) => {\n // This allows the id to be overridden by the surface for situations where the id of the collection\n // is not the same as the id of what is being represented (e.g., a space with a root collection).\n const id = typeof data.id === 'string' ? data.id : undefined;\n return (\n <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />\n </div>\n );\n },\n }),\n );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n const { t } = useTranslation(STACK_PLUGIN);\n\n return (\n <DeprecatedFormContainer>\n <DeprecatedFormInput label={t('settings separation label')}>\n <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n </DeprecatedFormInput>\n </DeprecatedFormContainer>\n );\n};\n"],
5
- "mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,wBAAwB;AACjC,SAASC,gBAAgB;;;ACLzB,SAASC,YAAY;;;;ACArB,OAAOC,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,yBAAyBC,2BAA2B;;;ADDtD,IAAMC,YAAYC,KAAK,MAAM,OAAO,0BAAA,CAAA;;;ADQ3C,IAAA,wBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,YAAAA;EACPC,MAAM;EACNC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,SAASC,YAAYJ,KAAKK,OAAO;EAClDC,WAAW,CAAC,EAAEN,KAAI,MAAE;AAGlB,UAAMJ,KAAK,OAAOI,KAAKJ,OAAO,WAAWI,KAAKJ,KAAKW;AACnD,WACE,gBAAAC,OAAA,cAACC,OAAAA;MAAIX,MAAK;MAAOY,WAAU;MAAgBC,OAAO;QAAEC,SAAS;MAAS;OACpE,gBAAAJ,OAAA,cAACK,WAAAA;MAAUjB,IAAIA,MAAMkB,iBAAiBd,KAAKK,OAAO;MAAGU,YAAYf,KAAKK;;EAG5E;AACF,CAAA,CAAA;",
6
- "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "fullyQualifiedId", "DataType", "lazy", "React", "Input", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "StackMain", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "STACK_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Collection", "subject", "component", "undefined", "React", "div", "className", "style", "contain", "StackMain", "fullyQualifiedId", "collection"]
7
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"CaretDownUp.d.ts","sourceRoot":"","sources":["../../../../src/components/CaretDownUp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAI,wBAAwB,wBAAwB,CAAC,KAAK,CAAC,sBAuBlF,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/StackContext.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,YAAY,4CAKvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yBAAiC,CAAC"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { type DataType } from '@dxos/schema';
3
- type StackMainProps = {
4
- id: string;
5
- collection: DataType.Collection;
6
- };
7
- declare const StackMain: ({ id, collection }: StackMainProps) => React.JSX.Element;
8
- export default StackMain;
9
- //# sourceMappingURL=StackMain.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StackMain.d.ts","sourceRoot":"","sources":["../../../../src/components/StackMain.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAgBrD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAe7C,KAAK,cAAc,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,oBAAoB,cAAc,sBAoHpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StackSection.d.ts","sourceRoot":"","sources":["../../../../src/components/StackSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAOjD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAEjD,eAAO,MAAM,YAAY,GAAI,2CAK1B,iBAAiB,sBA2FnB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StackSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/StackSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,sBAU3E,CAAC"}