@dxos/plugin-kanban 0.7.4-staging.f7e8224 → 0.7.5-labs.071a3e2
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/chunk-7PFZLUDZ.mjs +72 -0
- package/dist/lib/browser/chunk-7PFZLUDZ.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +66 -145
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/intent-resolver-4SJJSDOD.mjs +76 -0
- package/dist/lib/browser/intent-resolver-4SJJSDOD.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react-surface-5WOH5E2K.mjs +240 -0
- package/dist/lib/browser/react-surface-5WOH5E2K.mjs.map +7 -0
- package/dist/lib/browser/types.mjs +11 -0
- package/dist/lib/node/chunk-IR3NCB4Y.cjs +94 -0
- package/dist/lib/node/chunk-IR3NCB4Y.cjs.map +7 -0
- package/dist/lib/node/index.cjs +62 -133
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/intent-resolver-X3NB4IA6.cjs +90 -0
- package/dist/lib/node/intent-resolver-X3NB4IA6.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/react-surface-A5TP26JG.cjs +258 -0
- package/dist/lib/node/react-surface-A5TP26JG.cjs.map +7 -0
- package/dist/lib/node/{types/index.cjs → types.cjs} +7 -10
- package/dist/lib/node/types.cjs.map +7 -0
- package/dist/lib/node-esm/chunk-LUAZTJHF.mjs +74 -0
- package/dist/lib/node-esm/chunk-LUAZTJHF.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +66 -145
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/intent-resolver-KFSXWDSV.mjs +77 -0
- package/dist/lib/node-esm/intent-resolver-KFSXWDSV.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/react-surface-W4HLVD2O.mjs +241 -0
- package/dist/lib/node-esm/react-surface-W4HLVD2O.mjs.map +7 -0
- package/dist/lib/node-esm/types.mjs +12 -0
- package/dist/types/src/KanbanPlugin.d.ts +1 -3
- package/dist/types/src/KanbanPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +3 -0
- package/dist/types/src/capabilities/index.d.ts.map +1 -0
- package/dist/types/src/capabilities/intent-resolver.d.ts +4 -0
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -0
- package/dist/types/src/capabilities/react-surface.d.ts +4 -0
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
- package/dist/types/src/components/KanbanContainer.d.ts +7 -0
- package/dist/types/src/components/KanbanContainer.d.ts.map +1 -0
- package/dist/types/src/components/KanbanViewEditor.d.ts +8 -0
- package/dist/types/src/components/KanbanViewEditor.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +2 -3
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +1 -2
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +2 -2
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +32 -0
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +67 -0
- package/dist/types/src/types.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/package.json +21 -31
- package/src/KanbanPlugin.tsx +41 -101
- package/src/capabilities/index.ts +8 -0
- package/src/capabilities/intent-resolver.ts +45 -0
- package/src/capabilities/react-surface.tsx +28 -0
- package/src/components/KanbanContainer.tsx +80 -0
- package/src/components/KanbanViewEditor.tsx +106 -0
- package/src/components/index.ts +3 -4
- package/src/index.ts +1 -4
- package/src/meta.ts +4 -2
- package/src/translations.ts +8 -2
- package/src/types.ts +75 -0
- package/dist/lib/browser/KanbanMain-I5TMXNIY.mjs +0 -444
- package/dist/lib/browser/KanbanMain-I5TMXNIY.mjs.map +0 -7
- package/dist/lib/browser/chunk-4Y4TZ47E.mjs +0 -47
- package/dist/lib/browser/chunk-4Y4TZ47E.mjs.map +0 -7
- package/dist/lib/browser/chunk-LG4OMN5S.mjs +0 -18
- package/dist/lib/browser/chunk-LG4OMN5S.mjs.map +0 -7
- package/dist/lib/browser/meta.mjs +0 -9
- package/dist/lib/browser/types/index.mjs +0 -14
- package/dist/lib/node/KanbanMain-4OWAWTS4.cjs +0 -453
- package/dist/lib/node/KanbanMain-4OWAWTS4.cjs.map +0 -7
- package/dist/lib/node/chunk-LTR4WYI2.cjs +0 -67
- package/dist/lib/node/chunk-LTR4WYI2.cjs.map +0 -7
- package/dist/lib/node/chunk-MBAGHRFM.cjs +0 -41
- package/dist/lib/node/chunk-MBAGHRFM.cjs.map +0 -7
- package/dist/lib/node/meta.cjs +0 -30
- package/dist/lib/node/meta.cjs.map +0 -7
- package/dist/lib/node/types/index.cjs.map +0 -7
- package/dist/lib/node-esm/KanbanMain-PJC2JMJH.mjs +0 -445
- package/dist/lib/node-esm/KanbanMain-PJC2JMJH.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-2ZBX5F7L.mjs +0 -48
- package/dist/lib/node-esm/chunk-2ZBX5F7L.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-OTZHYV3S.mjs +0 -20
- package/dist/lib/node-esm/chunk-OTZHYV3S.mjs.map +0 -7
- package/dist/lib/node-esm/meta.mjs +0 -10
- package/dist/lib/node-esm/meta.mjs.map +0 -7
- package/dist/lib/node-esm/types/index.mjs +0 -15
- package/dist/lib/node-esm/types/index.mjs.map +0 -7
- package/dist/types/src/components/KanbanBoard.d.ts +0 -6
- package/dist/types/src/components/KanbanBoard.d.ts.map +0 -1
- package/dist/types/src/components/KanbanCard.d.ts +0 -9
- package/dist/types/src/components/KanbanCard.d.ts.map +0 -1
- package/dist/types/src/components/KanbanColumn.d.ts +0 -14
- package/dist/types/src/components/KanbanColumn.d.ts.map +0 -1
- package/dist/types/src/components/KanbanMain.d.ts +0 -7
- package/dist/types/src/components/KanbanMain.d.ts.map +0 -1
- package/dist/types/src/components/util.d.ts +0 -7
- package/dist/types/src/components/util.d.ts.map +0 -1
- package/dist/types/src/stories/testing.d.ts +0 -19
- package/dist/types/src/stories/testing.d.ts.map +0 -1
- package/dist/types/src/types/index.d.ts +0 -3
- package/dist/types/src/types/index.d.ts.map +0 -1
- package/dist/types/src/types/kanban.d.ts +0 -76
- package/dist/types/src/types/kanban.d.ts.map +0 -1
- package/dist/types/src/types/types.d.ts +0 -18
- package/dist/types/src/types/types.d.ts.map +0 -1
- package/src/components/KanbanBoard.tsx +0 -195
- package/src/components/KanbanCard.tsx +0 -82
- package/src/components/KanbanColumn.tsx +0 -143
- package/src/components/KanbanMain.tsx +0 -37
- package/src/components/util.ts +0 -38
- package/src/stories/testing.ts +0 -29
- package/src/types/index.ts +0 -6
- package/src/types/kanban.ts +0 -22
- package/src/types/types.ts +0 -57
- /package/dist/lib/browser/{meta.mjs.map → types.mjs.map} +0 -0
- /package/dist/lib/{browser/types/index.mjs.map → node-esm/types.mjs.map} +0 -0
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
import {
|
|
2
|
+
KANBAN_PLUGIN,
|
|
3
|
+
KanbanAction,
|
|
4
|
+
isKanban
|
|
5
|
+
} from "./chunk-7PFZLUDZ.mjs";
|
|
6
|
+
|
|
7
|
+
// packages/plugins/plugin-kanban/src/capabilities/react-surface.tsx
|
|
8
|
+
import React3 from "react";
|
|
9
|
+
import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
|
|
10
|
+
|
|
11
|
+
// packages/plugins/plugin-kanban/src/components/KanbanContainer.tsx
|
|
12
|
+
import React, { useCallback, useEffect, useState } from "react";
|
|
13
|
+
import { invariant } from "@dxos/invariant";
|
|
14
|
+
import { useGlobalFilteredObjects } from "@dxos/plugin-search";
|
|
15
|
+
import { Filter, useQuery, getSpace, create } from "@dxos/react-client/echo";
|
|
16
|
+
import { useKanbanModel, Kanban } from "@dxos/react-ui-kanban";
|
|
17
|
+
import { StackItem } from "@dxos/react-ui-stack";
|
|
18
|
+
import { ViewProjection } from "@dxos/schema";
|
|
19
|
+
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-kanban/src/components/KanbanContainer.tsx";
|
|
20
|
+
var KanbanContainer = ({ kanban }) => {
|
|
21
|
+
const [cardSchema, setCardSchema] = useState();
|
|
22
|
+
const [projection, setProjection] = useState();
|
|
23
|
+
const space = getSpace(kanban);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (kanban.cardView?.target?.query?.type && space) {
|
|
26
|
+
const query = space.db.schemaRegistry.query({
|
|
27
|
+
typename: kanban.cardView.target.query.type
|
|
28
|
+
});
|
|
29
|
+
const unsubscribe = query.subscribe(() => {
|
|
30
|
+
const [schema] = query.results;
|
|
31
|
+
if (schema) {
|
|
32
|
+
setCardSchema(schema);
|
|
33
|
+
}
|
|
34
|
+
}, {
|
|
35
|
+
fire: true
|
|
36
|
+
});
|
|
37
|
+
return unsubscribe;
|
|
38
|
+
}
|
|
39
|
+
}, [
|
|
40
|
+
kanban.cardView?.target?.query,
|
|
41
|
+
space
|
|
42
|
+
]);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if (kanban.cardView?.target && cardSchema) {
|
|
45
|
+
setProjection(new ViewProjection(cardSchema, kanban.cardView.target));
|
|
46
|
+
}
|
|
47
|
+
}, [
|
|
48
|
+
kanban.cardView?.target,
|
|
49
|
+
cardSchema,
|
|
50
|
+
JSON.stringify(cardSchema?.jsonSchema)
|
|
51
|
+
]);
|
|
52
|
+
const objects = useQuery(space, cardSchema ? Filter.schema(cardSchema) : Filter.nothing());
|
|
53
|
+
const filteredObjects = useGlobalFilteredObjects(objects);
|
|
54
|
+
const model = useKanbanModel({
|
|
55
|
+
kanban,
|
|
56
|
+
cardSchema,
|
|
57
|
+
projection,
|
|
58
|
+
items: filteredObjects
|
|
59
|
+
});
|
|
60
|
+
const handleAddCard = useCallback((columnValue) => {
|
|
61
|
+
const path = model?.columnFieldPath;
|
|
62
|
+
if (space && cardSchema && path) {
|
|
63
|
+
space.db.add(create(cardSchema, {
|
|
64
|
+
[path]: columnValue
|
|
65
|
+
}));
|
|
66
|
+
}
|
|
67
|
+
}, [
|
|
68
|
+
space,
|
|
69
|
+
cardSchema,
|
|
70
|
+
model
|
|
71
|
+
]);
|
|
72
|
+
const handleRemoveCard = useCallback((card) => {
|
|
73
|
+
invariant(space, void 0, {
|
|
74
|
+
F: __dxlog_file,
|
|
75
|
+
L: 65,
|
|
76
|
+
S: void 0,
|
|
77
|
+
A: [
|
|
78
|
+
"space",
|
|
79
|
+
""
|
|
80
|
+
]
|
|
81
|
+
});
|
|
82
|
+
space.db.remove(card);
|
|
83
|
+
}, [
|
|
84
|
+
space
|
|
85
|
+
]);
|
|
86
|
+
return /* @__PURE__ */ React.createElement(StackItem.Content, {
|
|
87
|
+
toolbar: false
|
|
88
|
+
}, model ? /* @__PURE__ */ React.createElement(Kanban, {
|
|
89
|
+
model,
|
|
90
|
+
onAddCard: handleAddCard,
|
|
91
|
+
onRemoveCard: handleRemoveCard
|
|
92
|
+
}) : /* @__PURE__ */ React.createElement("span", null, "Loading"));
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
// packages/plugins/plugin-kanban/src/components/KanbanViewEditor.tsx
|
|
96
|
+
import React2, { useCallback as useCallback2, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
|
|
97
|
+
import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
|
|
98
|
+
import { FormatEnum } from "@dxos/echo-schema";
|
|
99
|
+
import { invariant as invariant2 } from "@dxos/invariant";
|
|
100
|
+
import { Filter as Filter2, getSpace as getSpace2, useQuery as useQuery2 } from "@dxos/react-client/echo";
|
|
101
|
+
import { ViewEditor, Form, SelectInput } from "@dxos/react-ui-form";
|
|
102
|
+
import { KanbanSettingsSchema } from "@dxos/react-ui-kanban";
|
|
103
|
+
import { ViewType, ViewProjection as ViewProjection2 } from "@dxos/schema";
|
|
104
|
+
var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-kanban/src/components/KanbanViewEditor.tsx";
|
|
105
|
+
var KanbanViewEditor = ({ kanban }) => {
|
|
106
|
+
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
107
|
+
const space = getSpace2(kanban);
|
|
108
|
+
const [schema, setSchema] = useState2();
|
|
109
|
+
useEffect2(() => {
|
|
110
|
+
if (space && kanban?.cardView?.target?.query?.type) {
|
|
111
|
+
const query = space.db.schemaRegistry.query({
|
|
112
|
+
typename: kanban.cardView.target.query.type
|
|
113
|
+
});
|
|
114
|
+
const unsubscribe = query.subscribe(() => {
|
|
115
|
+
const [schema2] = query.results;
|
|
116
|
+
if (schema2) {
|
|
117
|
+
setSchema(schema2);
|
|
118
|
+
}
|
|
119
|
+
}, {
|
|
120
|
+
fire: true
|
|
121
|
+
});
|
|
122
|
+
return unsubscribe;
|
|
123
|
+
}
|
|
124
|
+
}, [
|
|
125
|
+
space,
|
|
126
|
+
kanban?.cardView?.target?.query?.type
|
|
127
|
+
]);
|
|
128
|
+
const views = useQuery2(space, Filter2.schema(ViewType));
|
|
129
|
+
const currentTypename = useMemo(() => kanban?.cardView?.target?.query?.type, [
|
|
130
|
+
kanban?.cardView?.target?.query?.type
|
|
131
|
+
]);
|
|
132
|
+
const updateViewTypename = useCallback2((newTypename) => {
|
|
133
|
+
invariant2(schema, void 0, {
|
|
134
|
+
F: __dxlog_file2,
|
|
135
|
+
L: 45,
|
|
136
|
+
S: void 0,
|
|
137
|
+
A: [
|
|
138
|
+
"schema",
|
|
139
|
+
""
|
|
140
|
+
]
|
|
141
|
+
});
|
|
142
|
+
const matchingViews = views.filter((view) => view.query.type === currentTypename);
|
|
143
|
+
for (const view of matchingViews) {
|
|
144
|
+
view.query.type = newTypename;
|
|
145
|
+
}
|
|
146
|
+
schema.updateTypename(newTypename);
|
|
147
|
+
}, [
|
|
148
|
+
views,
|
|
149
|
+
schema
|
|
150
|
+
]);
|
|
151
|
+
const handleDelete = useCallback2((fieldId) => dispatch?.(createIntent(KanbanAction.DeleteCardField, {
|
|
152
|
+
kanban,
|
|
153
|
+
fieldId
|
|
154
|
+
})), [
|
|
155
|
+
dispatch,
|
|
156
|
+
kanban
|
|
157
|
+
]);
|
|
158
|
+
const projection = useMemo(() => {
|
|
159
|
+
if (kanban?.cardView?.target && schema) {
|
|
160
|
+
return new ViewProjection2(schema, kanban.cardView.target);
|
|
161
|
+
}
|
|
162
|
+
}, [
|
|
163
|
+
kanban?.cardView?.target,
|
|
164
|
+
schema,
|
|
165
|
+
JSON.stringify(schema)
|
|
166
|
+
]);
|
|
167
|
+
const selectFields = useMemo(() => {
|
|
168
|
+
if (!projection) {
|
|
169
|
+
return [];
|
|
170
|
+
}
|
|
171
|
+
return projection.getFieldProjections().filter((field) => field.props.format === FormatEnum.SingleSelect).map(({ field }) => ({
|
|
172
|
+
value: field.id,
|
|
173
|
+
label: field.path
|
|
174
|
+
}));
|
|
175
|
+
}, [
|
|
176
|
+
projection
|
|
177
|
+
]);
|
|
178
|
+
const onSave = useCallback2((values) => {
|
|
179
|
+
kanban.columnFieldId = values.columnFieldId;
|
|
180
|
+
}, [
|
|
181
|
+
kanban
|
|
182
|
+
]);
|
|
183
|
+
const initialValues = useMemo(() => ({
|
|
184
|
+
columnFieldId: kanban.columnFieldId
|
|
185
|
+
}), [
|
|
186
|
+
kanban
|
|
187
|
+
]);
|
|
188
|
+
const custom = useMemo(() => ({
|
|
189
|
+
columnFieldId: (props) => /* @__PURE__ */ React2.createElement(SelectInput, {
|
|
190
|
+
...props,
|
|
191
|
+
options: selectFields
|
|
192
|
+
})
|
|
193
|
+
}), [
|
|
194
|
+
selectFields
|
|
195
|
+
]);
|
|
196
|
+
if (!space || !schema || !kanban.cardView?.target) {
|
|
197
|
+
return null;
|
|
198
|
+
}
|
|
199
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Form, {
|
|
200
|
+
schema: KanbanSettingsSchema,
|
|
201
|
+
values: initialValues,
|
|
202
|
+
onSave,
|
|
203
|
+
autoSave: true,
|
|
204
|
+
Custom: custom
|
|
205
|
+
}), /* @__PURE__ */ React2.createElement(ViewEditor, {
|
|
206
|
+
registry: space.db.schemaRegistry,
|
|
207
|
+
schema,
|
|
208
|
+
view: kanban.cardView.target,
|
|
209
|
+
onTypenameChanged: updateViewTypename,
|
|
210
|
+
onDelete: handleDelete
|
|
211
|
+
}));
|
|
212
|
+
};
|
|
213
|
+
|
|
214
|
+
// packages/plugins/plugin-kanban/src/capabilities/react-surface.tsx
|
|
215
|
+
var react_surface_default = () => contributes(Capabilities.ReactSurface, [
|
|
216
|
+
createSurface({
|
|
217
|
+
id: `${KANBAN_PLUGIN}/kanban`,
|
|
218
|
+
role: [
|
|
219
|
+
"article",
|
|
220
|
+
"section"
|
|
221
|
+
],
|
|
222
|
+
filter: (data) => isKanban(data.subject),
|
|
223
|
+
component: ({ data, role }) => /* @__PURE__ */ React3.createElement(KanbanContainer, {
|
|
224
|
+
kanban: data.subject,
|
|
225
|
+
role
|
|
226
|
+
})
|
|
227
|
+
}),
|
|
228
|
+
createSurface({
|
|
229
|
+
id: `${KANBAN_PLUGIN}/settings`,
|
|
230
|
+
role: "complementary--settings",
|
|
231
|
+
filter: (data) => isKanban(data.subject),
|
|
232
|
+
component: ({ data }) => /* @__PURE__ */ React3.createElement(KanbanViewEditor, {
|
|
233
|
+
kanban: data.subject
|
|
234
|
+
})
|
|
235
|
+
})
|
|
236
|
+
]);
|
|
237
|
+
export {
|
|
238
|
+
react_surface_default as default
|
|
239
|
+
};
|
|
240
|
+
//# sourceMappingURL=react-surface-5WOH5E2K.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/KanbanContainer.tsx", "../../../src/components/KanbanViewEditor.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { type KanbanType } from '@dxos/react-ui-kanban';\n\nimport { KanbanContainer, KanbanViewEditor } from '../components';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { isKanban } from '../types';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: `${KANBAN_PLUGIN}/kanban`,\n role: ['article', 'section'],\n filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n component: ({ data, role }) => <KanbanContainer kanban={data.subject} role={role} />,\n }),\n createSurface({\n id: `${KANBAN_PLUGIN}/settings`,\n role: 'complementary--settings',\n filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n component: ({ data }) => <KanbanViewEditor kanban={data.subject} />,\n }),\n ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { type EchoSchema } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { Filter, useQuery, getSpace, create } from '@dxos/react-client/echo';\nimport { type KanbanType, useKanbanModel, Kanban } from '@dxos/react-ui-kanban';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { ViewProjection } from '@dxos/schema';\n\nexport const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }) => {\n const [cardSchema, setCardSchema] = useState<EchoSchema>();\n const [projection, setProjection] = useState<ViewProjection>();\n const space = getSpace(kanban);\n\n useEffect(() => {\n if (kanban.cardView?.target?.query?.type && space) {\n const query = space.db.schemaRegistry.query({ typename: kanban.cardView.target.query.type });\n const unsubscribe = query.subscribe(\n () => {\n const [schema] = query.results;\n if (schema) {\n setCardSchema(schema);\n }\n },\n { fire: true },\n );\n return unsubscribe;\n }\n }, [kanban.cardView?.target?.query, space]);\n\n useEffect(() => {\n if (kanban.cardView?.target && cardSchema) {\n setProjection(new ViewProjection(cardSchema, kanban.cardView.target));\n }\n // TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?\n }, [kanban.cardView?.target, cardSchema, JSON.stringify(cardSchema?.jsonSchema)]);\n\n const objects = useQuery(space, cardSchema ? Filter.schema(cardSchema) : Filter.nothing());\n const filteredObjects = useGlobalFilteredObjects(objects);\n\n const model = useKanbanModel({\n kanban,\n cardSchema,\n projection,\n items: filteredObjects,\n });\n\n const handleAddCard = useCallback(\n (columnValue: string | undefined) => {\n const path = model?.columnFieldPath;\n if (space && cardSchema && path) {\n space.db.add(create(cardSchema, { [path]: columnValue }));\n }\n },\n [space, cardSchema, model],\n );\n\n const handleRemoveCard = useCallback(\n (card: { id: string }) => {\n invariant(space);\n space.db.remove(card);\n },\n [space],\n );\n\n return (\n <StackItem.Content toolbar={false}>\n {model ? (\n <Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />\n ) : (\n <span>Loading</span>\n )}\n </StackItem.Content>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { type EchoSchema, FormatEnum } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { Filter, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { ViewEditor, Form, SelectInput, type CustomInputMap } from '@dxos/react-ui-form';\nimport { type KanbanType, KanbanSettingsSchema } from '@dxos/react-ui-kanban';\nimport { ViewType, ViewProjection } from '@dxos/schema';\n\nimport { KanbanAction } from '../types';\n\ntype KanbanViewEditorProps = { kanban: KanbanType };\n\nexport const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const space = getSpace(kanban);\n\n const [schema, setSchema] = useState<EchoSchema | undefined>();\n\n useEffect(() => {\n if (space && kanban?.cardView?.target?.query?.type) {\n const query = space.db.schemaRegistry.query({ typename: kanban.cardView.target.query.type });\n const unsubscribe = query.subscribe(\n () => {\n const [schema] = query.results;\n if (schema) {\n setSchema(schema);\n }\n },\n { fire: true },\n );\n return unsubscribe;\n }\n }, [space, kanban?.cardView?.target?.query?.type]);\n\n const views = useQuery(space, Filter.schema(ViewType));\n const currentTypename = useMemo(() => kanban?.cardView?.target?.query?.type, [kanban?.cardView?.target?.query?.type]);\n const updateViewTypename = useCallback(\n (newTypename: string) => {\n invariant(schema);\n const matchingViews = views.filter((view) => view.query.type === currentTypename);\n for (const view of matchingViews) {\n view.query.type = newTypename;\n }\n schema.updateTypename(newTypename);\n },\n [views, schema],\n );\n\n const handleDelete = useCallback(\n (fieldId: string) => dispatch?.(createIntent(KanbanAction.DeleteCardField, { kanban, fieldId })),\n [dispatch, kanban],\n );\n\n const projection = useMemo(() => {\n if (kanban?.cardView?.target && schema) {\n return new ViewProjection(schema, kanban.cardView.target);\n }\n }, [kanban?.cardView?.target, schema, JSON.stringify(schema)]);\n\n const selectFields = useMemo(() => {\n if (!projection) {\n return [];\n }\n\n return projection\n .getFieldProjections()\n .filter((field) => field.props.format === FormatEnum.SingleSelect)\n .map(({ field }) => ({ value: field.id, label: field.path }));\n }, [projection]);\n\n const onSave = useCallback(\n (values: Partial<{ columnFieldId: string }>) => {\n kanban.columnFieldId = values.columnFieldId;\n },\n [kanban],\n );\n\n const initialValues = useMemo(() => ({ columnFieldId: kanban.columnFieldId }), [kanban]);\n const custom: CustomInputMap = useMemo(\n () => ({ columnFieldId: (props) => <SelectInput {...props} options={selectFields} /> }),\n [selectFields],\n );\n\n if (!space || !schema || !kanban.cardView?.target) {\n return null;\n }\n\n return (\n <>\n <Form schema={KanbanSettingsSchema} values={initialValues} onSave={onSave} autoSave Custom={custom} />\n <ViewEditor\n registry={space.db.schemaRegistry}\n schema={schema}\n view={kanban.cardView.target}\n onTypenameChanged={updateViewTypename}\n onDelete={handleDelete}\n />\n </>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "Capabilities", "contributes", "createSurface", "React", "useCallback", "useEffect", "useState", "invariant", "useGlobalFilteredObjects", "Filter", "useQuery", "getSpace", "create", "useKanbanModel", "Kanban", "StackItem", "ViewProjection", "KanbanContainer", "kanban", "cardSchema", "setCardSchema", "projection", "setProjection", "space", "cardView", "target", "query", "type", "db", "schemaRegistry", "typename", "unsubscribe", "subscribe", "schema", "results", "fire", "JSON", "stringify", "jsonSchema", "objects", "nothing", "filteredObjects", "model", "items", "handleAddCard", "columnValue", "path", "columnFieldPath", "add", "handleRemoveCard", "card", "remove", "Content", "toolbar", "onAddCard", "onRemoveCard", "span", "React", "useCallback", "useEffect", "useMemo", "useState", "createIntent", "useIntentDispatcher", "FormatEnum", "invariant", "Filter", "getSpace", "useQuery", "ViewEditor", "Form", "SelectInput", "KanbanSettingsSchema", "ViewType", "ViewProjection", "KanbanViewEditor", "kanban", "dispatchPromise", "dispatch", "useIntentDispatcher", "space", "getSpace", "schema", "setSchema", "useState", "useEffect", "cardView", "target", "query", "type", "db", "schemaRegistry", "typename", "unsubscribe", "subscribe", "results", "fire", "views", "useQuery", "Filter", "ViewType", "currentTypename", "useMemo", "updateViewTypename", "useCallback", "newTypename", "invariant", "matchingViews", "filter", "view", "updateTypename", "handleDelete", "fieldId", "createIntent", "KanbanAction", "DeleteCardField", "projection", "ViewProjection", "JSON", "stringify", "selectFields", "getFieldProjections", "field", "props", "format", "FormatEnum", "SingleSelect", "map", "value", "id", "label", "path", "onSave", "values", "columnFieldId", "initialValues", "custom", "React", "SelectInput", "options", "Form", "KanbanSettingsSchema", "autoSave", "Custom", "ViewEditor", "registry", "onTypenameChanged", "onDelete", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "KANBAN_PLUGIN", "role", "filter", "data", "isKanban", "subject", "component", "React", "KanbanContainer", "kanban", "KanbanViewEditor"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var chunk_IR3NCB4Y_exports = {};
|
|
20
|
+
__export(chunk_IR3NCB4Y_exports, {
|
|
21
|
+
KANBAN_PLUGIN: () => KANBAN_PLUGIN,
|
|
22
|
+
KanbanAction: () => KanbanAction,
|
|
23
|
+
createKanban: () => createKanban,
|
|
24
|
+
isKanban: () => isKanban,
|
|
25
|
+
meta: () => meta
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(chunk_IR3NCB4Y_exports);
|
|
28
|
+
var import_echo_schema = require("@dxos/echo-schema");
|
|
29
|
+
var import_echo = require("@dxos/react-client/echo");
|
|
30
|
+
var import_react_ui_kanban = require("@dxos/react-ui-kanban");
|
|
31
|
+
var import_testing = require("@dxos/react-ui-kanban/testing");
|
|
32
|
+
var import_schema = require("@dxos/schema");
|
|
33
|
+
var KANBAN_PLUGIN = "dxos.org/plugin/kanban";
|
|
34
|
+
var meta = {
|
|
35
|
+
id: KANBAN_PLUGIN,
|
|
36
|
+
name: "Kanban",
|
|
37
|
+
description: "Kanban allows you to explore Table data in sorted columns defined by your custom schema. You can use Kanbans to track progress or trigger custom automations when cards are moved from one state to another.",
|
|
38
|
+
icon: "ph--kanban--regular",
|
|
39
|
+
source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban",
|
|
40
|
+
tags: [
|
|
41
|
+
"experimental"
|
|
42
|
+
],
|
|
43
|
+
screenshots: [
|
|
44
|
+
"https://dxos.network/plugin-details-kanban-dark.png"
|
|
45
|
+
]
|
|
46
|
+
};
|
|
47
|
+
var KanbanAction;
|
|
48
|
+
(function(KanbanAction2) {
|
|
49
|
+
const KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;
|
|
50
|
+
class Create extends import_echo_schema.S.TaggedClass()(`${KANBAN_ACTION}/create`, {
|
|
51
|
+
input: import_echo_schema.S.Struct({
|
|
52
|
+
name: import_echo_schema.S.optional(import_echo_schema.S.String),
|
|
53
|
+
space: import_echo.SpaceSchema
|
|
54
|
+
}),
|
|
55
|
+
output: import_echo_schema.S.Struct({
|
|
56
|
+
object: import_react_ui_kanban.KanbanType
|
|
57
|
+
})
|
|
58
|
+
}) {
|
|
59
|
+
}
|
|
60
|
+
KanbanAction2.Create = Create;
|
|
61
|
+
class DeleteCardField extends import_echo_schema.S.TaggedClass()(`${KANBAN_ACTION}/delete-card-field`, {
|
|
62
|
+
input: import_echo_schema.S.Struct({
|
|
63
|
+
kanban: import_react_ui_kanban.KanbanType,
|
|
64
|
+
fieldId: import_echo_schema.S.String,
|
|
65
|
+
// TODO(wittjosiah): Separate fields for undo data?
|
|
66
|
+
deletionData: import_echo_schema.S.optional(import_echo_schema.S.Struct({
|
|
67
|
+
field: import_schema.FieldSchema,
|
|
68
|
+
// TODO(wittjosiah): This creates a type error.
|
|
69
|
+
// props: PropertySchema,
|
|
70
|
+
props: import_echo_schema.S.Any,
|
|
71
|
+
index: import_echo_schema.S.Number
|
|
72
|
+
}))
|
|
73
|
+
}),
|
|
74
|
+
output: import_echo_schema.S.Void
|
|
75
|
+
}) {
|
|
76
|
+
}
|
|
77
|
+
KanbanAction2.DeleteCardField = DeleteCardField;
|
|
78
|
+
})(KanbanAction || (KanbanAction = {}));
|
|
79
|
+
var isKanban = (object) => object != null && object instanceof import_react_ui_kanban.KanbanType;
|
|
80
|
+
var createKanban = async (space) => {
|
|
81
|
+
const { kanban } = await (0, import_testing.initializeKanban)({
|
|
82
|
+
space
|
|
83
|
+
});
|
|
84
|
+
return kanban;
|
|
85
|
+
};
|
|
86
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
87
|
+
0 && (module.exports = {
|
|
88
|
+
KANBAN_PLUGIN,
|
|
89
|
+
KanbanAction,
|
|
90
|
+
createKanban,
|
|
91
|
+
isKanban,
|
|
92
|
+
meta
|
|
93
|
+
});
|
|
94
|
+
//# sourceMappingURL=chunk-IR3NCB4Y.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/types.ts", "../../../src/meta.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\nimport { type Space, SpaceSchema } from '@dxos/react-client/echo';\nimport { KanbanType } from '@dxos/react-ui-kanban';\nimport { initializeKanban } from '@dxos/react-ui-kanban/testing';\nimport { FieldSchema } from '@dxos/schema';\n\nimport { KANBAN_PLUGIN } from './meta';\n\n/**\n * Kanban data model.\n * A Kanban board is a collection of columns, each of which contains a collection of items.\n * The layout of columns and items is controlled by models.\n * The underlying data model may be represented by direct object relationships\n * (e.g., a column object containing an array of ordered items) or projections constructed\n * by the model (e.g., a query of items based on metadata within a column object).\n */\n\nexport namespace KanbanAction {\n const KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;\n\n export class Create extends S.TaggedClass<Create>()(`${KANBAN_ACTION}/create`, {\n input: S.Struct({\n name: S.optional(S.String),\n space: SpaceSchema,\n }),\n output: S.Struct({\n object: KanbanType,\n }),\n }) {}\n\n export class DeleteCardField extends S.TaggedClass<DeleteCardField>()(`${KANBAN_ACTION}/delete-card-field`, {\n input: S.Struct({\n kanban: KanbanType,\n fieldId: S.String,\n // TODO(wittjosiah): Separate fields for undo data?\n deletionData: S.optional(\n S.Struct({\n field: FieldSchema,\n // TODO(wittjosiah): This creates a type error.\n // props: PropertySchema,\n props: S.Any,\n index: S.Number,\n }),\n ),\n }),\n output: S.Void,\n }) {}\n}\n\n// TODO(burdon): Undo?\n// TODO(burdon): Typescript types (replace proto with annotations?)\n// TODO(burdon): Should pure components depend on ECHO? Relationship between ECHO object/array and Observable.\n// TODO(burdon): Can the plugin configure the object based on the data? E.g., how are the models constructed?\n// TODO(burdon): Create models. Simple first based on actual data.\n// Model is always a projection since the dragging state is tentative.\n\n// TODO(burdon): Extend model for moving items (in and across columns).\nexport interface KanbanModel {\n root: KanbanType;\n}\n\nexport type Location = {\n idx?: number;\n};\n\nexport const isKanban = (object: unknown): object is KanbanType => object != null && object instanceof KanbanType;\n\nexport const createKanban = async (space: Space) => {\n const { kanban } = await initializeKanban({ space });\n return kanban;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const KANBAN_PLUGIN = 'dxos.org/plugin/kanban';\n\nexport const meta = {\n id: KANBAN_PLUGIN,\n name: 'Kanban',\n description:\n 'Kanban allows you to explore Table data in sorted columns defined by your custom schema. You can use Kanbans to track progress or trigger custom automations when cards are moved from one state to another.',\n icon: 'ph--kanban--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban',\n tags: ['experimental'],\n screenshots: ['https://dxos.network/plugin-details-kanban-dark.png'],\n} satisfies PluginMeta;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAAkB;AAClB,kBAAwC;AACxC,6BAA2B;AAC3B,qBAAiC;AACjC,oBAA4B;ACFrB,IAAMA,gBAAgB;AAEtB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;;UDIiBC,eAAAA;AACf,QAAMC,gBAAgB,GAAGV,aAAAA;EAElB,MAAMW,eAAeC,qBAAEC,YAAW,EAAW,GAAGH,aAAAA,WAAwB;IAC7EI,OAAOF,qBAAEG,OAAO;MACdZ,MAAMS,qBAAEI,SAASJ,qBAAEK,MAAM;MACzBC,OAAOC;IACT,CAAA;IACAC,QAAQR,qBAAEG,OAAO;MACfM,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;gBARSX,SAAAA;EAUN,MAAMY,wBAAwBX,qBAAEC,YAAW,EAAoB,GAAGH,aAAAA,sBAAmC;IAC1GI,OAAOF,qBAAEG,OAAO;MACdS,QAAQF;MACRG,SAASb,qBAAEK;;MAEXS,cAAcd,qBAAEI,SACdJ,qBAAEG,OAAO;QACPY,OAAOC;;;QAGPC,OAAOjB,qBAAEkB;QACTC,OAAOnB,qBAAEoB;MACX,CAAA,CAAA;IAEJ,CAAA;IACAZ,QAAQR,qBAAEqB;EACZ,CAAA,EAAA;EAAI;gBAhBSV,kBAAAA;AAiBf,GA9BiBd,iBAAAA,eAAAA,CAAAA,EAAAA;AAgDV,IAAMyB,WAAW,CAACb,WAA0CA,UAAU,QAAQA,kBAAkBC;AAEhG,IAAMa,eAAe,OAAOjB,UAAAA;AACjC,QAAM,EAAEM,OAAM,IAAK,UAAMY,iCAAiB;IAAElB;EAAM,CAAA;AAClD,SAAOM;AACT;",
|
|
6
|
+
"names": ["KANBAN_PLUGIN", "meta", "id", "name", "description", "icon", "source", "tags", "screenshots", "KanbanAction", "KANBAN_ACTION", "Create", "S", "TaggedClass", "input", "Struct", "optional", "String", "space", "SpaceSchema", "output", "object", "KanbanType", "DeleteCardField", "kanban", "fieldId", "deletionData", "field", "FieldSchema", "props", "Any", "index", "Number", "Void", "isKanban", "createKanban", "initializeKanban"]
|
|
7
|
+
}
|
package/dist/lib/node/index.cjs
CHANGED
|
@@ -28,25 +28,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
29
|
var node_exports = {};
|
|
30
30
|
__export(node_exports, {
|
|
31
|
+
KANBAN_PLUGIN: () => import_chunk_IR3NCB4Y.KANBAN_PLUGIN,
|
|
31
32
|
KanbanPlugin: () => KanbanPlugin,
|
|
32
|
-
|
|
33
|
+
meta: () => import_chunk_IR3NCB4Y.meta
|
|
33
34
|
});
|
|
34
35
|
module.exports = __toCommonJS(node_exports);
|
|
35
|
-
var
|
|
36
|
-
var import_chunk_MBAGHRFM = require("./chunk-MBAGHRFM.cjs");
|
|
37
|
-
var import_react = __toESM(require("react"));
|
|
36
|
+
var import_chunk_IR3NCB4Y = require("./chunk-IR3NCB4Y.cjs");
|
|
38
37
|
var import_app_framework = require("@dxos/app-framework");
|
|
39
|
-
var import_live_object = require("@dxos/live-object");
|
|
40
38
|
var import_plugin_client = require("@dxos/plugin-client");
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
39
|
+
var import_react_ui_kanban = require("@dxos/react-ui-kanban");
|
|
40
|
+
var import_app_framework2 = require("@dxos/app-framework");
|
|
41
|
+
var import_react_ui_kanban2 = require("@dxos/react-ui-kanban");
|
|
42
|
+
var IntentResolver = (0, import_app_framework2.lazy)(() => import("./intent-resolver-X3NB4IA6.cjs"));
|
|
43
|
+
var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-A5TP26JG.cjs"));
|
|
46
44
|
var translations_default = [
|
|
47
45
|
{
|
|
48
46
|
"en-US": {
|
|
49
|
-
[
|
|
47
|
+
[import_react_ui_kanban2.KanbanType.typename]: {
|
|
48
|
+
"typename label": "Kanban"
|
|
49
|
+
},
|
|
50
|
+
[import_chunk_IR3NCB4Y.KANBAN_PLUGIN]: {
|
|
50
51
|
"plugin name": "Kanban",
|
|
51
52
|
"kanban title label": "Title",
|
|
52
53
|
"kanban title placeholder": "New kanban",
|
|
@@ -55,138 +56,66 @@ var translations_default = [
|
|
|
55
56
|
"item title label": "Item title",
|
|
56
57
|
"item title placeholder": "New item",
|
|
57
58
|
"add column label": "Add column",
|
|
58
|
-
"add item label": "Add
|
|
59
|
+
"add item label": "Add card",
|
|
59
60
|
"delete column label": "Delete column",
|
|
60
|
-
"delete item label": "Delete
|
|
61
|
-
"create kanban label": "Create kanban"
|
|
61
|
+
"delete item label": "Delete card",
|
|
62
|
+
"create kanban label": "Create kanban",
|
|
63
|
+
"card field deleted label": "Card field deleted"
|
|
62
64
|
}
|
|
63
65
|
}
|
|
64
66
|
}
|
|
65
67
|
];
|
|
66
|
-
var KanbanPlugin = () =>
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
var KanbanPlugin = () => (0, import_app_framework.definePlugin)(import_chunk_IR3NCB4Y.meta, [
|
|
69
|
+
(0, import_app_framework.defineModule)({
|
|
70
|
+
id: `${import_chunk_IR3NCB4Y.meta.id}/module/translations`,
|
|
71
|
+
activatesOn: import_app_framework.Events.SetupTranslations,
|
|
72
|
+
activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Translations, [
|
|
73
|
+
...translations_default,
|
|
74
|
+
...import_react_ui_kanban.translations
|
|
75
|
+
])
|
|
76
|
+
}),
|
|
77
|
+
(0, import_app_framework.defineModule)({
|
|
78
|
+
id: `${import_chunk_IR3NCB4Y.meta.id}/module/metadata`,
|
|
79
|
+
activatesOn: import_app_framework.Events.SetupMetadata,
|
|
80
|
+
activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Metadata, {
|
|
81
|
+
id: import_react_ui_kanban.KanbanType.typename,
|
|
70
82
|
metadata: {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
],
|
|
80
|
-
icon: "ph--kanban--regular",
|
|
81
|
-
// TODO(wittjosiah): Move out of metadata.
|
|
82
|
-
loadReferences: (kanban) => (0, import_echo.loadObjectReferences)(kanban, (kanban2) => kanban2.columns)
|
|
83
|
-
},
|
|
84
|
-
[import_chunk_LTR4WYI2.KanbanColumnType.typename]: {
|
|
85
|
-
// TODO(wittjosiah): Move out of metadata.
|
|
86
|
-
loadReferences: (column) => (0, import_echo.loadObjectReferences)(column, (column2) => column2.items)
|
|
87
|
-
},
|
|
88
|
-
[import_chunk_LTR4WYI2.KanbanItemType.typename]: {
|
|
89
|
-
// TODO(wittjosiah): Move out of metadata.
|
|
90
|
-
loadReferences: (item) => []
|
|
83
|
+
createObject: (props, options) => (0, import_app_framework.createIntent)(import_chunk_IR3NCB4Y.KanbanAction.Create, {
|
|
84
|
+
...props,
|
|
85
|
+
space: options.space
|
|
86
|
+
}),
|
|
87
|
+
placeholder: [
|
|
88
|
+
"kanban title placeholder",
|
|
89
|
+
{
|
|
90
|
+
ns: import_chunk_IR3NCB4Y.KANBAN_PLUGIN
|
|
91
91
|
}
|
|
92
|
-
}
|
|
93
|
-
},
|
|
94
|
-
echo: {
|
|
95
|
-
schema: [
|
|
96
|
-
import_chunk_LTR4WYI2.KanbanType
|
|
97
92
|
],
|
|
98
|
-
|
|
99
|
-
import_chunk_LTR4WYI2.KanbanColumnType,
|
|
100
|
-
import_chunk_LTR4WYI2.KanbanItemType
|
|
101
|
-
]
|
|
102
|
-
},
|
|
103
|
-
translations: translations_default,
|
|
104
|
-
graph: {
|
|
105
|
-
builder: (plugins) => {
|
|
106
|
-
const client = (0, import_app_framework.resolvePlugin)(plugins, import_plugin_client.parseClientPlugin)?.provides.client;
|
|
107
|
-
const dispatch = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseIntentPlugin)?.provides.intent.dispatch;
|
|
108
|
-
if (!client || !dispatch) {
|
|
109
|
-
return [];
|
|
110
|
-
}
|
|
111
|
-
return (0, import_plugin_graph.createExtension)({
|
|
112
|
-
id: import_chunk_LTR4WYI2.KanbanAction.CREATE,
|
|
113
|
-
filter: (node) => (0, import_plugin_graph.isActionGroup)(node) && node.id.startsWith(import_plugin_space.SpaceAction.ADD_OBJECT),
|
|
114
|
-
actions: ({ node }) => {
|
|
115
|
-
const id = node.id.split("/").at(-1);
|
|
116
|
-
const [spaceId, objectId] = id?.split(":") ?? [];
|
|
117
|
-
const space = client.spaces.get().find((space2) => space2.id === spaceId);
|
|
118
|
-
const object = objectId && space?.db.getObjectById(objectId);
|
|
119
|
-
const target = objectId ? object : space;
|
|
120
|
-
if (!target) {
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
return [
|
|
124
|
-
{
|
|
125
|
-
id: `${import_chunk_MBAGHRFM.KANBAN_PLUGIN}/create/${node.id}`,
|
|
126
|
-
data: async () => {
|
|
127
|
-
await dispatch([
|
|
128
|
-
{
|
|
129
|
-
plugin: import_chunk_MBAGHRFM.KANBAN_PLUGIN,
|
|
130
|
-
action: import_chunk_LTR4WYI2.KanbanAction.CREATE
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
action: import_plugin_space.SpaceAction.ADD_OBJECT,
|
|
134
|
-
data: {
|
|
135
|
-
target
|
|
136
|
-
}
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
action: import_app_framework.NavigationAction.OPEN
|
|
140
|
-
}
|
|
141
|
-
]);
|
|
142
|
-
},
|
|
143
|
-
properties: {
|
|
144
|
-
label: [
|
|
145
|
-
"create kanban label",
|
|
146
|
-
{
|
|
147
|
-
ns: import_chunk_MBAGHRFM.KANBAN_PLUGIN
|
|
148
|
-
}
|
|
149
|
-
],
|
|
150
|
-
icon: "ph--kanban--regular",
|
|
151
|
-
testId: "kanbanPlugin.createObject"
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
];
|
|
155
|
-
}
|
|
156
|
-
});
|
|
157
|
-
}
|
|
158
|
-
},
|
|
159
|
-
surface: {
|
|
160
|
-
component: ({ data, role }) => {
|
|
161
|
-
switch (role) {
|
|
162
|
-
case "main":
|
|
163
|
-
return data.active instanceof import_chunk_LTR4WYI2.KanbanType ? /* @__PURE__ */ import_react.default.createElement(KanbanMain, {
|
|
164
|
-
kanban: data.active
|
|
165
|
-
}) : null;
|
|
166
|
-
default:
|
|
167
|
-
return null;
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
intent: {
|
|
172
|
-
resolver: (intent) => {
|
|
173
|
-
switch (intent.action) {
|
|
174
|
-
case import_chunk_LTR4WYI2.KanbanAction.CREATE: {
|
|
175
|
-
return {
|
|
176
|
-
data: (0, import_live_object.create)(import_chunk_LTR4WYI2.KanbanType, {
|
|
177
|
-
columns: []
|
|
178
|
-
})
|
|
179
|
-
};
|
|
180
|
-
}
|
|
181
|
-
}
|
|
182
|
-
}
|
|
93
|
+
icon: "ph--kanban--regular"
|
|
183
94
|
}
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
|
|
95
|
+
})
|
|
96
|
+
}),
|
|
97
|
+
(0, import_app_framework.defineModule)({
|
|
98
|
+
id: `${import_chunk_IR3NCB4Y.meta.id}/module/schema`,
|
|
99
|
+
activatesOn: import_plugin_client.ClientEvents.SetupSchema,
|
|
100
|
+
activate: () => (0, import_app_framework.contributes)(import_plugin_client.ClientCapabilities.Schema, [
|
|
101
|
+
import_react_ui_kanban.KanbanType
|
|
102
|
+
])
|
|
103
|
+
}),
|
|
104
|
+
(0, import_app_framework.defineModule)({
|
|
105
|
+
id: `${import_chunk_IR3NCB4Y.meta.id}/module/react-surface`,
|
|
106
|
+
activatesOn: import_app_framework.Events.SetupSurfaces,
|
|
107
|
+
activate: ReactSurface
|
|
108
|
+
}),
|
|
109
|
+
(0, import_app_framework.defineModule)({
|
|
110
|
+
id: `${import_chunk_IR3NCB4Y.meta.id}/module/intent-resolver`,
|
|
111
|
+
activatesOn: import_app_framework.Events.SetupIntents,
|
|
112
|
+
activate: IntentResolver
|
|
113
|
+
})
|
|
114
|
+
]);
|
|
188
115
|
// Annotate the CommonJS export names for ESM import in node:
|
|
189
116
|
0 && (module.exports = {
|
|
190
|
-
|
|
117
|
+
KANBAN_PLUGIN,
|
|
118
|
+
KanbanPlugin,
|
|
119
|
+
meta
|
|
191
120
|
});
|
|
192
121
|
//# sourceMappingURL=index.cjs.map
|