@dxos/react-ui-form 0.9.0 → 0.9.1-main.c7dcc2e112

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-form",
-  "version": "0.9.0",
+  "version": "0.9.1-main.c7dcc2e112",
   "description": "Data components.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -12,7 +12,8 @@
   "author": "DXOS.org",
   "type": "module",
   "imports": {
-    "#translations": "./src/translations.ts"
+    "#translations": "./src/translations.ts",
+    "#types": "./src/types.ts"
   },
   "exports": {
     ".": {
@@ -43,27 +44,27 @@
     "@radix-ui/react-use-controllable-state": "1.1.0",
     "date-fns": "^3.6.0",
     "tabster": "^8.5.5",
-    "@dxos/echo": "0.9.0",
-    "@dxos/echo-client": "0.9.0",
-    "@dxos/echo-protocol": "0.9.0",
-    "@dxos/async": "0.9.0",
-    "@dxos/echo-react": "0.9.0",
-    "@dxos/invariant": "0.9.0",
-    "@dxos/effect": "0.9.0",
-    "@dxos/log": "0.9.0",
-    "@dxos/keys": "0.9.0",
-    "@dxos/lit-ui": "0.9.0",
-    "@dxos/react-ui-components": "0.9.0",
-    "@dxos/react-ui-list": "0.9.0",
-    "@dxos/react-client": "0.9.0",
-    "@dxos/react-ui-pickers": "0.9.0",
-    "@dxos/react-ui-search": "0.9.0",
-    "@dxos/schema": "0.9.0",
-    "@dxos/react-ui-editor": "0.9.0",
-    "@dxos/ui": "0.9.0",
-    "@dxos/types": "0.9.0",
-    "@dxos/ui-editor": "0.9.0",
-    "@dxos/util": "0.9.0"
+    "@dxos/echo": "0.9.1-main.c7dcc2e112",
+    "@dxos/echo-protocol": "0.9.1-main.c7dcc2e112",
+    "@dxos/echo-react": "0.9.1-main.c7dcc2e112",
+    "@dxos/async": "0.9.1-main.c7dcc2e112",
+    "@dxos/effect": "0.9.1-main.c7dcc2e112",
+    "@dxos/invariant": "0.9.1-main.c7dcc2e112",
+    "@dxos/keys": "0.9.1-main.c7dcc2e112",
+    "@dxos/lit-ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-components": "0.9.1-main.c7dcc2e112",
+    "@dxos/log": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-client": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-editor": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-list": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-pickers": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-search": "0.9.1-main.c7dcc2e112",
+    "@dxos/schema": "0.9.1-main.c7dcc2e112",
+    "@dxos/types": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/echo-client": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui-editor": "0.9.1-main.c7dcc2e112",
+    "@dxos/util": "0.9.1-main.c7dcc2e112"
   },
   "devDependencies": {
     "@types/react": "~19.2.7",
@@ -73,22 +74,22 @@
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
     "vite": "^8.0.16",
-    "@dxos/effect-proto": "0.9.0",
-    "@dxos/protocols": "0.9.0",
-    "@dxos/random": "0.9.0",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/react-client": "0.9.0",
-    "@dxos/react-ui-syntax-highlighter": "0.9.0",
-    "@dxos/storybook-utils": "0.9.0",
-    "@dxos/ui-types": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/protocols": "0.9.1-main.c7dcc2e112",
+    "@dxos/random": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-client": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-syntax-highlighter": "0.9.1-main.c7dcc2e112",
+    "@dxos/storybook-utils": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui-types": "0.9.1-main.c7dcc2e112",
+    "@dxos/effect-proto": "0.9.1-main.c7dcc2e112"
   },
   "peerDependencies": {
     "effect": "3.21.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/react-ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112"
   },
   "publishConfig": {
     "access": "public"

package/src/components/FieldEditor/FieldEditor.stories.tsx

@@ -14,7 +14,7 @@ import { Example } from '@dxos/schema/testing';
 
 import { translations } from '#translations';
 
-import { FIELD_EDITOR_DEBUG_SYMBOL, TestLayout } from '../testing';
+import { FIELD_EDITOR_DEBUG_SYMBOL, TestLayout } from '../../testing';
 import { FieldEditor, type FieldEditorProps } from './FieldEditor';
 
 export type FieldEditorDebugObjects = {

package/src/components/FieldEditor/FieldEditor.test.tsx

@@ -8,7 +8,7 @@ import { afterEach, describe, expect, test } from 'vitest';
 
 import { ProjectionModel } from '@dxos/schema';
 
-import { FIELD_EDITOR_DEBUG_SYMBOL } from '../testing';
+import { FIELD_EDITOR_DEBUG_SYMBOL } from '../../testing';
 import * as stories from './FieldEditor.stories';
 import { type FieldEditorDebugObjects } from './FieldEditor.stories';
 

package/src/components/FieldEditor/FieldEditor.tsx

@@ -17,21 +17,22 @@ import {
 } from '@dxos/schema';
 
 import { translationKey } from '#translations';
+import { type FormFieldMap } from '#types';
 
 import { getFormProperties } from '../../util';
-import { Form, type FormFieldMap, type FormRootProps, SelectField, SelectOptionField } from '../Form';
+import { Form, type FormRootProps, SelectField, SelectOptionField } from '../Form';
 
-export type FieldEditorProps = {
+export type FieldEditorProps = Pick<FormRootProps<any>, 'readonly'> & {
   projection: ProjectionModel;
   field: View.FieldType;
   registry?: Registry.Registry;
   view?: Obj.Unknown;
   onSave: () => void;
   onCancel?: () => void;
-} & Pick<FormRootProps<any>, 'readonly'>;
+};
 
 /**
- * Displays a Form representing the metadata for a given `Field` and `View`.
+ * Displays a Form representing the metadata for a `Field` within a given `View`.
  */
 export const FieldEditor = ({ readonly, projection, field, registry, view, onSave, onCancel }: FieldEditorProps) => {
   const { t } = useTranslation(translationKey);

package/src/components/Form/Form.stories.tsx

@@ -6,7 +6,7 @@ import { type Meta, type StoryObj } from '@storybook/react-vite';
 import * as Schema from 'effect/Schema';
 import React, { useCallback, useState } from 'react';
 
-import { DXN, Annotation, Format, Obj, Ref, Tag, Type } from '@dxos/echo';
+import { Obj, Tag, Type } from '@dxos/echo';
 import { type AnyProperties } from '@dxos/echo/internal';
 import { log } from '@dxos/log';
 import { useSpaces } from '@dxos/react-client/echo';
@@ -16,54 +16,9 @@ import { Loading, withLayout, withTheme } from '@dxos/react-ui/testing';
 
 import { translations } from '#translations';
 
-import { TestLayout } from '../testing';
-import { type ExcludeId, Form, type FormRootProps, omitId } from './Form';
-
-const Organization = Schema.Struct({
-  name: Schema.String.pipe(Schema.minLength(1)).annotations({ title: 'Full name' }),
-}).pipe(Type.makeObject(DXN.make('com.example.type.organization', '0.1.0')));
-
-export type Organization = Type.InstanceType<typeof Organization>;
-
-const Person = Schema.Struct({
-  name: Schema.String.pipe(Schema.minLength(1)).annotations({ title: 'Full name' }),
-  ignore: Schema.String.pipe(Annotation.FormInputAnnotation.set(false), Schema.optional),
-  active: Schema.optional(Schema.Boolean.annotations({ title: 'Active' })),
-  address: Schema.optional(
-    Schema.Struct({
-      street: Schema.String,
-      city: Schema.String,
-      // TODO(burdon): Constrain input control.
-      state: Schema.String.pipe(Schema.minLength(2), Schema.maxLength(2)).annotations({
-        title: 'State',
-        description: 'State code',
-      }),
-      zip: Schema.Number.annotations({ title: 'ZIP Code' }),
-    }).annotations({ title: 'Address' }),
-  ),
-  employer: Schema.optional(Ref.Ref(Organization).annotations({ title: 'Employer' })),
-  tags: Schema.optional(Schema.Array(Ref.Ref(Tag.Tag)).annotations({ title: 'Tags' })),
-  status: Schema.optional(Schema.Literal('active', 'inactive').annotations({ title: 'Status' })),
-  notes: Schema.optional(Format.Text.annotations({ title: 'Notes' })),
-  location: Schema.optional(Format.GeoPoint.annotations({ title: 'Location' })),
-  birthday: Schema.optional(Format.DateOnly.annotations({ title: 'Birthday' })),
-  meetingAt: Schema.optional(Format.DateTime.annotations({ title: 'Next meeting' })),
-  reminderAt: Schema.optional(Format.TimeOnly.annotations({ title: 'Reminder time' })),
-  tasks: Schema.optional(Schema.Array(Schema.String).annotations({ title: 'Tasks' })),
-  locations: Schema.optional(Schema.Array(Format.GeoPoint).annotations({ title: 'Locations' })),
-  identities: Schema.optional(
-    Schema.Array(
-      Schema.Struct({
-        type: Schema.String.annotations({ title: 'Type' }),
-        value: Schema.String.annotations({ title: 'Value' }),
-      }).annotations({ title: 'Identities' }),
-    ).annotations({
-      title: 'Identities',
-    }),
-  ),
-}).pipe(Type.makeObject(DXN.make('org.dxos.type.person', '0.1.0')));
-
-export type Person = Type.InstanceType<typeof Person>;
+import { Organization, Person, TestLayout } from '../../testing';
+import { type ExcludeId, omitId } from '../../util';
+import { Form, type FormRootProps } from './Form';
 
 type DefaultStoryProps<T extends AnyProperties> = {
   schema?: Schema.Schema<T>;