@feathery/react 2.48.1 → 2.49.0

package/cjs/{fthry_index.duLdHjUv.js → fthry_index.DHx_H1T3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
+var index = require('./fthry_index.C-kN7c0o.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
@@ -332,29 +332,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'
@@ -645,132 +622,69 @@ function EmptyState(_a) {
                 }, fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 1.5 }, { children: index.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' }) }))), index.jsx("p", index.__assign({ css: emptyStateTextStyle }, { children: hasSearchQuery ? 'No results found' : 'No data available' })), hasSearchQuery && (index.jsx("p", index.__assign({ css: index.__assign(index.__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 = React.useRef(null);
-    if (!anchorEl)
-        return null;
-    var anchorRect = anchorEl.getBoundingClientRect();
-    var top = anchorRect.bottom + 4;
-    var left = anchorRect.right;
-    React.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 = index.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 ReactDOM.createPortal(index.jsxs("div", index.__assign({ ref: popoverRef, role: 'alertdialog', "aria-label": message, className: TABLE_CLASS.deleteConfirm, css: index.__assign(index.__assign({}, confirmPopoverStyle), { top: "".concat(top, "px"), left: "".concat(left, "px"), transform: 'translateX(-100%)' }) }, { children: [index.jsx("p", index.__assign({ css: confirmTextStyle }, { children: message })), index.jsxs("div", index.__assign({ css: confirmButtonRowStyle }, { children: [index.jsx("button", index.__assign({ type: 'button', css: confirmCancelButtonStyle, onClick: function (e) {
-                            e.stopPropagation();
-                            onCancel();
-                        } }, { children: "Cancel" })), index.jsx("button", index.__assign({ type: 'button', css: confirmDeleteButtonStyle, onClick: function (e) {
-                            e.stopPropagation();
-                            onConfirm();
-                        } }, { children: confirmLabel }))] }))] })), index.featheryDoc().body);
-}
-
-function OverflowIcon() {
-    return (index.jsxs("svg", index.__assign({ width: '16', height: '16', fill: 'currentColor', viewBox: '0 0 24 24' }, { children: [index.jsx("circle", { cx: '12', cy: '5', r: '2' }), index.jsx("circle", { cx: '12', cy: '12', r: '2' }), index.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 = index.__read(React.useState(false), 2), isEditing = _c[0], setIsEditing = _c[1];
-    var _d = index.__read(React.useState(''), 2), editValue = _d[0], setEditValue = _d[1];
-    var _e = index.__read(React.useState(false), 2), isMenuOpen = _e[0], setIsMenuOpen = _e[1];
-    var _f = index.__read(React.useState(false), 2), showClearConfirm = _f[0], setShowClearConfirm = _f[1];
-    var _g = index.__read(React.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 = index.__read(React.useState(''), 2), editValue = _c[0], setEditValue = _c[1];
     var inputRef = React.useRef(null);
-    var menuButtonRef = React.useRef(null);
-    var menuRef = React.useRef(null);
     var shouldSaveRef = React.useRef(true);
-    var closeClearConfirm = React.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 = React.useRef(false);
     var displayValue = (_b = index.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 = React.useRef(false);
+    if (isEditing && !prevEditingRef.current)
+        setEditValue(displayValue);
+    prevEditingRef.current = isEditing;
     React.useEffect(function () {
         if (isEditing && inputRef.current) {
             inputRef.current.focus();
+            inputRef.current.select();
         }
     }, [isEditing]);
-    React.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 = index.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 = index.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 (index.jsxs("div", index.__assign({ className: TABLE_CLASS.editableCell, css: editingCellContentStyle }, { children: [index.jsx("div", index.__assign({ css: editingCellSizerStyle }, { children: "".concat(editValue, "\u200B") })), index.jsx("textarea", { ref: inputRef, value: editValue, onChange: function (e) { return setEditValue(e.target.value); }, onBlur: handleBlur, onKeyDown: handleKeyDown, className: TABLE_CLASS.cellInput, css: index.__assign(index.__assign({}, cellInputStyle), editingCellInputStyle), onClick: function (e) { return e.stopPropagation(); } })] })));
@@ -778,18 +692,7 @@ function EditableCell(_a) {
     if (isEmpty) {
         return (index.jsx("span", index.__assign({ className: TABLE_CLASS.editableCell, css: clickToEditStyle, onClick: startEditing }, { children: "Click to edit" })));
     }
-    return (index.jsxs("div", index.__assign({ className: TABLE_CLASS.editableCell, css: editableCellContentStyle }, { children: [index.jsx("span", index.__assign({ css: editableCellTextStyle }, { children: displayValue })), index.jsx("button", index.__assign({ ref: menuButtonRef, type: 'button', "aria-expanded": isMenuOpen, "aria-haspopup": 'menu', css: overflowIconStyle, onClick: handleMenuToggle }, { children: index.jsx(OverflowIcon, {}) })), isMenuOpen &&
-                ReactDOM.createPortal(index.jsxs("div", index.__assign({ ref: menuRef, role: 'menu', css: index.__assign(index.__assign({}, actionMenuStyle), { top: "".concat(menuPosition.top, "px"), left: "".concat(menuPosition.left, "px"), transform: 'translateX(-100%)' }) }, { children: [index.jsx("button", index.__assign({ type: 'button', role: 'menuitem', css: actionMenuItemStyle, onClick: function (e) {
-                                e.stopPropagation();
-                                startEditing();
-                            } }, { children: "Edit Value" })), index.jsx("button", index.__assign({ type: 'button', role: 'menuitem', css: actionMenuItemStyle, onClick: function (e) {
-                                e.stopPropagation();
-                                setIsMenuOpen(false);
-                                setShowClearConfirm(true);
-                            } }, { children: "Clear Field" }))] })), index.featheryDoc().body), showClearConfirm && (index.jsx(DeleteConfirm, { anchorEl: menuButtonRef.current, message: 'Clear this field?', confirmLabel: 'Clear', onConfirm: function () {
-                    closeClearConfirm();
-                    onClear(fieldKey, rowIndex);
-                }, onCancel: closeClearConfirm }))] })));
+    return (index.jsx("div", index.__assign({ className: TABLE_CLASS.editableCell, css: editableCellContentStyle }, { children: index.jsx("span", index.__assign({ css: index.__assign(index.__assign({}, editableCellTextStyle), { cursor: 'pointer' }), onClick: startEditing }, { children: displayValue })) })));
 }
 
 // Utility functions for sorting strings as numbers and dates
@@ -879,6 +782,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 = React.useRef(null);
+    if (!anchorEl)
+        return null;
+    var anchorRect = anchorEl.getBoundingClientRect();
+    var top = anchorRect.bottom + 4;
+    var left = anchorRect.right;
+    React.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 = index.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 ReactDOM.createPortal(index.jsxs("div", index.__assign({ ref: popoverRef, role: 'alertdialog', "aria-label": message, className: TABLE_CLASS.deleteConfirm, css: index.__assign(index.__assign({}, confirmPopoverStyle), { top: "".concat(top, "px"), left: "".concat(left, "px"), transform: 'translateX(-100%)' }) }, { children: [index.jsx("p", index.__assign({ css: confirmTextStyle }, { children: message })), index.jsxs("div", index.__assign({ css: confirmButtonRowStyle }, { children: [index.jsx("button", index.__assign({ type: 'button', css: confirmCancelButtonStyle, onClick: function (e) {
+                            e.stopPropagation();
+                            onCancel();
+                        } }, { children: "Cancel" })), index.jsx("button", index.__assign({ type: 'button', css: confirmDeleteButtonStyle, onClick: function (e) {
+                            e.stopPropagation();
+                            onConfirm();
+                        } }, { children: confirmLabel }))] }))] })), index.featheryDoc().body);
 }
 
 function generateExampleData(columns, numRows) {
@@ -1377,15 +1362,11 @@ function useTableMutations(_a) {
             submitCustom(values);
         onMutate();
     }, [getFieldArray, updateFieldValues, submitCustom, editMode, onMutate]);
-    var handleCellClear = React.useCallback(function (fieldKey, rowIndex) {
-        handleCellEdit(fieldKey, rowIndex, '');
-    }, [handleCellEdit]);
     return {
         handleAddRow: handleAddRow,
         handleDeleteRow: handleDeleteRow,
         handleRemoveRowLocal: handleRemoveRowLocal,
-        handleCellEdit: handleCellEdit,
-        handleCellClear: handleCellClear
+        handleCellEdit: handleCellEdit
     };
 }
 
@@ -1420,7 +1401,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;
@@ -1441,11 +1422,21 @@ function TableElement(_a) {
         handleCellEdit(fieldKey, rowIndex, newValue);
     }, [handleCellEdit]);
     var _l = index.__read(React.useState(null), 2), deleteRowIndex = _l[0], setDeleteRowIndex = _l[1];
+    var _m = index.__read(React.useState(null), 2), editingCell = _m[0], setEditingCell = _m[1];
     var prevPageRef = React.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 = React.useCallback(function (rowIndex, colIndex) {
+        return setEditingCell({ rowIndex: rowIndex, colIndex: colIndex });
+    }, []);
+    var stopEdit = React.useCallback(function () { return setEditingCell(null); }, []);
+    var navigateEdit = React.useCallback(function (rowIndex, colIndex, backward) {
+        setEditingCell(getNextEditableCell(paginatedRowIndices, columns.length, { rowIndex: rowIndex, colIndex: colIndex }, backward));
+    }, [paginatedRowIndices, columns.length]);
     var handleCancelDelete = React.useCallback(function () { return setDeleteRowIndex(null); }, []);
     var deleteIconRefs = React.useRef(new Map());
     var actionCellRefs = React.useRef(new Map());
@@ -1542,9 +1533,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
                                                         });
                                                     }
                                                 };
@@ -1556,7 +1561,12 @@ function TableElement(_a) {
                                                     : column.field_key;
                                                 return (index.jsx(CellElement, index.__assign({ className: isFirstColInTranspose
                                                         ? TABLE_CLASS.headerCell
-                                                        : TABLE_CLASS.cell, "data-feathery-field": cellFieldKey, css: cellCss, onClick: handleCellClick }, (isFirstColInTranspose ? { scope: 'row' } : {}), { children: isFirstColInTranspose && isSortable ? (index.jsxs("div", index.__assign({ css: index.__assign(index.__assign({}, sortHeaderContentStyle), { justifyContent: 'space-between' }) }, { children: [index.jsx("span", { children: (_b = index.stringifyWithNull(cellValue)) !== null && _b !== void 0 ? _b : '' }), index.jsx("span", index.__assign({ css: sortIconContainerStyle }, { children: index.jsx(SortIcon, { isSorted: isSorted, sortDirection: sortDirection }) }))] }))) : canEdit ? (index.jsx(EditableCell, { value: cellValue, fieldKey: column.field_key, rowIndex: rowIndex, onEdit: wrappedHandleCellEdit, onClear: handleCellClear })) : ((_c = index.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 ? (index.jsxs("div", index.__assign({ css: index.__assign(index.__assign({}, sortHeaderContentStyle), { justifyContent: 'space-between' }) }, { children: [index.jsx("span", { children: (_b = index.stringifyWithNull(cellValue)) !== null && _b !== void 0 ? _b : '' }), index.jsx("span", index.__assign({ css: sortIconContainerStyle }, { children: index.jsx(SortIcon, { isSorted: isSorted, sortDirection: sortDirection }) }))] }))) : canEdit ? (index.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 = index.stringifyWithNull(cellValue)) !== null && _c !== void 0 ? _c : '') }), colIndex));
                                             }), !isTransposed && actions.length > 0 && (index.jsxs("td", index.__assign({ ref: function (el) {
                                                     if (el)
                                                         actionCellRefs.current.set(rowIndex, el);

package/cjs/{fthry_index.DghgxDID.js → fthry_index.DKv8MgEz.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var index$1 = require('./fthry_index.CwpWkape.js');
+var index$1 = require('./fthry_index.C-kN7c0o.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BeZ9F1hP.js');
-var InlineTooltip = require('./fthry_InlineTooltip.D5tgdB4g.js');
-var Overlay = require('./fthry_Overlay.DLteVVAy.js');
-var useElementSize = require('./fthry_useElementSize.Dq3fkD_k.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.DO1SzK0H.js');
-var input = require('./fthry_input.BFEJqFg2.js');
+var Placeholder = require('./fthry_Placeholder.UOTZToMt.js');
+var InlineTooltip = require('./fthry_InlineTooltip.D8PDRhj_.js');
+var Overlay = require('./fthry_Overlay.D-NnFWEe.js');
+var useElementSize = require('./fthry_useElementSize.yeWmUfpM.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.D8qDJDzZ.js');
+var input = require('./fthry_input.D3t8liSW.js');
 require('react/jsx-runtime');
 require('jszip');
 require('react-dom');
-require('./fthry_index.BvriCG1q.js');
+require('./fthry_index.e_GKEQRk.js');
 
 function TextAutocomplete$1(_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/cjs/{fthry_index.B3VA122M.js → fthry_index.DPIewKZa.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
+var index = require('./fthry_index.C-kN7c0o.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('jszip');

package/cjs/{fthry_index.CGzU2RS3.js → fthry_index.DTMlYZBn.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
+var index = require('./fthry_index.C-kN7c0o.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('jszip');

package/cjs/{fthry_index.DRA1vbTd.js → fthry_index.DgGKGO1E.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$2 = require('./fthry_index.CwpWkape.js');
+var index$2 = require('./fthry_index.C-kN7c0o.js');
 
 function dset(obj, keys, val) {
 	keys.split && (keys=keys.split('.'));
@@ -5354,7 +5354,7 @@ var Analytics = /** @class */ (function (_super) {
             return index$2.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.CJBR_dw-.js'); })];
+                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.B5EtzK5A.js'); })];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.link).call.apply(_a, index$2.__spreadArray([this], args, false))];
@@ -5373,7 +5373,7 @@ var Analytics = /** @class */ (function (_super) {
             return index$2.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.CJBR_dw-.js'); })];
+                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.B5EtzK5A.js'); })];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.link).call.apply(_a, index$2.__spreadArray([this], args, false))];
@@ -5392,7 +5392,7 @@ var Analytics = /** @class */ (function (_super) {
             return index$2.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.CJBR_dw-.js'); })];
+                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.B5EtzK5A.js'); })];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.form).call.apply(_a, index$2.__spreadArray([this], args, false))];
@@ -5411,7 +5411,7 @@ var Analytics = /** @class */ (function (_super) {
             return index$2.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.CJBR_dw-.js'); })];
+                        /* webpackChunkName: "auto-track" */ './fthry_auto-track.B5EtzK5A.js'); })];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.form).call.apply(_a, index$2.__spreadArray([this], args, false))];
@@ -5566,7 +5566,7 @@ var Analytics = /** @class */ (function (_super) {
                             return [2 /*return*/, []];
                         }
                         return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                            /* webpackChunkName: "queryString" */ './fthry_index.C0KW8hya.js'); })];
+                            /* webpackChunkName: "queryString" */ './fthry_index.BRo8czXJ.js'); })];
                     case 1:
                         queryString = (_a.sent()).queryString;
                         return [2 /*return*/, queryString(this, query)];
@@ -6609,7 +6609,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
                     tsubMiddleware = _d;
                     if (!(hasLegacyDestinations(cdnSettings) || legacyIntegrationSources.length > 0)) return [3 /*break*/, 5];
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "ajs-destination" */ './fthry_index.CjM_QMbB.js'); }).then(function (mod) {
+                        /* webpackChunkName: "ajs-destination" */ './fthry_index.BFw_StvJ.js'); }).then(function (mod) {
                             return mod.ajsDestinations(writeKey, cdnSettings, analytics.integrations, options, tsubMiddleware, legacyIntegrationSources);
                         })];
                 case 4:
@@ -6622,7 +6622,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
                     legacyDestinations = _e;
                     if (!cdnSettings.legacyVideoPluginsEnabled) return [3 /*break*/, 8];
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "legacyVideos" */ './fthry_index.6SblfScs.js'); }).then(function (mod) {
+                        /* webpackChunkName: "legacyVideos" */ './fthry_index.964D9mAK.js'); }).then(function (mod) {
                             return mod.loadLegacyVideoPlugins(analytics);
                         })];
                 case 7:
@@ -6631,7 +6631,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
                 case 8:
                     if (!((_a = options.plan) === null || _a === void 0 ? void 0 : _a.track)) return [3 /*break*/, 10];
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "schemaFilter" */ './fthry_index.Dhp1zjHK.js'); }).then(function (mod) {
+                        /* webpackChunkName: "schemaFilter" */ './fthry_index.BcfL5ZZY.js'); }).then(function (mod) {
                             var _a;
                             return mod.schemaFilter((_a = options.plan) === null || _a === void 0 ? void 0 : _a.track, cdnSettings);
                         })];
@@ -6676,7 +6676,7 @@ function registerPlugins(writeKey, cdnSettings, analytics, options, pluginLikes,
                         return enabled;
                     })) return [3 /*break*/, 18];
                     return [4 /*yield*/, Promise.resolve().then(function () { return require(
-                        /* webpackChunkName: "remoteMiddleware" */ './fthry_index.BWAq_scB.js'); }).then(function (_a) {
+                        /* webpackChunkName: "remoteMiddleware" */ './fthry_index.OwukJO9-.js'); }).then(function (_a) {
                             var remoteMiddlewares = _a.remoteMiddlewares;
                             return index$2.__awaiter(_this, void 0, void 0, function () {
                                 var middleware, promises;

package/cjs/{fthry_index.WdgJ-r5S.js → fthry_index.DrrJo2Gf.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$3 = require('./fthry_index.CwpWkape.js');
+var index$3 = require('./fthry_index.C-kN7c0o.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BeZ9F1hP.js');
-var InlineTooltip = require('./fthry_InlineTooltip.D5tgdB4g.js');
+var Placeholder = require('./fthry_Placeholder.UOTZToMt.js');
+var InlineTooltip = require('./fthry_InlineTooltip.D8PDRhj_.js');
 var clsx = require('./fthry_clsx.BtxeOLZW.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.BFEJqFg2.js');
+var input = require('./fthry_input.D3t8liSW.js');
 require('jszip');
-require('./fthry_Overlay.DLteVVAy.js');
-require('./fthry_index.BvriCG1q.js');
+require('./fthry_Overlay.D-NnFWEe.js');
+require('./fthry_index.e_GKEQRk.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/{fthry_index.BWAq_scB.js → fthry_index.OwukJO9-.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
-var index$1 = require('./fthry_index.DRA1vbTd.js');
+var index = require('./fthry_index.C-kN7c0o.js');
+var index$1 = require('./fthry_index.DgGKGO1E.js');
 require('react/jsx-runtime');
 require('react');
 require('jszip');

package/cjs/{fthry_index.BbZu0dS9.js → fthry_index.b8IraXmQ.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
+var index = require('./fthry_index.C-kN7c0o.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.D5tgdB4g.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DkO47B4_.js');
+var InlineTooltip = require('./fthry_InlineTooltip.D8PDRhj_.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.C_sMWo9m.js');
 require('react/jsx-runtime');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.DLteVVAy.js');
+require('./fthry_Overlay.D-NnFWEe.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/cjs/{fthry_index.CU2qYyyW.js → fthry_index.cpUxhiq-.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
+var index = require('./fthry_index.C-kN7c0o.js');
 var React = require('react');
-var styles = require('./fthry_styles.CBI9OfcR.js');
+var styles = require('./fthry_styles.CFNJAwLy.js');
 require('react/jsx-runtime');
 require('jszip');
 require('react-dom');

package/cjs/{fthry_index.BvriCG1q.js → fthry_index.e_GKEQRk.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
+var index = require('./fthry_index.C-kN7c0o.js');
 
 var propTypes = {exports: {}};
 

package/cjs/{fthry_index.umd.B7oz9tEv.js → fthry_index.umd.YAgbegYu.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
+var index = require('./fthry_index.C-kN7c0o.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/cjs/{fthry_index.97eysi95.js → fthry_index.w9-CuoQH.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./fthry_index.CwpWkape.js');
+var index = require('./fthry_index.C-kN7c0o.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.Bjj4gcfs.js');
-var index$1 = require('./fthry_index.CGzU2RS3.js');
-var InlineTooltip = require('./fthry_InlineTooltip.D5tgdB4g.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DkO47B4_.js');
+var FormControl = require('./fthry_FormControl.BuMQfeZ1.js');
+var index$1 = require('./fthry_index.DTMlYZBn.js');
+var InlineTooltip = require('./fthry_InlineTooltip.D8PDRhj_.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.C_sMWo9m.js');
 require('react/jsx-runtime');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.DLteVVAy.js');
+require('./fthry_Overlay.D-NnFWEe.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');