@dxos/react-ui-table 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/dist/lib/node-esm/chunk-34JG3SDI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/table.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\n// import { ThreadType } from '@dxos/plugin-space/types';\nimport { LabelAnnotationId, ObjectId, Ref, Expando, EchoObject } from '@dxos/echo-schema';\nimport { ViewType } from '@dxos/schema';\n\nexport const TableSchema = Schema.Struct({\n  id: ObjectId,\n  name: Schema.optional(Schema.String),\n  view: Schema.optional(Ref(ViewType)),\n  // TODO(burdon): Document why threads is included here?\n  threads: Schema.optional(Schema.Array(Ref(Expando /* ThreadType */))),\n}).annotations({\n  // TODO(burdon): Move annotation to property.\n  [LabelAnnotationId]: 'name',\n});\n\n// TODO(burdon): Move out of react-ui-xxx.\nexport const TableType = TableSchema.pipe(\n  EchoObject({\n    typename: 'dxos.org/type/Table',\n    version: '0.1.0',\n  }),\n);\nexport interface TableType extends Schema.Schema.Type<typeof TableType> {}\n"],
-  "mappings": ";;;AAIA,SAASA,cAAc;AAGvB,SAASC,mBAAmBC,UAAUC,KAAKC,SAASC,kBAAkB;AACtE,SAASC,gBAAgB;AAElB,IAAMC,cAAcC,OAAOC,OAAO;EACvCC,IAAIC;EACJC,MAAMJ,OAAOK,SAASL,OAAOM,MAAM;EACnCC,MAAMP,OAAOK,SAASG,IAAIC,QAAAA,CAAAA;;EAE1BC,SAASV,OAAOK,SAASL,OAAOW,MAAMH;IAAII;;EAAsB,CAAA,CAAA;AAClE,CAAA,EAAGC,YAAY;;EAEb,CAACC,iBAAAA,GAAoB;AACvB,CAAA;AAGO,IAAMC,YAAYhB,YAAYiB,KACnCC,WAAW;EACTC,UAAU;EACVC,SAAS;AACX,CAAA,CAAA;",
-  "names": ["Schema", "LabelAnnotationId", "ObjectId", "Ref", "Expando", "EchoObject", "ViewType", "TableSchema", "Schema", "Struct", "id", "ObjectId", "name", "optional", "String", "view", "Ref", "ViewType", "threads", "Array", "Expando", "annotations", "LabelAnnotationId", "TableType", "pipe", "EchoObject", "typename", "version"]
-}

package/dist/types/src/components/TableCellEditor/FormCellEditor.d.ts

@@ -1,13 +0,0 @@
-import { type Schema } from 'effect';
-import React from 'react';
-import { type FieldProjection } from '@dxos/schema';
-import { type TableModel } from '../../model';
-type FormCellEditorProps = {
-    fieldProjection: FieldProjection;
-    model?: TableModel;
-    schema?: Schema.Schema.AnyNoContext;
-    __gridScope: any;
-};
-export declare const FormCellEditor: ({ fieldProjection, model, schema, __gridScope }: FormCellEditorProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=FormCellEditor.d.ts.map

package/dist/types/src/components/TableCellEditor/FormCellEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormCellEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableCellEditor/FormCellEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,KAAK,mBAAmB,GAAG;IACzB,eAAe,EAAE,eAAe,CAAC;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IACpC,WAAW,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,iDAAiD,mBAAmB,6BAoElG,CAAC"}

package/dist/types/src/util/schema.d.ts

@@ -1,12 +0,0 @@
-import { Schema } from 'effect';
-/**
- * Creates a narrowed schema from an original schema that only includes
- * the specified paths. This allows form components to only display
- * and edit/validate specific fields rather than the entire object.
- *
- * @param schema The original schema to narrow
- * @param paths Array of field paths to extract
- * @returns A narrowed Schema instance containing only the properties at the specified paths
- */
-export declare const narrowSchema: <S extends Schema.Schema.AnyNoContext>(schema: S, paths: string[]) => Schema.Schema<unknown, unknown> | undefined;
-//# sourceMappingURL=schema.d.ts.map

package/dist/types/src/util/schema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/util/schema.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,YAAY,EAC/D,QAAQ,CAAC,EACT,OAAO,MAAM,EAAE,KACd,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,SAgBpC,CAAC"}

package/dist/types/src/util/tag.d.ts

@@ -1,11 +0,0 @@
-/**
- * Regex pattern for matching tags in the format [Label](id)
- */
-export declare const TAG_PATTERN_REGEX: RegExp;
-/**
- * Extracts tag IDs from a string in the format [Label](id)
- * @param value The string to extract IDs from
- * @returns Array of extracted IDs or undefined if no matches or value is not a string
- */
-export declare const extractTagIds: (value: unknown) => string[] | undefined;
-//# sourceMappingURL=tag.d.ts.map

package/dist/types/src/util/tag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/util/tag.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAA6B,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,MAAM,EAAE,GAAG,SAgBzD,CAAC"}

package/src/components/TableCellEditor/FormCellEditor.tsx

@@ -1,94 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Schema } from 'effect';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-
-import { getSnapshot } from '@dxos/echo-schema';
-import { invariant } from '@dxos/invariant';
-import { Popover } from '@dxos/react-ui';
-import { Form } from '@dxos/react-ui-form';
-import { parseCellIndex, useGridContext } from '@dxos/react-ui-grid';
-import { type FieldProjection } from '@dxos/schema';
-import { getDeep, setDeep } from '@dxos/util';
-
-import { type TableModel } from '../../model';
-import { narrowSchema } from '../../util';
-
-type FormCellEditorProps = {
-  fieldProjection: FieldProjection;
-  model?: TableModel;
-  schema?: Schema.Schema.AnyNoContext;
-  __gridScope: any;
-};
-
-export const FormCellEditor = ({ fieldProjection, model, schema, __gridScope }: FormCellEditorProps) => {
-  const { editing, setEditing } = useGridContext('ArrayEditor', __gridScope);
-  const cellRef = useRef<HTMLButtonElement | null>(null);
-
-  useEffect(() => {
-    if (editing && editing.cellElement) {
-      cellRef.current = editing.cellElement as HTMLButtonElement;
-    }
-  }, [editing?.cellElement]);
-
-  const narrowedSchema = useMemo(() => {
-    if (!schema) {
-      return undefined;
-    }
-    return narrowSchema(schema, [fieldProjection.field.path]);
-  }, [JSON.stringify(schema), fieldProjection.field.path]);
-
-  const originalRow = useMemo(() => {
-    if (model && editing) {
-      const cell = parseCellIndex(editing.index);
-      const row = model.getRowAt(cell.row);
-      invariant(row);
-
-      return row;
-    }
-
-    return undefined;
-  }, [model, editing]);
-
-  const formValues = useMemo(() => {
-    if (originalRow) {
-      // NOTE(ZaymonFC): Important to get a snapshot to eject from the live object.
-      return getSnapshot(originalRow);
-    }
-  }, [originalRow]);
-
-  const handleSave = useCallback(
-    (values: any) => {
-      const path = fieldProjection.field.path;
-      const value = getDeep(values, [path]);
-      setDeep(originalRow, [path], value);
-      setEditing(null);
-    },
-    [fieldProjection.field.path, originalRow],
-  );
-
-  const handleOpenChange = useCallback(
-    (nextOpen: boolean) => {
-      if (nextOpen === false) {
-        setEditing(null);
-      }
-    },
-    [setEditing],
-  );
-
-  if (!editing) {
-    return null;
-  }
-
-  return (
-    <Popover.Root open={editing !== null} onOpenChange={handleOpenChange}>
-      <Popover.VirtualTrigger virtualRef={cellRef} />
-      <Popover.Content tabIndex={-1} classNames='popover-consistent-width'>
-        <Popover.Arrow />
-        <Form values={formValues} schema={narrowedSchema as any} onSave={handleSave} />
-      </Popover.Content>
-    </Popover.Root>
-  );
-};

package/src/util/schema.ts

@@ -1,36 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Schema } from 'effect';
-import { isTypeLiteral, TypeLiteral } from 'effect/SchemaAST';
-
-/**
- * Creates a narrowed schema from an original schema that only includes
- * the specified paths. This allows form components to only display
- * and edit/validate specific fields rather than the entire object.
- *
- * @param schema The original schema to narrow
- * @param paths Array of field paths to extract
- * @returns A narrowed Schema instance containing only the properties at the specified paths
- */
-export const narrowSchema = <S extends Schema.Schema.AnyNoContext>(
-  schema: S,
-  paths: string[],
-): Schema.Schema<unknown, unknown> | undefined => {
-  const ast = (schema as any)?.ast;
-
-  if (isTypeLiteral(ast)) {
-    // Filter property signatures that match any of the provided paths
-    const propertySignatures = ast.propertySignatures.filter((signature) => paths.includes(signature.name.toString()));
-
-    // If we found at least one matching property
-    if (propertySignatures.length > 0) {
-      // Create a new TypeLiteral with only the matching properties
-      const narrowType = new TypeLiteral(propertySignatures, []);
-      return Schema.make(narrowType);
-    }
-  }
-
-  return undefined;
-};

package/src/util/tag.ts

@@ -1,33 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-// TODO(ZaymonFC): Push this into the tag picker module.
-
-/**
- * Regex pattern for matching tags in the format [Label](id)
- */
-export const TAG_PATTERN_REGEX = /\[([^\]]+)\]\(([^)]+)\)/g;
-
-/**
- * Extracts tag IDs from a string in the format [Label](id)
- * @param value The string to extract IDs from
- * @returns Array of extracted IDs or undefined if no matches or value is not a string
- */
-export const extractTagIds = (value: unknown): string[] | undefined => {
-  if (typeof value !== 'string') {
-    return undefined;
-  }
-
-  const ids: string[] = [];
-  let match;
-
-  // Use the global regex to find all matches
-  while ((match = TAG_PATTERN_REGEX.exec(value)) !== null) {
-    if (match[2]) {
-      ids.push(match[2]);
-    }
-  }
-
-  return ids.length > 0 ? ids : undefined;
-};