@flytedan/flytebot-design-system 0.78.0 → 0.79.0

package/dist/index.cjs

@@ -4441,6 +4441,7 @@ function RowActionCell({ action }) {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "fd-table-action", children: action ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(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 {};
@@ -4524,7 +4525,7 @@ function DataTable({
             rowAction ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { scope: "col", className: "fd-table-action-head", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-sr-only", children: "Actions" }) }) : null
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("tbody", { className: stale ? "fd-stale" : void 0, children: loading ? Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("tr", { children: [
-            columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: c.numeric ? "is-num" : "", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime46.jsx)("td", { className: cellClassOf(c), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime46.jsx)("td", { className: "fd-table-action" }) : null
           ] }, i)) : rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "tr",
@@ -4533,7 +4534,7 @@ function DataTable({
               title: rowTitle ? rowTitle(r) : void 0,
               ...rowInteraction(r, onRowClick),
               children: [
-                columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: c.numeric ? "is-num" : "", children: cellOf(c, r) }, c.key)),
+                columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: cellClassOf(c), children: cellOf(c, r) }, c.key)),
                 rowAction ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RowActionCell, { action: rowAction(r) }) : null
               ]
             },
@@ -4585,7 +4586,7 @@ function StackedRows({ columns, rows, rowKey, loading, stale, skeletonRows, sort
             ...rowInteraction(r, onRowClick),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fd-dt-card-title", children: primary.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: c.numeric ? "is-num" : void 0, children: cardCellOf(c, r) }, c.key)) }),
-              secondary.length ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fd-dt-card-meta", children: secondary.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: c.numeric ? "is-num" : void 0, children: [
+              secondary.length ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fd-dt-card-meta", children: secondary.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: cellClassOf(c), children: [
                 /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-dt-card-label", children: c.label }),
                 " ",
                 cardCellOf(c, r)
@@ -9599,6 +9600,7 @@ function CodeEditor({
   const onChangeRef = React56.useRef(onChange);
   onChangeRef.current = onChange;
   const editableCompartment = React56.useRef(new import_state.Compartment()).current;
+  const readOnlyCompartment = React56.useRef(new import_state.Compartment()).current;
   const attributesCompartment = React56.useRef(new import_state.Compartment()).current;
   const errorRef = React56.useRef(error);
   errorRef.current = error;
@@ -9641,7 +9643,7 @@ function CodeEditor({
           ...import_commands.historyKeymap
         ]),
         editableCompartment.of(import_view.EditorView.editable.of(!disabled)),
-        import_state.EditorState.readOnly.of(readOnly),
+        readOnlyCompartment.of(import_state.EditorState.readOnly.of(readOnly)),
         updateListener,
         attributesCompartment.of(import_view.EditorView.contentAttributes.of(contentAttributes()))
       ]
@@ -9668,6 +9670,11 @@ function CodeEditor({
     if (!view) return;
     view.dispatch({ effects: editableCompartment.reconfigure(import_view.EditorView.editable.of(!disabled)) });
   }, [disabled, editableCompartment]);
+  React56.useEffect(() => {
+    const view = viewRef.current;
+    if (!view) return;
+    view.dispatch({ effects: readOnlyCompartment.reconfigure(import_state.EditorState.readOnly.of(readOnly)) });
+  }, [readOnly, readOnlyCompartment]);
   React56.useEffect(() => {
     const view = viewRef.current;
     if (!view) return;