@dxos/plugin-kanban 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/KanbanContainer-LUFCGLXA.mjs +303 -0
- package/dist/lib/browser/KanbanContainer-LUFCGLXA.mjs.map +7 -0
- package/dist/lib/browser/KanbanViewEditor-JGJXYP6E.mjs +66 -0
- package/dist/lib/browser/KanbanViewEditor-JGJXYP6E.mjs.map +7 -0
- package/dist/lib/browser/blueprint-definition-2NNRB2ZQ.mjs +17 -0
- package/dist/lib/browser/blueprint-definition-2NNRB2ZQ.mjs.map +7 -0
- package/dist/lib/browser/blueprints/index.mjs +3 -3
- package/dist/lib/browser/{chunk-L6N4ZDZ7.mjs → chunk-B6RIAQMI.mjs} +11 -17
- package/dist/lib/browser/chunk-B6RIAQMI.mjs.map +7 -0
- package/dist/lib/browser/chunk-XNHYJTI4.mjs +385 -0
- package/dist/lib/browser/chunk-XNHYJTI4.mjs.map +7 -0
- package/dist/lib/browser/chunk-YCJAZ27A.mjs +210 -0
- package/dist/lib/browser/chunk-YCJAZ27A.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +31 -27
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{operation-resolver-UEJHX42A.mjs → operation-resolver-ZWHXZBPF.mjs} +7 -7
- package/dist/lib/browser/operation-resolver-ZWHXZBPF.mjs.map +7 -0
- package/dist/lib/browser/react-surface-JSJYXYPF.mjs +99 -0
- package/dist/lib/browser/react-surface-JSJYXYPF.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +9 -3
- package/dist/lib/node-esm/KanbanContainer-LLBEBTVG.mjs +304 -0
- package/dist/lib/node-esm/KanbanContainer-LLBEBTVG.mjs.map +7 -0
- package/dist/lib/node-esm/KanbanViewEditor-Z6PM75TB.mjs +67 -0
- package/dist/lib/node-esm/KanbanViewEditor-Z6PM75TB.mjs.map +7 -0
- package/dist/lib/node-esm/{blueprint-definition-APJQFSHJ.mjs → blueprint-definition-5GWECQLZ.mjs} +6 -6
- package/dist/lib/node-esm/blueprint-definition-5GWECQLZ.mjs.map +7 -0
- package/dist/lib/node-esm/blueprints/index.mjs +3 -3
- package/dist/lib/node-esm/chunk-3APLKFTO.mjs +211 -0
- package/dist/lib/node-esm/chunk-3APLKFTO.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-MS6KRXNX.mjs +386 -0
- package/dist/lib/node-esm/chunk-MS6KRXNX.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-ZHRMUKTF.mjs → chunk-SD555I65.mjs} +11 -16
- package/dist/lib/node-esm/chunk-SD555I65.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +31 -27
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{operation-resolver-5RPWHZCF.mjs → operation-resolver-KV5GNNHN.mjs} +7 -7
- package/dist/lib/node-esm/operation-resolver-KV5GNNHN.mjs.map +7 -0
- package/dist/lib/node-esm/react-surface-PQEYNBJY.mjs +100 -0
- package/dist/lib/node-esm/react-surface-PQEYNBJY.mjs.map +7 -0
- package/dist/lib/node-esm/types/index.mjs +9 -3
- package/dist/types/src/KanbanPlugin.d.ts.map +1 -1
- package/dist/types/src/blueprints/index.d.ts +1 -1
- package/dist/types/src/blueprints/index.d.ts.map +1 -1
- package/dist/types/src/blueprints/kanban-blueprint.d.ts +3 -21
- package/dist/types/src/blueprints/kanban-blueprint.d.ts.map +1 -1
- package/dist/types/src/capabilities/artifact-definition/artifact-definition.d.ts +1 -1
- package/dist/types/src/capabilities/artifact-definition/artifact-definition.d.ts.map +1 -1
- package/dist/types/src/capabilities/blueprint-definition/blueprint-definition.d.ts +3 -6
- package/dist/types/src/capabilities/blueprint-definition/blueprint-definition.d.ts.map +1 -1
- package/dist/types/src/capabilities/blueprint-definition/index.d.ts +1 -1
- package/dist/types/src/capabilities/blueprint-definition/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/operation-resolver/index.d.ts +1 -1
- package/dist/types/src/capabilities/operation-resolver/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts +2 -2
- package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface/index.d.ts +1 -1
- package/dist/types/src/capabilities/react-surface/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface/react-surface.d.ts +2 -2
- package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/KanbanBoard/KanbanBoard.d.ts +59 -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 +10 -0
- package/dist/types/src/components/KanbanBoard/KanbanCard.d.ts.map +1 -0
- package/dist/types/src/components/KanbanBoard/KanbanColumn.d.ts +9 -0
- package/dist/types/src/components/KanbanBoard/KanbanColumn.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/{components → containers/KanbanContainer}/KanbanContainer.stories.d.ts +18 -14
- package/dist/types/src/containers/KanbanContainer/KanbanContainer.stories.d.ts.map +1 -0
- package/dist/types/src/containers/KanbanContainer/index.d.ts +3 -0
- package/dist/types/src/containers/KanbanContainer/index.d.ts.map +1 -0
- package/dist/types/src/containers/KanbanViewEditor/KanbanViewEditor.d.ts +6 -0
- package/dist/types/src/containers/KanbanViewEditor/KanbanViewEditor.d.ts.map +1 -0
- package/dist/types/src/containers/KanbanViewEditor/index.d.ts +3 -0
- package/dist/types/src/containers/KanbanViewEditor/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 +6 -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/useKanbanBoardModel.d.ts +16 -0
- package/dist/types/src/hooks/useKanbanBoardModel.d.ts.map +1 -0
- package/dist/types/src/hooks/useKanbanBoardModel.test.d.ts +2 -0
- package/dist/types/src/hooks/useKanbanBoardModel.test.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/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/testing/KanbanCardTileSimple.d.ts +5 -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 +16 -0
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/Kanban.d.ts +37 -0
- package/dist/types/src/types/Kanban.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 +2 -0
- package/dist/types/src/types/index.d.ts.map +1 -1
- package/dist/types/src/types/schema.d.ts +5 -5
- 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 +68 -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 +47 -42
- package/src/KanbanPlugin.tsx +11 -12
- package/src/blueprints/index.ts +1 -1
- package/src/blueprints/kanban-blueprint.ts +14 -7
- package/src/capabilities/artifact-definition/artifact-definition.ts +8 -7
- package/src/capabilities/blueprint-definition/blueprint-definition.ts +6 -12
- package/src/capabilities/operation-resolver/operation-resolver.ts +5 -5
- package/src/capabilities/react-surface/react-surface.tsx +14 -14
- package/src/components/KanbanBoard/KanbanBoard.stories.tsx +142 -0
- package/src/components/KanbanBoard/KanbanBoard.tsx +183 -0
- package/src/components/KanbanBoard/KanbanCard.tsx +87 -0
- package/src/components/KanbanBoard/KanbanColumn.tsx +69 -0
- package/src/components/KanbanBoard/index.ts +5 -0
- package/src/components/index.ts +1 -2
- package/src/{components → containers/KanbanContainer}/KanbanContainer.stories.tsx +62 -85
- package/src/containers/KanbanContainer/KanbanContainer.tsx +87 -0
- package/src/containers/KanbanContainer/index.ts +7 -0
- package/src/{components → containers/KanbanViewEditor}/KanbanViewEditor.tsx +23 -19
- package/src/containers/KanbanViewEditor/index.ts +7 -0
- package/src/containers/index.ts +8 -0
- package/src/hooks/index.ts +9 -0
- package/src/hooks/useEchoChangeCallback.ts +30 -0
- package/src/hooks/useKanbanBoardModel.test.ts +235 -0
- package/src/hooks/useKanbanBoardModel.ts +143 -0
- package/src/hooks/useKanbanColumnEventHandler.ts +106 -0
- package/src/hooks/useKanbanItemEventHandler.ts +133 -0
- package/src/hooks/useProjectionModel.ts +58 -0
- package/src/meta.ts +1 -1
- 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/testing/KanbanCardTileSimple.tsx +76 -0
- package/src/testing/index.ts +5 -0
- package/src/translations.ts +9 -1
- package/src/types/Kanban.ts +67 -0
- package/src/types/constants.ts +9 -0
- package/src/types/index.ts +2 -0
- package/src/types/schema.ts +8 -9
- package/src/types/types.ts +35 -0
- package/src/util/arrangement.test.ts +208 -0
- package/src/util/arrangement.ts +167 -0
- package/src/util/index.ts +5 -0
- package/dist/lib/browser/blueprint-definition-T2544VMJ.mjs +0 -17
- package/dist/lib/browser/blueprint-definition-T2544VMJ.mjs.map +0 -7
- package/dist/lib/browser/chunk-L6N4ZDZ7.mjs.map +0 -7
- package/dist/lib/browser/chunk-XYQO4VL7.mjs +0 -150
- package/dist/lib/browser/chunk-XYQO4VL7.mjs.map +0 -7
- package/dist/lib/browser/operation-resolver-UEJHX42A.mjs.map +0 -7
- package/dist/lib/browser/react-surface-LFUJAPRL.mjs +0 -236
- package/dist/lib/browser/react-surface-LFUJAPRL.mjs.map +0 -7
- package/dist/lib/node-esm/blueprint-definition-APJQFSHJ.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-NN6JMKIT.mjs +0 -152
- package/dist/lib/node-esm/chunk-NN6JMKIT.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-ZHRMUKTF.mjs.map +0 -7
- package/dist/lib/node-esm/operation-resolver-5RPWHZCF.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-7TSGBRJL.mjs +0 -237
- package/dist/lib/node-esm/react-surface-7TSGBRJL.mjs.map +0 -7
- package/dist/types/src/components/KanbanContainer.d.ts +0 -6
- package/dist/types/src/components/KanbanContainer.d.ts.map +0 -1
- 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/components/KanbanContainer.tsx +0 -86
|
@@ -1,237 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
KanbanOperation,
|
|
4
|
-
PivotColumnAnnotationId,
|
|
5
|
-
SettingsSchema,
|
|
6
|
-
meta
|
|
7
|
-
} from "./chunk-NN6JMKIT.mjs";
|
|
8
|
-
import "./chunk-HSLMI22Q.mjs";
|
|
9
|
-
|
|
10
|
-
// src/capabilities/react-surface/react-surface.tsx
|
|
11
|
-
import * as Effect from "effect/Effect";
|
|
12
|
-
import React3, { useMemo as useMemo2 } from "react";
|
|
13
|
-
import { Capability, Common as Common2 } from "@dxos/app-framework";
|
|
14
|
-
import { Database, Obj as Obj3, Type as Type2 } from "@dxos/echo";
|
|
15
|
-
import { findAnnotation } from "@dxos/effect";
|
|
16
|
-
import { SelectField as SelectField2, useFormValues } from "@dxos/react-ui-form";
|
|
17
|
-
import { Kanban } from "@dxos/react-ui-kanban/types";
|
|
18
|
-
|
|
19
|
-
// src/components/KanbanContainer.tsx
|
|
20
|
-
import { RegistryContext } from "@effect-atom/atom-react";
|
|
21
|
-
import React, { useCallback, useContext, useEffect, useState } from "react";
|
|
22
|
-
import { Common } from "@dxos/app-framework";
|
|
23
|
-
import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/react";
|
|
24
|
-
import { Filter, Obj, Type } from "@dxos/echo";
|
|
25
|
-
import { useGlobalFilteredObjects } from "@dxos/plugin-search";
|
|
26
|
-
import { useQuery } from "@dxos/react-client/echo";
|
|
27
|
-
import { Kanban as KanbanComponent, useKanbanModel, useProjectionModel } from "@dxos/react-ui-kanban";
|
|
28
|
-
import { Layout } from "@dxos/react-ui-mosaic";
|
|
29
|
-
import { getTypenameFromQuery } from "@dxos/schema";
|
|
30
|
-
var KanbanContainer = ({ role, subject: object }) => {
|
|
31
|
-
const registry = useContext(RegistryContext);
|
|
32
|
-
const schemas = useCapabilities(Common.Capability.Schema);
|
|
33
|
-
const [cardSchema, setCardSchema] = useState();
|
|
34
|
-
const db = Obj.getDatabase(object);
|
|
35
|
-
const { invokePromise } = useOperationInvoker();
|
|
36
|
-
const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : void 0;
|
|
37
|
-
useEffect(() => {
|
|
38
|
-
const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);
|
|
39
|
-
if (staticSchema) {
|
|
40
|
-
setCardSchema(() => staticSchema);
|
|
41
|
-
}
|
|
42
|
-
if (!staticSchema && typename && db) {
|
|
43
|
-
const query = db.schemaRegistry.query({
|
|
44
|
-
typename
|
|
45
|
-
});
|
|
46
|
-
const unsubscribe = query.subscribe(() => {
|
|
47
|
-
const [schema] = query.results;
|
|
48
|
-
if (schema) {
|
|
49
|
-
setCardSchema(() => schema);
|
|
50
|
-
}
|
|
51
|
-
}, {
|
|
52
|
-
fire: true
|
|
53
|
-
});
|
|
54
|
-
return unsubscribe;
|
|
55
|
-
}
|
|
56
|
-
}, [
|
|
57
|
-
schemas,
|
|
58
|
-
db,
|
|
59
|
-
typename
|
|
60
|
-
]);
|
|
61
|
-
const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
|
|
62
|
-
const filteredObjects = useGlobalFilteredObjects(objects);
|
|
63
|
-
const projection = useProjectionModel(cardSchema, object, registry);
|
|
64
|
-
const model = useKanbanModel({
|
|
65
|
-
object,
|
|
66
|
-
projection,
|
|
67
|
-
items: filteredObjects
|
|
68
|
-
});
|
|
69
|
-
const handleAddCard = useCallback((columnValue) => {
|
|
70
|
-
const path = model?.columnFieldPath;
|
|
71
|
-
if (db && cardSchema && path) {
|
|
72
|
-
const card = Obj.make(cardSchema, {
|
|
73
|
-
[path]: columnValue
|
|
74
|
-
});
|
|
75
|
-
db.add(card);
|
|
76
|
-
return card.id;
|
|
77
|
-
}
|
|
78
|
-
}, [
|
|
79
|
-
db,
|
|
80
|
-
cardSchema,
|
|
81
|
-
model
|
|
82
|
-
]);
|
|
83
|
-
const handleRemoveCard = useCallback((card) => {
|
|
84
|
-
void invokePromise(KanbanOperation.DeleteCard, {
|
|
85
|
-
card
|
|
86
|
-
});
|
|
87
|
-
}, [
|
|
88
|
-
invokePromise
|
|
89
|
-
]);
|
|
90
|
-
return /* @__PURE__ */ React.createElement(Layout.Main, {
|
|
91
|
-
role
|
|
92
|
-
}, model && /* @__PURE__ */ React.createElement(KanbanComponent, {
|
|
93
|
-
model,
|
|
94
|
-
onAddCard: handleAddCard,
|
|
95
|
-
onRemoveCard: handleRemoveCard
|
|
96
|
-
}));
|
|
97
|
-
};
|
|
98
|
-
|
|
99
|
-
// src/components/KanbanViewEditor.tsx
|
|
100
|
-
import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
|
|
101
|
-
import React2, { useCallback as useCallback2, useContext as useContext2, useMemo } from "react";
|
|
102
|
-
import { Obj as Obj2 } from "@dxos/echo";
|
|
103
|
-
import { Format } from "@dxos/echo/internal";
|
|
104
|
-
import { invariant } from "@dxos/invariant";
|
|
105
|
-
import { useSchema } from "@dxos/react-client/echo";
|
|
106
|
-
import { Form, SelectField } from "@dxos/react-ui-form";
|
|
107
|
-
import { useProjectionModel as useProjectionModel2 } from "@dxos/react-ui-kanban";
|
|
108
|
-
import { getTypenameFromQuery as getTypenameFromQuery2 } from "@dxos/schema";
|
|
109
|
-
var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-kanban/src/components/KanbanViewEditor.tsx";
|
|
110
|
-
var KanbanViewEditor = ({ object }) => {
|
|
111
|
-
const registry = useContext2(RegistryContext2);
|
|
112
|
-
const db = Obj2.getDatabase(object);
|
|
113
|
-
const view = object.view.target;
|
|
114
|
-
const currentTypename = view?.query ? getTypenameFromQuery2(view.query.ast) : void 0;
|
|
115
|
-
const schema = useSchema(db, currentTypename);
|
|
116
|
-
const projection = useProjectionModel2(schema, object, registry);
|
|
117
|
-
const fieldProjections = projection?.getFieldProjections() || [];
|
|
118
|
-
const selectFields = fieldProjections.filter((field) => field.props.format === Format.TypeFormat.SingleSelect).map(({ field }) => ({
|
|
119
|
-
value: field.id,
|
|
120
|
-
label: field.path
|
|
121
|
-
}));
|
|
122
|
-
const handleSave = useCallback2((values) => {
|
|
123
|
-
invariant(view, void 0, {
|
|
124
|
-
F: __dxlog_file,
|
|
125
|
-
L: 36,
|
|
126
|
-
S: void 0,
|
|
127
|
-
A: [
|
|
128
|
-
"view",
|
|
129
|
-
""
|
|
130
|
-
]
|
|
131
|
-
});
|
|
132
|
-
Obj2.change(view, (v) => {
|
|
133
|
-
v.projection.pivotFieldId = values.columnFieldId;
|
|
134
|
-
});
|
|
135
|
-
}, [
|
|
136
|
-
view
|
|
137
|
-
]);
|
|
138
|
-
const initialValues = useMemo(() => ({
|
|
139
|
-
columnFieldId: view?.projection.pivotFieldId
|
|
140
|
-
}), [
|
|
141
|
-
view?.projection.pivotFieldId
|
|
142
|
-
]);
|
|
143
|
-
const fieldMap = useMemo(() => ({
|
|
144
|
-
columnFieldId: (props) => /* @__PURE__ */ React2.createElement(SelectField, {
|
|
145
|
-
...props,
|
|
146
|
-
options: selectFields
|
|
147
|
-
})
|
|
148
|
-
}), [
|
|
149
|
-
selectFields
|
|
150
|
-
]);
|
|
151
|
-
return /* @__PURE__ */ React2.createElement(Form.Root, {
|
|
152
|
-
schema: SettingsSchema,
|
|
153
|
-
values: initialValues,
|
|
154
|
-
fieldMap,
|
|
155
|
-
autoSave: true,
|
|
156
|
-
onSave: handleSave
|
|
157
|
-
}, /* @__PURE__ */ React2.createElement(Form.FieldSet, null));
|
|
158
|
-
};
|
|
159
|
-
|
|
160
|
-
// src/capabilities/react-surface/react-surface.tsx
|
|
161
|
-
var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Common2.Capability.ReactSurface, [
|
|
162
|
-
Common2.createSurface({
|
|
163
|
-
id: meta.id,
|
|
164
|
-
role: [
|
|
165
|
-
"article",
|
|
166
|
-
"section"
|
|
167
|
-
],
|
|
168
|
-
filter: (data) => Obj3.instanceOf(Kanban.Kanban, data.subject),
|
|
169
|
-
component: ({ data, role }) => /* @__PURE__ */ React3.createElement(KanbanContainer, {
|
|
170
|
-
role,
|
|
171
|
-
subject: data.subject
|
|
172
|
-
})
|
|
173
|
-
}),
|
|
174
|
-
Common2.createSurface({
|
|
175
|
-
id: `${meta.id}/object-settings`,
|
|
176
|
-
role: "object-settings",
|
|
177
|
-
position: "hoist",
|
|
178
|
-
filter: (data) => Obj3.instanceOf(Kanban.Kanban, data.subject),
|
|
179
|
-
component: ({ data }) => /* @__PURE__ */ React3.createElement(KanbanViewEditor, {
|
|
180
|
-
object: data.subject
|
|
181
|
-
})
|
|
182
|
-
}),
|
|
183
|
-
Common2.createSurface({
|
|
184
|
-
id: `${meta.id}/create-initial-schema-form-[pivot-column]`,
|
|
185
|
-
role: "form-input",
|
|
186
|
-
filter: (data) => {
|
|
187
|
-
const annotation = findAnnotation(data.schema.ast, PivotColumnAnnotationId);
|
|
188
|
-
return !!annotation;
|
|
189
|
-
},
|
|
190
|
-
component: ({ data: { target }, ...inputProps }) => {
|
|
191
|
-
const props = inputProps;
|
|
192
|
-
const db = Database.isDatabase(target) ? target : target && Obj3.getDatabase(target);
|
|
193
|
-
if (!db) {
|
|
194
|
-
return null;
|
|
195
|
-
}
|
|
196
|
-
const { typename } = useFormValues("KanbanForm");
|
|
197
|
-
const [selectedSchema] = useMemo2(() => db.schemaRegistry.query({
|
|
198
|
-
location: [
|
|
199
|
-
"database",
|
|
200
|
-
"runtime"
|
|
201
|
-
],
|
|
202
|
-
typename
|
|
203
|
-
}).runSync(), [
|
|
204
|
-
db,
|
|
205
|
-
typename
|
|
206
|
-
]);
|
|
207
|
-
const singleSelectColumns = useMemo2(() => {
|
|
208
|
-
const properties = Type2.toJsonSchema(selectedSchema).properties;
|
|
209
|
-
if (!properties) {
|
|
210
|
-
return [];
|
|
211
|
-
}
|
|
212
|
-
const columns = Object.entries(properties).reduce((acc, [key, value]) => {
|
|
213
|
-
if (typeof value === "object" && value?.format === "single-select") {
|
|
214
|
-
acc.push(key);
|
|
215
|
-
}
|
|
216
|
-
return acc;
|
|
217
|
-
}, []);
|
|
218
|
-
return columns;
|
|
219
|
-
}, [
|
|
220
|
-
selectedSchema
|
|
221
|
-
]);
|
|
222
|
-
if (!typename) {
|
|
223
|
-
return null;
|
|
224
|
-
}
|
|
225
|
-
return /* @__PURE__ */ React3.createElement(SelectField2, {
|
|
226
|
-
...props,
|
|
227
|
-
options: singleSelectColumns.map((column) => ({
|
|
228
|
-
value: column
|
|
229
|
-
}))
|
|
230
|
-
});
|
|
231
|
-
}
|
|
232
|
-
})
|
|
233
|
-
])));
|
|
234
|
-
export {
|
|
235
|
-
react_surface_default as default
|
|
236
|
-
};
|
|
237
|
-
//# sourceMappingURL=react-surface-7TSGBRJL.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/components/KanbanContainer.tsx", "../../../src/components/KanbanViewEditor.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport type * as Schema from 'effect/Schema';\nimport React, { useMemo } from 'react';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { Database, Obj, Type } from '@dxos/echo';\nimport { findAnnotation } from '@dxos/effect';\nimport { type FormFieldComponentProps, SelectField, useFormValues } from '@dxos/react-ui-form';\nimport { Kanban } from '@dxos/react-ui-kanban/types';\nimport { type Collection } from '@dxos/schema';\n\nimport { KanbanContainer, KanbanViewEditor } from '../../components';\nimport { meta } from '../../meta';\nimport { PivotColumnAnnotationId } from '../../types';\n\nexport default Capability.makeModule(() =>\n Effect.succeed(\n Capability.contributes(Common.Capability.ReactSurface, [\n Common.createSurface({\n id: meta.id,\n role: ['article', 'section'],\n filter: (data): data is { subject: Kanban.Kanban } => Obj.instanceOf(Kanban.Kanban, data.subject),\n component: ({ data, role }) => <KanbanContainer role={role} subject={data.subject} />,\n }),\n Common.createSurface({\n id: `${meta.id}/object-settings`,\n role: 'object-settings',\n position: 'hoist',\n filter: (data): data is { subject: Kanban.Kanban } => Obj.instanceOf(Kanban.Kanban, data.subject),\n component: ({ data }) => <KanbanViewEditor object={data.subject} />,\n }),\n Common.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: Database.Database | 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 FormFieldComponentProps;\n const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);\n if (!db) {\n return null;\n }\n\n const { typename } = useFormValues('KanbanForm');\n const [selectedSchema] = useMemo(\n () => db.schemaRegistry.query({ location: ['database', 'runtime'], typename }).runSync(),\n [db, typename],\n );\n const singleSelectColumns = useMemo(() => {\n const properties = Type.toJsonSchema(selectedSchema).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]);\n\n if (!typename) {\n return null;\n }\n\n return <SelectField {...props} options={singleSelectColumns.map((column) => ({ value: column }))} />;\n },\n }),\n ]),\n ),\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport React, { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { type SurfaceComponentProps, useCapabilities, useOperationInvoker } from '@dxos/app-framework/react';\nimport { Filter, Obj, Type } from '@dxos/echo';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Kanban as KanbanComponent, useKanbanModel, useProjectionModel } from '@dxos/react-ui-kanban';\nimport { type Kanban } from '@dxos/react-ui-kanban/types';\nimport { Layout } from '@dxos/react-ui-mosaic';\nimport { getTypenameFromQuery } from '@dxos/schema';\n\nimport { KanbanOperation } from '../types';\n\nexport type KanbanContainerProps = SurfaceComponentProps<Kanban.Kanban>;\n\nexport const KanbanContainer = ({ role, subject: object }: KanbanContainerProps) => {\n const registry = useContext(RegistryContext);\n const schemas = useCapabilities(Common.Capability.Schema);\n const [cardSchema, setCardSchema] = useState<Type.Obj.Any>();\n const db = Obj.getDatabase(object);\n const { invokePromise } = useOperationInvoker();\n const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : undefined;\n\n useEffect(() => {\n const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);\n if (staticSchema) {\n // NOTE: Use functional update to prevent React from calling the schema as a function.\n setCardSchema(() => staticSchema);\n }\n if (!staticSchema && typename && db) {\n const query = db.schemaRegistry.query({ typename });\n const unsubscribe = query.subscribe(\n () => {\n const [schema] = query.results;\n if (schema) {\n // NOTE: Use functional update to prevent React from calling the schema as a function.\n setCardSchema(() => schema);\n }\n },\n { fire: true },\n );\n return unsubscribe;\n }\n }, [schemas, db, typename]);\n\n const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n const filteredObjects = useGlobalFilteredObjects(objects);\n\n const projection = useProjectionModel(cardSchema, object, registry);\n const model = useKanbanModel({\n object,\n projection,\n items: filteredObjects,\n });\n\n const handleAddCard = useCallback(\n (columnValue: string | undefined) => {\n const path = model?.columnFieldPath;\n if (db && cardSchema && path) {\n const card = Obj.make(cardSchema, { [path]: columnValue });\n db.add(card);\n return card.id;\n }\n },\n [db, cardSchema, model],\n );\n\n const handleRemoveCard = useCallback(\n (card: { id: string }) => {\n void invokePromise(KanbanOperation.DeleteCard, { card });\n },\n [invokePromise],\n );\n\n return (\n <Layout.Main role={role}>\n {model && <KanbanComponent model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />}\n </Layout.Main>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport React, { useCallback, useContext, useMemo } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Format } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { useSchema } from '@dxos/react-client/echo';\nimport { Form, type FormFieldMap, SelectField } from '@dxos/react-ui-form';\nimport { useProjectionModel } from '@dxos/react-ui-kanban';\nimport { type Kanban } from '@dxos/react-ui-kanban/types';\nimport { getTypenameFromQuery } from '@dxos/schema';\n\nimport { SettingsSchema } from '../types';\n\ntype KanbanViewEditorProps = { object: Kanban.Kanban };\n\nexport const KanbanViewEditor = ({ object }: KanbanViewEditorProps) => {\n const registry = useContext(RegistryContext);\n const db = Obj.getDatabase(object);\n const view = object.view.target;\n const currentTypename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;\n const schema = useSchema(db, currentTypename);\n const projection = useProjectionModel(schema, object, registry);\n\n const fieldProjections = projection?.getFieldProjections() || [];\n const selectFields = fieldProjections\n .filter((field) => field.props.format === Format.TypeFormat.SingleSelect)\n .map(({ field }) => ({ value: field.id, label: field.path }));\n\n const handleSave = useCallback(\n (values: Partial<{ columnFieldId: string }>) => {\n invariant(view);\n Obj.change(view, (v) => {\n v.projection.pivotFieldId = values.columnFieldId;\n });\n },\n [view],\n );\n\n const initialValues = useMemo(\n () => ({ columnFieldId: view?.projection.pivotFieldId }),\n [view?.projection.pivotFieldId],\n );\n\n const fieldMap: FormFieldMap = useMemo(\n () => ({ columnFieldId: (props) => <SelectField {...props} options={selectFields} /> }),\n [selectFields],\n );\n\n return (\n <Form.Root schema={SettingsSchema} values={initialValues} fieldMap={fieldMap} autoSave onSave={handleSave}>\n <Form.FieldSet />\n </Form.Root>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Effect", "React", "useMemo", "Capability", "Common", "Database", "Obj", "Type", "findAnnotation", "SelectField", "useFormValues", "Kanban", "RegistryContext", "React", "useCallback", "useContext", "useEffect", "useState", "Common", "useCapabilities", "useOperationInvoker", "Filter", "Obj", "Type", "useGlobalFilteredObjects", "useQuery", "Kanban", "KanbanComponent", "useKanbanModel", "useProjectionModel", "Layout", "getTypenameFromQuery", "KanbanContainer", "role", "subject", "object", "registry", "useContext", "RegistryContext", "schemas", "useCapabilities", "Common", "Capability", "Schema", "cardSchema", "setCardSchema", "useState", "db", "Obj", "getDatabase", "invokePromise", "useOperationInvoker", "typename", "view", "target", "query", "getTypenameFromQuery", "ast", "undefined", "useEffect", "staticSchema", "flat", "find", "schema", "Type", "getTypename", "schemaRegistry", "unsubscribe", "subscribe", "results", "fire", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "projection", "useProjectionModel", "model", "useKanbanModel", "items", "handleAddCard", "useCallback", "columnValue", "path", "columnFieldPath", "card", "make", "add", "id", "handleRemoveCard", "KanbanOperation", "DeleteCard", "Layout", "Main", "KanbanComponent", "onAddCard", "onRemoveCard", "RegistryContext", "React", "useCallback", "useContext", "useMemo", "Obj", "Format", "invariant", "useSchema", "Form", "SelectField", "useProjectionModel", "getTypenameFromQuery", "KanbanViewEditor", "object", "registry", "useContext", "RegistryContext", "db", "Obj", "getDatabase", "view", "target", "currentTypename", "query", "getTypenameFromQuery", "ast", "undefined", "schema", "useSchema", "projection", "useProjectionModel", "fieldProjections", "getFieldProjections", "selectFields", "filter", "field", "props", "format", "Format", "TypeFormat", "SingleSelect", "map", "value", "id", "label", "path", "handleSave", "useCallback", "values", "invariant", "change", "v", "pivotFieldId", "columnFieldId", "initialValues", "useMemo", "fieldMap", "React", "SelectField", "options", "Form", "Root", "SettingsSchema", "autoSave", "onSave", "FieldSet", "Capability", "makeModule", "succeed", "contributes", "Common", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Kanban", "subject", "component", "React", "KanbanContainer", "position", "KanbanViewEditor", "object", "annotation", "findAnnotation", "schema", "ast", "PivotColumnAnnotationId", "target", "inputProps", "props", "db", "Database", "isDatabase", "getDatabase", "typename", "useFormValues", "selectedSchema", "useMemo", "schemaRegistry", "query", "location", "runSync", "singleSelectColumns", "properties", "Type", "toJsonSchema", "columns", "Object", "entries", "reduce", "acc", "key", "value", "format", "push", "SelectField", "options", "map", "column"]
|
|
7
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type SurfaceComponentProps } from '@dxos/app-framework/react';
|
|
3
|
-
import { type Kanban } from '@dxos/react-ui-kanban/types';
|
|
4
|
-
export type KanbanContainerProps = SurfaceComponentProps<Kanban.Kanban>;
|
|
5
|
-
export declare const KanbanContainer: ({ role, subject: object }: KanbanContainerProps) => React.JSX.Element;
|
|
6
|
-
//# sourceMappingURL=KanbanContainer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,KAAK,qBAAqB,EAAwC,MAAM,2BAA2B,CAAC;AAK7G,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAM1D,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,eAAe,GAAI,2BAA2B,oBAAoB,sBAgE9E,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanContainer.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjF,OAAO,KAAkC,MAAM,OAAO,CAAC;AAgKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAmErB,CAAC;AAEF;;;GAGG;AAKH,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type Kanban } from '@dxos/react-ui-kanban/types';
|
|
3
|
-
type KanbanViewEditorProps = {
|
|
4
|
-
object: Kanban.Kanban;
|
|
5
|
-
};
|
|
6
|
-
export declare const KanbanViewEditor: ({ object }: 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":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAK1D,KAAK,qBAAqB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,gBAAgB,GAAI,YAAY,qBAAqB,sBAsCjE,CAAC"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2024 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import { RegistryContext } from '@effect-atom/atom-react';
|
|
6
|
-
import React, { useCallback, useContext, useEffect, useState } from 'react';
|
|
7
|
-
|
|
8
|
-
import { Common } from '@dxos/app-framework';
|
|
9
|
-
import { type SurfaceComponentProps, useCapabilities, useOperationInvoker } from '@dxos/app-framework/react';
|
|
10
|
-
import { Filter, Obj, Type } from '@dxos/echo';
|
|
11
|
-
import { useGlobalFilteredObjects } from '@dxos/plugin-search';
|
|
12
|
-
import { useQuery } from '@dxos/react-client/echo';
|
|
13
|
-
import { Kanban as KanbanComponent, useKanbanModel, useProjectionModel } from '@dxos/react-ui-kanban';
|
|
14
|
-
import { type Kanban } from '@dxos/react-ui-kanban/types';
|
|
15
|
-
import { Layout } from '@dxos/react-ui-mosaic';
|
|
16
|
-
import { getTypenameFromQuery } from '@dxos/schema';
|
|
17
|
-
|
|
18
|
-
import { KanbanOperation } from '../types';
|
|
19
|
-
|
|
20
|
-
export type KanbanContainerProps = SurfaceComponentProps<Kanban.Kanban>;
|
|
21
|
-
|
|
22
|
-
export const KanbanContainer = ({ role, subject: object }: KanbanContainerProps) => {
|
|
23
|
-
const registry = useContext(RegistryContext);
|
|
24
|
-
const schemas = useCapabilities(Common.Capability.Schema);
|
|
25
|
-
const [cardSchema, setCardSchema] = useState<Type.Obj.Any>();
|
|
26
|
-
const db = Obj.getDatabase(object);
|
|
27
|
-
const { invokePromise } = useOperationInvoker();
|
|
28
|
-
const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : undefined;
|
|
29
|
-
|
|
30
|
-
useEffect(() => {
|
|
31
|
-
const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);
|
|
32
|
-
if (staticSchema) {
|
|
33
|
-
// NOTE: Use functional update to prevent React from calling the schema as a function.
|
|
34
|
-
setCardSchema(() => staticSchema);
|
|
35
|
-
}
|
|
36
|
-
if (!staticSchema && typename && db) {
|
|
37
|
-
const query = db.schemaRegistry.query({ typename });
|
|
38
|
-
const unsubscribe = query.subscribe(
|
|
39
|
-
() => {
|
|
40
|
-
const [schema] = query.results;
|
|
41
|
-
if (schema) {
|
|
42
|
-
// NOTE: Use functional update to prevent React from calling the schema as a function.
|
|
43
|
-
setCardSchema(() => schema);
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
{ fire: true },
|
|
47
|
-
);
|
|
48
|
-
return unsubscribe;
|
|
49
|
-
}
|
|
50
|
-
}, [schemas, db, typename]);
|
|
51
|
-
|
|
52
|
-
const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
|
|
53
|
-
const filteredObjects = useGlobalFilteredObjects(objects);
|
|
54
|
-
|
|
55
|
-
const projection = useProjectionModel(cardSchema, object, registry);
|
|
56
|
-
const model = useKanbanModel({
|
|
57
|
-
object,
|
|
58
|
-
projection,
|
|
59
|
-
items: filteredObjects,
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
const handleAddCard = useCallback(
|
|
63
|
-
(columnValue: string | undefined) => {
|
|
64
|
-
const path = model?.columnFieldPath;
|
|
65
|
-
if (db && cardSchema && path) {
|
|
66
|
-
const card = Obj.make(cardSchema, { [path]: columnValue });
|
|
67
|
-
db.add(card);
|
|
68
|
-
return card.id;
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
[db, cardSchema, model],
|
|
72
|
-
);
|
|
73
|
-
|
|
74
|
-
const handleRemoveCard = useCallback(
|
|
75
|
-
(card: { id: string }) => {
|
|
76
|
-
void invokePromise(KanbanOperation.DeleteCard, { card });
|
|
77
|
-
},
|
|
78
|
-
[invokePromise],
|
|
79
|
-
);
|
|
80
|
-
|
|
81
|
-
return (
|
|
82
|
-
<Layout.Main role={role}>
|
|
83
|
-
{model && <KanbanComponent model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />}
|
|
84
|
-
</Layout.Main>
|
|
85
|
-
);
|
|
86
|
-
};
|