@dxos/react-ui-form 0.8.3 → 0.8.4-main.1c7ec43d41

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 (252) hide show
  1. package/README.md +0 -1
  2. package/dist/lib/browser/index.mjs +2792 -2141
  3. package/dist/lib/browser/index.mjs.map +4 -4
  4. package/dist/lib/browser/meta.json +1 -1
  5. package/dist/lib/browser/translations.mjs +82 -0
  6. package/dist/lib/browser/translations.mjs.map +7 -0
  7. package/dist/lib/node-esm/index.mjs +2792 -2141
  8. package/dist/lib/node-esm/index.mjs.map +4 -4
  9. package/dist/lib/node-esm/meta.json +1 -1
  10. package/dist/lib/node-esm/translations.mjs +84 -0
  11. package/dist/lib/node-esm/translations.mjs.map +7 -0
  12. package/dist/types/src/components/FieldEditor/FieldEditor.d.ts +9 -9
  13. package/dist/types/src/components/FieldEditor/FieldEditor.d.ts.map +1 -1
  14. package/dist/types/src/components/FieldEditor/FieldEditor.stories.d.ts +86 -7
  15. package/dist/types/src/components/FieldEditor/FieldEditor.stories.d.ts.map +1 -1
  16. package/dist/types/src/components/Form/Form.d.ts +109 -25
  17. package/dist/types/src/components/Form/Form.d.ts.map +1 -1
  18. package/dist/types/src/components/Form/Form.stories.d.ts +130 -56
  19. package/dist/types/src/components/Form/Form.stories.d.ts.map +1 -1
  20. package/dist/types/src/components/Form/FormField.d.ts +43 -0
  21. package/dist/types/src/components/Form/FormField.d.ts.map +1 -0
  22. package/dist/types/src/components/Form/FormFieldComponent.d.ts +79 -0
  23. package/dist/types/src/components/Form/FormFieldComponent.d.ts.map +1 -0
  24. package/dist/types/src/components/Form/FormFieldComponent.stories.d.ts +9 -0
  25. package/dist/types/src/components/Form/FormFieldComponent.stories.d.ts.map +1 -0
  26. package/dist/types/src/components/Form/FormFieldSet.d.ts +15 -0
  27. package/dist/types/src/components/Form/FormFieldSet.d.ts.map +1 -0
  28. package/dist/types/src/components/Form/fields/ArrayField.d.ts +18 -0
  29. package/dist/types/src/components/Form/fields/ArrayField.d.ts.map +1 -0
  30. package/dist/types/src/components/Form/fields/BooleanField.d.ts +4 -0
  31. package/dist/types/src/components/Form/fields/BooleanField.d.ts.map +1 -0
  32. package/dist/types/src/components/Form/fields/GeoPointField.d.ts +5 -0
  33. package/dist/types/src/components/Form/fields/GeoPointField.d.ts.map +1 -0
  34. package/dist/types/src/components/Form/fields/MarkdownField.d.ts +11 -0
  35. package/dist/types/src/components/Form/fields/MarkdownField.d.ts.map +1 -0
  36. package/dist/types/src/components/Form/fields/MarkdownField.stories.d.ts +84 -0
  37. package/dist/types/src/components/Form/fields/MarkdownField.stories.d.ts.map +1 -0
  38. package/dist/types/src/components/Form/fields/NumberField.d.ts +4 -0
  39. package/dist/types/src/components/Form/fields/NumberField.d.ts.map +1 -0
  40. package/dist/types/src/components/Form/fields/RefField.d.ts +22 -0
  41. package/dist/types/src/components/Form/fields/RefField.d.ts.map +1 -0
  42. package/dist/types/src/components/Form/fields/SelectField.d.ts +10 -0
  43. package/dist/types/src/components/Form/fields/SelectField.d.ts.map +1 -0
  44. package/dist/types/src/components/Form/fields/SelectOptionField.d.ts +5 -0
  45. package/dist/types/src/components/Form/fields/SelectOptionField.d.ts.map +1 -0
  46. package/dist/types/src/components/Form/fields/SelectOptionField.stories.d.ts +84 -0
  47. package/dist/types/src/components/Form/fields/SelectOptionField.stories.d.ts.map +1 -0
  48. package/dist/types/src/components/Form/fields/TextAreaField.d.ts +4 -0
  49. package/dist/types/src/components/Form/fields/TextAreaField.d.ts.map +1 -0
  50. package/dist/types/src/components/Form/fields/TextField.d.ts +4 -0
  51. package/dist/types/src/components/Form/fields/TextField.d.ts.map +1 -0
  52. package/dist/types/src/components/Form/fields/TupleField.d.ts +6 -0
  53. package/dist/types/src/components/Form/fields/TupleField.d.ts.map +1 -0
  54. package/dist/types/src/components/Form/fields/index.d.ts +12 -0
  55. package/dist/types/src/components/Form/fields/index.d.ts.map +1 -0
  56. package/dist/types/src/components/Form/index.d.ts +2 -4
  57. package/dist/types/src/components/Form/index.d.ts.map +1 -1
  58. package/dist/types/src/components/ObjectForm/ObjectForm.d.ts +9 -0
  59. package/dist/types/src/components/ObjectForm/ObjectForm.d.ts.map +1 -0
  60. package/dist/types/src/components/ObjectForm/index.d.ts +2 -0
  61. package/dist/types/src/components/ObjectForm/index.d.ts.map +1 -0
  62. package/dist/types/src/components/ObjectPicker/ObjectPicker.d.ts +68 -0
  63. package/dist/types/src/components/ObjectPicker/ObjectPicker.d.ts.map +1 -0
  64. package/dist/types/src/components/ObjectPicker/ObjectPicker.stories.d.ts +87 -0
  65. package/dist/types/src/components/ObjectPicker/ObjectPicker.stories.d.ts.map +1 -0
  66. package/dist/types/src/components/ObjectPicker/index.d.ts +2 -0
  67. package/dist/types/src/components/ObjectPicker/index.d.ts.map +1 -0
  68. package/dist/types/src/components/ObjectProperties/ObjectProperties.d.ts +9 -0
  69. package/dist/types/src/components/ObjectProperties/ObjectProperties.d.ts.map +1 -0
  70. package/dist/types/src/components/ObjectProperties/ObjectProperties.stories.d.ts +127 -0
  71. package/dist/types/src/components/ObjectProperties/ObjectProperties.stories.d.ts.map +1 -0
  72. package/dist/types/src/components/ObjectProperties/ObjectProperties.test.d.ts +2 -0
  73. package/dist/types/src/components/ObjectProperties/ObjectProperties.test.d.ts.map +1 -0
  74. package/dist/types/src/components/ObjectProperties/index.d.ts +2 -0
  75. package/dist/types/src/components/ObjectProperties/index.d.ts.map +1 -0
  76. package/dist/types/src/components/Settings/Settings.d.ts +51 -0
  77. package/dist/types/src/components/Settings/Settings.d.ts.map +1 -0
  78. package/dist/types/src/components/Settings/Settings.stories.d.ts +84 -0
  79. package/dist/types/src/components/Settings/Settings.stories.d.ts.map +1 -0
  80. package/dist/types/src/components/Settings/SettingsFieldSet.d.ts +43 -0
  81. package/dist/types/src/components/Settings/SettingsFieldSet.d.ts.map +1 -0
  82. package/dist/types/src/components/Settings/SettingsItem.d.ts +16 -0
  83. package/dist/types/src/components/Settings/SettingsItem.d.ts.map +1 -0
  84. package/dist/types/src/components/Settings/SettingsSelectField.d.ts +18 -0
  85. package/dist/types/src/components/Settings/SettingsSelectField.d.ts.map +1 -0
  86. package/dist/types/src/components/Settings/index.d.ts +4 -0
  87. package/dist/types/src/components/Settings/index.d.ts.map +1 -0
  88. package/dist/types/src/components/ViewEditor/ViewEditor.d.ts +22 -10
  89. package/dist/types/src/components/ViewEditor/ViewEditor.d.ts.map +1 -1
  90. package/dist/types/src/components/ViewEditor/ViewEditor.stories.d.ts +87 -9
  91. package/dist/types/src/components/ViewEditor/ViewEditor.stories.d.ts.map +1 -1
  92. package/dist/types/src/components/index.d.ts +4 -2
  93. package/dist/types/src/components/index.d.ts.map +1 -1
  94. package/dist/types/src/components/testing.d.ts +5 -4
  95. package/dist/types/src/components/testing.d.ts.map +1 -1
  96. package/dist/types/src/hooks/index.d.ts +2 -3
  97. package/dist/types/src/hooks/index.d.ts.map +1 -1
  98. package/dist/types/src/hooks/useFormHandler.d.ts +82 -0
  99. package/dist/types/src/hooks/useFormHandler.d.ts.map +1 -0
  100. package/dist/types/src/hooks/useKeyHandler.d.ts +7 -0
  101. package/dist/types/src/hooks/useKeyHandler.d.ts.map +1 -0
  102. package/dist/types/src/index.d.ts +0 -2
  103. package/dist/types/src/index.d.ts.map +1 -1
  104. package/dist/types/src/translations.d.ts +68 -58
  105. package/dist/types/src/translations.d.ts.map +1 -1
  106. package/dist/types/src/util/field-type.d.ts +19 -0
  107. package/dist/types/src/util/field-type.d.ts.map +1 -0
  108. package/dist/types/src/util/field.d.ts +3 -3
  109. package/dist/types/src/util/field.d.ts.map +1 -1
  110. package/dist/types/src/util/formatting.d.ts +2 -2
  111. package/dist/types/src/util/formatting.d.ts.map +1 -1
  112. package/dist/types/src/util/index.d.ts +2 -1
  113. package/dist/types/src/util/index.d.ts.map +1 -1
  114. package/dist/types/src/util/properties.d.ts +7 -0
  115. package/dist/types/src/util/properties.d.ts.map +1 -0
  116. package/dist/types/src/util/refs.d.ts +3 -3
  117. package/dist/types/src/util/refs.d.ts.map +1 -1
  118. package/dist/types/tsconfig.tsbuildinfo +1 -1
  119. package/package.json +57 -48
  120. package/src/components/FieldEditor/FieldEditor.stories.tsx +53 -32
  121. package/src/components/FieldEditor/FieldEditor.test.tsx +13 -13
  122. package/src/components/FieldEditor/FieldEditor.tsx +90 -95
  123. package/src/components/Form/AUDIT.md +17 -0
  124. package/src/components/Form/Form.stories.tsx +148 -224
  125. package/src/components/Form/Form.tsx +376 -95
  126. package/src/components/Form/FormField.tsx +306 -0
  127. package/src/components/Form/FormFieldComponent.stories.tsx +65 -0
  128. package/src/components/Form/FormFieldComponent.tsx +174 -0
  129. package/src/components/Form/FormFieldSet.tsx +144 -0
  130. package/src/components/Form/README.md +3 -0
  131. package/src/components/Form/fields/ArrayField.tsx +159 -0
  132. package/src/components/Form/fields/BooleanField.tsx +22 -0
  133. package/src/components/Form/fields/GeoPointField.tsx +121 -0
  134. package/src/components/Form/fields/MarkdownField.stories.tsx +206 -0
  135. package/src/components/Form/fields/MarkdownField.tsx +168 -0
  136. package/src/components/Form/fields/NumberField.tsx +39 -0
  137. package/src/components/Form/fields/RefField.tsx +229 -0
  138. package/src/components/Form/fields/SelectField.tsx +65 -0
  139. package/src/components/Form/fields/SelectOptionField.stories.tsx +66 -0
  140. package/src/components/Form/{custom/SelectOptionsInput.tsx → fields/SelectOptionField.tsx} +50 -45
  141. package/src/components/Form/fields/TextAreaField.tsx +38 -0
  142. package/src/components/Form/fields/TextField.tsx +38 -0
  143. package/src/components/Form/{custom/TupleInput.tsx → fields/TupleField.tsx} +17 -10
  144. package/src/components/Form/fields/index.ts +15 -0
  145. package/src/components/Form/index.ts +3 -4
  146. package/src/components/ObjectForm/ObjectForm.tsx +114 -0
  147. package/src/components/{ControlSection → ObjectForm}/index.ts +1 -1
  148. package/src/components/ObjectPicker/ObjectPicker.stories.tsx +212 -0
  149. package/src/components/ObjectPicker/ObjectPicker.tsx +202 -0
  150. package/src/components/ObjectPicker/index.ts +5 -0
  151. package/src/components/ObjectProperties/ObjectProperties.stories.tsx +362 -0
  152. package/src/components/ObjectProperties/ObjectProperties.test.tsx +101 -0
  153. package/src/components/ObjectProperties/ObjectProperties.tsx +141 -0
  154. package/src/components/ObjectProperties/index.ts +5 -0
  155. package/src/components/Settings/AUDIT.md +52 -0
  156. package/src/components/Settings/Settings.stories.tsx +104 -0
  157. package/src/components/Settings/Settings.tsx +82 -0
  158. package/src/components/Settings/SettingsFieldSet.tsx +257 -0
  159. package/src/components/Settings/SettingsItem.tsx +62 -0
  160. package/src/components/Settings/SettingsSelectField.tsx +59 -0
  161. package/src/components/Settings/index.ts +7 -0
  162. package/src/components/ViewEditor/ViewEditor.stories.tsx +146 -62
  163. package/src/components/ViewEditor/ViewEditor.test.tsx +43 -43
  164. package/src/components/ViewEditor/ViewEditor.tsx +355 -219
  165. package/src/components/index.ts +4 -3
  166. package/src/components/testing.tsx +31 -12
  167. package/src/hooks/index.ts +2 -3
  168. package/src/hooks/useFormHandler.ts +380 -0
  169. package/src/hooks/useKeyHandler.tsx +37 -0
  170. package/src/index.ts +0 -4
  171. package/src/translations.ts +74 -60
  172. package/src/util/field-type.ts +60 -0
  173. package/src/util/field.ts +33 -43
  174. package/src/util/formatting.ts +22 -22
  175. package/src/util/index.ts +2 -1
  176. package/src/util/properties.ts +18 -0
  177. package/src/util/refs.ts +17 -19
  178. package/dist/lib/node/index.cjs +0 -2416
  179. package/dist/lib/node/index.cjs.map +0 -7
  180. package/dist/lib/node/meta.json +0 -1
  181. package/dist/types/src/components/ControlSection/ControlSection.d.ts +0 -23
  182. package/dist/types/src/components/ControlSection/ControlSection.d.ts.map +0 -1
  183. package/dist/types/src/components/ControlSection/ControlSection.stories.d.ts +0 -8
  184. package/dist/types/src/components/ControlSection/ControlSection.stories.d.ts.map +0 -1
  185. package/dist/types/src/components/ControlSection/index.d.ts +0 -2
  186. package/dist/types/src/components/ControlSection/index.d.ts.map +0 -1
  187. package/dist/types/src/components/Form/ArrayField.d.ts +0 -16
  188. package/dist/types/src/components/Form/ArrayField.d.ts.map +0 -1
  189. package/dist/types/src/components/Form/Defaults.d.ts +0 -14
  190. package/dist/types/src/components/Form/Defaults.d.ts.map +0 -1
  191. package/dist/types/src/components/Form/FormActions.d.ts +0 -9
  192. package/dist/types/src/components/Form/FormActions.d.ts.map +0 -1
  193. package/dist/types/src/components/Form/FormContent.d.ts +0 -57
  194. package/dist/types/src/components/Form/FormContent.d.ts.map +0 -1
  195. package/dist/types/src/components/Form/FormContext.d.ts +0 -23
  196. package/dist/types/src/components/Form/FormContext.d.ts.map +0 -1
  197. package/dist/types/src/components/Form/Input.d.ts +0 -26
  198. package/dist/types/src/components/Form/Input.d.ts.map +0 -1
  199. package/dist/types/src/components/Form/RefField.d.ts +0 -12
  200. package/dist/types/src/components/Form/RefField.d.ts.map +0 -1
  201. package/dist/types/src/components/Form/custom/GeoPointInput.d.ts +0 -4
  202. package/dist/types/src/components/Form/custom/GeoPointInput.d.ts.map +0 -1
  203. package/dist/types/src/components/Form/custom/SelectOptionsInput.d.ts +0 -4
  204. package/dist/types/src/components/Form/custom/SelectOptionsInput.d.ts.map +0 -1
  205. package/dist/types/src/components/Form/custom/SelectOptionsInput.stories.d.ts +0 -7
  206. package/dist/types/src/components/Form/custom/SelectOptionsInput.stories.d.ts.map +0 -1
  207. package/dist/types/src/components/Form/custom/TupleInput.d.ts +0 -6
  208. package/dist/types/src/components/Form/custom/TupleInput.d.ts.map +0 -1
  209. package/dist/types/src/components/Form/custom/index.d.ts +0 -4
  210. package/dist/types/src/components/Form/custom/index.d.ts.map +0 -1
  211. package/dist/types/src/components/Form/factory.d.ts +0 -8
  212. package/dist/types/src/components/Form/factory.d.ts.map +0 -1
  213. package/dist/types/src/components/ViewEditor/Test.stories.d.ts +0 -10
  214. package/dist/types/src/components/ViewEditor/Test.stories.d.ts.map +0 -1
  215. package/dist/types/src/components/deprecated/Form.d.ts +0 -15
  216. package/dist/types/src/components/deprecated/Form.d.ts.map +0 -1
  217. package/dist/types/src/components/deprecated/Form.stories.d.ts +0 -13
  218. package/dist/types/src/components/deprecated/Form.stories.d.ts.map +0 -1
  219. package/dist/types/src/components/deprecated/FormInput.d.ts +0 -16
  220. package/dist/types/src/components/deprecated/FormInput.d.ts.map +0 -1
  221. package/dist/types/src/components/deprecated/index.d.ts +0 -2
  222. package/dist/types/src/components/deprecated/index.d.ts.map +0 -1
  223. package/dist/types/src/hooks/useForm.d.ts +0 -67
  224. package/dist/types/src/hooks/useForm.d.ts.map +0 -1
  225. package/dist/types/src/hooks/useQueryRefOptions.d.ts +0 -23
  226. package/dist/types/src/hooks/useQueryRefOptions.d.ts.map +0 -1
  227. package/dist/types/src/hooks/useRefQueryLookupHandler.d.ts +0 -8
  228. package/dist/types/src/hooks/useRefQueryLookupHandler.d.ts.map +0 -1
  229. package/dist/types/src/util/schema.d.ts +0 -3
  230. package/dist/types/src/util/schema.d.ts.map +0 -1
  231. package/src/components/ControlSection/ControlSection.stories.tsx +0 -41
  232. package/src/components/ControlSection/ControlSection.tsx +0 -139
  233. package/src/components/Form/ArrayField.tsx +0 -124
  234. package/src/components/Form/Defaults.tsx +0 -203
  235. package/src/components/Form/FormActions.tsx +0 -53
  236. package/src/components/Form/FormContent.tsx +0 -240
  237. package/src/components/Form/FormContext.tsx +0 -110
  238. package/src/components/Form/Input.tsx +0 -51
  239. package/src/components/Form/RefField.tsx +0 -213
  240. package/src/components/Form/custom/GeoPointInput.tsx +0 -72
  241. package/src/components/Form/custom/SelectOptionsInput.stories.tsx +0 -61
  242. package/src/components/Form/custom/index.ts +0 -7
  243. package/src/components/Form/factory.tsx +0 -31
  244. package/src/components/ViewEditor/Test.stories.tsx +0 -45
  245. package/src/components/deprecated/Form.stories.tsx +0 -62
  246. package/src/components/deprecated/Form.tsx +0 -119
  247. package/src/components/deprecated/FormInput.tsx +0 -71
  248. package/src/components/deprecated/index.ts +0 -5
  249. package/src/hooks/useForm.ts +0 -291
  250. package/src/hooks/useQueryRefOptions.ts +0 -53
  251. package/src/hooks/useRefQueryLookupHandler.ts +0 -39
  252. package/src/util/schema.ts +0 -14
@@ -1,53 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { useEffect, useState } from 'react';
6
-
7
- import { type TypeAnnotation } from '@dxos/echo-schema';
8
- import { type DXN } from '@dxos/keys';
9
- import { log } from '@dxos/log';
10
- import { type TagPickerItemData } from '@dxos/react-ui-tag-picker';
11
- import { type MaybePromise } from '@dxos/util';
12
-
13
- export type RefOption = { dxn: DXN; label?: string };
14
- export type QueryRefOptions = (type: TypeAnnotation) => MaybePromise<RefOption[]>;
15
-
16
- type UseQueryRefOptionsProps = { refTypeInfo: TypeAnnotation | undefined; onQueryRefOptions?: QueryRefOptions };
17
-
18
- /**
19
- * Hook to query reference options based on type information.
20
- * Used internally within forms to fetch and format reference options for reference fields.
21
- */
22
- export const useQueryRefOptions = ({ refTypeInfo, onQueryRefOptions }: UseQueryRefOptionsProps) => {
23
- const [options, setOptions] = useState<TagPickerItemData[]>([]);
24
- const [loading, setLoading] = useState(false);
25
-
26
- useEffect(() => {
27
- if (!refTypeInfo || !onQueryRefOptions) {
28
- return;
29
- }
30
-
31
- const fetchOptions = async () => {
32
- setLoading(true);
33
- try {
34
- const fetchedOptions = await onQueryRefOptions(refTypeInfo);
35
- setOptions(
36
- fetchedOptions.map((option) => {
37
- const dxn = option.dxn.toString() as string;
38
- return { id: dxn, label: option.label ?? dxn, hue: 'neutral' as any };
39
- }),
40
- );
41
- } catch (error) {
42
- log.error('Failed to fetch ref options:', error);
43
- setOptions([]);
44
- } finally {
45
- setLoading(false);
46
- }
47
- };
48
-
49
- void fetchOptions();
50
- }, [refTypeInfo, onQueryRefOptions]);
51
-
52
- return { options, loading };
53
- };
@@ -1,39 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { useCallback } from 'react';
6
-
7
- import { getObjectDXN, type TypeAnnotation } from '@dxos/echo-schema';
8
- import { Filter, type Space } from '@dxos/react-client/echo';
9
- import { isNonNullable } from '@dxos/util';
10
-
11
- import { type QueryRefOptions } from './useQueryRefOptions';
12
-
13
- type UseRefQueryLookupProps = { space?: Space };
14
-
15
- export const useRefQueryLookupHandler = ({ space }: UseRefQueryLookupProps): QueryRefOptions => {
16
- return useCallback(
17
- async (typeInfo: TypeAnnotation) => {
18
- if (!space) {
19
- return [];
20
- }
21
- const query = space.db.query(Filter.typename(typeInfo.typename));
22
- const { objects } = await query.run();
23
-
24
- return objects
25
- .map((object) => {
26
- const dxn = getObjectDXN(object);
27
- if (!dxn) {
28
- return undefined;
29
- }
30
-
31
- // TODO(Zaymon): Better fallback object names?
32
- const item = { dxn, label: object?.name ?? object?.id ?? '' };
33
- return item;
34
- })
35
- .filter(isNonNullable);
36
- },
37
- [space],
38
- );
39
- };
@@ -1,14 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { SchemaAST } from 'effect';
6
-
7
- import { findNode } from '@dxos/effect';
8
-
9
- export const findArrayElementType = (ast: SchemaAST.AST) => {
10
- const tupleType = findNode(ast, SchemaAST.isTupleType);
11
- const elementType = (tupleType as SchemaAST.TupleType | undefined)?.rest[0]?.type;
12
-
13
- return elementType;
14
- };