@feathery/react 2.48.1 → 2.49.0

package/dist/{fthry_index.B21PnTei.js → fthry_index.cdWJRcXS.js}

@@ -23014,8 +23014,15 @@ var resizeFitContainer = function (div) {
     var containerMarginLeft = getStylePxValue(containerStyles.marginLeft);
     var containerMarginRight = getStylePxValue(containerStyles.marginRight);
     var totalMargin = containerMarginLeft + containerMarginRight;
-    // Set the maxWidth to the calculated width of it's children and the width to 100% - total margin
-    div.style.maxWidth = "".concat(childrenWidth, "px");
+    var totalPadding = 0;
+    if (containerStyles.boxSizing === 'border-box') {
+        totalPadding =
+            getStylePxValue(containerStyles.paddingLeft) +
+                getStylePxValue(containerStyles.paddingRight) +
+                getStylePxValue(containerStyles.borderLeftWidth) +
+                getStylePxValue(containerStyles.borderRightWidth);
+    }
+    div.style.maxWidth = "".concat(childrenWidth + totalPadding, "px");
     div.style.width = "calc(100% - ".concat(totalMargin, "px)");
 };
 var whichTransitionEvent = function () {
@@ -41067,7 +41074,7 @@ function useTrackUserInteraction(formRef, activeStep, stepKey, formName) {
     }, [activeStep, stepKey, formName]);
 }
 
-var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.h6NTcnjr.js').then(function (n) { return n.A; }); });
+var LazyAssistantChat = lazy(function () { return import(/* webpackChunkName: "AssistantChat" */ './fthry_AssistantChat.BejpFcyu.js').then(function (n) { return n.A; }); });
 var AssistantChat = function (props) { return (jsx$1(Suspense, __assign({ fallback: null }, { children: jsx$1(LazyAssistantChat, __assign({}, props)) }))); };
 
 var AssistantClient = /** @class */ (function () {
@@ -45108,7 +45115,7 @@ function loadSegment(segmentConfig, queue) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
                     return [4 /*yield*/, import(
-                        /* webpackChunkName: "segment" */ './fthry_index.DNmwwxoZ.js').then(function (n) { return n.q; })];
+                        /* webpackChunkName: "segment" */ './fthry_index.BgljRyhO.js').then(function (n) { return n.q; })];
                 case 1:
                     (AnalyticsBrowserClass = (_a.sent()).AnalyticsBrowser);
                     return [3 /*break*/, 3];
@@ -47743,9 +47750,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.DG-h2qqu.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.BORBdvL8.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BZH4UrSE.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.D4WGyNNh.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -47932,7 +47939,7 @@ function loadCompletedSteps(client) {
     });
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.48.1" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.49.0" + ' ', // replaced with real version during build
     'background: #e2626e; color: white; padding: 2px 6px; border-radius: 3px 0 0 3px; font-weight: bold;', 'background: #fce7e9; color: #c5495a; padding: 2px 6px; border-radius: 0 3px 3px 0;');
 }
 
@@ -49528,64 +49535,64 @@ function resolveLabelStyle(style, opts) {
 
 var fieldLoaders = {
     AddressLine1: function () {
-        return import(/* webpackChunkName: "AddressField" */ './fthry_index.BKjEGHR_.js');
+        return import(/* webpackChunkName: "AddressField" */ './fthry_index.BnWgnMbc.js');
     },
     ButtonGroupField: function () {
-        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BD5OtLZc.js');
+        return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.YJH2_M8x.js');
     },
     CheckboxField: function () {
-        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.C75qxU8Z.js');
+        return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.T_q8o1IJ.js');
     },
     CheckboxGroupField: function () {
-        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DZPtLmTA.js');
+        return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CWSqgxAa.js');
     },
     ColorPickerField: function () {
-        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.k3Hq7wKG.js');
+        return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CreqHrWa.js');
     },
     CustomField: function () {
-        return import(/* webpackChunkName: "CustomField" */ './fthry_index.B4uTV15J.js');
+        return import(/* webpackChunkName: "CustomField" */ './fthry_index.CQaO0qYK.js');
     },
     DateSelectorField: function () {
-        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Br_wsbaD.js');
+        return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.DS-rgCeg.js');
     },
     DropdownField: function () {
-        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DW4ZEycb.js');
+        return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DEpC-Z5v.js');
     },
     DropdownMultiField: function () {
-        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CCyrVDsN.js');
+        return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DJHFwZtE.js');
     },
     FileUploadField: function () {
-        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.BFPFVaWv.js');
+        return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.BEUoZUyK.js');
     },
     MatrixField: function () {
-        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.BkzGvVg2.js');
+        return import(/* webpackChunkName: "MatrixField" */ './fthry_index.Du_mis5t.js');
     },
     PasswordField: function () {
-        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.Bl_YFFMi.js');
+        return import(/* webpackChunkName: "PasswordField" */ './fthry_index.aL99gjHK.js');
     },
     PaymentMethodField: function () {
-        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DoX9prJ2.js');
+        return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.D7ElRh4C.js');
     },
-    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.Bfo0vjcQ.js'); },
+    PhoneField: function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.DJzR8T-r.js'); },
     PinInputField: function () {
-        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.D48zqV-m.js');
+        return import(/* webpackChunkName: "PinInputField" */ './fthry_index.C8wcBfv1.js');
     },
-    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.INdwJAsd.js'); },
+    QRScanner: function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.DeOBTZSR.js'); },
     RadioButtonGroupField: function () {
         return import(
-        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CPrLJ4J-.js');
+        /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.5jB_IKHJ.js');
     },
     RatingField: function () {
-        return import(/* webpackChunkName: "RatingField" */ './fthry_index.KFRNwcZ_.js');
+        return import(/* webpackChunkName: "RatingField" */ './fthry_index.0OEg6H3i.js');
     },
     SignatureField: function () {
-        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BgCJlRTN.js');
+        return import(/* webpackChunkName: "SignatureField" */ './fthry_index.NwQXVZvL.js');
     },
     SliderField: function () {
-        return import(/* webpackChunkName: "SliderField" */ './fthry_index.C2QdbMzv.js');
+        return import(/* webpackChunkName: "SliderField" */ './fthry_index.Bx6S1qZa.js');
     },
-    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CHb07pX6.js'); },
-    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.D9kooW59.js'); }
+    TextField: function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.YWCe9xut.js'); },
+    TextArea: function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.Bb2rQlTP.js'); }
 };
 var getPositionKey = function (element) { var _a; return ((_a = element.position) === null || _a === void 0 ? void 0 : _a.join(',')) || 'root'; };
 // Share the resolved component between preload and render. A separate
@@ -50344,16 +50351,6 @@ function applyButtonStyles(element, responsiveStyles) {
         return {};
     });
     responsiveStyles.applyTextAlign('buttonLabel');
-    // Fit-width buttons shrink to their text and padding, so prevent the
-    // text from wrapping
-    responsiveStyles.apply('buttonLabel', 'width_unit', function (unit) {
-        if (!isFit(unit))
-            return {};
-        return {
-            whiteSpace: 'nowrap',
-            'span, a': { whiteSpace: 'pre' }
-        };
-    });
     responsiveStyles.apply('button', [
         'uploader_padding_top',
         'uploader_padding_right',
@@ -50847,8 +50844,8 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.mEvi-eyb.js'); });
-var TabsElement = lazy(function () { return import(/* webpackChunkName: "TabsElement" */ './fthry_TabsElement.JCYNaBSd.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.xZSdf7ry.js'); });
+var TabsElement = lazy(function () { return import(/* webpackChunkName: "TabsElement" */ './fthry_TabsElement.BCuhzX6e.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/dist/{fthry_index.umd.CNiEdJLO.js → fthry_index.umd.BYgeEgf8.js}

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

package/dist/{fthry_index.mEvi-eyb.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.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, 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.C13Hy41e.js → fthry_input.DbXz6y8m.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { P as PropTypes } from './fthry_index.By9XI2Se.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.DG-h2qqu.js → fthry_script.BORBdvL8.js}

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

package/dist/{fthry_styles.BbfFntw_.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.B21PnTei.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.Bvu4QN6c.js → fthry_useElementSize.BIz4pNfw.js}

@@ -1,4 +1,4 @@
-import { e as __read, w as featheryWindow } from './fthry_index.B21PnTei.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.DxPyrYOH.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.B21PnTei.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.BZH4UrSE.js → fthry_webfontloader.D4WGyNNh.js}

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