@pnkx-lib/ui 1.9.234 → 1.9.235

package/es/ui/index.js

@@ -5183,9 +5183,8 @@ const Table = ({
   onDoubleClickRow,
   ...rest
 }) => {
-  const status = filters?.status;
   //! State
-  const [data, setData] = useState([]);
+  const status = filters?.status;
   const [openSetting, setOpenStting] = useState(false);
   const paginationConfig = {
     current: filters?.page,
@@ -5224,9 +5223,6 @@ const Table = ({
     ...ellipsisColumns
   ] : ellipsisColumns;
   //! Function
-  useEffect(() => {
-    setData(Array.isArray(dataSource) ? dataSource : []);
-  }, [JSON.stringify(dataSource)]);
   const handleTableChange = (pagination, filters2, sorter) => {
     if (sorter && onSort) {
       onSort(sorter);
@@ -5290,9 +5286,9 @@ const Table = ({
               Table$1,
               {
                 rowKey,
-                dataSource: data,
+                dataSource,
                 columns: columnsWithIndex,
-                pagination: !isEmpty(data) ? paginationConfig : false,
+                pagination: !isEmpty(dataSource) ? paginationConfig : false,
                 loading,
                 rowSelection: rowsSelected ? rowSelection : void 0,
                 onChange: handleTableChange,
@@ -5303,7 +5299,6 @@ const Table = ({
                 locale: {
                   emptyText: /* @__PURE__ */ jsx(EmptyTable, {})
                 },
-                rowClassName: (_, index) => `table-row-${index % 2 === 0 ? "even" : "odd"}`,
                 scroll: { y: tableHeight },
                 size,
                 ...rest

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.234",
+  "version": "1.9.235",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/ui/EditableTable/index.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { TableProps } from 'antd/lib/table';
+import { SorterResult } from 'antd/es/table/interface';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { InitialFiltersSearch } from '@pnkx-lib/core';
+import * as yup from "yup";
+interface RowCommon {
+    [x: string]: any;
+}
+type ColumnTypes<T> = Exclude<TableProps<T>["columns"], undefined>;
+export type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {})[];
+export type TFilters = {
+    status?: any;
+};
+export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
+    dataSource?: T[];
+    columns: TableColumnsTypeEditable<T>;
+    loading?: boolean;
+    totalItems?: number;
+    filters: InitialFiltersSearch<TFilters>;
+    onChangePage: (page: number) => void;
+    onChangePageSize: (size: number) => void;
+    onSort?: (sortField: SorterResult<T> | SorterResult<T>[]) => void;
+    rowsSelected?: React.Key[];
+    onSelect: (newSelectedRowKeys: React.Key[]) => void;
+    onRowClick?: (record: T) => void;
+    rowKey?: string | ((record: T) => string);
+    onDoubleClickRow?: (record: T) => void;
+    titleSettingTableModal?: string;
+    showSetting?: boolean;
+    setColumns?: (newColumns: TableColumnsTypeEditable<T>) => void;
+    defaultEllipsis?: boolean;
+    size?: SizeType;
+    setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
+    showIndexColumn?: boolean;
+    editable?: boolean;
+    onSave?: (data: T) => void;
+    schema?: yup.AnyObjectSchema;
+    initialValueForm?: T;
+}
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, showIndexColumn, setFilters, editable, onSave, schema, onDoubleClickRow, defaultEllipsis, size, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/ui/Table/index.d.ts

@@ -32,16 +32,16 @@ export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     titleSettingTableModal?: string;
     showSetting?: boolean;
     setColumns?: (newColumns: TableColumnsType<T>) => void;
-    renderHeadingSearch?: () => ReactNode;
-    rightHeadingContent?: ReactNode;
+    defaultEllipsis?: boolean;
+    size?: SizeType;
+    setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
+    showIndexColumn?: boolean;
     menu: Array<MenuType>;
     groupHeadingButtonItems?: GroupHeadingButtonItem[];
-    showIndexColumn?: boolean;
-    setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
     noBreadcum?: boolean;
     bulkActionHandlers?: BulkActionHandlers;
-    size?: SizeType;
-    defaultEllipsis?: boolean;
+    renderHeadingSearch?: () => ReactNode;
+    rightHeadingContent?: ReactNode;
 }
 export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, showIndexColumn, setFilters, noBreadcum, bulkActionHandlers, size, defaultEllipsis, onDoubleClickRow, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};