@dxos/plugin-kanban 0.8.4-main.dedc0f3 → 0.8.4-main.dfabb4ec29
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/neutral/KanbanContainer-QK6LNCYT.mjs +132 -0
- package/dist/lib/neutral/KanbanContainer-QK6LNCYT.mjs.map +7 -0
- package/dist/lib/neutral/KanbanPlugin.mjs +36 -0
- package/dist/lib/neutral/KanbanPlugin.mjs.map +7 -0
- package/dist/lib/neutral/KanbanPlugin.node.mjs +27 -0
- package/dist/lib/neutral/KanbanPlugin.node.mjs.map +7 -0
- package/dist/lib/neutral/KanbanSettings-G6M47NSK.mjs +83 -0
- package/dist/lib/neutral/KanbanSettings-G6M47NSK.mjs.map +7 -0
- package/dist/lib/neutral/blueprint-definition-FHVIEKTQ.mjs +15 -0
- package/dist/lib/neutral/blueprint-definition-FHVIEKTQ.mjs.map +7 -0
- package/dist/lib/neutral/blueprints/index.mjs +8 -0
- package/dist/lib/neutral/capabilities/index.mjs +19 -0
- package/dist/lib/neutral/capabilities/index.mjs.map +7 -0
- package/dist/lib/neutral/chunk-E65AME5F.mjs +255 -0
- package/dist/lib/neutral/chunk-E65AME5F.mjs.map +7 -0
- package/dist/lib/neutral/chunk-J5LGTIGS.mjs +10 -0
- package/dist/lib/neutral/chunk-KDPM77BD.mjs +21 -0
- package/dist/lib/neutral/chunk-KDPM77BD.mjs.map +7 -0
- package/dist/lib/neutral/chunk-Z7O5CETK.mjs +8 -0
- package/dist/lib/neutral/chunk-Z7O5CETK.mjs.map +7 -0
- package/dist/lib/neutral/chunk-ZTQW5KQS.mjs +26 -0
- package/dist/lib/neutral/chunk-ZTQW5KQS.mjs.map +7 -0
- package/dist/lib/neutral/components/index.mjs +243 -0
- package/dist/lib/neutral/components/index.mjs.map +7 -0
- package/dist/lib/neutral/containers/index.mjs +11 -0
- package/dist/lib/neutral/containers/index.mjs.map +7 -0
- package/dist/lib/neutral/create-object-DKBSI46K.mjs +40 -0
- package/dist/lib/neutral/create-object-DKBSI46K.mjs.map +7 -0
- package/dist/lib/neutral/delete-card-QKT6OXGP.mjs +24 -0
- package/dist/lib/neutral/delete-card-QKT6OXGP.mjs.map +7 -0
- package/dist/lib/neutral/delete-card-field-XQKM7ZXE.mjs +42 -0
- package/dist/lib/neutral/delete-card-field-XQKM7ZXE.mjs.map +7 -0
- package/dist/lib/neutral/hooks/index.mjs +432 -0
- package/dist/lib/neutral/hooks/index.mjs.map +7 -0
- package/dist/lib/neutral/index.mjs +34 -0
- package/dist/lib/neutral/index.mjs.map +7 -0
- package/dist/lib/neutral/meta.json +1 -0
- package/dist/lib/neutral/meta.mjs +8 -0
- package/dist/lib/neutral/meta.mjs.map +7 -0
- package/dist/lib/neutral/migrations-4NS6H7U2.mjs +31 -0
- package/dist/lib/neutral/migrations-4NS6H7U2.mjs.map +7 -0
- package/dist/lib/neutral/operation-handler-B7IW6MXU.mjs +13 -0
- package/dist/lib/neutral/operation-handler-B7IW6MXU.mjs.map +7 -0
- package/dist/lib/neutral/operations/index.mjs +8 -0
- package/dist/lib/neutral/operations/index.mjs.map +7 -0
- package/dist/lib/neutral/plugin.mjs +16 -0
- package/dist/lib/neutral/plugin.mjs.map +7 -0
- package/dist/lib/neutral/react-surface-6RVSCHMJ.mjs +93 -0
- package/dist/lib/neutral/react-surface-6RVSCHMJ.mjs.map +7 -0
- package/dist/lib/neutral/restore-card-XW7AHMPO.mjs +21 -0
- package/dist/lib/neutral/restore-card-XW7AHMPO.mjs.map +7 -0
- package/dist/lib/neutral/restore-card-field-QOAUY3RJ.mjs +40 -0
- package/dist/lib/neutral/restore-card-field-QOAUY3RJ.mjs.map +7 -0
- package/dist/lib/neutral/testing/index.mjs +60 -0
- package/dist/lib/neutral/testing/index.mjs.map +7 -0
- package/dist/lib/neutral/translations.mjs +44 -0
- package/dist/lib/neutral/translations.mjs.map +7 -0
- package/dist/lib/neutral/types/index.mjs +22 -0
- package/dist/lib/neutral/types/index.mjs.map +7 -0
- package/dist/lib/neutral/undo-mappings-6CHW6BOF.mjs +42 -0
- package/dist/lib/neutral/undo-mappings-6CHW6BOF.mjs.map +7 -0
- package/dist/types/src/KanbanPlugin.d.ts +3 -1
- package/dist/types/src/KanbanPlugin.d.ts.map +1 -1
- package/dist/types/src/KanbanPlugin.node.d.ts +4 -0
- package/dist/types/src/KanbanPlugin.node.d.ts.map +1 -0
- package/dist/types/src/KanbanPlugin.test.d.ts +2 -0
- package/dist/types/src/KanbanPlugin.test.d.ts.map +1 -0
- package/dist/types/src/blueprints/index.d.ts +2 -0
- package/dist/types/src/blueprints/index.d.ts.map +1 -0
- package/dist/types/src/blueprints/kanban-blueprint.d.ts +4 -0
- package/dist/types/src/blueprints/kanban-blueprint.d.ts.map +1 -0
- package/dist/types/src/capabilities/artifact-definition.d.ts +3 -2
- package/dist/types/src/capabilities/artifact-definition.d.ts.map +1 -1
- package/dist/types/src/capabilities/blueprint-definition.d.ts +5 -4
- package/dist/types/src/capabilities/blueprint-definition.d.ts.map +1 -1
- package/dist/types/src/capabilities/create-object.d.ts +11 -0
- package/dist/types/src/capabilities/create-object.d.ts.map +1 -0
- package/dist/types/src/capabilities/index.d.ts +13 -3
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/migrations.d.ts +5 -0
- package/dist/types/src/capabilities/migrations.d.ts.map +1 -0
- package/dist/types/src/capabilities/operation-handler.d.ts +6 -0
- package/dist/types/src/capabilities/operation-handler.d.ts.map +1 -0
- package/dist/types/src/capabilities/react-surface.d.ts +3 -2
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/capabilities/undo-mappings.d.ts +5 -0
- package/dist/types/src/capabilities/undo-mappings.d.ts.map +1 -0
- package/dist/types/src/components/KanbanBoard/KanbanBoard.d.ts +37 -0
- package/dist/types/src/components/KanbanBoard/KanbanBoard.d.ts.map +1 -0
- package/dist/types/src/components/KanbanBoard/KanbanBoard.stories.d.ts +72 -0
- package/dist/types/src/components/KanbanBoard/KanbanBoard.stories.d.ts.map +1 -0
- package/dist/types/src/components/KanbanBoard/KanbanCard.d.ts +9 -0
- package/dist/types/src/components/KanbanBoard/KanbanCard.d.ts.map +1 -0
- package/dist/types/src/components/KanbanBoard/KanbanColumn.d.ts +8 -0
- package/dist/types/src/components/KanbanBoard/KanbanColumn.d.ts.map +1 -0
- package/dist/types/src/components/KanbanBoard/context.d.ts +38 -0
- package/dist/types/src/components/KanbanBoard/context.d.ts.map +1 -0
- package/dist/types/src/components/KanbanBoard/index.d.ts +2 -0
- package/dist/types/src/components/KanbanBoard/index.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +1 -2
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/containers/KanbanContainer/KanbanContainer.d.ts +6 -0
- package/dist/types/src/containers/KanbanContainer/KanbanContainer.d.ts.map +1 -0
- package/dist/types/src/containers/KanbanContainer/KanbanContainer.stories.d.ts +79 -0
- package/dist/types/src/containers/KanbanContainer/KanbanContainer.stories.d.ts.map +1 -0
- package/dist/types/src/containers/KanbanContainer/index.d.ts +2 -0
- package/dist/types/src/containers/KanbanContainer/index.d.ts.map +1 -0
- package/dist/types/src/containers/KanbanSettings/KanbanSettings.d.ts +13 -0
- package/dist/types/src/containers/KanbanSettings/KanbanSettings.d.ts.map +1 -0
- package/dist/types/src/containers/KanbanSettings/index.d.ts +2 -0
- package/dist/types/src/containers/KanbanSettings/index.d.ts.map +1 -0
- package/dist/types/src/containers/index.d.ts +4 -0
- package/dist/types/src/containers/index.d.ts.map +1 -0
- package/dist/types/src/hooks/index.d.ts +7 -0
- package/dist/types/src/hooks/index.d.ts.map +1 -0
- package/dist/types/src/hooks/useEchoChangeCallback.d.ts +13 -0
- package/dist/types/src/hooks/useEchoChangeCallback.d.ts.map +1 -0
- package/dist/types/src/hooks/useItemsProjection.d.ts +10 -0
- package/dist/types/src/hooks/useItemsProjection.d.ts.map +1 -0
- package/dist/types/src/hooks/useKanbanBoardModel.browser.test.d.ts +2 -0
- package/dist/types/src/hooks/useKanbanBoardModel.browser.test.d.ts.map +1 -0
- package/dist/types/src/hooks/useKanbanBoardModel.d.ts +16 -0
- package/dist/types/src/hooks/useKanbanBoardModel.d.ts.map +1 -0
- package/dist/types/src/hooks/useKanbanColumnEventHandler.d.ts +22 -0
- package/dist/types/src/hooks/useKanbanColumnEventHandler.d.ts.map +1 -0
- package/dist/types/src/hooks/useKanbanItemEventHandler.d.ts +19 -0
- package/dist/types/src/hooks/useKanbanItemEventHandler.d.ts.map +1 -0
- package/dist/types/src/hooks/useProjectionModel.d.ts +15 -0
- package/dist/types/src/hooks/useProjectionModel.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +3 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +2 -3
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/operations/delete-card-field.d.ts +5 -0
- package/dist/types/src/operations/delete-card-field.d.ts.map +1 -0
- package/dist/types/src/operations/delete-card.d.ts +5 -0
- package/dist/types/src/operations/delete-card.d.ts.map +1 -0
- package/dist/types/src/operations/index.d.ts +3 -0
- package/dist/types/src/operations/index.d.ts.map +1 -0
- package/dist/types/src/operations/restore-card-field.d.ts +5 -0
- package/dist/types/src/operations/restore-card-field.d.ts.map +1 -0
- package/dist/types/src/operations/restore-card.d.ts +5 -0
- package/dist/types/src/operations/restore-card.d.ts.map +1 -0
- package/dist/types/src/playwright/board-manager.d.ts +5 -0
- package/dist/types/src/playwright/board-manager.d.ts.map +1 -0
- package/dist/types/src/playwright/playwright.config.d.ts +3 -0
- package/dist/types/src/playwright/playwright.config.d.ts.map +1 -0
- package/dist/types/src/playwright/smoke.spec.d.ts +2 -0
- package/dist/types/src/playwright/smoke.spec.d.ts.map +1 -0
- package/dist/types/src/plugin.d.ts +4 -0
- package/dist/types/src/plugin.d.ts.map +1 -0
- package/dist/types/src/testing/KanbanCardTileSimple.d.ts +7 -0
- package/dist/types/src/testing/KanbanCardTileSimple.d.ts.map +1 -0
- package/dist/types/src/testing/index.d.ts +2 -0
- package/dist/types/src/testing/index.d.ts.map +1 -0
- package/dist/types/src/translations.d.ts +50 -22
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/Kanban.d.ts +109 -0
- package/dist/types/src/types/Kanban.d.ts.map +1 -0
- package/dist/types/src/types/KanbanOperation.d.ts +52 -0
- package/dist/types/src/types/KanbanOperation.d.ts.map +1 -0
- package/dist/types/src/types/constants.d.ts +6 -0
- package/dist/types/src/types/constants.d.ts.map +1 -0
- package/dist/types/src/types/index.d.ts +3 -0
- package/dist/types/src/types/index.d.ts.map +1 -1
- package/dist/types/src/types/migrations.test.d.ts +2 -0
- package/dist/types/src/types/migrations.test.d.ts.map +1 -0
- package/dist/types/src/types/schema.d.ts +18 -52
- package/dist/types/src/types/schema.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +28 -0
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/dist/types/src/util/arrangement.d.ts +72 -0
- package/dist/types/src/util/arrangement.d.ts.map +1 -0
- package/dist/types/src/util/arrangement.test.d.ts +2 -0
- package/dist/types/src/util/arrangement.test.d.ts.map +1 -0
- package/dist/types/src/util/index.d.ts +2 -0
- package/dist/types/src/util/index.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +120 -57
- package/src/KanbanPlugin.node.ts +21 -0
- package/src/KanbanPlugin.test.ts +31 -0
- package/src/KanbanPlugin.tsx +29 -57
- package/src/blueprints/index.ts +5 -0
- package/src/blueprints/kanban-blueprint.ts +27 -0
- package/src/capabilities/artifact-definition.ts +117 -113
- package/src/capabilities/blueprint-definition.ts +13 -24
- package/src/capabilities/create-object.ts +40 -0
- package/src/capabilities/index.ts +12 -4
- package/src/capabilities/migrations.ts +35 -0
- package/src/capabilities/operation-handler.ts +14 -0
- package/src/capabilities/react-surface.tsx +79 -68
- package/src/capabilities/undo-mappings.ts +34 -0
- package/src/components/KanbanBoard/KanbanBoard.stories.tsx +146 -0
- package/src/components/KanbanBoard/KanbanBoard.tsx +164 -0
- package/src/components/KanbanBoard/KanbanCard.tsx +101 -0
- package/src/components/KanbanBoard/KanbanColumn.tsx +72 -0
- package/src/components/KanbanBoard/context.ts +54 -0
- package/src/components/KanbanBoard/index.ts +5 -0
- package/src/components/index.ts +1 -2
- package/src/containers/KanbanContainer/KanbanContainer.stories.tsx +277 -0
- package/src/containers/KanbanContainer/KanbanContainer.tsx +178 -0
- package/src/containers/KanbanContainer/index.ts +5 -0
- package/src/containers/KanbanSettings/KanbanSettings.tsx +94 -0
- package/src/containers/KanbanSettings/index.ts +5 -0
- package/src/containers/index.ts +8 -0
- package/src/hooks/index.ts +10 -0
- package/src/hooks/useEchoChangeCallback.ts +30 -0
- package/src/hooks/useItemsProjection.ts +44 -0
- package/src/hooks/useKanbanBoardModel.browser.test.ts +235 -0
- package/src/hooks/useKanbanBoardModel.ts +157 -0
- package/src/hooks/useKanbanColumnEventHandler.ts +106 -0
- package/src/hooks/useKanbanItemEventHandler.ts +133 -0
- package/src/hooks/useProjectionModel.ts +58 -0
- package/src/index.ts +3 -2
- package/src/meta.ts +9 -7
- package/src/operations/delete-card-field.ts +47 -0
- package/src/operations/delete-card.ts +23 -0
- package/src/operations/index.ts +10 -0
- package/src/operations/restore-card-field.ts +41 -0
- package/src/operations/restore-card.ts +21 -0
- package/src/playwright/board-manager.ts +13 -0
- package/src/playwright/playwright.config.ts +19 -0
- package/src/playwright/smoke.spec.ts +107 -0
- package/src/plugin.ts +11 -0
- package/src/testing/KanbanCardTileSimple.tsx +82 -0
- package/src/testing/index.ts +5 -0
- package/src/translations.ts +28 -20
- package/src/types/Kanban.ts +151 -0
- package/src/types/KanbanOperation.ts +67 -0
- package/src/types/constants.ts +9 -0
- package/src/types/index.ts +4 -0
- package/src/types/migrations.test.ts +83 -0
- package/src/types/schema.ts +33 -45
- package/src/types/types.ts +35 -0
- package/src/util/arrangement.test.ts +218 -0
- package/src/util/arrangement.ts +177 -0
- package/src/util/index.ts +5 -0
- package/dist/lib/browser/blueprint-definition-GFG7LX2C.mjs +0 -28
- package/dist/lib/browser/blueprint-definition-GFG7LX2C.mjs.map +0 -7
- package/dist/lib/browser/chunk-NCNNL74W.mjs +0 -82
- package/dist/lib/browser/chunk-NCNNL74W.mjs.map +0 -7
- package/dist/lib/browser/index.mjs +0 -106
- package/dist/lib/browser/index.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-KHOAFPNN.mjs +0 -111
- package/dist/lib/browser/intent-resolver-KHOAFPNN.mjs.map +0 -7
- package/dist/lib/browser/meta.json +0 -1
- package/dist/lib/browser/react-surface-UBRYXDKS.mjs +0 -253
- package/dist/lib/browser/react-surface-UBRYXDKS.mjs.map +0 -7
- package/dist/lib/browser/types/index.mjs +0 -11
- package/dist/lib/node-esm/blueprint-definition-MIMDXMUM.mjs +0 -30
- package/dist/lib/node-esm/blueprint-definition-MIMDXMUM.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-5B3LKGA7.mjs +0 -84
- package/dist/lib/node-esm/chunk-5B3LKGA7.mjs.map +0 -7
- package/dist/lib/node-esm/index.mjs +0 -107
- package/dist/lib/node-esm/index.mjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-MKO5HVES.mjs +0 -112
- package/dist/lib/node-esm/intent-resolver-MKO5HVES.mjs.map +0 -7
- package/dist/lib/node-esm/meta.json +0 -1
- package/dist/lib/node-esm/react-surface-B2FPS52G.mjs +0 -254
- package/dist/lib/node-esm/react-surface-B2FPS52G.mjs.map +0 -7
- package/dist/lib/node-esm/types/index.mjs +0 -12
- package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
- package/dist/types/src/components/KanbanContainer.d.ts +0 -7
- package/dist/types/src/components/KanbanContainer.d.ts.map +0 -1
- package/dist/types/src/components/KanbanContainer.stories.d.ts +0 -41
- package/dist/types/src/components/KanbanContainer.stories.d.ts.map +0 -1
- package/dist/types/src/components/KanbanViewEditor.d.ts +0 -8
- package/dist/types/src/components/KanbanViewEditor.d.ts.map +0 -1
- package/src/capabilities/intent-resolver.ts +0 -71
- package/src/components/KanbanContainer.stories.tsx +0 -190
- package/src/components/KanbanContainer.tsx +0 -95
- package/src/components/KanbanViewEditor.tsx +0 -62
- /package/dist/lib/{browser/types → neutral/blueprints}/index.mjs.map +0 -0
- /package/dist/lib/{node-esm/types/index.mjs.map → neutral/chunk-J5LGTIGS.mjs.map} +0 -0
|
@@ -1,254 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
KanbanAction,
|
|
4
|
-
PivotColumnAnnotationId,
|
|
5
|
-
meta
|
|
6
|
-
} from "./chunk-5B3LKGA7.mjs";
|
|
7
|
-
|
|
8
|
-
// src/capabilities/react-surface.tsx
|
|
9
|
-
import React3, { useMemo as useMemo3 } from "react";
|
|
10
|
-
import { Capabilities, contributes, createSurface, useCapabilities } from "@dxos/app-framework";
|
|
11
|
-
import { Obj as Obj2, Type as Type3 } from "@dxos/echo";
|
|
12
|
-
import { findAnnotation } from "@dxos/effect";
|
|
13
|
-
import { ClientCapabilities } from "@dxos/plugin-client";
|
|
14
|
-
import { getSpace as getSpace3, isSpace } from "@dxos/react-client/echo";
|
|
15
|
-
import { SelectInput as SelectInput2, useFormValues } from "@dxos/react-ui-form";
|
|
16
|
-
import { Kanban as Kanban3 } from "@dxos/react-ui-kanban/types";
|
|
17
|
-
import { DataType } from "@dxos/schema";
|
|
18
|
-
|
|
19
|
-
// src/components/KanbanContainer.tsx
|
|
20
|
-
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
21
|
-
import React, { useCallback, useEffect, useMemo, useState } from "react";
|
|
22
|
-
import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
|
|
23
|
-
import { Filter, Obj, Type } from "@dxos/echo";
|
|
24
|
-
import { EchoSchema } from "@dxos/echo-schema";
|
|
25
|
-
import { useGlobalFilteredObjects } from "@dxos/plugin-search";
|
|
26
|
-
import { useClient } from "@dxos/react-client";
|
|
27
|
-
import { getSpace, useQuery } from "@dxos/react-client/echo";
|
|
28
|
-
import { Kanban, useKanbanModel } from "@dxos/react-ui-kanban";
|
|
29
|
-
import { StackItem } from "@dxos/react-ui-stack";
|
|
30
|
-
import { ProjectionModel, typenameFromQuery } from "@dxos/schema";
|
|
31
|
-
var KanbanContainer = ({ view }) => {
|
|
32
|
-
var _effect = _useSignals();
|
|
33
|
-
try {
|
|
34
|
-
const client = useClient();
|
|
35
|
-
const [cardSchema, setCardSchema] = useState();
|
|
36
|
-
const [projection, setProjection] = useState();
|
|
37
|
-
const space = getSpace(view);
|
|
38
|
-
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
39
|
-
const typename = view.query ? typenameFromQuery(view.query) : void 0;
|
|
40
|
-
const jsonSchema = useMemo(() => {
|
|
41
|
-
if (!cardSchema) {
|
|
42
|
-
return void 0;
|
|
43
|
-
}
|
|
44
|
-
return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);
|
|
45
|
-
}, [
|
|
46
|
-
cardSchema
|
|
47
|
-
]);
|
|
48
|
-
useEffect(() => {
|
|
49
|
-
const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);
|
|
50
|
-
if (staticSchema) {
|
|
51
|
-
setCardSchema(() => staticSchema);
|
|
52
|
-
}
|
|
53
|
-
if (!staticSchema && typename && space) {
|
|
54
|
-
const query = space.db.schemaRegistry.query({
|
|
55
|
-
typename
|
|
56
|
-
});
|
|
57
|
-
const unsubscribe = query.subscribe(() => {
|
|
58
|
-
const [schema] = query.results;
|
|
59
|
-
if (schema) {
|
|
60
|
-
setCardSchema(schema);
|
|
61
|
-
}
|
|
62
|
-
}, {
|
|
63
|
-
fire: true
|
|
64
|
-
});
|
|
65
|
-
return unsubscribe;
|
|
66
|
-
}
|
|
67
|
-
}, [
|
|
68
|
-
typename,
|
|
69
|
-
space
|
|
70
|
-
]);
|
|
71
|
-
useEffect(() => {
|
|
72
|
-
if (jsonSchema) {
|
|
73
|
-
setProjection(new ProjectionModel(jsonSchema, view.projection));
|
|
74
|
-
}
|
|
75
|
-
}, [
|
|
76
|
-
view.projection,
|
|
77
|
-
JSON.stringify(jsonSchema)
|
|
78
|
-
]);
|
|
79
|
-
const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
|
|
80
|
-
const filteredObjects = useGlobalFilteredObjects(objects);
|
|
81
|
-
const model = useKanbanModel({
|
|
82
|
-
view,
|
|
83
|
-
schema: cardSchema,
|
|
84
|
-
projection,
|
|
85
|
-
items: filteredObjects
|
|
86
|
-
});
|
|
87
|
-
const handleAddCard = useCallback((columnValue) => {
|
|
88
|
-
const path = model?.columnFieldPath;
|
|
89
|
-
if (space && cardSchema && path) {
|
|
90
|
-
const card = Obj.make(cardSchema, {
|
|
91
|
-
[path]: columnValue
|
|
92
|
-
});
|
|
93
|
-
space.db.add(card);
|
|
94
|
-
return card.id;
|
|
95
|
-
}
|
|
96
|
-
}, [
|
|
97
|
-
space,
|
|
98
|
-
cardSchema,
|
|
99
|
-
model
|
|
100
|
-
]);
|
|
101
|
-
const handleRemoveCard = useCallback((card) => {
|
|
102
|
-
void dispatch(createIntent(KanbanAction.DeleteCard, {
|
|
103
|
-
card
|
|
104
|
-
}));
|
|
105
|
-
}, [
|
|
106
|
-
dispatch
|
|
107
|
-
]);
|
|
108
|
-
return /* @__PURE__ */ React.createElement(StackItem.Content, null, model && /* @__PURE__ */ React.createElement(Kanban, {
|
|
109
|
-
model,
|
|
110
|
-
onAddCard: handleAddCard,
|
|
111
|
-
onRemoveCard: handleRemoveCard
|
|
112
|
-
}));
|
|
113
|
-
} finally {
|
|
114
|
-
_effect.f();
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
// src/components/KanbanViewEditor.tsx
|
|
119
|
-
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
120
|
-
import React2, { useCallback as useCallback2, useMemo as useMemo2 } from "react";
|
|
121
|
-
import { Type as Type2 } from "@dxos/echo";
|
|
122
|
-
import { EchoSchema as EchoSchema2, FormatEnum } from "@dxos/echo-schema";
|
|
123
|
-
import { useClient as useClient2 } from "@dxos/react-client";
|
|
124
|
-
import { getSpace as getSpace2, useSchema } from "@dxos/react-client/echo";
|
|
125
|
-
import { Form, SelectInput } from "@dxos/react-ui-form";
|
|
126
|
-
import { Kanban as Kanban2 } from "@dxos/react-ui-kanban/types";
|
|
127
|
-
import { ProjectionModel as ProjectionModel2, typenameFromQuery as typenameFromQuery2 } from "@dxos/schema";
|
|
128
|
-
var KanbanViewEditor = ({ view }) => {
|
|
129
|
-
var _effect = _useSignals2();
|
|
130
|
-
try {
|
|
131
|
-
const client = useClient2();
|
|
132
|
-
const space = getSpace2(view);
|
|
133
|
-
const currentTypename = view.query ? typenameFromQuery2(view.query) : void 0;
|
|
134
|
-
const schema = useSchema(client, space, currentTypename);
|
|
135
|
-
const projection = useMemo2(() => {
|
|
136
|
-
if (schema) {
|
|
137
|
-
const jsonSchema = schema instanceof EchoSchema2 ? schema.jsonSchema : Type2.toJsonSchema(schema);
|
|
138
|
-
return new ProjectionModel2(jsonSchema, view.projection);
|
|
139
|
-
}
|
|
140
|
-
}, [
|
|
141
|
-
view.projection,
|
|
142
|
-
JSON.stringify(schema)
|
|
143
|
-
]);
|
|
144
|
-
const fieldProjections = projection?.getFieldProjections() || [];
|
|
145
|
-
const selectFields = fieldProjections.filter((field) => field.props.format === FormatEnum.SingleSelect).map(({ field }) => ({
|
|
146
|
-
value: field.id,
|
|
147
|
-
label: field.path
|
|
148
|
-
}));
|
|
149
|
-
const handleSave = useCallback2((values) => {
|
|
150
|
-
view.projection.pivotFieldId = values.columnFieldId;
|
|
151
|
-
}, [
|
|
152
|
-
view
|
|
153
|
-
]);
|
|
154
|
-
const initialValues = useMemo2(() => ({
|
|
155
|
-
columnFieldId: view.projection.pivotFieldId
|
|
156
|
-
}), [
|
|
157
|
-
view.projection.pivotFieldId
|
|
158
|
-
]);
|
|
159
|
-
const custom = useMemo2(() => ({
|
|
160
|
-
columnFieldId: (props) => /* @__PURE__ */ React2.createElement(SelectInput, {
|
|
161
|
-
...props,
|
|
162
|
-
options: selectFields
|
|
163
|
-
})
|
|
164
|
-
}), [
|
|
165
|
-
selectFields
|
|
166
|
-
]);
|
|
167
|
-
return /* @__PURE__ */ React2.createElement(Form, {
|
|
168
|
-
Custom: custom,
|
|
169
|
-
schema: Kanban2.SettingsSchema,
|
|
170
|
-
values: initialValues,
|
|
171
|
-
onSave: handleSave,
|
|
172
|
-
autoSave: true,
|
|
173
|
-
outerSpacing: false,
|
|
174
|
-
classNames: "pbs-inputSpacingBlock"
|
|
175
|
-
});
|
|
176
|
-
} finally {
|
|
177
|
-
_effect.f();
|
|
178
|
-
}
|
|
179
|
-
};
|
|
180
|
-
|
|
181
|
-
// src/capabilities/react-surface.tsx
|
|
182
|
-
var react_surface_default = () => contributes(Capabilities.ReactSurface, [
|
|
183
|
-
createSurface({
|
|
184
|
-
id: meta.id,
|
|
185
|
-
role: [
|
|
186
|
-
"article",
|
|
187
|
-
"section"
|
|
188
|
-
],
|
|
189
|
-
filter: (data) => Obj2.instanceOf(DataType.View, data.subject) && Obj2.instanceOf(Kanban3.Kanban, data.subject.presentation.target),
|
|
190
|
-
component: ({ data, role }) => /* @__PURE__ */ React3.createElement(KanbanContainer, {
|
|
191
|
-
view: data.subject,
|
|
192
|
-
role
|
|
193
|
-
})
|
|
194
|
-
}),
|
|
195
|
-
createSurface({
|
|
196
|
-
id: `${meta.id}/object-settings`,
|
|
197
|
-
role: "object-settings",
|
|
198
|
-
position: "hoist",
|
|
199
|
-
filter: (data) => Obj2.instanceOf(DataType.View, data.subject) && Obj2.instanceOf(Kanban3.Kanban, data.subject.presentation.target),
|
|
200
|
-
component: ({ data }) => /* @__PURE__ */ React3.createElement(KanbanViewEditor, {
|
|
201
|
-
view: data.subject
|
|
202
|
-
})
|
|
203
|
-
}),
|
|
204
|
-
createSurface({
|
|
205
|
-
id: `${meta.id}/create-initial-schema-form-[pivot-column]`,
|
|
206
|
-
role: "form-input",
|
|
207
|
-
filter: (data) => {
|
|
208
|
-
const annotation = findAnnotation(data.schema.ast, PivotColumnAnnotationId);
|
|
209
|
-
return !!annotation;
|
|
210
|
-
},
|
|
211
|
-
component: ({ data: { target }, ...inputProps }) => {
|
|
212
|
-
const props = inputProps;
|
|
213
|
-
const space = isSpace(target) ? target : getSpace3(target);
|
|
214
|
-
if (!space) {
|
|
215
|
-
return null;
|
|
216
|
-
}
|
|
217
|
-
const { typename } = useFormValues();
|
|
218
|
-
const schemaWhitelists = useCapabilities(ClientCapabilities.SchemaWhiteList);
|
|
219
|
-
const staticSchema = schemaWhitelists.flat().find((schema) => Type3.getTypename(schema) === typename);
|
|
220
|
-
const [selectedSchema] = space?.db.schemaRegistry.query({
|
|
221
|
-
typename
|
|
222
|
-
}).runSync();
|
|
223
|
-
const singleSelectColumns = useMemo3(() => {
|
|
224
|
-
const properties = staticSchema ? Type3.toJsonSchema(staticSchema).properties : selectedSchema?.jsonSchema?.properties;
|
|
225
|
-
if (!properties) {
|
|
226
|
-
return [];
|
|
227
|
-
}
|
|
228
|
-
const columns = Object.entries(properties).reduce((acc, [key, value]) => {
|
|
229
|
-
if (typeof value === "object" && value?.format === "single-select") {
|
|
230
|
-
acc.push(key);
|
|
231
|
-
}
|
|
232
|
-
return acc;
|
|
233
|
-
}, []);
|
|
234
|
-
return columns;
|
|
235
|
-
}, [
|
|
236
|
-
selectedSchema?.jsonSchema,
|
|
237
|
-
staticSchema
|
|
238
|
-
]);
|
|
239
|
-
if (!typename) {
|
|
240
|
-
return null;
|
|
241
|
-
}
|
|
242
|
-
return /* @__PURE__ */ React3.createElement(SelectInput2, {
|
|
243
|
-
...props,
|
|
244
|
-
options: singleSelectColumns.map((column) => ({
|
|
245
|
-
value: column
|
|
246
|
-
}))
|
|
247
|
-
});
|
|
248
|
-
}
|
|
249
|
-
})
|
|
250
|
-
]);
|
|
251
|
-
export {
|
|
252
|
-
react_surface_default as default
|
|
253
|
-
};
|
|
254
|
-
//# sourceMappingURL=react-surface-B2FPS52G.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
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 { type Schema } from 'effect';\nimport React, { useMemo } from 'react';\n\nimport { Capabilities, contributes, createSurface, useCapabilities } from '@dxos/app-framework';\nimport { Obj, Type } from '@dxos/echo';\nimport { findAnnotation } from '@dxos/effect';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { type Space, getSpace, isSpace } from '@dxos/react-client/echo';\nimport { type InputProps, SelectInput, useFormValues } from '@dxos/react-ui-form';\nimport { Kanban } from '@dxos/react-ui-kanban/types';\nimport { DataType } from '@dxos/schema';\n\nimport { KanbanContainer, KanbanViewEditor } from '../components';\nimport { meta } from '../meta';\nimport { PivotColumnAnnotationId } from '../types';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: meta.id,\n role: ['article', 'section'],\n filter: (data): data is { subject: DataType.View } =>\n Obj.instanceOf(DataType.View, data.subject) && Obj.instanceOf(Kanban.Kanban, data.subject.presentation.target),\n component: ({ data, role }) => <KanbanContainer view={data.subject} role={role} />,\n }),\n createSurface({\n id: `${meta.id}/object-settings`,\n role: 'object-settings',\n position: 'hoist',\n filter: (data): data is { subject: DataType.View } =>\n Obj.instanceOf(DataType.View, data.subject) && Obj.instanceOf(Kanban.Kanban, data.subject.presentation.target),\n component: ({ data }) => <KanbanViewEditor view={data.subject} />,\n }),\n createSurface({\n id: `${meta.id}/create-initial-schema-form-[pivot-column]`,\n role: 'form-input',\n filter: (\n data,\n ): data is { prop: string; schema: Schema.Schema<any>; target: Space | DataType.Collection | undefined } => {\n const annotation = findAnnotation<boolean>((data.schema as Schema.Schema.All).ast, PivotColumnAnnotationId);\n return !!annotation;\n },\n component: ({ data: { target }, ...inputProps }) => {\n const props = inputProps as any as InputProps;\n const space = isSpace(target) ? target : getSpace(target);\n if (!space) {\n return null;\n }\n const { typename } = useFormValues();\n // TODO(wittjosiah): Unify this schema lookup.\n const schemaWhitelists = useCapabilities(ClientCapabilities.SchemaWhiteList);\n const staticSchema = schemaWhitelists.flat().find((schema) => Type.getTypename(schema) === typename);\n const [selectedSchema] = space?.db.schemaRegistry.query({ typename }).runSync();\n\n const singleSelectColumns = useMemo(() => {\n const properties = staticSchema\n ? Type.toJsonSchema(staticSchema).properties\n : selectedSchema?.jsonSchema?.properties;\n if (!properties) {\n return [];\n }\n\n const columns = Object.entries(properties).reduce<string[]>((acc, [key, value]) => {\n if (typeof value === 'object' && value?.format === 'single-select') {\n acc.push(key);\n }\n return acc;\n }, []);\n\n return columns;\n }, [selectedSchema?.jsonSchema, staticSchema]);\n\n if (!typename) {\n return null;\n }\n\n return <SelectInput {...props} options={singleSelectColumns.map((column) => ({ value: column }))} />;\n },\n }),\n ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { Filter, Obj, Type } from '@dxos/echo';\nimport { EchoSchema, type TypedObject } from '@dxos/echo-schema';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Kanban, useKanbanModel } from '@dxos/react-ui-kanban';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { type DataType, ProjectionModel, typenameFromQuery } from '@dxos/schema';\n\nimport { KanbanAction } from '../types';\n\nexport const KanbanContainer = ({ view }: { view: DataType.View; role: string }) => {\n const client = useClient();\n const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();\n const [projection, setProjection] = useState<ProjectionModel>();\n const space = getSpace(view);\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const typename = view.query ? typenameFromQuery(view.query) : undefined;\n\n const jsonSchema = useMemo(() => {\n if (!cardSchema) {\n return undefined;\n }\n return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);\n }, [cardSchema]);\n\n useEffect(() => {\n const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);\n if (staticSchema) {\n setCardSchema(() => staticSchema as TypedObject<any, any>);\n }\n if (!staticSchema && typename && space) {\n const query = space.db.schemaRegistry.query({ typename });\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 }, [typename, space]);\n\n useEffect(() => {\n if (jsonSchema) {\n setProjection(new ProjectionModel(jsonSchema, view.projection));\n }\n // TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?\n }, [view.projection, JSON.stringify(jsonSchema)]);\n\n const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n const filteredObjects = useGlobalFilteredObjects(objects);\n\n const model = useKanbanModel({\n view,\n schema: 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 const card = Obj.make(cardSchema, { [path]: columnValue });\n space.db.add(card);\n return card.id;\n }\n },\n [space, cardSchema, model],\n );\n\n const handleRemoveCard = useCallback(\n (card: { id: string }) => {\n void dispatch(createIntent(KanbanAction.DeleteCard, { card }));\n },\n [dispatch],\n );\n\n return (\n <StackItem.Content>\n {model && <Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />}\n </StackItem.Content>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Type } from '@dxos/echo';\nimport { EchoSchema, FormatEnum } from '@dxos/echo-schema';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useSchema } from '@dxos/react-client/echo';\nimport { type CustomInputMap, Form, SelectInput } from '@dxos/react-ui-form';\nimport { Kanban } from '@dxos/react-ui-kanban/types';\nimport { type DataType, ProjectionModel, typenameFromQuery } from '@dxos/schema';\n\ntype KanbanViewEditorProps = { view: DataType.View };\n\nexport const KanbanViewEditor = ({ view }: KanbanViewEditorProps) => {\n const client = useClient();\n const space = getSpace(view);\n const currentTypename = view.query ? typenameFromQuery(view.query) : undefined;\n const schema = useSchema(client, space, currentTypename);\n\n const projection = useMemo(() => {\n if (schema) {\n const jsonSchema = schema instanceof EchoSchema ? schema.jsonSchema : Type.toJsonSchema(schema);\n return new ProjectionModel(jsonSchema, view.projection);\n }\n }, [view.projection, JSON.stringify(schema)]);\n\n const fieldProjections = projection?.getFieldProjections() || [];\n const selectFields = fieldProjections\n .filter((field) => field.props.format === FormatEnum.SingleSelect)\n .map(({ field }) => ({ value: field.id, label: field.path }));\n\n const handleSave = useCallback(\n (values: Partial<{ columnFieldId: string }>) => {\n view.projection.pivotFieldId = values.columnFieldId;\n },\n [view],\n );\n\n const initialValues = useMemo(\n () => ({ columnFieldId: view.projection.pivotFieldId }),\n [view.projection.pivotFieldId],\n );\n const custom: CustomInputMap = useMemo(\n () => ({ columnFieldId: (props) => <SelectInput {...props} options={selectFields} /> }),\n [selectFields],\n );\n\n return (\n <Form\n Custom={custom}\n schema={Kanban.SettingsSchema}\n values={initialValues}\n onSave={handleSave}\n autoSave\n outerSpacing={false}\n classNames='pbs-inputSpacingBlock'\n />\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "useMemo", "Capabilities", "contributes", "createSurface", "useCapabilities", "Obj", "Type", "findAnnotation", "ClientCapabilities", "getSpace", "isSpace", "SelectInput", "useFormValues", "Kanban", "DataType", "React", "useCallback", "useEffect", "useMemo", "useState", "createIntent", "useIntentDispatcher", "Filter", "Obj", "Type", "EchoSchema", "useGlobalFilteredObjects", "useClient", "getSpace", "useQuery", "Kanban", "useKanbanModel", "StackItem", "ProjectionModel", "typenameFromQuery", "KanbanContainer", "view", "client", "useClient", "cardSchema", "setCardSchema", "useState", "projection", "setProjection", "space", "getSpace", "dispatchPromise", "dispatch", "useIntentDispatcher", "typename", "query", "typenameFromQuery", "undefined", "jsonSchema", "useMemo", "EchoSchema", "Type", "toJsonSchema", "useEffect", "staticSchema", "graph", "schemaRegistry", "schemas", "find", "schema", "getTypename", "db", "unsubscribe", "subscribe", "results", "fire", "ProjectionModel", "JSON", "stringify", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "model", "useKanbanModel", "items", "handleAddCard", "useCallback", "columnValue", "path", "columnFieldPath", "card", "Obj", "make", "add", "id", "handleRemoveCard", "createIntent", "KanbanAction", "DeleteCard", "StackItem", "Content", "Kanban", "onAddCard", "onRemoveCard", "React", "useCallback", "useMemo", "Type", "EchoSchema", "FormatEnum", "useClient", "getSpace", "useSchema", "Form", "SelectInput", "Kanban", "ProjectionModel", "typenameFromQuery", "KanbanViewEditor", "view", "client", "useClient", "space", "getSpace", "currentTypename", "query", "typenameFromQuery", "undefined", "schema", "useSchema", "projection", "useMemo", "jsonSchema", "EchoSchema", "Type", "toJsonSchema", "ProjectionModel", "JSON", "stringify", "fieldProjections", "getFieldProjections", "selectFields", "filter", "field", "props", "format", "FormatEnum", "SingleSelect", "map", "value", "id", "label", "path", "handleSave", "useCallback", "values", "pivotFieldId", "columnFieldId", "initialValues", "custom", "React", "SelectInput", "options", "Form", "Custom", "Kanban", "SettingsSchema", "onSave", "autoSave", "outerSpacing", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "DataType", "View", "subject", "Kanban", "presentation", "target", "component", "React", "KanbanContainer", "view", "position", "KanbanViewEditor", "annotation", "findAnnotation", "schema", "ast", "PivotColumnAnnotationId", "inputProps", "props", "space", "isSpace", "getSpace", "typename", "useFormValues", "schemaWhitelists", "useCapabilities", "ClientCapabilities", "SchemaWhiteList", "staticSchema", "flat", "find", "Type", "getTypename", "selectedSchema", "db", "schemaRegistry", "query", "runSync", "singleSelectColumns", "useMemo", "properties", "toJsonSchema", "jsonSchema", "columns", "Object", "entries", "reduce", "acc", "key", "value", "format", "push", "SelectInput", "options", "map", "column"]
|
|
7
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
CreateKanbanSchema,
|
|
4
|
-
KanbanAction,
|
|
5
|
-
PivotColumnAnnotationId
|
|
6
|
-
} from "../chunk-5B3LKGA7.mjs";
|
|
7
|
-
export {
|
|
8
|
-
CreateKanbanSchema,
|
|
9
|
-
KanbanAction,
|
|
10
|
-
PivotColumnAnnotationId
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { Capabilities, type PluginContext } from '@dxos/app-framework';
|
|
2
|
-
declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.IntentResolver>>;
|
|
3
|
-
export default _default;
|
|
4
|
-
//# sourceMappingURL=intent-resolver.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAA+B,MAAM,qBAAqB,CAAC;yBAUpF,SAAS,aAAa;AAAtC,wBAwDK"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAUzE,OAAO,EAAE,KAAK,QAAQ,EAAsC,MAAM,cAAc,CAAC;AAIjF,eAAO,MAAM,eAAe,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBA4E9E,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import '@dxos-theme';
|
|
2
|
-
import { type StoryObj } from '@storybook/react-vite';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Kanban } from '@dxos/react-ui-kanban/types';
|
|
5
|
-
declare const meta: {
|
|
6
|
-
title: string;
|
|
7
|
-
component: () => React.JSX.Element | null;
|
|
8
|
-
render: () => React.JSX.Element;
|
|
9
|
-
parameters: {
|
|
10
|
-
translations: [{
|
|
11
|
-
readonly 'en-US': {
|
|
12
|
-
readonly [Kanban.Kanban.typename]: {
|
|
13
|
-
readonly 'typename label': "Kanban";
|
|
14
|
-
readonly 'typename label_zero': "Kanbans";
|
|
15
|
-
readonly 'typename label_one': "Kanban";
|
|
16
|
-
readonly 'typename label_other': "Kanbans";
|
|
17
|
-
readonly 'object name placeholder': "New kanban";
|
|
18
|
-
};
|
|
19
|
-
readonly [meta.id]: {
|
|
20
|
-
readonly 'plugin name': "Kanban";
|
|
21
|
-
readonly 'kanban title label': "Title";
|
|
22
|
-
readonly 'column title label': "Column title";
|
|
23
|
-
readonly 'column title placeholder': "New column";
|
|
24
|
-
readonly 'item title label': "Item title";
|
|
25
|
-
readonly 'item title placeholder': "New item";
|
|
26
|
-
readonly 'add column label': "Add column";
|
|
27
|
-
readonly 'add item label': "Add card";
|
|
28
|
-
readonly 'delete column label': "Delete column";
|
|
29
|
-
readonly 'delete item label': "Delete card";
|
|
30
|
-
readonly 'card field deleted label': "Card field deleted";
|
|
31
|
-
readonly 'card deleted label': "Card deleted";
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
}];
|
|
35
|
-
};
|
|
36
|
-
decorators: import("@storybook/react").Decorator[];
|
|
37
|
-
};
|
|
38
|
-
export default meta;
|
|
39
|
-
type Story = StoryObj<typeof meta>;
|
|
40
|
-
export declare const Default: Story;
|
|
41
|
-
//# sourceMappingURL=KanbanContainer.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA2C,MAAM,OAAO,CAAC;AAiBhE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAyHrD,QAAA,MAAM,IAAI;;;;;;;yBAxIkB,CAAQ,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;;;;;;;yBAKvD,CAAQ,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;CAyKoB,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type DataType } from '@dxos/schema';
|
|
3
|
-
type KanbanViewEditorProps = {
|
|
4
|
-
view: DataType.View;
|
|
5
|
-
};
|
|
6
|
-
export declare const KanbanViewEditor: ({ view }: KanbanViewEditorProps) => React.JSX.Element;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=KanbanViewEditor.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanViewEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanViewEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,OAAO,EAAE,KAAK,QAAQ,EAAsC,MAAM,cAAc,CAAC;AAEjF,KAAK,qBAAqB,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAA;CAAE,CAAC;AAErD,eAAO,MAAM,gBAAgB,GAAI,UAAU,qBAAqB,sBA6C/D,CAAC"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import { Capabilities, type PluginContext, contributes, createResolver } from '@dxos/app-framework';
|
|
6
|
-
import { invariant } from '@dxos/invariant';
|
|
7
|
-
import { ClientCapabilities } from '@dxos/plugin-client';
|
|
8
|
-
import { getSpace } from '@dxos/react-client/echo';
|
|
9
|
-
import { Kanban } from '@dxos/react-ui-kanban/types';
|
|
10
|
-
import { ProjectionModel, typenameFromQuery } from '@dxos/schema';
|
|
11
|
-
|
|
12
|
-
import { KANBAN_PLUGIN } from '../meta';
|
|
13
|
-
import { KanbanAction } from '../types';
|
|
14
|
-
|
|
15
|
-
export default (context: PluginContext) =>
|
|
16
|
-
contributes(Capabilities.IntentResolver, [
|
|
17
|
-
createResolver({
|
|
18
|
-
intent: KanbanAction.Create,
|
|
19
|
-
resolve: async ({ space, name, typename, initialPivotColumn }) => {
|
|
20
|
-
const client = context.getCapability(ClientCapabilities.Client);
|
|
21
|
-
const { view } = await Kanban.makeView({
|
|
22
|
-
client,
|
|
23
|
-
space,
|
|
24
|
-
name,
|
|
25
|
-
typename,
|
|
26
|
-
pivotFieldName: initialPivotColumn,
|
|
27
|
-
});
|
|
28
|
-
return { data: { object: view } };
|
|
29
|
-
},
|
|
30
|
-
}),
|
|
31
|
-
createResolver({
|
|
32
|
-
intent: KanbanAction.DeleteCardField,
|
|
33
|
-
resolve: async ({ view, fieldId, deletionData }, undo) => {
|
|
34
|
-
const schema = getSpace(view)?.db.schemaRegistry.getSchema(typenameFromQuery(view.query)!);
|
|
35
|
-
invariant(schema);
|
|
36
|
-
const projection = new ProjectionModel(schema.jsonSchema, view.projection);
|
|
37
|
-
|
|
38
|
-
if (!undo) {
|
|
39
|
-
const { deleted, index } = projection.deleteFieldProjection(fieldId);
|
|
40
|
-
return {
|
|
41
|
-
undoable: {
|
|
42
|
-
message: ['card field deleted label', { ns: KANBAN_PLUGIN }],
|
|
43
|
-
data: { deletionData: { ...deleted, index } },
|
|
44
|
-
},
|
|
45
|
-
};
|
|
46
|
-
} else if (undo && deletionData) {
|
|
47
|
-
const { field, props, index } = deletionData;
|
|
48
|
-
projection.setFieldProjection({ field, props }, index);
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
}),
|
|
52
|
-
createResolver({
|
|
53
|
-
intent: KanbanAction.DeleteCard,
|
|
54
|
-
resolve: ({ card }, undo) => {
|
|
55
|
-
const space = getSpace(card);
|
|
56
|
-
invariant(space);
|
|
57
|
-
|
|
58
|
-
if (!undo) {
|
|
59
|
-
space.db.remove(card);
|
|
60
|
-
return {
|
|
61
|
-
undoable: {
|
|
62
|
-
message: ['card deleted label', { ns: KANBAN_PLUGIN }],
|
|
63
|
-
data: { card },
|
|
64
|
-
},
|
|
65
|
-
};
|
|
66
|
-
} else {
|
|
67
|
-
space.db.add(card);
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
}),
|
|
71
|
-
]);
|
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2024 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import '@dxos-theme';
|
|
6
|
-
|
|
7
|
-
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
8
|
-
import React, { useCallback, useEffect, useState } from 'react';
|
|
9
|
-
|
|
10
|
-
import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
|
|
11
|
-
import { withPluginManager } from '@dxos/app-framework/testing';
|
|
12
|
-
import { Obj, Query, Type } from '@dxos/echo';
|
|
13
|
-
import { invariant } from '@dxos/invariant';
|
|
14
|
-
import { ClientPlugin } from '@dxos/plugin-client';
|
|
15
|
-
import { PreviewPlugin } from '@dxos/plugin-preview';
|
|
16
|
-
import { useGlobalFilteredObjects } from '@dxos/plugin-search';
|
|
17
|
-
import { SpacePlugin } from '@dxos/plugin-space';
|
|
18
|
-
import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
|
|
19
|
-
import { ThemePlugin } from '@dxos/plugin-theme';
|
|
20
|
-
import { faker } from '@dxos/random';
|
|
21
|
-
import { useClient } from '@dxos/react-client';
|
|
22
|
-
import { Filter, useQuery, useSchema, useSpaces } from '@dxos/react-client/echo';
|
|
23
|
-
import { ViewEditor } from '@dxos/react-ui-form';
|
|
24
|
-
import { Kanban as KanbanComponent, useKanbanModel } from '@dxos/react-ui-kanban';
|
|
25
|
-
import { Kanban } from '@dxos/react-ui-kanban/types';
|
|
26
|
-
import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
|
|
27
|
-
import { defaultTx } from '@dxos/react-ui-theme';
|
|
28
|
-
import { DataType, ProjectionModel, typenameFromQuery } from '@dxos/schema';
|
|
29
|
-
import { withLayout } from '@dxos/storybook-utils';
|
|
30
|
-
|
|
31
|
-
import { translations } from '../translations';
|
|
32
|
-
|
|
33
|
-
faker.seed(0);
|
|
34
|
-
|
|
35
|
-
//
|
|
36
|
-
// Story components.
|
|
37
|
-
//
|
|
38
|
-
|
|
39
|
-
const rollOrg = () => ({
|
|
40
|
-
name: faker.commerce.productName(),
|
|
41
|
-
description: faker.lorem.paragraph(),
|
|
42
|
-
image: faker.image.url(),
|
|
43
|
-
website: faker.internet.url(),
|
|
44
|
-
status: faker.helpers.arrayElement(DataType.OrganizationStatusOptions).id as DataType.Organization['status'],
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
const StorybookKanban = () => {
|
|
48
|
-
const client = useClient();
|
|
49
|
-
const spaces = useSpaces();
|
|
50
|
-
const space = spaces[spaces.length - 1];
|
|
51
|
-
const views = useQuery(space, Filter.type(DataType.View));
|
|
52
|
-
const [view, setView] = useState<DataType.View>();
|
|
53
|
-
const [projection, setProjection] = useState<ProjectionModel>();
|
|
54
|
-
const typename = view?.query ? typenameFromQuery(view.query) : undefined;
|
|
55
|
-
const schema = useSchema(client, space, typename);
|
|
56
|
-
|
|
57
|
-
useEffect(() => {
|
|
58
|
-
if (views.length && !view) {
|
|
59
|
-
const view = views[0];
|
|
60
|
-
setView(view);
|
|
61
|
-
}
|
|
62
|
-
}, [views]);
|
|
63
|
-
|
|
64
|
-
useEffect(() => {
|
|
65
|
-
if (view?.projection && schema) {
|
|
66
|
-
const jsonSchema = Type.toJsonSchema(schema);
|
|
67
|
-
setProjection(new ProjectionModel(jsonSchema, view.projection));
|
|
68
|
-
}
|
|
69
|
-
// TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?
|
|
70
|
-
// @dmaretskyi? Once resolved, update in multiple places (e.g., storybooks).
|
|
71
|
-
}, [view?.projection, schema, JSON.stringify(schema ? Type.toJsonSchema(schema) : {})]);
|
|
72
|
-
|
|
73
|
-
const objects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());
|
|
74
|
-
const filteredObjects = useGlobalFilteredObjects(objects);
|
|
75
|
-
|
|
76
|
-
const model = useKanbanModel({
|
|
77
|
-
view,
|
|
78
|
-
schema,
|
|
79
|
-
projection,
|
|
80
|
-
items: filteredObjects,
|
|
81
|
-
});
|
|
82
|
-
|
|
83
|
-
const handleAddCard = useCallback(
|
|
84
|
-
(columnValue: string | undefined) => {
|
|
85
|
-
const path = model?.columnFieldPath;
|
|
86
|
-
if (space && schema && path) {
|
|
87
|
-
const card = Obj.make(schema, {
|
|
88
|
-
...rollOrg(),
|
|
89
|
-
[path]: columnValue,
|
|
90
|
-
});
|
|
91
|
-
|
|
92
|
-
space.db.add(card);
|
|
93
|
-
return card.id;
|
|
94
|
-
}
|
|
95
|
-
},
|
|
96
|
-
[space, schema, model],
|
|
97
|
-
);
|
|
98
|
-
|
|
99
|
-
const handleRemoveCard = useCallback((card: { id: string }) => space.db.remove(card), [space]);
|
|
100
|
-
|
|
101
|
-
const handleUpdateQuery = useCallback(
|
|
102
|
-
(typename: string) => {
|
|
103
|
-
invariant(schema);
|
|
104
|
-
invariant(Type.isMutable(schema));
|
|
105
|
-
invariant(view);
|
|
106
|
-
|
|
107
|
-
schema.updateTypename(typename);
|
|
108
|
-
view.query = Query.select(Filter.typename(typename)).ast;
|
|
109
|
-
},
|
|
110
|
-
[view, schema],
|
|
111
|
-
);
|
|
112
|
-
|
|
113
|
-
if (!schema || !view) {
|
|
114
|
-
return null;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
return (
|
|
118
|
-
<div className='grow grid grid-cols-[1fr_350px]'>
|
|
119
|
-
{model ? <KanbanComponent model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} /> : <div />}
|
|
120
|
-
<div className='flex flex-col bs-full border-is border-separator overflow-y-auto'>
|
|
121
|
-
<ViewEditor
|
|
122
|
-
registry={space?.db.schemaRegistry}
|
|
123
|
-
schema={schema}
|
|
124
|
-
view={view}
|
|
125
|
-
onQueryChanged={handleUpdateQuery}
|
|
126
|
-
onDelete={(fieldId: string) => {
|
|
127
|
-
console.log('[ViewEditor]', 'onDelete', fieldId);
|
|
128
|
-
}}
|
|
129
|
-
/>
|
|
130
|
-
<SyntaxHighlighter language='json' className='text-xs'>
|
|
131
|
-
{JSON.stringify({ view, schema }, null, 2)}
|
|
132
|
-
</SyntaxHighlighter>
|
|
133
|
-
</div>
|
|
134
|
-
</div>
|
|
135
|
-
);
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
type StoryProps = {
|
|
139
|
-
rows?: number;
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
//
|
|
143
|
-
// Story definitions.
|
|
144
|
-
//
|
|
145
|
-
|
|
146
|
-
const meta = {
|
|
147
|
-
title: 'plugins/plugin-kanban/Kanban',
|
|
148
|
-
component: StorybookKanban,
|
|
149
|
-
render: () => <StorybookKanban />,
|
|
150
|
-
parameters: { translations },
|
|
151
|
-
decorators: [
|
|
152
|
-
withLayout({ fullscreen: true }),
|
|
153
|
-
withPluginManager({
|
|
154
|
-
plugins: [
|
|
155
|
-
ThemePlugin({ tx: defaultTx }),
|
|
156
|
-
ClientPlugin({
|
|
157
|
-
types: [DataType.Organization, DataType.Person, DataType.View, Kanban.Kanban],
|
|
158
|
-
onClientInitialized: async ({ client }) => {
|
|
159
|
-
await client.halo.createIdentity();
|
|
160
|
-
const space = await client.spaces.create();
|
|
161
|
-
await space.waitUntilReady();
|
|
162
|
-
const { view } = await Kanban.makeView({
|
|
163
|
-
client,
|
|
164
|
-
space,
|
|
165
|
-
typename: DataType.Organization.typename,
|
|
166
|
-
pivotFieldName: 'status',
|
|
167
|
-
});
|
|
168
|
-
space.db.add(view);
|
|
169
|
-
|
|
170
|
-
// TODO(burdon): Replace with sdk/schema/testing.
|
|
171
|
-
Array.from({ length: 80 }).map(() => {
|
|
172
|
-
return space.db.add(Obj.make(DataType.Organization, rollOrg()));
|
|
173
|
-
});
|
|
174
|
-
},
|
|
175
|
-
}),
|
|
176
|
-
StorybookLayoutPlugin(),
|
|
177
|
-
PreviewPlugin(),
|
|
178
|
-
SpacePlugin(),
|
|
179
|
-
IntentPlugin(),
|
|
180
|
-
SettingsPlugin(),
|
|
181
|
-
],
|
|
182
|
-
}),
|
|
183
|
-
],
|
|
184
|
-
} satisfies Meta<typeof StorybookKanban>;
|
|
185
|
-
|
|
186
|
-
export default meta;
|
|
187
|
-
|
|
188
|
-
type Story = StoryObj<typeof meta>;
|
|
189
|
-
|
|
190
|
-
export const Default: Story = {};
|