@feathery/react 2.48.1 → 2.50.0

package/dist/{fthry_highlighted-body-TPN3WLV5.DwNcoR0j.js → fthry_highlighted-body-TPN3WLV5.DDCKzqBt.js}

@@ -1,11 +1,11 @@
-import { R as R$1, M as Mi, B as Bt } from './fthry_AssistantChat.h6NTcnjr.js';
+import { R as R$1, M as Mi, B as Bt } from './fthry_AssistantChat.BxCe9PjE.js';
 import { useContext, useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
-import './fthry_index.B21PnTei.js';
+import './fthry_index.UaQC1EFo.js';
 import 'jszip';
 import 'react-dom';
 import './fthry_clsx.ChV9xqsO.js';
-import './fthry_index.CuFf_oA3.js';
+import './fthry_index.DjeCrTPA.js';
 
 var R=({code:s,language:t,raw:e,className:h,startLine:d,...m})=>{let{shikiTheme:l}=useContext(R$1),o=Mi(),[p,i]=useState(e);return useEffect(()=>{if(!o){i(e);return}let r=o.highlight({code:s,language:t,themes:l},c=>{i(c);});r&&i(r);},[s,t,l,o,e]),jsx(Bt,{className:h,language:t,result:p,startLine:d,...m})};
 

package/dist/{fthry_index.BD5OtLZc.js → fthry_index.-GpsDCwK.js}

@@ -1,11 +1,10 @@
-import { u as useBorder, b as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, i as imgMaxSizeStyles, n as noTextSelectStyles, E as ErrorInput } from './fthry_index.B21PnTei.js';
+import { u as useBorder, b as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, i as imgMaxSizeStyles, n as noTextSelectStyles, E as ErrorInput } from './fthry_index.UaQC1EFo.js';
 import { useRef, useMemo } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DUtqoLti.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DxPyrYOH.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Brp4oi0p.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.DDPGKOl4.js';
 import 'react/jsx-runtime';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.DjQfEgir.js';
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;

package/dist/{fthry_index.mEvi-eyb.js → fthry_index.6wMTFMTj.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.B21PnTei.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, K as stringifyWithNull, a1 as __values, T as __spreadArray } from './fthry_index.UaQC1EFo.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_index.BKjEGHR_.js → fthry_index.BDSy9TBV.js}

@@ -1,9 +1,8 @@
-import { e as __read, u as useBorder, b as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, d as iosScrollOnFocus, r as resetStyles, H as DROPDOWN_Z_INDEX, s as __awaiter, t as __generator, v as FeatheryClient, N as debounce } from './fthry_index.B21PnTei.js';
+import { e as __read, u as useBorder, b as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, d as iosScrollOnFocus, r as resetStyles, I as DROPDOWN_Z_INDEX, s as __awaiter, t as __generator, v as FeatheryClient, O as Overlay, P as debounce } from './fthry_index.UaQC1EFo.js';
 import { useRef, useEffect, memo, useState, useCallback } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.DIKXUrCe.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DUtqoLti.js';
-import { O as Overlay } from './fthry_Overlay.DjQfEgir.js';
-import { u as useElementSize } from './fthry_useElementSize.Bvu4QN6c.js';
+import { P as Placeholder } from './fthry_Placeholder.CEPxPTLL.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Brp4oi0p.js';
+import { u as useElementSize } from './fthry_useElementSize.CGVQMCbV.js';
 import 'react/jsx-runtime';
 import 'jszip';
 import 'react-dom';

package/dist/{fthry_index.BXqHrLYx.js → fthry_index.BeEYTrUw.js}

@@ -1,5 +1,5 @@
-import { s as __awaiter, t as __generator, R as __spreadArray, _ as __assign } from './fthry_index.B21PnTei.js';
-import { l as loadScript, g as getNextIntegrationsURL, u as unloadScript, i as isServer, m as mergedOptions, b as isPlainObject, r as recordIntegrationMetric, c as isOffline, C as ContextCancelation, d as applyDestinationMiddleware, e as distExports, f as createDeferred, P as PriorityQueue, h as PersistedPriorityQueue, j as pWhile, k as attempt, n as Context, o as isOnline } from './fthry_index.DNmwwxoZ.js';
+import { s as __awaiter, t as __generator, T as __spreadArray, _ as __assign } from './fthry_index.UaQC1EFo.js';
+import { l as loadScript, g as getNextIntegrationsURL, u as unloadScript, i as isServer, m as mergedOptions, b as isPlainObject, r as recordIntegrationMetric, c as isOffline, C as ContextCancelation, d as applyDestinationMiddleware, e as distExports, f as createDeferred, P as PriorityQueue, h as PersistedPriorityQueue, j as pWhile, k as attempt, n as Context, o as isOnline } from './fthry_index.HfY_xMXi.js';
 import { i as isPlanEventEnabled } from './fthry_is-plan-event-enabled.mXX0dwl-.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/{fthry_index.D48zqV-m.js → fthry_index.Bmr2qAQ9.js}

@@ -1,4 +1,4 @@
-import { w as featheryWindow, b as jsxs, _ as __assign, j as jsx, e as __read, u as useBorder, h as hoverStylesGuard, V as isNum } from './fthry_index.B21PnTei.js';
+import { w as featheryWindow, b as jsxs, _ as __assign, j as jsx, e as __read, u as useBorder, h as hoverStylesGuard, X as isNum } from './fthry_index.UaQC1EFo.js';
 import { useRef, useCallback, useEffect, useState } from 'react';
 import 'react/jsx-runtime';
 import 'jszip';

package/dist/{fthry_index.INdwJAsd.js → fthry_index.Bn_DZ8s-.js}

@@ -1,6 +1,6 @@
-import { s as __awaiter, t as __generator, R as __spreadArray, e as __read, $ as __values, w as featheryWindow, a0 as loadQRScanner, a1 as throttle, j as jsx, b as jsxs, _ as __assign, x as Fragment, E as ErrorInput, a2 as qrPromise } from './fthry_index.B21PnTei.js';
+import { s as __awaiter, t as __generator, T as __spreadArray, e as __read, a1 as __values, w as featheryWindow, a2 as loadQRScanner, a3 as throttle, j as jsx, b as jsxs, _ as __assign, x as Fragment, E as ErrorInput, a4 as qrPromise } from './fthry_index.UaQC1EFo.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.BbfFntw_.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.NzBPYPQ9.js';
 import 'react/jsx-runtime';
 import 'jszip';
 import 'react-dom';

package/dist/{fthry_index.k3Hq7wKG.js → fthry_index.Bs0b7fF8.js}

@@ -1,4 +1,4 @@
-import { e as __read, b as jsxs$1, _ as __assign, j as jsx$1, p as FORM_Z_INDEX } from './fthry_index.B21PnTei.js';
+import { e as __read, b as jsxs$1, _ as __assign, j as jsx$1, p as FORM_Z_INDEX } from './fthry_index.UaQC1EFo.js';
 import React__default, { useRef, useEffect, useCallback, useState, useMemo, Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'jszip';

package/dist/{fthry_index.C9bj3Amt.js → fthry_index.ByfmNWHm.js}

@@ -1,5 +1,5 @@
-import { s as __awaiter, t as __generator } from './fthry_index.B21PnTei.js';
-import { i as isServer, g as getNextIntegrationsURL, l as loadScript } from './fthry_index.DNmwwxoZ.js';
+import { s as __awaiter, t as __generator } from './fthry_index.UaQC1EFo.js';
+import { i as isServer, g as getNextIntegrationsURL, l as loadScript } from './fthry_index.HfY_xMXi.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'jszip';

package/dist/{fthry_index.BFPFVaWv.js → fthry_index.C-3BwV3D.js}

@@ -1,4 +1,4 @@
-import { b as jsxs, _ as __assign, j as jsx, e as __read, O as isEmptyArray, P as toList, Q as useThumbnailData, R as __spreadArray, i as imgMaxSizeStyles, s as __awaiter, t as __generator, S as downloadFile, T as CloseIcon, d as iosScrollOnFocus, p as FORM_Z_INDEX, U as justRemove } from './fthry_index.B21PnTei.js';
+import { b as jsxs, _ as __assign, j as jsx, e as __read, Q as isEmptyArray, R as toList, S as useThumbnailData, T as __spreadArray, i as imgMaxSizeStyles, s as __awaiter, t as __generator, U as downloadFile, V as CloseIcon, d as iosScrollOnFocus, p as FORM_Z_INDEX, W as justRemove } from './fthry_index.UaQC1EFo.js';
 import { useRef, useState, useEffect } from 'react';
 import 'react/jsx-runtime';
 import 'jszip';

package/dist/{fthry_index.dmme1I7g.js → fthry_index.CEFYX7Cb.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './fthry_index.B21PnTei.js';
+import { _ as __assign } from './fthry_index.UaQC1EFo.js';
 import { i as isPlanEventEnabled } from './fthry_is-plan-event-enabled.mXX0dwl-.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/{fthry_index.D9kooW59.js → fthry_index.CKyEKNhB.js}

@@ -1,11 +1,10 @@
-import { e as __read, u as useBorder, b as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.B21PnTei.js';
+import { e as __read, u as useBorder, b as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.UaQC1EFo.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.DIKXUrCe.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DUtqoLti.js';
+import { P as Placeholder } from './fthry_Placeholder.CEPxPTLL.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Brp4oi0p.js';
 import 'react/jsx-runtime';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.DjQfEgir.js';
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/dist/{fthry_index.BkzGvVg2.js → fthry_index.CV6KaQP2.js}

@@ -1,7 +1,6 @@
-import { e as __read, j as jsx, x as Fragment, y as isMobile, b as jsxs, _ as __assign, p as FORM_Z_INDEX, d as iosScrollOnFocus } from './fthry_index.B21PnTei.js';
+import { e as __read, j as jsx, x as Fragment, y as isMobile, b as jsxs, _ as __assign, H as HoverTooltip, d as iosScrollOnFocus } from './fthry_index.UaQC1EFo.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.DjQfEgir.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.C75qxU8Z.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.X-5RnKbv.js';
 import 'react/jsx-runtime';
 import 'jszip';
 import 'react-dom';
@@ -13,21 +12,7 @@ function TextHoverTooltip(_a) {
     if (!text)
         return jsx(Fragment, { children: children });
     var isMobile$1 = isMobile();
-    return (jsxs(Fragment, { children: [jsx("span", __assign({ ref: triggerRef, onMouseEnter: isMobile$1 ? undefined : function () { return setShow(true); }, onMouseLeave: isMobile$1 ? undefined : function () { return setShow(false); }, onFocus: function () { return setShow(true); }, onBlur: function () { return setShow(false); }, onClick: function () { return setShow(function (prev) { return !prev; }); }, style: { display: 'inline-block', cursor: 'pointer' } }, { children: children })), jsx(Overlay, __assign({ show: show, targetRef: triggerRef, containerRef: containerRef, placement: 'top', onHide: function () { return setShow(false); }, offset: 4 }, { children: jsx(Tooltip, __assign({ id: "tooltip-".concat(text), css: {
-                        zIndex: FORM_Z_INDEX + 1,
-                        padding: '.4rem 0',
-                        margin: '0 1rem',
-                        transition: 'opacity .10s linear',
-                        '.tooltip-inner': {
-                            maxWidth: '200px',
-                            padding: '.25rem .5rem',
-                            color: '#fff',
-                            textAlign: 'center',
-                            backgroundColor: '#000',
-                            borderRadius: '.25rem',
-                            fontSize: 'smaller'
-                        }
-                    } }, { children: text })) }))] }));
+    return (jsxs(Fragment, { children: [jsx("span", __assign({ ref: triggerRef, onMouseEnter: isMobile$1 ? undefined : function () { return setShow(true); }, onMouseLeave: isMobile$1 ? undefined : function () { return setShow(false); }, onFocus: function () { return setShow(true); }, onBlur: function () { return setShow(false); }, onClick: function () { return setShow(function (prev) { return !prev; }); }, style: { display: 'inline-block', cursor: 'pointer' } }, { children: children })), jsx(HoverTooltip, { show: show, triggerRef: triggerRef, containerRef: containerRef, text: text, id: text, placement: 'top', offset: 4, onHide: function () { return setShow(false); }, css: { margin: '0 1rem' } })] }));
 }
 
 function MatrixField(_a) {

package/dist/{fthry_index.KFRNwcZ_.js → fthry_index.CXvBwACd.js}

@@ -1,4 +1,4 @@
-import { j as jsx, _ as __assign, e as __read, b as jsxs, E as ErrorInput } from './fthry_index.B21PnTei.js';
+import { j as jsx, _ as __assign, e as __read, b as jsxs, E as ErrorInput } from './fthry_index.UaQC1EFo.js';
 import { useState } from 'react';
 import 'react/jsx-runtime';
 import 'jszip';

package/dist/{fthry_index.CHb07pX6.js → fthry_index.CgeOgf6v.js}

@@ -1,15 +1,14 @@
-import { b as jsxs, _ as __assign, j as jsx, H as DROPDOWN_Z_INDEX, e as __read, u as useBorder, I as getFieldValue, J as stringifyWithNull, h as hoverStylesGuard, d as iosScrollOnFocus, p as FORM_Z_INDEX, r as resetStyles, K as emailPatternStr } from './fthry_index.B21PnTei.js';
+import { b as jsxs, _ as __assign, j as jsx, I as DROPDOWN_Z_INDEX, O as Overlay, e as __read, u as useBorder, J as getFieldValue, K as stringifyWithNull, h as hoverStylesGuard, d as iosScrollOnFocus, p as FORM_Z_INDEX, r as resetStyles, L as emailPatternStr } from './fthry_index.UaQC1EFo.js';
 import { memo, useRef, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.DIKXUrCe.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DUtqoLti.js';
-import { O as Overlay } from './fthry_Overlay.DjQfEgir.js';
-import { u as useElementSize } from './fthry_useElementSize.Bvu4QN6c.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.BsDiRWJb.js';
-import { I as IMaskInput } from './fthry_input.C13Hy41e.js';
+import { P as Placeholder } from './fthry_Placeholder.CEPxPTLL.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.Brp4oi0p.js';
+import { u as useElementSize } from './fthry_useElementSize.CGVQMCbV.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.BWU3OOxh.js';
+import { I as IMaskInput } from './fthry_input.vNAUHsdE.js';
 import 'react/jsx-runtime';
 import 'jszip';
 import 'react-dom';
-import './fthry_index.By9XI2Se.js';
+import './fthry_index.caHStIvy.js';
 
 function TextAutocomplete(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/dist/{fthry_index.C2QdbMzv.js → fthry_index.Cl0vinm2.js}

@@ -1,6 +1,6 @@
-import { e as __read, b as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard } from './fthry_index.B21PnTei.js';
+import { e as __read, b as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard } from './fthry_index.UaQC1EFo.js';
 import { useState, useEffect } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.BbfFntw_.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.NzBPYPQ9.js';
 import 'react/jsx-runtime';
 import 'jszip';
 import 'react-dom';

package/dist/{fthry_index.BgCJlRTN.js → fthry_index.DD4JAsd0.js}

@@ -1,6 +1,6 @@
-import { z as featheryDoc, ai as devicePixelRatio, M as getDefaultExportFromCjs, e as __read, b as jsxs, j as jsx, _ as __assign, x as Fragment, s as __awaiter, t as __generator, aj as toBase64, N as debounce, ak as MODAL_Z_INDEX, T as CloseIcon, al as dataURLToFile, p as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.B21PnTei.js';
+import { z as featheryDoc, ak as devicePixelRatio, N as getDefaultExportFromCjs, e as __read, b as jsxs, j as jsx, _ as __assign, x as Fragment, s as __awaiter, t as __generator, al as toBase64, P as debounce, am as MODAL_Z_INDEX, V as CloseIcon, an as dataURLToFile, p as FORM_Z_INDEX, E as ErrorInput } from './fthry_index.UaQC1EFo.js';
 import React__default, { Component, forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback, Suspense } from 'react';
-import { P as PropTypes } from './fthry_index.By9XI2Se.js';
+import { P as PropTypes } from './fthry_index.caHStIvy.js';
 import 'react/jsx-runtime';
 import 'jszip';
 import 'react-dom';
@@ -1476,7 +1476,7 @@ function SignatureField(_a) {
     useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = import(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BZH4UrSE.js').then(function (n) { return n.w; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BY0qufCl.js').then(function (n) { return n.w; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });