@dxos/plugin-kanban 0.8.1-staging.9eaf14f → 0.8.2-main.10c050d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/dist/lib/browser/{artifact-definition-DLXEDS4G.mjs → artifact-definition-7AVKC5KJ.mjs} +24 -23
  2. package/dist/lib/browser/artifact-definition-7AVKC5KJ.mjs.map +7 -0
  3. package/dist/lib/browser/{chunk-XQVAWEDA.mjs → chunk-NJ6WHYLY.mjs} +25 -35
  4. package/dist/lib/browser/chunk-NJ6WHYLY.mjs.map +7 -0
  5. package/dist/lib/browser/index.mjs +4 -4
  6. package/dist/lib/browser/intent-resolver-2R6I36UA.mjs +297 -0
  7. package/dist/lib/browser/intent-resolver-2R6I36UA.mjs.map +7 -0
  8. package/dist/lib/browser/meta.json +1 -1
  9. package/dist/lib/browser/react-surface-W43CBHJ2.mjs +328 -0
  10. package/dist/lib/browser/react-surface-W43CBHJ2.mjs.map +7 -0
  11. package/dist/lib/browser/types.mjs +1 -3
  12. package/dist/lib/node/{artifact-definition-M3X7QZ27.cjs → artifact-definition-GAKXWPS3.cjs} +32 -31
  13. package/dist/lib/node/artifact-definition-GAKXWPS3.cjs.map +7 -0
  14. package/dist/lib/node/{chunk-3YWKA5MU.cjs → chunk-3BKBOGOH.cjs} +27 -38
  15. package/dist/lib/node/chunk-3BKBOGOH.cjs.map +7 -0
  16. package/dist/lib/node/index.cjs +16 -16
  17. package/dist/lib/node/intent-resolver-3WEAK7UE.cjs +308 -0
  18. package/dist/lib/node/intent-resolver-3WEAK7UE.cjs.map +7 -0
  19. package/dist/lib/node/meta.json +1 -1
  20. package/dist/lib/node/react-surface-YEBNJKHD.cjs +344 -0
  21. package/dist/lib/node/react-surface-YEBNJKHD.cjs.map +7 -0
  22. package/dist/lib/node/types.cjs +6 -8
  23. package/dist/lib/node/types.cjs.map +2 -2
  24. package/dist/lib/node-esm/{artifact-definition-XZQEELKV.mjs → artifact-definition-RH5KY7FP.mjs} +24 -23
  25. package/dist/lib/node-esm/artifact-definition-RH5KY7FP.mjs.map +7 -0
  26. package/dist/lib/node-esm/{chunk-QOA67JTI.mjs → chunk-4J76H6FE.mjs} +25 -35
  27. package/dist/lib/node-esm/chunk-4J76H6FE.mjs.map +7 -0
  28. package/dist/lib/node-esm/index.mjs +4 -4
  29. package/dist/lib/node-esm/intent-resolver-XHHFK6V7.mjs +298 -0
  30. package/dist/lib/node-esm/intent-resolver-XHHFK6V7.mjs.map +7 -0
  31. package/dist/lib/node-esm/meta.json +1 -1
  32. package/dist/lib/node-esm/react-surface-Q73OORPI.mjs +329 -0
  33. package/dist/lib/node-esm/react-surface-Q73OORPI.mjs.map +7 -0
  34. package/dist/lib/node-esm/types.mjs +1 -3
  35. package/dist/types/src/capabilities/artifact-definition.d.ts.map +1 -1
  36. package/dist/types/src/capabilities/index.d.ts +1 -1
  37. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  38. package/dist/types/src/capabilities/intent-resolver.d.ts +2 -2
  39. package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
  40. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  41. package/dist/types/src/components/KanbanContainer.d.ts.map +1 -1
  42. package/dist/types/src/components/KanbanContainer.stories.d.ts +10 -0
  43. package/dist/types/src/components/KanbanContainer.stories.d.ts.map +1 -0
  44. package/dist/types/src/components/KanbanViewEditor.d.ts.map +1 -1
  45. package/dist/types/src/meta.d.ts.map +1 -1
  46. package/dist/types/src/testing/index.d.ts +3 -0
  47. package/dist/types/src/testing/index.d.ts.map +1 -0
  48. package/dist/types/src/testing/initialize-kanban.d.ts +17 -0
  49. package/dist/types/src/testing/initialize-kanban.d.ts.map +1 -0
  50. package/dist/types/src/testing/kanban-manager.d.ts +7 -0
  51. package/dist/types/src/testing/kanban-manager.d.ts.map +1 -0
  52. package/dist/types/src/testing/playwright/smoke.spec.d.ts +2 -0
  53. package/dist/types/src/testing/playwright/smoke.spec.d.ts.map +1 -0
  54. package/dist/types/src/translations.d.ts +2 -28
  55. package/dist/types/src/translations.d.ts.map +1 -1
  56. package/dist/types/src/types.d.ts +34 -49
  57. package/dist/types/src/types.d.ts.map +1 -1
  58. package/dist/types/tsconfig.tsbuildinfo +1 -1
  59. package/package.json +33 -26
  60. package/src/capabilities/artifact-definition.ts +15 -14
  61. package/src/capabilities/intent-resolver.ts +10 -6
  62. package/src/capabilities/react-surface.tsx +49 -15
  63. package/src/components/KanbanContainer.stories.tsx +191 -0
  64. package/src/components/KanbanContainer.tsx +24 -11
  65. package/src/components/KanbanViewEditor.tsx +12 -8
  66. package/src/meta.ts +1 -2
  67. package/src/testing/index.ts +6 -0
  68. package/src/testing/initialize-kanban.ts +139 -0
  69. package/src/testing/kanban-manager.ts +13 -0
  70. package/src/testing/playwright/playwright.config.cts +18 -0
  71. package/src/testing/playwright/smoke.spec.ts +7 -0
  72. package/src/types.ts +26 -33
  73. package/dist/lib/browser/artifact-definition-DLXEDS4G.mjs.map +0 -7
  74. package/dist/lib/browser/chunk-XQVAWEDA.mjs.map +0 -7
  75. package/dist/lib/browser/intent-resolver-HKX4VILJ.mjs +0 -131
  76. package/dist/lib/browser/intent-resolver-HKX4VILJ.mjs.map +0 -7
  77. package/dist/lib/browser/react-surface-WTSTMODZ.mjs +0 -281
  78. package/dist/lib/browser/react-surface-WTSTMODZ.mjs.map +0 -7
  79. package/dist/lib/node/artifact-definition-M3X7QZ27.cjs.map +0 -7
  80. package/dist/lib/node/chunk-3YWKA5MU.cjs.map +0 -7
  81. package/dist/lib/node/intent-resolver-BJNGMCYY.cjs +0 -145
  82. package/dist/lib/node/intent-resolver-BJNGMCYY.cjs.map +0 -7
  83. package/dist/lib/node/react-surface-WHK6V7KB.cjs +0 -297
  84. package/dist/lib/node/react-surface-WHK6V7KB.cjs.map +0 -7
  85. package/dist/lib/node-esm/artifact-definition-XZQEELKV.mjs.map +0 -7
  86. package/dist/lib/node-esm/chunk-QOA67JTI.mjs.map +0 -7
  87. package/dist/lib/node-esm/intent-resolver-HEMJNUEA.mjs +0 -132
  88. package/dist/lib/node-esm/intent-resolver-HEMJNUEA.mjs.map +0 -7
  89. package/dist/lib/node-esm/react-surface-VHBTBAA7.mjs +0 -282
  90. package/dist/lib/node-esm/react-surface-VHBTBAA7.mjs.map +0 -7
@@ -1,282 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- KANBAN_PLUGIN,
4
- KanbanAction,
5
- PivotColumnAnnotationId,
6
- TypenameAnnotationId,
7
- isKanban
8
- } from "./chunk-QOA67JTI.mjs";
9
-
10
- // packages/plugins/plugin-kanban/src/capabilities/react-surface.tsx
11
- import React3, { useMemo as useMemo2 } from "react";
12
- import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
13
- import { findAnnotation } from "@dxos/effect";
14
- import { getSpace as getSpace3, isSpace } from "@dxos/react-client/echo";
15
- import { SelectInput as SelectInput2, useFormValues } from "@dxos/react-ui-form";
16
-
17
- // packages/plugins/plugin-kanban/src/components/KanbanContainer.tsx
18
- import React, { useCallback, useEffect, useState } from "react";
19
- import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
20
- import { useGlobalFilteredObjects } from "@dxos/plugin-search";
21
- import { Filter, useQuery, getSpace, create } from "@dxos/react-client/echo";
22
- import { useKanbanModel, Kanban } from "@dxos/react-ui-kanban";
23
- import { StackItem } from "@dxos/react-ui-stack";
24
- import { ViewProjection } from "@dxos/schema";
25
- var KanbanContainer = ({ kanban }) => {
26
- const [cardSchema, setCardSchema] = useState();
27
- const [projection, setProjection] = useState();
28
- const space = getSpace(kanban);
29
- const { dispatchPromise: dispatch } = useIntentDispatcher();
30
- useEffect(() => {
31
- if (kanban.cardView?.target?.query?.typename && space) {
32
- const query = space.db.schemaRegistry.query({
33
- typename: kanban.cardView.target.query.typename
34
- });
35
- const unsubscribe = query.subscribe(() => {
36
- const [schema] = query.results;
37
- if (schema) {
38
- setCardSchema(schema);
39
- }
40
- }, {
41
- fire: true
42
- });
43
- return unsubscribe;
44
- }
45
- }, [
46
- kanban.cardView?.target?.query,
47
- space
48
- ]);
49
- useEffect(() => {
50
- if (kanban.cardView?.target && cardSchema) {
51
- setProjection(new ViewProjection(cardSchema.jsonSchema, kanban.cardView.target));
52
- }
53
- }, [
54
- kanban.cardView?.target,
55
- cardSchema,
56
- JSON.stringify(cardSchema?.jsonSchema)
57
- ]);
58
- const objects = useQuery(space, cardSchema ? Filter.schema(cardSchema) : Filter.nothing());
59
- const filteredObjects = useGlobalFilteredObjects(objects);
60
- const model = useKanbanModel({
61
- kanban,
62
- schema: cardSchema,
63
- projection,
64
- items: filteredObjects
65
- });
66
- const handleAddCard = useCallback((columnValue) => {
67
- const path = model?.columnFieldPath;
68
- if (space && cardSchema && path) {
69
- const card = create(cardSchema, {
70
- [path]: columnValue
71
- });
72
- space.db.add(card);
73
- return card.id;
74
- }
75
- }, [
76
- space,
77
- cardSchema,
78
- model
79
- ]);
80
- const handleRemoveCard = useCallback((card) => {
81
- void dispatch(createIntent(KanbanAction.DeleteCard, {
82
- card
83
- }));
84
- }, [
85
- dispatch
86
- ]);
87
- return /* @__PURE__ */ React.createElement(StackItem.Content, null, model && /* @__PURE__ */ React.createElement(Kanban, {
88
- model,
89
- onAddCard: handleAddCard,
90
- onRemoveCard: handleRemoveCard
91
- }));
92
- };
93
-
94
- // packages/plugins/plugin-kanban/src/components/KanbanViewEditor.tsx
95
- import React2, { useCallback as useCallback2, useMemo } from "react";
96
- import { createIntent as createIntent2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
97
- import { FormatEnum } from "@dxos/echo-schema";
98
- import { invariant } from "@dxos/invariant";
99
- import { useClient } from "@dxos/react-client";
100
- import { Filter as Filter2, getSpace as getSpace2, useQuery as useQuery2, useSchema } 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_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-kanban/src/components/KanbanViewEditor.tsx";
105
- var KanbanViewEditor = ({ kanban }) => {
106
- const { dispatchPromise: dispatch } = useIntentDispatcher2();
107
- const client = useClient();
108
- const space = getSpace2(kanban);
109
- const currentTypename = useMemo(() => kanban?.cardView?.target?.query?.typename, [
110
- kanban?.cardView?.target?.query?.typename
111
- ]);
112
- const schema = useSchema(client, space, currentTypename);
113
- const views = useQuery2(space, Filter2.schema(ViewType));
114
- const handleUpdateTypename = useCallback2((newTypename) => {
115
- invariant(schema, void 0, {
116
- F: __dxlog_file,
117
- L: 33,
118
- S: void 0,
119
- A: [
120
- "schema",
121
- ""
122
- ]
123
- });
124
- const matchingViews = views.filter((view) => view.query.typename === currentTypename);
125
- for (const view of matchingViews) {
126
- view.query.typename = newTypename;
127
- }
128
- schema.mutable.updateTypename(newTypename);
129
- }, [
130
- views,
131
- schema
132
- ]);
133
- const handleDelete = useCallback2((fieldId) => {
134
- void dispatch?.(createIntent2(KanbanAction.DeleteCardField, {
135
- kanban,
136
- fieldId
137
- }));
138
- }, [
139
- dispatch,
140
- kanban
141
- ]);
142
- const projection = useMemo(() => {
143
- if (kanban?.cardView?.target && schema) {
144
- return new ViewProjection2(schema.jsonSchema, kanban.cardView.target);
145
- }
146
- }, [
147
- kanban?.cardView?.target,
148
- schema,
149
- JSON.stringify(schema)
150
- ]);
151
- const fieldProjections = projection?.getFieldProjections() || [];
152
- const selectFields = fieldProjections.filter((field) => field.props.format === FormatEnum.SingleSelect).map(({ field }) => ({
153
- value: field.id,
154
- label: field.path
155
- }));
156
- const onSave = useCallback2((values) => {
157
- kanban.columnFieldId = values.columnFieldId;
158
- }, [
159
- kanban
160
- ]);
161
- const initialValues = useMemo(() => ({
162
- columnFieldId: kanban.columnFieldId
163
- }), [
164
- kanban.columnFieldId
165
- ]);
166
- const custom = useMemo(() => ({
167
- columnFieldId: (props) => /* @__PURE__ */ React2.createElement(SelectInput, {
168
- ...props,
169
- options: selectFields
170
- })
171
- }), [
172
- selectFields
173
- ]);
174
- if (!space || !schema || !kanban.cardView?.target) {
175
- return null;
176
- }
177
- return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Form, {
178
- schema: KanbanSettingsSchema,
179
- values: initialValues,
180
- onSave,
181
- autoSave: true,
182
- Custom: custom
183
- }), /* @__PURE__ */ React2.createElement(ViewEditor, {
184
- registry: space.db.schemaRegistry,
185
- schema,
186
- view: kanban.cardView.target,
187
- onTypenameChanged: schema.readonly ? void 0 : handleUpdateTypename,
188
- onDelete: schema.readonly ? void 0 : handleDelete
189
- }));
190
- };
191
-
192
- // packages/plugins/plugin-kanban/src/capabilities/react-surface.tsx
193
- var react_surface_default = () => contributes(Capabilities.ReactSurface, [
194
- createSurface({
195
- id: `${KANBAN_PLUGIN}/kanban`,
196
- role: [
197
- "article",
198
- "section"
199
- ],
200
- filter: (data) => isKanban(data.subject),
201
- component: ({ data, role }) => /* @__PURE__ */ React3.createElement(KanbanContainer, {
202
- kanban: data.subject,
203
- role
204
- })
205
- }),
206
- createSurface({
207
- id: `${KANBAN_PLUGIN}/object-settings`,
208
- role: "object-settings",
209
- filter: (data) => isKanban(data.subject),
210
- component: ({ data }) => /* @__PURE__ */ React3.createElement(KanbanViewEditor, {
211
- kanban: data.subject
212
- })
213
- }),
214
- createSurface({
215
- id: `${KANBAN_PLUGIN}/create-initial-schema-form-[schema]`,
216
- role: "form-input",
217
- filter: (data) => {
218
- const annotation = findAnnotation(data.schema.ast, TypenameAnnotationId);
219
- return !!annotation;
220
- },
221
- component: ({ data: { target }, ...inputProps }) => {
222
- const props = inputProps;
223
- const space = isSpace(target) ? target : getSpace3(target);
224
- if (!space) {
225
- return null;
226
- }
227
- const schemata = space?.db.schemaRegistry.query().runSync();
228
- return /* @__PURE__ */ React3.createElement(SelectInput2, {
229
- ...props,
230
- options: schemata.map((schema) => ({
231
- value: schema.typename
232
- }))
233
- });
234
- }
235
- }),
236
- createSurface({
237
- id: `${KANBAN_PLUGIN}/create-initial-schema-form-[pivot-column]`,
238
- role: "form-input",
239
- filter: (data) => {
240
- const annotation = findAnnotation(data.schema.ast, PivotColumnAnnotationId);
241
- return !!annotation;
242
- },
243
- component: ({ data: { target }, ...inputProps }) => {
244
- const props = inputProps;
245
- const space = isSpace(target) ? target : getSpace3(target);
246
- if (!space) {
247
- return null;
248
- }
249
- const { initialSchema } = useFormValues();
250
- const [selectedSchema] = space?.db.schemaRegistry.query({
251
- typename: initialSchema
252
- }).runSync();
253
- const singleSelectColumns = useMemo2(() => {
254
- if (!selectedSchema?.jsonSchema?.properties) {
255
- return [];
256
- }
257
- const columns = Object.entries(selectedSchema.jsonSchema.properties).reduce((acc, [key, value]) => {
258
- if (typeof value === "object" && value?.format === "single-select") {
259
- acc.push(key);
260
- }
261
- return acc;
262
- }, []);
263
- return columns;
264
- }, [
265
- selectedSchema?.jsonSchema
266
- ]);
267
- if (!initialSchema) {
268
- return null;
269
- }
270
- return /* @__PURE__ */ React3.createElement(SelectInput2, {
271
- ...props,
272
- options: singleSelectColumns.map((column) => ({
273
- value: column
274
- }))
275
- });
276
- }
277
- })
278
- ]);
279
- export {
280
- react_surface_default as default
281
- };
282
- //# sourceMappingURL=react-surface-VHBTBAA7.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 React, { useMemo } from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { type S } from '@dxos/echo-schema';\nimport { findAnnotation } from '@dxos/effect';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { getSpace, isSpace, type Space } from '@dxos/react-client/echo';\nimport { type InputProps, SelectInput, useFormValues } from '@dxos/react-ui-form';\nimport { type KanbanType } from '@dxos/react-ui-kanban';\n\nimport { KanbanContainer, KanbanViewEditor } from '../components';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { isKanban, TypenameAnnotationId, PivotColumnAnnotationId } 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}/object-settings`,\n role: 'object-settings',\n filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n component: ({ data }) => <KanbanViewEditor kanban={data.subject} />,\n }),\n createSurface({\n id: `${KANBAN_PLUGIN}/create-initial-schema-form-[schema]`,\n role: 'form-input',\n filter: (data): data is { prop: string; schema: S.Schema<any>; target: Space | CollectionType | undefined } => {\n const annotation = findAnnotation<boolean>((data.schema as S.Schema.All).ast, TypenameAnnotationId);\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\n const schemata = space?.db.schemaRegistry.query().runSync();\n return <SelectInput {...props} options={schemata.map((schema) => ({ value: schema.typename }))} />;\n },\n }),\n createSurface({\n id: `${KANBAN_PLUGIN}/create-initial-schema-form-[pivot-column]`,\n role: 'form-input',\n filter: (data): data is { prop: string; schema: S.Schema<any>; target: Space | CollectionType | undefined } => {\n const annotation = findAnnotation<boolean>((data.schema as S.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 { initialSchema } = useFormValues();\n const [selectedSchema] = space?.db.schemaRegistry.query({ typename: initialSchema }).runSync();\n\n const singleSelectColumns = useMemo(() => {\n if (!selectedSchema?.jsonSchema?.properties) {\n return [];\n }\n\n const columns = Object.entries(selectedSchema.jsonSchema.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]);\n\n if (!initialSchema) {\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, useState } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { type EchoSchema } from '@dxos/echo-schema';\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\nimport { KanbanAction } from '../types';\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 const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n useEffect(() => {\n if (kanban.cardView?.target?.query?.typename && space) {\n const query = space.db.schemaRegistry.query({ typename: kanban.cardView.target.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 }, [kanban.cardView?.target?.query, space]);\n\n useEffect(() => {\n if (kanban.cardView?.target && cardSchema) {\n setProjection(new ViewProjection(cardSchema.jsonSchema, 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 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 = create(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 { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { FormatEnum } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getSpace, useQuery, useSchema } 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 client = useClient();\n const space = getSpace(kanban);\n const currentTypename = useMemo(\n () => kanban?.cardView?.target?.query?.typename,\n [kanban?.cardView?.target?.query?.typename],\n );\n const schema = useSchema(client, space, currentTypename);\n const views = useQuery(space, Filter.schema(ViewType));\n\n const handleUpdateTypename = useCallback(\n (newTypename: string) => {\n invariant(schema);\n const matchingViews = views.filter((view) => view.query.typename === currentTypename);\n for (const view of matchingViews) {\n view.query.typename = newTypename;\n }\n\n schema.mutable.updateTypename(newTypename);\n },\n [views, schema],\n );\n\n const handleDelete = useCallback(\n (fieldId: string) => {\n void dispatch?.(createIntent(KanbanAction.DeleteCardField, { kanban, fieldId }));\n },\n [dispatch, kanban],\n );\n\n const projection = useMemo(() => {\n if (kanban?.cardView?.target && schema) {\n return new ViewProjection(schema.jsonSchema, kanban.cardView.target);\n }\n }, [kanban?.cardView?.target, schema, 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 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.columnFieldId]);\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={schema.readonly ? undefined : handleUpdateTypename}\n onDelete={schema.readonly ? undefined : handleDelete}\n />\n </>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "useMemo", "Capabilities", "contributes", "createSurface", "findAnnotation", "getSpace", "isSpace", "SelectInput", "useFormValues", "React", "useCallback", "useEffect", "useState", "createIntent", "useIntentDispatcher", "useGlobalFilteredObjects", "Filter", "useQuery", "getSpace", "create", "useKanbanModel", "Kanban", "StackItem", "ViewProjection", "KanbanContainer", "kanban", "cardSchema", "setCardSchema", "useState", "projection", "setProjection", "space", "getSpace", "dispatchPromise", "dispatch", "useIntentDispatcher", "useEffect", "cardView", "target", "query", "typename", "db", "schemaRegistry", "unsubscribe", "subscribe", "schema", "results", "fire", "ViewProjection", "jsonSchema", "JSON", "stringify", "objects", "useQuery", "Filter", "nothing", "filteredObjects", "useGlobalFilteredObjects", "model", "useKanbanModel", "items", "handleAddCard", "useCallback", "columnValue", "path", "columnFieldPath", "card", "create", "add", "id", "handleRemoveCard", "createIntent", "KanbanAction", "DeleteCard", "StackItem", "Content", "Kanban", "onAddCard", "onRemoveCard", "React", "useCallback", "useMemo", "createIntent", "useIntentDispatcher", "FormatEnum", "invariant", "useClient", "Filter", "getSpace", "useQuery", "useSchema", "ViewEditor", "Form", "SelectInput", "KanbanSettingsSchema", "ViewType", "ViewProjection", "KanbanViewEditor", "kanban", "dispatchPromise", "dispatch", "useIntentDispatcher", "client", "useClient", "space", "getSpace", "currentTypename", "useMemo", "cardView", "target", "query", "typename", "schema", "useSchema", "views", "useQuery", "Filter", "ViewType", "handleUpdateTypename", "useCallback", "newTypename", "invariant", "matchingViews", "filter", "view", "mutable", "updateTypename", "handleDelete", "fieldId", "createIntent", "KanbanAction", "DeleteCardField", "projection", "ViewProjection", "jsonSchema", "JSON", "stringify", "fieldProjections", "getFieldProjections", "selectFields", "field", "props", "format", "FormatEnum", "SingleSelect", "map", "value", "id", "label", "path", "onSave", "values", "columnFieldId", "initialValues", "custom", "React", "SelectInput", "options", "Form", "KanbanSettingsSchema", "autoSave", "Custom", "ViewEditor", "registry", "db", "schemaRegistry", "onTypenameChanged", "readonly", "undefined", "onDelete", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "KANBAN_PLUGIN", "role", "filter", "data", "isKanban", "subject", "component", "React", "KanbanContainer", "kanban", "KanbanViewEditor", "annotation", "findAnnotation", "schema", "ast", "TypenameAnnotationId", "target", "inputProps", "props", "space", "isSpace", "getSpace", "schemata", "db", "schemaRegistry", "query", "runSync", "SelectInput", "options", "map", "value", "typename", "PivotColumnAnnotationId", "initialSchema", "useFormValues", "selectedSchema", "singleSelectColumns", "useMemo", "jsonSchema", "properties", "columns", "Object", "entries", "reduce", "acc", "key", "format", "push", "column"]
7
- }