@feathery/react 2.16.3 → 2.16.4

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/elements/basic/TableElement/styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;CASlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;CAS1B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;CAIlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;CAY1B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;CAOpC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;CAK/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;CAGhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;CAE9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;CASlC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAe5B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;CAmBvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;CAKjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;CAIhC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAQ/B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAKjC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;CAMnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;CAQnC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/elements/basic/TableElement/styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;;;;;;CASzB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;CASjB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;;;CAYjB,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;CAO3B,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;CAErB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;;;;;;CASzB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAenB,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;CASb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;CAIX,CAAC;AAEX,eAAO,MAAM,SAAS;;;;CAIZ,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;CAOX,CAAC;AAEX,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;CAOtB,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;CAuBd,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;CAQlB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCtB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKxB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;CAIvB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOtB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQtB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;CAKxB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM1B,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;CAQ1B,CAAC"}

package/dist/{fthry_FormControl.C0ilJwhW.js → fthry_FormControl.Wd2VCHPt.js}

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

package/dist/{fthry_InlineTooltip.TNVRxDDv.js → fthry_InlineTooltip.D3ylgYg6.js}

@@ -1,6 +1,6 @@
-import { j as jsx, _ as __assign, b as __read, au as replaceTextVariables, x as isMobile, a as jsxs, F as Fragment, q as FORM_Z_INDEX } from './fthry_index.D2q2yDge.js';
+import { j as jsx, _ as __assign, b as __read, au as replaceTextVariables, x as isMobile, a as jsxs, F as Fragment, q as FORM_Z_INDEX } from './fthry_index.BOQHIUaq.js';
 import { useState, useRef } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.BZt3aLdS.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.Bz5x-ENK.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.BZt3aLdS.js → fthry_Overlay.Bz5x-ENK.js}

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

package/dist/{fthry_PaymentMethodField.CjUAcNwu.js → fthry_PaymentMethodField.CvChbYRg.js}

@@ -1,12 +1,12 @@
-import { y as __rest, f as featheryDoc, a as jsxs, _ as __assign, ad as getStripe, j as jsx, b as __read, u as useBorder, ae as filterKeys, af as ERROR_COLOR } from './fthry_index.D2q2yDge.js';
+import { y as __rest, f as featheryDoc, a as jsxs, _ as __assign, ad as getStripe, j as jsx, b as __read, u as useBorder, ae as filterKeys, af as ERROR_COLOR } from './fthry_index.BOQHIUaq.js';
 import React__default, { memo, useEffect, useState, useRef } from 'react';
-import { P as PropTypes } from './fthry_index.C7i1khg0.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
+import { P as PropTypes } from './fthry_index.jDY08d87.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.D3ylgYg6.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BZt3aLdS.js';
+import './fthry_Overlay.Bz5x-ENK.js';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);

package/dist/{fthry_Placeholder.BVxZFxxf.js → fthry_Placeholder.DQzBt8j6.js}

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

package/dist/{fthry_ShowEyeIcon.DRelhyEp.js → fthry_ShowEyeIcon.C9zNt2Rx.js}

@@ -1,4 +1,4 @@
-import { y as __rest, j as jsx, _ as __assign } from './fthry_index.D2q2yDge.js';
+import { y as __rest, j as jsx, _ as __assign } from './fthry_index.BOQHIUaq.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.CHSHhO7D.js → fthry_index.34WTfq_N.js}

@@ -1,7 +1,7 @@
-import { b as __read, j as jsx, F as Fragment, x as isMobile, a as jsxs, _ as __assign, q as FORM_Z_INDEX, i as iosScrollOnFocus } from './fthry_index.D2q2yDge.js';
+import { b as __read, j as jsx, F as Fragment, x as isMobile, a as jsxs, _ as __assign, q as FORM_Z_INDEX, i as iosScrollOnFocus } from './fthry_index.BOQHIUaq.js';
 import { useState, useRef, useMemo } from 'react';
-import { O as Overlay, T as Tooltip } from './fthry_Overlay.BZt3aLdS.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.BvXLJMV2.js';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.Bz5x-ENK.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.BZaD9OWc.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.DDujVe_P.js → fthry_index.B8xFLcFH.js}

@@ -1,9 +1,9 @@
-import { y as __rest, b as __read, A as countryData, ag as authState, ah as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, ai as phoneLibPromise, h as hoverStylesGuard, aj as isNum, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.D2q2yDge.js';
+import { y as __rest, b as __read, A as countryData, ag as authState, ah as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, ai as phoneLibPromise, h as hoverStylesGuard, aj as isNum, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.BOQHIUaq.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.BVxZFxxf.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
-import { O as Overlay } from './fthry_Overlay.BZt3aLdS.js';
-import { u as useElementSize } from './fthry_useElementSize.jJQ_1B8L.js';
+import { P as Placeholder } from './fthry_Placeholder.DQzBt8j6.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.D3ylgYg6.js';
+import { O as Overlay } from './fthry_Overlay.Bz5x-ENK.js';
+import { u as useElementSize } from './fthry_useElementSize.CXuTu3xM.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.w1aPrYpV.js → fthry_index.BGTWrYLi.js}

@@ -1,6 +1,6 @@
-import { k as __awaiter, l as __generator, e as __spreadArray, b as __read, d as __values, t as featheryWindow, ak as loadQRScanner, al as throttle, j as jsx, a as jsxs, _ as __assign, F as Fragment, E as ErrorInput, am as qrPromise } from './fthry_index.D2q2yDge.js';
+import { k as __awaiter, l as __generator, e as __spreadArray, b as __read, d as __values, t as featheryWindow, ak as loadQRScanner, al as throttle, j as jsx, a as jsxs, _ as __assign, F as Fragment, E as ErrorInput, am as qrPromise } from './fthry_index.BOQHIUaq.js';
 import React__default, { useEffect, useCallback } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.C4pcX-vu.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.BYvg16qE.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.CHVbNqTf.js → fthry_index.BGxTz3tO.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, b as __read, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles } from './fthry_index.D2q2yDge.js';
+import { u as useBorder, b as __read, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles } from './fthry_index.BOQHIUaq.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.BVxZFxxf.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.DRelhyEp.js';
+import { P as Placeholder } from './fthry_Placeholder.DQzBt8j6.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.D3ylgYg6.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.C9zNt2Rx.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BZt3aLdS.js';
+import './fthry_Overlay.Bz5x-ENK.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.D2q2yDge.js → fthry_index.BOQHIUaq.js}

@@ -7867,6 +7867,22 @@ var IntegrationClient = /** @class */ (function () {
             });
         }); });
     };
+    IntegrationClient.prototype.getQuikAccountForms = function (_a) {
+        var _this = this;
+        var custodian = _a.custodian, accountType = _a.accountType, _b = _a.isTransition, isTransition = _b === void 0 ? false : _b;
+        var url = "".concat(API_URL, "quik/meta/account-forms/?form_key=").concat(this.formKey, "&custodian=").concat(custodian, "&account_type=").concat(accountType, "&is_transition=").concat(isTransition);
+        return this._fetch(url).then(function (response) { return __awaiter$2(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(response === null || response === void 0 ? void 0 : response.ok)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, response.json()];
+                    case 1: return [2 /*return*/, _a.sent()];
+                    case 2: return [2 /*return*/, {}];
+                }
+            });
+        }); });
+    };
     IntegrationClient.prototype.pollPersonaResponse = function () {
         var _this = this;
         return new Promise(function (resolve) {
@@ -20468,7 +20484,7 @@ var Element$1 = function (_a) {
     else if (type === 'video')
         return jsx$1(Elements.VideoElement, __assign({}, basicProps));
     else if (type === 'table')
-        return (jsx$1(Elements.TableElement, __assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); } })));
+        return (jsx$1(Elements.TableElement, __assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); }, buttonLoaders: buttonLoaders })));
     else if (type === 'text')
         return (jsx$1(Elements.TextElement, __assign({ textSpanOnClick: function (textSpanStart, textSpanEnd) {
                 var _a;
@@ -22632,6 +22648,7 @@ var getFormContext = function (formUuid) {
         getQuikFormRoles: function (props) {
             return formState.client.getQuikFormRoles(props);
         },
+        getQuikAccountForms: function (props) { return formState.client.getQuikAccountForms(props); },
         getConfig: function (params) { return formState.client.getConfig(params); },
         // deprecated
         setFieldValues: function (userVals) {
@@ -38396,9 +38413,17 @@ function useCheckButtonAction(setButtonLoader, clearLoaders) {
         return ((_a = buttonActionStateRef.current) === null || _a === void 0 ? void 0 : _a.isElementActionRunning) ||
             ((_b = buttonActionStateRef.current) === null || _b === void 0 ? void 0 : _b.isUserLogicRunning);
     };
-    var updateButtonActionState = function (elementType, element) {
-        // Track element action state for every button to block repeat clicks by default
+    var updateButtonActionState = function (elementType, element, triggerPayload) {
         var isRunning = elementType === 'button';
+        if (elementType === 'table' && (triggerPayload === null || triggerPayload === void 0 ? void 0 : triggerPayload.action) !== undefined) {
+            isRunning = true;
+            var buttonId = "".concat(element.id, "_").concat(triggerPayload.rowIndex, "_").concat(triggerPayload.action);
+            element = {
+                id: buttonId,
+                properties: element.properties || {},
+                repeat: element.repeat
+            };
+        }
         if (isRunning) {
             buttonActionStateRef.current = {
                 button: element,
@@ -40514,17 +40539,39 @@ function Form(_a) {
         });
     }); };
     var tableOnClick = function (table, payload) { return __awaiter$2(_this, void 0, void 0, function () {
+        var buttonKey_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, runElementActions({
-                        actions: [],
-                        element: table,
-                        elementType: 'table',
-                        triggerPayload: payload
-                    })];
+                case 0:
+                    if (!payload.action) return [3 /*break*/, 2];
+                    buttonKey_1 = "".concat(table.id, "_").concat(payload.rowIndex, "_").concat(payload.action);
+                    return [4 /*yield*/, setLoaders(function (loaders) {
+                            var _a;
+                            return (__assign(__assign({}, loaders), (_a = {}, _a[buttonKey_1] = {
+                                showOn: 'on_button',
+                                loader: jsx$1(FeatherySpinner$1, {}),
+                                type: 'default'
+                            }, _a)));
+                        })];
                 case 1:
                     _a.sent();
-                    return [2 /*return*/];
+                    _a.label = 2;
+                case 2:
+                    _a.trys.push([2, , 4, 5]);
+                    return [4 /*yield*/, runElementActions({
+                            actions: [],
+                            element: table,
+                            elementType: 'table',
+                            triggerPayload: payload
+                        })];
+                case 3:
+                    _a.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    clearLoaders();
+                    clearButtonActionState();
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
@@ -40551,7 +40598,7 @@ function Form(_a) {
                             elementClicks[id] = false;
                             return [2 /*return*/, true];
                         }
-                        updateButtonActionState(elementType, element);
+                        updateButtonActionState(elementType, element, triggerPayload);
                         metadata = {
                             elementType: elementType,
                             elementIDs: [element.id],
@@ -45656,9 +45703,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.D3JjP3QD.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.Bh2Y_sWv.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.C3YzawuR.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.DbZ32V22.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -45804,7 +45851,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.16.3" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.16.4" + ' ', // 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;');
 }
 
@@ -47232,39 +47279,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.D9vj2iDZ.js'); });
-var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DjQVOh1x.js'); });
-var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.BvXLJMV2.js'); });
+var AddressLine1 = lazy(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index._BRuXPK7.js'); });
+var ButtonGroupField = lazy(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DQZRjgq7.js'); });
+var CheckboxField = lazy(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.BZaD9OWc.js'); });
 var CheckboxGroupField = lazy(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.tjwTcTKw.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.trAJzW3J.js');
 });
-var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BHNg8_dx.js'); });
-var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.k_YLjCmD.js'); });
+var ColorPickerField = lazy(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.C7pfoDYO.js'); });
+var CustomField = lazy(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.BcDHti-e.js'); });
 var DateSelectorField = lazy(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CXThRtLr.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BqbKuP58.js');
 });
-var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.CzsfUU2q.js'); });
+var DropdownField = lazy(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DgDP5DJn.js'); });
 var DropdownMultiField = lazy(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.C-C6W12a.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.DQZzSsuW.js');
 });
-var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.DqPI5UI-.js'); });
-var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.CHSHhO7D.js'); });
-var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.CHVbNqTf.js'); });
+var FileUploadField = lazy(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.lO5BG-D1.js'); });
+var MatrixField = lazy(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.34WTfq_N.js'); });
+var PasswordField = lazy(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.BGxTz3tO.js'); });
 var PaymentMethodField = lazy(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CjUAcNwu.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CvChbYRg.js');
 });
-var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.DDujVe_P.js'); });
-var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.CpDYMVBn.js'); });
-var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.w1aPrYpV.js'); });
+var PhoneField = lazy(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.B8xFLcFH.js'); });
+var PinInputField = lazy(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.DBoil0ob.js'); });
+var QRScanner = lazy(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.BGTWrYLi.js'); });
 var RadioButtonGroupField = lazy(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CMdOBMSn.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DR1bFoXt.js');
 });
-var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.C28s6OnX.js'); });
-var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.RgGAOMsz.js'); });
-var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.BPqyeMA9.js'); });
-var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.Bz0fOeeq.js'); });
-var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.DjIbt9u4.js'); });
+var RatingField = lazy(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.CMkosVsI.js'); });
+var SignatureField = lazy(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.qe9ZkKtP.js'); });
+var SliderField = lazy(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.BaEZNStt.js'); });
+var TextField = lazy(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CRS1kqR5.js'); });
+var TextArea = lazy(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.CvA-hNZz.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48204,7 +48251,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.C-VGZ4L7.js'); });
+var TableElement = lazy(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.DKGOaGCM.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,

package/dist/{fthry_index.BvXLJMV2.js → fthry_index.BZaD9OWc.js}

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

package/dist/{fthry_index.BPqyeMA9.js → fthry_index.BaEZNStt.js}

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

package/dist/{fthry_index.k_YLjCmD.js → fthry_index.BcDHti-e.js}

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

package/dist/{fthry_index.CXThRtLr.js → fthry_index.BqbKuP58.js}

@@ -1,16 +1,16 @@
-import { j as jsx, G as Global, v as css, w as __makeTemplateObject, _ as __assign, b as __read, x as isMobile, t as featheryWindow, f as featheryDoc, u as useBorder, a as jsxs$1, h as hoverStylesGuard, r as resetStyles, y as __rest, z as formatDateString } from './fthry_index.D2q2yDge.js';
+import { j as jsx, G as Global, v as css, w as __makeTemplateObject, _ as __assign, b as __read, x as isMobile, t as featheryWindow, f as featheryDoc, u as useBorder, a as jsxs$1, h as hoverStylesGuard, r as resetStyles, y as __rest, z as formatDateString } from './fthry_index.BOQHIUaq.js';
 import * as React from 'react';
 import React__default, { useMemo, useLayoutEffect, cloneElement, createRef, Component, useRef, useCallback, useEffect, createElement, memo, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.BVxZFxxf.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
+import { P as Placeholder } from './fthry_Placeholder.DQzBt8j6.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.D3ylgYg6.js';
 import { jsxs, jsx as jsx$1 } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { I as IMask, a as IMaskInput } from './fthry_input.JRZDivst.js';
+import { I as IMask, a as IMaskInput } from './fthry_input.IKXOLylO.js';
 import 'react-dom/client';
 import 'jszip';
-import './fthry_Overlay.BZt3aLdS.js';
-import './fthry_index.C7i1khg0.js';
+import './fthry_Overlay.Bz5x-ENK.js';
+import './fthry_index.jDY08d87.js';
 
 var PORTAL_CONTAINER_CLASS = '.react-datepicker__portal';
 var DATEPICKER_PADDING_TOP_VALUE = '--datepicker-pad-top';

package/dist/{fthry_index.BHNg8_dx.js → fthry_index.C7pfoDYO.js}

@@ -1,4 +1,4 @@
-import { b as __read, a as jsxs$1, _ as __assign, j as jsx$1, q as FORM_Z_INDEX } from './fthry_index.D2q2yDge.js';
+import { b as __read, a as jsxs$1, _ as __assign, j as jsx$1, q as FORM_Z_INDEX } from './fthry_index.BOQHIUaq.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.C28s6OnX.js → fthry_index.CMkosVsI.js}

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

package/dist/{fthry_index.Bz0fOeeq.js → fthry_index.CRS1kqR5.js}

@@ -1,16 +1,16 @@
-import { a as jsxs, _ as __assign, j as jsx, D as DROPDOWN_Z_INDEX, b as __read, u as useBorder, as as getFieldValue, s as stringifyWithNull, h as hoverStylesGuard, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles, at as emailPatternStr } from './fthry_index.D2q2yDge.js';
+import { a as jsxs, _ as __assign, j as jsx, D as DROPDOWN_Z_INDEX, b as __read, u as useBorder, as as getFieldValue, s as stringifyWithNull, h as hoverStylesGuard, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles, at as emailPatternStr } from './fthry_index.BOQHIUaq.js';
 import { memo, useRef, useState } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.BVxZFxxf.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
-import { O as Overlay } from './fthry_Overlay.BZt3aLdS.js';
-import { u as useElementSize } from './fthry_useElementSize.jJQ_1B8L.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.DRelhyEp.js';
-import { a as IMaskInput } from './fthry_input.JRZDivst.js';
+import { P as Placeholder } from './fthry_Placeholder.DQzBt8j6.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.D3ylgYg6.js';
+import { O as Overlay } from './fthry_Overlay.Bz5x-ENK.js';
+import { u as useElementSize } from './fthry_useElementSize.CXuTu3xM.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.C9zNt2Rx.js';
+import { a as IMaskInput } from './fthry_input.IKXOLylO.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_index.C7i1khg0.js';
+import './fthry_index.jDY08d87.js';
 
 function TextAutocomplete(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/dist/{fthry_index.DjIbt9u4.js → fthry_index.CvA-hNZz.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.D2q2yDge.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.BOQHIUaq.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.BVxZFxxf.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
+import { P as Placeholder } from './fthry_Placeholder.DQzBt8j6.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.D3ylgYg6.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BZt3aLdS.js';
+import './fthry_Overlay.Bz5x-ENK.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.CpDYMVBn.js → fthry_index.DBoil0ob.js}

@@ -1,4 +1,4 @@
-import { t as featheryWindow, a as jsxs, _ as __assign, j as jsx, b as __read, u as useBorder, h as hoverStylesGuard, aj as isNum } from './fthry_index.D2q2yDge.js';
+import { t as featheryWindow, a as jsxs, _ as __assign, j as jsx, b as __read, u as useBorder, h as hoverStylesGuard, aj as isNum } from './fthry_index.BOQHIUaq.js';
 import { useRef, useCallback, useEffect, useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.C-VGZ4L7.js → fthry_index.DKGOaGCM.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.D2q2yDge.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.BOQHIUaq.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
@@ -182,9 +182,13 @@ var buttonStyle = {
     '&:hover': {
         backgroundColor: colors.gray100,
         color: colors.gray900
+    },
+    '&:disabled:hover': {
+        color: colors.gray600,
+        backgroundColor: colors.gray50
     }
 };
-var actionButtonStyle = __assign(__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', width: 'auto', height: '28px' });
+var actionButtonStyle = __assign(__assign({}, buttonStyle), { borderRadius: '4px', paddingInline: '8px', width: 'auto', height: '28px', position: 'relative' });
 var menuIconStyle = {
     width: '16px',
     height: '16px',
@@ -200,7 +204,10 @@ var actionMenuStyle = {
     minWidth: '120px'
 };
 var actionMenuItemStyle = {
-    display: 'block',
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'between',
     width: '100%',
     textAlign: 'left',
     paddingLeft: '12px',
@@ -213,9 +220,13 @@ var actionMenuItemStyle = {
     border: 'none',
     cursor: 'pointer',
     whiteSpace: 'nowrap',
+    position: 'relative',
     '&:hover': {
         backgroundColor: colors.gray100
     },
+    '&:disabled:hover': {
+        backgroundColor: 'transparent'
+    },
     '&:first-of-type': {
         borderTopLeftRadius: '4px',
         borderTopRightRadius: '4px'
@@ -319,11 +330,11 @@ function MenuIcon() {
     return (jsxs("svg", __assign({ css: menuIconStyle, 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 ActionButtons(_a) {
-    var actions = _a.actions, rowIndex = _a.rowIndex, columnData = _a.columnData, fieldValuesProp = _a.fieldValues, onClick = _a.onClick, _b = _a.forceInlineButtons, forceInlineButtons = _b === void 0 ? false : _b;
+    var actions = _a.actions, rowIndex = _a.rowIndex, columnData = _a.columnData, fieldValuesProp = _a.fieldValues, onClick = _a.onClick, _b = _a.forceInlineButtons, forceInlineButtons = _b === void 0 ? false : _b, _c = _a.tableId, tableId = _c === void 0 ? '' : _c, _d = _a.buttonLoaders, buttonLoaders = _d === void 0 ? {} : _d;
     if (actions.length === 0)
         return null;
-    var _c = __read(useState(false), 2), isMenuOpen = _c[0], setIsMenuOpen = _c[1];
-    var _d = __read(useState({ top: 0, left: 0 }), 2), menuPosition = _d[0], setMenuPosition = _d[1];
+    var _e = __read(useState(false), 2), isMenuOpen = _e[0], setIsMenuOpen = _e[1];
+    var _f = __read(useState({ top: 0, left: 0 }), 2), menuPosition = _f[0], setMenuPosition = _f[1];
     var containerRef = useRef(null);
     var menuRef = useRef(null);
     var menuButtonRef = useRef(null);
@@ -373,10 +384,33 @@ function ActionButtons(_a) {
                         e.stopPropagation();
                         handleMenuToggle();
                     }, css: actionIconButtonStyle }, { children: jsx(MenuIcon, {}) })), isMenuOpen &&
-                    createPortal(jsx("div", __assign({ ref: menuRef, css: __assign(__assign({}, actionMenuStyle), { top: "".concat(menuPosition.top, "px"), left: "".concat(menuPosition.left, "px"), transform: 'translateX(-100%)' }) }, { children: actions.map(function (action, index) { return (jsx("button", __assign({ type: 'button', onClick: function () { return handleActionClick(action); }, css: actionMenuItemStyle }, { children: action.label }), index)); }) })), featheryDoc().body)] })) : (actions.map(function (action, index) { return (jsx("button", __assign({ type: 'button', onClick: function (e) {
-                e.stopPropagation();
-                handleActionClick(action);
-            }, css: actionButtonStyle }, { children: action.label }), index)); })) })));
+                    createPortal(jsx("div", __assign({ ref: menuRef, css: __assign(__assign({}, actionMenuStyle), { top: "".concat(menuPosition.top, "px"), left: "".concat(menuPosition.left, "px"), transform: 'translateX(-100%)' }) }, { children: actions.map(function (action, index) {
+                            var _a;
+                            var buttonKey = "".concat(tableId, "_").concat(rowIndex, "_").concat(action.label);
+                            var loader = (_a = buttonLoaders[buttonKey]) === null || _a === void 0 ? void 0 : _a.loader;
+                            var disabled = Object.keys(buttonLoaders).length > 0;
+                            return (jsxs("button", __assign({ type: 'button', onClick: function () { return handleActionClick(action); }, css: actionMenuItemStyle, disabled: disabled }, { children: [jsx("span", __assign({ css: { flex: 1 } }, { children: action.label })), loader && (jsx("div", __assign({ style: {
+                                            height: '16px',
+                                            width: '16px',
+                                            flexShrink: 0
+                                        } }, { children: loader })))] }), index));
+                        }) })), featheryDoc().body)] })) : (actions.map(function (action, index) {
+            var _a;
+            var buttonKey = "".concat(tableId, "_").concat(rowIndex, "_").concat(action.label);
+            var loader = (_a = buttonLoaders[buttonKey]) === null || _a === void 0 ? void 0 : _a.loader;
+            var disabled = Object.keys(buttonLoaders).length > 0;
+            return (jsxs("button", __assign({ type: 'button', onClick: function (e) {
+                    e.stopPropagation();
+                    handleActionClick(action);
+                }, css: actionButtonStyle, disabled: disabled }, { children: [jsx("span", __assign({ style: { visibility: loader ? 'hidden' : 'visible' } }, { children: action.label })), loader && (jsx("div", __assign({ style: {
+                            position: 'absolute',
+                            top: '50%',
+                            left: '50%',
+                            transform: 'translate(-50%, -50%)',
+                            height: '16px',
+                            width: '16px'
+                        } }, { children: loader })))] }), index));
+        })) })));
 }
 
 function EmptyState(_a) {
@@ -852,17 +886,17 @@ function applyTableStyles(responsiveStyles) {
     return responsiveStyles;
 }
 function TableElement(_a) {
-    var element = _a.element, responsiveStyles = _a.responsiveStyles, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.editMode, editMode = _c === void 0 ? false : _c;
+    var element = _a.element, responsiveStyles = _a.responsiveStyles, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.editMode, editMode = _c === void 0 ? false : _c, _d = _a.buttonLoaders, buttonLoaders = _d === void 0 ? {} : _d;
     var styles = useMemo(function () { return applyTableStyles(responsiveStyles); }, [responsiveStyles]);
-    var _d = useTableData({ element: element, editMode: editMode }), 
+    var _e = useTableData({ element: element, editMode: editMode }), 
     // search
-    enableSearch = _d.enableSearch, searchQuery = _d.searchQuery, setSearchQuery = _d.setSearchQuery, 
+    enableSearch = _e.enableSearch, searchQuery = _e.searchQuery, setSearchQuery = _e.setSearchQuery, 
     // sort
-    enableSort = _d.enableSort, sortColumn = _d.sortColumn, sortDirection = _d.sortDirection, sortedColumnIndex = _d.sortedColumnIndex, handleSort = _d.handleSort, handleTransposedSort = _d.handleTransposedSort, 
+    enableSort = _e.enableSort, sortColumn = _e.sortColumn, sortDirection = _e.sortDirection, sortedColumnIndex = _e.sortedColumnIndex, handleSort = _e.handleSort, handleTransposedSort = _e.handleTransposedSort, 
     // pagination
-    enablePagination = _d.enablePagination, currentPage = _d.currentPage, setCurrentPage = _d.setCurrentPage, paginatedRowIndices = _d.paginatedRowIndices, rowsPerPage = _d.rowsPerPage, 
+    enablePagination = _e.enablePagination, currentPage = _e.currentPage, setCurrentPage = _e.setCurrentPage, paginatedRowIndices = _e.paginatedRowIndices, rowsPerPage = _e.rowsPerPage, 
     // data
-    columns = _d.columns, actions = _d.actions, isTransposed = _d.isTransposed, transposedRowIndices = _d.transposedRowIndices, totalRows = _d.totalRows, totalPages = _d.totalPages, hasData = _d.hasData, hasSearchResults = _d.hasSearchResults, activeFieldValues = _d.activeFieldValues, baseColumns = _d.baseColumns, baseFieldValues = _d.baseFieldValues;
+    columns = _e.columns, actions = _e.actions, isTransposed = _e.isTransposed, transposedRowIndices = _e.transposedRowIndices, totalRows = _e.totalRows, totalPages = _e.totalPages, hasData = _e.hasData, hasSearchResults = _e.hasSearchResults, activeFieldValues = _e.activeFieldValues, baseColumns = _e.baseColumns, baseFieldValues = _e.baseFieldValues;
     var showEmptyState = !hasData || (hasData && !hasSearchResults);
     return (jsx("div", __assign({ css: __assign(__assign({}, containerStyle), styles.getTarget('container')) }, { children: jsxs("div", __assign({ css: { minWidth: 'fit-content' } }, { children: [enableSearch && (jsx(Search, { searchQuery: searchQuery, onSearchChange: setSearchQuery })), showEmptyState ? (jsx(EmptyState, { hasSearchQuery: searchQuery.trim().length > 0 })) : (jsxs("table", __assign({ css: __assign(__assign({}, tableStyle), styles.getTarget('table')) }, { children: [!isTransposed && (jsx("thead", __assign({ css: theadStyle }, { children: jsxs("tr", { children: [jsx(SortHeader, { columns: columns, enableSort: enableSort, sortColumn: sortColumn, sortDirection: sortDirection, onSort: handleSort, styles: styles }), actions.length > 0 && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), { paddingLeft: 0 }), styles.getTarget('th')) }))] }) }))), jsxs("tbody", __assign({ css: styles.getTarget('tbody') }, { children: [paginatedRowIndices.map(function (rowIndex) {
                                     var rowData = {};
@@ -932,8 +966,8 @@ function TableElement(_a) {
                                                     }
                                                 };
                                                 return (jsx(CellElement, __assign({ css: cellCss, onClick: handleCellClick }, (isFirstColInTranspose ? { scope: 'row' } : {}), { children: isFirstColInTranspose && isSortable ? (jsxs("div", __assign({ css: __assign(__assign({}, sortHeaderContentStyle), { justifyContent: 'space-between' }) }, { children: [jsx("span", { children: (_a = stringifyWithNull(cellValue)) !== null && _a !== void 0 ? _a : '' }), jsx("span", __assign({ css: sortIconContainerStyle }, { children: jsx(SortIcon, { isSorted: isSorted, sortDirection: sortDirection }) }))] }))) : ((_b = stringifyWithNull(cellValue)) !== null && _b !== void 0 ? _b : '') }), colIndex));
-                                            }), !isTransposed && actions.length > 0 && (jsx("td", __assign({ css: __assign(__assign(__assign({}, cellStyle), { paddingLeft: 0 }), styles.getTarget('td')) }, { children: jsx(ActionButtons, { actions: actions, rowIndex: rowIndex, columnData: baseColumns, fieldValues: baseFieldValues, onClick: onClick }) })))] }), rowIndex));
-                                }), isTransposed && actions.length > 0 && (jsxs("tr", __assign({ css: __assign(__assign({}, rowStyle), styles.getTarget('tr')) }, { children: [jsx("th", { scope: 'row', css: __assign(__assign(__assign({}, thStyle), { backgroundColor: '#f9fafb', borderRight: '1px solid #e5e7eb', width: '1px', whiteSpace: 'nowrap' }), styles.getTarget('th')) }), transposedRowIndices.map(function (originalRowIndex, idx) { return (jsx("td", __assign({ css: __assign(__assign(__assign({}, cellStyle), (idx === 0 ? {} : { paddingLeft: 0 })), styles.getTarget('td')) }, { children: jsx("div", __assign({ css: { display: 'flex', justifyContent: 'flex-start' } }, { children: jsx(ActionButtons, { actions: actions, rowIndex: originalRowIndex, columnData: baseColumns, fieldValues: baseFieldValues, onClick: onClick, forceInlineButtons: true }) })) }), originalRowIndex)); })] })))] }))] }))), !showEmptyState && enablePagination && (jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, totalItems: totalRows, rowsPerPage: rowsPerPage, onPageChange: setCurrentPage }))] })) })));
+                                            }), !isTransposed && actions.length > 0 && (jsx("td", __assign({ css: __assign(__assign(__assign({}, cellStyle), { paddingLeft: 0 }), styles.getTarget('td')) }, { children: jsx(ActionButtons, { actions: actions, rowIndex: rowIndex, columnData: baseColumns, fieldValues: baseFieldValues, onClick: onClick, tableId: element.id, buttonLoaders: buttonLoaders }) })))] }), rowIndex));
+                                }), isTransposed && actions.length > 0 && (jsxs("tr", __assign({ css: __assign(__assign({}, rowStyle), styles.getTarget('tr')) }, { children: [jsx("th", { scope: 'row', css: __assign(__assign(__assign({}, thStyle), { backgroundColor: '#f9fafb', borderRight: '1px solid #e5e7eb', width: '1px', whiteSpace: 'nowrap' }), styles.getTarget('th')) }), transposedRowIndices.map(function (originalRowIndex, idx) { return (jsx("td", __assign({ css: __assign(__assign(__assign({}, cellStyle), (idx === 0 ? {} : { paddingLeft: 0 })), styles.getTarget('td')) }, { children: jsx("div", __assign({ css: { display: 'flex', justifyContent: 'flex-start' } }, { children: jsx(ActionButtons, { actions: actions, rowIndex: originalRowIndex, columnData: baseColumns, fieldValues: baseFieldValues, onClick: onClick, forceInlineButtons: true, tableId: element.id, buttonLoaders: buttonLoaders }) })) }), originalRowIndex)); })] })))] }))] }))), !showEmptyState && enablePagination && (jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, totalItems: totalRows, rowsPerPage: rowsPerPage, onPageChange: setCurrentPage }))] })) })));
 }
 
 export { TableElement as default };