@btst/plugin-form-builder 0.0.0-stage → 1.0.0
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/LICENSE.md +17 -0
- package/dist/api/getters.cjs +154 -0
- package/dist/api/getters.mjs +145 -0
- package/dist/api/index.cjs +25 -0
- package/dist/api/index.d.cts +119 -0
- package/dist/api/index.d.mts +119 -0
- package/dist/api/index.d.ts +119 -0
- package/dist/api/index.mjs +6 -0
- package/dist/api/lifecycle-migrations.cjs +15 -0
- package/dist/api/lifecycle-migrations.mjs +13 -0
- package/dist/api/operations.cjs +1093 -0
- package/dist/api/operations.mjs +1082 -0
- package/dist/api/plugin.cjs +201 -0
- package/dist/api/plugin.mjs +192 -0
- package/dist/api/query-key-defs.cjs +43 -0
- package/dist/api/query-key-defs.mjs +39 -0
- package/dist/client/components/forms/form-renderer.cjs +193 -0
- package/dist/client/components/forms/form-renderer.mjs +191 -0
- package/dist/client/components/index.cjs +29 -0
- package/dist/client/components/index.d.cts +97 -0
- package/dist/client/components/index.d.mts +97 -0
- package/dist/client/components/index.d.ts +97 -0
- package/dist/client/components/index.mjs +18 -0
- package/dist/client/components/loading/form-builder-skeleton.cjs +32 -0
- package/dist/client/components/loading/form-builder-skeleton.mjs +30 -0
- package/dist/client/components/loading/form-list-skeleton.cjs +21 -0
- package/dist/client/components/loading/form-list-skeleton.mjs +19 -0
- package/dist/client/components/loading/submissions-skeleton.cjs +34 -0
- package/dist/client/components/loading/submissions-skeleton.mjs +32 -0
- package/dist/client/components/pages/404-page.cjs +28 -0
- package/dist/client/components/pages/404-page.mjs +26 -0
- package/dist/client/components/pages/form-builder-page.cjs +77 -0
- package/dist/client/components/pages/form-builder-page.internal.cjs +217 -0
- package/dist/client/components/pages/form-builder-page.internal.mjs +215 -0
- package/dist/client/components/pages/form-builder-page.mjs +75 -0
- package/dist/client/components/pages/form-list-page.cjs +44 -0
- package/dist/client/components/pages/form-list-page.internal.cjs +282 -0
- package/dist/client/components/pages/form-list-page.internal.mjs +280 -0
- package/dist/client/components/pages/form-list-page.mjs +42 -0
- package/dist/client/components/pages/submissions-page.cjs +64 -0
- package/dist/client/components/pages/submissions-page.internal.cjs +255 -0
- package/dist/client/components/pages/submissions-page.internal.mjs +253 -0
- package/dist/client/components/pages/submissions-page.mjs +62 -0
- package/dist/client/components/shared/default-error.cjs +17 -0
- package/dist/client/components/shared/default-error.mjs +15 -0
- package/dist/client/components/shared/empty-state.cjs +16 -0
- package/dist/client/components/shared/empty-state.mjs +14 -0
- package/dist/client/components/shared/page-wrapper.cjs +29 -0
- package/dist/client/components/shared/page-wrapper.mjs +27 -0
- package/dist/client/components/shared/pagination.cjs +49 -0
- package/dist/client/components/shared/pagination.mjs +47 -0
- package/dist/client/constants.cjs +5 -0
- package/dist/client/constants.mjs +3 -0
- package/dist/client/hooks/form-builder-hooks.cjs +203 -0
- package/dist/client/hooks/form-builder-hooks.mjs +186 -0
- package/dist/client/hooks/form-builder-resource.cjs +13 -0
- package/dist/client/hooks/form-builder-resource.mjs +11 -0
- package/dist/client/hooks/index.cjs +22 -0
- package/dist/client/hooks/index.d.cts +378 -0
- package/dist/client/hooks/index.d.mts +378 -0
- package/dist/client/hooks/index.d.ts +378 -0
- package/dist/client/hooks/index.mjs +1 -0
- package/dist/client/index.cjs +13 -0
- package/dist/client/index.d.cts +410 -0
- package/dist/client/index.d.mts +410 -0
- package/dist/client/index.d.ts +410 -0
- package/dist/client/index.mjs +2 -0
- package/dist/client/plugin.cjs +311 -0
- package/dist/client/plugin.mjs +309 -0
- package/dist/client.css +3 -0
- package/dist/db.cjs +99 -0
- package/dist/db.mjs +97 -0
- package/dist/permissions.cjs +95 -0
- package/dist/permissions.d.cts +94 -0
- package/dist/permissions.d.mts +94 -0
- package/dist/permissions.d.ts +94 -0
- package/dist/permissions.mjs +93 -0
- package/dist/query-keys.cjs +140 -0
- package/dist/query-keys.d.cts +392 -0
- package/dist/query-keys.d.mts +392 -0
- package/dist/query-keys.d.ts +392 -0
- package/dist/query-keys.mjs +137 -0
- package/dist/schemas.cjs +91 -0
- package/dist/schemas.mjs +82 -0
- package/dist/shared/plugin-form-builder.BZYGyFgT.d.mts +351 -0
- package/dist/shared/plugin-form-builder.Bbl9NufB.d.cts +408 -0
- package/dist/shared/plugin-form-builder.CSP5HR2O.d.ts +408 -0
- package/dist/shared/plugin-form-builder.Cmk083dA.d.cts +351 -0
- package/dist/shared/plugin-form-builder.D258Qpb8.d.ts +351 -0
- package/dist/shared/plugin-form-builder.DWrQ3lRX.d.cts +118 -0
- package/dist/shared/plugin-form-builder.DWrQ3lRX.d.mts +118 -0
- package/dist/shared/plugin-form-builder.DWrQ3lRX.d.ts +118 -0
- package/dist/shared/plugin-form-builder.lp98rFNl.d.mts +408 -0
- package/dist/style.css +6 -0
- package/dist/types.cjs +2 -0
- package/dist/types.d.cts +6 -0
- package/dist/types.d.mts +6 -0
- package/dist/types.d.ts +6 -0
- package/dist/types.mjs +1 -0
- package/dist/ui/src/components/accordion.cjs +81 -0
- package/dist/ui/src/components/accordion.mjs +62 -0
- package/dist/ui/src/components/alert-dialog.cjs +157 -0
- package/dist/ui/src/components/alert-dialog.mjs +132 -0
- package/dist/ui/src/components/auto-form/common/label.cjs +18 -0
- package/dist/ui/src/components/auto-form/common/label.mjs +16 -0
- package/dist/ui/src/components/auto-form/common/tooltip.cjs +9 -0
- package/dist/ui/src/components/auto-form/common/tooltip.mjs +7 -0
- package/dist/ui/src/components/auto-form/config.cjs +40 -0
- package/dist/ui/src/components/auto-form/config.mjs +37 -0
- package/dist/ui/src/components/auto-form/dependencies.cjs +48 -0
- package/dist/ui/src/components/auto-form/dependencies.mjs +46 -0
- package/dist/ui/src/components/auto-form/fields/array.cjs +266 -0
- package/dist/ui/src/components/auto-form/fields/array.mjs +264 -0
- package/dist/ui/src/components/auto-form/fields/checkbox.cjs +38 -0
- package/dist/ui/src/components/auto-form/fields/checkbox.mjs +36 -0
- package/dist/ui/src/components/auto-form/fields/date.cjs +67 -0
- package/dist/ui/src/components/auto-form/fields/date.mjs +65 -0
- package/dist/ui/src/components/auto-form/fields/enum.cjs +73 -0
- package/dist/ui/src/components/auto-form/fields/enum.mjs +71 -0
- package/dist/ui/src/components/auto-form/fields/input.cjs +32 -0
- package/dist/ui/src/components/auto-form/fields/input.mjs +30 -0
- package/dist/ui/src/components/auto-form/fields/number.cjs +31 -0
- package/dist/ui/src/components/auto-form/fields/number.mjs +29 -0
- package/dist/ui/src/components/auto-form/fields/object.cjs +233 -0
- package/dist/ui/src/components/auto-form/fields/object.mjs +217 -0
- package/dist/ui/src/components/auto-form/fields/radio-group.cjs +67 -0
- package/dist/ui/src/components/auto-form/fields/radio-group.mjs +65 -0
- package/dist/ui/src/components/auto-form/fields/switch.cjs +38 -0
- package/dist/ui/src/components/auto-form/fields/switch.mjs +36 -0
- package/dist/ui/src/components/auto-form/fields/textarea.cjs +31 -0
- package/dist/ui/src/components/auto-form/fields/textarea.mjs +29 -0
- package/dist/ui/src/components/auto-form/helpers.cjs +270 -0
- package/dist/ui/src/components/auto-form/helpers.mjs +259 -0
- package/dist/ui/src/components/auto-form/index.cjs +92 -0
- package/dist/ui/src/components/auto-form/index.mjs +86 -0
- package/dist/ui/src/components/auto-form/stepped-auto-form.cjs +374 -0
- package/dist/ui/src/components/auto-form/stepped-auto-form.mjs +368 -0
- package/dist/ui/src/components/auto-form/types.cjs +11 -0
- package/dist/ui/src/components/auto-form/types.mjs +9 -0
- package/dist/ui/src/components/button.cjs +56 -0
- package/dist/ui/src/components/button.mjs +53 -0
- package/dist/ui/src/components/calendar.cjs +207 -0
- package/dist/ui/src/components/calendar.mjs +190 -0
- package/dist/ui/src/components/checkbox.cjs +48 -0
- package/dist/ui/src/components/checkbox.mjs +32 -0
- package/dist/ui/src/components/date-picker.cjs +41 -0
- package/dist/ui/src/components/date-picker.mjs +39 -0
- package/dist/ui/src/components/dialog.cjs +141 -0
- package/dist/ui/src/components/dialog.mjs +118 -0
- package/dist/ui/src/components/dropdown-menu.cjs +81 -0
- package/dist/ui/src/components/dropdown-menu.mjs +62 -0
- package/dist/ui/src/components/form-builder/canvas.cjs +111 -0
- package/dist/ui/src/components/form-builder/canvas.mjs +109 -0
- package/dist/ui/src/components/form-builder/components/index.cjs +571 -0
- package/dist/ui/src/components/form-builder/components/index.mjs +554 -0
- package/dist/ui/src/components/form-builder/edit-field-dialog.cjs +131 -0
- package/dist/ui/src/components/form-builder/edit-field-dialog.mjs +129 -0
- package/dist/ui/src/components/form-builder/form-preview.cjs +73 -0
- package/dist/ui/src/components/form-builder/form-preview.mjs +71 -0
- package/dist/ui/src/components/form-builder/index.cjs +350 -0
- package/dist/ui/src/components/form-builder/index.mjs +344 -0
- package/dist/ui/src/components/form-builder/nested-field-editor-dialog.cjs +263 -0
- package/dist/ui/src/components/form-builder/nested-field-editor-dialog.mjs +261 -0
- package/dist/ui/src/components/form-builder/palette.cjs +52 -0
- package/dist/ui/src/components/form-builder/palette.mjs +49 -0
- package/dist/ui/src/components/form-builder/schema-utils.cjs +128 -0
- package/dist/ui/src/components/form-builder/schema-utils.mjs +122 -0
- package/dist/ui/src/components/form-builder/sortable-field.cjs +151 -0
- package/dist/ui/src/components/form-builder/sortable-field.mjs +148 -0
- package/dist/ui/src/components/form-builder/step-tabs.cjs +180 -0
- package/dist/ui/src/components/form-builder/step-tabs.mjs +178 -0
- package/dist/ui/src/components/form-builder/types.cjs +7 -0
- package/dist/ui/src/components/form-builder/types.mjs +5 -0
- package/dist/ui/src/components/form-builder/validation-schemas.cjs +67 -0
- package/dist/ui/src/components/form-builder/validation-schemas.mjs +56 -0
- package/dist/ui/src/components/form.cjs +120 -0
- package/dist/ui/src/components/form.mjs +98 -0
- package/dist/ui/src/components/input.cjs +23 -0
- package/dist/ui/src/components/input.mjs +21 -0
- package/dist/ui/src/components/label.cjs +39 -0
- package/dist/ui/src/components/label.mjs +23 -0
- package/dist/ui/src/components/page-layout.cjs +25 -0
- package/dist/ui/src/components/page-layout.mjs +23 -0
- package/dist/ui/src/components/page-wrapper.cjs +20 -0
- package/dist/ui/src/components/page-wrapper.mjs +18 -0
- package/dist/ui/src/components/popover.cjs +60 -0
- package/dist/ui/src/components/popover.mjs +42 -0
- package/dist/ui/src/components/radio-group.cjs +62 -0
- package/dist/ui/src/components/radio-group.mjs +45 -0
- package/dist/ui/src/components/select.cjs +161 -0
- package/dist/ui/src/components/select.mjs +139 -0
- package/dist/ui/src/components/separator.cjs +43 -0
- package/dist/ui/src/components/separator.mjs +27 -0
- package/dist/ui/src/components/skeleton.cjs +17 -0
- package/dist/ui/src/components/skeleton.mjs +15 -0
- package/dist/ui/src/components/stack-attribution.cjs +24 -0
- package/dist/ui/src/components/stack-attribution.mjs +22 -0
- package/dist/ui/src/components/switch.cjs +48 -0
- package/dist/ui/src/components/switch.mjs +32 -0
- package/dist/ui/src/components/table.cjs +89 -0
- package/dist/ui/src/components/table.mjs +82 -0
- package/dist/ui/src/components/tabs.cjs +84 -0
- package/dist/ui/src/components/tabs.mjs +65 -0
- package/dist/ui/src/components/textarea.cjs +20 -0
- package/dist/ui/src/components/textarea.mjs +18 -0
- package/dist/ui/src/lib/schema-converter.cjs +133 -0
- package/dist/ui/src/lib/schema-converter.mjs +127 -0
- package/dist/ui/src/lib/utils.cjs +10 -0
- package/dist/ui/src/lib/utils.mjs +8 -0
- package/dist/utils.cjs +41 -0
- package/dist/utils.mjs +32 -0
- package/package.json +175 -3
- package/README.md +0 -3
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
const context = require('@btst/stack/context');
|
|
5
|
+
const formBuilderResource = require('./form-builder-resource.cjs');
|
|
6
|
+
|
|
7
|
+
function flattenPages(pages) {
|
|
8
|
+
const items = pages?.flatMap((page) => Array.isArray(page?.items) ? page.items : []) ?? [];
|
|
9
|
+
const total = pages?.[0]?.total ?? 0;
|
|
10
|
+
return { items, total };
|
|
11
|
+
}
|
|
12
|
+
function useForms(options = {}) {
|
|
13
|
+
const { status, limit = 20, enabled = true, search } = options;
|
|
14
|
+
const {
|
|
15
|
+
data,
|
|
16
|
+
isLoading,
|
|
17
|
+
error,
|
|
18
|
+
fetchNextPage,
|
|
19
|
+
hasNextPage,
|
|
20
|
+
isFetchingNextPage,
|
|
21
|
+
refetch
|
|
22
|
+
} = formBuilderResource.formBuilder.forms.list.useInfinite([{ status, limit, search }], {
|
|
23
|
+
enabled
|
|
24
|
+
});
|
|
25
|
+
const { items, total } = flattenPages(
|
|
26
|
+
data?.pages
|
|
27
|
+
);
|
|
28
|
+
return {
|
|
29
|
+
forms: items,
|
|
30
|
+
total,
|
|
31
|
+
isLoading,
|
|
32
|
+
error,
|
|
33
|
+
loadMore: fetchNextPage,
|
|
34
|
+
hasMore: !!hasNextPage,
|
|
35
|
+
isLoadingMore: isFetchingNextPage,
|
|
36
|
+
refetch
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
function useSuspenseForms(options = {}) {
|
|
40
|
+
const { status, limit = 20, search } = options;
|
|
41
|
+
const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = formBuilderResource.formBuilder.forms.list.useSuspenseInfinite([{ status, limit, search }]);
|
|
42
|
+
const { items, total } = flattenPages(
|
|
43
|
+
data.pages
|
|
44
|
+
);
|
|
45
|
+
return {
|
|
46
|
+
forms: items,
|
|
47
|
+
total,
|
|
48
|
+
loadMore: fetchNextPage,
|
|
49
|
+
hasMore: !!hasNextPage,
|
|
50
|
+
isLoadingMore: isFetchingNextPage,
|
|
51
|
+
refetch
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
function useFormById(id) {
|
|
55
|
+
const { data, isLoading, error, refetch } = formBuilderResource.formBuilder.forms.byId.use([id], {
|
|
56
|
+
enabled: !!id
|
|
57
|
+
});
|
|
58
|
+
return {
|
|
59
|
+
form: data ?? null,
|
|
60
|
+
isLoading,
|
|
61
|
+
error,
|
|
62
|
+
refetch
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
function useSuspenseFormById(id) {
|
|
66
|
+
const { data, refetch } = formBuilderResource.formBuilder.forms.byId.useSuspense([id]);
|
|
67
|
+
return {
|
|
68
|
+
form: data ?? null,
|
|
69
|
+
refetch
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
function useSuspenseFormForUpdate(id) {
|
|
73
|
+
const { data, refetch } = formBuilderResource.formBuilder.forms.forUpdate.useSuspense([id]);
|
|
74
|
+
return {
|
|
75
|
+
form: data ?? null,
|
|
76
|
+
refetch
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
function useFormBySlug(slug) {
|
|
80
|
+
const { data, isLoading, error, refetch } = formBuilderResource.formBuilder.forms.bySlug.use(
|
|
81
|
+
[slug],
|
|
82
|
+
{ enabled: !!slug }
|
|
83
|
+
);
|
|
84
|
+
return {
|
|
85
|
+
form: data ?? null,
|
|
86
|
+
isLoading,
|
|
87
|
+
error,
|
|
88
|
+
refetch
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
function useSuspenseFormBySlug(slug) {
|
|
92
|
+
const { data, refetch } = formBuilderResource.formBuilder.forms.bySlug.useSuspense([slug]);
|
|
93
|
+
return {
|
|
94
|
+
form: data ?? null,
|
|
95
|
+
refetch
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
function useCreateForm() {
|
|
99
|
+
return formBuilderResource.formBuilder.forms.create.use();
|
|
100
|
+
}
|
|
101
|
+
function useUpdateForm() {
|
|
102
|
+
return formBuilderResource.formBuilder.forms.update.use();
|
|
103
|
+
}
|
|
104
|
+
function useDeleteForm() {
|
|
105
|
+
return formBuilderResource.formBuilder.forms.delete.use();
|
|
106
|
+
}
|
|
107
|
+
function useFormBuilderForm(config) {
|
|
108
|
+
return formBuilderResource.formBuilder.forms.useForm(config);
|
|
109
|
+
}
|
|
110
|
+
function useSubmitForm(slug) {
|
|
111
|
+
const mutation = formBuilderResource.formBuilder.forms.submit.use();
|
|
112
|
+
return {
|
|
113
|
+
...mutation,
|
|
114
|
+
mutate: (vars) => mutation.mutate({ slug, data: vars.data }),
|
|
115
|
+
mutateAsync: (vars) => mutation.mutateAsync({ slug, data: vars.data })
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
function useSubmissions(formId, options = {}) {
|
|
119
|
+
const { limit = 20, enabled = true } = options;
|
|
120
|
+
const {
|
|
121
|
+
data,
|
|
122
|
+
isLoading,
|
|
123
|
+
error,
|
|
124
|
+
fetchNextPage,
|
|
125
|
+
hasNextPage,
|
|
126
|
+
isFetchingNextPage,
|
|
127
|
+
refetch
|
|
128
|
+
} = formBuilderResource.formBuilder.formSubmissions.list.useInfinite([{ formId, limit }], {
|
|
129
|
+
enabled: enabled && !!formId
|
|
130
|
+
});
|
|
131
|
+
const { items, total } = flattenPages(
|
|
132
|
+
data?.pages
|
|
133
|
+
);
|
|
134
|
+
const form = data?.pages?.[0]?.form ?? null;
|
|
135
|
+
return {
|
|
136
|
+
form,
|
|
137
|
+
submissions: items,
|
|
138
|
+
total,
|
|
139
|
+
isLoading,
|
|
140
|
+
error,
|
|
141
|
+
loadMore: fetchNextPage,
|
|
142
|
+
hasMore: !!hasNextPage,
|
|
143
|
+
isLoadingMore: isFetchingNextPage,
|
|
144
|
+
refetch
|
|
145
|
+
};
|
|
146
|
+
}
|
|
147
|
+
function useSuspenseSubmissions(formId, options = {}) {
|
|
148
|
+
const { limit = 20 } = options;
|
|
149
|
+
const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = formBuilderResource.formBuilder.formSubmissions.list.useSuspenseInfinite([{ formId, limit }]);
|
|
150
|
+
const { items, total } = flattenPages(
|
|
151
|
+
data.pages
|
|
152
|
+
);
|
|
153
|
+
const form = data.pages[0]?.form ?? null;
|
|
154
|
+
return {
|
|
155
|
+
form,
|
|
156
|
+
submissions: items,
|
|
157
|
+
total,
|
|
158
|
+
loadMore: fetchNextPage,
|
|
159
|
+
hasMore: !!hasNextPage,
|
|
160
|
+
isLoadingMore: isFetchingNextPage,
|
|
161
|
+
refetch
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
function useSubmission(formId, submissionId, options = {}) {
|
|
165
|
+
const { identity, isPending: isIdentityPending } = context.useIdentity();
|
|
166
|
+
const { data, isLoading, error, refetch } = formBuilderResource.formBuilder.formSubmissions.detail.use(
|
|
167
|
+
[formId, submissionId ?? "", identity],
|
|
168
|
+
{
|
|
169
|
+
enabled: (options.enabled ?? true) && !isIdentityPending && !!formId && !!submissionId
|
|
170
|
+
}
|
|
171
|
+
);
|
|
172
|
+
return {
|
|
173
|
+
submission: data ?? null,
|
|
174
|
+
isLoading,
|
|
175
|
+
error,
|
|
176
|
+
refetch
|
|
177
|
+
};
|
|
178
|
+
}
|
|
179
|
+
function useDeleteSubmission(formId) {
|
|
180
|
+
const mutation = formBuilderResource.formBuilder.formSubmissions.delete.use();
|
|
181
|
+
return {
|
|
182
|
+
...mutation,
|
|
183
|
+
mutate: (subId) => mutation.mutate({ formId, subId }),
|
|
184
|
+
mutateAsync: (subId) => mutation.mutateAsync({ formId, subId })
|
|
185
|
+
};
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
exports.useCreateForm = useCreateForm;
|
|
189
|
+
exports.useDeleteForm = useDeleteForm;
|
|
190
|
+
exports.useDeleteSubmission = useDeleteSubmission;
|
|
191
|
+
exports.useFormBuilderForm = useFormBuilderForm;
|
|
192
|
+
exports.useFormById = useFormById;
|
|
193
|
+
exports.useFormBySlug = useFormBySlug;
|
|
194
|
+
exports.useForms = useForms;
|
|
195
|
+
exports.useSubmission = useSubmission;
|
|
196
|
+
exports.useSubmissions = useSubmissions;
|
|
197
|
+
exports.useSubmitForm = useSubmitForm;
|
|
198
|
+
exports.useSuspenseFormById = useSuspenseFormById;
|
|
199
|
+
exports.useSuspenseFormBySlug = useSuspenseFormBySlug;
|
|
200
|
+
exports.useSuspenseFormForUpdate = useSuspenseFormForUpdate;
|
|
201
|
+
exports.useSuspenseForms = useSuspenseForms;
|
|
202
|
+
exports.useSuspenseSubmissions = useSuspenseSubmissions;
|
|
203
|
+
exports.useUpdateForm = useUpdateForm;
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useIdentity } from '@btst/stack/context';
|
|
3
|
+
import { formBuilder } from './form-builder-resource.mjs';
|
|
4
|
+
|
|
5
|
+
function flattenPages(pages) {
|
|
6
|
+
const items = pages?.flatMap((page) => Array.isArray(page?.items) ? page.items : []) ?? [];
|
|
7
|
+
const total = pages?.[0]?.total ?? 0;
|
|
8
|
+
return { items, total };
|
|
9
|
+
}
|
|
10
|
+
function useForms(options = {}) {
|
|
11
|
+
const { status, limit = 20, enabled = true, search } = options;
|
|
12
|
+
const {
|
|
13
|
+
data,
|
|
14
|
+
isLoading,
|
|
15
|
+
error,
|
|
16
|
+
fetchNextPage,
|
|
17
|
+
hasNextPage,
|
|
18
|
+
isFetchingNextPage,
|
|
19
|
+
refetch
|
|
20
|
+
} = formBuilder.forms.list.useInfinite([{ status, limit, search }], {
|
|
21
|
+
enabled
|
|
22
|
+
});
|
|
23
|
+
const { items, total } = flattenPages(
|
|
24
|
+
data?.pages
|
|
25
|
+
);
|
|
26
|
+
return {
|
|
27
|
+
forms: items,
|
|
28
|
+
total,
|
|
29
|
+
isLoading,
|
|
30
|
+
error,
|
|
31
|
+
loadMore: fetchNextPage,
|
|
32
|
+
hasMore: !!hasNextPage,
|
|
33
|
+
isLoadingMore: isFetchingNextPage,
|
|
34
|
+
refetch
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
function useSuspenseForms(options = {}) {
|
|
38
|
+
const { status, limit = 20, search } = options;
|
|
39
|
+
const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = formBuilder.forms.list.useSuspenseInfinite([{ status, limit, search }]);
|
|
40
|
+
const { items, total } = flattenPages(
|
|
41
|
+
data.pages
|
|
42
|
+
);
|
|
43
|
+
return {
|
|
44
|
+
forms: items,
|
|
45
|
+
total,
|
|
46
|
+
loadMore: fetchNextPage,
|
|
47
|
+
hasMore: !!hasNextPage,
|
|
48
|
+
isLoadingMore: isFetchingNextPage,
|
|
49
|
+
refetch
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
function useFormById(id) {
|
|
53
|
+
const { data, isLoading, error, refetch } = formBuilder.forms.byId.use([id], {
|
|
54
|
+
enabled: !!id
|
|
55
|
+
});
|
|
56
|
+
return {
|
|
57
|
+
form: data ?? null,
|
|
58
|
+
isLoading,
|
|
59
|
+
error,
|
|
60
|
+
refetch
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
function useSuspenseFormById(id) {
|
|
64
|
+
const { data, refetch } = formBuilder.forms.byId.useSuspense([id]);
|
|
65
|
+
return {
|
|
66
|
+
form: data ?? null,
|
|
67
|
+
refetch
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
function useSuspenseFormForUpdate(id) {
|
|
71
|
+
const { data, refetch } = formBuilder.forms.forUpdate.useSuspense([id]);
|
|
72
|
+
return {
|
|
73
|
+
form: data ?? null,
|
|
74
|
+
refetch
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
function useFormBySlug(slug) {
|
|
78
|
+
const { data, isLoading, error, refetch } = formBuilder.forms.bySlug.use(
|
|
79
|
+
[slug],
|
|
80
|
+
{ enabled: !!slug }
|
|
81
|
+
);
|
|
82
|
+
return {
|
|
83
|
+
form: data ?? null,
|
|
84
|
+
isLoading,
|
|
85
|
+
error,
|
|
86
|
+
refetch
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
function useSuspenseFormBySlug(slug) {
|
|
90
|
+
const { data, refetch } = formBuilder.forms.bySlug.useSuspense([slug]);
|
|
91
|
+
return {
|
|
92
|
+
form: data ?? null,
|
|
93
|
+
refetch
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
function useCreateForm() {
|
|
97
|
+
return formBuilder.forms.create.use();
|
|
98
|
+
}
|
|
99
|
+
function useUpdateForm() {
|
|
100
|
+
return formBuilder.forms.update.use();
|
|
101
|
+
}
|
|
102
|
+
function useDeleteForm() {
|
|
103
|
+
return formBuilder.forms.delete.use();
|
|
104
|
+
}
|
|
105
|
+
function useFormBuilderForm(config) {
|
|
106
|
+
return formBuilder.forms.useForm(config);
|
|
107
|
+
}
|
|
108
|
+
function useSubmitForm(slug) {
|
|
109
|
+
const mutation = formBuilder.forms.submit.use();
|
|
110
|
+
return {
|
|
111
|
+
...mutation,
|
|
112
|
+
mutate: (vars) => mutation.mutate({ slug, data: vars.data }),
|
|
113
|
+
mutateAsync: (vars) => mutation.mutateAsync({ slug, data: vars.data })
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
function useSubmissions(formId, options = {}) {
|
|
117
|
+
const { limit = 20, enabled = true } = options;
|
|
118
|
+
const {
|
|
119
|
+
data,
|
|
120
|
+
isLoading,
|
|
121
|
+
error,
|
|
122
|
+
fetchNextPage,
|
|
123
|
+
hasNextPage,
|
|
124
|
+
isFetchingNextPage,
|
|
125
|
+
refetch
|
|
126
|
+
} = formBuilder.formSubmissions.list.useInfinite([{ formId, limit }], {
|
|
127
|
+
enabled: enabled && !!formId
|
|
128
|
+
});
|
|
129
|
+
const { items, total } = flattenPages(
|
|
130
|
+
data?.pages
|
|
131
|
+
);
|
|
132
|
+
const form = data?.pages?.[0]?.form ?? null;
|
|
133
|
+
return {
|
|
134
|
+
form,
|
|
135
|
+
submissions: items,
|
|
136
|
+
total,
|
|
137
|
+
isLoading,
|
|
138
|
+
error,
|
|
139
|
+
loadMore: fetchNextPage,
|
|
140
|
+
hasMore: !!hasNextPage,
|
|
141
|
+
isLoadingMore: isFetchingNextPage,
|
|
142
|
+
refetch
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
function useSuspenseSubmissions(formId, options = {}) {
|
|
146
|
+
const { limit = 20 } = options;
|
|
147
|
+
const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = formBuilder.formSubmissions.list.useSuspenseInfinite([{ formId, limit }]);
|
|
148
|
+
const { items, total } = flattenPages(
|
|
149
|
+
data.pages
|
|
150
|
+
);
|
|
151
|
+
const form = data.pages[0]?.form ?? null;
|
|
152
|
+
return {
|
|
153
|
+
form,
|
|
154
|
+
submissions: items,
|
|
155
|
+
total,
|
|
156
|
+
loadMore: fetchNextPage,
|
|
157
|
+
hasMore: !!hasNextPage,
|
|
158
|
+
isLoadingMore: isFetchingNextPage,
|
|
159
|
+
refetch
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
function useSubmission(formId, submissionId, options = {}) {
|
|
163
|
+
const { identity, isPending: isIdentityPending } = useIdentity();
|
|
164
|
+
const { data, isLoading, error, refetch } = formBuilder.formSubmissions.detail.use(
|
|
165
|
+
[formId, submissionId ?? "", identity],
|
|
166
|
+
{
|
|
167
|
+
enabled: (options.enabled ?? true) && !isIdentityPending && !!formId && !!submissionId
|
|
168
|
+
}
|
|
169
|
+
);
|
|
170
|
+
return {
|
|
171
|
+
submission: data ?? null,
|
|
172
|
+
isLoading,
|
|
173
|
+
error,
|
|
174
|
+
refetch
|
|
175
|
+
};
|
|
176
|
+
}
|
|
177
|
+
function useDeleteSubmission(formId) {
|
|
178
|
+
const mutation = formBuilder.formSubmissions.delete.use();
|
|
179
|
+
return {
|
|
180
|
+
...mutation,
|
|
181
|
+
mutate: (subId) => mutation.mutate({ formId, subId }),
|
|
182
|
+
mutateAsync: (subId) => mutation.mutateAsync({ formId, subId })
|
|
183
|
+
};
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
export { useCreateForm, useDeleteForm, useDeleteSubmission, useFormBuilderForm, useFormById, useFormBySlug, useForms, useSubmission, useSubmissions, useSubmitForm, useSuspenseFormById, useSuspenseFormBySlug, useSuspenseFormForUpdate, useSuspenseForms, useSuspenseSubmissions, useUpdateForm };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
const hooks = require('@btst/stack/plugins/client/hooks');
|
|
5
|
+
const queryKeys = require('../../query-keys.cjs');
|
|
6
|
+
const constants = require('../constants.cjs');
|
|
7
|
+
|
|
8
|
+
const formBuilder = hooks.createResource({
|
|
9
|
+
plugin: constants.FORM_BUILDER_PLUGIN_ID,
|
|
10
|
+
resources: queryKeys.formBuilderResources
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
exports.formBuilder = formBuilder;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { createResource } from '@btst/stack/plugins/client/hooks';
|
|
3
|
+
import { formBuilderResources } from '../../query-keys.mjs';
|
|
4
|
+
import { FORM_BUILDER_PLUGIN_ID } from '../constants.mjs';
|
|
5
|
+
|
|
6
|
+
const formBuilder = createResource({
|
|
7
|
+
plugin: FORM_BUILDER_PLUGIN_ID,
|
|
8
|
+
resources: formBuilderResources
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
export { formBuilder };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const formBuilderHooks = require('./form-builder-hooks.cjs');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
exports.useCreateForm = formBuilderHooks.useCreateForm;
|
|
8
|
+
exports.useDeleteForm = formBuilderHooks.useDeleteForm;
|
|
9
|
+
exports.useDeleteSubmission = formBuilderHooks.useDeleteSubmission;
|
|
10
|
+
exports.useFormBuilderForm = formBuilderHooks.useFormBuilderForm;
|
|
11
|
+
exports.useFormById = formBuilderHooks.useFormById;
|
|
12
|
+
exports.useFormBySlug = formBuilderHooks.useFormBySlug;
|
|
13
|
+
exports.useForms = formBuilderHooks.useForms;
|
|
14
|
+
exports.useSubmission = formBuilderHooks.useSubmission;
|
|
15
|
+
exports.useSubmissions = formBuilderHooks.useSubmissions;
|
|
16
|
+
exports.useSubmitForm = formBuilderHooks.useSubmitForm;
|
|
17
|
+
exports.useSuspenseFormById = formBuilderHooks.useSuspenseFormById;
|
|
18
|
+
exports.useSuspenseFormBySlug = formBuilderHooks.useSuspenseFormBySlug;
|
|
19
|
+
exports.useSuspenseFormForUpdate = formBuilderHooks.useSuspenseFormForUpdate;
|
|
20
|
+
exports.useSuspenseForms = formBuilderHooks.useSuspenseForms;
|
|
21
|
+
exports.useSuspenseSubmissions = formBuilderHooks.useSuspenseSubmissions;
|
|
22
|
+
exports.useUpdateForm = formBuilderHooks.useUpdateForm;
|