@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
package/src/KanbanPlugin.tsx
CHANGED
|
@@ -2,82 +2,50 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
import { type
|
|
8
|
-
import { invariant } from '@dxos/invariant';
|
|
9
|
-
import { getSpace, type Space } from '@dxos/react-client/echo';
|
|
5
|
+
import { createIntent, defineModule, contributes, Capabilities, Events, definePlugin } from '@dxos/app-framework';
|
|
6
|
+
import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
|
|
7
|
+
import { type Space } from '@dxos/react-client/echo';
|
|
10
8
|
import { KanbanType, translations as kanbanTranslations } from '@dxos/react-ui-kanban';
|
|
11
|
-
import { ViewProjection } from '@dxos/schema';
|
|
12
9
|
|
|
13
|
-
import {
|
|
14
|
-
import
|
|
15
|
-
import meta, { KANBAN_PLUGIN } from './meta';
|
|
10
|
+
import { IntentResolver, ReactSurface } from './capabilities';
|
|
11
|
+
import { KANBAN_PLUGIN, meta } from './meta';
|
|
16
12
|
import translations from './translations';
|
|
17
|
-
import {
|
|
13
|
+
import { KanbanAction } from './types';
|
|
18
14
|
|
|
19
|
-
export const KanbanPlugin = ()
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
15
|
+
export const KanbanPlugin = () =>
|
|
16
|
+
definePlugin(meta, [
|
|
17
|
+
defineModule({
|
|
18
|
+
id: `${meta.id}/module/translations`,
|
|
19
|
+
activatesOn: Events.SetupTranslations,
|
|
20
|
+
activate: () => contributes(Capabilities.Translations, [...translations, ...kanbanTranslations]),
|
|
21
|
+
}),
|
|
22
|
+
defineModule({
|
|
23
|
+
id: `${meta.id}/module/metadata`,
|
|
24
|
+
activatesOn: Events.SetupMetadata,
|
|
25
|
+
activate: () =>
|
|
26
|
+
contributes(Capabilities.Metadata, {
|
|
27
|
+
id: KanbanType.typename,
|
|
28
|
+
metadata: {
|
|
29
|
+
createObject: (props: { name?: string }, options: { space: Space }) =>
|
|
30
|
+
createIntent(KanbanAction.Create, { ...props, space: options.space }),
|
|
27
31
|
placeholder: ['kanban title placeholder', { ns: KANBAN_PLUGIN }],
|
|
28
32
|
icon: 'ph--kanban--regular',
|
|
29
33
|
},
|
|
30
|
-
},
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
component: ({ data }) => <KanbanViewEditor kanban={data.subject} />,
|
|
49
|
-
}),
|
|
50
|
-
],
|
|
51
|
-
},
|
|
52
|
-
intent: {
|
|
53
|
-
resolvers: () => [
|
|
54
|
-
createResolver(KanbanAction.Create, async ({ space }) => ({
|
|
55
|
-
data: { object: await createKanban(space) },
|
|
56
|
-
})),
|
|
57
|
-
createResolver(KanbanAction.DeleteCardField, ({ kanban, fieldId, deletionData }, undo) => {
|
|
58
|
-
invariant(kanban.cardView);
|
|
59
|
-
|
|
60
|
-
const schema =
|
|
61
|
-
kanban.cardView.target &&
|
|
62
|
-
getSpace(kanban)?.db.schemaRegistry.getSchema(kanban.cardView.target.query.type);
|
|
63
|
-
invariant(schema);
|
|
64
|
-
const projection = new ViewProjection(schema, kanban.cardView.target!);
|
|
65
|
-
|
|
66
|
-
if (!undo) {
|
|
67
|
-
const { deleted, index } = projection.deleteFieldProjection(fieldId);
|
|
68
|
-
return {
|
|
69
|
-
undoable: {
|
|
70
|
-
message: translations[0]['en-US'][KANBAN_PLUGIN]['card field deleted label'],
|
|
71
|
-
data: { deletionData: { ...deleted, index } },
|
|
72
|
-
},
|
|
73
|
-
};
|
|
74
|
-
} else if (undo && deletionData) {
|
|
75
|
-
const { field, props, index } = deletionData;
|
|
76
|
-
projection.setFieldProjection({ field, props }, index);
|
|
77
|
-
}
|
|
78
|
-
}),
|
|
79
|
-
],
|
|
80
|
-
},
|
|
81
|
-
},
|
|
82
|
-
};
|
|
83
|
-
};
|
|
34
|
+
}),
|
|
35
|
+
}),
|
|
36
|
+
defineModule({
|
|
37
|
+
id: `${meta.id}/module/schema`,
|
|
38
|
+
activatesOn: ClientEvents.SetupSchema,
|
|
39
|
+
activate: () => contributes(ClientCapabilities.Schema, [KanbanType]),
|
|
40
|
+
}),
|
|
41
|
+
defineModule({
|
|
42
|
+
id: `${meta.id}/module/react-surface`,
|
|
43
|
+
activatesOn: Events.SetupSurfaces,
|
|
44
|
+
activate: ReactSurface,
|
|
45
|
+
}),
|
|
46
|
+
defineModule({
|
|
47
|
+
id: `${meta.id}/module/intent-resolver`,
|
|
48
|
+
activatesOn: Events.SetupIntents,
|
|
49
|
+
activate: IntentResolver,
|
|
50
|
+
}),
|
|
51
|
+
]);
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import { contributes, Capabilities, createResolver } from '@dxos/app-framework';
|
|
6
|
+
import { invariant } from '@dxos/invariant';
|
|
7
|
+
import { getSpace } from '@dxos/react-client/echo';
|
|
8
|
+
import { ViewProjection } from '@dxos/schema';
|
|
9
|
+
|
|
10
|
+
import { KANBAN_PLUGIN } from '../meta';
|
|
11
|
+
import { createKanban, KanbanAction } from '../types';
|
|
12
|
+
|
|
13
|
+
export default () =>
|
|
14
|
+
contributes(Capabilities.IntentResolver, [
|
|
15
|
+
createResolver({
|
|
16
|
+
intent: KanbanAction.Create,
|
|
17
|
+
resolve: async ({ space }) => ({
|
|
18
|
+
data: { object: await createKanban(space) },
|
|
19
|
+
}),
|
|
20
|
+
}),
|
|
21
|
+
createResolver({
|
|
22
|
+
intent: KanbanAction.DeleteCardField,
|
|
23
|
+
resolve: ({ kanban, fieldId, deletionData }, undo) => {
|
|
24
|
+
invariant(kanban.cardView);
|
|
25
|
+
|
|
26
|
+
const schema =
|
|
27
|
+
kanban.cardView.target && getSpace(kanban)?.db.schemaRegistry.getSchema(kanban.cardView.target.query.type);
|
|
28
|
+
invariant(schema);
|
|
29
|
+
const projection = new ViewProjection(schema, kanban.cardView.target!);
|
|
30
|
+
|
|
31
|
+
if (!undo) {
|
|
32
|
+
const { deleted, index } = projection.deleteFieldProjection(fieldId);
|
|
33
|
+
return {
|
|
34
|
+
undoable: {
|
|
35
|
+
message: ['card field deleted label', { ns: KANBAN_PLUGIN }],
|
|
36
|
+
data: { deletionData: { ...deleted, index } },
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
} else if (undo && deletionData) {
|
|
40
|
+
const { field, props, index } = deletionData;
|
|
41
|
+
projection.setFieldProjection({ field, props }, index);
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
}),
|
|
45
|
+
]);
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import React from 'react';
|
|
6
|
+
|
|
7
|
+
import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
|
|
8
|
+
import { type KanbanType } from '@dxos/react-ui-kanban';
|
|
9
|
+
|
|
10
|
+
import { KanbanContainer, KanbanViewEditor } from '../components';
|
|
11
|
+
import { KANBAN_PLUGIN } from '../meta';
|
|
12
|
+
import { isKanban } from '../types';
|
|
13
|
+
|
|
14
|
+
export default () =>
|
|
15
|
+
contributes(Capabilities.ReactSurface, [
|
|
16
|
+
createSurface({
|
|
17
|
+
id: `${KANBAN_PLUGIN}/kanban`,
|
|
18
|
+
role: ['article', 'section'],
|
|
19
|
+
filter: (data): data is { subject: KanbanType } => isKanban(data.subject),
|
|
20
|
+
component: ({ data, role }) => <KanbanContainer kanban={data.subject} role={role} />,
|
|
21
|
+
}),
|
|
22
|
+
createSurface({
|
|
23
|
+
id: `${KANBAN_PLUGIN}/settings`,
|
|
24
|
+
role: 'complementary--settings',
|
|
25
|
+
filter: (data): data is { subject: KanbanType } => isKanban(data.subject),
|
|
26
|
+
component: ({ data }) => <KanbanViewEditor kanban={data.subject} />,
|
|
27
|
+
}),
|
|
28
|
+
]);
|
|
@@ -10,15 +10,35 @@ import { useGlobalFilteredObjects } from '@dxos/plugin-search';
|
|
|
10
10
|
import { Filter, useQuery, getSpace, create } from '@dxos/react-client/echo';
|
|
11
11
|
import { type KanbanType, useKanbanModel, Kanban } from '@dxos/react-ui-kanban';
|
|
12
12
|
import { StackItem } from '@dxos/react-ui-stack';
|
|
13
|
+
import { ViewProjection } from '@dxos/schema';
|
|
13
14
|
|
|
14
15
|
export const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }) => {
|
|
15
16
|
const [cardSchema, setCardSchema] = useState<EchoSchema>();
|
|
17
|
+
const [projection, setProjection] = useState<ViewProjection>();
|
|
16
18
|
const space = getSpace(kanban);
|
|
19
|
+
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
if (kanban.cardView?.target?.query?.type && space) {
|
|
22
|
+
const query = space.db.schemaRegistry.query({ typename: kanban.cardView.target.query.type });
|
|
23
|
+
const unsubscribe = query.subscribe(
|
|
24
|
+
() => {
|
|
25
|
+
const [schema] = query.results;
|
|
26
|
+
if (schema) {
|
|
27
|
+
setCardSchema(schema);
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
{ fire: true },
|
|
31
|
+
);
|
|
32
|
+
return unsubscribe;
|
|
33
|
+
}
|
|
34
|
+
}, [kanban.cardView?.target?.query, space]);
|
|
35
|
+
|
|
17
36
|
useEffect(() => {
|
|
18
|
-
if (kanban.cardView &&
|
|
19
|
-
|
|
37
|
+
if (kanban.cardView?.target && cardSchema) {
|
|
38
|
+
setProjection(new ViewProjection(cardSchema, kanban.cardView.target));
|
|
20
39
|
}
|
|
21
|
-
|
|
40
|
+
// TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?
|
|
41
|
+
}, [kanban.cardView?.target, cardSchema, JSON.stringify(cardSchema?.jsonSchema)]);
|
|
22
42
|
|
|
23
43
|
const objects = useQuery(space, cardSchema ? Filter.schema(cardSchema) : Filter.nothing());
|
|
24
44
|
const filteredObjects = useGlobalFilteredObjects(objects);
|
|
@@ -26,24 +46,18 @@ export const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }
|
|
|
26
46
|
const model = useKanbanModel({
|
|
27
47
|
kanban,
|
|
28
48
|
cardSchema,
|
|
49
|
+
projection,
|
|
29
50
|
items: filteredObjects,
|
|
30
51
|
});
|
|
31
52
|
|
|
32
|
-
const handleAddColumn = useCallback((columnValue: string) => model?.addEmptyColumn(columnValue), [model]);
|
|
33
|
-
|
|
34
53
|
const handleAddCard = useCallback(
|
|
35
|
-
(columnValue: string) => {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
title: '',
|
|
40
|
-
description: '',
|
|
41
|
-
state: columnValue,
|
|
42
|
-
}),
|
|
43
|
-
);
|
|
54
|
+
(columnValue: string | undefined) => {
|
|
55
|
+
const path = model?.columnFieldPath;
|
|
56
|
+
if (space && cardSchema && path) {
|
|
57
|
+
space.db.add(create(cardSchema, { [path]: columnValue }));
|
|
44
58
|
}
|
|
45
59
|
},
|
|
46
|
-
[space, cardSchema],
|
|
60
|
+
[space, cardSchema, model],
|
|
47
61
|
);
|
|
48
62
|
|
|
49
63
|
const handleRemoveCard = useCallback(
|
|
@@ -54,23 +68,10 @@ export const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }
|
|
|
54
68
|
[space],
|
|
55
69
|
);
|
|
56
70
|
|
|
57
|
-
const handleRemoveEmptyColumn = useCallback(
|
|
58
|
-
(columnValue: string) => {
|
|
59
|
-
model?.removeColumnFromArrangement(columnValue);
|
|
60
|
-
},
|
|
61
|
-
[model],
|
|
62
|
-
);
|
|
63
|
-
|
|
64
71
|
return (
|
|
65
72
|
<StackItem.Content toolbar={false}>
|
|
66
73
|
{model ? (
|
|
67
|
-
<Kanban
|
|
68
|
-
model={model}
|
|
69
|
-
onAddCard={handleAddCard}
|
|
70
|
-
onAddColumn={handleAddColumn}
|
|
71
|
-
onRemoveCard={handleRemoveCard}
|
|
72
|
-
onRemoveEmptyColumn={handleRemoveEmptyColumn}
|
|
73
|
-
/>
|
|
74
|
+
<Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />
|
|
74
75
|
) : (
|
|
75
76
|
<span>Loading</span>
|
|
76
77
|
)}
|
|
@@ -1,72 +1,106 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import React, { useCallback, useEffect, useState } from 'react';
|
|
5
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
6
6
|
|
|
7
7
|
import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
8
|
+
import { type EchoSchema, FormatEnum } from '@dxos/echo-schema';
|
|
9
|
+
import { invariant } from '@dxos/invariant';
|
|
10
|
+
import { Filter, getSpace, useQuery } from '@dxos/react-client/echo';
|
|
11
|
+
import { ViewEditor, Form, SelectInput, type CustomInputMap } from '@dxos/react-ui-form';
|
|
12
|
+
import { type KanbanType, KanbanSettingsSchema } from '@dxos/react-ui-kanban';
|
|
13
|
+
import { ViewType, ViewProjection } from '@dxos/schema';
|
|
11
14
|
|
|
12
15
|
import { KanbanAction } from '../types';
|
|
13
16
|
|
|
14
17
|
type KanbanViewEditorProps = { kanban: KanbanType };
|
|
15
18
|
|
|
16
|
-
const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {
|
|
19
|
+
export const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {
|
|
17
20
|
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
18
21
|
const space = getSpace(kanban);
|
|
19
22
|
|
|
20
|
-
|
|
21
|
-
// endure typename changes. We shouldn't need to manage a subscription at this layer.
|
|
22
|
-
const [schema, setSchema] = useState(
|
|
23
|
-
space && kanban?.cardView?.target?.query?.type
|
|
24
|
-
? space.db.schemaRegistry.getSchema(kanban.cardView.target.query.type)
|
|
25
|
-
: undefined,
|
|
26
|
-
);
|
|
23
|
+
const [schema, setSchema] = useState<EchoSchema | undefined>();
|
|
27
24
|
|
|
28
25
|
useEffect(() => {
|
|
29
26
|
if (space && kanban?.cardView?.target?.query?.type) {
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
27
|
+
const query = space.db.schemaRegistry.query({ typename: kanban.cardView.target.query.type });
|
|
28
|
+
const unsubscribe = query.subscribe(
|
|
29
|
+
() => {
|
|
33
30
|
const [schema] = query.results;
|
|
34
31
|
if (schema) {
|
|
35
32
|
setSchema(schema);
|
|
36
33
|
}
|
|
37
|
-
}
|
|
38
|
-
|
|
34
|
+
},
|
|
35
|
+
{ fire: true },
|
|
36
|
+
);
|
|
39
37
|
return unsubscribe;
|
|
40
38
|
}
|
|
41
39
|
}, [space, kanban?.cardView?.target?.query?.type]);
|
|
42
40
|
|
|
41
|
+
const views = useQuery(space, Filter.schema(ViewType));
|
|
42
|
+
const currentTypename = useMemo(() => kanban?.cardView?.target?.query?.type, [kanban?.cardView?.target?.query?.type]);
|
|
43
|
+
const updateViewTypename = useCallback(
|
|
44
|
+
(newTypename: string) => {
|
|
45
|
+
invariant(schema);
|
|
46
|
+
const matchingViews = views.filter((view) => view.query.type === currentTypename);
|
|
47
|
+
for (const view of matchingViews) {
|
|
48
|
+
view.query.type = newTypename;
|
|
49
|
+
}
|
|
50
|
+
schema.updateTypename(newTypename);
|
|
51
|
+
},
|
|
52
|
+
[views, schema],
|
|
53
|
+
);
|
|
54
|
+
|
|
43
55
|
const handleDelete = useCallback(
|
|
44
56
|
(fieldId: string) => dispatch?.(createIntent(KanbanAction.DeleteCardField, { kanban, fieldId })),
|
|
45
57
|
[dispatch, kanban],
|
|
46
58
|
);
|
|
47
59
|
|
|
60
|
+
const projection = useMemo(() => {
|
|
61
|
+
if (kanban?.cardView?.target && schema) {
|
|
62
|
+
return new ViewProjection(schema, kanban.cardView.target);
|
|
63
|
+
}
|
|
64
|
+
}, [kanban?.cardView?.target, schema, JSON.stringify(schema)]);
|
|
65
|
+
|
|
66
|
+
const selectFields = useMemo(() => {
|
|
67
|
+
if (!projection) {
|
|
68
|
+
return [];
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return projection
|
|
72
|
+
.getFieldProjections()
|
|
73
|
+
.filter((field) => field.props.format === FormatEnum.SingleSelect)
|
|
74
|
+
.map(({ field }) => ({ value: field.id, label: field.path }));
|
|
75
|
+
}, [projection]);
|
|
76
|
+
|
|
77
|
+
const onSave = useCallback(
|
|
78
|
+
(values: Partial<{ columnFieldId: string }>) => {
|
|
79
|
+
kanban.columnFieldId = values.columnFieldId;
|
|
80
|
+
},
|
|
81
|
+
[kanban],
|
|
82
|
+
);
|
|
83
|
+
|
|
84
|
+
const initialValues = useMemo(() => ({ columnFieldId: kanban.columnFieldId }), [kanban]);
|
|
85
|
+
const custom: CustomInputMap = useMemo(
|
|
86
|
+
() => ({ columnFieldId: (props) => <SelectInput {...props} options={selectFields} /> }),
|
|
87
|
+
[selectFields],
|
|
88
|
+
);
|
|
89
|
+
|
|
48
90
|
if (!space || !schema || !kanban.cardView?.target) {
|
|
49
91
|
return null;
|
|
50
92
|
}
|
|
51
93
|
|
|
52
94
|
return (
|
|
53
95
|
<>
|
|
54
|
-
<Form
|
|
55
|
-
schema={KanbanPropsSchema}
|
|
56
|
-
values={{ columnField: kanban.columnField }}
|
|
57
|
-
onSave={({ columnField }) => {
|
|
58
|
-
kanban.columnField = columnField;
|
|
59
|
-
kanban.arrangement = undefined;
|
|
60
|
-
}}
|
|
61
|
-
/>
|
|
96
|
+
<Form schema={KanbanSettingsSchema} values={initialValues} onSave={onSave} autoSave Custom={custom} />
|
|
62
97
|
<ViewEditor
|
|
63
98
|
registry={space.db.schemaRegistry}
|
|
64
99
|
schema={schema}
|
|
65
100
|
view={kanban.cardView.target}
|
|
101
|
+
onTypenameChanged={updateViewTypename}
|
|
66
102
|
onDelete={handleDelete}
|
|
67
103
|
/>
|
|
68
104
|
</>
|
|
69
105
|
);
|
|
70
106
|
};
|
|
71
|
-
|
|
72
|
-
export default KanbanViewEditor;
|
package/src/components/index.ts
CHANGED
package/src/index.ts
CHANGED
package/src/meta.ts
CHANGED
|
@@ -6,11 +6,12 @@ import { type PluginMeta } from '@dxos/app-framework';
|
|
|
6
6
|
|
|
7
7
|
export const KANBAN_PLUGIN = 'dxos.org/plugin/kanban';
|
|
8
8
|
|
|
9
|
-
export
|
|
9
|
+
export const meta = {
|
|
10
10
|
id: KANBAN_PLUGIN,
|
|
11
11
|
name: 'Kanban',
|
|
12
|
-
description:
|
|
12
|
+
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.`,
|
|
13
13
|
icon: 'ph--kanban--regular',
|
|
14
14
|
source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban',
|
|
15
15
|
tags: ['experimental'],
|
|
16
|
+
screenshots: ['https://dxos.network/plugin-details-kanban-dark.png'],
|
|
16
17
|
} satisfies PluginMeta;
|
package/src/types.ts
CHANGED
|
@@ -2,14 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import type {
|
|
6
|
-
IntentResolverProvides,
|
|
7
|
-
MetadataRecordsProvides,
|
|
8
|
-
SurfaceProvides,
|
|
9
|
-
TranslationsProvides,
|
|
10
|
-
} from '@dxos/app-framework';
|
|
11
5
|
import { S } from '@dxos/echo-schema';
|
|
12
|
-
import { type SchemaProvides } from '@dxos/plugin-space';
|
|
13
6
|
import { type Space, SpaceSchema } from '@dxos/react-client/echo';
|
|
14
7
|
import { KanbanType } from '@dxos/react-ui-kanban';
|
|
15
8
|
import { initializeKanban } from '@dxos/react-ui-kanban/testing';
|
|
@@ -58,12 +51,6 @@ export namespace KanbanAction {
|
|
|
58
51
|
}) {}
|
|
59
52
|
}
|
|
60
53
|
|
|
61
|
-
export type KanbanPluginProvides = SurfaceProvides &
|
|
62
|
-
IntentResolverProvides &
|
|
63
|
-
MetadataRecordsProvides &
|
|
64
|
-
TranslationsProvides &
|
|
65
|
-
SchemaProvides;
|
|
66
|
-
|
|
67
54
|
// TODO(burdon): Undo?
|
|
68
55
|
// TODO(burdon): Typescript types (replace proto with annotations?)
|
|
69
56
|
// TODO(burdon): Should pure components depend on ECHO? Relationship between ECHO object/array and Observable.
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n IntentResolverProvides,\n MetadataRecordsProvides,\n SurfaceProvides,\n TranslationsProvides,\n} from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { type SchemaProvides } from '@dxos/plugin-space';\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\nexport type KanbanPluginProvides = SurfaceProvides &\n IntentResolverProvides &\n MetadataRecordsProvides &\n TranslationsProvides &\n SchemaProvides;\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"],
|
|
5
|
-
"mappings": ";;;;;AAUA,SAASA,SAAS;AAElB,SAAqBC,mBAAmB;AACxC,SAASC,kBAAkB;AAC3B,SAASC,wBAAwB;AACjC,SAASC,mBAAmB;;UAaXC,eAAAA;AACf,QAAMC,gBAAgB,GAAGC,aAAAA;EAElB,MAAMC,eAAeC,EAAEC,YAAW,EAAW,GAAGJ,aAAAA,WAAwB;IAC7EK,OAAOF,EAAEG,OAAO;MACdC,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;MACzBC,OAAOC;IACT,CAAA;IACAC,QAAQT,EAAEG,OAAO;MACfO,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;gBARSZ,SAAAA;EAUN,MAAMa,wBAAwBZ,EAAEC,YAAW,EAAoB,GAAGJ,aAAAA,sBAAmC;IAC1GK,OAAOF,EAAEG,OAAO;MACdU,QAAQF;MACRG,SAASd,EAAEM;;MAEXS,cAAcf,EAAEK,SACdL,EAAEG,OAAO;QACPa,OAAOC;;;QAGPC,OAAOlB,EAAEmB;QACTC,OAAOpB,EAAEqB;MACX,CAAA,CAAA;IAEJ,CAAA;IACAZ,QAAQT,EAAEsB;EACZ,CAAA,EAAA;EAAI;gBAhBSV,kBAAAA;AAiBf,GA9BiBhB,iBAAAA,eAAAA,CAAAA,EAAAA;AAsDV,IAAM2B,WAAW,CAACb,WAA0CA,UAAU,QAAQA,kBAAkBC;AAEhG,IAAMa,eAAe,OAAOjB,UAAAA;AACjC,QAAM,EAAEM,OAAM,IAAK,MAAMY,iBAAiB;IAAElB;EAAM,CAAA;AAClD,SAAOM;AACT;",
|
|
6
|
-
"names": ["S", "SpaceSchema", "KanbanType", "initializeKanban", "FieldSchema", "KanbanAction", "KANBAN_ACTION", "KANBAN_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "space", "SpaceSchema", "output", "object", "KanbanType", "DeleteCardField", "kanban", "fieldId", "deletionData", "field", "FieldSchema", "props", "Any", "index", "Number", "Void", "isKanban", "createKanban", "initializeKanban"]
|
|
7
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
// packages/plugins/experimental/plugin-kanban/src/meta.ts
|
|
2
|
-
var KANBAN_PLUGIN = "dxos.org/plugin/kanban";
|
|
3
|
-
var meta_default = {
|
|
4
|
-
id: KANBAN_PLUGIN,
|
|
5
|
-
name: "Kanban",
|
|
6
|
-
description: "Kanban board for managing tasks.",
|
|
7
|
-
icon: "ph--kanban--regular",
|
|
8
|
-
source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban",
|
|
9
|
-
tags: [
|
|
10
|
-
"experimental"
|
|
11
|
-
]
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export {
|
|
15
|
-
KANBAN_PLUGIN,
|
|
16
|
-
meta_default
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=chunk-LG4OMN5S.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 KANBAN_PLUGIN = 'dxos.org/plugin/kanban';\n\nexport default {\n id: KANBAN_PLUGIN,\n name: 'Kanban',\n description: 'Kanban board for managing tasks.',\n icon: 'ph--kanban--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban',\n tags: ['experimental'],\n} satisfies PluginMeta;\n"],
|
|
5
|
-
"mappings": ";AAMO,IAAMA,gBAAgB;AAE7B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
|
|
6
|
-
"names": ["KANBAN_PLUGIN", "id", "name", "description", "icon", "source", "tags"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n IntentResolverProvides,\n MetadataRecordsProvides,\n SurfaceProvides,\n TranslationsProvides,\n} from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { type SchemaProvides } from '@dxos/plugin-space';\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\nexport type KanbanPluginProvides = SurfaceProvides &\n IntentResolverProvides &\n MetadataRecordsProvides &\n TranslationsProvides &\n SchemaProvides;\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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,yBAAkB;AAElB,kBAAwC;AACxC,6BAA2B;AAC3B,qBAAiC;AACjC,oBAA4B;;UAaXA,eAAAA;AACf,QAAMC,gBAAgB,GAAGC,mCAAAA;EAElB,MAAMC,eAAeC,qBAAEC,YAAW,EAAW,GAAGJ,aAAAA,WAAwB;IAC7EK,OAAOF,qBAAEG,OAAO;MACdC,MAAMJ,qBAAEK,SAASL,qBAAEM,MAAM;MACzBC,OAAOC;IACT,CAAA;IACAC,QAAQT,qBAAEG,OAAO;MACfO,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;gBARSZ,SAAAA;EAUN,MAAMa,wBAAwBZ,qBAAEC,YAAW,EAAoB,GAAGJ,aAAAA,sBAAmC;IAC1GK,OAAOF,qBAAEG,OAAO;MACdU,QAAQF;MACRG,SAASd,qBAAEM;;MAEXS,cAAcf,qBAAEK,SACdL,qBAAEG,OAAO;QACPa,OAAOC;;;QAGPC,OAAOlB,qBAAEmB;QACTC,OAAOpB,qBAAEqB;MACX,CAAA,CAAA;IAEJ,CAAA;IACAZ,QAAQT,qBAAEsB;EACZ,CAAA,EAAA;EAAI;gBAhBSV,kBAAAA;AAiBf,GA9BiBhB,iBAAAA,eAAAA,CAAAA,EAAAA;AAsDV,IAAM2B,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": ["KanbanAction", "KANBAN_ACTION", "KANBAN_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "space", "SpaceSchema", "output", "object", "KanbanType", "DeleteCardField", "kanban", "fieldId", "deletionData", "field", "FieldSchema", "props", "Any", "index", "Number", "Void", "isKanban", "createKanban", "initializeKanban"]
|
|
7
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
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_MBAGHRFM_exports = {};
|
|
20
|
-
__export(chunk_MBAGHRFM_exports, {
|
|
21
|
-
KANBAN_PLUGIN: () => KANBAN_PLUGIN,
|
|
22
|
-
meta_default: () => meta_default
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(chunk_MBAGHRFM_exports);
|
|
25
|
-
var KANBAN_PLUGIN = "dxos.org/plugin/kanban";
|
|
26
|
-
var meta_default = {
|
|
27
|
-
id: KANBAN_PLUGIN,
|
|
28
|
-
name: "Kanban",
|
|
29
|
-
description: "Kanban board for managing tasks.",
|
|
30
|
-
icon: "ph--kanban--regular",
|
|
31
|
-
source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban",
|
|
32
|
-
tags: [
|
|
33
|
-
"experimental"
|
|
34
|
-
]
|
|
35
|
-
};
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
38
|
-
KANBAN_PLUGIN,
|
|
39
|
-
meta_default
|
|
40
|
-
});
|
|
41
|
-
//# sourceMappingURL=chunk-MBAGHRFM.cjs.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 KANBAN_PLUGIN = 'dxos.org/plugin/kanban';\n\nexport default {\n id: KANBAN_PLUGIN,\n name: 'Kanban',\n description: 'Kanban board for managing tasks.',\n icon: 'ph--kanban--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban',\n tags: ['experimental'],\n} satisfies PluginMeta;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,gBAAgB;AAE7B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
|
|
6
|
-
"names": ["KANBAN_PLUGIN", "id", "name", "description", "icon", "source", "tags"]
|
|
7
|
-
}
|