@dxos/plugin-kanban 0.8.4-main.72ec0f3 → 0.8.4-main.74a063c4e0

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