@akinon/ai-modal-table 1.0.0

package/dist/cjs/__tests__/index.test.d.ts

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

package/dist/cjs/__tests__/index.test.d.ts.map

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

package/dist/cjs/__tests__/index.test.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const vitest_1 = require("vitest");
+const index_1 = require("../index");
+const indexModule = require("../index");
+(0, vitest_1.describe)('index.tsx - Public API', () => {
+    (0, vitest_1.describe)('Component Exports', () => {
+        (0, vitest_1.it)('should export AiModalTable and AiTable components', () => {
+            (0, vitest_1.expect)(indexModule).toHaveProperty('AiModalTable');
+            (0, vitest_1.expect)(indexModule).toHaveProperty('AiTable');
+            (0, vitest_1.expect)(typeof indexModule.AiModalTable).toBe('function');
+            (0, vitest_1.expect)(typeof indexModule.AiTable).toBe('function');
+        });
+        (0, vitest_1.it)('should have only named exports (no default export)', () => {
+            const exports = Object.keys(indexModule).sort();
+            (0, vitest_1.expect)(exports).toContain('AiModalTable');
+            (0, vitest_1.expect)(exports).toContain('AiTable');
+            (0, vitest_1.expect)(indexModule.default).toBeUndefined();
+        });
+        (0, vitest_1.it)('should maintain export consistency', () => {
+            (0, vitest_1.expect)(indexModule.AiModalTable).toBe(index_1.AiModalTable);
+            (0, vitest_1.expect)(indexModule.AiTable).toBe(index_1.AiTable);
+        });
+        (0, vitest_1.it)('should export components as separate instances', () => {
+            const { AiModalTable, AiTable } = indexModule;
+            (0, vitest_1.expect)(AiModalTable).not.toBe(AiTable);
+            (0, vitest_1.expect)(typeof AiModalTable).toBe('function');
+            (0, vitest_1.expect)(typeof AiTable).toBe('function');
+        });
+    });
+    (0, vitest_1.describe)('Module Structure', () => {
+        (0, vitest_1.it)('should be importable as ES module with all exports', () => {
+            (0, vitest_1.expect)(Object.keys(indexModule).length).toBeGreaterThanOrEqual(2);
+        });
+        (0, vitest_1.it)('should have React components with proper names', () => {
+            const getComponentName = (comp) => comp.name || comp.displayName || 'Unknown';
+            (0, vitest_1.expect)(getComponentName(indexModule.AiModalTable)).toBeDefined();
+            (0, vitest_1.expect)(getComponentName(indexModule.AiTable)).toBeDefined();
+        });
+        (0, vitest_1.it)('should not have circular or broken dependencies', () => {
+            // Should be able to destructure without errors
+            (0, vitest_1.expect)(() => {
+                const { AiModalTable: ModalTable, AiTable: Table } = indexModule;
+                if (!ModalTable || !Table)
+                    throw new Error('Missing export');
+            }).not.toThrow();
+        });
+    });
+    (0, vitest_1.describe)('Export Stability', () => {
+        (0, vitest_1.it)('should maintain stable export references across multiple imports', () => {
+            const import1 = indexModule.AiModalTable;
+            const import2 = indexModule.AiModalTable;
+            const import3 = indexModule.AiTable;
+            const import4 = indexModule.AiTable;
+            (0, vitest_1.expect)(import1).toBe(import2);
+            (0, vitest_1.expect)(import3).toBe(import4);
+        });
+        (0, vitest_1.it)('should support destructuring without errors', () => {
+            // Common user pattern - destructuring from index
+            const { AiModalTable, AiTable } = indexModule;
+            (0, vitest_1.expect)(AiModalTable).toBeDefined();
+            (0, vitest_1.expect)(AiTable).toBeDefined();
+            (0, vitest_1.expect)(typeof AiModalTable).toBe('function');
+            (0, vitest_1.expect)(typeof AiTable).toBe('function');
+        });
+        (0, vitest_1.it)('should support namespace import pattern', () => {
+            // Common user pattern - namespace import
+            const exports = indexModule;
+            (0, vitest_1.expect)(exports.AiModalTable).toBeDefined();
+            (0, vitest_1.expect)(exports.AiTable).toBeDefined();
+        });
+        (0, vitest_1.it)('should export both wrapper and content components', () => {
+            // Verify architectural separation:
+            // - AiModalTable wraps content (modal + AiTable)
+            // - AiTable provides table functionality independently
+            const { AiModalTable, AiTable } = indexModule;
+            (0, vitest_1.expect)(AiModalTable).not.toBe(AiTable);
+            (0, vitest_1.expect)(AiModalTable !== AiTable).toBe(true);
+        });
+    });
+});

package/dist/cjs/__tests__/index.test.tsx

@@ -0,0 +1,94 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { describe, expect, it } from 'vitest';
+
+import { AiModalTable, AiTable } from '../index';
+import * as indexModule from '../index';
+
+describe('index.tsx - Public API', () => {
+  describe('Component Exports', () => {
+    it('should export AiModalTable and AiTable components', () => {
+      expect(indexModule).toHaveProperty('AiModalTable');
+      expect(indexModule).toHaveProperty('AiTable');
+      expect(typeof indexModule.AiModalTable).toBe('function');
+      expect(typeof indexModule.AiTable).toBe('function');
+    });
+
+    it('should have only named exports (no default export)', () => {
+      const exports = Object.keys(indexModule).sort();
+      expect(exports).toContain('AiModalTable');
+      expect(exports).toContain('AiTable');
+      expect((indexModule as Record<string, any>).default).toBeUndefined();
+    });
+
+    it('should maintain export consistency', () => {
+      expect(indexModule.AiModalTable).toBe(AiModalTable);
+      expect(indexModule.AiTable).toBe(AiTable);
+    });
+
+    it('should export components as separate instances', () => {
+      const { AiModalTable, AiTable } = indexModule;
+      expect(AiModalTable).not.toBe(AiTable);
+      expect(typeof AiModalTable).toBe('function');
+      expect(typeof AiTable).toBe('function');
+    });
+  });
+
+  describe('Module Structure', () => {
+    it('should be importable as ES module with all exports', () => {
+      expect(Object.keys(indexModule).length).toBeGreaterThanOrEqual(2);
+    });
+
+    it('should have React components with proper names', () => {
+      const getComponentName = (comp: any) =>
+        comp.name || comp.displayName || 'Unknown';
+
+      expect(getComponentName(indexModule.AiModalTable)).toBeDefined();
+      expect(getComponentName(indexModule.AiTable)).toBeDefined();
+    });
+
+    it('should not have circular or broken dependencies', () => {
+      // Should be able to destructure without errors
+      expect(() => {
+        const { AiModalTable: ModalTable, AiTable: Table } = indexModule;
+        if (!ModalTable || !Table) throw new Error('Missing export');
+      }).not.toThrow();
+    });
+  });
+
+  describe('Export Stability', () => {
+    it('should maintain stable export references across multiple imports', () => {
+      const import1 = indexModule.AiModalTable;
+      const import2 = indexModule.AiModalTable;
+      const import3 = indexModule.AiTable;
+      const import4 = indexModule.AiTable;
+
+      expect(import1).toBe(import2);
+      expect(import3).toBe(import4);
+    });
+
+    it('should support destructuring without errors', () => {
+      // Common user pattern - destructuring from index
+      const { AiModalTable, AiTable } = indexModule;
+      expect(AiModalTable).toBeDefined();
+      expect(AiTable).toBeDefined();
+      expect(typeof AiModalTable).toBe('function');
+      expect(typeof AiTable).toBe('function');
+    });
+
+    it('should support namespace import pattern', () => {
+      // Common user pattern - namespace import
+      const exports = indexModule;
+      expect(exports.AiModalTable).toBeDefined();
+      expect(exports.AiTable).toBeDefined();
+    });
+
+    it('should export both wrapper and content components', () => {
+      // Verify architectural separation:
+      // - AiModalTable wraps content (modal + AiTable)
+      // - AiTable provides table functionality independently
+      const { AiModalTable, AiTable } = indexModule;
+      expect(AiModalTable).not.toBe(AiTable);
+      expect(AiModalTable !== AiTable).toBe(true);
+    });
+  });
+});

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

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

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

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

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

@@ -0,0 +1,59 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const react_1 = require("@testing-library/react");
+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' }) });
+});
+vitest_1.vi.mock('@akinon/ui-layout', () => ({
+    Flex: ({ children }) => react_2.default.createElement("div", { "data-testid": "flex" }, children)
+}));
+vitest_1.vi.mock('@akinon/ui-modal', () => ({
+    Modal: (_a) => {
+        var { children, onCancel, className } = _a, rest = __rest(_a, ["children", "onCancel", "className"]);
+        return (react_2.default.createElement("div", Object.assign({ "data-testid": "modal", className: className }, rest),
+            react_2.default.createElement("button", { "data-testid": "close-button", onClick: onCancel }),
+            children));
+    }
+}));
+vitest_1.vi.mock('../ai-table', () => ({
+    AiTable: (props) => (react_2.default.createElement("div", { "data-testid": "ai-table" },
+        react_2.default.createElement("pre", { "data-testid": "ai-table-props" }, JSON.stringify({
+            columns: props.columns,
+            data: props.data,
+            isLoading: props.isLoading
+        })))),
+    DEFAULT_ROW_KEY: 'id'
+}));
+const index_1 = require("../index");
+(0, vitest_1.describe)('AiModalTable', () => {
+    (0, vitest_1.it)('renders description and passes props to AiTable', () => {
+        const columns = [{ title: 'Name', dataIndex: 'name' }];
+        const data = [{ id: 1, name: 'Alice' }];
+        (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();
+    });
+    (0, vitest_1.it)('calls onCancel when modal close clicked and applies class names', () => {
+        const onCancel = vitest_1.vi.fn();
+        (0, react_1.render)(react_2.default.createElement(index_1.AiModalTable, { description: "My description", columns: [], data: [], isLoading: true, submitAllLabel: "Submit All", submitSelectedLabel: "Submit Selected", filters: [], selectedRows: [], onChangeSelectedRows: () => { }, isSubmitting: false, onSubmitAllData: () => { }, onSubmitSelectedData: () => { }, onCancel: onCancel }));
+        const modal = react_1.screen.getByTestId('modal');
+        (0, vitest_1.expect)(modal.className).toContain('ai-modal-table');
+        (0, vitest_1.expect)(modal.className).toContain('hash123');
+        react_1.fireEvent.click(react_1.screen.getByTestId('close-button'));
+        (0, vitest_1.expect)(onCancel).toHaveBeenCalledTimes(1);
+    });
+});

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

@@ -0,0 +1,98 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+
+vi.mock('@akinon/ui-theme', async importOriginal => {
+  const actual = (await importOriginal()) as Record<string, any>;
+
+  return {
+    ...actual,
+    useToken: () => ({ token: {}, hashId: 'hash123' })
+  };
+});
+
+vi.mock('@akinon/ui-layout', () => ({
+  Flex: ({ children }: any) => <div data-testid="flex">{children}</div>
+}));
+
+vi.mock('@akinon/ui-modal', () => ({
+  Modal: ({ children, onCancel, className, ...rest }: any) => (
+    <div data-testid="modal" className={className} {...rest}>
+      <button data-testid="close-button" onClick={onCancel} />
+      {children}
+    </div>
+  )
+}));
+
+vi.mock('../ai-table', () => ({
+  AiTable: (props: any) => (
+    <div data-testid="ai-table">
+      <pre data-testid="ai-table-props">
+        {JSON.stringify({
+          columns: props.columns,
+          data: props.data,
+          isLoading: props.isLoading
+        })}
+      </pre>
+    </div>
+  ),
+  DEFAULT_ROW_KEY: 'id'
+}));
+
+import { AiModalTable } from '../index';
+
+describe('AiModalTable', () => {
+  it('renders description and passes props to AiTable', () => {
+    const columns = [{ title: 'Name', dataIndex: 'name' }];
+    const data = [{ id: 1, name: 'Alice' }];
+
+    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();
+  });
+
+  it('calls onCancel when modal close clicked and applies class names', () => {
+    const onCancel = vi.fn();
+
+    render(
+      <AiModalTable
+        description="My description"
+        columns={[]}
+        data={[]}
+        isLoading={true}
+        submitAllLabel="Submit All"
+        submitSelectedLabel="Submit Selected"
+        filters={[]}
+        selectedRows={[]}
+        onChangeSelectedRows={() => {}}
+        isSubmitting={false}
+        onSubmitAllData={() => {}}
+        onSubmitSelectedData={() => {}}
+        onCancel={onCancel}
+      />
+    );
+
+    const modal = screen.getByTestId('modal');
+    expect(modal.className).toContain('ai-modal-table');
+    expect(modal.className).toContain('hash123');
+
+    fireEvent.click(screen.getByTestId('close-button'));
+    expect(onCancel).toHaveBeenCalledTimes(1);
+  });
+});

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

@@ -0,0 +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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,54 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiModalTable = void 0;
+const ui_layout_1 = require("@akinon/ui-layout");
+const ui_modal_1 = require("@akinon/ui-modal");
+const ui_theme_1 = require("@akinon/ui-theme");
+const cssinjs_1 = require("@ant-design/cssinjs");
+const antd_1 = require("antd");
+const classnames_1 = require("classnames");
+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"]);
+    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)();
+    const baseCls = getPrefixCls('ai-modal-table');
+    const handleCancel = (e) => {
+        if (onCancel)
+            onCancel(e);
+    };
+    const useStyle = (0, cssinjs_1.useStyleRegister)({
+        token: token,
+        path: ['AiModalTable'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        const prefixCls = `:where(.${hashId}).${baseCls}`;
+        return {
+            [prefixCls]: {
+                '.akinon-modal-title': {
+                    borderBottom: 'none !important'
+                }
+            }
+        };
+    });
+    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 }))));
+};
+exports.AiModalTable = AiModalTable;

package/dist/cjs/ai-table/__tests__/index.test.d.ts

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

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

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