@pnkx-lib/ui 1.9.235 → 1.9.236

package/es/index.js

@@ -56,7 +56,7 @@ export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
 export { Card } from './ui/Card.js';
 export { ConfigProvider } from './ui/ConfigProvider.js';
 export { PageNotFound } from './ui/PageNotFound.js';
-export { UploadImageController } from './ui/UploadImage.js';
+export { UploadImage } from './ui/UploadImage.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/UploadComponent.js

@@ -26,7 +26,7 @@ if (process.env.NODE_ENV !== 'production') {
 const logoUpload = "data:image/png;base64,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";
 
 const { Dragger } = Upload;
-const UploadImage = ({
+const UploadComponent = ({
   onUploadSuccess,
   label,
   customStyleUpload,
@@ -125,4 +125,4 @@ const UploadImage = ({
   ] });
 };
 
-export { UploadImage };
+export { UploadComponent };

package/es/ui/UploadImage.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
-import { UploadImage } from './UploadComponent.js';
+import { UploadComponent } from './UploadComponent.js';
 
-const UploadImageController = ({
+const UploadImage = ({
   name,
   label,
   required,
@@ -17,7 +17,7 @@ const UploadImageController = ({
       name,
       control,
       render: ({ field: { onChange } }) => /* @__PURE__ */ jsx(
-        UploadImage,
+        UploadComponent,
         {
           onUploadSuccess: onChange,
           label,
@@ -31,4 +31,4 @@ const UploadImageController = ({
   );
 };
 
-export { UploadImageController };
+export { UploadImage };

package/es/ui/index.js

@@ -67,7 +67,7 @@ export { BreadcrumbHeading } from './BreadcrumbHeading.js';
 export { Card } from './Card.js';
 export { ConfigProvider } from './ConfigProvider.js';
 export { PageNotFound } from './PageNotFound.js';
-export { UploadImageController } from './UploadImage.js';
+export { UploadImage } from './UploadImage.js';
 export { T as TINY_API } from '../chunks/common-CocKiHtC.js';
 
 const SettingColumnItem = ({ lable, name, control }) => {
@@ -5183,8 +5183,9 @@ const Table = ({
   onDoubleClickRow,
   ...rest
 }) => {
-  //! State
   const status = filters?.status;
+  //! State
+  const [data, setData] = useState([]);
   const [openSetting, setOpenStting] = useState(false);
   const paginationConfig = {
     current: filters?.page,
@@ -5223,6 +5224,9 @@ const Table = ({
     ...ellipsisColumns
   ] : ellipsisColumns;
   //! Function
+  useEffect(() => {
+    setData(Array.isArray(dataSource) ? dataSource : []);
+  }, [JSON.stringify(dataSource)]);
   const handleTableChange = (pagination, filters2, sorter) => {
     if (sorter && onSort) {
       onSort(sorter);
@@ -5286,9 +5290,9 @@ const Table = ({
               Table$1,
               {
                 rowKey,
-                dataSource,
+                dataSource: data,
                 columns: columnsWithIndex,
-                pagination: !isEmpty(dataSource) ? paginationConfig : false,
+                pagination: !isEmpty(data) ? paginationConfig : false,
                 loading,
                 rowSelection: rowsSelected ? rowSelection : void 0,
                 onChange: handleTableChange,
@@ -5299,6 +5303,7 @@ 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.235",
+  "version": "1.9.236",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

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;
-    defaultEllipsis?: boolean;
-    size?: SizeType;
-    setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
-    showIndexColumn?: boolean;
+    renderHeadingSearch?: () => ReactNode;
+    rightHeadingContent?: ReactNode;
     menu: Array<MenuType>;
     groupHeadingButtonItems?: GroupHeadingButtonItem[];
+    showIndexColumn?: boolean;
+    setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
     noBreadcum?: boolean;
     bulkActionHandlers?: BulkActionHandlers;
-    renderHeadingSearch?: () => ReactNode;
-    rightHeadingContent?: ReactNode;
+    size?: SizeType;
+    defaultEllipsis?: boolean;
 }
 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 {};

package/types/components/ui/UploadComponent.d.ts

@@ -7,5 +7,5 @@ interface UploadImageProps {
     required?: boolean;
     styleImageDefault?: string;
 }
-export declare const UploadImage: React.FC<UploadImageProps>;
+export declare const UploadComponent: React.FC<UploadImageProps>;
 export {};

package/types/components/ui/UploadImage.d.ts

@@ -7,7 +7,7 @@ interface UploadImageControllerProps {
     customStyleContainer?: string;
     customStyleUpload?: string;
     styleImageDefault?: string;
-    control: Control;
+    control: Control | any;
 }
-export declare const UploadImageController: React.FC<UploadImageControllerProps>;
+export declare const UploadImage: React.FC<UploadImageControllerProps>;
 export {};

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

@@ -1,42 +0,0 @@
-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 {};