@e-llm-studio/instant-learning 1.3.1 → 1.3.3

package/dist/cjs/schema-driven/components/TableComponent.js

@@ -0,0 +1,394 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var helper = require('../helper.js');
+var types = require('../types.js');
+
+function TableComponent({
+  columns: columnsProp,
+  rows: rowsProp,
+  onRowsChange,
+  schema,
+  value,
+  onChange,
+  readOnly = false,
+  rowKey,
+  addable = true,
+  deletable = true,
+  reorderable,
+  addButtonLabel = "+ Add Row",
+  emptyStateMessage = "No rows yet. Add one to get started.",
+  isRowLocked,
+  lockable,
+  lockedKey,
+  onToggleLock,
+  orderKey,
+  className,
+  accentColor,
+  css
+}) {
+  var _a, _b, _c, _d;
+  let instanceCounter = 0;
+  const schemaColumns = schema == null ? void 0 : schema.columns;
+  const schemaRows = schema == null ? void 0 : schema.rows;
+  const columns = Array.isArray(columnsProp) ? columnsProp : Array.isArray(schemaColumns) ? schemaColumns : [];
+  const rows = Array.isArray(rowsProp) ? rowsProp : Array.isArray(value) ? value : Array.isArray(schemaRows) ? schemaRows : [];
+  const resolvedReorderable = (_a = reorderable != null ? reorderable : schema == null ? void 0 : schema.reorderable) != null ? _a : false;
+  const resolvedLockable = (_b = lockable != null ? lockable : schema == null ? void 0 : schema.lockable) != null ? _b : false;
+  const resolvedLockedKey = (_c = lockedKey != null ? lockedKey : schema == null ? void 0 : schema.lockedKey) != null ? _c : "locked";
+  const resolvedOrderKey = orderKey != null ? orderKey : schema == null ? void 0 : schema.orderKey;
+  const emitRowsChange = (_d = onRowsChange != null ? onRowsChange : onChange) != null ? _d : (() => void 0);
+  const commitRows = React.useCallback(
+    (nextRows) => {
+      emitRowsChange(helper.withOrder(nextRows, resolvedOrderKey));
+    },
+    [emitRowsChange, resolvedOrderKey]
+  );
+  const dragIndex = React.useRef(null);
+  const dragOverIndex = React.useRef(null);
+  const dragFrameId = React.useRef(null);
+  const [scope] = React.useState(() => `et-scope-${(instanceCounter++).toString(36)}`);
+  const [editingTagsCell, setEditingTagsCell] = React.useState(null);
+  const tagsEditorRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!editingTagsCell) return;
+    const handleClickOutside = (e) => {
+      if (tagsEditorRef.current && !tagsEditorRef.current.contains(e.target)) {
+        setEditingTagsCell(null);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [editingTagsCell]);
+  const resolvedCss = (css != null ? css : helper.DEFAULT_TABLE_CSS_TEMPLATE).split("{scope}").join(scope);
+  const updateCell = React.useCallback(
+    (rowIndex, key, value2) => {
+      const next = rows.slice();
+      next[rowIndex] = { ...next[rowIndex], [key]: value2 };
+      commitRows(next);
+    },
+    [rows, commitRows]
+  );
+  const addRow = React.useCallback(() => {
+    commitRows([...rows, helper.buildEmptyRow(columns)]);
+  }, [rows, columns, commitRows]);
+  const deleteRow = React.useCallback(
+    (rowIndex) => {
+      commitRows(rows.filter((_, i) => i !== rowIndex));
+    },
+    [rows, commitRows]
+  );
+  const handleDragStart = (index) => {
+    if (!resolvedReorderable || readOnly) return;
+    dragIndex.current = index;
+    dragOverIndex.current = index;
+  };
+  const handleDragOver = (e, overIndex) => {
+    if (!resolvedReorderable || readOnly || dragIndex.current === null) return;
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    if (dragOverIndex.current === overIndex) return;
+    dragOverIndex.current = overIndex;
+    if (dragFrameId.current !== null) {
+      cancelAnimationFrame(dragFrameId.current);
+    }
+    dragFrameId.current = requestAnimationFrame(() => {
+      if (dragIndex.current === null || dragOverIndex.current === null) return;
+      const next = rows.slice();
+      const [moved] = next.splice(dragIndex.current, 1);
+      next.splice(dragOverIndex.current, 0, moved);
+      dragIndex.current = dragOverIndex.current;
+      commitRows(next);
+      dragFrameId.current = null;
+    });
+  };
+  const handleDragEnd = () => {
+    dragIndex.current = null;
+    dragOverIndex.current = null;
+    if (dragFrameId.current !== null) {
+      cancelAnimationFrame(dragFrameId.current);
+      dragFrameId.current = null;
+    }
+  };
+  const isPermanentlyLocked = (row) => {
+    var _a2;
+    return (_a2 = isRowLocked == null ? void 0 : isRowLocked(row)) != null ? _a2 : false;
+  };
+  const isRowCurrentlyLocked = (row) => isPermanentlyLocked(row) || resolvedLockable && !!row[resolvedLockedKey];
+  const handleToggleLock = React.useCallback(
+    (row, rowIndex) => {
+      if (isPermanentlyLocked(row)) return;
+      if (onToggleLock) {
+        onToggleLock(row, rowIndex);
+        return;
+      }
+      updateCell(rowIndex, resolvedLockedKey, !row[resolvedLockedKey]);
+    },
+    [isRowLocked, onToggleLock, updateCell, resolvedLockedKey, rows]
+  );
+  const renderCell = (row, rowIndex, col) => {
+    var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+    const value2 = row[col.key];
+    const editable = col.type !== "readonly" && col.type !== "badge" && col.type !== "fileType" && col.editable !== false;
+    const locked = readOnly || isRowCurrentlyLocked(row);
+    if (col.type === "readonly") {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "et-readonly-cell", children: col.renderReadonly ? col.renderReadonly(value2, row) : String(value2 != null ? value2 : "") });
+    }
+    if (col.type === "badge") {
+      const cfg = (_b2 = (_a2 = col.badgeMap) == null ? void 0 : _a2[value2]) != null ? _b2 : {};
+      const tone = (_c2 = cfg.tone) != null ? _c2 : types.BADGE_TONE_DEFAULT;
+      const label = (_d2 = cfg.label) != null ? _d2 : String(value2 != null ? value2 : "");
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `et-badge et-badge-${tone}`,
+          style: { color: cfg.color, background: cfg.background },
+          children: label
+        }
+      );
+    }
+    if (col.type === "badgeSelect") {
+      const cfg = (_f = (_e = col.badgeMap) == null ? void 0 : _e[value2]) != null ? _f : {};
+      const tone = (_g = cfg.tone) != null ? _g : types.BADGE_TONE_DEFAULT;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          className: `et-badge-select et-badge-select-${tone}`,
+          style: { color: cfg.color, backgroundColor: cfg.background },
+          value: value2 != null ? value2 : "",
+          disabled: locked,
+          onChange: (e) => updateCell(rowIndex, col.key, e.target.value),
+          children: ((_h = col.options) != null ? _h : []).map((opt) => {
+            var _a3, _b3, _c3;
+            const optCfg = (_b3 = (_a3 = col.badgeMap) == null ? void 0 : _a3[opt]) != null ? _b3 : {};
+            return /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: (_c3 = optCfg.label) != null ? _c3 : opt }, opt);
+          })
+        }
+      );
+    }
+    if (col.type === "fileType") {
+      const ext = String(value2 != null ? value2 : "").toUpperCase();
+      const color = (_i = types.FILE_ICON_COLOR[ext]) != null ? _i : "#8A8698";
+      const fileTypes = ((_j = col.options) == null ? void 0 : _j.length) ? col.options : types.DEFAULT_FILE_TYPES;
+      if (!locked && col.editable !== false) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            className: "et-select et-file-select",
+            value: value2 != null ? value2 : "",
+            onChange: (e) => updateCell(rowIndex, col.key, e.target.value),
+            "aria-label": `${col.header} for row ${rowIndex + 1}`,
+            children: fileTypes.map((fileType) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: fileType, children: fileType }, fileType))
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "et-file-chip", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "et-file-icon", width: "12", height: "14", viewBox: "0 0 12 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1.5C1 0.947715 1.44772 0.5 2 0.5H7L11 4.5V12.5C11 13.0523 10.5523 13.5 10 13.5H2C1.44772 13.5 1 13.0523 1 12.5V1.5Z", fill: color }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 0.5L11 4.5H8C7.44772 4.5 7 4.05228 7 3.5V0.5Z", fill: "white", fillOpacity: "0.4" })
+        ] }),
+        ext
+      ] });
+    }
+    if (col.type === "tags") {
+      const arr = Array.isArray(value2) ? value2 : [];
+      const options = (_l = (_k = col.tagOptions) != null ? _k : col.options) != null ? _l : [];
+      const cellId = `${rowIndex}:${col.key}`;
+      const isEditing = !locked && editingTagsCell === cellId;
+      if (locked) {
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "et-tags", children: arr.length > 0 ? arr.map((tag) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "et-tag et-tag-static", children: tag }, tag)) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "et-tags-empty", children: "\u2014" }) });
+      }
+      if (isEditing) {
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "et-tags-editor", ref: tagsEditorRef, children: [
+          options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "et-tags-option", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: arr.includes(opt),
+                onChange: (e) => {
+                  const next = e.target.checked ? [...arr, opt] : arr.filter((t) => t !== opt);
+                  updateCell(rowIndex, col.key, next);
+                }
+              }
+            ),
+            opt
+          ] }, opt)),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "et-tags-done", onClick: () => setEditingTagsCell(null), children: "Done" })
+        ] });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "et-tags et-tags-clickable",
+          role: "button",
+          tabIndex: 0,
+          onClick: () => setEditingTagsCell(cellId),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") setEditingTagsCell(cellId);
+          },
+          children: arr.length > 0 ? arr.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "et-tag", children: [
+            tag,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "et-tag-remove",
+                "aria-label": `Remove ${tag}`,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  updateCell(rowIndex, col.key, arr.filter((t) => t !== tag));
+                },
+                children: "\xD7"
+              }
+            )
+          ] }, tag)) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "et-tags-placeholder", children: "+ Select" })
+        }
+      );
+    }
+    if (!editable) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "et-readonly-cell", children: col.renderReadonly ? col.renderReadonly(value2, row) : String(value2 != null ? value2 : "") });
+    }
+    switch (col.type) {
+      case "checkbox":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "et-checkbox",
+            checked: !!value2,
+            disabled: locked,
+            onChange: (e) => updateCell(rowIndex, col.key, e.target.checked)
+          }
+        );
+      case "dropdown":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            className: "et-select",
+            value: value2 != null ? value2 : "",
+            disabled: locked,
+            onChange: (e) => updateCell(rowIndex, col.key, e.target.value),
+            children: ((_m = col.options) != null ? _m : []).map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt))
+          }
+        );
+      case "number":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            className: "et-input",
+            value: value2 != null ? value2 : "",
+            placeholder: col.placeholder,
+            disabled: locked,
+            onChange: (e) => updateCell(rowIndex, col.key, e.target.value === "" ? "" : Number(e.target.value))
+          }
+        );
+      case "text":
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            className: "et-input",
+            value: value2 != null ? value2 : "",
+            placeholder: col.placeholder,
+            disabled: locked,
+            onChange: (e) => updateCell(rowIndex, col.key, e.target.value)
+          }
+        );
+    }
+  };
+  const wrapperStyle = accentColor ? { "--et-accent": accentColor, "--et-accent-strong": accentColor } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${scope} et-wrapper ${className != null ? className : ""}`, style: wrapperStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: resolvedCss }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "et-table-container", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "et-table", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        resolvedReorderable && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "et-drag-col" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "et-index-col", children: "Sr No" }),
+        resolvedLockable && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "et-lock-col" }),
+        (Array.isArray(columns) ? columns : []).map((col) => /* @__PURE__ */ jsxRuntime.jsxs("th", { style: { width: col.width }, children: [
+          col.header,
+          col.info && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "et-info-icon", title: col.info, children: [
+            " ",
+            "\u24D8"
+          ] })
+        ] }, col.key)),
+        deletable && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "et-action-col" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+        (Array.isArray(rows) ? rows : []).map((row, rowIndex) => {
+          const permanentlyLocked = isPermanentlyLocked(row);
+          const rowLocked = isRowCurrentlyLocked(row);
+          const key = rowKey ? String(row[rowKey]) : rowIndex;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "tr",
+            {
+              onDragOver: (e) => handleDragOver(e, rowIndex),
+              className: rowLocked ? "et-row-locked" : void 0,
+              children: [
+                resolvedReorderable && /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "et-drag-col", children: [
+                  !rowLocked && /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "et-drag-handle",
+                      draggable: !readOnly,
+                      onDragStart: () => handleDragStart(rowIndex),
+                      onDragEnd: handleDragEnd,
+                      role: "button",
+                      tabIndex: 0,
+                      "aria-label": `Drag row ${rowIndex + 1} to reorder`,
+                      title: "Drag to reorder",
+                      children: "\u283F"
+                    }
+                  ),
+                  rowLocked && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "et-lock-icon", children: "\u{1F512}" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "et-index-col", children: rowIndex + 1 }),
+                resolvedLockable && /* @__PURE__ */ jsxRuntime.jsx("td", { className: "et-lock-col", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "et-lock-btn",
+                    disabled: readOnly || permanentlyLocked,
+                    onClick: () => handleToggleLock(row, rowIndex),
+                    "aria-label": rowLocked ? "Unlock row" : "Lock row",
+                    children: rowLocked ? "\u{1F512}" : "\u{1F513}"
+                  }
+                ) }),
+                columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { children: renderCell(row, rowIndex, col) }, col.key)),
+                deletable && /* @__PURE__ */ jsxRuntime.jsx("td", { className: "et-action-col", children: !rowLocked && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "et-delete-btn",
+                    "aria-label": "Delete row",
+                    onClick: () => deleteRow(rowIndex),
+                    children: "\u{1F5D1}"
+                  }
+                ) })
+              ]
+            },
+            key
+          );
+        }),
+        rows.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "td",
+          {
+            className: "et-empty-state",
+            colSpan: (Array.isArray(columns) ? columns.length : 0) + 1 + (resolvedReorderable ? 1 : 0) + (deletable ? 1 : 0) + (resolvedLockable ? 1 : 0),
+            children: emptyStateMessage
+          }
+        ) })
+      ] })
+    ] }) }),
+    addable && !readOnly && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "et-add-btn", onClick: addRow, children: addButtonLabel })
+  ] });
+}
+
+exports.TableComponent = TableComponent;
+exports["default"] = TableComponent;
+//# sourceMappingURL=TableComponent.js.map

package/dist/cjs/schema-driven/components/TableComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableComponent.js","sources":["../../../../src/schema-driven/components/TableComponent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { buildEmptyRow, DEFAULT_TABLE_CSS_TEMPLATE,  withOrder } from '../helper';\nimport { BADGE_TONE_DEFAULT, BadgeConfig, ColumnDef, DEFAULT_FILE_TYPES, FILE_ICON_COLOR, TableComponentProps } from '../types';\n\n\n\nexport function TableComponent<T extends Record<string, any>>({\n  columns: columnsProp,\n  rows: rowsProp,\n  onRowsChange,\n  schema,\n  value,\n  onChange,\n  readOnly = false,\n  rowKey,\n  addable = true,\n  deletable = true,\n  reorderable,\n  addButtonLabel = '+ Add Row',\n  emptyStateMessage = 'No rows yet. Add one to get started.',\n  isRowLocked,\n  lockable,\n  lockedKey,\n  onToggleLock,\n  orderKey,\n  className,\n  accentColor,\n  css,\n}: TableComponentProps<T>) {\n  // The component is usable directly (`rows`/`onRowsChange`) and through\n  // BPARenderer (`schema.columns`, `value`/`onChange`). Prefer explicit props so\n  // a host can override a schema when needed.\n\n  let instanceCounter = 0;\n  const schemaColumns = schema?.columns;\n  const schemaRows = schema?.rows;\n  const columns = Array.isArray(columnsProp) ? columnsProp : (Array.isArray(schemaColumns) ? schemaColumns : []);\n  const rows = Array.isArray(rowsProp) ? rowsProp : (Array.isArray(value) ? value : (Array.isArray(schemaRows) ? schemaRows : []));\n  // Schema-driven use passes table options inside `schema`; direct props win so\n  // consumers can still override a configured table.\n  const resolvedReorderable = reorderable ?? schema?.reorderable ?? false;\n  const resolvedLockable = lockable ?? schema?.lockable ?? false;\n  const resolvedLockedKey = lockedKey ?? schema?.lockedKey ?? ('locked' as Extract<keyof T, string>);\n  const resolvedOrderKey = orderKey ?? schema?.orderKey;\n  const emitRowsChange = onRowsChange ?? onChange ?? (() => undefined);\n  // All row-array mutations funnel through here so `orderKey` (when set)\n  // always reflects each row's current position — after add, delete, or\n  // drag reorder — without every call site having to remember to stamp it.\n  const commitRows = useCallback(\n    (nextRows: T[]) => {\n      emitRowsChange(withOrder(nextRows, resolvedOrderKey));\n    },\n    [emitRowsChange, resolvedOrderKey]\n  );\n  const dragIndex = useRef<number | null>(null);\n  const dragOverIndex = useRef<number | null>(null);\n  const dragFrameId = useRef<number | null>(null);\n  const [scope] = useState(() => `et-scope-${(instanceCounter++).toString(36)}`);\n\n  // Tracks which single \"tags\" cell (rowIndex:columnKey) is showing the\n  // multi-select checklist instead of pills. Only one at a time.\n  const [editingTagsCell, setEditingTagsCell] = useState<string | null>(null);\n  const tagsEditorRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (!editingTagsCell) return;\n    const handleClickOutside = (e: MouseEvent) => {\n      if (tagsEditorRef.current && !tagsEditorRef.current.contains(e.target as Node)) {\n        setEditingTagsCell(null);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [editingTagsCell]);\n\n  const resolvedCss = (css ?? DEFAULT_TABLE_CSS_TEMPLATE).split('{scope}').join(scope);\n\n  const updateCell = useCallback(\n    (rowIndex: number, key: Extract<keyof T, string>, value: any) => {\n      const next = rows.slice();\n      next[rowIndex] = { ...next[rowIndex], [key]: value };\n      commitRows(next);\n    },\n    [rows, commitRows]\n  );\n\n  const addRow = useCallback(() => {\n    commitRows([...rows, buildEmptyRow(columns)]);\n  }, [rows, columns, commitRows]);\n\n  const deleteRow = useCallback(\n    (rowIndex: number) => {\n      commitRows(rows.filter((_, i) => i !== rowIndex));\n    },\n    [rows, commitRows]\n  );\n\n  const handleDragStart = (index: number) => {\n    if (!resolvedReorderable || readOnly) return;\n    dragIndex.current = index;\n    dragOverIndex.current = index;\n  };\n\n  const handleDragOver = (e: React.DragEvent, overIndex: number) => {\n    if (!resolvedReorderable || readOnly || dragIndex.current === null) return;\n    e.preventDefault();\n    // Prevent default drag behavior to enable drop zone\n    e.dataTransfer.dropEffect = 'move';\n    // Only schedule update if moving to a different position\n    if (dragOverIndex.current === overIndex) return;\n    dragOverIndex.current = overIndex;\n    // Use requestAnimationFrame to batch drag updates and improve performance\n    if (dragFrameId.current !== null) {\n      cancelAnimationFrame(dragFrameId.current);\n    }\n    dragFrameId.current = requestAnimationFrame(() => {\n      if (dragIndex.current === null || dragOverIndex.current === null) return;\n      const next = rows.slice();\n      const [moved] = next.splice(dragIndex.current, 1);\n      next.splice(dragOverIndex.current, 0, moved);\n      dragIndex.current = dragOverIndex.current;\n      commitRows(next);\n      dragFrameId.current = null;\n    });\n  };\n\n  const handleDragEnd = () => {\n    dragIndex.current = null;\n    dragOverIndex.current = null;\n    if (dragFrameId.current !== null) {\n      cancelAnimationFrame(dragFrameId.current);\n      dragFrameId.current = null;\n    }\n  };\n\n  // A row is \"locked\" for editing purposes if it's permanently locked\n  // (isRowLocked) or, when the interactive lock feature is on, if its\n  // lockedKey field is truthy.\n  const isPermanentlyLocked = (row: T) => isRowLocked?.(row) ?? false;\n  const isRowCurrentlyLocked = (row: T) =>\n    isPermanentlyLocked(row) || (resolvedLockable && !!row[resolvedLockedKey]);\n\n  const handleToggleLock = useCallback(\n    (row: T, rowIndex: number) => {\n      if (isPermanentlyLocked(row)) return; // permanent locks aren't user-toggleable\n      if (onToggleLock) {\n        onToggleLock(row, rowIndex);\n        return;\n      }\n      updateCell(rowIndex, resolvedLockedKey, !row[resolvedLockedKey]);\n    },\n    [isRowLocked, onToggleLock, updateCell, resolvedLockedKey, rows]\n  );\n\n  const renderCell = (row: T, rowIndex: number, col: ColumnDef<T>) => {\n    const value = row[col.key];\n    const editable = col.type !== 'readonly' && col.type !== 'badge' && col.type !== 'fileType' && col.editable !== false;\n    const locked = readOnly || isRowCurrentlyLocked(row);\n\n    if (col.type === 'readonly') {\n      return (\n        <span className=\"et-readonly-cell\">\n          {col.renderReadonly ? col.renderReadonly(value, row) : String(value ?? '')}\n        </span>\n      );\n    }\n\n    if (col.type === 'badge') {\n      const cfg: BadgeConfig = col.badgeMap?.[value] ?? {};\n      const tone = cfg.tone ?? BADGE_TONE_DEFAULT;\n      const label = cfg.label ?? String(value ?? '');\n      return (\n        <span\n          className={`et-badge et-badge-${tone}`}\n          style={{ color: cfg.color, background: cfg.background }}\n        >\n          {label}\n        </span>\n      );\n    }\n\n    if (col.type === 'badgeSelect') {\n      const cfg: BadgeConfig = col.badgeMap?.[value] ?? {};\n      const tone = cfg.tone ?? BADGE_TONE_DEFAULT;\n      return (\n        <select\n          className={`et-badge-select et-badge-select-${tone}`}\n          style={{ color: cfg.color, backgroundColor: cfg.background }}\n          value={value ?? ''}\n          disabled={locked}\n          onChange={(e) => updateCell(rowIndex, col.key, e.target.value)}\n        >\n          {(col.options ?? []).map((opt) => {\n            const optCfg: BadgeConfig = col.badgeMap?.[opt] ?? {};\n            return (\n              <option key={opt} value={opt}>\n                {optCfg.label ?? opt}\n              </option>\n            );\n          })}\n        </select>\n      );\n    }\n\n    if (col.type === 'fileType') {\n      const ext = String(value ?? '').toUpperCase();\n      const color = FILE_ICON_COLOR[ext] ?? '#8A8698';\n      const fileTypes = col.options?.length ? col.options : DEFAULT_FILE_TYPES;\n      if (!locked && col.editable !== false) {\n        return (\n          <select\n            className=\"et-select et-file-select\"\n            value={value ?? ''}\n            onChange={(e) => updateCell(rowIndex, col.key, e.target.value)}\n            aria-label={`${col.header} for row ${rowIndex + 1}`}\n          >\n            {fileTypes.map((fileType) => (\n              <option key={fileType} value={fileType}>{fileType}</option>\n            ))}\n          </select>\n        );\n      }\n      return (\n        <span className=\"et-file-chip\">\n          <svg className=\"et-file-icon\" width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M1 1.5C1 0.947715 1.44772 0.5 2 0.5H7L11 4.5V12.5C11 13.0523 10.5523 13.5 10 13.5H2C1.44772 13.5 1 13.0523 1 12.5V1.5Z\" fill={color} />\n            <path d=\"M7 0.5L11 4.5H8C7.44772 4.5 7 4.05228 7 3.5V0.5Z\" fill=\"white\" fillOpacity=\"0.4\" />\n          </svg>\n          {ext}\n        </span>\n      );\n    }\n\n    if (col.type === 'tags') {\n      const arr: string[] = Array.isArray(value) ? value : [];\n      const options = col.tagOptions ?? col.options ?? [];\n      const cellId = `${rowIndex}:${col.key}`;\n      const isEditing = !locked && editingTagsCell === cellId;\n\n      // Read-only / locked rows: plain pills, no interaction at all.\n      if (locked) {\n        return (\n          <div className=\"et-tags\">\n            {arr.length > 0 ? (\n              arr.map((tag) => (\n                <span key={tag} className=\"et-tag et-tag-static\">\n                  {tag}\n                </span>\n              ))\n            ) : (\n              <span className=\"et-tags-empty\">—</span>\n            )}\n          </div>\n        );\n      }\n\n      // Editing this cell: show a checklist (multi-select) instead of pills.\n      if (isEditing) {\n        return (\n          <div className=\"et-tags-editor\" ref={tagsEditorRef}>\n            {options.map((opt) => (\n              <label key={opt} className=\"et-tags-option\">\n                <input\n                  type=\"checkbox\"\n                  checked={arr.includes(opt)}\n                  onChange={(e) => {\n                    const next = e.target.checked ? [...arr, opt] : arr.filter((t) => t !== opt);\n                    updateCell(rowIndex, col.key, next);\n                  }}\n                />\n                {opt}\n              </label>\n            ))}\n            <button type=\"button\" className=\"et-tags-done\" onClick={() => setEditingTagsCell(null)}>\n              Done\n            </button>\n          </div>\n        );\n      }\n\n      // Default view: pills. Clicking the row opens the multi-select;\n      // clicking a pill's × removes it directly without opening the editor.\n      return (\n        <div\n          className=\"et-tags et-tags-clickable\"\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setEditingTagsCell(cellId)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') setEditingTagsCell(cellId);\n          }}\n        >\n          {arr.length > 0 ? (\n            arr.map((tag) => (\n              <span key={tag} className=\"et-tag\">\n                {tag}\n                <button\n                  type=\"button\"\n                  className=\"et-tag-remove\"\n                  aria-label={`Remove ${tag}`}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    updateCell(rowIndex, col.key, arr.filter((t) => t !== tag));\n                  }}\n                >\n                  ×\n                </button>\n              </span>\n            ))\n          ) : (\n            <span className=\"et-tags-placeholder\">+ Select</span>\n          )}\n        </div>\n      );\n    }\n\n    if (!editable) {\n      return (\n        <span className=\"et-readonly-cell\">\n          {col.renderReadonly ? col.renderReadonly(value, row) : String(value ?? '')}\n        </span>\n      );\n    }\n\n    switch (col.type) {\n      case 'checkbox':\n        return (\n          <input\n            type=\"checkbox\"\n            className=\"et-checkbox\"\n            checked={!!value}\n            disabled={locked}\n            onChange={(e) => updateCell(rowIndex, col.key, e.target.checked)}\n          />\n        );\n\n      case 'dropdown':\n        return (\n          <select\n            className=\"et-select\"\n            value={value ?? ''}\n            disabled={locked}\n            onChange={(e) => updateCell(rowIndex, col.key, e.target.value)}\n          >\n            {(col.options ?? []).map((opt) => (\n              <option key={opt} value={opt}>\n                {opt}\n              </option>\n            ))}\n          </select>\n        );\n\n      case 'number':\n        return (\n          <input\n            type=\"number\"\n            className=\"et-input\"\n            value={value ?? ''}\n            placeholder={col.placeholder}\n            disabled={locked}\n            onChange={(e) => updateCell(rowIndex, col.key, e.target.value === '' ? '' : Number(e.target.value))}\n          />\n        );\n\n      case 'text':\n      default:\n        return (\n          <input\n            type=\"text\"\n            className=\"et-input\"\n            value={value ?? ''}\n            placeholder={col.placeholder}\n            disabled={locked}\n            onChange={(e) => updateCell(rowIndex, col.key, e.target.value)}\n          />\n        );\n    }\n  };\n\n  const wrapperStyle: React.CSSProperties | undefined = accentColor\n    ? ({ '--et-accent': accentColor, '--et-accent-strong': accentColor } as React.CSSProperties)\n    : undefined;\n\n  return (\n    <div className={`${scope} et-wrapper ${className ?? ''}`} style={wrapperStyle}>\n      <style>{resolvedCss}</style>\n      <div className=\"et-table-container\">\n        <table className=\"et-table\">\n        <thead>\n          <tr>\n            {resolvedReorderable && <th className=\"et-drag-col\" />}\n            <th className=\"et-index-col\">Sr No</th>\n            {resolvedLockable && <th className=\"et-lock-col\" />}\n            {(Array.isArray(columns) ? columns : []).map((col) => (\n              <th key={col.key} style={{ width: col.width }}>\n                {col.header}\n                {col.info && (\n                  <span className=\"et-info-icon\" title={col.info}>\n                    {' '}ⓘ\n                  </span>\n                )}\n              </th>\n            ))}\n            {deletable && <th className=\"et-action-col\" />}\n          </tr>\n        </thead>\n        <tbody>\n          {(Array.isArray(rows) ? rows : []).map((row, rowIndex) => {\n            const permanentlyLocked = isPermanentlyLocked(row);\n            const rowLocked = isRowCurrentlyLocked(row);\n            const key = rowKey ? String(row[rowKey]) : rowIndex;\n            return (\n              <tr\n                key={key}\n                onDragOver={(e) => handleDragOver(e, rowIndex)}\n                className={rowLocked ? 'et-row-locked' : undefined}\n              >\n                {resolvedReorderable && (\n                  <td className=\"et-drag-col\">\n                    {!rowLocked && (\n                      <span\n                        className=\"et-drag-handle\"\n                        draggable={!readOnly}\n                        onDragStart={() => handleDragStart(rowIndex)}\n                        onDragEnd={handleDragEnd}\n                        role=\"button\"\n                        tabIndex={0}\n                        aria-label={`Drag row ${rowIndex + 1} to reorder`}\n                        title=\"Drag to reorder\"\n                      >\n                        ⠿\n                      </span>\n                    )}\n                    {rowLocked && <span className=\"et-lock-icon\">🔒</span>}\n                  </td>\n                )}\n                <td className=\"et-index-col\">{rowIndex + 1}</td>\n                {resolvedLockable && (\n                  <td className=\"et-lock-col\">\n                    <button\n                      type=\"button\"\n                      className=\"et-lock-btn\"\n                      disabled={readOnly || permanentlyLocked}\n                      onClick={() => handleToggleLock(row, rowIndex)}\n                      aria-label={rowLocked ? 'Unlock row' : 'Lock row'}\n                    >\n                      {rowLocked ? '🔒' : '🔓'}\n                    </button>\n                  </td>\n                )}\n                {columns.map((col) => (\n                  <td key={col.key}>{renderCell(row, rowIndex, col)}</td>\n                ))}\n                {deletable && (\n                  <td className=\"et-action-col\">\n                    {!rowLocked && (\n                      <button\n                        type=\"button\"\n                        className=\"et-delete-btn\"\n                        aria-label=\"Delete row\"\n                        onClick={() => deleteRow(rowIndex)}\n                      >\n                        🗑\n                      </button>\n                    )}\n                  </td>\n                )}\n              </tr>\n            );\n          })}\n\n          {rows.length === 0 && (\n            <tr>\n              <td\n                className=\"et-empty-state\"\n                colSpan={\n                  (Array.isArray(columns) ? columns.length : 0) +\n                  1 +\n                  (resolvedReorderable ? 1 : 0) +\n                  (deletable ? 1 : 0) +\n                  (resolvedLockable ? 1 : 0)\n                }\n              >\n                {emptyStateMessage}\n              </td>\n            </tr>\n          )}\n        </tbody>\n      </table>\n      </div>\n\n      {addable && !readOnly && (\n        <button type=\"button\" className=\"et-add-btn\" onClick={addRow}>\n          {addButtonLabel}\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default TableComponent;\n"],"names":["useCallback","withOrder","useRef","useState","useEffect","DEFAULT_TABLE_CSS_TEMPLATE","value","buildEmptyRow","_a","_b","_c","_d","BADGE_TONE_DEFAULT","jsx","FILE_ICON_COLOR","DEFAULT_FILE_TYPES","jsxs"],"mappings":"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"}

package/dist/cjs/schema-driven/components/TextInputField.js

@@ -1,2 +1,52 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),a=require("../../features/IL-OTJ/_components/organisms/TextSection/TextSection.js"),r=require("../../features/IL-OTJ/_components/InputDataReasoningCard.js"),n=require("../store/useDynamicFormStore.js");exports.default=function(o){var s,l,u,c=t.useState(!1),d=c[0],g=c[1],v=o.citation,f=o.title,m=o.value,p=o.state,x=o.isMirage,h=o.tierKey,j=o.variantIndex,_=n.useDynamicFormStore(),b=_.getGlobalField,q=_.getVariantField,y=_.clearAllMirages,I=_.getGlobalMirage,M=_.getVariantMirage,S=((null===(s=o.schema)||void 0===s?void 0:s.data_key)||o.id).replace("global.",""),T=((null===(l=o.schema)||void 0===l?void 0:l.data_key)||"").startsWith("global.")||void 0===j;return t.useEffect(function(){if(x){var e=T?I(S):M(h,j,S),i=T?b(S):q(h,j,S);void 0!==i&&i!==e&&""!==i&&y()}},[m,x]),i.jsxs(i.Fragment,{children:[i.jsx(a.TextSection,e.__assign({},o,{placeholder:null===(u=o.schema)||void 0===u?void 0:u.placeholder,showCognitiveIcon:!!v,isOpen:d,onToggle:function(){return g(function(e){return!e})},isMirage:x})),v&&i.jsx(r.InputDataReasoningCard,{isVisible:d,citation:v,citations:null==p?void 0:p.citations,fieldName:f,fieldValue:m})]})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var InputDataReasoningCard = require('../../features/IL-OTJ/_components/InputDataReasoningCard.js');
+var useDynamicFormStore = require('../store/useDynamicFormStore.js');
+var TextSection = require('../../features/IL-OTJ/_components/organisms/TextSection/TextSection.js');
+
+function TextInputField(props) {
+  var _a, _b, _c;
+  const [isOpen, setIsOpen] = React.useState(false);
+  const { citation, title, value, state, isMirage, tierKey, variantIndex } = props;
+  const { getGlobalField, getVariantField, clearAllMirages, getGlobalMirage, getVariantMirage } = useDynamicFormStore.useDynamicFormStore();
+  const cleanKey = (((_a = props.schema) == null ? void 0 : _a.data_key) || props.id).replace("global.", "");
+  const isGlobal = (((_b = props.schema) == null ? void 0 : _b.data_key) || "").startsWith("global.") || variantIndex === void 0;
+  React.useEffect(() => {
+    if (!isMirage) return;
+    const currentMirage = isGlobal ? getGlobalMirage(cleanKey) : getVariantMirage(tierKey, variantIndex, cleanKey);
+    const currentStoreValue = isGlobal ? getGlobalField(cleanKey) : getVariantField(tierKey, variantIndex, cleanKey);
+    if (currentStoreValue !== void 0 && currentStoreValue !== currentMirage && currentStoreValue !== "") {
+      clearAllMirages();
+    }
+  }, [value, isMirage]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TextSection.TextSection,
+      {
+        ...props,
+        placeholder: (_c = props.schema) == null ? void 0 : _c.placeholder,
+        showCognitiveIcon: !!citation,
+        isOpen,
+        onToggle: () => setIsOpen((prev) => !prev),
+        isMirage
+      }
+    ),
+    citation && /* @__PURE__ */ jsxRuntime.jsx(
+      InputDataReasoningCard.InputDataReasoningCard,
+      {
+        isVisible: isOpen,
+        citation,
+        citations: state == null ? void 0 : state.citations,
+        fieldName: title,
+        fieldValue: value
+      }
+    )
+  ] });
+}
+
+exports["default"] = TextInputField;
 //# sourceMappingURL=TextInputField.js.map

package/dist/cjs/schema-driven/components/TextInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TextInputField.js","sources":["../../../../src/schema-driven/components/TextInputField.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { TextSection } from '../../features/IL-OTJ/_components/organisms/TextSection';\nimport { InputDataReasoningCard } from '../../features/IL-OTJ/_components/InputDataReasoningCard';\nimport { useDynamicFormStore } from '../store/useDynamicFormStore';\n\n// Plain text field. Forwards the schema placeholder to the shared TextSection,\n// and — when the AI attached reasoning to this value — shows the cognitive\n// decisioning pill/card next to it (same component the legacy modal uses).\nexport default function TextInputField(props: any) {\n  const [isOpen, setIsOpen] = useState(false);\n  const { citation, title, value, state, isMirage, tierKey, variantIndex } = props;\n  const { getGlobalField, getVariantField, clearAllMirages, getGlobalMirage, getVariantMirage } = useDynamicFormStore();\n  const cleanKey = (props.schema?.data_key || props.id).replace('global.', '');\n  const isGlobal = (props.schema?.data_key || '').startsWith('global.') || variantIndex === undefined;\n\n  // Clear mirage when the actual store value changes (AI has updated the field)\n  useEffect(() => {\n    if (!isMirage) return;\n    const currentMirage = isGlobal ? getGlobalMirage(cleanKey) : getVariantMirage(tierKey, variantIndex, cleanKey);\n    const currentStoreValue = isGlobal ? getGlobalField(cleanKey) : getVariantField(tierKey, variantIndex, cleanKey);\n    // If store value changed and is different from mirage, clear the mirage\n    if (currentStoreValue !== undefined && currentStoreValue !== currentMirage && currentStoreValue !== '') {\n      clearAllMirages();\n    }\n  }, [value, isMirage]);\n\n  return (\n    <>\n      <TextSection\n        {...props}\n        placeholder={props.schema?.placeholder}\n        showCognitiveIcon={!!citation}\n        isOpen={isOpen}\n        onToggle={() => setIsOpen((prev) => !prev)}\n        isMirage={isMirage}\n      />\n      {citation && (\n        <InputDataReasoningCard\n          isVisible={isOpen}\n          citation={citation}\n          citations={state?.citations}\n          fieldName={title}\n          fieldValue={value}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["useState","useDynamicFormStore","useEffect","jsxs","Fragment","jsx","TextSection","InputDataReasoningCard"],"mappings":";;;;;;;;;;AAQA,SAAwB,eAAe,KAAY,EAAA;AARnD,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AASE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,UAAU,KAAO,EAAA,KAAA,EAAO,OAAO,QAAU,EAAA,OAAA,EAAS,cAAiB,GAAA,KAAA,CAAA;AAC3E,EAAA,MAAM,EAAE,cAAgB,EAAA,eAAA,EAAiB,iBAAiB,eAAiB,EAAA,gBAAA,KAAqBC,uCAAoB,EAAA,CAAA;AACpH,EAAM,MAAA,QAAA,GAAA,CAAA,CAAA,CAAY,WAAM,MAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,aAAY,KAAM,CAAA,EAAA,EAAI,OAAQ,CAAA,SAAA,EAAW,EAAE,CAAA,CAAA;AAC3E,EAAM,MAAA,QAAA,GAAA,CAAA,CAAA,CAAY,WAAM,MAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,aAAY,EAAI,EAAA,UAAA,CAAW,SAAS,CAAA,IAAK,YAAiB,KAAA,KAAA,CAAA,CAAA;AAG1F,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAU,EAAA,OAAA;AACf,IAAM,MAAA,aAAA,GAAgB,WAAW,eAAgB,CAAA,QAAQ,IAAI,gBAAiB,CAAA,OAAA,EAAS,cAAc,QAAQ,CAAA,CAAA;AAC7G,IAAM,MAAA,iBAAA,GAAoB,WAAW,cAAe,CAAA,QAAQ,IAAI,eAAgB,CAAA,OAAA,EAAS,cAAc,QAAQ,CAAA,CAAA;AAE/G,IAAA,IAAI,iBAAsB,KAAA,KAAA,CAAA,IAAa,iBAAsB,KAAA,aAAA,IAAiB,sBAAsB,EAAI,EAAA;AACtG,MAAgB,eAAA,EAAA,CAAA;AAAA,KAClB;AAAA,GACC,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA,CAAA;AAEpB,EAAA,uBAEIC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,WAAA,EAAA,CAAa,EAAM,GAAA,KAAA,CAAA,MAAA,KAAN,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA;AAAA,QAC3B,iBAAA,EAAmB,CAAC,CAAC,QAAA;AAAA,QACrB,MAAA;AAAA,QACA,UAAU,MAAM,SAAA,CAAU,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,QACzC,QAAA;AAAA,OAAA;AAAA,KACF;AAAA,IACC,QACC,oBAAAD,cAAA;AAAA,MAACE,6CAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,MAAA;AAAA,QACX,QAAA;AAAA,QACA,WAAW,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,SAAA;AAAA,QAClB,SAAW,EAAA,KAAA;AAAA,QACX,UAAY,EAAA,KAAA;AAAA,OAAA;AAAA,KACd;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ;;;;"}