@flytedan/flytebot-design-system 0.78.0 → 0.79.0

package/dist/index.d.cts

@@ -1296,6 +1296,9 @@ type DataTableColumn = DataTableColumnLabel & {
     key: string;
     /** Right-aligned tabular figures. Never center a number. */
     numeric?: boolean;
+    /** Keeps this column's values on one line, in the table cell and in the phone card's meta line, so a value
+     *  like "FOIA 2025-26" never breaks at its hyphen. A table too narrow for it scrolls sideways in its own wrapper. */
+    noWrap?: boolean;
     /** Set widths explicitly; auto layout shifts as data arrives. */
     width?: string;
     sortable?: boolean;

package/dist/index.d.ts

@@ -1296,6 +1296,9 @@ type DataTableColumn = DataTableColumnLabel & {
     key: string;
     /** Right-aligned tabular figures. Never center a number. */
     numeric?: boolean;
+    /** Keeps this column's values on one line, in the table cell and in the phone card's meta line, so a value
+     *  like "FOIA 2025-26" never breaks at its hyphen. A table too narrow for it scrolls sideways in its own wrapper. */
+    noWrap?: boolean;
     /** Set widths explicitly; auto layout shifts as data arrives. */
     width?: string;
     sortable?: boolean;

package/dist/index.js

@@ -3292,6 +3292,7 @@ function RowActionCell({ action }) {
   return /* @__PURE__ */ jsx46("td", { className: "fd-table-action", children: action ? /* @__PURE__ */ jsx46(RowActionButton, { action, size: "sm" }) : null });
 }
 var cellOf = (c, row) => c.render ? c.render(row) : row[c.key];
+var cellClassOf = (c) => [c.numeric ? "is-num" : "", c.noWrap ? "fd-table-nowrap" : ""].filter(Boolean).join(" ") || void 0;
 var cardCellOf = (c, row) => c.phoneRender ? c.phoneRender(row) : cellOf(c, row);
 function rowInteraction(row, onRowClick) {
   if (!onRowClick) return {};
@@ -3375,7 +3376,7 @@ function DataTable({
             rowAction ? /* @__PURE__ */ jsx46("th", { scope: "col", className: "fd-table-action-head", children: /* @__PURE__ */ jsx46("span", { className: "fd-sr-only", children: "Actions" }) }) : null
           ] }) }),
           /* @__PURE__ */ jsx46("tbody", { className: stale ? "fd-stale" : void 0, children: loading ? Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ jsxs37("tr", { children: [
-            columns.map((c) => /* @__PURE__ */ jsx46("td", { className: c.numeric ? "is-num" : "", children: /* @__PURE__ */ jsx46("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 13, width: c.numeric ? 52 : i % 3 === 0 ? "72%" : "88%" } }) }, c.key)),
+            columns.map((c) => /* @__PURE__ */ jsx46("td", { className: cellClassOf(c), children: /* @__PURE__ */ jsx46("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 13, width: c.numeric ? 52 : i % 3 === 0 ? "72%" : "88%" } }) }, c.key)),
             rowAction ? /* @__PURE__ */ jsx46("td", { className: "fd-table-action" }) : null
           ] }, i)) : rows.map((r) => /* @__PURE__ */ jsxs37(
             "tr",
@@ -3384,7 +3385,7 @@ function DataTable({
               title: rowTitle ? rowTitle(r) : void 0,
               ...rowInteraction(r, onRowClick),
               children: [
-                columns.map((c) => /* @__PURE__ */ jsx46("td", { className: c.numeric ? "is-num" : "", children: cellOf(c, r) }, c.key)),
+                columns.map((c) => /* @__PURE__ */ jsx46("td", { className: cellClassOf(c), children: cellOf(c, r) }, c.key)),
                 rowAction ? /* @__PURE__ */ jsx46(RowActionCell, { action: rowAction(r) }) : null
               ]
             },
@@ -3436,7 +3437,7 @@ function StackedRows({ columns, rows, rowKey, loading, stale, skeletonRows, sort
             ...rowInteraction(r, onRowClick),
             children: [
               /* @__PURE__ */ jsx46("div", { className: "fd-dt-card-title", children: primary.map((c) => /* @__PURE__ */ jsx46("span", { className: c.numeric ? "is-num" : void 0, children: cardCellOf(c, r) }, c.key)) }),
-              secondary.length ? /* @__PURE__ */ jsx46("div", { className: "fd-dt-card-meta", children: secondary.map((c) => /* @__PURE__ */ jsxs37("span", { className: c.numeric ? "is-num" : void 0, children: [
+              secondary.length ? /* @__PURE__ */ jsx46("div", { className: "fd-dt-card-meta", children: secondary.map((c) => /* @__PURE__ */ jsxs37("span", { className: cellClassOf(c), children: [
                 /* @__PURE__ */ jsx46("span", { className: "fd-dt-card-label", children: c.label }),
                 " ",
                 cardCellOf(c, r)
@@ -8415,6 +8416,7 @@ function CodeEditor({
   const onChangeRef = React56.useRef(onChange);
   onChangeRef.current = onChange;
   const editableCompartment = React56.useRef(new Compartment()).current;
+  const readOnlyCompartment = React56.useRef(new Compartment()).current;
   const attributesCompartment = React56.useRef(new Compartment()).current;
   const errorRef = React56.useRef(error);
   errorRef.current = error;
@@ -8457,7 +8459,7 @@ function CodeEditor({
           ...historyKeymap
         ]),
         editableCompartment.of(EditorView.editable.of(!disabled)),
-        EditorState.readOnly.of(readOnly),
+        readOnlyCompartment.of(EditorState.readOnly.of(readOnly)),
         updateListener,
         attributesCompartment.of(EditorView.contentAttributes.of(contentAttributes()))
       ]
@@ -8484,6 +8486,11 @@ function CodeEditor({
     if (!view) return;
     view.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(!disabled)) });
   }, [disabled, editableCompartment]);
+  React56.useEffect(() => {
+    const view = viewRef.current;
+    if (!view) return;
+    view.dispatch({ effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(readOnly)) });
+  }, [readOnly, readOnlyCompartment]);
   React56.useEffect(() => {
     const view = viewRef.current;
     if (!view) return;