@feathery/react 2.48.0 → 2.49.0

package/dist/{fthry_index.d-sboT23.js → fthry_index.xZSdf7ry.js}

@@ -1,5 +1,5 @@
-import { q as __rest, j as jsx, _ as __assign, b as jsxs, e as __read, z as featheryDoc, x as Fragment$1, f as fieldValues, J as stringifyWithNull, $ as __values, R as __spreadArray } from './fthry_index.AugcPyKH.js';
-import { Fragment, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { q as __rest, j as jsx, _ as __assign, b as jsxs, e as __read, z as featheryDoc, x as Fragment$1, f as fieldValues, J as stringifyWithNull, $ as __values, R as __spreadArray } from './fthry_index.cdWJRcXS.js';
+import { Fragment, useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
 import 'jszip';
@@ -330,29 +330,6 @@ var editingCellInputStyle = {
     inset: 0,
     height: '100%'
 };
-var overflowIconStyle = {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '24px',
-    height: '24px',
-    borderRadius: '4px',
-    border: 'none',
-    backgroundColor: 'transparent',
-    color: colors.gray400,
-    cursor: 'pointer',
-    opacity: 0,
-    transition: 'opacity 0.15s',
-    flexShrink: 0,
-    padding: 0,
-    'tr:hover &, &[aria-expanded="true"]': {
-        opacity: 1
-    },
-    '&:hover': {
-        backgroundColor: colors.gray100,
-        color: colors.gray600
-    }
-};
 var deleteColumnStyle = {
     width: '40px',
     padding: '0 8px'
@@ -643,132 +620,69 @@ function EmptyState(_a) {
                 }, fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 1.5 }, { children: jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z' }) }))), jsx("p", __assign({ css: emptyStateTextStyle }, { children: hasSearchQuery ? 'No results found' : 'No data available' })), hasSearchQuery && (jsx("p", __assign({ css: __assign(__assign({}, emptyStateTextStyle), { fontSize: '14px', marginTop: '8px' }) }, { children: "Try adjusting your search query" })))] })));
 }
 
-function DeleteConfirm(_a) {
-    var anchorEl = _a.anchorEl, onConfirm = _a.onConfirm, onCancel = _a.onCancel, _b = _a.message, message = _b === void 0 ? 'Delete this row?' : _b, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? 'Delete' : _c;
-    var popoverRef = useRef(null);
-    if (!anchorEl)
-        return null;
-    var anchorRect = anchorEl.getBoundingClientRect();
-    var top = anchorRect.bottom + 4;
-    var left = anchorRect.right;
-    useEffect(function () {
-        var handleClickOutside = function (event) {
-            if (popoverRef.current &&
-                !popoverRef.current.contains(event.target) &&
-                anchorEl &&
-                !anchorEl.contains(event.target)) {
-                onCancel();
-            }
-        };
-        var handleScroll = function () { return onCancel(); };
-        var handleKeyDown = function (event) {
-            if (event.key === 'Escape')
-                onCancel();
-        };
-        var doc = featheryDoc();
-        doc.addEventListener('mousedown', handleClickOutside);
-        doc.addEventListener('scroll', handleScroll, true);
-        doc.addEventListener('keydown', handleKeyDown);
-        return function () {
-            doc.removeEventListener('mousedown', handleClickOutside);
-            doc.removeEventListener('scroll', handleScroll, true);
-            doc.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [onCancel, anchorEl]);
-    return createPortal(jsxs("div", __assign({ ref: popoverRef, role: 'alertdialog', "aria-label": message, className: TABLE_CLASS.deleteConfirm, css: __assign(__assign({}, confirmPopoverStyle), { top: "".concat(top, "px"), left: "".concat(left, "px"), transform: 'translateX(-100%)' }) }, { children: [jsx("p", __assign({ css: confirmTextStyle }, { children: message })), jsxs("div", __assign({ css: confirmButtonRowStyle }, { children: [jsx("button", __assign({ type: 'button', css: confirmCancelButtonStyle, onClick: function (e) {
-                            e.stopPropagation();
-                            onCancel();
-                        } }, { children: "Cancel" })), jsx("button", __assign({ type: 'button', css: confirmDeleteButtonStyle, onClick: function (e) {
-                            e.stopPropagation();
-                            onConfirm();
-                        } }, { children: confirmLabel }))] }))] })), featheryDoc().body);
-}
-
-function OverflowIcon() {
-    return (jsxs("svg", __assign({ width: '16', height: '16', fill: 'currentColor', viewBox: '0 0 24 24' }, { children: [jsx("circle", { cx: '12', cy: '5', r: '2' }), jsx("circle", { cx: '12', cy: '12', r: '2' }), jsx("circle", { cx: '12', cy: '19', r: '2' })] })));
-}
 function EditableCell(_a) {
     var _b;
-    var value = _a.value, fieldKey = _a.fieldKey, rowIndex = _a.rowIndex, onEdit = _a.onEdit, onClear = _a.onClear;
-    var _c = __read(useState(false), 2), isEditing = _c[0], setIsEditing = _c[1];
-    var _d = __read(useState(''), 2), editValue = _d[0], setEditValue = _d[1];
-    var _e = __read(useState(false), 2), isMenuOpen = _e[0], setIsMenuOpen = _e[1];
-    var _f = __read(useState(false), 2), showClearConfirm = _f[0], setShowClearConfirm = _f[1];
-    var _g = __read(useState({ top: 0, left: 0 }), 2), menuPosition = _g[0], setMenuPosition = _g[1];
+    var value = _a.value, fieldKey = _a.fieldKey, rowIndex = _a.rowIndex, isEditing = _a.isEditing, onEdit = _a.onEdit, onStartEdit = _a.onStartEdit, onStopEdit = _a.onStopEdit, onNavigate = _a.onNavigate;
+    var _c = __read(useState(''), 2), editValue = _c[0], setEditValue = _c[1];
     var inputRef = useRef(null);
-    var menuButtonRef = useRef(null);
-    var menuRef = useRef(null);
     var shouldSaveRef = useRef(true);
-    var closeClearConfirm = useCallback(function () { return setShowClearConfirm(false); }, []);
+    // Suppresses the blur that fires when focus moves to the next cell during Tab
+    // navigation, so it does not re-save or clear the freshly-set editing cell.
+    var skipBlurRef = useRef(false);
     var displayValue = (_b = stringifyWithNull(value)) !== null && _b !== void 0 ? _b : '';
     var isEmpty = displayValue === '';
+    // Seed the draft value the moment this cell becomes the active editor, before
+    // paint, so the textarea shows the right content on first render (no flash).
+    var prevEditingRef = useRef(false);
+    if (isEditing && !prevEditingRef.current)
+        setEditValue(displayValue);
+    prevEditingRef.current = isEditing;
     useEffect(function () {
         if (isEditing && inputRef.current) {
             inputRef.current.focus();
+            inputRef.current.select();
         }
     }, [isEditing]);
-    useEffect(function () {
-        if (!isMenuOpen)
-            return;
-        var handleClickOutside = function (event) {
-            if (menuRef.current &&
-                !menuRef.current.contains(event.target) &&
-                menuButtonRef.current &&
-                !menuButtonRef.current.contains(event.target)) {
-                setIsMenuOpen(false);
-            }
-        };
-        var handleScroll = function () { return setIsMenuOpen(false); };
-        var doc = featheryDoc();
-        doc.addEventListener('mousedown', handleClickOutside);
-        doc.addEventListener('scroll', handleScroll, true);
-        return function () {
-            doc.removeEventListener('mousedown', handleClickOutside);
-            doc.removeEventListener('scroll', handleScroll, true);
-        };
-    }, [isMenuOpen]);
     var startEditing = function () {
-        setEditValue(displayValue);
-        setIsEditing(true);
-        setIsMenuOpen(false);
+        // Force any other cell that is mid-edit to commit and close via its own
+        // blur handler before opening this one. Clicking a cell's (non-focusable)
+        var active = featheryDoc().activeElement;
+        if (active && active !== inputRef.current)
+            active.blur();
+        onStartEdit();
     };
-    var saveEdit = function () {
+    var saveValue = function () {
         if (editValue !== displayValue) {
             onEdit(fieldKey, rowIndex, editValue);
         }
-        setIsEditing(false);
-    };
-    var cancelEdit = function () {
-        shouldSaveRef.current = false;
-        setIsEditing(false);
     };
     var handleBlur = function () {
+        if (skipBlurRef.current) {
+            skipBlurRef.current = false;
+            return;
+        }
         if (shouldSaveRef.current)
-            saveEdit();
+            saveValue();
         shouldSaveRef.current = true;
+        onStopEdit();
     };
     var handleKeyDown = function (e) {
-        if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
+        var _a, _b;
+        if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
-            shouldSaveRef.current = false;
-            saveEdit();
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
         }
         else if (e.key === 'Escape') {
             e.preventDefault();
-            cancelEdit();
-        }
-        else if (e.key === 'Tab') {
             shouldSaveRef.current = false;
-            saveEdit();
+            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
         }
-    };
-    var handleMenuToggle = function (e) {
-        e.stopPropagation();
-        if (!isMenuOpen && menuButtonRef.current) {
-            var rect = menuButtonRef.current.getBoundingClientRect();
-            setMenuPosition({ top: rect.bottom + 4, left: rect.right });
+        else if (e.key === 'Tab') {
+            e.preventDefault();
+            skipBlurRef.current = true;
+            saveValue();
+            onNavigate(e.shiftKey);
         }
-        setIsMenuOpen(!isMenuOpen);
     };
     if (isEditing) {
         return (jsxs("div", __assign({ className: TABLE_CLASS.editableCell, css: editingCellContentStyle }, { children: [jsx("div", __assign({ css: editingCellSizerStyle }, { children: "".concat(editValue, "\u200B") })), jsx("textarea", { ref: inputRef, value: editValue, onChange: function (e) { return setEditValue(e.target.value); }, onBlur: handleBlur, onKeyDown: handleKeyDown, className: TABLE_CLASS.cellInput, css: __assign(__assign({}, cellInputStyle), editingCellInputStyle), onClick: function (e) { return e.stopPropagation(); } })] })));
@@ -776,18 +690,7 @@ function EditableCell(_a) {
     if (isEmpty) {
         return (jsx("span", __assign({ className: TABLE_CLASS.editableCell, css: clickToEditStyle, onClick: startEditing }, { children: "Click to edit" })));
     }
-    return (jsxs("div", __assign({ className: TABLE_CLASS.editableCell, css: editableCellContentStyle }, { children: [jsx("span", __assign({ css: editableCellTextStyle }, { children: displayValue })), jsx("button", __assign({ ref: menuButtonRef, type: 'button', "aria-expanded": isMenuOpen, "aria-haspopup": 'menu', css: overflowIconStyle, onClick: handleMenuToggle }, { children: jsx(OverflowIcon, {}) })), isMenuOpen &&
-                createPortal(jsxs("div", __assign({ ref: menuRef, role: 'menu', css: __assign(__assign({}, actionMenuStyle), { top: "".concat(menuPosition.top, "px"), left: "".concat(menuPosition.left, "px"), transform: 'translateX(-100%)' }) }, { children: [jsx("button", __assign({ type: 'button', role: 'menuitem', css: actionMenuItemStyle, onClick: function (e) {
-                                e.stopPropagation();
-                                startEditing();
-                            } }, { children: "Edit Value" })), jsx("button", __assign({ type: 'button', role: 'menuitem', css: actionMenuItemStyle, onClick: function (e) {
-                                e.stopPropagation();
-                                setIsMenuOpen(false);
-                                setShowClearConfirm(true);
-                            } }, { children: "Clear Field" }))] })), featheryDoc().body), showClearConfirm && (jsx(DeleteConfirm, { anchorEl: menuButtonRef.current, message: 'Clear this field?', confirmLabel: 'Clear', onConfirm: function () {
-                    closeClearConfirm();
-                    onClear(fieldKey, rowIndex);
-                }, onCancel: closeClearConfirm }))] })));
+    return (jsx("div", __assign({ className: TABLE_CLASS.editableCell, css: editableCellContentStyle }, { children: jsx("span", __assign({ css: __assign(__assign({}, editableCellTextStyle), { cursor: 'pointer' }), onClick: startEditing }, { children: displayValue })) })));
 }
 
 // Utility functions for sorting strings as numbers and dates
@@ -877,6 +780,88 @@ function compareSortableValues(a, b) {
     }
     // Fall back to string comparison
     return a.asString.localeCompare(b.asString);
+}
+/**
+ * Compute the next/previous editable cell for Tab navigation.
+ *
+ * In non-transposed editable tables every column is editable, so the grid is
+ * simply `rowIndices` (the visible rows, in display order) by `columnCount`.
+ *
+ * Forward (Tab): move one column right; at the end of a row wrap to the first
+ * column of the next visible row. Backward (Shift+Tab): mirror that.
+ *
+ * Returns `null` past the last editable cell (forward) or before the first one
+ * (backward) so the caller can commit-and-stay instead of wrapping around.
+ */
+function getNextEditableCell(rowIndices, columnCount, current, backward) {
+    if (columnCount <= 0)
+        return null;
+    var rowPos = rowIndices.indexOf(current.rowIndex);
+    if (rowPos === -1)
+        return null;
+    var lastCol = columnCount - 1;
+    var colIndex = current.colIndex;
+    var pos = rowPos;
+    if (backward) {
+        colIndex -= 1;
+        if (colIndex < 0) {
+            colIndex = lastCol;
+            pos -= 1;
+        }
+        if (pos < 0)
+            return null;
+    }
+    else {
+        colIndex += 1;
+        if (colIndex > lastCol) {
+            colIndex = 0;
+            pos += 1;
+        }
+        if (pos > rowIndices.length - 1)
+            return null;
+    }
+    return { rowIndex: rowIndices[pos], colIndex: colIndex };
+}
+
+function DeleteConfirm(_a) {
+    var anchorEl = _a.anchorEl, onConfirm = _a.onConfirm, onCancel = _a.onCancel, _b = _a.message, message = _b === void 0 ? 'Delete this row?' : _b, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? 'Delete' : _c;
+    var popoverRef = useRef(null);
+    if (!anchorEl)
+        return null;
+    var anchorRect = anchorEl.getBoundingClientRect();
+    var top = anchorRect.bottom + 4;
+    var left = anchorRect.right;
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (popoverRef.current &&
+                !popoverRef.current.contains(event.target) &&
+                anchorEl &&
+                !anchorEl.contains(event.target)) {
+                onCancel();
+            }
+        };
+        var handleScroll = function () { return onCancel(); };
+        var handleKeyDown = function (event) {
+            if (event.key === 'Escape')
+                onCancel();
+        };
+        var doc = featheryDoc();
+        doc.addEventListener('mousedown', handleClickOutside);
+        doc.addEventListener('scroll', handleScroll, true);
+        doc.addEventListener('keydown', handleKeyDown);
+        return function () {
+            doc.removeEventListener('mousedown', handleClickOutside);
+            doc.removeEventListener('scroll', handleScroll, true);
+            doc.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [onCancel, anchorEl]);
+    return createPortal(jsxs("div", __assign({ ref: popoverRef, role: 'alertdialog', "aria-label": message, className: TABLE_CLASS.deleteConfirm, css: __assign(__assign({}, confirmPopoverStyle), { top: "".concat(top, "px"), left: "".concat(left, "px"), transform: 'translateX(-100%)' }) }, { children: [jsx("p", __assign({ css: confirmTextStyle }, { children: message })), jsxs("div", __assign({ css: confirmButtonRowStyle }, { children: [jsx("button", __assign({ type: 'button', css: confirmCancelButtonStyle, onClick: function (e) {
+                            e.stopPropagation();
+                            onCancel();
+                        } }, { children: "Cancel" })), jsx("button", __assign({ type: 'button', css: confirmDeleteButtonStyle, onClick: function (e) {
+                            e.stopPropagation();
+                            onConfirm();
+                        } }, { children: confirmLabel }))] }))] })), featheryDoc().body);
 }
 
 function generateExampleData(columns, numRows) {
@@ -1375,15 +1360,11 @@ function useTableMutations(_a) {
             submitCustom(values);
         onMutate();
     }, [getFieldArray, updateFieldValues, submitCustom, editMode, onMutate]);
-    var handleCellClear = useCallback(function (fieldKey, rowIndex) {
-        handleCellEdit(fieldKey, rowIndex, '');
-    }, [handleCellEdit]);
     return {
         handleAddRow: handleAddRow,
         handleDeleteRow: handleDeleteRow,
         handleRemoveRowLocal: handleRemoveRowLocal,
-        handleCellEdit: handleCellEdit,
-        handleCellClear: handleCellClear
+        handleCellEdit: handleCellEdit
     };
 }
 
@@ -1418,7 +1399,7 @@ function TableElement(_a) {
         setSearchQuery: setSearchQuery,
         searchQuery: searchQuery,
         onMutate: onMutate
-    }), handleAddRow = _j.handleAddRow, handleDeleteRow = _j.handleDeleteRow, handleCellEdit = _j.handleCellEdit, handleCellClear = _j.handleCellClear;
+    }), handleAddRow = _j.handleAddRow, handleDeleteRow = _j.handleDeleteRow, handleCellEdit = _j.handleCellEdit;
     var tableId = element === null || element === void 0 ? void 0 : element.id;
     var canEdit = enableEditing && !isTransposed;
     var showAddRow = canEdit && enableAddDeleteRows;
@@ -1439,11 +1420,21 @@ function TableElement(_a) {
         handleCellEdit(fieldKey, rowIndex, newValue);
     }, [handleCellEdit]);
     var _l = __read(useState(null), 2), deleteRowIndex = _l[0], setDeleteRowIndex = _l[1];
+    var _m = __read(useState(null), 2), editingCell = _m[0], setEditingCell = _m[1];
     var prevPageRef = useRef(currentPage);
     if (prevPageRef.current !== currentPage) {
         prevPageRef.current = currentPage;
         setDeleteRowIndex(null);
+        // A coordinate from the previous page would point at an off-page row.
+        setEditingCell(null);
     }
+    var requestEdit = useCallback(function (rowIndex, colIndex) {
+        return setEditingCell({ rowIndex: rowIndex, colIndex: colIndex });
+    }, []);
+    var stopEdit = useCallback(function () { return setEditingCell(null); }, []);
+    var navigateEdit = useCallback(function (rowIndex, colIndex, backward) {
+        setEditingCell(getNextEditableCell(paginatedRowIndices, columns.length, { rowIndex: rowIndex, colIndex: colIndex }, backward));
+    }, [paginatedRowIndices, columns.length]);
     var handleCancelDelete = useCallback(function () { return setDeleteRowIndex(null); }, []);
     var deleteIconRefs = useRef(new Map());
     var actionCellRefs = useRef(new Map());
@@ -1540,9 +1531,23 @@ function TableElement(_a) {
                                                                 : fValue;
                                                             originalRowData_1[col.name] = cValue;
                                                         });
+                                                        var originalColumn = baseColumns[rowIndex];
                                                         onClick({
                                                             rowIndex: originalRowIndex,
-                                                            rowData: originalRowData_1
+                                                            rowData: originalRowData_1,
+                                                            columnIndex: rowIndex,
+                                                            columnKey: originalColumn === null || originalColumn === void 0 ? void 0 : originalColumn.field_key,
+                                                            columnName: originalColumn === null || originalColumn === void 0 ? void 0 : originalColumn.name
+                                                        });
+                                                    }
+                                                    else if (!isTransposed && !canEdit) {
+                                                        e.stopPropagation();
+                                                        onClick({
+                                                            rowIndex: rowIndex,
+                                                            rowData: rowData,
+                                                            columnIndex: colIndex,
+                                                            columnKey: column.field_key,
+                                                            columnName: column.name
                                                         });
                                                     }
                                                 };
@@ -1554,7 +1559,12 @@ function TableElement(_a) {
                                                     : column.field_key;
                                                 return (jsx(CellElement, __assign({ className: isFirstColInTranspose
                                                         ? TABLE_CLASS.headerCell
-                                                        : TABLE_CLASS.cell, "data-feathery-field": cellFieldKey, css: cellCss, onClick: handleCellClick }, (isFirstColInTranspose ? { scope: 'row' } : {}), { children: isFirstColInTranspose && isSortable ? (jsxs("div", __assign({ css: __assign(__assign({}, sortHeaderContentStyle), { justifyContent: 'space-between' }) }, { children: [jsx("span", { children: (_b = stringifyWithNull(cellValue)) !== null && _b !== void 0 ? _b : '' }), jsx("span", __assign({ css: sortIconContainerStyle }, { children: jsx(SortIcon, { isSorted: isSorted, sortDirection: sortDirection }) }))] }))) : canEdit ? (jsx(EditableCell, { value: cellValue, fieldKey: column.field_key, rowIndex: rowIndex, onEdit: wrappedHandleCellEdit, onClear: handleCellClear })) : ((_c = stringifyWithNull(cellValue)) !== null && _c !== void 0 ? _c : '') }), colIndex));
+                                                        : TABLE_CLASS.cell, "data-feathery-field": cellFieldKey, css: cellCss, onClick: handleCellClick }, (isFirstColInTranspose ? { scope: 'row' } : {}), { children: isFirstColInTranspose && isSortable ? (jsxs("div", __assign({ css: __assign(__assign({}, sortHeaderContentStyle), { justifyContent: 'space-between' }) }, { children: [jsx("span", { children: (_b = stringifyWithNull(cellValue)) !== null && _b !== void 0 ? _b : '' }), jsx("span", __assign({ css: sortIconContainerStyle }, { children: jsx(SortIcon, { isSorted: isSorted, sortDirection: sortDirection }) }))] }))) : canEdit ? (jsx(EditableCell, { value: cellValue, fieldKey: column.field_key, rowIndex: rowIndex, isEditing: (editingCell === null || editingCell === void 0 ? void 0 : editingCell.rowIndex) === rowIndex &&
+                                                            (editingCell === null || editingCell === void 0 ? void 0 : editingCell.colIndex) === colIndex, onEdit: wrappedHandleCellEdit, onStartEdit: function () {
+                                                            return requestEdit(rowIndex, colIndex);
+                                                        }, onStopEdit: stopEdit, onNavigate: function (backward) {
+                                                            return navigateEdit(rowIndex, colIndex, backward);
+                                                        } })) : ((_c = stringifyWithNull(cellValue)) !== null && _c !== void 0 ? _c : '') }), colIndex));
                                             }), !isTransposed && actions.length > 0 && (jsxs("td", __assign({ ref: function (el) {
                                                     if (el)
                                                         actionCellRefs.current.set(rowIndex, el);

package/dist/{fthry_input.Ciomtn44.js → fthry_input.DbXz6y8m.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { P as PropTypes } from './fthry_index.jGH4DDdr.js';
+import { P as PropTypes } from './fthry_index.B8QhrENg.js';
 
 /** Checks if value is string */
 function isString(str) {

package/dist/fthry_mermaid-O7DHMXV3.BTTUMTMH.js

@@ -0,0 +1,8 @@
+export { u as Mermaid } from './fthry_AssistantChat.BejpFcyu.js';
+import './fthry_index.cdWJRcXS.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'jszip';
+import 'react-dom';
+import './fthry_clsx.ChV9xqsO.js';
+import './fthry_index.C2TazyZo.js';

package/dist/{fthry_script.D5JCT1ya.js → fthry_script.BORBdvL8.js}

@@ -1,4 +1,4 @@
-import { M as getDefaultExportFromCjs } from './fthry_index.AugcPyKH.js';
+import { M as getDefaultExportFromCjs } from './fthry_index.cdWJRcXS.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/{fthry_styles.B6dfe-Eo.js → fthry_styles.BfxKVFUw.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState, useMemo } from 'react';
-import { M as getDefaultExportFromCjs, b as jsxs, x as Fragment, j as jsx, o as Global, l as css, m as __makeTemplateObject } from './fthry_index.AugcPyKH.js';
+import { M as getDefaultExportFromCjs, b as jsxs, x as Fragment, j as jsx, o as Global, l as css, m as __makeTemplateObject } from './fthry_index.cdWJRcXS.js';
 import { flushSync } from 'react-dom';
 
 function canUseDom() {

package/dist/{fthry_useElementSize.D-kQCo-4.js → fthry_useElementSize.BIz4pNfw.js}

@@ -1,4 +1,4 @@
-import { e as __read, w as featheryWindow } from './fthry_index.AugcPyKH.js';
+import { e as __read, w as featheryWindow } from './fthry_index.cdWJRcXS.js';
 import { useState, useLayoutEffect } from 'react';
 
 function useElementSize(anchorRef) {

package/dist/{fthry_useSalesforceSync.DpnT6_XK.js → fthry_useSalesforceSync.wO8Y6yIk.js}

@@ -1,4 +1,4 @@
-import { e as __read, s as __awaiter, t as __generator, v as FeatheryClient } from './fthry_index.AugcPyKH.js';
+import { e as __read, s as __awaiter, t as __generator, v as FeatheryClient } from './fthry_index.cdWJRcXS.js';
 import { useState, useEffect } from 'react';
 
 function useSalesforceSync(salesforceSync, editMode) {

package/dist/{fthry_webfontloader.BOeyjl7h.js → fthry_webfontloader.D4WGyNNh.js}

@@ -1,4 +1,4 @@
-import { M as getDefaultExportFromCjs } from './fthry_index.AugcPyKH.js';
+import { M as getDefaultExportFromCjs } from './fthry_index.cdWJRcXS.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/dist/index.js

@@ -1,5 +1,5 @@
-import { a3 as AuthContext, a4 as getFieldValues, a5 as setFieldValues, a6 as updateTheme, a7 as updateUserId, a8 as init, a9 as Elements, aa as ReactForm, z as featheryDoc, ab as v4, _ as __assign, j as jsx, ac as LoginForm, ad as JSForm, ae as getFormContext } from './fthry_index.AugcPyKH.js';
-export { ag as AssistantChat, ah as StyledContainer, af as resolveLabelStyle } from './fthry_index.AugcPyKH.js';
+import { a3 as AuthContext, a4 as getFieldValues, a5 as setFieldValues, a6 as updateTheme, a7 as updateUserId, a8 as init, a9 as Elements, aa as ReactForm, z as featheryDoc, ab as v4, _ as __assign, j as jsx, ac as LoginForm, ad as JSForm, ae as getFormContext } from './fthry_index.cdWJRcXS.js';
+export { ag as AssistantChat, ah as StyledContainer, af as resolveLabelStyle } from './fthry_index.cdWJRcXS.js';
 import { createRoot } from 'react-dom/client';
 import { useContext } from 'react';
 import 'react/jsx-runtime';

package/dist/thumbnail-renderer.js

@@ -1,4 +1,4 @@
-import { _ as __assign, D as DEFAULT_MOBILE_BREAKPOINT, g as getVisiblePositions, c as calculateStepCSS, a as calculateGlobalCSS, j as jsx, G as Grid, F as FeatheryCacheProvider, f as fieldValues } from './fthry_index.AugcPyKH.js';
+import { _ as __assign, D as DEFAULT_MOBILE_BREAKPOINT, g as getVisiblePositions, c as calculateStepCSS, a as calculateGlobalCSS, j as jsx, G as Grid, F as FeatheryCacheProvider, f as fieldValues } from './fthry_index.cdWJRcXS.js';
 import { useRef, useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'jszip';

package/dist/types/Form.d.ts

@@ -18,6 +18,9 @@ export declare type Trigger = {
     rowIndex?: number;
     action?: string;
     rowData?: Record<string, any>;
+    columnIndex?: number;
+    columnKey?: string;
+    columnName?: string;
 };
 export declare type FieldData = {
     [fieldKey: string]: {

package/dist/types/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/types/Form.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/types/Form.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feathery/react",
-  "version": "2.48.0",
+  "version": "2.49.0",
   "description": "React library for Feathery",
   "author": "Boyang Dun",
   "license": "MIT",
@@ -120,7 +120,7 @@
     "@emotion/babel-preset-css-prop": "11.12.0",
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "11.14.0",
-    "@feathery/client-utils": "0.17.0",
+    "@feathery/client-utils": "0.18.0",
     "@fingerprintjs/fingerprintjs": "5.1.0",
     "@rc-component/slider": "^1.0.0",
     "@segment/analytics-next": "^1.84.0",