@akinon/akitable 0.5.0 → 1.0.0

package/dist/cjs/akitable.d.ts

@@ -1,5 +1,16 @@
 import './akitable.css';
 import React from 'react';
 import { AkitableProps } from './types';
+/**
+ * Akitable component for Akinon UI.
+ *
+ * The Akitable component is a versatile and feature-rich table component designed for displaying,
+ * editing, and interacting with tabular data. It supports custom columns, pagination, row actions,
+ * and event callbacks for enhanced user experience and flexibility.
+ *
+ * Features include row click/edit actions, customizable headers and footers, pagination controls,
+ * and integration with Akinon design system standards. It is ideal for complex data visualization
+ * needs in enterprise applications.
+ */
 export declare const Akitable: (props: AkitableProps) => React.JSX.Element;
 //# sourceMappingURL=akitable.d.ts.map

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,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,sBAgE5C,CAAC"}

package/dist/cjs/akitable.js

@@ -13,6 +13,17 @@ const datatable_1 = require("./components/datatable");
 const error_1 = require("./components/error");
 const footer_1 = require("./components/footer");
 const header_1 = require("./components/header");
+/**
+ * Akitable component for Akinon UI.
+ *
+ * The Akitable component is a versatile and feature-rich table component designed for displaying,
+ * editing, and interacting with tabular data. It supports custom columns, pagination, row actions,
+ * and event callbacks for enhanced user experience and flexibility.
+ *
+ * Features include row click/edit actions, customizable headers and footers, pagination controls,
+ * and integration with Akinon design system standards. It is ideal for complex data visualization
+ * needs in enterprise applications.
+ */
 const Akitable = (props) => {
     const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit } = props;
     let parsedData = [];

package/dist/cjs/components/datatable.css

@@ -1,4 +1,10 @@
-.akinon-table-wrapper .akinon-table-thead > tr > th {
+.akitable-wrapper {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+  margin-bottom: 1rem;
+}
+
+.akitable-wrapper .akinon-table-wrapper .akinon-table-thead > tr > th {
   text-transform: uppercase;
   font-size: 0.75rem;
   font-weight: 600;
@@ -6,50 +12,86 @@
   padding-top: 0.65rem;
 }
 
-.akitable-wrapper {
-  margin-left: -1.5rem;
-  margin-right: -1.5rem;
-  margin-bottom: 1rem;
-}
-
-.akinon-table-content {
+.akitable-wrapper .akinon-table-content {
   scrollbar-color: auto;
   scrollbar-width: auto;
 }
 
-.akinon-table-content::-webkit-scrollbar {
+.akitable-wrapper .akinon-table-content::-webkit-scrollbar {
   height: 8px;
 }
 
-.akinon-table-content::-webkit-scrollbar-track {
+.akitable-wrapper .akinon-table-content::-webkit-scrollbar-track {
   background-color: var(--color-neutral-100);
   border: none;
   padding: 1px;
 }
 
-.akinon-table-content::-webkit-scrollbar-thumb {
+.akitable-wrapper .akinon-table-content::-webkit-scrollbar-thumb {
   background-color: var(--color-neutral-300);
   border-radius: 3px;
   border: none;
 }
 
 /* Add background for alternate rows. */
-.akinon-table-row:nth-child(odd) td {
-  background-color: var(--color-neutral-100);
+.akitable-wrapper .akinon-table-row:nth-child(odd) {
+  background-color: var(--color-neutral-75);
 }
 
-.akinon-table-row.is-selectable {
+.akitable-wrapper .akinon-table-row.is-selectable {
   cursor: pointer;
 }
 
-.akinon-table-row.is-selectable td {
+.akitable-wrapper .akinon-table-row.is-selectable td {
   transition: background-color 0.2s;
 }
 
-.akinon-table-row.is-selectable:hover td {
+.akitable-wrapper .akinon-table-row.is-selectable:hover td {
   background-color: var(--color-blue-100) !important;
 }
 
-.akinon-table-row.is-selectable:hover td[class*='akinon-table-cell-fix-'] {
+.akitable-wrapper
+  .akinon-table-row.is-selectable:hover
+  td[class*='akinon-table-cell-fix-'] {
   background-color: var(--color-blue-200) !important;
 }
+
+.akitable-wrapper .akinon-table-row.akitable-row-pending {
+  background-color: var(--color-green-952-10);
+  position: relative;
+}
+
+.akitable-wrapper .akinon-table-row.akitable-row-pending::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: repeating-linear-gradient(
+    60deg,
+    transparent 0px,
+    transparent 18px,
+    var(--color-green-952-15) 18px,
+    var(--color-green-952-15) 36px,
+    transparent 36px
+  );
+  animation: shimmer 20s linear infinite;
+}
+
+@keyframes shimmer {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: -4.82596083%;
+  }
+}
+
+.akitable-wrapper .akinon-table-row.akitable-row-error {
+  background-color: var(--color-red-425-10);
+}
+
+.akitable-wrapper .akinon-table-tbody tr:last-child td {
+  border-bottom: 1px solid var(--color-neutral-350);
+}

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,sBAsH9D,CAAC"}
+{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../../src/components/datatable.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAOzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgC,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIhF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBA4H9D,CAAC"}

package/dist/cjs/components/datatable.js

@@ -77,6 +77,10 @@ const AkitableDataTable = (props) => {
                             onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(record, event, rowIndex);
                         }
                     };
-                }, rowClassName: (0, clsx_1.default)({ 'is-selectable': !!onRowClick }), rowSelection: hasActions ? rowSelection : undefined }))));
+                }, rowClassName: (record) => (0, clsx_1.default)({
+                    'is-selectable': !!onRowClick,
+                    'akitable-row-pending': record.rowStatus === 'pending',
+                    'akitable-row-error': record.rowStatus === 'error'
+                }), rowSelection: hasActions ? rowSelection : undefined }))));
 };
 exports.AkitableDataTable = AkitableDataTable;

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,yBAoB9B,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;AAK1B,eAAO,MAAM,kBAAkB,yBA2B9B,CAAC"}

package/dist/cjs/components/pagination.js

@@ -10,8 +10,11 @@ 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, { simple: true, disabled: isLoading || (pagination === null || pagination === void 0 ? void 0 : pagination.total) === 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, onChange: (page, size) => onPaginationChanged === null || onPaginationChanged === void 0 ? void 0 : onPaginationChanged(page, size), locale: {
+        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" })));
 };
 exports.AkitablePagination = AkitablePagination;

package/dist/cjs/types.d.ts

@@ -4,52 +4,146 @@ type RowClickEvent = (record: AkitableData, event?: React.MouseEvent<HTMLElement
 type RowEditCallback = (modifiedRecord: AkitableData, payload: AkitableData) => void;
 export type PaginationChangeEvent = (page: number, size: number) => void;
 export interface AkitableProps {
+    /**
+     * Actions available for the table rows.
+     */
     actions?: AkitableAction[];
+    /**
+     * Columns definition for the table.
+     */
     columns: AkitableColumn[];
+    /**
+     * Data source for the table.
+     */
     data: AkitableData[] | AkitablePaginatedData;
+    /**
+     * Header configuration for the table.
+     */
     header?: AkitableHeaderProps;
+    /**
+     * Footer configuration for the table.
+     */
     footer?: AkitableFooterProps;
+    /**
+     * Loading state for the table.
+     */
     isLoading?: boolean;
+    /**
+     * Pagination configuration for the table.
+     */
     pagination?: AkitablePaginationProps;
+    /**
+     * Unique key for each table row.
+     */
     rowKey: string;
+    /**
+     * Callback when pagination changes.
+     */
     onPaginationChanged?: PaginationChangeEvent;
+    /**
+     * Callback for row click events.
+     */
     onRowClick?: RowClickEvent;
+    /**
+     * Callback for row edit events.
+     */
     onRowEdit?: RowEditCallback;
 }
 export interface AkitableHeaderProps {
+    /**
+     * Title of the table header.
+     */
     title?: string;
+    /**
+     * Additional content for the table header.
+     */
     extra?: ReactNode;
 }
 export interface AkitableFooterProps {
+    /**
+     * Additional content for the table footer.
+     */
     extra?: ReactNode;
 }
 export interface AkitableDataTableProps {
+    /**
+     * Columns definition for the table.
+     */
     columns: AkitableColumn[];
+    /**
+     * Data source for the table.
+     */
     data: AkitableData[];
+    /**
+     * Unique key for each table row.
+     */
     rowKey: string;
+    /**
+     * Callback for row click events.
+     */
     onRowClick?: RowClickEvent;
+    /**
+     * Callback for row edit events.
+     */
     onRowEdit?: RowEditCallback;
 }
 export type AkitablePageSizes = 20 | 50 | 100 | 250;
 export interface AkitablePaginationProps {
+    /**
+     * Current page number.
+     */
     page: number;
+    /**
+     * Number of rows per page.
+     */
     size: AkitablePageSizes;
 }
 export interface AkitableColumn extends TableColumnType<AkitableData> {
+    /**
+     * Whether the column is copyable.
+     */
     copyable?: boolean;
+    /**
+     * Whether the column is editable.
+     */
     editable?: boolean;
 }
 export interface AkitableData {
+    /**
+     * Status of the table row.
+     */
+    rowStatus?: 'pending' | 'error';
+    /**
+     * Additional properties for the table row.
+     */
     [key: string]: any;
 }
 export interface AkitablePaginatedData {
+    /**
+     * Total count of rows.
+     */
     count: number;
+    /**
+     * URL for the next set of paginated data.
+     */
     next?: string | null;
+    /**
+     * URL for the previous set of paginated data.
+     */
     previous?: string | null;
+    /**
+     * Results of the current page.
+     */
     results: AkitableData[];
 }
 export interface AkitableAction {
+    /**
+     * Label for the action.
+     */
     label: string;
+    /**
+     * Callback when the action is selected.
+     */
     onSelect: (selectedRowKeys: React.Key[]) => void;
 }
 export {};

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

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

package/dist/esm/akitable.d.ts

@@ -1,5 +1,16 @@
 import './akitable.css';
 import React from 'react';
 import { AkitableProps } from './types';
+/**
+ * Akitable component for Akinon UI.
+ *
+ * The Akitable component is a versatile and feature-rich table component designed for displaying,
+ * editing, and interacting with tabular data. It supports custom columns, pagination, row actions,
+ * and event callbacks for enhanced user experience and flexibility.
+ *
+ * Features include row click/edit actions, customizable headers and footers, pagination controls,
+ * and integration with Akinon design system standards. It is ideal for complex data visualization
+ * needs in enterprise applications.
+ */
 export declare const Akitable: (props: AkitableProps) => React.JSX.Element;
 //# sourceMappingURL=akitable.d.ts.map

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,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,sBAgE5C,CAAC"}

package/dist/esm/akitable.js

@@ -10,6 +10,17 @@ import { AkitableDataTable } from './components/datatable';
 import { fallbackRender } from './components/error';
 import { AkitableFooter } from './components/footer';
 import { AkitableHeader } from './components/header';
+/**
+ * Akitable component for Akinon UI.
+ *
+ * The Akitable component is a versatile and feature-rich table component designed for displaying,
+ * editing, and interacting with tabular data. It supports custom columns, pagination, row actions,
+ * and event callbacks for enhanced user experience and flexibility.
+ *
+ * Features include row click/edit actions, customizable headers and footers, pagination controls,
+ * and integration with Akinon design system standards. It is ideal for complex data visualization
+ * needs in enterprise applications.
+ */
 export const Akitable = (props) => {
     const { actions, columns, data, footer, header, isLoading, pagination, rowKey, onPaginationChanged, onRowClick, onRowEdit } = props;
     let parsedData = [];

package/dist/esm/components/datatable.css

@@ -1,4 +1,10 @@
-.akinon-table-wrapper .akinon-table-thead > tr > th {
+.akitable-wrapper {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+  margin-bottom: 1rem;
+}
+
+.akitable-wrapper .akinon-table-wrapper .akinon-table-thead > tr > th {
   text-transform: uppercase;
   font-size: 0.75rem;
   font-weight: 600;
@@ -6,50 +12,86 @@
   padding-top: 0.65rem;
 }
 
-.akitable-wrapper {
-  margin-left: -1.5rem;
-  margin-right: -1.5rem;
-  margin-bottom: 1rem;
-}
-
-.akinon-table-content {
+.akitable-wrapper .akinon-table-content {
   scrollbar-color: auto;
   scrollbar-width: auto;
 }
 
-.akinon-table-content::-webkit-scrollbar {
+.akitable-wrapper .akinon-table-content::-webkit-scrollbar {
   height: 8px;
 }
 
-.akinon-table-content::-webkit-scrollbar-track {
+.akitable-wrapper .akinon-table-content::-webkit-scrollbar-track {
   background-color: var(--color-neutral-100);
   border: none;
   padding: 1px;
 }
 
-.akinon-table-content::-webkit-scrollbar-thumb {
+.akitable-wrapper .akinon-table-content::-webkit-scrollbar-thumb {
   background-color: var(--color-neutral-300);
   border-radius: 3px;
   border: none;
 }
 
 /* Add background for alternate rows. */
-.akinon-table-row:nth-child(odd) td {
-  background-color: var(--color-neutral-100);
+.akitable-wrapper .akinon-table-row:nth-child(odd) {
+  background-color: var(--color-neutral-75);
 }
 
-.akinon-table-row.is-selectable {
+.akitable-wrapper .akinon-table-row.is-selectable {
   cursor: pointer;
 }
 
-.akinon-table-row.is-selectable td {
+.akitable-wrapper .akinon-table-row.is-selectable td {
   transition: background-color 0.2s;
 }
 
-.akinon-table-row.is-selectable:hover td {
+.akitable-wrapper .akinon-table-row.is-selectable:hover td {
   background-color: var(--color-blue-100) !important;
 }
 
-.akinon-table-row.is-selectable:hover td[class*='akinon-table-cell-fix-'] {
+.akitable-wrapper
+  .akinon-table-row.is-selectable:hover
+  td[class*='akinon-table-cell-fix-'] {
   background-color: var(--color-blue-200) !important;
 }
+
+.akitable-wrapper .akinon-table-row.akitable-row-pending {
+  background-color: var(--color-green-952-10);
+  position: relative;
+}
+
+.akitable-wrapper .akinon-table-row.akitable-row-pending::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: repeating-linear-gradient(
+    60deg,
+    transparent 0px,
+    transparent 18px,
+    var(--color-green-952-15) 18px,
+    var(--color-green-952-15) 36px,
+    transparent 36px
+  );
+  animation: shimmer 20s linear infinite;
+}
+
+@keyframes shimmer {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: -4.82596083%;
+  }
+}
+
+.akitable-wrapper .akinon-table-row.akitable-row-error {
+  background-color: var(--color-red-425-10);
+}
+
+.akitable-wrapper .akinon-table-tbody tr:last-child td {
+  border-bottom: 1px solid var(--color-neutral-350);
+}

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,sBAsH9D,CAAC"}
+{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../../src/components/datatable.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAOzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgC,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIhF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBA4H9D,CAAC"}

package/dist/esm/components/datatable.js

@@ -74,5 +74,9 @@ export const AkitableDataTable = (props) => {
                             onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(record, event, rowIndex);
                         }
                     };
-                }, rowClassName: clsx({ 'is-selectable': !!onRowClick }), rowSelection: hasActions ? rowSelection : undefined }))));
+                }, rowClassName: (record) => clsx({
+                    'is-selectable': !!onRowClick,
+                    'akitable-row-pending': record.rowStatus === 'pending',
+                    'akitable-row-error': record.rowStatus === 'error'
+                }), rowSelection: hasActions ? rowSelection : undefined }))));
 };

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,yBAoB9B,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;AAK1B,eAAO,MAAM,kBAAkB,yBA2B9B,CAAC"}

package/dist/esm/components/pagination.js

@@ -7,7 +7,10 @@ export const AkitablePagination = () => {
     const { isLoading, pagination, onPaginationChanged } = useAkitableContext();
     const { t } = i18n;
     return (React.createElement("div", null,
-        React.createElement(Pagination, { simple: true, disabled: isLoading || (pagination === null || pagination === void 0 ? void 0 : pagination.total) === 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, onChange: (page, size) => onPaginationChanged === null || onPaginationChanged === void 0 ? void 0 : onPaginationChanged(page, size), locale: {
+        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" })));
 };

package/dist/esm/types.d.ts

@@ -4,52 +4,146 @@ type RowClickEvent = (record: AkitableData, event?: React.MouseEvent<HTMLElement
 type RowEditCallback = (modifiedRecord: AkitableData, payload: AkitableData) => void;
 export type PaginationChangeEvent = (page: number, size: number) => void;
 export interface AkitableProps {
+    /**
+     * Actions available for the table rows.
+     */
     actions?: AkitableAction[];
+    /**
+     * Columns definition for the table.
+     */
     columns: AkitableColumn[];
+    /**
+     * Data source for the table.
+     */
     data: AkitableData[] | AkitablePaginatedData;
+    /**
+     * Header configuration for the table.
+     */
     header?: AkitableHeaderProps;
+    /**
+     * Footer configuration for the table.
+     */
     footer?: AkitableFooterProps;
+    /**
+     * Loading state for the table.
+     */
     isLoading?: boolean;
+    /**
+     * Pagination configuration for the table.
+     */
     pagination?: AkitablePaginationProps;
+    /**
+     * Unique key for each table row.
+     */
     rowKey: string;
+    /**
+     * Callback when pagination changes.
+     */
     onPaginationChanged?: PaginationChangeEvent;
+    /**
+     * Callback for row click events.
+     */
     onRowClick?: RowClickEvent;
+    /**
+     * Callback for row edit events.
+     */
     onRowEdit?: RowEditCallback;
 }
 export interface AkitableHeaderProps {
+    /**
+     * Title of the table header.
+     */
     title?: string;
+    /**
+     * Additional content for the table header.
+     */
     extra?: ReactNode;
 }
 export interface AkitableFooterProps {
+    /**
+     * Additional content for the table footer.
+     */
     extra?: ReactNode;
 }
 export interface AkitableDataTableProps {
+    /**
+     * Columns definition for the table.
+     */
     columns: AkitableColumn[];
+    /**
+     * Data source for the table.
+     */
     data: AkitableData[];
+    /**
+     * Unique key for each table row.
+     */
     rowKey: string;
+    /**
+     * Callback for row click events.
+     */
     onRowClick?: RowClickEvent;
+    /**
+     * Callback for row edit events.
+     */
     onRowEdit?: RowEditCallback;
 }
 export type AkitablePageSizes = 20 | 50 | 100 | 250;
 export interface AkitablePaginationProps {
+    /**
+     * Current page number.
+     */
     page: number;
+    /**
+     * Number of rows per page.
+     */
     size: AkitablePageSizes;
 }
 export interface AkitableColumn extends TableColumnType<AkitableData> {
+    /**
+     * Whether the column is copyable.
+     */
     copyable?: boolean;
+    /**
+     * Whether the column is editable.
+     */
     editable?: boolean;
 }
 export interface AkitableData {
+    /**
+     * Status of the table row.
+     */
+    rowStatus?: 'pending' | 'error';
+    /**
+     * Additional properties for the table row.
+     */
     [key: string]: any;
 }
 export interface AkitablePaginatedData {
+    /**
+     * Total count of rows.
+     */
     count: number;
+    /**
+     * URL for the next set of paginated data.
+     */
     next?: string | null;
+    /**
+     * URL for the previous set of paginated data.
+     */
     previous?: string | null;
+    /**
+     * Results of the current page.
+     */
     results: AkitableData[];
 }
 export interface AkitableAction {
+    /**
+     * Label for the action.
+     */
     label: string;
+    /**
+     * Callback when the action is selected.
+     */
     onSelect: (selectedRowKeys: React.Key[]) => void;
 }
 export {};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/akitable",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -9,33 +9,33 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "5.17.0",
+    "antd": "5.22.6",
     "clsx": "^2.0.0",
     "react-error-boundary": "^4.0.13",
-    "@akinon/akiform": "0.9.0",
-    "@akinon/akilocale": "0.14.0",
-    "@akinon/icons": "0.6.0",
-    "@akinon/ui-card": "0.5.0",
-    "@akinon/ui-button": "0.7.0",
-    "@akinon/ui-select": "0.5.0",
-    "@akinon/ui-space": "0.5.0",
-    "@akinon/ui-progress": "0.5.0",
-    "@akinon/ui-result": "0.3.0",
-    "@akinon/ui-pagination": "0.5.0",
-    "@akinon/ui-skeleton": "0.5.0",
-    "@akinon/ui-theme": "0.7.0",
-    "@akinon/ui-input": "0.6.0",
-    "@akinon/ui-typography": "0.5.0",
-    "@akinon/ui-spin": "0.5.0",
-    "@akinon/ui-table": "0.5.0",
-    "@akinon/ui-steps": "0.5.0"
+    "@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"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
-    "typescript": "^5.2.2",
-    "@akinon/typescript-config": "0.4.0"
+    "typescript": "*",
+    "@akinon/typescript-config": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",