@akinon/akitable 1.1.0 → 1.2.0

package/dist/cjs/akitable.d.ts

@@ -1,6 +1,6 @@
 import './akitable.css';
 import React from 'react';
-import { AkitableProps } from './types';
+import type { AkitableProps } from './types';
 /**
  * Akitable component for Akinon UI.
  *

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,sBAuF5C,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,KAAK,EAGV,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,sBAwE5C,CAAC"}

package/dist/cjs/akitable.js

@@ -25,24 +25,14 @@ const header_1 = require("./components/header");
  * needs in enterprise applications.
  */
 const Akitable = (props) => {
-    const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit } = props;
-    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);
-    };
+    const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit, onChangeSorter } = props;
     // If there is a pagination object, table data should be accessed from type AkitablePaginatedData.
     // If not, table data should be accessed from type AkitableData.
     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) || []
-            });
+            const parsedData = (result === null || result === void 0 ? void 0 : result.results) || [];
             return { total, parsedData };
         }
         const result = data;
@@ -57,7 +47,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, onRowEdit: onRowEdit }),
+                    react_1.default.createElement(datatable_1.AkitableDataTable, { columns: columns, data: parsedData, rowKey: rowKey, onRowClick: onRowClick, onRowEdit: onRowEdit, onChangeSorter: onChangeSorter }),
                     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,WAmE5B,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,WAqE5B,CAAC"}

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

@@ -52,6 +52,8 @@ exports.themeOverrides = {
             colorText: ui_theme_1.theme.colors.ebonyClay['900'],
             cellPaddingInline: 28,
             colorBgBase: ui_theme_1.theme.colors.neutral['50'],
+            fontSize: 14,
+            rowHoverBg: ui_theme_1.theme.colors.azure['90'],
             algorithm: antd_1.theme.defaultAlgorithm
         },
         Button: {

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

@@ -1,6 +1,6 @@
 import './datatable.css';
 import React from 'react';
-import { AkitableData } from '../types';
+import type { AkitableData } from '../types';
 interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
     editing: boolean;
     dataIndex: string | string[];

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

@@ -1 +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;IAE7B,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"}
+{"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,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE7B,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/datatable.css

@@ -4,6 +4,10 @@
   margin-bottom: 1rem;
 }
 
+.akitable-wrapper .akinon-table-wrapper {
+  font-weight: inherit;
+}
+
 .akitable-wrapper .akinon-table-wrapper .akinon-table-thead > tr > th {
   text-transform: uppercase;
   font-size: 0.75rem;

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,EAGL,sBAAsB,EAEvB,MAAM,UAAU,CAAC;AAIlB,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAoK9D,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,EAGvB,MAAM,UAAU,CAAC;AAIlB,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBA8K9D,CAAC"}

package/dist/cjs/components/datatable.js

@@ -1,13 +1,4 @@
 "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");
@@ -24,7 +15,7 @@ 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, onRowEdit } = props;
+    const { columns, data, rowKey, onRowClick, onRowEdit, onChangeSorter } = props;
     const [form] = akiform_1.Akiform.useForm();
     const [localColumns, setLocalColumns] = react_1.default.useState(columns);
     const [editingKey, setEditingKey] = react_1.default.useState(null);
@@ -35,6 +26,11 @@ const AkitableDataTable = (props) => {
     const onSelectChange = (newSelectedRowKeys) => {
         setSelectedRowKeys === null || setSelectedRowKeys === void 0 ? void 0 : setSelectedRowKeys(newSelectedRowKeys);
     };
+    const handleOnChangeSorter = (sorter) => {
+        if (typeof onChangeSorter === 'function') {
+            onChangeSorter(sorter);
+        }
+    };
     const rowSelection = {
         selectedRowKeys,
         onChange: onSelectChange
@@ -64,17 +60,17 @@ const AkitableDataTable = (props) => {
             title: t('edit'),
             render: (record) => {
                 const isRowEditing = checkIsEditingRow(getRowKeyData(record));
-                const handleOnClickSaveButton = () => __awaiter(void 0, void 0, void 0, function* () {
+                const handleOnClickSaveButton = async () => {
                     try {
                         setIsLoadingSaveButton(true);
-                        yield onRowEdit(record, form.getFieldsValue());
+                        await onRowEdit(record, form.getFieldsValue());
                         setEditingKey(null);
                         form.resetFields();
                     }
                     finally {
                         setIsLoadingSaveButton(false);
                     }
-                });
+                };
                 const handleOnClickEditButton = (e) => {
                     if (!isLoadingSaveButton) {
                         form.resetFields();
@@ -114,6 +110,6 @@ const AkitableDataTable = (props) => {
                     '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 }))));
+                }), rowSelection: hasActions ? rowSelection : undefined, onChange: (_, __, sorter) => handleOnChangeSorter(sorter) }))));
 };
 exports.AkitableDataTable = AkitableDataTable;

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

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/components/error.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD,eAAO,MAAM,cAAc,2BAA4B,aAAa,sBAqBnE,CAAC"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/components/error.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD,eAAO,MAAM,cAAc,GAAI,wBAAwB,aAAa,sBAqBnE,CAAC"}

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

@@ -1,5 +1,5 @@
 import './footer.css';
 import React from 'react';
-import { AkitableFooterProps } from '../types';
+import type { AkitableFooterProps } from '../types';
 export declare const AkitableFooter: (props: AkitableFooterProps) => React.JSX.Element | null;
 //# sourceMappingURL=footer.d.ts.map

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,6BAsBxD,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,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,6BAsBxD,CAAC"}

package/dist/cjs/components/header.css

@@ -3,6 +3,7 @@
   margin-bottom: 1.5rem;
   /* Setting min-height to prevent cumulative layout shifts. */
   min-height: 40px;
+  flex-wrap: wrap;
 }
 
 .akitable-header-title-container {

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

@@ -1,5 +1,5 @@
 import './header.css';
 import React from 'react';
-import { AkitableHeaderProps } from '../types';
+import type { AkitableHeaderProps } from '../types';
 export declare const AkitableHeader: (props: AkitableHeaderProps) => React.JSX.Element | null;
 //# sourceMappingURL=header.d.ts.map

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,6BA4ExD,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,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,6BA4ExD,CAAC"}

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

@@ -1,4 +1,3 @@
-import './pagination.css';
 import React from 'react';
 export declare const AkitablePagination: () => React.JSX.Element;
 //# sourceMappingURL=pagination.d.ts.map

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;AAO1B,eAAO,MAAM,kBAAkB,yBAuC9B,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,kBAAkB,yBAuC9B,CAAC"}

package/dist/cjs/components/pagination.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AkitablePagination = void 0;
-require("./pagination.css");
 const ui_pagination_1 = require("@akinon/ui-pagination");
 const react_1 = require("react");
 const akitable_context_1 = require("../akitable-context");

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

@@ -1,5 +1,3 @@
-export declare const i18n: {
-    t: (key: string, options?: import("i18next").TOptions) => string;
-    lng: string;
-};
+import { type AkilocaleInstance } from '@akinon/akilocale';
+export declare const i18n: AkilocaleInstance;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;4BAQszB,CAAC;;CADt0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKtE,eAAO,MAAM,IAAI,EAAE,iBAOjB,CAAC"}

package/dist/cjs/types.d.ts

@@ -1,8 +1,18 @@
 import { TableColumnType } from 'antd';
 import { ReactNode } from 'react';
+export type AnyObject = Record<PropertyKey, any>;
+export type SortOrder = 'descend' | 'ascend' | null;
+export interface SorterResult {
+    column?: AkitableColumn;
+    order?: SortOrder;
+    field?: string | readonly string[];
+    columnKey?: string;
+}
 type RowClickEvent = (record: AkitableData, event?: React.MouseEvent<HTMLElement>, rowIndex?: number) => void;
 type RowEditCallback = (modifiedRecord: AkitableData, payload: AkitableData) => void | Promise<void>;
 export type PaginationChangeEvent = (page: number, size: number) => void;
+export type TableOnChangeSorter = SorterResult | SorterResult[];
+export type SorterChangeEvent = (sorter: TableOnChangeSorter) => void;
 export interface AkitableProps {
     /**
      * Actions available for the table rows.
@@ -48,6 +58,10 @@ export interface AkitableProps {
      * Callback for row edit events.
      */
     onRowEdit?: RowEditCallback;
+    /**
+     * Callback for sorter changes.
+     */
+    onChangeSorter?: SorterChangeEvent;
 }
 export interface AkitableHeaderProps {
     /**
@@ -86,6 +100,10 @@ export interface AkitableDataTableProps {
      * Callback for row edit events.
      */
     onRowEdit?: RowEditCallback;
+    /**
+     * Callback for sorter changes.
+     */
+    onChangeSorter?: SorterChangeEvent;
 }
 export type AkitablePageSizes = 20 | 50 | 100 | 250;
 export interface AkitablePaginationProps {

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/esm/akitable.d.ts

@@ -1,6 +1,6 @@
 import './akitable.css';
 import React from 'react';
-import { AkitableProps } from './types';
+import type { AkitableProps } from './types';
 /**
  * Akitable component for Akinon UI.
  *

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,sBAuF5C,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,KAAK,EAGV,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,sBAwE5C,CAAC"}

package/dist/esm/akitable.js

@@ -22,24 +22,14 @@ import { AkitableHeader } from './components/header';
  * needs in enterprise applications.
  */
 export const Akitable = (props) => {
-    const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit } = props;
-    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);
-    };
+    const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit, onChangeSorter } = props;
     // If there is a pagination object, table data should be accessed from type AkitablePaginatedData.
     // If not, table data should be accessed from type AkitableData.
     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) || []
-            });
+            const parsedData = (result === null || result === void 0 ? void 0 : result.results) || [];
             return { total, parsedData };
         }
         const result = data;
@@ -54,6 +44,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, onRowEdit: onRowEdit }),
+                    React.createElement(AkitableDataTable, { columns: columns, data: parsedData, rowKey: rowKey, onRowClick: onRowClick, onRowEdit: onRowEdit, onChangeSorter: onChangeSorter }),
                     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,WAmE5B,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,WAqE5B,CAAC"}

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

@@ -49,6 +49,8 @@ export const themeOverrides = {
             colorText: theme.colors.ebonyClay['900'],
             cellPaddingInline: 28,
             colorBgBase: theme.colors.neutral['50'],
+            fontSize: 14,
+            rowHoverBg: theme.colors.azure['90'],
             algorithm: antdTheme.defaultAlgorithm
         },
         Button: {

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

@@ -1,6 +1,6 @@
 import './datatable.css';
 import React from 'react';
-import { AkitableData } from '../types';
+import type { AkitableData } from '../types';
 interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
     editing: boolean;
     dataIndex: string | string[];

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

@@ -1 +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;IAE7B,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"}
+{"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,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE7B,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/datatable.css

@@ -4,6 +4,10 @@
   margin-bottom: 1rem;
 }
 
+.akitable-wrapper .akinon-table-wrapper {
+  font-weight: inherit;
+}
+
 .akitable-wrapper .akinon-table-wrapper .akinon-table-thead > tr > th {
   text-transform: uppercase;
   font-size: 0.75rem;

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,EAGL,sBAAsB,EAEvB,MAAM,UAAU,CAAC;AAIlB,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAoK9D,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,EAGvB,MAAM,UAAU,CAAC;AAIlB,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBA8K9D,CAAC"}

package/dist/esm/components/datatable.js

@@ -1,12 +1,3 @@
-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';
@@ -21,7 +12,7 @@ import EditableCell from './EditableCell';
 const { t } = i18n;
 export const AkitableDataTable = (props) => {
     const { isLoading, selectedRowKeys, setSelectedRowKeys, actions } = useAkitableContext();
-    const { columns, data, rowKey, onRowClick, onRowEdit } = props;
+    const { columns, data, rowKey, onRowClick, onRowEdit, onChangeSorter } = props;
     const [form] = Akiform.useForm();
     const [localColumns, setLocalColumns] = React.useState(columns);
     const [editingKey, setEditingKey] = React.useState(null);
@@ -32,6 +23,11 @@ export const AkitableDataTable = (props) => {
     const onSelectChange = (newSelectedRowKeys) => {
         setSelectedRowKeys === null || setSelectedRowKeys === void 0 ? void 0 : setSelectedRowKeys(newSelectedRowKeys);
     };
+    const handleOnChangeSorter = (sorter) => {
+        if (typeof onChangeSorter === 'function') {
+            onChangeSorter(sorter);
+        }
+    };
     const rowSelection = {
         selectedRowKeys,
         onChange: onSelectChange
@@ -61,17 +57,17 @@ export const AkitableDataTable = (props) => {
             title: t('edit'),
             render: (record) => {
                 const isRowEditing = checkIsEditingRow(getRowKeyData(record));
-                const handleOnClickSaveButton = () => __awaiter(void 0, void 0, void 0, function* () {
+                const handleOnClickSaveButton = async () => {
                     try {
                         setIsLoadingSaveButton(true);
-                        yield onRowEdit(record, form.getFieldsValue());
+                        await onRowEdit(record, form.getFieldsValue());
                         setEditingKey(null);
                         form.resetFields();
                     }
                     finally {
                         setIsLoadingSaveButton(false);
                     }
-                });
+                };
                 const handleOnClickEditButton = (e) => {
                     if (!isLoadingSaveButton) {
                         form.resetFields();
@@ -111,5 +107,5 @@ export const AkitableDataTable = (props) => {
                     'is-selectable': !!onRowClick && !checkIsEditingRow(getRowKeyData(record)),
                     'akitable-row-pending': record.rowStatus === AkitableRowStatus.PENDING,
                     'akitable-row-error': record.rowStatus === AkitableRowStatus.ERROR
-                }), rowSelection: hasActions ? rowSelection : undefined }))));
+                }), rowSelection: hasActions ? rowSelection : undefined, onChange: (_, __, sorter) => handleOnChangeSorter(sorter) }))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/components/error.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD,eAAO,MAAM,cAAc,2BAA4B,aAAa,sBAqBnE,CAAC"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/components/error.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD,eAAO,MAAM,cAAc,GAAI,wBAAwB,aAAa,sBAqBnE,CAAC"}

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

@@ -1,5 +1,5 @@
 import './footer.css';
 import React from 'react';
-import { AkitableFooterProps } from '../types';
+import type { AkitableFooterProps } from '../types';
 export declare const AkitableFooter: (props: AkitableFooterProps) => React.JSX.Element | null;
 //# sourceMappingURL=footer.d.ts.map

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,6BAsBxD,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,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,6BAsBxD,CAAC"}

package/dist/esm/components/header.css

@@ -3,6 +3,7 @@
   margin-bottom: 1.5rem;
   /* Setting min-height to prevent cumulative layout shifts. */
   min-height: 40px;
+  flex-wrap: wrap;
 }
 
 .akitable-header-title-container {

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

@@ -1,5 +1,5 @@
 import './header.css';
 import React from 'react';
-import { AkitableHeaderProps } from '../types';
+import type { AkitableHeaderProps } from '../types';
 export declare const AkitableHeader: (props: AkitableHeaderProps) => React.JSX.Element | null;
 //# sourceMappingURL=header.d.ts.map

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,6BA4ExD,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,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,6BA4ExD,CAAC"}

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

@@ -1,4 +1,3 @@
-import './pagination.css';
 import React from 'react';
 export declare const AkitablePagination: () => React.JSX.Element;
 //# sourceMappingURL=pagination.d.ts.map

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;AAO1B,eAAO,MAAM,kBAAkB,yBAuC9B,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,kBAAkB,yBAuC9B,CAAC"}

package/dist/esm/components/pagination.js

@@ -1,4 +1,3 @@
-import './pagination.css';
 import { Pagination } from '@akinon/ui-pagination';
 import React from 'react';
 import { useAkitableContext } from '../akitable-context';

package/dist/esm/i18n/index.d.ts

@@ -1,5 +1,3 @@
-export declare const i18n: {
-    t: (key: string, options?: import("i18next").TOptions) => string;
-    lng: string;
-};
+import { type AkilocaleInstance } from '@akinon/akilocale';
+export declare const i18n: AkilocaleInstance;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;4BAQszB,CAAC;;CADt0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKtE,eAAO,MAAM,IAAI,EAAE,iBAOjB,CAAC"}

package/dist/esm/types.d.ts

@@ -1,8 +1,18 @@
 import { TableColumnType } from 'antd';
 import { ReactNode } from 'react';
+export type AnyObject = Record<PropertyKey, any>;
+export type SortOrder = 'descend' | 'ascend' | null;
+export interface SorterResult {
+    column?: AkitableColumn;
+    order?: SortOrder;
+    field?: string | readonly string[];
+    columnKey?: string;
+}
 type RowClickEvent = (record: AkitableData, event?: React.MouseEvent<HTMLElement>, rowIndex?: number) => void;
 type RowEditCallback = (modifiedRecord: AkitableData, payload: AkitableData) => void | Promise<void>;
 export type PaginationChangeEvent = (page: number, size: number) => void;
+export type TableOnChangeSorter = SorterResult | SorterResult[];
+export type SorterChangeEvent = (sorter: TableOnChangeSorter) => void;
 export interface AkitableProps {
     /**
      * Actions available for the table rows.
@@ -48,6 +58,10 @@ export interface AkitableProps {
      * Callback for row edit events.
      */
     onRowEdit?: RowEditCallback;
+    /**
+     * Callback for sorter changes.
+     */
+    onChangeSorter?: SorterChangeEvent;
 }
 export interface AkitableHeaderProps {
     /**
@@ -86,6 +100,10 @@ export interface AkitableDataTableProps {
      * Callback for row edit events.
      */
     onRowEdit?: RowEditCallback;
+    /**
+     * Callback for sorter changes.
+     */
+    onChangeSorter?: SorterChangeEvent;
 }
 export type AkitablePageSizes = 20 | 50 | 100 | 250;
 export interface AkitablePaginationProps {

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":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,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,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE1B,MAAM,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAEtE,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAE3B;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;IAE1B;;OAEG;IACH,IAAI,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC;IAE7C;;OAEG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;IAErC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAE5C;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;CACpC;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;IAE1B;;OAEG;IACH,IAAI,EAAE,YAAY,EAAE,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;CACpC;AAED,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpD,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,YAAY,CAAC;IAEnE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC;AAEX,KAAK,sBAAsB,GACzB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,EAAE,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,sBAAsB,CAAC;IAEnC;;OAEG;IAEH,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC;CAClD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/akitable",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -9,38 +9,39 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "5.22.6",
-    "clsx": "^2.0.0",
-    "react-error-boundary": "^4.0.13",
-    "@akinon/ui-button": "1.2.0",
-    "@akinon/icons": "1.0.1",
-    "@akinon/ui-card": "1.0.1",
-    "@akinon/ui-input": "1.0.1",
-    "@akinon/ui-pagination": "1.2.0",
-    "@akinon/ui-progress": "1.0.1",
-    "@akinon/ui-result": "1.2.0",
-    "@akinon/ui-select": "1.2.0",
-    "@akinon/ui-space": "1.2.0",
-    "@akinon/ui-steps": "1.0.1",
-    "@akinon/ui-table": "1.0.1",
-    "@akinon/ui-theme": "1.0.1",
-    "@akinon/ui-typography": "1.0.1",
-    "@akinon/ui-spin": "1.2.0",
-    "@akinon/ui-skeleton": "1.0.1",
-    "@akinon/akiform": "1.0.1",
-    "@akinon/akilocale": "1.1.0"
+    "antd": "^5.27.0",
+    "clsx": "^2.1.1",
+    "react-error-boundary": "^6.0.0",
+    "@akinon/akiform": "1.1.0",
+    "@akinon/akilocale": "1.2.0",
+    "@akinon/ui-button": "1.3.0",
+    "@akinon/ui-card": "1.1.0",
+    "@akinon/icons": "1.1.0",
+    "@akinon/ui-input": "1.1.0",
+    "@akinon/ui-pagination": "1.3.0",
+    "@akinon/ui-progress": "1.1.0",
+    "@akinon/ui-result": "1.3.0",
+    "@akinon/ui-select": "1.3.0",
+    "@akinon/ui-skeleton": "1.1.0",
+    "@akinon/ui-space": "1.3.0",
+    "@akinon/ui-steps": "1.1.0",
+    "@akinon/ui-theme": "1.1.0",
+    "@akinon/ui-spin": "1.3.0",
+    "@akinon/ui-typography": "1.1.0",
+    "@akinon/ui-table": "1.1.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "*",
-    "@akinon/typescript-config": "1.0.1",
-    "@akinon/utils": "1.0.1"
+    "@akinon/typescript-config": "1.1.0",
+    "@akinon/utils": "1.1.0",
+    "@akinon/vitest-config": "1.1.0"
   },
   "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "clean-package": "../../../clean-package.config.json",
   "types": "dist/esm/index.d.ts",
@@ -54,10 +55,14 @@
   },
   "scripts": {
     "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
-    "build:esm": "tsc --outDir dist/esm",
     "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
-    "copy:files": "copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/esm && copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/cjs",
+    "build:esm": "tsc --outDir dist/esm",
     "clean": "rimraf dist/",
+    "copy:files": "copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/esm && copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/cjs",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:run": "vitest run",
+    "test:ui": "vitest --ui",
     "typecheck": "tsc --noEmit"
   }
 }

package/dist/cjs/components/pagination.css

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

package/dist/esm/components/pagination.css

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