@freighttech/ui 0.13.18

package/dist/backend/dynamic-grid/components/GridCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-grid/components/GridCell.tsx"],
+  "sourcesContent": ["import React, { memo, useRef, useEffect, useCallback } from 'react';\nimport { useCellStore, useCellState } from '../../dynamic-table/hooks/index';\nimport { getCellRenderer } from '../../dynamic-table/components/renderers';\nimport { getCellEditor } from '../../dynamic-table/components/editors';\nimport { dispatch } from '../../dynamic-table/events/events';\nimport { TableEvents } from '../../dynamic-table/types/index';\nimport type { ColumnDef, CellEditSaveEvent } from '../../dynamic-table/types/index';\nimport type { GridCellDef } from '../types';\n\nexport interface GridCellProps {\n  gridRow: number;\n  gridCol: number;\n  cellDef: GridCellDef;\n  columnDef: ColumnDef;\n  gridRef: React.RefObject<HTMLDivElement | null>;\n  idField: string;\n}\n\n/**\n * Strip DynamicTable editor visual styles so the editor is an invisible\n * typing surface over the value text. The grid cell itself shows selection state.\n */\nfunction neutralizeEditorStyles(container: HTMLElement | null) {\n  if (!container) return;\n  const editors = container.querySelectorAll<HTMLElement>('.hot-cell-editor, .hot-boolean-editor-wrapper');\n  editors.forEach((el) => {\n    el.style.background = 'transparent';\n    el.style.boxShadow = 'none';\n    el.style.padding = '0';\n    el.style.fontSize = 'inherit';\n    el.style.color = 'inherit';\n  });\n}\n\nconst GridCell: React.FC<GridCellProps> = memo(\n  ({ gridRow, gridCol, cellDef, columnDef, gridRef, idField }) => {\n    const store = useCellStore();\n    const state = useCellState(gridRow, gridCol);\n    const inputRef = useRef<any>(null);\n    const valueRef = useRef<HTMLDivElement>(null);\n    const rowData = store.getRowData(gridRow);\n    const cellValue = rowData?.[cellDef.field];\n\n    const isEmpty = cellValue == null || cellValue === '';\n\n    const handleSave = useCallback(\n      (value?: any, clearEditing: boolean = true) => {\n        const newValue = value !== undefined ? value : cellValue;\n        const oldValue = rowData?.[cellDef.field];\n\n        if (String(oldValue ?? '') === String(newValue ?? '')) {\n          if (clearEditing) {\n            store.clearEditing();\n            store.focusTable();\n          }\n          return;\n        }\n\n        store.setCellValue(gridRow, gridCol, newValue);\n        if (clearEditing) {\n          store.clearEditing();\n          store.focusTable();\n        }\n\n        if (gridRef.current) {\n          dispatch<CellEditSaveEvent>(gridRef.current, TableEvents.CELL_EDIT_SAVE, {\n            rowIndex: gridRow,\n            colIndex: gridCol,\n            oldValue,\n            newValue,\n            prop: cellDef.field,\n            rowData,\n            id: rowData?.[idField],\n          });\n        }\n      },\n      [cellValue, rowData, cellDef.field, gridRow, gridCol, store, gridRef, idField],\n    );\n\n    const handleCancel = useCallback(() => {\n      store.clearEditing();\n      store.focusTable();\n    }, [store]);\n\n    const handleChange = useCallback(() => {\n      // Editor holds its own local state \u2014 no store update during editing\n    }, []);\n\n    // Focus input and neutralize editor visuals when editing starts\n    useEffect(() => {\n      if (!state.isEditing) return;\n\n      // Strip DynamicTable editor visual styles\n      neutralizeEditorStyles(valueRef.current);\n\n      // Use rAF to run after React commits the controlled value to the DOM,\n      // then set cursor to end of text\n      requestAnimationFrame(() => {\n        if (!inputRef.current) return;\n        inputRef.current.focus();\n        const el = inputRef.current;\n        const supportsSelection =\n          el.type === undefined ||\n          ['text', 'password', 'search', 'tel', 'url', 'number'].includes(el.type);\n        if (supportsSelection && el.setSelectionRange) {\n          const length = el.value?.length || 0;\n          try {\n            el.setSelectionRange(length, length);\n          } catch {\n            // Some input types may throw, ignore\n          }\n        }\n      });\n    }, [state.isEditing]);\n\n    const handleClick = useCallback(() => {\n      store.setSelection({\n        type: 'cell',\n        anchor: { row: gridRow, col: gridCol },\n        focus: { row: gridRow, col: gridCol },\n      });\n    }, [store, gridRow, gridCol]);\n\n    const handleDoubleClick = useCallback(() => {\n      if (!cellDef.readOnly) {\n        store.setEditingCell(gridRow, gridCol);\n      }\n    }, [store, gridRow, gridCol, cellDef.readOnly]);\n\n    const renderer = getCellRenderer(columnDef);\n    const renderedValue = renderer(cellValue, rowData, columnDef, gridRow, gridCol);\n    const conditionalClassName = cellDef.cellClassName?.(cellValue, rowData ?? {}) || '';\n\n    const saveStateBg =\n      state.saveState === 'saving'\n        ? 'bg-blue-50/50 dark:bg-blue-950/30'\n        : state.saveState === 'success'\n          ? 'bg-green-50/50 dark:bg-green-950/30'\n          : state.saveState === 'error'\n            ? 'bg-red-50/50 dark:bg-red-950/30'\n            : '';\n\n    return (\n      <div\n        className={[\n          'dynamic-grid-cell',\n          'border border-border px-3 py-2 rounded-sm transition-colors duration-150',\n          cellDef.readOnly ? 'bg-muted/30' : 'cursor-pointer',\n          state.isSelected ? 'ring-2 ring-primary ring-inset' : '',\n          saveStateBg,\n          conditionalClassName,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={cellDef.colSpan ? { gridColumn: `span ${cellDef.colSpan}` } : undefined}\n        data-grid-row={gridRow}\n        data-grid-col={gridCol}\n        data-save-state={state.saveState}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n      >\n        <div\n          className={[\n            'text-[10px] uppercase tracking-wider mb-1 select-none',\n            cellDef.required && isEmpty\n              ? 'text-destructive font-medium'\n              : 'text-muted-foreground',\n          ].join(' ')}\n        >\n          {cellDef.label}\n        </div>\n        <div ref={valueRef} className=\"relative text-sm min-h-[1.25rem]\">\n          <span className=\"whitespace-pre-wrap\">{renderedValue}</span>\n          {state.isEditing &&\n            getCellEditor(\n              columnDef,\n              cellValue,\n              handleChange,\n              handleSave,\n              handleCancel,\n              rowData,\n              gridRow,\n              gridCol,\n              inputRef,\n            )}\n        </div>\n      </div>\n    );\n  },\n);\n\nGridCell.displayName = 'GridCell';\n\nexport default GridCell;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-grid/components/GridRow.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import GridCell from "./GridCell.js";
+const GridRow = memo(
+  ({ rowIndex, rowDef, columnDefs, gridColumns, gridRef, idField }) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: ["grid gap-0", rowDef.className].filter(Boolean).join(" "),
+        style: { gridTemplateColumns: `repeat(${gridColumns}, minmax(0, 1fr))` },
+        children: rowDef.cells.map((cellDef, colIndex) => /* @__PURE__ */ jsx(
+          GridCell,
+          {
+            gridRow: rowIndex,
+            gridCol: colIndex,
+            cellDef,
+            columnDef: columnDefs[colIndex],
+            gridRef,
+            idField
+          },
+          cellDef.field
+        ))
+      }
+    );
+  }
+);
+GridRow.displayName = "GridRow";
+var GridRow_default = GridRow;
+export {
+  GridRow_default as default
+};
+//# sourceMappingURL=GridRow.js.map

package/dist/backend/dynamic-grid/components/GridRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-grid/components/GridRow.tsx"],
+  "sourcesContent": ["import React, { memo } from 'react';\nimport type { ColumnDef } from '../../dynamic-table/types/index';\nimport type { GridRowDef } from '../types';\nimport GridCell from './GridCell';\n\nexport interface GridRowProps {\n  rowIndex: number;\n  rowDef: GridRowDef;\n  columnDefs: ColumnDef[];\n  gridColumns: number;\n  gridRef: React.RefObject<HTMLDivElement | null>;\n  idField: string;\n}\n\nconst GridRow: React.FC<GridRowProps> = memo(\n  ({ rowIndex, rowDef, columnDefs, gridColumns, gridRef, idField }) => {\n    return (\n      <div\n        className={['grid gap-0', rowDef.className].filter(Boolean).join(' ')}\n        style={{ gridTemplateColumns: `repeat(${gridColumns}, minmax(0, 1fr))` }}\n      >\n        {rowDef.cells.map((cellDef, colIndex) => (\n          <GridCell\n            key={cellDef.field}\n            gridRow={rowIndex}\n            gridCol={colIndex}\n            cellDef={cellDef}\n            columnDef={columnDefs[colIndex]}\n            gridRef={gridRef}\n            idField={idField}\n          />\n        ))}\n      </div>\n    );\n  },\n);\n\nGridRow.displayName = 'GridRow';\n\nexport default GridRow;\n"],
+  "mappings": "AAsBU;AAtBV,SAAgB,YAAY;AAG5B,OAAO,cAAc;AAWrB,MAAM,UAAkC;AAAA,EACtC,CAAC,EAAE,UAAU,QAAQ,YAAY,aAAa,SAAS,QAAQ,MAAM;AACnE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,CAAC,cAAc,OAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QACpE,OAAO,EAAE,qBAAqB,UAAU,WAAW,oBAAoB;AAAA,QAEtE,iBAAO,MAAM,IAAI,CAAC,SAAS,aAC1B;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS;AAAA,YACT,SAAS;AAAA,YACT;AAAA,YACA,WAAW,WAAW,QAAQ;AAAA,YAC9B;AAAA,YACA;AAAA;AAAA,UANK,QAAQ;AAAA,QAOf,CACD;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/backend/dynamic-grid/hooks/useGridKeyboardNav.js

@@ -0,0 +1,115 @@
+import { useCallback, useMemo } from "react";
+function useGridKeyboardNav(store, rows) {
+  const editableCells = useMemo(() => {
+    const cells = [];
+    rows.forEach((rowDef, rowIndex) => {
+      rowDef.cells.forEach((cellDef, colIndex) => {
+        if (!cellDef.readOnly) {
+          cells.push({ row: rowIndex, col: colIndex });
+        }
+      });
+    });
+    return cells;
+  }, [rows]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      const editing = store.getEditingCell();
+      const selection = store.getSelection();
+      const hasSelection = selection.type === "cell" && selection.anchor;
+      if (e.key === "Tab") {
+        const direction = e.shiftKey ? -1 : 1;
+        let currentIndex = -1;
+        const anchor = editing || selection.anchor;
+        if (anchor) {
+          currentIndex = editableCells.findIndex(
+            (c) => c.row === anchor.row && c.col === anchor.col
+          );
+        }
+        const nextIndex = currentIndex + direction;
+        if (nextIndex >= 0 && nextIndex < editableCells.length) {
+          e.preventDefault();
+          const next = editableCells[nextIndex];
+          if (editing) store.clearEditing();
+          store.setSelection({
+            type: "cell",
+            anchor: { row: next.row, col: next.col },
+            focus: { row: next.row, col: next.col }
+          });
+          store.setEditingCell(next.row, next.col);
+        } else if (editing) {
+          store.clearEditing();
+          store.setSelection({ type: null, anchor: null, focus: null });
+        }
+        return;
+      }
+      if (e.key === "Enter" && !e.shiftKey) {
+        if (editing) {
+          e.preventDefault();
+          const nextRow = editing.row + 1;
+          store.clearEditing();
+          if (nextRow < rows.length) {
+            const nextCol = Math.min(editing.col, rows[nextRow].cells.length - 1);
+            store.setSelection({
+              type: "cell",
+              anchor: { row: nextRow, col: nextCol },
+              focus: { row: nextRow, col: nextCol }
+            });
+            if (!rows[nextRow].cells[nextCol]?.readOnly) {
+              store.setEditingCell(nextRow, nextCol);
+            }
+          } else {
+            store.setSelection({ type: null, anchor: null, focus: null });
+            store.focusTable();
+          }
+        } else if (hasSelection && selection.anchor) {
+          e.preventDefault();
+          const { row, col } = selection.anchor;
+          if (!rows[row]?.cells[col]?.readOnly) {
+            store.setEditingCell(row, col);
+          }
+        }
+        return;
+      }
+      if (e.key === "Escape") {
+        if (editing) {
+          e.preventDefault();
+          store.clearEditing();
+          store.focusTable();
+        } else if (hasSelection) {
+          e.preventDefault();
+          store.setSelection({ type: null, anchor: null, focus: null });
+        }
+        return;
+      }
+      if (!editing && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
+        e.preventDefault();
+        if (!hasSelection || !selection.anchor) {
+          store.setSelection({
+            type: "cell",
+            anchor: { row: 0, col: 0 },
+            focus: { row: 0, col: 0 }
+          });
+          return;
+        }
+        let nextRow = selection.anchor.row;
+        let nextCol = selection.anchor.col;
+        if (e.key === "ArrowUp") nextRow = Math.max(0, nextRow - 1);
+        if (e.key === "ArrowDown") nextRow = Math.min(rows.length - 1, nextRow + 1);
+        if (e.key === "ArrowLeft") nextCol = Math.max(0, nextCol - 1);
+        if (e.key === "ArrowRight")
+          nextCol = Math.min(rows[nextRow].cells.length - 1, nextCol + 1);
+        store.setSelection({
+          type: "cell",
+          anchor: { row: nextRow, col: nextCol },
+          focus: { row: nextRow, col: nextCol }
+        });
+      }
+    },
+    [store, rows, editableCells]
+  );
+  return handleKeyDown;
+}
+export {
+  useGridKeyboardNav
+};
+//# sourceMappingURL=useGridKeyboardNav.js.map

package/dist/backend/dynamic-grid/hooks/useGridKeyboardNav.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-grid/hooks/useGridKeyboardNav.ts"],
+  "sourcesContent": ["import { useCallback, useMemo } from 'react';\nimport type { CellStore } from '../../dynamic-table/store/index';\nimport type { GridRowDef } from '../types';\n\nexport function useGridKeyboardNav(\n  store: CellStore,\n  rows: GridRowDef[],\n) {\n  const editableCells = useMemo(() => {\n    const cells: Array<{ row: number; col: number }> = [];\n    rows.forEach((rowDef, rowIndex) => {\n      rowDef.cells.forEach((cellDef, colIndex) => {\n        if (!cellDef.readOnly) {\n          cells.push({ row: rowIndex, col: colIndex });\n        }\n      });\n    });\n    return cells;\n  }, [rows]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const editing = store.getEditingCell();\n      const selection = store.getSelection();\n      const hasSelection = selection.type === 'cell' && selection.anchor;\n\n      // Tab / Shift+Tab: move between editable cells\n      if (e.key === 'Tab') {\n        const direction = e.shiftKey ? -1 : 1;\n        let currentIndex = -1;\n\n        const anchor = editing || selection.anchor;\n        if (anchor) {\n          currentIndex = editableCells.findIndex(\n            (c) => c.row === anchor.row && c.col === anchor.col,\n          );\n        }\n\n        const nextIndex = currentIndex + direction;\n        if (nextIndex >= 0 && nextIndex < editableCells.length) {\n          e.preventDefault();\n          const next = editableCells[nextIndex];\n          if (editing) store.clearEditing();\n          store.setSelection({\n            type: 'cell',\n            anchor: { row: next.row, col: next.col },\n            focus: { row: next.row, col: next.col },\n          });\n          store.setEditingCell(next.row, next.col);\n        } else if (editing) {\n          // At boundary \u2014 allow natural Tab to leave the grid\n          store.clearEditing();\n          store.setSelection({ type: null, anchor: null, focus: null });\n        }\n        return;\n      }\n\n      // Enter: start editing or move down\n      if (e.key === 'Enter' && !e.shiftKey) {\n        if (editing) {\n          e.preventDefault();\n          // Move to same column, next row\n          const nextRow = editing.row + 1;\n          store.clearEditing();\n          if (nextRow < rows.length) {\n            const nextCol = Math.min(editing.col, rows[nextRow].cells.length - 1);\n            store.setSelection({\n              type: 'cell',\n              anchor: { row: nextRow, col: nextCol },\n              focus: { row: nextRow, col: nextCol },\n            });\n            if (!rows[nextRow].cells[nextCol]?.readOnly) {\n              store.setEditingCell(nextRow, nextCol);\n            }\n          } else {\n            store.setSelection({ type: null, anchor: null, focus: null });\n            store.focusTable();\n          }\n        } else if (hasSelection && selection.anchor) {\n          e.preventDefault();\n          const { row, col } = selection.anchor;\n          if (!rows[row]?.cells[col]?.readOnly) {\n            store.setEditingCell(row, col);\n          }\n        }\n        return;\n      }\n\n      // Escape: cancel editing or clear selection\n      if (e.key === 'Escape') {\n        if (editing) {\n          e.preventDefault();\n          store.clearEditing();\n          store.focusTable();\n        } else if (hasSelection) {\n          e.preventDefault();\n          store.setSelection({ type: null, anchor: null, focus: null });\n        }\n        return;\n      }\n\n      // Arrow keys (only when not editing)\n      if (!editing && ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key)) {\n        e.preventDefault();\n        if (!hasSelection || !selection.anchor) {\n          store.setSelection({\n            type: 'cell',\n            anchor: { row: 0, col: 0 },\n            focus: { row: 0, col: 0 },\n          });\n          return;\n        }\n\n        let nextRow = selection.anchor.row;\n        let nextCol = selection.anchor.col;\n\n        if (e.key === 'ArrowUp') nextRow = Math.max(0, nextRow - 1);\n        if (e.key === 'ArrowDown') nextRow = Math.min(rows.length - 1, nextRow + 1);\n        if (e.key === 'ArrowLeft') nextCol = Math.max(0, nextCol - 1);\n        if (e.key === 'ArrowRight')\n          nextCol = Math.min(rows[nextRow].cells.length - 1, nextCol + 1);\n\n        store.setSelection({\n          type: 'cell',\n          anchor: { row: nextRow, col: nextCol },\n          focus: { row: nextRow, col: nextCol },\n        });\n      }\n    },\n    [store, rows, editableCells],\n  );\n\n  return handleKeyDown;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-grid/index.js

@@ -0,0 +1,9 @@
+import { default as default2 } from "./DynamicGrid.js";
+import { useGridKeyboardNav } from "./hooks/useGridKeyboardNav.js";
+import { gridCellDefToColumnDef } from "./adapters.js";
+export {
+  default2 as DynamicGrid,
+  gridCellDefToColumnDef,
+  useGridKeyboardNav
+};
+//# sourceMappingURL=index.js.map

package/dist/backend/dynamic-grid/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/dynamic-grid/index.ts"],
+  "sourcesContent": ["export { default as DynamicGrid } from './DynamicGrid';\nexport type { DynamicGridProps, GridCellDef, GridRowDef } from './types';\nexport { useGridKeyboardNav } from './hooks/useGridKeyboardNav';\nexport { gridCellDefToColumnDef } from './adapters';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA8B;AAEvC,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;",
+  "names": ["default"]
+}

package/dist/backend/dynamic-grid/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/backend/dynamic-grid/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}