@akinon/ai-modal-table 1.0.1 → 1.0.3

package/dist/esm/ai-table/__tests__/index.test.tsx

@@ -569,4 +569,43 @@ describe('AiTable', () => {
       expect(screen.getByTestId('table-content')).toBeInTheDocument();
     });
   });
+
+  describe('Empty Text', () => {
+    it('should render table without emptyText prop', () => {
+      render(<AiTable {...defaultProps} />);
+
+      expect(screen.getByTestId('table-content')).toBeInTheDocument();
+    });
+
+    it('should pass emptyText prop to TableContent when provided', () => {
+      const customEmptyText = 'No data found';
+
+      render(<AiTable {...defaultProps} emptyText={customEmptyText} />);
+
+      expect(screen.getByTestId('table-content')).toBeInTheDocument();
+    });
+
+    it('should handle React nodes as emptyText', () => {
+      const customEmptyNode = (
+        <div data-testid="custom-empty-message">
+          <p>No results available</p>
+        </div>
+      );
+
+      render(<AiTable {...defaultProps} emptyText={customEmptyNode} />);
+
+      expect(screen.getByTestId('table-content')).toBeInTheDocument();
+    });
+
+    it('should work with empty data and custom emptyText', () => {
+      const customEmptyText = 'The table is empty';
+
+      render(
+        <AiTable {...defaultProps} data={[]} emptyText={customEmptyText} />
+      );
+
+      expect(screen.getByTestId('table-content')).toBeInTheDocument();
+      expect(screen.queryByTestId('row-1')).not.toBeInTheDocument();
+    });
+  });
 });

package/dist/esm/ai-table/components/__tests__/content.test.js

@@ -16,6 +16,7 @@ import userEvent from '@testing-library/user-event';
 import { ConfigProvider } from 'antd';
 import React from 'react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { EDIT_FIELD_TYPES } from '../../constants';
 import { TableContent } from '../content';
 vi.mock('@akinon/icons', () => ({
     Icon: (_a) => {
@@ -29,6 +30,12 @@ vi.mock('@akinon/ui-input', () => ({
         return (React.createElement("input", Object.assign({ onChange: onChange, value: value, className: className, "data-testid": "edit-input" }, props)));
     }
 }));
+vi.mock('@akinon/ui-select', () => ({
+    Select: (_a) => {
+        var { value, onChange, rootClassName, options } = _a, props = __rest(_a, ["value", "onChange", "rootClassName", "options"]);
+        return (React.createElement("select", Object.assign({ "data-testid": "edit-select", value: value !== null && value !== void 0 ? value : '', onChange: e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value), className: rootClassName }, props), options === null || options === void 0 ? void 0 : options.map((opt) => (React.createElement("option", { key: opt.value, value: String(opt.value) }, opt.label)))));
+    }
+}));
 vi.mock('@akinon/ui-layout', () => ({
     Flex: (_a) => {
         var { children } = _a, props = __rest(_a, ["children"]);
@@ -335,12 +342,13 @@ describe('TableContent', () => {
         });
         it('should apply collapsed style when not expanded', () => {
             renderComponent({ expandedRows: [] });
+            // Row 2 (pk: 2) has multiple mapper items, so it has the expand button
             const expandIcons = screen.getAllByTestId('icon-chevron_down');
             expect(expandIcons[0].className).toContain('ai-modal-table__icon--collapsed');
         });
         it('should not apply collapsed style when expanded', () => {
-            renderComponent({ expandedRows: [1] });
-            // First icon - for row 1
+            renderComponent({ expandedRows: [2] });
+            // Icon for row 2 (which has multiple mapper items)
             const icons = screen.getAllByTestId('icon-chevron_down');
             expect(icons[0].className).not.toContain('ai-modal-table__icon--collapsed');
         });
@@ -351,9 +359,10 @@ describe('TableContent', () => {
             });
             expect(screen.queryByTestId('icon-chevron_down')).not.toBeInTheDocument();
         });
-        it('should render multiple expand buttons for multiple rows', () => {
+        it('should render expand button for rows with multiple mapper items', () => {
             renderComponent();
-            expect(screen.getAllByTestId('icon-chevron_down').length).toBe(2);
+            // Only row 2 has multiple mapper items (2 items), so only 1 expand button should be rendered
+            expect(screen.getAllByTestId('icon-chevron_down').length).toBe(1);
         });
     });
     describe('Mapper Column', () => {
@@ -550,8 +559,10 @@ describe('TableContent', () => {
         });
         it('should render expand button in first column', () => {
             renderComponent();
-            const firstRow = screen.getAllByRole('row')[1];
-            const firstCell = within(firstRow).getAllByRole('cell')[0];
+            // Row 2 (index 2) has multiple mapper items, so it has the expand button
+            const rows = screen.getAllByRole('row');
+            const rowWithExpandButton = rows[2]; // Row 2 (pk: 2) has multiple mapper items
+            const firstCell = within(rowWithExpandButton).getAllByRole('cell')[0];
             expect(firstCell).toContainElement(screen.getAllByTestId('icon-chevron_down')[0]);
         });
         it('should handle missing optional data gracefully', () => {
@@ -786,18 +797,20 @@ describe('TableContent', () => {
             });
             const expandButtons = screen.getAllByTestId('icon-chevron_down');
             fireEvent.click(expandButtons[0]);
-            expect(onToggleExpand).toHaveBeenCalledWith(1);
+            // Row 2 (pk: 2) has multiple mapper items and is the one with expand button
+            expect(onToggleExpand).toHaveBeenCalledWith(2);
         });
         it('should call onToggleExpand when expand button clicked on expanded row', () => {
             const onToggleExpand = vi.fn();
             renderComponent({
-                expandedRows: [1],
+                expandedRows: [2],
                 onToggleExpand
             });
             const expandButtons = screen.getAllByTestId('icon-chevron_down');
             fireEvent.click(expandButtons[0]);
             // The expand button is a toggle - it should call onToggleExpand to collapse the row
-            expect(onToggleExpand).toHaveBeenCalledWith(1);
+            // Row 2 (pk: 2) has multiple mapper items and is the one with expand button
+            expect(onToggleExpand).toHaveBeenCalledWith(2);
         });
         it('should call onAddItem with correct rowId and dataIndex when add button clicked', () => {
             const onAddItem = vi.fn();
@@ -1343,5 +1356,44 @@ describe('TableContent', () => {
             const inputs = screen.queryAllByTestId('edit-input');
             expect(inputs.length).toBeGreaterThan(0);
         });
+        it('should render Select for editable column when editDataIndexes has SELECT config', async () => {
+            const user = userEvent.setup();
+            const onEdit = vi.fn();
+            renderComponent({
+                data: [
+                    {
+                        pk: 1,
+                        name: 'Item 1',
+                        status: 'active',
+                        mappings: []
+                    }
+                ],
+                columns: [
+                    { title: 'Name', dataIndex: 'name' },
+                    { title: 'Status', dataIndex: 'status' }
+                ],
+                mapperConfig: undefined,
+                onEdit,
+                editDataIndexes: [
+                    'name',
+                    {
+                        key: 'status',
+                        type: EDIT_FIELD_TYPES.SELECT,
+                        attributes: {
+                            options: [
+                                { label: 'Active', value: 'active' },
+                                { label: 'Inactive', value: 'inactive' }
+                            ]
+                        }
+                    }
+                ]
+            });
+            const editButton = screen.getByTestId('edit-button-1');
+            await user.click(editButton);
+            const inputs = screen.queryAllByTestId('edit-input');
+            const selects = screen.queryAllByTestId('edit-select');
+            expect(inputs.length).toBeGreaterThan(0);
+            expect(selects.length).toBeGreaterThan(0);
+        });
     });
 });

package/dist/esm/ai-table/components/__tests__/content.test.tsx

@@ -7,6 +7,7 @@ import { ConfigProvider } from 'antd';
 import React from 'react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
+import { EDIT_FIELD_TYPES } from '../../constants';
 import { TableContent } from '../content';
 
 vi.mock('@akinon/icons', () => ({
@@ -35,6 +36,24 @@ vi.mock('@akinon/ui-input', () => ({
   )
 }));
 
+vi.mock('@akinon/ui-select', () => ({
+  Select: ({ value, onChange, rootClassName, options, ...props }: any) => (
+    <select
+      data-testid="edit-select"
+      value={value ?? ''}
+      onChange={e => onChange?.(e.target.value)}
+      className={rootClassName}
+      {...props}
+    >
+      {options?.map((opt: { label: string; value: string | number }) => (
+        <option key={opt.value} value={String(opt.value)}>
+          {opt.label}
+        </option>
+      ))}
+    </select>
+  )
+}));
+
 vi.mock('@akinon/ui-layout', () => ({
   Flex: ({ children, ...props }: any) => (
     <div data-testid="flex" {...props}>
@@ -434,6 +453,7 @@ describe('TableContent', () => {
 
     it('should apply collapsed style when not expanded', () => {
       renderComponent({ expandedRows: [] });
+      // Row 2 (pk: 2) has multiple mapper items, so it has the expand button
       const expandIcons = screen.getAllByTestId('icon-chevron_down');
       expect(expandIcons[0].className).toContain(
         'ai-modal-table__icon--collapsed'
@@ -441,8 +461,8 @@ describe('TableContent', () => {
     });
 
     it('should not apply collapsed style when expanded', () => {
-      renderComponent({ expandedRows: [1] });
-      // First icon - for row 1
+      renderComponent({ expandedRows: [2] });
+      // Icon for row 2 (which has multiple mapper items)
       const icons = screen.getAllByTestId('icon-chevron_down');
       expect(icons[0].className).not.toContain(
         'ai-modal-table__icon--collapsed'
@@ -457,9 +477,10 @@ describe('TableContent', () => {
       expect(screen.queryByTestId('icon-chevron_down')).not.toBeInTheDocument();
     });
 
-    it('should render multiple expand buttons for multiple rows', () => {
+    it('should render expand button for rows with multiple mapper items', () => {
       renderComponent();
-      expect(screen.getAllByTestId('icon-chevron_down').length).toBe(2);
+      // Only row 2 has multiple mapper items (2 items), so only 1 expand button should be rendered
+      expect(screen.getAllByTestId('icon-chevron_down').length).toBe(1);
     });
   });
 
@@ -691,8 +712,10 @@ describe('TableContent', () => {
 
     it('should render expand button in first column', () => {
       renderComponent();
-      const firstRow = screen.getAllByRole('row')[1];
-      const firstCell = within(firstRow).getAllByRole('cell')[0];
+      // Row 2 (index 2) has multiple mapper items, so it has the expand button
+      const rows = screen.getAllByRole('row');
+      const rowWithExpandButton = rows[2]; // Row 2 (pk: 2) has multiple mapper items
+      const firstCell = within(rowWithExpandButton).getAllByRole('cell')[0];
       expect(firstCell).toContainElement(
         screen.getAllByTestId('icon-chevron_down')[0]
       );
@@ -986,13 +1009,14 @@ describe('TableContent', () => {
       const expandButtons = screen.getAllByTestId('icon-chevron_down');
       fireEvent.click(expandButtons[0]);
 
-      expect(onToggleExpand).toHaveBeenCalledWith(1);
+      // Row 2 (pk: 2) has multiple mapper items and is the one with expand button
+      expect(onToggleExpand).toHaveBeenCalledWith(2);
     });
 
     it('should call onToggleExpand when expand button clicked on expanded row', () => {
       const onToggleExpand = vi.fn();
       renderComponent({
-        expandedRows: [1],
+        expandedRows: [2],
         onToggleExpand
       });
 
@@ -1000,7 +1024,8 @@ describe('TableContent', () => {
       fireEvent.click(expandButtons[0]);
 
       // The expand button is a toggle - it should call onToggleExpand to collapse the row
-      expect(onToggleExpand).toHaveBeenCalledWith(1);
+      // Row 2 (pk: 2) has multiple mapper items and is the one with expand button
+      expect(onToggleExpand).toHaveBeenCalledWith(2);
     });
 
     it('should call onAddItem with correct rowId and dataIndex when add button clicked', () => {
@@ -1633,5 +1658,48 @@ describe('TableContent', () => {
       const inputs = screen.queryAllByTestId('edit-input');
       expect(inputs.length).toBeGreaterThan(0);
     });
+
+    it('should render Select for editable column when editDataIndexes has SELECT config', async () => {
+      const user = userEvent.setup();
+      const onEdit = vi.fn();
+
+      renderComponent({
+        data: [
+          {
+            pk: 1,
+            name: 'Item 1',
+            status: 'active',
+            mappings: []
+          }
+        ],
+        columns: [
+          { title: 'Name', dataIndex: 'name' },
+          { title: 'Status', dataIndex: 'status' }
+        ],
+        mapperConfig: undefined,
+        onEdit,
+        editDataIndexes: [
+          'name',
+          {
+            key: 'status',
+            type: EDIT_FIELD_TYPES.SELECT,
+            attributes: {
+              options: [
+                { label: 'Active', value: 'active' },
+                { label: 'Inactive', value: 'inactive' }
+              ]
+            }
+          }
+        ]
+      });
+
+      const editButton = screen.getByTestId('edit-button-1');
+      await user.click(editButton);
+
+      const inputs = screen.queryAllByTestId('edit-input');
+      const selects = screen.queryAllByTestId('edit-select');
+      expect(inputs.length).toBeGreaterThan(0);
+      expect(selects.length).toBeGreaterThan(0);
+    });
   });
 });

package/dist/esm/ai-table/components/content.d.ts

@@ -5,7 +5,8 @@ interface TableContentProps extends Omit<TableBaseProps, 'onChangeSelectedRows'
     expandedRows: Array<number | string>;
     onToggleExpand: (rowId: number | string) => void;
     rowKey: string;
+    emptyText?: React.ReactNode;
 }
-export declare const TableContent: ({ columns, customActionButtons, data, editDataIndexes, expandedRows, onEdit, onToggleExpand, onToggleSelection, rowKey, selectedRows, mapperConfig }: TableContentProps) => React.JSX.Element;
+export declare const TableContent: ({ columns, customActionButtons, data, editDataIndexes, expandedRows, onEdit, onToggleExpand, onToggleSelection, rowKey, selectedRows, mapperConfig, emptyText }: TableContentProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=content.d.ts.map

package/dist/esm/ai-table/components/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/ai-table/components/content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAA8B,cAAc,EAAE,MAAM,aAAa,CAAC;AAQ9E,UAAU,iBACR,SAAQ,IAAI,CAAC,cAAc,EAAE,sBAAsB,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC3E,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,GAAI,sJAY1B,iBAAiB,sBAihBnB,CAAC"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/ai-table/components/content.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAA8B,cAAc,EAAE,MAAM,aAAa,CAAC;AAY9E,UAAU,iBACR,SAAQ,IAAI,CAAC,cAAc,EAAE,sBAAsB,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC3E,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,GAAI,iKAa1B,iBAAiB,sBAuhBnB,CAAC"}

package/dist/esm/ai-table/components/content.js

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Icon } from '@akinon/icons';
-import { Input } from '@akinon/ui-input';
 import { Flex } from '@akinon/ui-layout';
 import { useToken } from '@akinon/ui-theme';
 import { useStyleRegister } from '@ant-design/cssinjs';
@@ -10,10 +9,11 @@ import { get } from 'lodash-es';
 import * as React from 'react';
 import { IS_EDITING_INITIAL_VALUE } from '../constants';
 import { i18n } from '../i18n';
+import { getEditFieldConfig, renderEditField } from '../utils/render-edit-fields';
 import { TableMapper } from './mapper';
 import { ActionButtons } from './row-actions';
 const { t } = i18n;
-export const TableContent = ({ columns, customActionButtons, data, editDataIndexes, expandedRows, onEdit, onToggleExpand, onToggleSelection, rowKey, selectedRows, mapperConfig }) => {
+export const TableContent = ({ columns, customActionButtons, data, editDataIndexes, expandedRows, onEdit, onToggleExpand, onToggleSelection, rowKey, selectedRows, mapperConfig, emptyText }) => {
     const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
     const { token, hashId } = useToken();
     const baseCls = getPrefixCls('ai-modal-table');
@@ -110,7 +110,8 @@ export const TableContent = ({ columns, customActionButtons, data, editDataIndex
     };
     const renderMapper = ({ rowId, value, dataIndex }) => {
         const isExpanded = isRowExpanded(rowId);
-        const displayedValues = isExpanded ? value : value.slice(0, 1);
+        const hasMultipleItems = value.length > 1;
+        const displayedValues = hasMultipleItems && !isExpanded ? value.slice(0, 1) : value;
         const handleExpand = () => {
             if (!isExpanded) {
                 onToggleExpand(rowId);
@@ -146,16 +147,20 @@ export const TableContent = ({ columns, customActionButtons, data, editDataIndex
     const renderCellValue = ({ column, row, rowId }) => {
         const dataIndex = get(column, 'dataIndex', '');
         const value = get(row, dataIndex, '');
-        if (hasEdit &&
-            checkIsEditing(rowId) &&
-            editDataIndexes.includes(dataIndex)) {
-            const handleOnChangeValue = (e) => {
-                const currentValue = e.target.value;
-                onEdit(rowId, {
-                    [dataIndex]: currentValue
+        if (hasEdit && checkIsEditing(rowId)) {
+            const config = getEditFieldConfig(editDataIndexes, dataIndex);
+            if (config) {
+                const handleOnChangeValue = (changedValue) => {
+                    onEdit(rowId, {
+                        [dataIndex]: changedValue
+                    });
+                };
+                return renderEditField({
+                    config,
+                    value,
+                    onChange: handleOnChangeValue
                 });
-            };
-            return (React.createElement(Input, { className: "w-44 h-9", onChange: handleOnChangeValue, value: value }));
+            }
         }
         if (hasMapper && isMapperColumn(dataIndex)) {
             return renderMapper({
@@ -182,10 +187,15 @@ export const TableContent = ({ columns, customActionButtons, data, editDataIndex
             }), onClick: handleClick }));
     };
     const renderTableCells = (row, rowId) => {
+        const mapperValue = hasMapper && mapperDataIndex ? row[mapperDataIndex] : null;
+        const hasMultipleMapperItems = Array.isArray(mapperValue) && mapperValue.length > 1;
         return columns.map((column, colIndex) => {
             const isFirstColumn = colIndex === 0;
             return (React.createElement("td", { className: "text-blue-50 font-normal text-base whitespace-nowrap py-0 px-5", key: `cell-${rowId}-${column.dataIndex || colIndex}` },
-                isFirstColumn && hasMapper && renderExpandButton(rowId),
+                isFirstColumn &&
+                    hasMapper &&
+                    hasMultipleMapperItems &&
+                    renderExpandButton(rowId),
                 renderCellValue({
                     column,
                     row,
@@ -213,7 +223,7 @@ export const TableContent = ({ columns, customActionButtons, data, editDataIndex
     };
     const renderEmptyRow = () => {
         return (React.createElement("tr", null,
-            React.createElement("td", { className: "font-normal text-center text-gray-500 text-sm py-10 px-4", colSpan: columns.length + 1 }, t('filter.no.match'))));
+            React.createElement("td", { className: "font-normal text-center text-gray-500 text-sm py-10 px-4", colSpan: columns.length + 1 }, emptyText !== null && emptyText !== void 0 ? emptyText : t('filter.no.match'))));
     };
     const renderGradientOverlay = () => {
         return (React.createElement(React.Fragment, null,
@@ -298,7 +308,7 @@ export const TableContent = ({ columns, customActionButtons, data, editDataIndex
     return useStyle(React.createElement("div", { className: "bg-ebonyClay-450 rounded-lg overflow-hidden" },
         React.createElement("div", { className: `${baseCls}__table-wrapper ${hashId} overflow-x-auto overflow-y-auto` },
             React.createElement("div", { className: "relative" },
-                renderGradientOverlay(),
+                data.length > 0 && renderGradientOverlay(),
                 React.createElement("table", { ref: tableRef, className: `${baseCls}__table-element ${hashId} w-full bg-ebonyClay-450` },
                     React.createElement("thead", null, renderTableHeaders()),
                     React.createElement("tbody", null, renderTableRows()))))));

package/dist/esm/ai-table/components/footer.js

@@ -12,7 +12,7 @@ export const TableFooter = ({ isSubmitting, selectedCount, submitAllLabel, submi
             onSubmitSelected();
         }
     };
-    return (React.createElement(Flex, { justify: "end", gap: 10 },
+    return (React.createElement(Flex, { justify: "end", gap: 10, className: "mt-4" },
         React.createElement(Button, { className: "uppercase font-semibold", disabled: isSubmitting, loading: isSubmitting, onClick: handleSubmitAll }, submitAllLabel),
         React.createElement(Button, { className: "uppercase font-semibold", disabled: selectedCount === 0 || isSubmitting, loading: isSubmitting, onClick: handleSubmitSelected, type: "primary" },
             submitSelectedLabel,

package/dist/esm/ai-table/components/mapper.js

@@ -3,7 +3,7 @@ import { Flex } from '@akinon/ui-layout';
 import * as React from 'react';
 import { renderMapperRow } from '../utils/render-mapper-fields';
 export const TableMapper = ({ values, handleAddItem, handleRemoveItem, handleItemChange }) => {
-    return (React.createElement(Flex, { gap: 5, vertical: true, rootClassName: "py-1" }, values.map((row, index) => {
+    return (React.createElement(Flex, { gap: 5, vertical: true, rootClassName: "py-3" }, values.map((row, index) => {
         return (React.createElement(Flex, { gap: 12, align: "center", key: index },
             renderMapperRow({
                 row,

package/dist/esm/ai-table/constants/index.d.ts

@@ -14,4 +14,8 @@ export declare const MAPPER_ITEM_TYPES: {
     readonly SELECT: "select";
     readonly TEXT: "text";
 };
+export declare const EDIT_FIELD_TYPES: {
+    readonly INPUT: "input";
+    readonly SELECT: "select";
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ai-table/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ai-table/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,eAAO,MAAM,iBAAiB;;;GAG3B,CAAC;AAEJ,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,wBAAwB,MAAO,CAAC;AAE7C,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ai-table/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,eAAO,MAAM,iBAAiB;;;GAG3B,CAAC;AAEJ,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,wBAAwB,MAAO,CAAC;AAE7C,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC"}

package/dist/esm/ai-table/constants/index.js

@@ -14,3 +14,7 @@ export const MAPPER_ITEM_TYPES = {
     SELECT: 'select',
     TEXT: 'text'
 };
+export const EDIT_FIELD_TYPES = {
+    INPUT: 'input',
+    SELECT: 'select'
+};

package/dist/esm/ai-table/index.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import type { AiTableProps } from '../types';
-export declare const AiTable: ({ columns, customActionButtons, data, editDataIndexes, filters, isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName }: AiTableProps) => React.JSX.Element;
+export declare const AiTable: ({ columns, customActionButtons, data, editDataIndexes, filters, isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName, emptyText }: AiTableProps) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ai-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ai-table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAe7C,eAAO,MAAM,OAAO,GAAI,yPAkBrB,YAAY,sBA4Hd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ai-table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAe7C,eAAO,MAAM,OAAO,GAAI,oQAmBrB,YAAY,sBA6Hd,CAAC"}

package/dist/esm/ai-table/index.js

@@ -10,7 +10,7 @@ import { DEFAULT_CURRENT_PAGE, DEFAULT_PAGE_SIZE, DEFAULT_ROW_KEY } from './cons
 import { i18n } from './i18n';
 import { filterDataByFilters, paginateData } from './utils/data-format';
 const { t } = i18n;
-export const AiTable = ({ columns = [], customActionButtons, data = [], editDataIndexes, filters = [], isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey = DEFAULT_ROW_KEY, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName }) => {
+export const AiTable = ({ columns = [], customActionButtons, data = [], editDataIndexes, filters = [], isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey = DEFAULT_ROW_KEY, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName, emptyText }) => {
     const [currentPage, setCurrentPage] = React.useState(DEFAULT_CURRENT_PAGE);
     const [pageSize, setPageSize] = React.useState(DEFAULT_PAGE_SIZE);
     const [filterValues, setFilterValues] = React.useState({});
@@ -54,7 +54,7 @@ export const AiTable = ({ columns = [], customActionButtons, data = [], editData
         return (React.createElement("div", { className: "w-full h-80" },
             React.createElement(AiSpinner, null)));
     }
-    return (React.createElement(Flex, { gap: 10, vertical: true, className: tableClassName },
+    return (React.createElement(Flex, { gap: 18, vertical: true, className: tableClassName },
         React.createElement(Flex, { justify: "space-between", align: "center" },
             React.createElement(Flex, { align: "center", gap: 22 },
                 React.createElement(TableFilters, { filters: filters, filterValues: filterValues, onFilterChange: handleFilterChange }),
@@ -62,6 +62,6 @@ export const AiTable = ({ columns = [], customActionButtons, data = [], editData
                     React.createElement(Button, { size: "small", onClick: handleExpandAll }, t('expand.all')),
                     React.createElement(Button, { size: "small", onClick: handleCollapseAll }, t('collapse.all'))))),
             React.createElement(TablePagination, { currentPage: currentPage, onPageChange: handlePageChange, onPageSizeChange: handlePageSizeChange, pageSize: pageSize, total: filteredData.length })),
-        React.createElement(TableContent, { columns: columns, customActionButtons: customActionButtons, data: paginatedData, editDataIndexes: editDataIndexes, expandedRows: expandedRows, onEdit: onEdit, onToggleExpand: handleToggleExpand, onToggleSelection: handleToggleSelection, rowKey: rowKey, selectedRows: selectedRows, mapperConfig: mapperConfig }),
+        React.createElement(TableContent, { columns: columns, customActionButtons: customActionButtons, data: paginatedData, editDataIndexes: editDataIndexes, emptyText: emptyText, expandedRows: expandedRows, onEdit: onEdit, onToggleExpand: handleToggleExpand, onToggleSelection: handleToggleSelection, rowKey: rowKey, selectedRows: selectedRows, mapperConfig: mapperConfig }),
         React.createElement(TableFooter, { isSubmitting: isSubmitting, selectedCount: selectedRows.length, submitAllLabel: submitAllLabel, submitSelectedLabel: submitSelectedLabel, onSubmitAll: onSubmitAllData, onSubmitSelected: onSubmitSelectedData })));
 };

package/dist/esm/ai-table/utils/render-edit-fields/__tests__/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/dist/esm/ai-table/utils/render-edit-fields/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../../src/ai-table/utils/render-edit-fields/__tests__/index.test.tsx"],"names":[],"mappings":""}