@feathery/react 2.23.5 → 2.24.0

package/dist/elements/basic/TableElement/useTableData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../../src/elements/basic/TableElement/useTableData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAkEzC,aAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE;QACP,UAAU,EAAE;YACV,OAAO,EAAE,MAAM,EAAE,CAAC;YAClB,OAAO,EAAE,MAAM,EAAE,CAAC;YAClB,MAAM,EAAE,OAAO,CAAC;YAChB,IAAI,EAAE,OAAO,CAAC;YACd,UAAU,EAAE,MAAM,CAAC;YACnB,SAAS,CAAC,EAAE,OAAO,CAAC;SACrB,CAAC;KACH,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,aAAK,kBAAkB,GAAG;IAExB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAGvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IAGtB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAGrC,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAgB,EACjB,EAAE,iBAAiB,GAAG,kBAAkB,CA8UxC"}
+{"version":3,"file":"useTableData.d.ts","sourceRoot":"","sources":["../../../../src/elements/basic/TableElement/useTableData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAqFzC,aAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE;YACV,OAAO,EAAE,MAAM,EAAE,CAAC;YAClB,OAAO,EAAE,MAAM,EAAE,CAAC;YAClB,MAAM,EAAE,OAAO,CAAC;YAChB,IAAI,EAAE,OAAO,CAAC;YACd,UAAU,EAAE,MAAM,CAAC;YACnB,SAAS,CAAC,EAAE,OAAO,CAAC;SACrB,CAAC;KACH,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,aAAK,kBAAkB,GAAG;IAExB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAGvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IAGtB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAGrC,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAgB,EACjB,EAAE,iBAAiB,GAAG,kBAAkB,CAmXxC"}

package/dist/elements/fields/PhoneField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/PhoneField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AA2B1E,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,YAAiB,EACjB,QAAgB,EAChB,QAAgB,EAChB,WAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,UAAqB,EACrB,MAAiB,EACjB,WAAW,EACX,WAAW,EACX,OAAO,EACP,QAAQ,EACT,EAAE,GAAG,oDAiXL;;AAED,wBAAgC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/PhoneField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AA2B1E,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,YAAiB,EACjB,QAAgB,EAChB,QAAgB,EAChB,WAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,UAAqB,EACrB,MAAiB,EACjB,WAAW,EACX,WAAW,EACX,OAAO,EACP,QAAQ,EACT,EAAE,GAAG,oDAuYL;;AAED,wBAAgC"}

package/dist/{fthry_FormControl.Bt83gTi3.js → fthry_FormControl.XNq3-cui.js}

@@ -1,4 +1,4 @@
-import { z as __rest, j as jsx, _ as __assign } from './fthry_index.EFk2iysz.js';
+import { z as __rest, j as jsx, _ as __assign } from './fthry_index.Cw42Sncj.js';
 
 // Simple input used for the 'other' option in checkbox and radio groups
 function FormControl(_a) {

package/dist/{fthry_InlineTooltip.BADFGh_F.js → fthry_InlineTooltip.DGHEvC_N.js}

@@ -1,6 +1,6 @@
-import { j as jsx, _ as __assign, b as __read, ax as replaceTextVariables, y as isMobile, a as jsxs, F as Fragment, t as FORM_Z_INDEX } from './fthry_index.EFk2iysz.js';
+import { j as jsx, _ as __assign, b as __read, ax as replaceTextVariables, y as isMobile, a as jsxs, F as Fragment, t as FORM_Z_INDEX } from './fthry_index.Cw42Sncj.js';
 import { useState, useRef } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.CsBPXuR_.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.J6bfxjB6.js';
 
 function HelpIcon(_a) {
     var _b = _a.cssStyles, cssStyles = _b === void 0 ? {} : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c;

package/dist/{fthry_Overlay.CsBPXuR_.js → fthry_Overlay.J6bfxjB6.js}

@@ -1,4 +1,4 @@
-import { z as __rest, j as jsx, _ as __assign, t as FORM_Z_INDEX, b as __read, f as featheryDoc, v as featheryWindow, F as Fragment } from './fthry_index.EFk2iysz.js';
+import { z as __rest, j as jsx, _ as __assign, t as FORM_Z_INDEX, b as __read, f as featheryDoc, v as featheryWindow, F as Fragment } from './fthry_index.Cw42Sncj.js';
 import { useRef, useState, useCallback, useLayoutEffect, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 

package/dist/{fthry_PaymentMethodField.CVKE3t_i.js → fthry_PaymentMethodField.CDQLu6HD.js}

@@ -1,12 +1,12 @@
-import { z as __rest, f as featheryDoc, a as jsxs, _ as __assign, af as getStripe, j as jsx, b as __read, u as useBorder, ag as filterKeys, ah as ERROR_COLOR } from './fthry_index.EFk2iysz.js';
+import { z as __rest, f as featheryDoc, a as jsxs, _ as __assign, af as getStripe, j as jsx, b as __read, u as useBorder, ag as filterKeys, ah as ERROR_COLOR } from './fthry_index.Cw42Sncj.js';
 import React__default, { memo, useEffect, useState, useRef } from 'react';
-import { P as PropTypes } from './fthry_index.DpU0lL2P.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BADFGh_F.js';
+import { P as PropTypes } from './fthry_index.D9Soe4dO.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DGHEvC_N.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CsBPXuR_.js';
+import './fthry_Overlay.J6bfxjB6.js';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);

package/dist/{fthry_Placeholder.9MqCxqHS.js → fthry_Placeholder.Mlmdw3dr.js}

@@ -1,4 +1,4 @@
-import { _ as __assign, j as jsx } from './fthry_index.EFk2iysz.js';
+import { _ as __assign, j as jsx } from './fthry_index.Cw42Sncj.js';
 
 function Placeholder(_a) {
     var _b;

package/dist/{fthry_ShowEyeIcon.CxXoA4_B.js → fthry_ShowEyeIcon.DP57fwQm.js}

@@ -1,4 +1,4 @@
-import { z as __rest, j as jsx, _ as __assign } from './fthry_index.EFk2iysz.js';
+import { z as __rest, j as jsx, _ as __assign } from './fthry_index.Cw42Sncj.js';
 
 function ShowEyeIcon$1(_a) {
     var _b = _a.width, width = _b === void 0 ? 30 : _b, _c = _a.height, height = _c === void 0 ? 30 : _c, props = __rest(_a, ["width", "height"]);

package/dist/{fthry_index.C4cVkdmR.js → fthry_index.B1mI_nkL.js}

@@ -1,9 +1,9 @@
-import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, n as FeatheryClient, o as debounce } from './fthry_index.EFk2iysz.js';
+import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, n as FeatheryClient, o as debounce } from './fthry_index.Cw42Sncj.js';
 import { useRef, useEffect, memo, useState, useCallback } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.9MqCxqHS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BADFGh_F.js';
-import { O as Overlay } from './fthry_Overlay.CsBPXuR_.js';
-import { u as useElementSize } from './fthry_useElementSize.fW6iiT11.js';
+import { P as Placeholder } from './fthry_Placeholder.Mlmdw3dr.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DGHEvC_N.js';
+import { O as Overlay } from './fthry_Overlay.J6bfxjB6.js';
+import { u as useElementSize } from './fthry_useElementSize.CmRwN1ei.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.B0_n9jqc.js → fthry_index.BIJhafFv.js}

@@ -1,12 +1,12 @@
-import { j as jsx, _ as __assign, u as useBorder, b as __read, C as countryData, c as fieldValues, a as jsxs, h as hoverStylesGuard, w as css, x as __makeTemplateObject, G as Global, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.EFk2iysz.js';
+import { j as jsx, _ as __assign, u as useBorder, b as __read, C as countryData, c as fieldValues, a as jsxs, h as hoverStylesGuard, w as css, x as __makeTemplateObject, G as Global, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.Cw42Sncj.js';
 import { useState, useRef, useEffect } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BADFGh_F.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.BIkirclp.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DGHEvC_N.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.BVgXZfea.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CsBPXuR_.js';
+import './fthry_Overlay.J6bfxjB6.js';
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/dist/{fthry_index.BIkyi9OD.js → fthry_index.BdqBOOCg.js}

@@ -1,12 +1,12 @@
-import { u as useBorder, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, p as imgMaxSizeStyles, q as noTextSelectStyles, E as ErrorInput } from './fthry_index.EFk2iysz.js';
+import { u as useBorder, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, p as imgMaxSizeStyles, q as noTextSelectStyles, E as ErrorInput } from './fthry_index.Cw42Sncj.js';
 import { useRef, useMemo } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BADFGh_F.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.BIkirclp.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DGHEvC_N.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.BVgXZfea.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CsBPXuR_.js';
+import './fthry_Overlay.J6bfxjB6.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.BPmvHG0R.js → fthry_index.Bdu4nau6.js}

@@ -1,4 +1,4 @@
-import { j as jsx, _ as __assign, b as __read, a as jsxs, E as ErrorInput } from './fthry_index.EFk2iysz.js';
+import { j as jsx, _ as __assign, b as __read, a as jsxs, E as ErrorInput } from './fthry_index.Cw42Sncj.js';
 import { useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.AdQD-dII.js → fthry_index.BfQjfY-v.js}

@@ -1,4 +1,4 @@
-import { _ as __assign, j as jsx, a as jsxs, F as Fragment, b as __read, f as featheryDoc, c as fieldValues, s as stringifyWithNull, d as __values, e as __spreadArray } from './fthry_index.EFk2iysz.js';
+import { _ as __assign, j as jsx, a as jsxs, F as Fragment, b as __read, f as featheryDoc, c as fieldValues, s as stringifyWithNull, d as __values, e as __spreadArray } from './fthry_index.Cw42Sncj.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
@@ -189,7 +189,7 @@ var buttonStyle = {
         cursor: 'auto'
     }
 };
-var actionButtonStyle = __assign(__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', width: 'auto', height: '28px', position: 'relative' });
+var actionButtonStyle = __assign(__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', paddingBlock: '4px', width: 'auto', height: 'auto', minHeight: '28px', position: 'relative' });
 var menuIconStyle = {
     width: '16px',
     height: '16px',
@@ -245,9 +245,6 @@ var pageButtonStyle = __assign(__assign({}, buttonStyle), { width: '36px', borde
 var pageButtonPrevStyle = __assign(__assign({}, pageButtonStyle), { borderTopLeftRadius: '8px', borderBottomLeftRadius: '8px', paddingLeft: '12px', paddingRight: '12px', width: 'auto' });
 var pageButtonNextStyle = __assign(__assign({}, pageButtonStyle), { borderTopRightRadius: '8px', borderBottomRightRadius: '8px', paddingLeft: '12px', paddingRight: '12px', width: 'auto', borderRightWidth: 1 });
 var pageButtonActiveStyle = __assign(__assign({}, pageButtonStyle), { color: colors.blue700, backgroundColor: colors.blue50, border: "1px solid ".concat(colors.gray200) });
-var pageButtonEllipsisStyle = __assign(__assign({}, pageButtonStyle), { cursor: 'default', '&:focus': {
-        outline: 'none'
-    } });
 var pageButtonDisabledStyle = {
     opacity: 0.8,
     cursor: 'default',
@@ -256,7 +253,13 @@ var pageButtonDisabledStyle = {
         backgroundColor: colors.gray50,
         color: colors.gray400
     }
-};
+};
+var overflowSelectStyle = __assign(__assign({}, pageButtonStyle), { appearance: 'none', WebkitAppearance: 'none', cursor: 'pointer', paddingLeft: '8px', paddingRight: '8px', width: '36px', textAlign: 'center', outline: 'none', '&:hover': {
+        backgroundColor: colors.gray100,
+        color: colors.gray900
+    }, '&:focus': {
+        outline: 'none'
+    } });
 
 function SearchIcon() {
     return (jsx("svg", __assign({ css: searchIconStyle, fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 2 }, { children: jsx("path", { strokeLinecap: 'round', d: 'M21 21l-3.5-3.5M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z' }) })));
@@ -298,22 +301,45 @@ function NextButton(_a) {
     var disabled = _a.disabled, onClick = _a.onClick;
     return (jsx("button", __assign({ type: 'button', onClick: onClick, disabled: disabled, css: __assign(__assign({}, pageButtonNextStyle), (disabled ? pageButtonDisabledStyle : {})) }, { children: "Next" })));
 }
+function OverflowSelect(_a) {
+    var pages = _a.pages, onPageChange = _a.onPageChange;
+    return (jsxs("select", __assign({ value: '', onChange: function (e) {
+            onPageChange(Number(e.target.value));
+        }, "aria-label": 'Go to page', css: overflowSelectStyle }, { children: [jsx("option", __assign({ value: '', disabled: true, hidden: true }, { children: "..." })), pages.map(function (page) { return (jsx("option", __assign({ value: page }, { children: page + 1 }), page)); })] })));
+}
 function PageNumbers(_a) {
     var currentPage = _a.currentPage, totalPages = _a.totalPages, onPageChange = _a.onPageChange;
-    return (jsx(Fragment, { children: Array.from({ length: totalPages }, function (_, i) {
-            // Show first page, last page, current page, and pages around current
-            var showPage = i === 0 || i === totalPages - 1 || Math.abs(i - currentPage) <= 1;
-            var showEllipsis = (i === 1 && currentPage > 2) ||
-                (i === totalPages - 2 && currentPage < totalPages - 3);
-            if (showEllipsis) {
-                return (jsx("li", { children: jsx("button", __assign({ type: 'button', disabled: true, css: pageButtonEllipsisStyle }, { children: "..." })) }, i));
+    var visiblePages = new Set();
+    visiblePages.add(0);
+    visiblePages.add(totalPages - 1);
+    for (var i = Math.max(0, currentPage - 1); i <= Math.min(totalPages - 1, currentPage + 1); i++) {
+        visiblePages.add(i);
+    }
+    var items = [];
+    var sortedVisible = Array.from(visiblePages).sort(function (a, b) { return a - b; });
+    for (var i = 0; i < sortedVisible.length; i++) {
+        var page = sortedVisible[i];
+        var prevPage = i > 0 ? sortedVisible[i - 1] : -1;
+        if (page - prevPage > 1) {
+            var hiddenPages = [];
+            for (var j = prevPage + 1; j < page; j++) {
+                hiddenPages.push(j);
+            }
+            items.push({ type: 'overflow', pages: hiddenPages });
+        }
+        items.push({ type: 'page', page: page });
+    }
+    return (jsx(Fragment, { children: items.map(function (item, idx) {
+            if (item.type === 'overflow') {
+                if (item.pages.length === 1) {
+                    return (jsx("li", { children: jsx("button", __assign({ type: 'button', onClick: function () { return onPageChange(item.pages[0]); }, css: pageButtonStyle }, { children: item.pages[0] + 1 })) }, "overflow-".concat(idx)));
+                }
+                return (jsx("li", { children: jsx(OverflowSelect, { pages: item.pages, onPageChange: onPageChange }) }, "overflow-".concat(idx)));
             }
-            if (!showPage)
-                return null;
-            var isActive = i === currentPage;
-            return (jsx("li", { children: jsx("button", __assign({ type: 'button', onClick: function () { return onPageChange(i); }, "aria-current": isActive ? 'page' : undefined, css: isActive
+            var isActive = item.page === currentPage;
+            return (jsx("li", { children: jsx("button", __assign({ type: 'button', onClick: function () { return onPageChange(item.page); }, "aria-current": isActive ? 'page' : undefined, css: isActive
                         ? pageButtonActiveStyle
-                        : pageButtonStyle }, { children: i + 1 })) }, i));
+                        : pageButtonStyle }, { children: item.page + 1 })) }, item.page));
         }) }));
 }
 function Pagination(_a) {
@@ -340,6 +366,8 @@ function ActionButtons(_a) {
     var menuButtonRef = useRef(null);
     var useOverflow = !forceInlineButtons && actions.length > 1;
     useEffect(function () {
+        if (!isMenuOpen)
+            return;
         var handleClickOutside = function (event) {
             if (menuRef.current &&
                 !menuRef.current.contains(event.target) &&
@@ -348,11 +376,15 @@ function ActionButtons(_a) {
                 setIsMenuOpen(false);
             }
         };
-        if (isMenuOpen) {
-            featheryDoc().addEventListener('mousedown', handleClickOutside);
-        }
+        var handleScroll = function () {
+            setIsMenuOpen(false);
+        };
+        var doc = featheryDoc();
+        doc.addEventListener('mousedown', handleClickOutside);
+        doc.addEventListener('scroll', handleScroll, true);
         return function () {
-            featheryDoc().removeEventListener('mousedown', handleClickOutside);
+            doc.removeEventListener('mousedown', handleClickOutside);
+            doc.removeEventListener('scroll', handleScroll, true);
         };
     }, [isMenuOpen]);
     var handleActionClick = function (action) {
@@ -603,6 +635,22 @@ function transposeTableData(columns, activeFieldValues, numRows, rowIndicesToInc
         includedRowIndices: includedRowIndices
     };
 }
+var TABLE_PAGE_CACHE_KEY_PREFIX = '__feathery_table_page_';
+function getTablePageCacheKey(elementId) {
+    return "".concat(TABLE_PAGE_CACHE_KEY_PREFIX).concat(elementId);
+}
+function getCachedPage(elementId) {
+    var key = getTablePageCacheKey(elementId);
+    var cached = sessionStorage.getItem(key);
+    if (!cached)
+        return 0;
+    var page = parseInt(cached, 10);
+    return Number.isInteger(page) && page >= 0 ? page : 0;
+}
+function setCachedPage(elementId, page) {
+    var key = getTablePageCacheKey(elementId);
+    sessionStorage.setItem(key, page.toString());
+}
 function useTableData(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     var element = _a.element, _m = _a.editMode, editMode = _m === void 0 ? false : _m;
@@ -634,7 +682,9 @@ function useTableData(_a) {
     var _o = __read(useState(''), 2), searchQuery = _o[0], setSearchQuery = _o[1];
     var _p = __read(useState(null), 2), sortColumn = _p[0], setSortColumn = _p[1];
     var _q = __read(useState('asc'), 2), sortDirection = _q[0], setSortDirection = _q[1];
-    var _r = __read(useState(0), 2), currentPage = _r[0], setCurrentPage = _r[1];
+    var _r = __read(useState(function () {
+        return getCachedPage(element.id);
+    }), 2), currentPage = _r[0], setCurrentPage = _r[1];
     var baseNumRows = useMemo(function () {
         return baseColumns.reduce(function (maxRows, column) {
             var fieldValue = baseFieldValues[column.field_key];
@@ -809,15 +859,47 @@ function useTableData(_a) {
         rowsPerPage,
         enablePagination
     ]);
-    // Reset to first page when search or sort changes
+    // Reset to first page when search or sort *change* (not on initial mount, so cached page is preserved)
+    var searchParamRef = useRef({
+        initialMount: true,
+        search: '',
+        sortColumn: '',
+        sortDirection: ''
+    });
     useEffect(function () {
-        setCurrentPage(0);
+        var cur = searchParamRef.current;
+        if (cur.initialMount) {
+            cur.initialMount = false;
+            cur.search = searchQuery;
+            cur.sortColumn = sortColumn;
+            cur.sortDirection = sortDirection;
+            return;
+        }
+        if (searchQuery !== cur.search ||
+            sortColumn !== cur.sortColumn ||
+            sortDirection !== cur.sortDirection) {
+            setCurrentPage(0);
+            cur.search = searchQuery;
+            cur.sortColumn = sortColumn;
+            cur.sortDirection = sortDirection;
+        }
     }, [searchQuery, sortColumn, sortDirection]);
     // For transposed tables, totalRows and totalPages are based on original rows (now columns)
     var totalRows = enableTranspose
         ? sortedBaseRowIndices.length
         : sortedRowIndices.length;
     var totalPages = enablePagination ? Math.ceil(totalRows / rowsPerPage) : 1;
+    // Persist page to window cache when user navigates (keyed by element.id)
+    useEffect(function () {
+        if (element.id)
+            setCachedPage(element.id, currentPage);
+    }, [element.id, currentPage]);
+    // Clamp cached page to valid range when totalPages is known
+    useEffect(function () {
+        if (totalPages > 0 && currentPage >= totalPages) {
+            setCurrentPage(totalPages - 1);
+        }
+    }, [totalPages]);
     var handleSort = function (columnName) {
         if (!enableSort)
             return;

package/dist/{fthry_index.C0FNSGu0.js → fthry_index.Bn5uzN59.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, b as __read, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, t as FORM_Z_INDEX, r as resetStyles } from './fthry_index.EFk2iysz.js';
+import { u as useBorder, b as __read, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, t as FORM_Z_INDEX, r as resetStyles } from './fthry_index.Cw42Sncj.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.9MqCxqHS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BADFGh_F.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CxXoA4_B.js';
+import { P as Placeholder } from './fthry_Placeholder.Mlmdw3dr.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DGHEvC_N.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.DP57fwQm.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CsBPXuR_.js';
+import './fthry_Overlay.J6bfxjB6.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.BbSZxIR5.js → fthry_index.C-djGiaS.js}

@@ -1,6 +1,6 @@
-import { l as __awaiter, m as __generator, e as __spreadArray, b as __read, d as __values, v as featheryWindow, an as loadQRScanner, ao as throttle, j as jsx, a as jsxs, _ as __assign, F as Fragment, E as ErrorInput, ap as qrPromise } from './fthry_index.EFk2iysz.js';
+import { l as __awaiter, m as __generator, e as __spreadArray, b as __read, d as __values, v as featheryWindow, an as loadQRScanner, ao as throttle, j as jsx, a as jsxs, _ as __assign, F as Fragment, E as ErrorInput, ap as qrPromise } from './fthry_index.Cw42Sncj.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.DtCYeZPi.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.COD2mOPV.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.CefyT_Xy.js → fthry_index.C0Dov5nE.js}

@@ -1,7 +1,7 @@
-import { b as __read, j as jsx, F as Fragment, y as isMobile, a as jsxs, _ as __assign, t as FORM_Z_INDEX, k as iosScrollOnFocus } from './fthry_index.EFk2iysz.js';
+import { b as __read, j as jsx, F as Fragment, y as isMobile, a as jsxs, _ as __assign, t as FORM_Z_INDEX, k as iosScrollOnFocus } from './fthry_index.Cw42Sncj.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.CsBPXuR_.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.CyjNCuWE.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.J6bfxjB6.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.CrRjSHn5.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.DoxZOyru.js → fthry_index.C5VHKe3D.js}

@@ -1,6 +1,6 @@
-import { b as __read, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard } from './fthry_index.EFk2iysz.js';
+import { b as __read, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard } from './fthry_index.Cw42Sncj.js';
 import { useState, useEffect } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.DtCYeZPi.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.COD2mOPV.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.Beh4LhUb.js → fthry_index.CA1Bdo9s.js}

@@ -1,12 +1,12 @@
-import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.EFk2iysz.js';
+import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.Cw42Sncj.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.9MqCxqHS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BADFGh_F.js';
+import { P as Placeholder } from './fthry_Placeholder.Mlmdw3dr.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DGHEvC_N.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CsBPXuR_.js';
+import './fthry_Overlay.J6bfxjB6.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.Cy8OGyJ9.js → fthry_index.CBqbHxMx.js}

@@ -1,9 +1,9 @@
-import { z as __rest, b as __read, C as countryData, ai as phoneLib, aj as authState, ak as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, al as phoneLibPromise, h as hoverStylesGuard, am as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.EFk2iysz.js';
+import { z as __rest, b as __read, C as countryData, ai as phoneLib, aj as authState, ak as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, al as phoneLibPromise, h as hoverStylesGuard, am as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.Cw42Sncj.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.9MqCxqHS.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BADFGh_F.js';
-import { O as Overlay } from './fthry_Overlay.CsBPXuR_.js';
-import { u as useElementSize } from './fthry_useElementSize.fW6iiT11.js';
+import { P as Placeholder } from './fthry_Placeholder.Mlmdw3dr.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DGHEvC_N.js';
+import { O as Overlay } from './fthry_Overlay.J6bfxjB6.js';
+import { u as useElementSize } from './fthry_useElementSize.CmRwN1ei.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
@@ -1763,9 +1763,7 @@ function PhoneField(_a) {
     var dropdownRef = useRef(null);
     var inputRef = useRef(null);
     var _h = __read(useState(null), 2), cursor = _h[0], setCursor = _h[1];
-    // Track cursorChange since cursor may stay in same place but need to be
-    // re-applied (e.g. delete)
-    var _j = __read(useState(false), 2), cursorChange = _j[0], setCursorChange = _j[1];
+    var _j = __read(useState(0), 2), cursorTick = _j[0], setCursorTick = _j[1];
     var _k = __read(useState(false), 2), show = _k[0], setShow = _k[1];
     // The number parsed from the fullNumber prop, updated via triggerOnChange to rawNumber
     var _l = __read(useState(''), 2), curFullNumber = _l[0], setCurFullNumber = _l[1];
@@ -1798,15 +1796,37 @@ function PhoneField(_a) {
         error: inlineError,
         breakpoint: responsiveStyles.getMobileBreakpoint()
     }), borderStyles = _r.borderStyles, customBorder = _r.customBorder;
+    var minCursorForPhoneCode = function (code) {
+        return code.length + (code.length > 3 ? 2 : 1);
+    };
+    // cursorTick forces the effect to re-run even when position is unchanged
+    // (e.g. re-focusing on the "+1" prefix)
+    var moveCursor = function (pos) {
+        setCursor(pos);
+        setCursorTick(function (t) { return t + 1; });
+    };
     var resetToPhoneCode = function (code) {
-        var delta = code.length > 3 ? 2 : 1;
-        setCursor(code.length + delta);
+        moveCursor(minCursorForPhoneCode(code));
+    };
+    var clampCursorAfterPhoneCode = function (input) {
+        var _a;
+        if (!input)
+            return;
+        var minCursor = minCursorForPhoneCode(phoneCode);
+        var start = (_a = input.selectionStart) !== null && _a !== void 0 ? _a : minCursor;
+        if (start >= minCursor) {
+            setCursor(start);
+            return;
+        }
+        var cursor = rawNumber.length > phoneCode.length ? input.value.length : minCursor;
+        input.setSelectionRange(cursor, cursor);
+        setCursor(cursor);
     };
     useEffect(function () {
         var input = inputRef.current;
         if (input && cursor !== null)
             input.setSelectionRange(cursor, cursor);
-    }, [cursorChange]);
+    }, [cursorTick]);
     useEffect(function () {
         if (fullNumber === curFullNumber || editMode)
             return;
@@ -1906,6 +1926,8 @@ function PhoneField(_a) {
                                         return prevNum;
                                     });
                                     setFocused(true);
+                                }, onClick: function (e) {
+                                    clampCursorAfterPhoneCode(e.currentTarget);
                                 }, onBlur: function () {
                                     var newRawNumber = rawNumber;
                                     if (phoneCode.startsWith(rawNumber)) {
@@ -1983,11 +2005,9 @@ function PhoneField(_a) {
                                     }
                                     else {
                                         setRawNumber(phoneCode);
-                                        var delta = phoneCode.length > 3 ? 2 : 1;
-                                        start = phoneCode.length + delta;
+                                        start = minCursorForPhoneCode(phoneCode);
                                     }
-                                    setCursor(start);
-                                    setCursorChange(!cursorChange);
+                                    moveCursor(start !== null && start !== void 0 ? start : 0);
                                 } }), jsx(Placeholder, { value: formattedNumber, element: { properties: { placeholder: placeholder } }, responsiveStyles: responsiveStyles, repeatIndex: repeatIndex }), jsx(InlineTooltip, { containerRef: containerRef, id: element.id, text: element.properties.tooltipText, responsiveStyles: responsiveStyles, repeat: element.repeat })] }))] }))] })));
 }
 var index = memo(PhoneField);

package/dist/{fthry_index.FjbxGNs2.js → fthry_index.C_GjXlZr.js}

@@ -1,10 +1,10 @@
-import { H as stringify, I as rulesheet, J as COMMENT, K as middleware, R as RULESET, L as combine, M as match, N as serialize, O as copy, P as replace, W as WEBKIT, Q as MOZ, S as MS, T as KEYFRAMES, U as DECLARATION, V as dealloc, X as alloc, Y as hash, Z as charat, $ as strlen, a0 as indexof, a1 as next, a2 as token, a3 as from, a4 as peek, a5 as delimit, a6 as slice, a7 as position, a8 as compile, j as jsx$1, _ as __assign, a as jsxs, F as Fragment$1, z as __rest, b as __read, t as FORM_Z_INDEX, v as featheryWindow, f as featheryDoc, e as __spreadArray, d as __values, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.EFk2iysz.js';
+import { H as stringify, I as rulesheet, J as COMMENT, K as middleware, R as RULESET, L as combine, M as match, N as serialize, O as copy, P as replace, W as WEBKIT, Q as MOZ, S as MS, T as KEYFRAMES, U as DECLARATION, V as dealloc, X as alloc, Y as hash, Z as charat, $ as strlen, a0 as indexof, a1 as next, a2 as token, a3 as from, a4 as peek, a5 as delimit, a6 as slice, a7 as position, a8 as compile, j as jsx$1, _ as __assign, a as jsxs, F as Fragment$1, z as __rest, b as __read, t as FORM_Z_INDEX, v as featheryWindow, f as featheryDoc, e as __spreadArray, d as __values, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.Cw42Sncj.js';
 import * as React from 'react';
 import { useState, useCallback, forwardRef, useContext, useLayoutEffect, useEffect, createContext, useRef, useMemo, Component, Fragment } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BADFGh_F.js';
-import { P as Placeholder$2 } from './fthry_Placeholder.9MqCxqHS.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.BIkirclp.js';
-import { T as Tooltip, O as Overlay } from './fthry_Overlay.CsBPXuR_.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DGHEvC_N.js';
+import { P as Placeholder$2 } from './fthry_Placeholder.Mlmdw3dr.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.BVgXZfea.js';
+import { T as Tooltip, O as Overlay } from './fthry_Overlay.J6bfxjB6.js';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.CyjNCuWE.js → fthry_index.CrRjSHn5.js}

@@ -1,4 +1,4 @@
-import { _ as __assign, h as hoverStylesGuard, a as jsxs, j as jsx, k as iosScrollOnFocus } from './fthry_index.EFk2iysz.js';
+import { _ as __assign, h as hoverStylesGuard, a as jsxs, j as jsx, k as iosScrollOnFocus } from './fthry_index.Cw42Sncj.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.Degy27gw.js → fthry_index.Cu45IR9p.js}

@@ -1,4 +1,4 @@
-import { b as __read, a as jsxs$1, _ as __assign, j as jsx$1, t as FORM_Z_INDEX } from './fthry_index.EFk2iysz.js';
+import { b as __read, a as jsxs$1, _ as __assign, j as jsx$1, t as FORM_Z_INDEX } from './fthry_index.Cw42Sncj.js';
 import React__default, { useRef, useEffect, useCallback, useState, useMemo, Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.qQius3J9.js → fthry_index.CvvMEgBS.js}

@@ -1,4 +1,4 @@
-import { j as jsx, _ as __assign, a as jsxs, b as __read, l as __awaiter, m as __generator, v as featheryWindow, F as Fragment, E as ErrorInput } from './fthry_index.EFk2iysz.js';
+import { j as jsx, _ as __assign, a as jsxs, b as __read, l as __awaiter, m as __generator, v as featheryWindow, F as Fragment, E as ErrorInput } from './fthry_index.Cw42Sncj.js';
 import { useRef, useState, useEffect, memo, useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';