@activecollab/components 2.0.411 → 2.0.412

package/dist/index.js

@@ -25292,10 +25292,39 @@
   })(["color:var(--color-primary);text-decoration:underline var(--color-primary);text-underline-offset:3px;&:hover{text-decoration:none;}"]);
   StyledLink.displayName = "StyledLink";
 
+  /**
+   * The default `code-block`: quiet preformatted content. It stays a bare
+   * `<pre><code>` on purpose — article surfaces inject a Copy button onto
+   * every `<pre>` they render.
+   */
+  var StyledCodeBlock = styled__default["default"].pre.withConfig({
+    displayName: "Styles__StyledCodeBlock",
+    componentId: "sc-1fss4z4-2"
+  })(["margin:0;padding:", ";border-radius:", ";background-color:var(--color-theme-200);overflow-x:auto;code{font-family:\"SFMono-Regular\",Menlo,Consolas,\"Liberation Mono\",monospace;font-size:", ";color:var(--color-theme-900);}"], SPACE.md, "0.5rem", "0.875rem");
+  StyledCodeBlock.displayName = "StyledCodeBlock";
+
+  /**
+   * The default `table` block wrapper: Table ships page-level chrome (outer
+   * margins) that flowing content does not want — the PortableText Stack owns
+   * the vertical rhythm here.
+   */
+  var StyledTableBlock = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledTableBlock",
+    componentId: "sc-1fss4z4-3"
+  })([".c-table__wrap{margin:0;}"]);
+  StyledTableBlock.displayName = "StyledTableBlock";
+
+  /** The default `divider` block: a themed horizontal rule. */
+  var StyledDivider = styled__default["default"].hr.withConfig({
+    displayName: "Styles__StyledDivider",
+    componentId: "sc-1fss4z4-4"
+  })(["margin:0;border:none;border-top:1px solid var(--border-primary);"]);
+  StyledDivider.displayName = "StyledDivider";
+
   /** The default `list` block; rendered as ul or ol through the `as` prop. */
   var StyledList$1 = styled__default["default"].ul.withConfig({
     displayName: "Styles__StyledList",
-    componentId: "sc-1fss4z4-2"
+    componentId: "sc-1fss4z4-5"
   })(["margin:0;padding-left:", ";list-style:", " outside;li + li{margin-top:", ";}"], "1.25rem", function (_ref) {
     var $ordered = _ref.$ordered;
     return $ordered ? "decimal" : "disc";
@@ -25527,6 +25556,49 @@
         title: title,
         variant: headingVariantForLevel(level)
       }, children);
+    },
+    // No highlighter ships with the default set, so every language — known,
+    // unknown or absent — is plain preformatted text; the hint travels on
+    // data-language for surfaces that highlight.
+    "code-block": function codeBlock(_ref12) {
+      var block = _ref12.block;
+      var _ref13 = block,
+        code = _ref13.code,
+        language = _ref13.language;
+      return /*#__PURE__*/React__default["default"].createElement(StyledCodeBlock, {
+        "data-language": language || undefined
+      }, /*#__PURE__*/React__default["default"].createElement("code", null, code));
+    },
+    table: function table(_ref14) {
+      var block = _ref14.block,
+        renderSpans = _ref14.renderSpans;
+      var _ref15 = block,
+        header = _ref15.header,
+        rows = _ref15.rows;
+      // Standalone (engine-less) use has no span renderer — keep the raw text.
+      var cell = function cell(spans) {
+        return renderSpans ? renderSpans(spans) : spans.map(function (span, index) {
+          return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
+            key: index
+          }, span.text);
+        });
+      };
+      return /*#__PURE__*/React__default["default"].createElement(StyledTableBlock, null, /*#__PURE__*/React__default["default"].createElement(Table, null, /*#__PURE__*/React__default["default"].createElement(Thead, null, /*#__PURE__*/React__default["default"].createElement("tr", null, header.map(function (spans, index) {
+        return /*#__PURE__*/React__default["default"].createElement("th", {
+          key: index
+        }, cell(spans));
+      }))), /*#__PURE__*/React__default["default"].createElement(Tbody, null, rows.map(function (row, rowIndex) {
+        return /*#__PURE__*/React__default["default"].createElement("tr", {
+          key: rowIndex
+        }, row.map(function (spans, cellIndex) {
+          return /*#__PURE__*/React__default["default"].createElement("td", {
+            key: cellIndex
+          }, cell(spans));
+        }));
+      }))));
+    },
+    divider: function divider() {
+      return /*#__PURE__*/React__default["default"].createElement(StyledDivider, null);
     }
   };
 
@@ -25561,6 +25633,10 @@
 
   /** Screenshots render framed (border, no shadow); illustrations render flat. */
 
+  /** A table cell is a span array, so inline marks work inside cells. */
+
+  /** A themed horizontal rule between sections. Carries no data. */
+
   /**
    * Derived from the union's discriminators, so adding a block to the union
    * without a renderer entry is a compile error, never silent drift.
@@ -25574,7 +25650,10 @@
     list: true,
     "list-item": true,
     media: true,
-    "titled-text": true
+    "titled-text": true,
+    "code-block": true,
+    table: true,
+    divider: true
   };
 
   /** Blocks every client understands without injection. */
@@ -25611,6 +25690,11 @@
   var isPortableTextSpan = function isPortableTextSpan(value) {
     return isRecord(value) && typeof value.text === "string";
   };
+  var isPortableTextTableRow = function isPortableTextTableRow(value) {
+    return Array.isArray(value) && value.every(function (cell) {
+      return Array.isArray(cell) && cell.every(isPortableTextSpan);
+    });
+  };
   var isPortableTextObjectNode = function isPortableTextObjectNode(value) {
     return isRecord(value) && value.type === "object" && typeof value._type === "string";
   };
@@ -25636,6 +25720,12 @@
         return typeof value.src === "string";
       case "titled-text":
         return typeof value.title === "string" && (value.content === undefined || isPortableTextContent(value.content));
+      case "code-block":
+        return typeof value.code === "string" && (value.language === undefined || typeof value.language === "string");
+      case "table":
+        return isPortableTextTableRow(value.header) && Array.isArray(value.rows) && value.rows.every(isPortableTextTableRow);
+      case "divider":
+        return true;
       default:
         return true;
     }
@@ -25697,8 +25787,19 @@
       ctx.report("block", block.type);
       return null;
     }
+
+    // Blocks that carry spans outside `children` (table cells) render them
+    // through this engine-bound helper, so mark injection works there too.
+    var renderSpans = function renderSpans(spans) {
+      return spans.map(function (span, index) {
+        return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
+          key: index
+        }, renderSpan(span, ctx));
+      });
+    };
     return /*#__PURE__*/React__default["default"].createElement(Renderer, {
-      block: block
+      block: block,
+      renderSpans: renderSpans
     }, renderBlockChildren(block, ctx));
   };
   var renderObject = function renderObject(node, ctx) {
@@ -30422,6 +30523,7 @@
   exports.isPortableTextContent = isPortableTextContent;
   exports.isPortableTextObjectNode = isPortableTextObjectNode;
   exports.isPortableTextSpan = isPortableTextSpan;
+  exports.isPortableTextTableRow = isPortableTextTableRow;
   exports.isResizeKey = isResizeKey;
   exports.isValidUrl = isValidUrl;
   exports.keyboardResize = keyboardResize;