@dxos/react-ui-table 0.6.12-main.7907542 → 0.6.12-main.ac23639

package/dist/lib/browser/index.mjs

@@ -6,7 +6,7 @@ var translations_default = [
       [translationKey]: {
         "no selection label": "\xA0",
         "number column type label": "Number",
-        "boolean column type label": "Toggle",
+        "boolean column type label": "Boolean",
         "date column type label": "Date",
         "string column type label": "Text",
         "ref column type label": "Reference",
@@ -99,6 +99,7 @@ import { getSize as getSize2, mx as mx2 } from "@dxos/react-ui-theme";
 // packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx
 import React2, { useRef, useState as useState2 } from "react";
 import { Button, Input, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { FieldValueTypes } from "@dxos/schema";
 import { safeParseInt } from "@dxos/util";
 var ColumnSettings = ({ column, tableDef, tablesToReference, onUpdate, onDelete, onClose }) => {
   const [formState, setFormState] = useState2({
@@ -169,12 +170,7 @@ var ColumnSettings = ({ column, tableDef, tablesToReference, onUpdate, onDelete,
   }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
     classNames: "is-full",
     placeholder: "Type"
-  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, [
-    "number",
-    "boolean",
-    "string",
-    "ref"
-  ].map((type) => /* @__PURE__ */ React2.createElement(Select.Option, {
+  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, FieldValueTypes.map((type) => /* @__PURE__ */ React2.createElement(Select.Option, {
     key: type,
     value: type
   }, t(`${type} column type label`)))))))), formState.type === "number" && /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.Label, null, t("digits label")), /* @__PURE__ */ React2.createElement(Input.TextInput, {
@@ -532,7 +528,7 @@ var SortIndicator = ({ direction, onClick }) => {
 // packages/ui/react-ui-table/src/components/Table/Table.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { getCoreRowModel, getExpandedRowModel, getGroupedRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
-import React8, { Fragment, useCallback as useCallback7, useEffect as useEffect3, useState as useState8, useContext as useContext3, memo } from "react";
+import React8, { Fragment, memo, useCallback as useCallback7, useEffect as useEffect3, useState as useState8, useContext as useContext3 } from "react";
 import { DensityProvider, useDefaultValue } from "@dxos/react-ui";
 import { mx as mx4 } from "@dxos/react-ui-theme";
 
@@ -783,7 +779,7 @@ var TableViewport = ({ children, classNames, asChild, ...props }) => {
   }, children);
 };
 var TablePrimitive = (props) => {
-  const { role, onColumnResize, columnVisibility, header = true, rowsSelectable, debug, onDataSelectionChange, pinLastRow } = props;
+  const { role, header = true, rowsSelectable, debug, pinLastRow, columnVisibility, onColumnResize, onDataSelectionChange } = props;
   const columns = useDefaultValue(props.columns, () => []);
   const incomingData = useDefaultValue(props.data, () => []);
   const [data, setData] = useState8([
@@ -1395,108 +1391,40 @@ var ColumnBuilder = class {
   }
 };
 
-// packages/ui/react-ui-table/src/schema/schema.ts
-import { AST } from "@dxos/effect";
-var getColumnTypes = (schema) => {
-  const visitNode = (node, path = [], acc = []) => {
-    const props = AST.getPropertySignatures(node);
-    props.forEach((prop) => {
-      const propName = prop.name.toString();
-      if (prop.isOptional) {
-        const unwrappedAst = unwrapOptionProperty(prop);
-        if (isStruct(unwrappedAst)) {
-          return visitNode(unwrappedAst, [
-            ...path,
-            propName
-          ], acc);
-        }
-      }
-      if (isStruct(prop.type)) {
-        visitNode(prop.type, [
-          ...path,
-          propName
-        ], acc);
-      } else {
-        acc.push([
-          path.concat(propName).join("."),
-          propertyToColumn(prop)
-        ]);
-      }
-    });
-    return acc;
-  };
-  return visitNode(schema.ast);
-};
-var isStruct = (node) => AST.isTypeLiteral(node);
-var propertyToColumn = (prop) => {
-  let type = prop.type;
-  if (prop.isOptional) {
-    type = unwrapOptionProperty(prop);
-  }
-  return typeToColumn(type);
-};
-var unwrapOptionProperty = (prop) => {
-  if (!AST.isUnion(prop.type)) {
-    throw new Error(`Not a union type: ${String(prop.name)}`);
-  }
-  const [type] = prop.type.types;
-  return type;
-};
-var typeToColumn = (type) => {
-  if (AST.isStringKeyword(type)) {
-    return "string";
-  } else if (AST.isNumberKeyword(type)) {
-    return "number";
-  } else if (AST.isBooleanKeyword(type)) {
-    return "boolean";
-  }
-  if (AST.isRefinement(type)) {
-    return typeToColumn(type.from);
-  }
-  if (AST.isTransformation(type)) {
-    const identifier = AST.getIdentifierAnnotation(type);
-    if (identifier._tag === "Some") {
-      if (identifier.value === "DateFromString") {
-        return "date";
-      }
-    }
-  }
-  return "json";
-};
-
 // packages/ui/react-ui-table/src/schema/column-utils.ts
+import { FieldValueType, mapSchemaToFields } from "@dxos/schema";
 var schemaToColumnDefs = (schema) => {
   const { helper, builder } = createColumnBuilder();
-  const classified = getColumnTypes(schema);
+  const classified = mapSchemaToFields(schema);
   return classified.map(([name, type]) => {
     const propertyKey = name.toString();
     let column;
     switch (type) {
-      case "string": {
+      case FieldValueType.String: {
         column = builder.string({
           label: propertyKey
         });
         break;
       }
-      case "number": {
+      case FieldValueType.Number: {
         column = builder.number({
           label: propertyKey
         });
         break;
       }
-      case "boolean": {
+      case FieldValueType.Boolean: {
         column = builder.switch({
           label: propertyKey
         });
         break;
       }
-      case "date": {
+      case FieldValueType.Date: {
         column = builder.date({
           label: propertyKey
         });
         break;
       }
-      case "json": {
+      case FieldValueType.JSON: {
         column = builder.json({
           label: propertyKey,
           id: propertyKey
@@ -1525,7 +1453,6 @@ export {
   createColumnBuilder,
   currentRow,
   flushPadding,
-  getColumnTypes,
   gridCellFocusRing,
   groupTh,
   headPadding,