@feathery/react 2.16.3 → 2.17.0

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;;;;;;;;;;;;;;;;;;;;;;;;CAwBd,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;CAQlB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BtB,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.D1rdOnlu.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.CtyR2F-d.js';
 
 // Simple input used for the 'other' option in checkbox and radio groups
 function FormControl(_a) {

package/dist/{fthry_InlineTooltip.TNVRxDDv.js → fthry_InlineTooltip.gBQbIrIu.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.CtyR2F-d.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.D-1VJvqs.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.D-1VJvqs.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.CtyR2F-d.js';
 import { useRef, useState, useCallback, useLayoutEffect, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 

package/dist/{fthry_PaymentMethodField.CjUAcNwu.js → fthry_PaymentMethodField.DZY5T2Y5.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.CtyR2F-d.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.HLq81_n7.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BZt3aLdS.js';
+import './fthry_Overlay.D-1VJvqs.js';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);

package/dist/{fthry_Placeholder.BVxZFxxf.js → fthry_Placeholder.CZlLLm3-.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.CtyR2F-d.js';
 
 function Placeholder(_a) {
     var _b;

package/dist/{fthry_ShowEyeIcon.DRelhyEp.js → fthry_ShowEyeIcon.BaIkeyhw.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.CtyR2F-d.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.C-VGZ4L7.js → fthry_index.329YUECm.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.CtyR2F-d.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
@@ -182,9 +182,14 @@ var buttonStyle = {
     '&:hover': {
         backgroundColor: colors.gray100,
         color: colors.gray900
+    },
+    '&:disabled:hover': {
+        color: colors.gray600,
+        backgroundColor: colors.gray50,
+        cursor: 'auto'
     }
 };
-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',
@@ -213,9 +218,14 @@ var actionMenuItemStyle = {
     border: 'none',
     cursor: 'pointer',
     whiteSpace: 'nowrap',
+    position: 'relative',
     '&:hover': {
         backgroundColor: colors.gray100
     },
+    '&:disabled:hover': {
+        backgroundColor: 'transparent',
+        cursor: 'auto'
+    },
     '&:first-of-type': {
         borderTopLeftRadius: '4px',
         borderTopRightRadius: '4px'
@@ -319,11 +329,12 @@ 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 _b, _c, _d;
+    var actions = _a.actions, rowIndex = _a.rowIndex, columnData = _a.columnData, fieldValuesProp = _a.fieldValues, onClick = _a.onClick, _e = _a.forceInlineButtons, forceInlineButtons = _e === void 0 ? false : _e, _f = _a.tableId, tableId = _f === void 0 ? '' : _f, _g = _a.buttonLoaders, buttonLoaders = _g === void 0 ? {} : _g;
     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 _h = __read(useState(false), 2), isMenuOpen = _h[0], setIsMenuOpen = _h[1];
+    var _j = __read(useState({ top: 0, left: 0 }), 2), menuPosition = _j[0], setMenuPosition = _j[1];
     var containerRef = useRef(null);
     var menuRef = useRef(null);
     var menuButtonRef = useRef(null);
@@ -369,14 +380,44 @@ function ActionButtons(_a) {
         }
         setIsMenuOpen(!isMenuOpen);
     };
-    return (jsx("div", __assign({ ref: containerRef, css: actionContainerStyle }, { children: useOverflow ? (jsxs(Fragment, { children: [jsx("button", __assign({ ref: menuButtonRef, type: 'button', onClick: function (e) {
+    var overflowLoader = (_d = (_c = buttonLoaders["".concat(tableId, "_").concat(rowIndex, "_").concat((_b = actions.find(function (action) {
+        var _a;
+        var buttonKey = "".concat(tableId, "_").concat(rowIndex, "_").concat(action.label);
+        return (_a = buttonLoaders[buttonKey]) === null || _a === void 0 ? void 0 : _a.loader;
+    })) === null || _b === void 0 ? void 0 : _b.label)]) === null || _c === void 0 ? void 0 : _c.loader) !== null && _d !== void 0 ? _d : null;
+    return (jsx("div", __assign({ ref: containerRef, css: actionContainerStyle }, { children: useOverflow ? (jsxs(Fragment, { children: [jsx("button", __assign({ ref: menuButtonRef, type: 'button', disabled: overflowLoader, onClick: function (e) {
                         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)); })) })));
+                    }, css: actionIconButtonStyle }, { children: overflowLoader ? (jsx("div", __assign({ style: {
+                            height: '16px',
+                            width: '16px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center'
+                        } }, { children: overflowLoader }))) : (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) {
+                            var disabled = Object.keys(buttonLoaders).length > 0;
+                            return (jsx("button", __assign({ type: 'button', onClick: function (e) {
+                                    e.stopPropagation();
+                                    handleActionClick(action);
+                                }, css: actionMenuItemStyle, disabled: disabled }, { children: action.label }), 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 +893,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 +973,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 };

package/dist/{fthry_index.CHSHhO7D.js → fthry_index.B5hSXDjp.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.CtyR2F-d.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.D-1VJvqs.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle } from './fthry_index.C5ahyiuy.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.DDujVe_P.js → fthry_index.BIBx3DsP.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.CtyR2F-d.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.CZlLLm3-.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
+import { O as Overlay } from './fthry_Overlay.D-1VJvqs.js';
+import { u as useElementSize } from './fthry_useElementSize.CeCCzoZ9.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.CzsfUU2q.js → fthry_index.BhYmdJQ7.js}

@@ -1,12 +1,12 @@
-import { j as jsx, _ as __assign, u as useBorder, b as __read, A as countryData, c as fieldValues, a as jsxs, h as hoverStylesGuard, v as css, w as __makeTemplateObject, G as Global, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.D2q2yDge.js';
+import { j as jsx, _ as __assign, u as useBorder, b as __read, A as countryData, c as fieldValues, a as jsxs, h as hoverStylesGuard, v as css, w as __makeTemplateObject, G as Global, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CtyR2F-d.js';
 import { useState, useRef, useEffect } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DT11xKOG.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.-EXtZJLF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BZt3aLdS.js';
+import './fthry_Overlay.D-1VJvqs.js';
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/dist/{fthry_index.BHNg8_dx.js → fthry_index.BlOxs2cj.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.CtyR2F-d.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.DjQVOh1x.js → fthry_index.Bs9uZhYv.js}

@@ -1,12 +1,12 @@
-import { u as useBorder, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, o as imgMaxSizeStyles, p as noTextSelectStyles, E as ErrorInput } from './fthry_index.D2q2yDge.js';
+import { u as useBorder, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, o as imgMaxSizeStyles, p as noTextSelectStyles, E as ErrorInput } from './fthry_index.CtyR2F-d.js';
 import { useRef, useMemo } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DT11xKOG.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.-EXtZJLF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BZt3aLdS.js';
+import './fthry_Overlay.D-1VJvqs.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.CHVbNqTf.js → fthry_index.BucXAS63.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.CtyR2F-d.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.CZlLLm3-.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.BaIkeyhw.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BZt3aLdS.js';
+import './fthry_Overlay.D-1VJvqs.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.Bz0fOeeq.js → fthry_index.C2HKdNYq.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.CtyR2F-d.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.CZlLLm3-.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
+import { O as Overlay } from './fthry_Overlay.D-1VJvqs.js';
+import { u as useElementSize } from './fthry_useElementSize.CeCCzoZ9.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.BaIkeyhw.js';
+import { a as IMaskInput } from './fthry_input.Bd9Wd79a.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_index.C7i1khg0.js';
+import './fthry_index.HLq81_n7.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.BvXLJMV2.js → fthry_index.C5ahyiuy.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.CtyR2F-d.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.CMdOBMSn.js → fthry_index.C9U8rpP7.js}

@@ -1,14 +1,14 @@
-import { b as __read, a as jsxs, _ as __assign, j as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.D2q2yDge.js';
+import { b as __read, a as jsxs, _ as __assign, j as jsx, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CtyR2F-d.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.C0ilJwhW.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.BvXLJMV2.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.TNVRxDDv.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DT11xKOG.js';
+import { F as FormControl } from './fthry_FormControl.D1rdOnlu.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.C5ahyiuy.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.-EXtZJLF.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.BZt3aLdS.js';
+import './fthry_Overlay.D-1VJvqs.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.D9vj2iDZ.js → fthry_index.CFIcETd0.js}

@@ -1,9 +1,9 @@
-import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, i as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, k as __awaiter, l as __generator, m as FeatheryClient, n as debounce } from './fthry_index.D2q2yDge.js';
+import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, i as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, k as __awaiter, l as __generator, m as FeatheryClient, n as debounce } from './fthry_index.CtyR2F-d.js';
 import { useRef, useEffect, memo, useState, useCallback } 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.CZlLLm3-.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
+import { O as Overlay } from './fthry_Overlay.D-1VJvqs.js';
+import { u as useElementSize } from './fthry_useElementSize.CeCCzoZ9.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.C-C6W12a.js → fthry_index.CPMVt3FZ.js}

@@ -1,10 +1,10 @@
-import { B as stringify, C as rulesheet, H as COMMENT, I as middleware, R as RULESET, J as combine, K as match, L as serialize, M as copy, N as replace, W as WEBKIT, O as MOZ, P as MS, Q as KEYFRAMES, S as DECLARATION, T as dealloc, U as alloc, V as hash, X as charat, Y as strlen, Z as indexof, $ as next, a0 as token, a1 as from, a2 as peek, a3 as delimit, a4 as slice, a5 as position, a6 as compile, j as jsx$1, _ as __assign, a as jsxs, F as Fragment$1, y as __rest, b as __read, q as FORM_Z_INDEX, t as featheryWindow, f as featheryDoc, e as __spreadArray, d as __values, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.D2q2yDge.js';
+import { B as stringify, C as rulesheet, H as COMMENT, I as middleware, R as RULESET, J as combine, K as match, L as serialize, M as copy, N as replace, W as WEBKIT, O as MOZ, P as MS, Q as KEYFRAMES, S as DECLARATION, T as dealloc, U as alloc, V as hash, X as charat, Y as strlen, Z as indexof, $ as next, a0 as token, a1 as from, a2 as peek, a3 as delimit, a4 as slice, a5 as position, a6 as compile, j as jsx$1, _ as __assign, a as jsxs, F as Fragment$1, y as __rest, b as __read, q as FORM_Z_INDEX, t as featheryWindow, f as featheryDoc, e as __spreadArray, d as __values, u as useBorder, D as DROPDOWN_Z_INDEX } from './fthry_index.CtyR2F-d.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.TNVRxDDv.js';
-import { P as Placeholder$2 } from './fthry_Placeholder.BVxZFxxf.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DT11xKOG.js';
-import { T as Tooltip, O as Overlay } from './fthry_Overlay.BZt3aLdS.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.gBQbIrIu.js';
+import { P as Placeholder$2 } from './fthry_Placeholder.CZlLLm3-.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.-EXtZJLF.js';
+import { T as Tooltip, O as Overlay } from './fthry_Overlay.D-1VJvqs.js';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
 import 'react-dom/client';