@akinon/akitable 1.0.0 → 1.0.1

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;AAGxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAuC,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAgE5C,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;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAuF5C,CAAC"}

package/dist/cjs/akitable.js

@@ -26,20 +26,31 @@ const header_1 = require("./components/header");
  */
 const Akitable = (props) => {
     const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit } = props;
-    let parsedData = [];
-    let total;
+    const handleGetSplittedDataByPagination = ({ result }) => {
+        if (!pagination)
+            return result;
+        const { page, size } = pagination;
+        const startIndex = (page - 1) * size;
+        const endIndex = startIndex + size;
+        return result.slice(startIndex, endIndex);
+    };
     // If there is a pagination object, table data should be accessed from type AkitablePaginatedData.
     // If not, table data should be accessed from type AkitableData.
-    if (pagination) {
+    const handleGetParsedData = () => {
+        if (pagination) {
+            const result = data;
+            const total = (result === null || result === void 0 ? void 0 : result.count) || 0;
+            const parsedData = handleGetSplittedDataByPagination({
+                result: (result === null || result === void 0 ? void 0 : result.results) || []
+            });
+            return { total, parsedData };
+        }
         const result = data;
-        total = (result === null || result === void 0 ? void 0 : result.count) || 0;
-        parsedData = (result === null || result === void 0 ? void 0 : result.results) || [];
-    }
-    else {
-        const result = data;
-        total = (result === null || result === void 0 ? void 0 : result.length) || 0;
-        parsedData = result || [];
-    }
+        const total = (result === null || result === void 0 ? void 0 : result.length) || 0;
+        const parsedData = result || [];
+        return { total, parsedData };
+    };
+    const { total, parsedData } = handleGetParsedData();
     return (react_1.default.createElement("div", { className: "akitable-container" },
         react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { fallbackRender: error_1.fallbackRender },
             react_1.default.createElement(akitable_context_1.AkitableProvider, { actions: actions, isLoading: isLoading, pagination: Object.assign(Object.assign({}, pagination), { total, hasPagination: !!pagination }), onPaginationChanged: onPaginationChanged },

package/dist/cjs/components/actions.js

@@ -20,13 +20,13 @@ const AkitableActions = () => {
         setSelectedAction(value);
     };
     const handleActionTrigger = () => {
-        if (!selectedAction || !selectedRowKeys || selectedRowKeys.length === 0)
+        if (!selectedAction || !hasSelections)
             return;
         const action = actions === null || actions === void 0 ? void 0 : actions.find((_, index) => index === selectedAction - 1);
         action === null || action === void 0 ? void 0 : action.onSelect(selectedRowKeys);
     };
-    return (react_1.default.createElement("div", { className: "akitable-actions" },
-        react_1.default.createElement(ui_select_1.Select, { placeholder: t('selectAction'), value: selectedAction, options: options, onChange: value => handleActionChange(value), disabled: isLoading || (pagination === null || pagination === void 0 ? void 0 : pagination.total) === 0, allowClear: true }),
+    return (react_1.default.createElement("div", { "data-testid": "akitable-actions", className: "akitable-actions" },
+        react_1.default.createElement(ui_select_1.Select, { placeholder: t('selectAction'), value: selectedAction, options: options, onChange: value => handleActionChange(value), disabled: isLoading || (pagination === null || pagination === void 0 ? void 0 : pagination.total) === 0, allowClear: true, "data-testid": "akitable-actions-select" }),
         selectedAction && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(ui_button_1.Button, { type: "primary", icon: "katalogkontrol", disabled: isLoading || !hasSelections, onClick: handleActionTrigger }, t('apply')),
             hasSelections && (react_1.default.createElement("span", { className: "akitable-actions-info" }, t('selectedCount', { count: selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length })))))));

package/dist/cjs/components/controls.js

@@ -10,9 +10,9 @@ const AkitableControls = () => {
     const { actions, pagination } = (0, akitable_context_1.useAkitableContext)();
     if (!actions)
         return null;
-    return (react_1.default.createElement("div", { className: "akitable-controls" },
+    return (react_1.default.createElement("div", { "data-testid": "akitable-controls", className: "akitable-controls" },
         actions && actions.length > 0 && react_1.default.createElement(actions_1.AkitableActions, null),
-        (pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination) && (react_1.default.createElement("div", { className: "ml-auto" },
+        (pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination) && (react_1.default.createElement("div", { "data-testid": "akitable-controls-pagination", className: "ml-auto" },
             react_1.default.createElement(pagination_1.AkitablePagination, null)))));
 };
 exports.AkitableControls = AkitableControls;

package/dist/cjs/components/datatable.css

@@ -40,14 +40,11 @@
 
 .akitable-wrapper .akinon-table-row.is-selectable {
   cursor: pointer;
-}
-
-.akitable-wrapper .akinon-table-row.is-selectable td {
   transition: background-color 0.2s;
 }
 
-.akitable-wrapper .akinon-table-row.is-selectable:hover td {
-  background-color: var(--color-blue-100) !important;
+.akitable-wrapper .akinon-table-row.is-selectable:hover {
+  background-color: var(--color-blue-100);
 }
 
 .akitable-wrapper
@@ -61,6 +58,10 @@
   position: relative;
 }
 
+.akitable-wrapper .akinon-table-cell {
+  z-index: 1;
+}
+
 .akitable-wrapper .akinon-table-row.akitable-row-pending::after {
   content: '';
   position: absolute;
@@ -95,3 +96,7 @@
 .akitable-wrapper .akinon-table-tbody tr:last-child td {
   border-bottom: 1px solid var(--color-neutral-350);
 }
+
+.akitable-wrapper .akinon-table-row .akinon-table-edit-button--disable {
+  cursor: not-allowed;
+}

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;AAOzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgC,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIhF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBA4H9D,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,EAGL,sBAAsB,EAEvB,MAAM,UAAU,CAAC;AAIlB,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAoK9D,CAAC"}

package/dist/cjs/components/datatable.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AkitableDataTable = void 0;
 require("./datatable.css");
@@ -10,6 +19,7 @@ const clsx_1 = require("clsx");
 const react_1 = require("react");
 const akitable_context_1 = require("../akitable-context");
 const i18n_1 = require("../i18n");
+const types_1 = require("../types");
 const EditableCell_1 = require("./EditableCell");
 const { t } = i18n_1.i18n;
 const AkitableDataTable = (props) => {
@@ -18,7 +28,10 @@ const AkitableDataTable = (props) => {
     const [form] = akiform_1.Akiform.useForm();
     const [localColumns, setLocalColumns] = react_1.default.useState(columns);
     const [editingKey, setEditingKey] = react_1.default.useState(null);
+    const [isLoadingSaveButton, setIsLoadingSaveButton] = react_1.default.useState(false);
     const hasActions = actions && actions.length > 0;
+    const getRowKeyData = (record) => record[rowKey];
+    const checkIsEditingRow = (recordId) => recordId === editingKey;
     const onSelectChange = (newSelectedRowKeys) => {
         setSelectedRowKeys === null || setSelectedRowKeys === void 0 ? void 0 : setSelectedRowKeys(newSelectedRowKeys);
     };
@@ -33,6 +46,7 @@ const AkitableDataTable = (props) => {
      */
     react_1.default.useEffect(() => {
         if (!onRowEdit) {
+            setLocalColumns(columns);
             return;
         }
         const modifiedColumns = columns.map(column => {
@@ -42,45 +56,64 @@ const AkitableDataTable = (props) => {
                     record,
                     dataIndex: column.dataIndex,
                     title: column.title,
-                    editing: record.id === editingKey
+                    editing: checkIsEditingRow(getRowKeyData(record))
                 }) });
         });
         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, { 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: () => {
+                const isRowEditing = checkIsEditingRow(getRowKeyData(record));
+                const handleOnClickSaveButton = () => __awaiter(void 0, void 0, void 0, function* () {
+                    try {
+                        setIsLoadingSaveButton(true);
+                        yield onRowEdit(record, form.getFieldsValue());
+                        setEditingKey(null);
                         form.resetFields();
-                        setEditingKey(record.id);
-                    } }, t('edit')));
+                    }
+                    finally {
+                        setIsLoadingSaveButton(false);
+                    }
+                });
+                const handleOnClickEditButton = (e) => {
+                    if (!isLoadingSaveButton) {
+                        form.resetFields();
+                        setEditingKey(getRowKeyData(record));
+                    }
+                    e.stopPropagation(); // To prevent row click event
+                };
+                const handleOnClickCancelButton = () => {
+                    setEditingKey(null);
+                };
+                return isRowEditing ? (react_1.default.createElement("span", null,
+                    react_1.default.createElement(ui_button_1.Button, { size: "small", onClick: handleOnClickSaveButton, loading: isLoadingSaveButton }, t('save')),
+                    react_1.default.createElement(ui_typography_1.Text, Object.assign({ type: "danger", disabled: isLoadingSaveButton, className: "cursor-pointer ml-2" }, (!isLoadingSaveButton && {
+                        onClick: handleOnClickCancelButton
+                    })), t('cancel')))) : (react_1.default.createElement(ui_button_1.Button, { type: "primary", size: "small", onClick: handleOnClickEditButton, className: (0, clsx_1.default)({
+                        'akinon-table-edit-button--disable': isLoadingSaveButton
+                    }) }, t('edit')));
             },
             width: 200
         };
         setLocalColumns([...modifiedColumns, editColumn]);
-    }, [columns, onRowEdit, editingKey]);
-    return (react_1.default.createElement("div", { className: "akitable-wrapper" },
+    }, [columns, onRowEdit, editingKey, isLoadingSaveButton]);
+    return (react_1.default.createElement("div", { "data-testid": "akitable-datatable-wrapper", className: "akitable-wrapper" },
         react_1.default.createElement(akiform_1.Akiform, { form: form, component: false },
-            react_1.default.createElement(ui_table_1.Table, { components: {
+            react_1.default.createElement(ui_table_1.Table, { "data-testid": "akitable-datatable", components: {
                     body: {
                         cell: EditableCell_1.default
                     }
-                }, 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 {
+                }, columns: localColumns, dataSource: data, rowKey: (record) => getRowKeyData(record), bordered: true, rowHoverable: true, pagination: false, scroll: { x: 'max-content', scrollToFirstRowOnChange: true }, loading: isLoading, onRow: (record, rowIndex) => {
+                    const isEditingRow = checkIsEditingRow(getRowKeyData(record));
+                    return Object.assign({}, (!isEditingRow && {
                         onClick: (event) => {
                             onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(record, event, rowIndex);
                         }
-                    };
+                    }));
                 }, rowClassName: (record) => (0, clsx_1.default)({
-                    'is-selectable': !!onRowClick,
-                    'akitable-row-pending': record.rowStatus === 'pending',
-                    'akitable-row-error': record.rowStatus === 'error'
+                    'is-selectable': !!onRowClick && !checkIsEditingRow(getRowKeyData(record)),
+                    'akitable-row-pending': record.rowStatus === types_1.AkitableRowStatus.PENDING,
+                    'akitable-row-error': record.rowStatus === types_1.AkitableRowStatus.ERROR
                 }), rowSelection: hasActions ? rowSelection : undefined }))));
 };
 exports.AkitableDataTable = AkitableDataTable;

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAW,mBAAmB,6BAkBxD,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAW,mBAAmB,6BAsBxD,CAAC"}

package/dist/cjs/components/footer.js

@@ -11,8 +11,8 @@ const AkitableFooter = (props) => {
     const { extra } = props;
     if (!extra && !(pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination))
         return null;
-    return (react_1.default.createElement("div", { className: "akitable-footer" },
-        extra && (react_1.default.createElement("div", { className: "akitable-footer-extra" }, isLoading ? react_1.default.createElement(ui_spin_1.Spin, null) : extra)),
+    return (react_1.default.createElement("div", { "data-testid": "akitable-footer", className: "akitable-footer" },
+        extra && (react_1.default.createElement("div", { className: "akitable-footer-extra" }, isLoading ? (react_1.default.createElement(ui_spin_1.Spin, { "data-testid": "akitable-footer-extra-loading-skeleton" })) : (extra))),
         react_1.default.createElement("div", { className: "ml-auto" },
             react_1.default.createElement(pagination_1.AkitablePagination, null))));
 };

package/dist/cjs/components/header.css

@@ -5,13 +5,40 @@
   min-height: 40px;
 }
 
+.akitable-header-title-container {
+  display: flex;
+  align-items: center;
+  gap: 0.1rem;
+  color: var(--color-gray-900);
+}
+
 .akitable-header-title {
   font-size: 1.25rem;
   font-weight: bold;
   margin: 0;
   padding: 0;
   line-height: 1;
-  color: var(--color-gray-900);
+  display: flex;
+  align-items: center;
+}
+
+.akitable-header-title-count-skeleton {
+  width: 50px;
+  height: 20px;
+  margin-left: 0.7rem;
+}
+
+.akitable-header-title-count {
+  font-size: 1.25rem;
+  font-weight: bold;
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+}
+
+.akitable-header-title-description-skeleton {
+  width: 120px;
+  height: 10px;
 }
 
 .akitable-header-description {
@@ -20,6 +47,11 @@
   margin-top: 0.5rem;
 }
 
+.akitable-header-extra-content {
+  margin-bottom: 1rem;
+  color: var(--color-gray-300);
+}
+
 .akitable-header-extra {
   margin-left: auto;
   text-align: right;

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAW,mBAAmB,6BAyCxD,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAW,mBAAmB,6BA4ExD,CAAC"}

package/dist/cjs/components/header.js

@@ -14,18 +14,26 @@ const AkitableHeader = (props) => {
     const hasActions = actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0;
     if (!title && !extra)
         return null;
-    return (react_1.default.createElement("div", { className: "akitable-header" },
-        title && (react_1.default.createElement("div", null,
-            react_1.default.createElement("h2", { className: "akitable-header-title" },
-                title,
-                " ",
-                !isLoading && `(${pagination === null || pagination === void 0 ? void 0 : pagination.total})`),
-            !isLoading && !!(pagination === null || pagination === void 0 ? void 0 : pagination.total) && (react_1.default.createElement("span", { className: "akitable-header-description" }, i18n_1.i18n.t('resultsFound', { count: pagination === null || pagination === void 0 ? void 0 : pagination.total }))),
-            !isLoading && !(pagination === null || pagination === void 0 ? void 0 : pagination.total) && (react_1.default.createElement("span", { className: "akitable-header-description" }, i18n_1.i18n.t('noData'))),
-            isLoading && react_1.default.createElement(ui_skeleton_1.Skeleton, { count: 0.7, className: "mt-2" }))),
+    const renderTitle = () => {
+        return (react_1.default.createElement("div", { className: "akitable-header-title-container" },
+            react_1.default.createElement("h2", { className: "akitable-header-title" }, title),
+            isLoading ? (react_1.default.createElement("span", { "data-testid": "akitable-title-loading-skeleton" },
+                react_1.default.createElement(ui_skeleton_1.Skeleton.Button, { active: true, size: "small", className: "ml-1" }))) : (react_1.default.createElement("span", { className: "akitable-header-title-count" }, `(${pagination === null || pagination === void 0 ? void 0 : pagination.total})`))));
+    };
+    const renderTitleDescription = () => {
+        const descriptionContent = !(pagination === null || pagination === void 0 ? void 0 : pagination.total)
+            ? i18n_1.i18n.t('noData')
+            : i18n_1.i18n.t('resultsFound', { count: pagination === null || pagination === void 0 ? void 0 : pagination.total });
+        return (react_1.default.createElement("span", { "data-testid": "akitable-header-description", className: "akitable-header-description" }, descriptionContent));
+    };
+    return (react_1.default.createElement("div", { "data-testid": "akitable-header", className: "akitable-header" },
+        !!title && (react_1.default.createElement("div", { "data-testid": "akitable-header-title-container" },
+            renderTitle(),
+            isLoading ? (react_1.default.createElement("span", { "data-testid": "akitable-title-description-loading-skeleton" },
+                react_1.default.createElement(ui_skeleton_1.Skeleton.Input, { active: true, size: "small", className: "mt-2" }))) : (renderTitleDescription()))),
         react_1.default.createElement("div", { className: "akitable-header-extra" },
-            extra && react_1.default.createElement("div", { className: "mb-4" }, isLoading ? react_1.default.createElement(ui_spin_1.Spin, null) : extra),
-            !hasActions && (pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination) && (react_1.default.createElement("div", null,
+            extra && (react_1.default.createElement("div", { "data-testid": "akitable-header-extra-content", className: "akitable-header-extra-content" }, isLoading ? (react_1.default.createElement(ui_spin_1.Spin, { "data-testid": "akitable-header-extra-loading-skeleton" })) : (extra))),
+            !hasActions && (pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination) && (react_1.default.createElement("div", { "data-testid": "akitable-header-pagination" },
                 react_1.default.createElement(pagination_1.AkitablePagination, null))))));
 };
 exports.AkitableHeader = AkitableHeader;

package/dist/cjs/components/pagination.css

@@ -1,3 +1,3 @@
-.akinon-pagination-options .akinon-select {
+.akitable-pagination .akinon-pagination-options .akinon-select {
   height: 38px;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,kBAAkB,yBA2B9B,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,kBAAkB,yBAuC9B,CAAC"}

package/dist/cjs/components/pagination.js

@@ -6,15 +6,27 @@ const ui_pagination_1 = require("@akinon/ui-pagination");
 const react_1 = require("react");
 const akitable_context_1 = require("../akitable-context");
 const i18n_1 = require("../i18n");
+const PAGE_SIZE_OPTIONS = [20, 50, 100, 250];
 const AkitablePagination = () => {
     const { isLoading, pagination, onPaginationChanged } = (0, akitable_context_1.useAkitableContext)();
     const { t } = i18n_1.i18n;
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(ui_pagination_1.Pagination, { disabled: isLoading || ((pagination === null || pagination === void 0 ? void 0 : pagination.total) || 0) === 0, current: pagination === null || pagination === void 0 ? void 0 : pagination.page, pageSize: pagination === null || pagination === void 0 ? void 0 : pagination.size, pageSizeOptions: [20, 50, 100, 250], total: (pagination === null || pagination === void 0 ? void 0 : pagination.total) || 0, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`, showSizeChanger: true, onChange: (page, size) => {
-                onPaginationChanged === null || onPaginationChanged === void 0 ? void 0 : onPaginationChanged(page, size);
-                return null;
-            }, locale: {
-                items_per_page: t('itemsPerPage')
-            }, theme: "light" })));
+    const totalPagination = (pagination === null || pagination === void 0 ? void 0 : pagination.total) || 0;
+    const hasItems = totalPagination > 0;
+    const locale = {
+        items_per_page: t('itemsPerPage')
+    };
+    const handleShowTotal = (total, range) => {
+        return t('paginationShowTotal', {
+            from: range[0],
+            to: range[1],
+            total
+        });
+    };
+    const handleOnChange = (page, size) => {
+        onPaginationChanged === null || onPaginationChanged === void 0 ? void 0 : onPaginationChanged(page, size);
+        return null;
+    };
+    return (react_1.default.createElement("div", { className: "akitable-pagination" },
+        react_1.default.createElement(ui_pagination_1.Pagination, { disabled: isLoading || !hasItems, current: pagination === null || pagination === void 0 ? void 0 : pagination.page, pageSize: pagination === null || pagination === void 0 ? void 0 : pagination.size, pageSizeOptions: PAGE_SIZE_OPTIONS, total: totalPagination, showTotal: handleShowTotal, showSizeChanger: true, onChange: handleOnChange, locale: locale, theme: "light" })));
 };
 exports.AkitablePagination = AkitablePagination;

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

@@ -11,6 +11,7 @@ declare const translations: {
     readonly edit: "Edit";
     readonly save: "Save";
     readonly cancel: "Cancel";
+    readonly paginationShowTotal: "{{from}}-{{to}} of {{total}} items";
 };
 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;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAe,YAAY,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;CAeR,CAAC;AAEX,eAAe,YAAY,CAAC"}

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

@@ -12,6 +12,7 @@ const translations = {
     selectedCount: 'Selected {{count}} record(s).',
     edit: 'Edit',
     save: 'Save',
-    cancel: 'Cancel'
+    cancel: 'Cancel',
+    paginationShowTotal: '{{from}}-{{to}} of {{total}} items'
 };
 exports.default = translations;

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

@@ -7,10 +7,11 @@ declare const translations: {
     readonly noData: "Kayıt bulunamadı.";
     readonly resultsFound: "{{count}} sonuç bulundu.";
     readonly selectAction: "Aksiyon Seçiniz";
-    readonly selectedCount: "{{count}} kayit seçildi.";
+    readonly selectedCount: "{{count}} kayıt seçildi.";
     readonly edit: "Düzenle";
     readonly save: "Kaydet";
     readonly cancel: "İptal";
+    readonly paginationShowTotal: "{{from}}-{{to}} / {{total}} kayıt";
 };
 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;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;CAeR,CAAC;AAEX,eAAe,YAAY,CAAC"}

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

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

package/dist/cjs/types.d.ts

@@ -1,7 +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;
+type RowEditCallback = (modifiedRecord: AkitableData, payload: AkitableData) => void | Promise<void>;
 export type PaginationChangeEvent = (page: number, size: number) => void;
 export interface AkitableProps {
     /**
@@ -108,11 +108,16 @@ export interface AkitableColumn extends TableColumnType<AkitableData> {
      */
     editable?: boolean;
 }
+export declare const AkitableRowStatus: {
+    readonly PENDING: "pending";
+    readonly ERROR: "error";
+};
+type AllAkitableRowStatuses = `${(typeof AkitableRowStatus)[keyof typeof AkitableRowStatus]}`;
 export interface AkitableData {
     /**
      * Status of the table row.
      */
-    rowStatus?: 'pending' | 'error';
+    rowStatus?: AllAkitableRowStatuses;
     /**
      * Additional properties for the table row.
      */

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

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

package/dist/cjs/types.js

@@ -1,2 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AkitableRowStatus = void 0;
+exports.AkitableRowStatus = {
+    PENDING: 'pending',
+    ERROR: 'error'
+};

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;AAGxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAuC,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAgE5C,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;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAuF5C,CAAC"}

package/dist/esm/akitable.js

@@ -23,20 +23,31 @@ import { AkitableHeader } from './components/header';
  */
 export const Akitable = (props) => {
     const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit } = props;
-    let parsedData = [];
-    let total;
+    const handleGetSplittedDataByPagination = ({ result }) => {
+        if (!pagination)
+            return result;
+        const { page, size } = pagination;
+        const startIndex = (page - 1) * size;
+        const endIndex = startIndex + size;
+        return result.slice(startIndex, endIndex);
+    };
     // If there is a pagination object, table data should be accessed from type AkitablePaginatedData.
     // If not, table data should be accessed from type AkitableData.
-    if (pagination) {
+    const handleGetParsedData = () => {
+        if (pagination) {
+            const result = data;
+            const total = (result === null || result === void 0 ? void 0 : result.count) || 0;
+            const parsedData = handleGetSplittedDataByPagination({
+                result: (result === null || result === void 0 ? void 0 : result.results) || []
+            });
+            return { total, parsedData };
+        }
         const result = data;
-        total = (result === null || result === void 0 ? void 0 : result.count) || 0;
-        parsedData = (result === null || result === void 0 ? void 0 : result.results) || [];
-    }
-    else {
-        const result = data;
-        total = (result === null || result === void 0 ? void 0 : result.length) || 0;
-        parsedData = result || [];
-    }
+        const total = (result === null || result === void 0 ? void 0 : result.length) || 0;
+        const parsedData = result || [];
+        return { total, parsedData };
+    };
+    const { total, parsedData } = handleGetParsedData();
     return (React.createElement("div", { className: "akitable-container" },
         React.createElement(ErrorBoundary, { fallbackRender: fallbackRender },
             React.createElement(AkitableProvider, { actions: actions, isLoading: isLoading, pagination: Object.assign(Object.assign({}, pagination), { total, hasPagination: !!pagination }), onPaginationChanged: onPaginationChanged },

package/dist/esm/components/actions.js

@@ -17,13 +17,13 @@ export const AkitableActions = () => {
         setSelectedAction(value);
     };
     const handleActionTrigger = () => {
-        if (!selectedAction || !selectedRowKeys || selectedRowKeys.length === 0)
+        if (!selectedAction || !hasSelections)
             return;
         const action = actions === null || actions === void 0 ? void 0 : actions.find((_, index) => index === selectedAction - 1);
         action === null || action === void 0 ? void 0 : action.onSelect(selectedRowKeys);
     };
-    return (React.createElement("div", { className: "akitable-actions" },
-        React.createElement(Select, { placeholder: t('selectAction'), value: selectedAction, options: options, onChange: value => handleActionChange(value), disabled: isLoading || (pagination === null || pagination === void 0 ? void 0 : pagination.total) === 0, allowClear: true }),
+    return (React.createElement("div", { "data-testid": "akitable-actions", className: "akitable-actions" },
+        React.createElement(Select, { placeholder: t('selectAction'), value: selectedAction, options: options, onChange: value => handleActionChange(value), disabled: isLoading || (pagination === null || pagination === void 0 ? void 0 : pagination.total) === 0, allowClear: true, "data-testid": "akitable-actions-select" }),
         selectedAction && (React.createElement(React.Fragment, null,
             React.createElement(Button, { type: "primary", icon: "katalogkontrol", disabled: isLoading || !hasSelections, onClick: handleActionTrigger }, t('apply')),
             hasSelections && (React.createElement("span", { className: "akitable-actions-info" }, t('selectedCount', { count: selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length })))))));

package/dist/esm/components/controls.js

@@ -7,8 +7,8 @@ export const AkitableControls = () => {
     const { actions, pagination } = useAkitableContext();
     if (!actions)
         return null;
-    return (React.createElement("div", { className: "akitable-controls" },
+    return (React.createElement("div", { "data-testid": "akitable-controls", className: "akitable-controls" },
         actions && actions.length > 0 && React.createElement(AkitableActions, null),
-        (pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination) && (React.createElement("div", { className: "ml-auto" },
+        (pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination) && (React.createElement("div", { "data-testid": "akitable-controls-pagination", className: "ml-auto" },
             React.createElement(AkitablePagination, null)))));
 };

package/dist/esm/components/datatable.css

@@ -40,14 +40,11 @@
 
 .akitable-wrapper .akinon-table-row.is-selectable {
   cursor: pointer;
-}
-
-.akitable-wrapper .akinon-table-row.is-selectable td {
   transition: background-color 0.2s;
 }
 
-.akitable-wrapper .akinon-table-row.is-selectable:hover td {
-  background-color: var(--color-blue-100) !important;
+.akitable-wrapper .akinon-table-row.is-selectable:hover {
+  background-color: var(--color-blue-100);
 }
 
 .akitable-wrapper
@@ -61,6 +58,10 @@
   position: relative;
 }
 
+.akitable-wrapper .akinon-table-cell {
+  z-index: 1;
+}
+
 .akitable-wrapper .akinon-table-row.akitable-row-pending::after {
   content: '';
   position: absolute;
@@ -95,3 +96,7 @@
 .akitable-wrapper .akinon-table-tbody tr:last-child td {
   border-bottom: 1px solid var(--color-neutral-350);
 }
+
+.akitable-wrapper .akinon-table-row .akinon-table-edit-button--disable {
+  cursor: not-allowed;
+}

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;AAOzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgC,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIhF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBA4H9D,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,EAGL,sBAAsB,EAEvB,MAAM,UAAU,CAAC;AAIlB,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAoK9D,CAAC"}

package/dist/esm/components/datatable.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import './datatable.css';
 import { Akiform } from '@akinon/akiform';
 import { Button } from '@akinon/ui-button';
@@ -7,6 +16,7 @@ import clsx from 'clsx';
 import React from 'react';
 import { useAkitableContext } from '../akitable-context';
 import { i18n } from '../i18n';
+import { AkitableRowStatus } from '../types';
 import EditableCell from './EditableCell';
 const { t } = i18n;
 export const AkitableDataTable = (props) => {
@@ -15,7 +25,10 @@ export const AkitableDataTable = (props) => {
     const [form] = Akiform.useForm();
     const [localColumns, setLocalColumns] = React.useState(columns);
     const [editingKey, setEditingKey] = React.useState(null);
+    const [isLoadingSaveButton, setIsLoadingSaveButton] = React.useState(false);
     const hasActions = actions && actions.length > 0;
+    const getRowKeyData = (record) => record[rowKey];
+    const checkIsEditingRow = (recordId) => recordId === editingKey;
     const onSelectChange = (newSelectedRowKeys) => {
         setSelectedRowKeys === null || setSelectedRowKeys === void 0 ? void 0 : setSelectedRowKeys(newSelectedRowKeys);
     };
@@ -30,6 +43,7 @@ export const AkitableDataTable = (props) => {
      */
     React.useEffect(() => {
         if (!onRowEdit) {
+            setLocalColumns(columns);
             return;
         }
         const modifiedColumns = columns.map(column => {
@@ -39,44 +53,63 @@ export const AkitableDataTable = (props) => {
                     record,
                     dataIndex: column.dataIndex,
                     title: column.title,
-                    editing: record.id === editingKey
+                    editing: checkIsEditingRow(getRowKeyData(record))
                 }) });
         });
         const editColumn = {
             key: 'edit',
             title: t('edit'),
             render: (record) => {
-                const isRowEditing = record.id === editingKey;
-                return isRowEditing ? (React.createElement("span", null,
-                    React.createElement(Button, { 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: () => {
+                const isRowEditing = checkIsEditingRow(getRowKeyData(record));
+                const handleOnClickSaveButton = () => __awaiter(void 0, void 0, void 0, function* () {
+                    try {
+                        setIsLoadingSaveButton(true);
+                        yield onRowEdit(record, form.getFieldsValue());
+                        setEditingKey(null);
                         form.resetFields();
-                        setEditingKey(record.id);
-                    } }, t('edit')));
+                    }
+                    finally {
+                        setIsLoadingSaveButton(false);
+                    }
+                });
+                const handleOnClickEditButton = (e) => {
+                    if (!isLoadingSaveButton) {
+                        form.resetFields();
+                        setEditingKey(getRowKeyData(record));
+                    }
+                    e.stopPropagation(); // To prevent row click event
+                };
+                const handleOnClickCancelButton = () => {
+                    setEditingKey(null);
+                };
+                return isRowEditing ? (React.createElement("span", null,
+                    React.createElement(Button, { size: "small", onClick: handleOnClickSaveButton, loading: isLoadingSaveButton }, t('save')),
+                    React.createElement(Text, Object.assign({ type: "danger", disabled: isLoadingSaveButton, className: "cursor-pointer ml-2" }, (!isLoadingSaveButton && {
+                        onClick: handleOnClickCancelButton
+                    })), t('cancel')))) : (React.createElement(Button, { type: "primary", size: "small", onClick: handleOnClickEditButton, className: clsx({
+                        'akinon-table-edit-button--disable': isLoadingSaveButton
+                    }) }, t('edit')));
             },
             width: 200
         };
         setLocalColumns([...modifiedColumns, editColumn]);
-    }, [columns, onRowEdit, editingKey]);
-    return (React.createElement("div", { className: "akitable-wrapper" },
+    }, [columns, onRowEdit, editingKey, isLoadingSaveButton]);
+    return (React.createElement("div", { "data-testid": "akitable-datatable-wrapper", className: "akitable-wrapper" },
         React.createElement(Akiform, { form: form, component: false },
-            React.createElement(Table, { components: {
+            React.createElement(Table, { "data-testid": "akitable-datatable", components: {
                     body: {
                         cell: EditableCell
                     }
-                }, 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 {
+                }, columns: localColumns, dataSource: data, rowKey: (record) => getRowKeyData(record), bordered: true, rowHoverable: true, pagination: false, scroll: { x: 'max-content', scrollToFirstRowOnChange: true }, loading: isLoading, onRow: (record, rowIndex) => {
+                    const isEditingRow = checkIsEditingRow(getRowKeyData(record));
+                    return Object.assign({}, (!isEditingRow && {
                         onClick: (event) => {
                             onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(record, event, rowIndex);
                         }
-                    };
+                    }));
                 }, rowClassName: (record) => clsx({
-                    'is-selectable': !!onRowClick,
-                    'akitable-row-pending': record.rowStatus === 'pending',
-                    'akitable-row-error': record.rowStatus === 'error'
+                    'is-selectable': !!onRowClick && !checkIsEditingRow(getRowKeyData(record)),
+                    'akitable-row-pending': record.rowStatus === AkitableRowStatus.PENDING,
+                    'akitable-row-error': record.rowStatus === AkitableRowStatus.ERROR
                 }), rowSelection: hasActions ? rowSelection : undefined }))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAW,mBAAmB,6BAkBxD,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAW,mBAAmB,6BAsBxD,CAAC"}

package/dist/esm/components/footer.js

@@ -8,8 +8,8 @@ export const AkitableFooter = (props) => {
     const { extra } = props;
     if (!extra && !(pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination))
         return null;
-    return (React.createElement("div", { className: "akitable-footer" },
-        extra && (React.createElement("div", { className: "akitable-footer-extra" }, isLoading ? React.createElement(Spin, null) : extra)),
+    return (React.createElement("div", { "data-testid": "akitable-footer", className: "akitable-footer" },
+        extra && (React.createElement("div", { className: "akitable-footer-extra" }, isLoading ? (React.createElement(Spin, { "data-testid": "akitable-footer-extra-loading-skeleton" })) : (extra))),
         React.createElement("div", { className: "ml-auto" },
             React.createElement(AkitablePagination, null))));
 };

package/dist/esm/components/header.css

@@ -5,13 +5,40 @@
   min-height: 40px;
 }
 
+.akitable-header-title-container {
+  display: flex;
+  align-items: center;
+  gap: 0.1rem;
+  color: var(--color-gray-900);
+}
+
 .akitable-header-title {
   font-size: 1.25rem;
   font-weight: bold;
   margin: 0;
   padding: 0;
   line-height: 1;
-  color: var(--color-gray-900);
+  display: flex;
+  align-items: center;
+}
+
+.akitable-header-title-count-skeleton {
+  width: 50px;
+  height: 20px;
+  margin-left: 0.7rem;
+}
+
+.akitable-header-title-count {
+  font-size: 1.25rem;
+  font-weight: bold;
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+}
+
+.akitable-header-title-description-skeleton {
+  width: 120px;
+  height: 10px;
 }
 
 .akitable-header-description {
@@ -20,6 +47,11 @@
   margin-top: 0.5rem;
 }
 
+.akitable-header-extra-content {
+  margin-bottom: 1rem;
+  color: var(--color-gray-300);
+}
+
 .akitable-header-extra {
   margin-left: auto;
   text-align: right;

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAW,mBAAmB,6BAyCxD,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAW,mBAAmB,6BA4ExD,CAAC"}

package/dist/esm/components/header.js

@@ -11,17 +11,25 @@ export const AkitableHeader = (props) => {
     const hasActions = actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0;
     if (!title && !extra)
         return null;
-    return (React.createElement("div", { className: "akitable-header" },
-        title && (React.createElement("div", null,
-            React.createElement("h2", { className: "akitable-header-title" },
-                title,
-                " ",
-                !isLoading && `(${pagination === null || pagination === void 0 ? void 0 : pagination.total})`),
-            !isLoading && !!(pagination === null || pagination === void 0 ? void 0 : pagination.total) && (React.createElement("span", { className: "akitable-header-description" }, i18n.t('resultsFound', { count: pagination === null || pagination === void 0 ? void 0 : pagination.total }))),
-            !isLoading && !(pagination === null || pagination === void 0 ? void 0 : pagination.total) && (React.createElement("span", { className: "akitable-header-description" }, i18n.t('noData'))),
-            isLoading && React.createElement(Skeleton, { count: 0.7, className: "mt-2" }))),
+    const renderTitle = () => {
+        return (React.createElement("div", { className: "akitable-header-title-container" },
+            React.createElement("h2", { className: "akitable-header-title" }, title),
+            isLoading ? (React.createElement("span", { "data-testid": "akitable-title-loading-skeleton" },
+                React.createElement(Skeleton.Button, { active: true, size: "small", className: "ml-1" }))) : (React.createElement("span", { className: "akitable-header-title-count" }, `(${pagination === null || pagination === void 0 ? void 0 : pagination.total})`))));
+    };
+    const renderTitleDescription = () => {
+        const descriptionContent = !(pagination === null || pagination === void 0 ? void 0 : pagination.total)
+            ? i18n.t('noData')
+            : i18n.t('resultsFound', { count: pagination === null || pagination === void 0 ? void 0 : pagination.total });
+        return (React.createElement("span", { "data-testid": "akitable-header-description", className: "akitable-header-description" }, descriptionContent));
+    };
+    return (React.createElement("div", { "data-testid": "akitable-header", className: "akitable-header" },
+        !!title && (React.createElement("div", { "data-testid": "akitable-header-title-container" },
+            renderTitle(),
+            isLoading ? (React.createElement("span", { "data-testid": "akitable-title-description-loading-skeleton" },
+                React.createElement(Skeleton.Input, { active: true, size: "small", className: "mt-2" }))) : (renderTitleDescription()))),
         React.createElement("div", { className: "akitable-header-extra" },
-            extra && React.createElement("div", { className: "mb-4" }, isLoading ? React.createElement(Spin, null) : extra),
-            !hasActions && (pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination) && (React.createElement("div", null,
+            extra && (React.createElement("div", { "data-testid": "akitable-header-extra-content", className: "akitable-header-extra-content" }, isLoading ? (React.createElement(Spin, { "data-testid": "akitable-header-extra-loading-skeleton" })) : (extra))),
+            !hasActions && (pagination === null || pagination === void 0 ? void 0 : pagination.hasPagination) && (React.createElement("div", { "data-testid": "akitable-header-pagination" },
                 React.createElement(AkitablePagination, null))))));
 };

package/dist/esm/components/pagination.css

@@ -1,3 +1,3 @@
-.akinon-pagination-options .akinon-select {
+.akitable-pagination .akinon-pagination-options .akinon-select {
   height: 38px;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,kBAAkB,yBA2B9B,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,kBAAkB,yBAuC9B,CAAC"}

package/dist/esm/components/pagination.js

@@ -3,14 +3,26 @@ import { Pagination } from '@akinon/ui-pagination';
 import React from 'react';
 import { useAkitableContext } from '../akitable-context';
 import { i18n } from '../i18n';
+const PAGE_SIZE_OPTIONS = [20, 50, 100, 250];
 export const AkitablePagination = () => {
     const { isLoading, pagination, onPaginationChanged } = useAkitableContext();
     const { t } = i18n;
-    return (React.createElement("div", null,
-        React.createElement(Pagination, { disabled: isLoading || ((pagination === null || pagination === void 0 ? void 0 : pagination.total) || 0) === 0, current: pagination === null || pagination === void 0 ? void 0 : pagination.page, pageSize: pagination === null || pagination === void 0 ? void 0 : pagination.size, pageSizeOptions: [20, 50, 100, 250], total: (pagination === null || pagination === void 0 ? void 0 : pagination.total) || 0, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`, showSizeChanger: true, onChange: (page, size) => {
-                onPaginationChanged === null || onPaginationChanged === void 0 ? void 0 : onPaginationChanged(page, size);
-                return null;
-            }, locale: {
-                items_per_page: t('itemsPerPage')
-            }, theme: "light" })));
+    const totalPagination = (pagination === null || pagination === void 0 ? void 0 : pagination.total) || 0;
+    const hasItems = totalPagination > 0;
+    const locale = {
+        items_per_page: t('itemsPerPage')
+    };
+    const handleShowTotal = (total, range) => {
+        return t('paginationShowTotal', {
+            from: range[0],
+            to: range[1],
+            total
+        });
+    };
+    const handleOnChange = (page, size) => {
+        onPaginationChanged === null || onPaginationChanged === void 0 ? void 0 : onPaginationChanged(page, size);
+        return null;
+    };
+    return (React.createElement("div", { className: "akitable-pagination" },
+        React.createElement(Pagination, { disabled: isLoading || !hasItems, current: pagination === null || pagination === void 0 ? void 0 : pagination.page, pageSize: pagination === null || pagination === void 0 ? void 0 : pagination.size, pageSizeOptions: PAGE_SIZE_OPTIONS, total: totalPagination, showTotal: handleShowTotal, showSizeChanger: true, onChange: handleOnChange, locale: locale, theme: "light" })));
 };

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

@@ -11,6 +11,7 @@ declare const translations: {
     readonly edit: "Edit";
     readonly save: "Save";
     readonly cancel: "Cancel";
+    readonly paginationShowTotal: "{{from}}-{{to}} of {{total}} items";
 };
 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;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAe,YAAY,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;CAeR,CAAC;AAEX,eAAe,YAAY,CAAC"}

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

@@ -10,6 +10,7 @@ const translations = {
     selectedCount: 'Selected {{count}} record(s).',
     edit: 'Edit',
     save: 'Save',
-    cancel: 'Cancel'
+    cancel: 'Cancel',
+    paginationShowTotal: '{{from}}-{{to}} of {{total}} items'
 };
 export default translations;

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

@@ -7,10 +7,11 @@ declare const translations: {
     readonly noData: "Kayıt bulunamadı.";
     readonly resultsFound: "{{count}} sonuç bulundu.";
     readonly selectAction: "Aksiyon Seçiniz";
-    readonly selectedCount: "{{count}} kayit seçildi.";
+    readonly selectedCount: "{{count}} kayıt seçildi.";
     readonly edit: "Düzenle";
     readonly save: "Kaydet";
     readonly cancel: "İptal";
+    readonly paginationShowTotal: "{{from}}-{{to}} / {{total}} kayıt";
 };
 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;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;CAeR,CAAC;AAEX,eAAe,YAAY,CAAC"}

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

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

package/dist/esm/types.d.ts

@@ -1,7 +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;
+type RowEditCallback = (modifiedRecord: AkitableData, payload: AkitableData) => void | Promise<void>;
 export type PaginationChangeEvent = (page: number, size: number) => void;
 export interface AkitableProps {
     /**
@@ -108,11 +108,16 @@ export interface AkitableColumn extends TableColumnType<AkitableData> {
      */
     editable?: boolean;
 }
+export declare const AkitableRowStatus: {
+    readonly PENDING: "pending";
+    readonly ERROR: "error";
+};
+type AllAkitableRowStatuses = `${(typeof AkitableRowStatus)[keyof typeof AkitableRowStatus]}`;
 export interface AkitableData {
     /**
      * Status of the table row.
      */
-    rowStatus?: 'pending' | 'error';
+    rowStatus?: AllAkitableRowStatuses;
     /**
      * Additional properties for the table row.
      */

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

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

package/dist/esm/types.js

@@ -1 +1,4 @@
-export {};
+export const AkitableRowStatus = {
+    PENDING: 'pending',
+    ERROR: 'error'
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/akitable",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -12,30 +12,31 @@
     "antd": "5.22.6",
     "clsx": "^2.0.0",
     "react-error-boundary": "^4.0.13",
-    "@akinon/akiform": "1.0.0",
-    "@akinon/ui-button": "1.0.0",
-    "@akinon/icons": "1.0.0",
-    "@akinon/ui-card": "1.0.0",
-    "@akinon/akilocale": "1.0.0",
-    "@akinon/ui-pagination": "1.0.0",
-    "@akinon/ui-select": "1.0.0",
-    "@akinon/ui-result": "1.0.0",
-    "@akinon/ui-skeleton": "1.0.0",
-    "@akinon/ui-steps": "1.0.0",
-    "@akinon/ui-space": "1.0.0",
-    "@akinon/ui-progress": "1.0.0",
-    "@akinon/ui-spin": "1.0.0",
-    "@akinon/ui-theme": "1.0.0",
-    "@akinon/ui-table": "1.0.0",
-    "@akinon/ui-typography": "1.0.0",
-    "@akinon/ui-input": "1.0.0"
+    "@akinon/akiform": "1.0.1",
+    "@akinon/akilocale": "1.0.1",
+    "@akinon/icons": "1.0.1",
+    "@akinon/ui-button": "1.0.1",
+    "@akinon/ui-card": "1.0.1",
+    "@akinon/ui-input": "1.0.1",
+    "@akinon/ui-pagination": "1.0.1",
+    "@akinon/ui-progress": "1.0.1",
+    "@akinon/ui-result": "1.0.1",
+    "@akinon/ui-select": "1.0.1",
+    "@akinon/ui-skeleton": "1.0.1",
+    "@akinon/ui-space": "1.0.1",
+    "@akinon/ui-table": "1.0.1",
+    "@akinon/ui-steps": "1.0.1",
+    "@akinon/ui-spin": "1.0.1",
+    "@akinon/ui-typography": "1.0.1",
+    "@akinon/ui-theme": "1.0.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "*",
-    "@akinon/typescript-config": "1.0.0"
+    "@akinon/typescript-config": "1.0.1",
+    "@akinon/utils": "1.0.1"
   },
   "peerDependencies": {
     "react": ">=18",