@feathery/react 2.43.0 → 2.45.0

package/dist/{fthry_index.DZviU_0h.js → fthry_index.lm4XUzM9.js}

@@ -1,4 +1,4 @@
-import { k as __rest, a as jsx, _ as __assign, j as jsxs, q as Fragment, c as __read, t as featheryDoc, f as fieldValues, z as stringifyWithNull, U as __values, L as __spreadArray } from './fthry_index.BoXwpo3p.js';
+import { k as __rest, a as jsx, _ as __assign, j as jsxs, q as Fragment, c as __read, t as featheryDoc, f as fieldValues, z as stringifyWithNull, U as __values, L as __spreadArray } from './fthry_index.wB8tEXQD.js';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';
@@ -1360,7 +1360,7 @@ 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.updateFieldValues, updateFieldValues = _c === void 0 ? function () { } : _c, _d = _a.submitCustom, submitCustom = _d === void 0 ? function () { } : _d, _e = _a.editMode, editMode = _e === void 0 ? false : _e, _f = _a.buttonLoaders, buttonLoaders = _f === void 0 ? {} : _f;
+    var element = _a.element, responsiveStyles = _a.responsiveStyles, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.updateFieldValues, updateFieldValues = _c === void 0 ? function () { } : _c, _d = _a.submitCustom, submitCustom = _d === void 0 ? function () { } : _d, _e = _a.editMode, editMode = _e === void 0 ? false : _e, _f = _a.buttonLoaders, buttonLoaders = _f === void 0 ? {} : _f, assistantClient = _a.assistantClient;
     var styles = useMemo(function () { return applyTableStyles(responsiveStyles); }, [responsiveStyles]);
     var _g = __read(useState(0), 2), dataVersion = _g[0], setDataVersion = _g[1];
     var onMutate = useCallback(function () { return setDataVersion(function (v) { return v + 1; }); }, []);
@@ -1387,6 +1387,7 @@ function TableElement(_a) {
         searchQuery: searchQuery,
         onMutate: onMutate
     }), handleAddRow = _j.handleAddRow, handleDeleteRow = _j.handleDeleteRow, handleCellEdit = _j.handleCellEdit, handleCellClear = _j.handleCellClear;
+    var tableId = element === null || element === void 0 ? void 0 : element.id;
     var canEdit = enableEditing && !isTransposed;
     var showAddRow = canEdit && enableAddDeleteRows;
     var canDeleteRows = canEdit && enableAddDeleteRows;
@@ -1414,18 +1415,40 @@ function TableElement(_a) {
     var handleCancelDelete = useCallback(function () { return setDeleteRowIndex(null); }, []);
     var deleteIconRefs = useRef(new Map());
     var actionCellRefs = useRef(new Map());
+    var wrappedHandleAddRow = useCallback(function () {
+        setDeleteRowIndex(null);
+        handleAddRow();
+        setPendingAddRows(function (prev) {
+            var next = new Set();
+            next.add(0);
+            prev.forEach(function (idx) { return next.add(idx + 1); });
+            return next;
+        });
+    }, [handleAddRow]);
+    var wrappedHandleDeleteRow = useCallback(function (rowIndex) {
+        handleDeleteRow(rowIndex);
+        setDeleteRowIndex(null);
+    }, [handleDeleteRow]);
+    // Lets the assistant invoke this table's mutations through the same handlers the user UI calls
+    useEffect(function () {
+        if (!assistantClient || !tableId)
+            return;
+        assistantClient.registerTable(tableId, {
+            handleCellEdit: wrappedHandleCellEdit,
+            handleAddRow: wrappedHandleAddRow,
+            handleDeleteRow: wrappedHandleDeleteRow
+        });
+        return function () { return assistantClient.unregisterTable(tableId); };
+    }, [
+        assistantClient,
+        tableId,
+        wrappedHandleCellEdit,
+        wrappedHandleAddRow,
+        wrappedHandleDeleteRow
+    ]);
     var showEmptyState = !hasData || !hasSearchResults;
     var showToolbar = enableSearch || showAddRow;
-    return (jsxs("div", __assign({ css: __assign(__assign({}, containerStyle), styles.getTarget('container')) }, { children: [showToolbar && (jsxs("div", __assign({ css: toolbarStyle }, { children: [enableSearch ? (jsx(Search, { searchQuery: searchQuery, onSearchChange: setSearchQuery })) : (jsx("div", {})), showAddRow && (jsx("button", __assign({ type: 'button', css: addRowButtonStyle, onClick: function () {
-                            setDeleteRowIndex(null);
-                            handleAddRow();
-                            setPendingAddRows(function (prev) {
-                                var next = new Set();
-                                next.add(0);
-                                prev.forEach(function (idx) { return next.add(idx + 1); });
-                                return next;
-                            });
-                        } }, { children: "+ Add Row" })))] }))), showEmptyState ? (jsx(EmptyState, { hasSearchQuery: searchQuery.trim().length > 0 })) : (jsx("div", __assign({ css: { overflowX: 'auto' } }, { children: 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')) })), showStandaloneDeleteColumn && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), deleteColumnStyle), styles.getTarget('th')) }))] }) }))), jsxs("tbody", __assign({ css: styles.getTarget('tbody') }, { children: [paginatedRowIndices.map(function (rowIndex) {
+    return (jsxs("div", __assign({ css: __assign(__assign({}, containerStyle), styles.getTarget('container')) }, { children: [showToolbar && (jsxs("div", __assign({ css: toolbarStyle }, { children: [enableSearch ? (jsx(Search, { searchQuery: searchQuery, onSearchChange: setSearchQuery })) : (jsx("div", {})), showAddRow && (jsx("button", __assign({ type: 'button', css: addRowButtonStyle, onClick: wrappedHandleAddRow }, { children: "+ Add Row" })))] }))), showEmptyState ? (jsx(EmptyState, { hasSearchQuery: searchQuery.trim().length > 0 })) : (jsx("div", __assign({ css: { overflowX: 'auto' } }, { children: 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')) })), showStandaloneDeleteColumn && (jsx("th", { scope: 'col', css: __assign(__assign(__assign({}, thStyle), deleteColumnStyle), styles.getTarget('th')) }))] }) }))), jsxs("tbody", __assign({ css: styles.getTarget('tbody') }, { children: [paginatedRowIndices.map(function (rowIndex) {
                                     var _a, _b;
                                     var rowData = {};
                                     if (!isTransposed) {
@@ -1499,10 +1522,7 @@ function TableElement(_a) {
                                                         actionCellRefs.current.delete(rowIndex);
                                                 }, 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, canDeleteRows: canDeleteRows && hasOverflowMenu, onDeleteRow: function (ri) { return setDeleteRowIndex(ri); } }), hasOverflowMenu &&
                                                         canDeleteRows &&
-                                                        deleteRowIndex === rowIndex && (jsx(DeleteConfirm, { anchorEl: (_a = actionCellRefs.current.get(rowIndex)) !== null && _a !== void 0 ? _a : null, onConfirm: function () {
-                                                            handleDeleteRow(rowIndex);
-                                                            setDeleteRowIndex(null);
-                                                        }, onCancel: handleCancelDelete }))] }))), showStandaloneDeleteColumn && (jsxs("td", __assign({ css: __assign(__assign({}, deleteColumnStyle), styles.getTarget('td')) }, { children: [jsx("button", __assign({ type: 'button', ref: function (el) {
+                                                        deleteRowIndex === rowIndex && (jsx(DeleteConfirm, { anchorEl: (_a = actionCellRefs.current.get(rowIndex)) !== null && _a !== void 0 ? _a : null, onConfirm: function () { return wrappedHandleDeleteRow(rowIndex); }, onCancel: handleCancelDelete }))] }))), showStandaloneDeleteColumn && (jsxs("td", __assign({ css: __assign(__assign({}, deleteColumnStyle), styles.getTarget('td')) }, { children: [jsx("button", __assign({ type: 'button', ref: function (el) {
                                                             if (el)
                                                                 deleteIconRefs.current.set(rowIndex, el);
                                                             else
@@ -1512,10 +1532,7 @@ function TableElement(_a) {
                                                         })), onClick: function (e) {
                                                             e.stopPropagation();
                                                             setDeleteRowIndex(deleteRowIndex === rowIndex ? null : rowIndex);
-                                                        } }, { children: jsx(TrashIcon, {}) })), deleteRowIndex === rowIndex && (jsx(DeleteConfirm, { anchorEl: (_b = deleteIconRefs.current.get(rowIndex)) !== null && _b !== void 0 ? _b : null, onConfirm: function () {
-                                                            handleDeleteRow(rowIndex);
-                                                            setDeleteRowIndex(null);
-                                                        }, onCancel: handleCancelDelete }))] })))] }), rowIndex));
+                                                        } }, { children: jsx(TrashIcon, {}) })), deleteRowIndex === rowIndex && (jsx(DeleteConfirm, { anchorEl: (_b = deleteIconRefs.current.get(rowIndex)) !== null && _b !== void 0 ? _b : null, onConfirm: function () { return wrappedHandleDeleteRow(rowIndex); }, onCancel: handleCancelDelete }))] })))] }), 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 }))] })));
 }
 

package/dist/{fthry_index.x_DcI6GR.js → fthry_index.o9ctQnbs.js}

@@ -1,12 +1,12 @@
-import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, r as resetStyles } from './fthry_index.BoXwpo3p.js';
+import { c as __read, u as useBorder, j as jsxs, _ as __assign, h as hoverStylesGuard, a as jsx, r as resetStyles } from './fthry_index.wB8tEXQD.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.DXrZi2ze.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DAaWNMEQ.js';
+import { P as Placeholder } from './fthry_Placeholder.C5ezRBA4.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.DpFz4-7q.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.C500WG6U.js';
+import './fthry_Overlay.D9YOHNgQ.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.D5dmTp6g.js → fthry_index.pBEjY7tP.js}

@@ -1,4 +1,4 @@
-import { a as jsx, _ as __assign } from './fthry_index.BoXwpo3p.js';
+import { a as jsx, _ as __assign } from './fthry_index.wB8tEXQD.js';
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/dist/{fthry_index.umd.BhHG1ThX.js → fthry_index.umd.C338HmM7.js}

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