@dxos/plugin-kanban 0.7.5-main.9d26e3a → 0.7.5-main.e9bb01b
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-JZBAL6SW.mjs → chunk-MSZ7GMFD.mjs} +21 -5
- package/dist/lib/browser/chunk-MSZ7GMFD.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +55 -243
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/intent-resolver-TYSGJ4E5.mjs +76 -0
- package/dist/lib/browser/intent-resolver-TYSGJ4E5.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react-surface-ERUIJTE2.mjs +240 -0
- package/dist/lib/browser/react-surface-ERUIJTE2.mjs.map +7 -0
- package/dist/lib/browser/types.mjs +1 -2
- package/dist/lib/node/{chunk-BE2FRW7E.cjs → chunk-G6G2PES4.cjs} +25 -8
- package/dist/lib/node/chunk-G6G2PES4.cjs.map +7 -0
- package/dist/lib/node/index.cjs +56 -235
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/intent-resolver-UO2W4QQU.cjs +90 -0
- package/dist/lib/node/intent-resolver-UO2W4QQU.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/react-surface-B6HGP7PH.cjs +258 -0
- package/dist/lib/node/react-surface-B6HGP7PH.cjs.map +7 -0
- package/dist/lib/node/types.cjs +4 -5
- package/dist/lib/node/types.cjs.map +2 -2
- package/dist/lib/node-esm/{chunk-L7JM7LGJ.mjs → chunk-4EDEB6MQ.mjs} +21 -4
- package/dist/lib/node-esm/chunk-4EDEB6MQ.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +55 -243
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/intent-resolver-AIGAAR4N.mjs +77 -0
- package/dist/lib/node-esm/intent-resolver-AIGAAR4N.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/react-surface-HT4XGRD4.mjs +241 -0
- package/dist/lib/node-esm/react-surface-HT4XGRD4.mjs.map +7 -0
- package/dist/lib/node-esm/types.mjs +1 -2
- 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.map +1 -1
- package/dist/types/src/components/KanbanViewEditor.d.ts +2 -2
- package/dist/types/src/components/KanbanViewEditor.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -0
- 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/types.d.ts +10 -4
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +21 -29
- package/src/KanbanPlugin.tsx +40 -72
- 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 +30 -29
- package/src/components/KanbanViewEditor.tsx +62 -28
- package/src/components/index.ts +1 -0
- package/src/index.ts +1 -4
- package/src/meta.ts +3 -2
- package/src/types.ts +0 -13
- package/dist/lib/browser/chunk-JZBAL6SW.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/meta.mjs.map +0 -7
- package/dist/lib/node/chunk-BE2FRW7E.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-esm/chunk-L7JM7LGJ.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
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
import {
|
|
2
|
+
KANBAN_PLUGIN,
|
|
3
|
+
KanbanAction,
|
|
4
|
+
isKanban
|
|
5
|
+
} from "./chunk-MSZ7GMFD.mjs";
|
|
6
|
+
|
|
7
|
+
// packages/plugins/experimental/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/experimental/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/experimental/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/experimental/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/experimental/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/experimental/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-ERUIJTE2.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
|
+
}
|
|
@@ -16,22 +16,37 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
return to;
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var
|
|
20
|
-
__export(
|
|
19
|
+
var chunk_G6G2PES4_exports = {};
|
|
20
|
+
__export(chunk_G6G2PES4_exports, {
|
|
21
|
+
KANBAN_PLUGIN: () => KANBAN_PLUGIN,
|
|
21
22
|
KanbanAction: () => KanbanAction,
|
|
22
23
|
createKanban: () => createKanban,
|
|
23
|
-
isKanban: () => isKanban
|
|
24
|
+
isKanban: () => isKanban,
|
|
25
|
+
meta: () => meta
|
|
24
26
|
});
|
|
25
|
-
module.exports = __toCommonJS(
|
|
26
|
-
var import_chunk_MBAGHRFM = require("./chunk-MBAGHRFM.cjs");
|
|
27
|
+
module.exports = __toCommonJS(chunk_G6G2PES4_exports);
|
|
27
28
|
var import_echo_schema = require("@dxos/echo-schema");
|
|
28
29
|
var import_echo = require("@dxos/react-client/echo");
|
|
29
30
|
var import_react_ui_kanban = require("@dxos/react-ui-kanban");
|
|
30
31
|
var import_testing = require("@dxos/react-ui-kanban/testing");
|
|
31
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
|
+
};
|
|
32
47
|
var KanbanAction;
|
|
33
48
|
(function(KanbanAction2) {
|
|
34
|
-
const KANBAN_ACTION = `${
|
|
49
|
+
const KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;
|
|
35
50
|
class Create extends import_echo_schema.S.TaggedClass()(`${KANBAN_ACTION}/create`, {
|
|
36
51
|
input: import_echo_schema.S.Struct({
|
|
37
52
|
name: import_echo_schema.S.optional(import_echo_schema.S.String),
|
|
@@ -70,8 +85,10 @@ var createKanban = async (space) => {
|
|
|
70
85
|
};
|
|
71
86
|
// Annotate the CommonJS export names for ESM import in node:
|
|
72
87
|
0 && (module.exports = {
|
|
88
|
+
KANBAN_PLUGIN,
|
|
73
89
|
KanbanAction,
|
|
74
90
|
createKanban,
|
|
75
|
-
isKanban
|
|
91
|
+
isKanban,
|
|
92
|
+
meta
|
|
76
93
|
});
|
|
77
|
-
//# sourceMappingURL=chunk-
|
|
94
|
+
//# sourceMappingURL=chunk-G6G2PES4.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: `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,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;;UDKiBC,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
|
+
}
|