@akinon/ai-modal-table 1.0.0 → 1.0.2

package/dist/cjs/ai-modal-table/__tests__/index.test.js

@@ -17,8 +17,32 @@ const react_2 = require("react");
 const vitest_1 = require("vitest");
 vitest_1.vi.mock('@akinon/ui-theme', async (importOriginal) => {
     const actual = (await importOriginal());
-    return Object.assign(Object.assign({}, actual), { useToken: () => ({ token: {}, hashId: 'hash123' }) });
+    return Object.assign(Object.assign({}, actual), { useToken: () => ({
+            token: {
+                fontWeight: 400,
+                fontWeightStrong: 600,
+                fontSizeSM: 12,
+                colorTextBase: '#000000',
+                colorBgBase: '#ffffff',
+                fontSize: 14,
+                borderRadius: 4,
+                colorPrimary: '#1890ff'
+            },
+            hashId: 'hash123'
+        }) });
 });
+vitest_1.vi.mock('@akinon/ui-select', () => ({
+    Select: (_a) => {
+        var { children } = _a, props = __rest(_a, ["children"]);
+        return (react_2.default.createElement("select", Object.assign({ "data-testid": "select" }, props), children));
+    }
+}));
+vitest_1.vi.mock('@akinon/ui-button', () => ({
+    Button: (_a) => {
+        var { children } = _a, props = __rest(_a, ["children"]);
+        return (react_2.default.createElement("button", Object.assign({}, props), children));
+    }
+}));
 vitest_1.vi.mock('@akinon/ui-layout', () => ({
     Flex: ({ children }) => react_2.default.createElement("div", { "data-testid": "flex" }, children)
 }));
@@ -35,7 +59,8 @@ vitest_1.vi.mock('../ai-table', () => ({
         react_2.default.createElement("pre", { "data-testid": "ai-table-props" }, JSON.stringify({
             columns: props.columns,
             data: props.data,
-            isLoading: props.isLoading
+            isLoading: props.isLoading,
+            emptyText: props.emptyText
         })))),
     DEFAULT_ROW_KEY: 'id'
 }));
@@ -56,4 +81,13 @@ const index_1 = require("../index");
         react_1.fireEvent.click(react_1.screen.getByTestId('close-button'));
         (0, vitest_1.expect)(onCancel).toHaveBeenCalledTimes(1);
     });
+    (0, vitest_1.it)('passes emptyText prop to AiTable when provided', () => {
+        const columns = [{ title: 'Name', dataIndex: 'name' }];
+        const data = [{ id: 1, name: 'Alice' }];
+        const { rerender } = (0, react_1.render)(react_2.default.createElement(index_1.AiModalTable, { description: "My description", columns: columns, data: data, isLoading: true, submitAllLabel: "Submit All", submitSelectedLabel: "Submit Selected", filters: [], selectedRows: [], onChangeSelectedRows: () => { }, isSubmitting: false, onSubmitAllData: () => { }, onSubmitSelectedData: () => { } }));
+        (0, vitest_1.expect)(react_1.screen.getByText('My description')).toBeInTheDocument();
+        // Re-render with emptyText prop
+        rerender(react_2.default.createElement(index_1.AiModalTable, { description: "My description", columns: columns, data: data, isLoading: true, submitAllLabel: "Submit All", submitSelectedLabel: "Submit Selected", filters: [], selectedRows: [], onChangeSelectedRows: () => { }, isSubmitting: false, onSubmitAllData: () => { }, onSubmitSelectedData: () => { }, emptyText: "No data available" }));
+        (0, vitest_1.expect)(react_1.screen.getByText('My description')).toBeInTheDocument();
+    });
 });

package/dist/cjs/ai-modal-table/__tests__/index.test.tsx

@@ -8,10 +8,36 @@ vi.mock('@akinon/ui-theme', async importOriginal => {
 
   return {
     ...actual,
-    useToken: () => ({ token: {}, hashId: 'hash123' })
+    useToken: () => ({
+      token: {
+        fontWeight: 400,
+        fontWeightStrong: 600,
+        fontSizeSM: 12,
+        colorTextBase: '#000000',
+        colorBgBase: '#ffffff',
+        fontSize: 14,
+        borderRadius: 4,
+        colorPrimary: '#1890ff'
+      },
+      hashId: 'hash123'
+    })
   };
 });
 
+vi.mock('@akinon/ui-select', () => ({
+  Select: ({ children, ...props }: any) => (
+    <select data-testid="select" {...props}>
+      {children}
+    </select>
+  )
+}));
+
+vi.mock('@akinon/ui-button', () => ({
+  Button: ({ children, ...props }: any) => (
+    <button {...props}>{children}</button>
+  )
+}));
+
 vi.mock('@akinon/ui-layout', () => ({
   Flex: ({ children }: any) => <div data-testid="flex">{children}</div>
 }));
@@ -32,7 +58,8 @@ vi.mock('../ai-table', () => ({
         {JSON.stringify({
           columns: props.columns,
           data: props.data,
-          isLoading: props.isLoading
+          isLoading: props.isLoading,
+          emptyText: props.emptyText
         })}
       </pre>
     </div>
@@ -95,4 +122,49 @@ describe('AiModalTable', () => {
     fireEvent.click(screen.getByTestId('close-button'));
     expect(onCancel).toHaveBeenCalledTimes(1);
   });
+
+  it('passes emptyText prop to AiTable when provided', () => {
+    const columns = [{ title: 'Name', dataIndex: 'name' }];
+    const data = [{ id: 1, name: 'Alice' }];
+
+    const { rerender } = render(
+      <AiModalTable
+        description="My description"
+        columns={columns}
+        data={data}
+        isLoading={true}
+        submitAllLabel="Submit All"
+        submitSelectedLabel="Submit Selected"
+        filters={[]}
+        selectedRows={[]}
+        onChangeSelectedRows={() => {}}
+        isSubmitting={false}
+        onSubmitAllData={() => {}}
+        onSubmitSelectedData={() => {}}
+      />
+    );
+
+    expect(screen.getByText('My description')).toBeInTheDocument();
+
+    // Re-render with emptyText prop
+    rerender(
+      <AiModalTable
+        description="My description"
+        columns={columns}
+        data={data}
+        isLoading={true}
+        submitAllLabel="Submit All"
+        submitSelectedLabel="Submit Selected"
+        filters={[]}
+        selectedRows={[]}
+        onChangeSelectedRows={() => {}}
+        isSubmitting={false}
+        onSubmitAllData={() => {}}
+        onSubmitSelectedData={() => {}}
+        emptyText="No data available"
+      />
+    );
+
+    expect(screen.getByText('My description')).toBeInTheDocument();
+  });
 });

package/dist/cjs/ai-modal-table/index.d.ts

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

package/dist/cjs/ai-modal-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ai-modal-table/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,YAAY,GAAI,qRAoB1B,iBAAiB,sBAoEnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ai-modal-table/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,YAAY,GAAI,gSAqB1B,iBAAiB,sBAqEnB,CAAC"}

package/dist/cjs/ai-modal-table/index.js

@@ -22,7 +22,7 @@ const React = require("react");
 const ai_table_1 = require("../ai-table");
 const constants_1 = require("../ai-table/constants");
 const AiModalTable = (_a) => {
-    var { columns = [], customActionButtons, data = [], description, editDataIndexes, filters = [], isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey = constants_1.DEFAULT_ROW_KEY, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName } = _a, modalProps = __rest(_a, ["columns", "customActionButtons", "data", "description", "editDataIndexes", "filters", "isLoading", "isSubmitting", "onChangeSelectedRows", "onEdit", "onSubmitAllData", "onSubmitSelectedData", "rowKey", "selectedRows", "submitAllLabel", "submitSelectedLabel", "mapperConfig", "tableClassName"]);
+    var { columns = [], customActionButtons, data = [], description, editDataIndexes, filters = [], isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey = constants_1.DEFAULT_ROW_KEY, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName, emptyText } = _a, modalProps = __rest(_a, ["columns", "customActionButtons", "data", "description", "editDataIndexes", "filters", "isLoading", "isSubmitting", "onChangeSelectedRows", "onEdit", "onSubmitAllData", "onSubmitSelectedData", "rowKey", "selectedRows", "submitAllLabel", "submitSelectedLabel", "mapperConfig", "tableClassName", "emptyText"]);
     const { onCancel, className } = modalProps, restModalProps = __rest(modalProps, ["onCancel", "className"]);
     const { getPrefixCls, theme } = React.useContext(antd_1.ConfigProvider.ConfigContext);
     const { token, hashId } = (0, ui_theme_1.useToken)();
@@ -49,6 +49,6 @@ const AiModalTable = (_a) => {
     return useStyle(React.createElement(ui_modal_1.Modal, Object.assign({ className: (0, classnames_1.default)(baseCls, hashId, className), footer: null, onCancel: handleCancel, centered: true, destroyOnClose: true, width: 1200 }, restModalProps),
         React.createElement(ui_layout_1.Flex, { gap: 10, vertical: true },
             React.createElement("div", { className: "text-neutral-50 text-sm mb-2" }, description),
-            React.createElement(ai_table_1.AiTable, { columns: columns, customActionButtons: customActionButtons, data: data, editDataIndexes: editDataIndexes, filters: filters, isLoading: isLoading, isSubmitting: isSubmitting, onChangeSelectedRows: onChangeSelectedRows, onEdit: onEdit, onSubmitAllData: onSubmitAllData, onSubmitSelectedData: onSubmitSelectedData, rowKey: rowKey, selectedRows: selectedRows, submitAllLabel: submitAllLabel, submitSelectedLabel: submitSelectedLabel, mapperConfig: mapperConfig, tableClassName: tableClassName }))));
+            React.createElement(ai_table_1.AiTable, { columns: columns, customActionButtons: customActionButtons, data: data, editDataIndexes: editDataIndexes, filters: filters, isLoading: isLoading, isSubmitting: isSubmitting, onChangeSelectedRows: onChangeSelectedRows, onEdit: onEdit, onSubmitAllData: onSubmitAllData, onSubmitSelectedData: onSubmitSelectedData, rowKey: rowKey, selectedRows: selectedRows, submitAllLabel: submitAllLabel, submitSelectedLabel: submitSelectedLabel, mapperConfig: mapperConfig, tableClassName: tableClassName, emptyText: emptyText }))));
 };
 exports.AiModalTable = AiModalTable;

package/dist/cjs/ai-table/__tests__/index.test.js

@@ -345,4 +345,27 @@ vitest_1.vi.mock('@akinon/ui-layout', () => ({
             (0, vitest_1.expect)(react_1.screen.getByTestId('table-content')).toBeInTheDocument();
         });
     });
+    (0, vitest_1.describe)('Empty Text', () => {
+        (0, vitest_1.it)('should render table without emptyText prop', () => {
+            (0, react_1.render)(React.createElement(index_1.AiTable, Object.assign({}, defaultProps)));
+            (0, vitest_1.expect)(react_1.screen.getByTestId('table-content')).toBeInTheDocument();
+        });
+        (0, vitest_1.it)('should pass emptyText prop to TableContent when provided', () => {
+            const customEmptyText = 'No data found';
+            (0, react_1.render)(React.createElement(index_1.AiTable, Object.assign({}, defaultProps, { emptyText: customEmptyText })));
+            (0, vitest_1.expect)(react_1.screen.getByTestId('table-content')).toBeInTheDocument();
+        });
+        (0, vitest_1.it)('should handle React nodes as emptyText', () => {
+            const customEmptyNode = (React.createElement("div", { "data-testid": "custom-empty-message" },
+                React.createElement("p", null, "No results available")));
+            (0, react_1.render)(React.createElement(index_1.AiTable, Object.assign({}, defaultProps, { emptyText: customEmptyNode })));
+            (0, vitest_1.expect)(react_1.screen.getByTestId('table-content')).toBeInTheDocument();
+        });
+        (0, vitest_1.it)('should work with empty data and custom emptyText', () => {
+            const customEmptyText = 'The table is empty';
+            (0, react_1.render)(React.createElement(index_1.AiTable, Object.assign({}, defaultProps, { data: [], emptyText: customEmptyText })));
+            (0, vitest_1.expect)(react_1.screen.getByTestId('table-content')).toBeInTheDocument();
+            (0, vitest_1.expect)(react_1.screen.queryByTestId('row-1')).not.toBeInTheDocument();
+        });
+    });
 });

package/dist/cjs/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/cjs/ai-table/components/__tests__/content.test.js

@@ -337,12 +337,13 @@ vitest_1.vi.mock('../../i18n', () => ({
         });
         (0, vitest_1.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 = react_1.screen.getAllByTestId('icon-chevron_down');
             (0, vitest_1.expect)(expandIcons[0].className).toContain('ai-modal-table__icon--collapsed');
         });
         (0, vitest_1.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 = react_1.screen.getAllByTestId('icon-chevron_down');
             (0, vitest_1.expect)(icons[0].className).not.toContain('ai-modal-table__icon--collapsed');
         });
@@ -353,9 +354,10 @@ vitest_1.vi.mock('../../i18n', () => ({
             });
             (0, vitest_1.expect)(react_1.screen.queryByTestId('icon-chevron_down')).not.toBeInTheDocument();
         });
-        (0, vitest_1.it)('should render multiple expand buttons for multiple rows', () => {
+        (0, vitest_1.it)('should render expand button for rows with multiple mapper items', () => {
             renderComponent();
-            (0, vitest_1.expect)(react_1.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
+            (0, vitest_1.expect)(react_1.screen.getAllByTestId('icon-chevron_down').length).toBe(1);
         });
     });
     (0, vitest_1.describe)('Mapper Column', () => {
@@ -552,8 +554,10 @@ vitest_1.vi.mock('../../i18n', () => ({
         });
         (0, vitest_1.it)('should render expand button in first column', () => {
             renderComponent();
-            const firstRow = react_1.screen.getAllByRole('row')[1];
-            const firstCell = (0, react_1.within)(firstRow).getAllByRole('cell')[0];
+            // Row 2 (index 2) has multiple mapper items, so it has the expand button
+            const rows = react_1.screen.getAllByRole('row');
+            const rowWithExpandButton = rows[2]; // Row 2 (pk: 2) has multiple mapper items
+            const firstCell = (0, react_1.within)(rowWithExpandButton).getAllByRole('cell')[0];
             (0, vitest_1.expect)(firstCell).toContainElement(react_1.screen.getAllByTestId('icon-chevron_down')[0]);
         });
         (0, vitest_1.it)('should handle missing optional data gracefully', () => {
@@ -788,18 +792,20 @@ vitest_1.vi.mock('../../i18n', () => ({
             });
             const expandButtons = react_1.screen.getAllByTestId('icon-chevron_down');
             react_1.fireEvent.click(expandButtons[0]);
-            (0, vitest_1.expect)(onToggleExpand).toHaveBeenCalledWith(1);
+            // Row 2 (pk: 2) has multiple mapper items and is the one with expand button
+            (0, vitest_1.expect)(onToggleExpand).toHaveBeenCalledWith(2);
         });
         (0, vitest_1.it)('should call onToggleExpand when expand button clicked on expanded row', () => {
             const onToggleExpand = vitest_1.vi.fn();
             renderComponent({
-                expandedRows: [1],
+                expandedRows: [2],
                 onToggleExpand
             });
             const expandButtons = react_1.screen.getAllByTestId('icon-chevron_down');
             react_1.fireEvent.click(expandButtons[0]);
             // The expand button is a toggle - it should call onToggleExpand to collapse the row
-            (0, vitest_1.expect)(onToggleExpand).toHaveBeenCalledWith(1);
+            // Row 2 (pk: 2) has multiple mapper items and is the one with expand button
+            (0, vitest_1.expect)(onToggleExpand).toHaveBeenCalledWith(2);
         });
         (0, vitest_1.it)('should call onAddItem with correct rowId and dataIndex when add button clicked', () => {
             const onAddItem = vitest_1.vi.fn();

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

@@ -434,6 +434,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 +442,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 +458,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 +693,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 +990,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 +1005,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', () => {

package/dist/cjs/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/cjs/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":"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;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,GAAI,iKAa1B,iBAAiB,sBA2hBnB,CAAC"}

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

@@ -16,7 +16,7 @@ const i18n_1 = require("../i18n");
 const mapper_1 = require("./mapper");
 const row_actions_1 = require("./row-actions");
 const { t } = i18n_1.i18n;
-const TableContent = ({ columns, customActionButtons, data, editDataIndexes, expandedRows, onEdit, onToggleExpand, onToggleSelection, rowKey, selectedRows, mapperConfig }) => {
+const TableContent = ({ columns, customActionButtons, data, editDataIndexes, expandedRows, onEdit, onToggleExpand, onToggleSelection, rowKey, selectedRows, mapperConfig, emptyText }) => {
     const { getPrefixCls, theme } = React.useContext(antd_1.ConfigProvider.ConfigContext);
     const { token, hashId } = (0, ui_theme_1.useToken)();
     const baseCls = getPrefixCls('ai-modal-table');
@@ -113,7 +113,8 @@ const TableContent = ({ columns, customActionButtons, data, editDataIndexes, exp
     };
     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);
@@ -185,10 +186,15 @@ const TableContent = ({ columns, customActionButtons, data, editDataIndexes, exp
             }), 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,
@@ -216,7 +222,7 @@ const TableContent = ({ columns, customActionButtons, data, editDataIndexes, exp
     };
     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,
@@ -301,7 +307,7 @@ const TableContent = ({ columns, customActionButtons, data, editDataIndexes, exp
     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/cjs/ai-table/components/footer.js

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

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

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

package/dist/cjs/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/cjs/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/cjs/ai-table/index.js

@@ -13,7 +13,7 @@ const constants_1 = require("./constants");
 const i18n_1 = require("./i18n");
 const data_format_1 = require("./utils/data-format");
 const { t } = i18n_1.i18n;
-const AiTable = ({ columns = [], customActionButtons, data = [], editDataIndexes, filters = [], isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey = constants_1.DEFAULT_ROW_KEY, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName }) => {
+const AiTable = ({ columns = [], customActionButtons, data = [], editDataIndexes, filters = [], isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey = constants_1.DEFAULT_ROW_KEY, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName, emptyText }) => {
     const [currentPage, setCurrentPage] = React.useState(constants_1.DEFAULT_CURRENT_PAGE);
     const [pageSize, setPageSize] = React.useState(constants_1.DEFAULT_PAGE_SIZE);
     const [filterValues, setFilterValues] = React.useState({});
@@ -57,7 +57,7 @@ const AiTable = ({ columns = [], customActionButtons, data = [], editDataIndexes
         return (React.createElement("div", { className: "w-full h-80" },
             React.createElement(ui_ai_spinner_1.AiSpinner, null)));
     }
-    return (React.createElement(ui_layout_1.Flex, { gap: 10, vertical: true, className: tableClassName },
+    return (React.createElement(ui_layout_1.Flex, { gap: 18, vertical: true, className: tableClassName },
         React.createElement(ui_layout_1.Flex, { justify: "space-between", align: "center" },
             React.createElement(ui_layout_1.Flex, { align: "center", gap: 22 },
                 React.createElement(filters_1.TableFilters, { filters: filters, filterValues: filterValues, onFilterChange: handleFilterChange }),
@@ -65,7 +65,7 @@ const AiTable = ({ columns = [], customActionButtons, data = [], editDataIndexes
                     React.createElement(ui_button_1.Button, { size: "small", onClick: handleExpandAll }, t('expand.all')),
                     React.createElement(ui_button_1.Button, { size: "small", onClick: handleCollapseAll }, t('collapse.all'))))),
             React.createElement(pagination_1.TablePagination, { currentPage: currentPage, onPageChange: handlePageChange, onPageSizeChange: handlePageSizeChange, pageSize: pageSize, total: filteredData.length })),
-        React.createElement(content_1.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(content_1.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(footer_1.TableFooter, { isSubmitting: isSubmitting, selectedCount: selectedRows.length, submitAllLabel: submitAllLabel, submitSelectedLabel: submitSelectedLabel, onSubmitAll: onSubmitAllData, onSubmitSelected: onSubmitSelectedData })));
 };
 exports.AiTable = AiTable;

package/dist/cjs/types/index.d.ts

@@ -97,6 +97,10 @@ export interface TableBaseProps {
      * CSS class name to apply to the table wrapper element
      */
     tableClassName?: string;
+    /**
+     * Custom text or node to display when no data matches the filters. Defaults to "No matching results found".
+     */
+    emptyText?: React.ReactNode;
 }
 export interface AiTableProps extends TableBaseProps {
     /**

package/dist/cjs/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/ai-modal-table/__tests__/index.test.js

@@ -15,8 +15,32 @@ import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
 vi.mock('@akinon/ui-theme', async (importOriginal) => {
     const actual = (await importOriginal());
-    return Object.assign(Object.assign({}, actual), { useToken: () => ({ token: {}, hashId: 'hash123' }) });
+    return Object.assign(Object.assign({}, actual), { useToken: () => ({
+            token: {
+                fontWeight: 400,
+                fontWeightStrong: 600,
+                fontSizeSM: 12,
+                colorTextBase: '#000000',
+                colorBgBase: '#ffffff',
+                fontSize: 14,
+                borderRadius: 4,
+                colorPrimary: '#1890ff'
+            },
+            hashId: 'hash123'
+        }) });
 });
+vi.mock('@akinon/ui-select', () => ({
+    Select: (_a) => {
+        var { children } = _a, props = __rest(_a, ["children"]);
+        return (React.createElement("select", Object.assign({ "data-testid": "select" }, props), children));
+    }
+}));
+vi.mock('@akinon/ui-button', () => ({
+    Button: (_a) => {
+        var { children } = _a, props = __rest(_a, ["children"]);
+        return (React.createElement("button", Object.assign({}, props), children));
+    }
+}));
 vi.mock('@akinon/ui-layout', () => ({
     Flex: ({ children }) => React.createElement("div", { "data-testid": "flex" }, children)
 }));
@@ -33,7 +57,8 @@ vi.mock('../ai-table', () => ({
         React.createElement("pre", { "data-testid": "ai-table-props" }, JSON.stringify({
             columns: props.columns,
             data: props.data,
-            isLoading: props.isLoading
+            isLoading: props.isLoading,
+            emptyText: props.emptyText
         })))),
     DEFAULT_ROW_KEY: 'id'
 }));
@@ -54,4 +79,13 @@ describe('AiModalTable', () => {
         fireEvent.click(screen.getByTestId('close-button'));
         expect(onCancel).toHaveBeenCalledTimes(1);
     });
+    it('passes emptyText prop to AiTable when provided', () => {
+        const columns = [{ title: 'Name', dataIndex: 'name' }];
+        const data = [{ id: 1, name: 'Alice' }];
+        const { rerender } = render(React.createElement(AiModalTable, { description: "My description", columns: columns, data: data, isLoading: true, submitAllLabel: "Submit All", submitSelectedLabel: "Submit Selected", filters: [], selectedRows: [], onChangeSelectedRows: () => { }, isSubmitting: false, onSubmitAllData: () => { }, onSubmitSelectedData: () => { } }));
+        expect(screen.getByText('My description')).toBeInTheDocument();
+        // Re-render with emptyText prop
+        rerender(React.createElement(AiModalTable, { description: "My description", columns: columns, data: data, isLoading: true, submitAllLabel: "Submit All", submitSelectedLabel: "Submit Selected", filters: [], selectedRows: [], onChangeSelectedRows: () => { }, isSubmitting: false, onSubmitAllData: () => { }, onSubmitSelectedData: () => { }, emptyText: "No data available" }));
+        expect(screen.getByText('My description')).toBeInTheDocument();
+    });
 });

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

@@ -8,10 +8,36 @@ vi.mock('@akinon/ui-theme', async importOriginal => {
 
   return {
     ...actual,
-    useToken: () => ({ token: {}, hashId: 'hash123' })
+    useToken: () => ({
+      token: {
+        fontWeight: 400,
+        fontWeightStrong: 600,
+        fontSizeSM: 12,
+        colorTextBase: '#000000',
+        colorBgBase: '#ffffff',
+        fontSize: 14,
+        borderRadius: 4,
+        colorPrimary: '#1890ff'
+      },
+      hashId: 'hash123'
+    })
   };
 });
 
+vi.mock('@akinon/ui-select', () => ({
+  Select: ({ children, ...props }: any) => (
+    <select data-testid="select" {...props}>
+      {children}
+    </select>
+  )
+}));
+
+vi.mock('@akinon/ui-button', () => ({
+  Button: ({ children, ...props }: any) => (
+    <button {...props}>{children}</button>
+  )
+}));
+
 vi.mock('@akinon/ui-layout', () => ({
   Flex: ({ children }: any) => <div data-testid="flex">{children}</div>
 }));
@@ -32,7 +58,8 @@ vi.mock('../ai-table', () => ({
         {JSON.stringify({
           columns: props.columns,
           data: props.data,
-          isLoading: props.isLoading
+          isLoading: props.isLoading,
+          emptyText: props.emptyText
         })}
       </pre>
     </div>
@@ -95,4 +122,49 @@ describe('AiModalTable', () => {
     fireEvent.click(screen.getByTestId('close-button'));
     expect(onCancel).toHaveBeenCalledTimes(1);
   });
+
+  it('passes emptyText prop to AiTable when provided', () => {
+    const columns = [{ title: 'Name', dataIndex: 'name' }];
+    const data = [{ id: 1, name: 'Alice' }];
+
+    const { rerender } = render(
+      <AiModalTable
+        description="My description"
+        columns={columns}
+        data={data}
+        isLoading={true}
+        submitAllLabel="Submit All"
+        submitSelectedLabel="Submit Selected"
+        filters={[]}
+        selectedRows={[]}
+        onChangeSelectedRows={() => {}}
+        isSubmitting={false}
+        onSubmitAllData={() => {}}
+        onSubmitSelectedData={() => {}}
+      />
+    );
+
+    expect(screen.getByText('My description')).toBeInTheDocument();
+
+    // Re-render with emptyText prop
+    rerender(
+      <AiModalTable
+        description="My description"
+        columns={columns}
+        data={data}
+        isLoading={true}
+        submitAllLabel="Submit All"
+        submitSelectedLabel="Submit Selected"
+        filters={[]}
+        selectedRows={[]}
+        onChangeSelectedRows={() => {}}
+        isSubmitting={false}
+        onSubmitAllData={() => {}}
+        onSubmitSelectedData={() => {}}
+        emptyText="No data available"
+      />
+    );
+
+    expect(screen.getByText('My description')).toBeInTheDocument();
+  });
 });

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ai-modal-table/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,YAAY,GAAI,qRAoB1B,iBAAiB,sBAoEnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ai-modal-table/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,YAAY,GAAI,gSAqB1B,iBAAiB,sBAqEnB,CAAC"}

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

@@ -19,7 +19,7 @@ import * as React from 'react';
 import { AiTable } from '../ai-table';
 import { DEFAULT_ROW_KEY } from '../ai-table/constants';
 export const AiModalTable = (_a) => {
-    var { columns = [], customActionButtons, data = [], description, editDataIndexes, filters = [], isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey = DEFAULT_ROW_KEY, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName } = _a, modalProps = __rest(_a, ["columns", "customActionButtons", "data", "description", "editDataIndexes", "filters", "isLoading", "isSubmitting", "onChangeSelectedRows", "onEdit", "onSubmitAllData", "onSubmitSelectedData", "rowKey", "selectedRows", "submitAllLabel", "submitSelectedLabel", "mapperConfig", "tableClassName"]);
+    var { columns = [], customActionButtons, data = [], description, editDataIndexes, filters = [], isLoading, isSubmitting, onChangeSelectedRows, onEdit, onSubmitAllData, onSubmitSelectedData, rowKey = DEFAULT_ROW_KEY, selectedRows, submitAllLabel, submitSelectedLabel, mapperConfig, tableClassName, emptyText } = _a, modalProps = __rest(_a, ["columns", "customActionButtons", "data", "description", "editDataIndexes", "filters", "isLoading", "isSubmitting", "onChangeSelectedRows", "onEdit", "onSubmitAllData", "onSubmitSelectedData", "rowKey", "selectedRows", "submitAllLabel", "submitSelectedLabel", "mapperConfig", "tableClassName", "emptyText"]);
     const { onCancel, className } = modalProps, restModalProps = __rest(modalProps, ["onCancel", "className"]);
     const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
     const { token, hashId } = useToken();
@@ -46,5 +46,5 @@ export const AiModalTable = (_a) => {
     return useStyle(React.createElement(Modal, Object.assign({ className: classNames(baseCls, hashId, className), footer: null, onCancel: handleCancel, centered: true, destroyOnClose: true, width: 1200 }, restModalProps),
         React.createElement(Flex, { gap: 10, vertical: true },
             React.createElement("div", { className: "text-neutral-50 text-sm mb-2" }, description),
-            React.createElement(AiTable, { columns: columns, customActionButtons: customActionButtons, data: data, editDataIndexes: editDataIndexes, filters: filters, isLoading: isLoading, isSubmitting: isSubmitting, onChangeSelectedRows: onChangeSelectedRows, onEdit: onEdit, onSubmitAllData: onSubmitAllData, onSubmitSelectedData: onSubmitSelectedData, rowKey: rowKey, selectedRows: selectedRows, submitAllLabel: submitAllLabel, submitSelectedLabel: submitSelectedLabel, mapperConfig: mapperConfig, tableClassName: tableClassName }))));
+            React.createElement(AiTable, { columns: columns, customActionButtons: customActionButtons, data: data, editDataIndexes: editDataIndexes, filters: filters, isLoading: isLoading, isSubmitting: isSubmitting, onChangeSelectedRows: onChangeSelectedRows, onEdit: onEdit, onSubmitAllData: onSubmitAllData, onSubmitSelectedData: onSubmitSelectedData, rowKey: rowKey, selectedRows: selectedRows, submitAllLabel: submitAllLabel, submitSelectedLabel: submitSelectedLabel, mapperConfig: mapperConfig, tableClassName: tableClassName, emptyText: emptyText }))));
 };

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

@@ -343,4 +343,27 @@ describe('AiTable', () => {
             expect(screen.getByTestId('table-content')).toBeInTheDocument();
         });
     });
+    describe('Empty Text', () => {
+        it('should render table without emptyText prop', () => {
+            render(React.createElement(AiTable, Object.assign({}, defaultProps)));
+            expect(screen.getByTestId('table-content')).toBeInTheDocument();
+        });
+        it('should pass emptyText prop to TableContent when provided', () => {
+            const customEmptyText = 'No data found';
+            render(React.createElement(AiTable, Object.assign({}, defaultProps, { emptyText: customEmptyText })));
+            expect(screen.getByTestId('table-content')).toBeInTheDocument();
+        });
+        it('should handle React nodes as emptyText', () => {
+            const customEmptyNode = (React.createElement("div", { "data-testid": "custom-empty-message" },
+                React.createElement("p", null, "No results available")));
+            render(React.createElement(AiTable, Object.assign({}, 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(React.createElement(AiTable, Object.assign({}, defaultProps, { data: [], emptyText: customEmptyText })));
+            expect(screen.getByTestId('table-content')).toBeInTheDocument();
+            expect(screen.queryByTestId('row-1')).not.toBeInTheDocument();
+        });
+    });
 });

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

@@ -335,12 +335,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 +352,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 +552,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 +790,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();

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

@@ -434,6 +434,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 +442,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 +458,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 +693,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 +990,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 +1005,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', () => {

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":"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;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,GAAI,iKAa1B,iBAAiB,sBA2hBnB,CAAC"}

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

@@ -13,7 +13,7 @@ import { i18n } from '../i18n';
 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);
@@ -182,10 +183,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 +219,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 +304,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/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/types/index.d.ts

@@ -97,6 +97,10 @@ export interface TableBaseProps {
      * CSS class name to apply to the table wrapper element
      */
     tableClassName?: string;
+    /**
+     * Custom text or node to display when no data matches the filters. Defaults to "No matching results found".
+     */
+    emptyText?: React.ReactNode;
 }
 export interface AiTableProps extends TableBaseProps {
     /**

package/dist/esm/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ai-modal-table",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -13,16 +13,16 @@
     "antd": "^5.27.0",
     "classnames": "^2.5.1",
     "lodash-es": "^4.17.21",
-    "@akinon/icons": "1.2.1",
-    "@akinon/ui-input": "1.2.1",
-    "@akinon/ui-modal": "1.2.1",
-    "@akinon/ui-button": "1.4.2",
-    "@akinon/ui-pagination": "1.4.2",
-    "@akinon/ui-select": "1.4.2",
-    "@akinon/ui-theme": "1.2.1",
-    "@akinon/akilocale": "1.2.1",
-    "@akinon/ui-ai-spinner": "1.0.2",
-    "@akinon/ui-layout": "1.7.2"
+    "@akinon/icons": "1.2.3",
+    "@akinon/ui-button": "1.4.4",
+    "@akinon/ui-input": "1.2.3",
+    "@akinon/ui-modal": "1.2.3",
+    "@akinon/ui-pagination": "1.4.4",
+    "@akinon/akilocale": "1.2.3",
+    "@akinon/ui-select": "1.4.4",
+    "@akinon/ui-theme": "1.2.3",
+    "@akinon/ui-layout": "1.7.4",
+    "@akinon/ui-ai-spinner": "1.0.4"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
@@ -30,8 +30,8 @@
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "*",
-    "@akinon/typescript-config": "1.1.1",
-    "@akinon/vitest-config": "1.1.1"
+    "@akinon/typescript-config": "1.1.3",
+    "@akinon/vitest-config": "1.1.3"
   },
   "peerDependencies": {
     "react": "^18 || ^19",