@akinon/akitable 0.3.8 → 0.3.10

package/dist/cjs/akitable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"akitable.d.ts","sourceRoot":"","sources":["../../src/akitable.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAC;AAIxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAuC,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7E,eAAO,MAAM,QAAQ,UAAW,aAAa,sBA8D5C,CAAC"}
+{"version":3,"file":"akitable.d.ts","sourceRoot":"","sources":["../../src/akitable.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAuC,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAgE5C,CAAC"}

package/dist/cjs/akitable.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Akitable = void 0;
 require("./akitable.css");
-const react_error_boundary_1 = require("react-error-boundary");
 const antd_1 = require("antd");
 const react_1 = require("react");
+const react_error_boundary_1 = require("react-error-boundary");
 const akitable_context_1 = require("./akitable-context");
 const theme_overrides_1 = require("./common/theme-overrides");
 const controls_1 = require("./components/controls");
 const datatable_1 = require("./components/datatable");
+const error_1 = require("./components/error");
 const footer_1 = require("./components/footer");
 const header_1 = require("./components/header");
-const error_1 = require("./components/error");
 const Akitable = (props) => {
-    const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick } = props;
+    const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit } = props;
     let parsedData = [];
     let total;
     // If there is a pagination object, table data should be accessed from type AkitablePaginatedData.
@@ -35,7 +35,7 @@ const Akitable = (props) => {
                 react_1.default.createElement(antd_1.ConfigProvider, { theme: theme_overrides_1.themeOverrides },
                     react_1.default.createElement(header_1.AkitableHeader, Object.assign({}, header)),
                     react_1.default.createElement(controls_1.AkitableControls, null),
-                    react_1.default.createElement(datatable_1.AkitableDataTable, { columns: columns, data: parsedData, rowKey: rowKey, onRowClick: onRowClick }),
+                    react_1.default.createElement(datatable_1.AkitableDataTable, { columns: columns, data: parsedData, rowKey: rowKey, onRowClick: onRowClick, onRowEdit: onRowEdit }),
                     react_1.default.createElement(footer_1.AkitableFooter, Object.assign({}, footer)))))));
 };
 exports.Akitable = Akitable;

package/dist/cjs/common/theme-overrides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-overrides.d.ts","sourceRoot":"","sources":["../../../src/common/theme-overrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,WAAW,EAAE,MAAM,MAAM,CAAC;AAEvD,eAAO,MAAM,cAAc,EAAE,WA2D5B,CAAC"}
+{"version":3,"file":"theme-overrides.d.ts","sourceRoot":"","sources":["../../../src/common/theme-overrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,WAAW,EAAE,MAAM,MAAM,CAAC;AAEvD,eAAO,MAAM,cAAc,EAAE,WAmE5B,CAAC"}

package/dist/cjs/common/theme-overrides.js

@@ -60,6 +60,14 @@ exports.themeOverrides = {
             colorBorder: ui_theme_1.theme.colors.azure['500'],
             borderColorDisabled: ui_theme_1.theme.colors.neutral['350'],
             algorithm: antd_1.theme.defaultAlgorithm
+        },
+        Input: {
+            colorBgContainer: ui_theme_1.theme.colors.neutral['50'],
+            colorBorder: ui_theme_1.theme.colors.neutral['350'],
+            colorText: ui_theme_1.theme.colors.neutral['950'],
+            colorTextDisabled: ui_theme_1.theme.colors.neutral['375'],
+            colorTextPlaceholder: ui_theme_1.theme.colors.neutral['375'],
+            algorithm: antd_1.theme.defaultAlgorithm
         }
     }
 };

package/dist/cjs/components/EditableCell.d.ts

@@ -0,0 +1,13 @@
+import './datatable.css';
+import React from 'react';
+import { AkitableData } from '../types';
+interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
+    editing: boolean;
+    dataIndex: string | string[];
+    title: any;
+    record: AkitableData;
+    index: number;
+}
+declare const EditableCell: React.FC<React.PropsWithChildren<EditableCellProps>>;
+export default EditableCell;
+//# sourceMappingURL=EditableCell.d.ts.map

package/dist/cjs/components/EditableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.d.ts","sourceRoot":"","sources":["../../../src/components/EditableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAoCtE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/cjs/components/EditableCell.js

@@ -0,0 +1,35 @@
+"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 });
+require("./datatable.css");
+const akiform_1 = require("@akinon/akiform");
+const ui_input_1 = require("@akinon/ui-input");
+const react_1 = require("react");
+const EditableCell = (_a) => {
+    var { editing, dataIndex, title, record, children } = _a, restProps = __rest(_a, ["editing", "dataIndex", "title", "record", "children"]);
+    let initialValue = null;
+    if (dataIndex && Array.isArray(dataIndex)) {
+        initialValue = dataIndex.reduce((acc, key) => acc === null || acc === void 0 ? void 0 : acc[key], record);
+    }
+    else {
+        initialValue = record === null || record === void 0 ? void 0 : record[dataIndex];
+    }
+    return (react_1.default.createElement("td", Object.assign({}, restProps), editing ? (react_1.default.createElement(akiform_1.Akiform.Item, { name: dataIndex, style: { margin: 0 }, rules: [
+            {
+                required: true,
+                message: `Missing ${title}!`
+            }
+        ], initialValue: initialValue },
+        react_1.default.createElement(ui_input_1.Input, null))) : (children)));
+};
+exports.default = EditableCell;

package/dist/cjs/components/datatable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../../src/components/datatable.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAgB,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAsC9D,CAAC"}
+{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../../src/components/datatable.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAOzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgC,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIhF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAuH9D,CAAC"}

package/dist/cjs/components/datatable.js

@@ -2,13 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AkitableDataTable = void 0;
 require("./datatable.css");
+const akiform_1 = require("@akinon/akiform");
+const ui_button_1 = require("@akinon/ui-button");
 const ui_table_1 = require("@akinon/ui-table");
+const ui_typography_1 = require("@akinon/ui-typography");
 const clsx_1 = require("clsx");
 const react_1 = require("react");
 const akitable_context_1 = require("../akitable-context");
+const i18n_1 = require("../i18n");
+const EditableCell_1 = require("./EditableCell");
+const { t } = i18n_1.i18n;
 const AkitableDataTable = (props) => {
     const { isLoading, selectedRowKeys, setSelectedRowKeys, actions } = (0, akitable_context_1.useAkitableContext)();
-    const { columns, data, rowKey, onRowClick } = props;
+    const { columns, data, rowKey, onRowClick, onRowEdit } = props;
+    const [form] = akiform_1.Akiform.useForm();
+    const [localColumns, setLocalColumns] = react_1.default.useState(columns);
+    const [editingKey, setEditingKey] = react_1.default.useState(null);
     const hasActions = actions && actions.length > 0;
     const onSelectChange = (newSelectedRowKeys) => {
         setSelectedRowKeys === null || setSelectedRowKeys === void 0 ? void 0 : setSelectedRowKeys(newSelectedRowKeys);
@@ -17,13 +26,57 @@ const AkitableDataTable = (props) => {
         selectedRowKeys,
         onChange: onSelectChange
     };
+    /**
+     * If onRowEdit is provided:
+     * 1. Add an edit column to the end of columns
+     * 2. Look up the existing columns and if editable is set to true, add onCell method to the column
+     */
+    react_1.default.useEffect(() => {
+        if (!onRowEdit) {
+            return;
+        }
+        const modifiedColumns = columns.map(column => {
+            if (!column.editable)
+                return column;
+            return Object.assign(Object.assign({}, column), { onCell: (record) => ({
+                    record,
+                    dataIndex: column.dataIndex,
+                    title: column.title,
+                    editing: record.id === editingKey
+                }) });
+        });
+        const editColumn = {
+            key: 'edit',
+            title: t('edit'),
+            render: (record) => {
+                const isRowEditing = record.id === editingKey;
+                return isRowEditing ? (react_1.default.createElement("span", null,
+                    react_1.default.createElement(ui_button_1.Button, { type: "secondary", size: "small", onClick: () => {
+                            onRowEdit(record, form.getFieldsValue());
+                            setEditingKey(null);
+                            form.resetFields();
+                        } }, t('save')),
+                    react_1.default.createElement(ui_typography_1.Text, { type: "danger", onClick: () => setEditingKey(null), style: { marginLeft: 8, cursor: 'pointer' } }, t('cancel')))) : (react_1.default.createElement(ui_button_1.Button, { type: "primary", size: "small", onClick: () => {
+                        form.resetFields();
+                        setEditingKey(record.id);
+                    } }, t('edit')));
+            },
+            width: 200
+        };
+        setLocalColumns([...modifiedColumns, editColumn]);
+    }, [columns, onRowEdit, editingKey]);
     return (react_1.default.createElement("div", { className: "akitable-wrapper" },
-        react_1.default.createElement(ui_table_1.Table, { columns: columns, dataSource: data, rowKey: (record) => record[rowKey], bordered: true, rowHoverable: true, pagination: false, scroll: { x: 'max-content', scrollToFirstRowOnChange: true }, loading: isLoading, onRow: (record, rowIndex) => {
-                return {
-                    onClick: (event) => {
-                        onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(record, event, rowIndex);
+        react_1.default.createElement(akiform_1.Akiform, { form: form, component: false },
+            react_1.default.createElement(ui_table_1.Table, { components: {
+                    body: {
+                        cell: EditableCell_1.default
                     }
-                };
-            }, rowClassName: (0, clsx_1.default)({ 'is-selectable': !!onRowClick }), rowSelection: hasActions ? rowSelection : undefined })));
+                }, columns: localColumns, dataSource: data, rowKey: (record) => record[rowKey], bordered: true, rowHoverable: true, pagination: false, scroll: { x: 'max-content', scrollToFirstRowOnChange: true }, loading: isLoading, onRow: (record, rowIndex) => {
+                    return {
+                        onClick: (event) => {
+                            onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(record, event, rowIndex);
+                        }
+                    };
+                }, rowClassName: (0, clsx_1.default)({ 'is-selectable': !!onRowClick }), rowSelection: hasActions ? rowSelection : undefined }))));
 };
 exports.AkitableDataTable = AkitableDataTable;

package/dist/cjs/i18n/translations/en.d.ts

@@ -8,6 +8,9 @@ declare const translations: {
     readonly resultsFound: "{{count}} result(s) found.";
     readonly selectAction: "Select Action";
     readonly selectedCount: "Selected {{count}} record(s).";
+    readonly edit: "Edit";
+    readonly save: "Save";
+    readonly cancel: "Cancel";
 };
 export default translations;
 //# sourceMappingURL=en.d.ts.map

package/dist/cjs/i18n/translations/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;CAWR,CAAC;AAEX,eAAe,YAAY,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/cjs/i18n/translations/en.js

@@ -9,6 +9,9 @@ const translations = {
     noData: 'No results found.',
     resultsFound: '{{count}} result(s) found.',
     selectAction: 'Select Action',
-    selectedCount: 'Selected {{count}} record(s).'
+    selectedCount: 'Selected {{count}} record(s).',
+    edit: 'Edit',
+    save: 'Save',
+    cancel: 'Cancel'
 };
 exports.default = translations;

package/dist/cjs/i18n/translations/tr.d.ts

@@ -8,6 +8,9 @@ declare const translations: {
     readonly resultsFound: "{{count}} sonuç bulundu.";
     readonly selectAction: "Aksiyon Seçiniz";
     readonly selectedCount: "{{count}} kayit seçildi.";
+    readonly edit: "Düzenle";
+    readonly save: "Kaydet";
+    readonly cancel: "İptal";
 };
 export default translations;
 //# sourceMappingURL=tr.d.ts.map

package/dist/cjs/i18n/translations/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;CAWR,CAAC;AAEX,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/cjs/i18n/translations/tr.js

@@ -9,6 +9,9 @@ const translations = {
     noData: 'Kayıt bulunamadı.',
     resultsFound: '{{count}} sonuç bulundu.',
     selectAction: 'Aksiyon Seçiniz',
-    selectedCount: '{{count}} kayit seçildi.'
+    selectedCount: '{{count}} kayit seçildi.',
+    edit: 'Düzenle',
+    save: 'Kaydet',
+    cancel: 'İptal'
 };
 exports.default = translations;

package/dist/cjs/types.d.ts

@@ -1,6 +1,7 @@
 import { TableColumnType } from 'antd';
 import { ReactNode } from 'react';
 type RowClickEvent = (record: AkitableData, event?: React.MouseEvent<HTMLElement>, rowIndex?: number) => void;
+type RowEditCallback = (modifiedRecord: AkitableData, payload: AkitableData) => void;
 export type PaginationChangeEvent = (page: number, size: number) => void;
 export interface AkitableProps {
     actions?: AkitableAction[];
@@ -13,6 +14,7 @@ export interface AkitableProps {
     rowKey: string;
     onPaginationChanged?: PaginationChangeEvent;
     onRowClick?: RowClickEvent;
+    onRowEdit?: RowEditCallback;
 }
 export interface AkitableHeaderProps {
     title?: string;
@@ -26,6 +28,7 @@ export interface AkitableDataTableProps {
     data: AkitableData[];
     rowKey: string;
     onRowClick?: RowClickEvent;
+    onRowEdit?: RowEditCallback;
 }
 export type AkitablePageSizes = 20 | 50 | 100 | 250;
 export interface AkitablePaginationProps {
@@ -34,6 +37,7 @@ export interface AkitablePaginationProps {
 }
 export interface AkitableColumn extends TableColumnType<AkitableData> {
     copyable?: boolean;
+    editable?: boolean;
 }
 export interface AkitableData {
     [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,KAAK,aAAa,GAAG,CACnB,MAAM,EAAE,YAAY,EACpB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EACrC,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAEzE,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC;IAC7C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAGD,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,YAAY,CAAC;IAEnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAE3B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC;CAClD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,KAAK,aAAa,GAAG,CACnB,MAAM,EAAE,YAAY,EACpB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EACrC,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;AAEV,KAAK,eAAe,GAAG,CACrB,cAAc,EAAE,YAAY,EAC5B,OAAO,EAAE,YAAY,KAClB,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAEzE,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC;IAC7C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAGD,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,YAAY,CAAC;IAEnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAE3B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC;CAClD"}

package/dist/esm/akitable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"akitable.d.ts","sourceRoot":"","sources":["../../src/akitable.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAC;AAIxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAuC,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7E,eAAO,MAAM,QAAQ,UAAW,aAAa,sBA8D5C,CAAC"}
+{"version":3,"file":"akitable.d.ts","sourceRoot":"","sources":["../../src/akitable.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAuC,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAgE5C,CAAC"}

package/dist/esm/akitable.js

@@ -1,17 +1,17 @@
 'use client';
 import './akitable.css';
-import { ErrorBoundary } from 'react-error-boundary';
 import { ConfigProvider } from 'antd';
 import React from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
 import { AkitableProvider } from './akitable-context';
 import { themeOverrides } from './common/theme-overrides';
 import { AkitableControls } from './components/controls';
 import { AkitableDataTable } from './components/datatable';
+import { fallbackRender } from './components/error';
 import { AkitableFooter } from './components/footer';
 import { AkitableHeader } from './components/header';
-import { fallbackRender } from './components/error';
 export const Akitable = (props) => {
-    const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick } = props;
+    const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit } = props;
     let parsedData = [];
     let total;
     // If there is a pagination object, table data should be accessed from type AkitablePaginatedData.
@@ -32,6 +32,6 @@ export const Akitable = (props) => {
                 React.createElement(ConfigProvider, { theme: themeOverrides },
                     React.createElement(AkitableHeader, Object.assign({}, header)),
                     React.createElement(AkitableControls, null),
-                    React.createElement(AkitableDataTable, { columns: columns, data: parsedData, rowKey: rowKey, onRowClick: onRowClick }),
+                    React.createElement(AkitableDataTable, { columns: columns, data: parsedData, rowKey: rowKey, onRowClick: onRowClick, onRowEdit: onRowEdit }),
                     React.createElement(AkitableFooter, Object.assign({}, footer)))))));
 };

package/dist/esm/common/theme-overrides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-overrides.d.ts","sourceRoot":"","sources":["../../../src/common/theme-overrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,WAAW,EAAE,MAAM,MAAM,CAAC;AAEvD,eAAO,MAAM,cAAc,EAAE,WA2D5B,CAAC"}
+{"version":3,"file":"theme-overrides.d.ts","sourceRoot":"","sources":["../../../src/common/theme-overrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,WAAW,EAAE,MAAM,MAAM,CAAC;AAEvD,eAAO,MAAM,cAAc,EAAE,WAmE5B,CAAC"}

package/dist/esm/common/theme-overrides.js

@@ -57,6 +57,14 @@ export const themeOverrides = {
             colorBorder: theme.colors.azure['500'],
             borderColorDisabled: theme.colors.neutral['350'],
             algorithm: antdTheme.defaultAlgorithm
+        },
+        Input: {
+            colorBgContainer: theme.colors.neutral['50'],
+            colorBorder: theme.colors.neutral['350'],
+            colorText: theme.colors.neutral['950'],
+            colorTextDisabled: theme.colors.neutral['375'],
+            colorTextPlaceholder: theme.colors.neutral['375'],
+            algorithm: antdTheme.defaultAlgorithm
         }
     }
 };

package/dist/esm/components/EditableCell.d.ts

@@ -0,0 +1,13 @@
+import './datatable.css';
+import React from 'react';
+import { AkitableData } from '../types';
+interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
+    editing: boolean;
+    dataIndex: string | string[];
+    title: any;
+    record: AkitableData;
+    index: number;
+}
+declare const EditableCell: React.FC<React.PropsWithChildren<EditableCellProps>>;
+export default EditableCell;
+//# sourceMappingURL=EditableCell.d.ts.map

package/dist/esm/components/EditableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.d.ts","sourceRoot":"","sources":["../../../src/components/EditableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAoCtE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/components/EditableCell.js

@@ -0,0 +1,33 @@
+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;
+};
+import './datatable.css';
+import { Akiform } from '@akinon/akiform';
+import { Input } from '@akinon/ui-input';
+import React from 'react';
+const EditableCell = (_a) => {
+    var { editing, dataIndex, title, record, children } = _a, restProps = __rest(_a, ["editing", "dataIndex", "title", "record", "children"]);
+    let initialValue = null;
+    if (dataIndex && Array.isArray(dataIndex)) {
+        initialValue = dataIndex.reduce((acc, key) => acc === null || acc === void 0 ? void 0 : acc[key], record);
+    }
+    else {
+        initialValue = record === null || record === void 0 ? void 0 : record[dataIndex];
+    }
+    return (React.createElement("td", Object.assign({}, restProps), editing ? (React.createElement(Akiform.Item, { name: dataIndex, style: { margin: 0 }, rules: [
+            {
+                required: true,
+                message: `Missing ${title}!`
+            }
+        ], initialValue: initialValue },
+        React.createElement(Input, null))) : (children)));
+};
+export default EditableCell;

package/dist/esm/components/datatable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../../src/components/datatable.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAgB,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAsC9D,CAAC"}
+{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../../src/components/datatable.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAOzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgC,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIhF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAuH9D,CAAC"}

package/dist/esm/components/datatable.js

@@ -1,11 +1,20 @@
 import './datatable.css';
+import { Akiform } from '@akinon/akiform';
+import { Button } from '@akinon/ui-button';
 import { Table } from '@akinon/ui-table';
+import { Text } from '@akinon/ui-typography';
 import clsx from 'clsx';
 import React from 'react';
 import { useAkitableContext } from '../akitable-context';
+import { i18n } from '../i18n';
+import EditableCell from './EditableCell';
+const { t } = i18n;
 export const AkitableDataTable = (props) => {
     const { isLoading, selectedRowKeys, setSelectedRowKeys, actions } = useAkitableContext();
-    const { columns, data, rowKey, onRowClick } = props;
+    const { columns, data, rowKey, onRowClick, onRowEdit } = props;
+    const [form] = Akiform.useForm();
+    const [localColumns, setLocalColumns] = React.useState(columns);
+    const [editingKey, setEditingKey] = React.useState(null);
     const hasActions = actions && actions.length > 0;
     const onSelectChange = (newSelectedRowKeys) => {
         setSelectedRowKeys === null || setSelectedRowKeys === void 0 ? void 0 : setSelectedRowKeys(newSelectedRowKeys);
@@ -14,12 +23,56 @@ export const AkitableDataTable = (props) => {
         selectedRowKeys,
         onChange: onSelectChange
     };
+    /**
+     * If onRowEdit is provided:
+     * 1. Add an edit column to the end of columns
+     * 2. Look up the existing columns and if editable is set to true, add onCell method to the column
+     */
+    React.useEffect(() => {
+        if (!onRowEdit) {
+            return;
+        }
+        const modifiedColumns = columns.map(column => {
+            if (!column.editable)
+                return column;
+            return Object.assign(Object.assign({}, column), { onCell: (record) => ({
+                    record,
+                    dataIndex: column.dataIndex,
+                    title: column.title,
+                    editing: record.id === editingKey
+                }) });
+        });
+        const editColumn = {
+            key: 'edit',
+            title: t('edit'),
+            render: (record) => {
+                const isRowEditing = record.id === editingKey;
+                return isRowEditing ? (React.createElement("span", null,
+                    React.createElement(Button, { type: "secondary", size: "small", onClick: () => {
+                            onRowEdit(record, form.getFieldsValue());
+                            setEditingKey(null);
+                            form.resetFields();
+                        } }, t('save')),
+                    React.createElement(Text, { type: "danger", onClick: () => setEditingKey(null), style: { marginLeft: 8, cursor: 'pointer' } }, t('cancel')))) : (React.createElement(Button, { type: "primary", size: "small", onClick: () => {
+                        form.resetFields();
+                        setEditingKey(record.id);
+                    } }, t('edit')));
+            },
+            width: 200
+        };
+        setLocalColumns([...modifiedColumns, editColumn]);
+    }, [columns, onRowEdit, editingKey]);
     return (React.createElement("div", { className: "akitable-wrapper" },
-        React.createElement(Table, { columns: columns, dataSource: data, rowKey: (record) => record[rowKey], bordered: true, rowHoverable: true, pagination: false, scroll: { x: 'max-content', scrollToFirstRowOnChange: true }, loading: isLoading, onRow: (record, rowIndex) => {
-                return {
-                    onClick: (event) => {
-                        onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(record, event, rowIndex);
+        React.createElement(Akiform, { form: form, component: false },
+            React.createElement(Table, { components: {
+                    body: {
+                        cell: EditableCell
                     }
-                };
-            }, rowClassName: clsx({ 'is-selectable': !!onRowClick }), rowSelection: hasActions ? rowSelection : undefined })));
+                }, columns: localColumns, dataSource: data, rowKey: (record) => record[rowKey], bordered: true, rowHoverable: true, pagination: false, scroll: { x: 'max-content', scrollToFirstRowOnChange: true }, loading: isLoading, onRow: (record, rowIndex) => {
+                    return {
+                        onClick: (event) => {
+                            onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(record, event, rowIndex);
+                        }
+                    };
+                }, rowClassName: clsx({ 'is-selectable': !!onRowClick }), rowSelection: hasActions ? rowSelection : undefined }))));
 };

package/dist/esm/i18n/translations/en.d.ts

@@ -8,6 +8,9 @@ declare const translations: {
     readonly resultsFound: "{{count}} result(s) found.";
     readonly selectAction: "Select Action";
     readonly selectedCount: "Selected {{count}} record(s).";
+    readonly edit: "Edit";
+    readonly save: "Save";
+    readonly cancel: "Cancel";
 };
 export default translations;
 //# sourceMappingURL=en.d.ts.map

package/dist/esm/i18n/translations/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;CAWR,CAAC;AAEX,eAAe,YAAY,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/esm/i18n/translations/en.js

@@ -7,6 +7,9 @@ const translations = {
     noData: 'No results found.',
     resultsFound: '{{count}} result(s) found.',
     selectAction: 'Select Action',
-    selectedCount: 'Selected {{count}} record(s).'
+    selectedCount: 'Selected {{count}} record(s).',
+    edit: 'Edit',
+    save: 'Save',
+    cancel: 'Cancel'
 };
 export default translations;

package/dist/esm/i18n/translations/tr.d.ts

@@ -8,6 +8,9 @@ declare const translations: {
     readonly resultsFound: "{{count}} sonuç bulundu.";
     readonly selectAction: "Aksiyon Seçiniz";
     readonly selectedCount: "{{count}} kayit seçildi.";
+    readonly edit: "Düzenle";
+    readonly save: "Kaydet";
+    readonly cancel: "İptal";
 };
 export default translations;
 //# sourceMappingURL=tr.d.ts.map

package/dist/esm/i18n/translations/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;CAWR,CAAC;AAEX,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/esm/i18n/translations/tr.js

@@ -7,6 +7,9 @@ const translations = {
     noData: 'Kayıt bulunamadı.',
     resultsFound: '{{count}} sonuç bulundu.',
     selectAction: 'Aksiyon Seçiniz',
-    selectedCount: '{{count}} kayit seçildi.'
+    selectedCount: '{{count}} kayit seçildi.',
+    edit: 'Düzenle',
+    save: 'Kaydet',
+    cancel: 'İptal'
 };
 export default translations;

package/dist/esm/types.d.ts

@@ -1,6 +1,7 @@
 import { TableColumnType } from 'antd';
 import { ReactNode } from 'react';
 type RowClickEvent = (record: AkitableData, event?: React.MouseEvent<HTMLElement>, rowIndex?: number) => void;
+type RowEditCallback = (modifiedRecord: AkitableData, payload: AkitableData) => void;
 export type PaginationChangeEvent = (page: number, size: number) => void;
 export interface AkitableProps {
     actions?: AkitableAction[];
@@ -13,6 +14,7 @@ export interface AkitableProps {
     rowKey: string;
     onPaginationChanged?: PaginationChangeEvent;
     onRowClick?: RowClickEvent;
+    onRowEdit?: RowEditCallback;
 }
 export interface AkitableHeaderProps {
     title?: string;
@@ -26,6 +28,7 @@ export interface AkitableDataTableProps {
     data: AkitableData[];
     rowKey: string;
     onRowClick?: RowClickEvent;
+    onRowEdit?: RowEditCallback;
 }
 export type AkitablePageSizes = 20 | 50 | 100 | 250;
 export interface AkitablePaginationProps {
@@ -34,6 +37,7 @@ export interface AkitablePaginationProps {
 }
 export interface AkitableColumn extends TableColumnType<AkitableData> {
     copyable?: boolean;
+    editable?: boolean;
 }
 export interface AkitableData {
     [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,KAAK,aAAa,GAAG,CACnB,MAAM,EAAE,YAAY,EACpB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EACrC,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAEzE,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC;IAC7C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAGD,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,YAAY,CAAC;IAEnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAE3B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC;CAClD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,KAAK,aAAa,GAAG,CACnB,MAAM,EAAE,YAAY,EACpB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EACrC,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;AAEV,KAAK,eAAe,GAAG,CACrB,cAAc,EAAE,YAAY,EAC5B,OAAO,EAAE,YAAY,KAClB,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAEzE,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC;IAC7C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAGD,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,YAAY,CAAC;IAEnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAE3B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC;CAClD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/akitable",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -13,10 +13,12 @@
     "clsx": "^2.0.0",
     "react-error-boundary": "^4.0.13",
     "@akinon/akilocale": "0.10.1",
-    "@akinon/ui-button": "0.5.0",
     "@akinon/icons": "0.4.0",
-    "@akinon/ui-pagination": "0.3.0",
     "@akinon/ui-card": "0.3.0",
+    "@akinon/ui-button": "0.5.0",
+    "@akinon/akiform": "0.7.0",
+    "@akinon/ui-input": "0.4.0",
+    "@akinon/ui-pagination": "0.3.0",
     "@akinon/ui-result": "0.1.0",
     "@akinon/ui-select": "0.3.0",
     "@akinon/ui-skeleton": "0.3.0",
@@ -31,9 +33,9 @@
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "^5.2.2",
+    "@akinon/vite-config": "0.4.0",
     "@akinon/eslint-config": "0.1.0",
-    "@akinon/typescript-config": "0.2.0",
-    "@akinon/vite-config": "0.4.0"
+    "@akinon/typescript-config": "0.2.0"
   },
   "peerDependencies": {
     "react": ">=18",