@dxos/react-ui-form 0.8.2-main.2f9c567 → 0.8.2-main.36232bc

package/src/components/Form/RefField.tsx

@@ -1,152 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type SchemaAST } from 'effect';
-import React, { useEffect, useState } from 'react';
-
-import {
-  Expando,
-  getTypeAnnotation,
-  Ref,
-  ReferenceAnnotationId,
-  type ReferenceAnnotationValue,
-  type TypeAnnotation,
-} from '@dxos/echo-schema';
-import { findAnnotation, type SimpleType } from '@dxos/effect';
-import { DXN } from '@dxos/keys';
-import { refFromDXN } from '@dxos/live-object';
-import { log } from '@dxos/log';
-import { type MaybePromise } from '@dxos/util';
-
-import { SelectInput, TextInput } from './Defaults';
-import { type FormInputStateProps } from './FormContext';
-
-export type QueryRefOptions = (type: TypeAnnotation) => MaybePromise<{ dxn: DXN; label?: string }[]>;
-
-type RefFieldProps = {
-  ast: SchemaAST.AST;
-  type: SimpleType;
-  label: string;
-  readonly?: boolean;
-  placeholder?: string;
-  inline?: boolean;
-  onQueryRefOptions?: QueryRefOptions;
-  inputProps: FormInputStateProps;
-};
-
-export const RefField = ({
-  ast,
-  type,
-  label,
-  readonly,
-  placeholder,
-  inline,
-  onQueryRefOptions,
-  inputProps,
-}: RefFieldProps) => {
-  const { getValue, onValueChange, ...restInputProps } = inputProps;
-  const refTypeInfo = findAnnotation<ReferenceAnnotationValue>(ast, ReferenceAnnotationId);
-  const [refOptions, setRefOptions] = useState<Array<{ value: string; label?: string }>>([]);
-  const [loading, setLoading] = useState(false);
-
-  useEffect(() => {
-    if (!refTypeInfo || !onQueryRefOptions) {
-      return;
-    }
-
-    const fetchOptions = async () => {
-      setLoading(true);
-      try {
-        const options = await onQueryRefOptions(refTypeInfo);
-        setRefOptions(
-          options.map((option) => ({
-            label: option.label,
-            value: option.dxn.toString(),
-          })),
-        );
-      } catch (error) {
-        log.error('Failed to fetch ref options:', error);
-        setRefOptions([]);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    void fetchOptions();
-  }, [refTypeInfo, onQueryRefOptions]);
-
-  if (!refTypeInfo) {
-    return null;
-  }
-
-  // If ref type is expando, fall back to taking a DXN in string format.
-  if (refTypeInfo.typename === getTypeAnnotation(Expando)?.typename || !onQueryRefOptions) {
-    const handleOnValueChange = (_type: any, dxnString: string) => {
-      const dxn = DXN.tryParse(dxnString);
-      if (dxn) {
-        onValueChange?.('object', refFromDXN(dxn));
-      } else if (dxnString === '') {
-        onValueChange?.('object', undefined);
-      } else {
-        onValueChange?.('string', dxnString);
-      }
-    };
-
-    const handleGetValue = () => {
-      const formValue = getValue();
-      if (typeof formValue === 'string') {
-        return formValue;
-      }
-      if (Ref.isRef(formValue)) {
-        return formValue.dxn.toString();
-      }
-
-      return undefined;
-    };
-
-    return (
-      <TextInput
-        type={type}
-        label={label}
-        disabled={readonly}
-        placeholder={placeholder}
-        inputOnly={inline}
-        getValue={handleGetValue as <V>() => V | undefined}
-        onValueChange={handleOnValueChange}
-        {...restInputProps}
-      />
-    );
-  }
-
-  const handleGetValue = () => {
-    const formValue = getValue();
-
-    if (Ref.isRef(formValue)) {
-      return formValue.dxn.toString();
-    }
-
-    return undefined;
-  };
-
-  const handleValueChanged = (_type: any, dxnString: string) => {
-    const dxn = DXN.parse(dxnString);
-    const ref = refFromDXN(dxn);
-
-    onValueChange('object', ref);
-  };
-
-  return (
-    <SelectInput
-      type={type}
-      label={label}
-      disabled={readonly || loading}
-      placeholder={loading ? 'Loading options...' : placeholder}
-      inputOnly={inline}
-      getValue={handleGetValue as <V>() => V | undefined}
-      onValueChange={handleValueChanged}
-      options={refOptions}
-      {...restInputProps}
-    />
-  );
-};

package/src/hooks/useRefQueryLookupHandler.ts

@@ -1,43 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { useCallback } from 'react';
-
-import { getDXN, type TypeAnnotation } from '@dxos/echo-schema';
-import { Filter, type Space } from '@dxos/react-client/echo';
-import { isNonNullable } from '@dxos/util';
-
-import { type QueryRefOptions } from '../components';
-
-type UseRefQueryLookupProps = {
-  space?: Space;
-};
-
-export const useRefQueryLookupHandler = ({ space }: UseRefQueryLookupProps): QueryRefOptions => {
-  const handleRefQueryLookup = useCallback(
-    async (typeInfo: TypeAnnotation) => {
-      if (!space) {
-        return [];
-      }
-      const query = space.db.query(Filter.typename(typeInfo.typename));
-      const { objects } = await query.run();
-
-      return objects
-        .map((object) => {
-          const dxn = getDXN(object);
-          if (!dxn) {
-            return undefined;
-          }
-
-          // TODO(Zaymon): Better fallback object names?
-          const item = { dxn, label: object?.name ?? object?.id ?? '' };
-          return item;
-        })
-        .filter(isNonNullable);
-    },
-    [space],
-  );
-
-  return handleRefQueryLookup;
-};