@mathscan/math-exercise-engine 1.2.3 → 1.2.4

package/dist/index.mjs

@@ -265,6 +265,10 @@ const HEX_COLOR_REGEX = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
 const isNumberLineHighlightColor = (value) => NUMBER_LINE_HIGHLIGHT_COLORS.includes(value) || HEX_COLOR_REGEX.test(value);
 const highlightColorMessage = (block) => `${block}: color must be one of ${NUMBER_LINE_HIGHLIGHT_COLORS.join(", ")} or a hex value (e.g. "#3B82F6")`;
 const NUMBER_LINE_DRAG_MODES = ["axis", "inputs"];
+const DEFAULT_TABLE_BORDER_COLOR = "#7c6cf2";
+const isTableBorderColor = (value) => value.toLowerCase() === "transparent" || HEX_COLOR_REGEX.test(value);
+const TABLE_BORDER_COLOR_ERROR = 'TABLE: bordercolor must be "transparent" or a hex value (e.g. "#E67E22" or "#F00")';
+const TableBorderColorSchema = z.string({ message: TABLE_BORDER_COLOR_ERROR }).refine(isTableBorderColor, { message: TABLE_BORDER_COLOR_ERROR }).default(DEFAULT_TABLE_BORDER_COLOR);
 function getFractionKey(widgetId, part) {
   return `${widgetId}__${part}`;
 }
@@ -2534,12 +2538,14 @@ function createTableRow(cells, backgroundColor) {
 const TableBlockSchema = z.object({
   type: z.literal(AST_TYPES.TABLE_BLOCK),
   cols: z.number().int().positive(),
+  borderColor: TableBorderColorSchema,
   rows: z.array(TableRowSchema).min(1)
 });
-function createTableBlock(cols, rows) {
+function createTableBlock(cols, rows, borderColor) {
   return TableBlockSchema.parse({
     type: AST_TYPES.TABLE_BLOCK,
     cols,
+    borderColor,
     rows
   });
 }
@@ -3484,8 +3490,10 @@ class NaturalDSLVisitor extends BaseCstVisitor {
   table(ctx) {
     const params = this.visit(ctx.parameterList);
     const cols = params.cols;
+    const borderColorParam = params.bordercolor;
+    const borderColor = borderColorParam === void 0 ? void 0 : String(borderColorParam);
     const rows = ctx.row.map((r) => this.visit(r));
-    return createTableBlock(cols, rows);
+    return createTableBlock(cols, rows, borderColor);
   }
   row(ctx) {
     const params = ctx.parameterList ? this.visit(ctx.parameterList) : {};
@@ -4280,6 +4288,7 @@ const TableItemSchema = z.object({
   id: z.string(),
   type: z.literal(JSON_TYPES.TABLE),
   cols: z.number().int().positive(),
+  borderColor: TableBorderColorSchema,
   rows: z.array(TableRowItemSchema)
 });
 const NumberLinePositionItemSchema = z.object({
@@ -10864,6 +10873,7 @@ function transformTable(table, idGenerator, inlineDragIds) {
     id: idGenerator.generate(JSON_TYPES.TABLE),
     type: JSON_TYPES.TABLE,
     cols: table.cols,
+    borderColor: table.borderColor,
     rows
   };
 }
@@ -20625,7 +20635,10 @@ const LayoutRenderer = ({
       )) });
     case JSON_TYPES.TABLE: {
       const totalRows = item.rows.length;
-      return /* @__PURE__ */ jsx("div", { className: "exercise-table-container", children: /* @__PURE__ */ jsx("table", { className: "exercise-table", children: /* @__PURE__ */ jsx("tbody", { children: item.rows.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "exercise-table-row", style: { backgroundColor: row.backgroundColor }, children: row.cells.map((cell) => {
+      const tableStyle = {
+        "--exercise-table-border-color": item.borderColor ?? DEFAULT_TABLE_BORDER_COLOR
+      };
+      return /* @__PURE__ */ jsx("div", { className: "exercise-table-container", style: tableStyle, children: /* @__PURE__ */ jsx("table", { className: "exercise-table", children: /* @__PURE__ */ jsx("tbody", { children: item.rows.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "exercise-table-row", style: { backgroundColor: row.backgroundColor }, children: row.cells.map((cell) => {
         const rowspan = cell.rowspan || 1;
         const isLastRow = rowIndex + rowspan - 1 >= totalRows - 1;
         return /* @__PURE__ */ jsx(
@@ -21332,6 +21345,7 @@ export {
   ColorTextInlineSchema,
   ColorTextSchema,
   ContentBlockSchema,
+  DEFAULT_TABLE_BORDER_COLOR,
   DisplayInlineNodeSchema,
   DragOptionsJSONSchema,
   DragOptionsToolSchema,