@ai-matrx/records-ui 0.101.21 → 0.101.22

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.101.22
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.18..npm/records-ui/v0.101.22 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.101.21
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -14809,7 +14809,8 @@ function useDrillAnswers(args) {
               const groups = {};
               for (const ref of request.by) {
                 const k = ref === time && t ? t.key : ref;
-                groups[ref] = row.groups[k] ?? null;
+                const g = row.groups[k];
+                groups[ref] = g === null || g === void 0 ? null : String(g);
               }
               return {
                 groups,
@@ -23267,7 +23268,8 @@ function useEntitySource(token, options = {}) {
     rows: [],
     total: 0,
     loading: true,
-    error: null
+    error: null,
+    creatable: false
   });
   (0, import_react114.useEffect)(() => {
     let cancelled = false;
@@ -23286,7 +23288,8 @@ function useEntitySource(token, options = {}) {
           rows: page.data.rows ?? [],
           total: Number(page.data.total ?? 0),
           loading: false,
-          error: null
+          error: null,
+          creatable: api?.create_via === "insert" && !!entityNameColumn(api?.columns ?? [])?.writable
         });
       },
       (thrown) => {
@@ -23313,7 +23316,24 @@ function useEntitySource(token, options = {}) {
     },
     [client, token, state.rows]
   );
-  return { ...state, write, reload };
+  const create = (0, import_react114.useCallback)(
+    async (columns) => {
+      const done = await client.entityRowWrite({ token, record_id: null, columns });
+      if (!done.ok) return { refused: refusalSentence(done.error) || "That row was not added." };
+      setTick((t) => t + 1);
+      return { id: String(done.data.id) };
+    },
+    [client, token]
+  );
+  return { ...state, write, create, reload };
+}
+var NAME_KEYS = ["name", "display_name", "title", "subject"];
+function entityNameColumn(columns) {
+  for (const key of NAME_KEYS) {
+    const hit = columns.find((c) => c.api_name === key);
+    if (hit) return hit;
+  }
+  return columns.find((c) => c.type === "text" && !c.lookup) ?? columns[0] ?? null;
 }
 function entityTableColumns(columns) {
   return columns.map((c) => ({
@@ -39436,8 +39456,9 @@ function linkIdsOf(value) {
   return t ? [t] : [];
 }
 function groupLabel(groups, named) {
-  const parts = Object.entries(groups).map(([key, v]) => {
-    if (v === null || v === "") return "\u2014";
+  const parts = Object.entries(groups).map(([key, raw]) => {
+    if (raw === null || raw === void 0 || raw === "") return "\u2014";
+    const v = String(raw);
     const name = named?.(key, v);
     if (name !== void 0) return name ?? "\u2014";
     const grain = BUCKET_SUFFIX.exec(key)?.[1];
@@ -41911,7 +41932,8 @@ function rowsOf2(rows, groupKey, keys) {
     }
     const withheld = {};
     for (const [name, notice] of Object.entries(r.withheld ?? {})) if (keys.includes(name)) withheld[name] = notice;
-    return { group: groupKey ? (r.groups ?? {})[groupKey] ?? null : null, values, withheld, n: Number(r.row_count ?? 0) };
+    const g = groupKey ? (r.groups ?? {})[groupKey] : null;
+    return { group: g === null || g === void 0 ? null : String(g), values, withheld, n: Number(r.row_count ?? 0) };
   });
 }
 function sortAndCut(rows, spec, keys) {
@@ -46982,14 +47004,7 @@ var import_react266 = require("react");
 var import_design_system138 = require("@ai-matrx/design-system");
 var import_react267 = require("@ai-matrx/records/react");
 var import_jsx_runtime153 = require("react/jsx-runtime");
-var TITLE_KEYS = ["name", "display_name", "title", "subject"];
-function entityTitleColumn(columns) {
-  for (const key of TITLE_KEYS) {
-    const hit = columns.find((c) => c.api_name === key);
-    if (hit) return hit;
-  }
-  return columns.find((c) => c.type === "text" && !c.lookup) ?? columns[0] ?? null;
-}
+var entityTitleColumn = entityNameColumn;
 function entityChoiceColumns(columns) {
   return columns.filter((c) => c.type === "choice" && Array.isArray(c.choices) && c.choices.length > 0);
 }
@@ -47144,6 +47159,21 @@ function EntityTablePage({
     onLayoutChange?.(next);
   };
   const boardable = entityChoiceColumns(entity.columns).length > 0;
+  const nameColumn = entityNameColumn(entity.columns);
+  const [naming, setNaming] = (0, import_react266.useState)(null);
+  const [adding, setAdding] = (0, import_react266.useState)(false);
+  const [addRefused, setAddRefused] = (0, import_react266.useState)(null);
+  const add = async () => {
+    const name = (naming ?? "").trim();
+    if (!name || !nameColumn || adding) return;
+    setAdding(true);
+    setAddRefused(null);
+    const made = await entity.create({ [nameColumn.api_name]: name });
+    setAdding(false);
+    if ("refused" in made) return setAddRefused(made.refused);
+    setNaming(null);
+    onOpenRecord?.(made.id);
+  };
   const [question, setQuestion] = (0, import_react266.useState)(() => questionFromGrouping(void 0));
   const { config: drill } = useDrill({
     source,
@@ -47154,7 +47184,7 @@ function EntityTablePage({
     enabled: layout === "grid"
   });
   return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: (0, import_design_system138.cn)("flex min-w-0 flex-col gap-2", className), "data-records-entity-page": source.token, children: [
-    presentation === "page" || boardable ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+    presentation === "page" || boardable || entity.creatable ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
       presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("h2", { className: "truncate text-base font-semibold", children: entity.label ?? (entity.loading ? "Loading\u2026" : "Table") }) : null,
       presentation === "page" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: entity.loading ? "" : entity.total.toLocaleString() }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
@@ -47162,9 +47192,41 @@ function EntityTablePage({
           /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.Button, { size: "sm", variant: layout === "grid" ? "secondary" : "ghost", "aria-pressed": layout === "grid", onClick: () => choose("grid"), children: "Table" }),
           /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.Button, { size: "sm", variant: layout === "board" ? "secondary" : "ghost", "aria-pressed": layout === "board", onClick: () => choose("board"), children: "Board" })
         ] }) : null,
+        entity.creatable && naming === null ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.Button, { size: "sm", variant: "ghost", onClick: () => {
+          setAddRefused(null);
+          setNaming("");
+        }, children: "New page" }) : null,
+        entity.creatable && naming !== null ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+          import_design_system138.Input,
+          {
+            autoFocus: true,
+            "data-records-entity-new": source.token,
+            "aria-label": nameColumn?.name ?? "Name",
+            placeholder: nameColumn?.name ?? "Name",
+            value: naming,
+            disabled: adding,
+            className: "h-7 w-56 text-xs",
+            onChange: (e) => setNaming(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                void add();
+              }
+              if (e.key === "Escape") {
+                e.preventDefault();
+                setNaming(null);
+                setAddRefused(null);
+              }
+            },
+            onBlur: () => {
+              if (!adding && !(naming ?? "").trim()) setNaming(null);
+            }
+          }
+        ) : null,
         actions
       ] })
     ] }) : null,
+    addRefused ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
     entity.error ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(EntityGrid, { entity, pageSize, ...drill ? { drill } : {} })
   ] });
 }