@pnkx-lib/ui 1.9.237 → 1.9.238

package/es/ui/index.js

@@ -5181,6 +5181,7 @@ const Table = ({
   size = "small",
   defaultEllipsis = true,
   onDoubleClickRow,
+  handleSubmit,
   ...rest
 }) => {
   //! State
@@ -5256,8 +5257,7 @@ const Table = ({
     minHeight: 200
     // chiều cao tối thiểu
   });
-  //! Render
-  return /* @__PURE__ */ jsxs(
+  const tableContent = /* @__PURE__ */ jsxs(
     "div",
     {
       id: "layout-wrapper-table",
@@ -5336,6 +5336,14 @@ const Table = ({
       ]
     }
   );
+  const renderTable = () => {
+    if (handleSubmit) {
+      return /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: tableContent });
+    }
+    return tableContent;
+  };
+  //! Render
+  return renderTable();
 };
 const EmptyTable = () => {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center text-center", children: [

package/package.json

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

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

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React, FormEventHandler, ReactNode } from 'react';
 import { TableColumnsType as TableColumnsTypeAntd } from 'antd';
 import { TableProps } from 'antd/lib/table';
 import { SorterResult } from 'antd/es/table/interface';
@@ -42,5 +42,6 @@ export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     bulkActionHandlers?: BulkActionHandlers;
     renderHeadingSearch?: () => ReactNode;
     rightHeadingContent?: ReactNode;
+    handleSubmit?: FormEventHandler<any>;
 }
-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 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, handleSubmit, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +0,0 @@
-import { DefaultValues } from 'react-hook-form';
-import { TableColumnsType as TableColumnsTypeAntd } from 'antd';
-import { ColumnTypes, RowCommon, TableCommonProps } from '../Table';
-import * as yup from "yup";
-export interface EditableTableCommonProps<T> extends TableCommonProps<T> {
-    onSave?: (data: T) => void;
-    schema?: yup.AnyObjectSchema;
-    initialValueForm?: DefaultValues<T>;
-}
-export type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
-    editable?: boolean;
-})[];
-export type TableColumnsType<T> = TableColumnsTypeAntd<T> & TableColumnsTypeEditable<T>;
-export declare const EditableTable: <T extends RowCommon>({ onSave, schema, initialValueForm, rowKey, columns, ...rest }: EditableTableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;