@pnkx-lib/ui 1.9.389 → 1.9.391

package/es/fields/DatePicker.js

@@ -12824,7 +12824,6 @@ const DatePicker = (props) => {
   const {
     field,
     formState,
-    setValue,
     classNameDatepicker = "",
     disabledInputChange,
     dateFormat = "dd/MM/yyyy ",
@@ -12839,9 +12838,10 @@ const DatePicker = (props) => {
     classNameLabel,
     disabled,
     wrapperClassName,
+    afterOnChange,
     ...restProps
   } = props;
-  const { name, value, onBlur } = field || {};
+  const { name, value, onBlur, onChange } = field || {};
   const { touchedFields, errors, isSubmitted } = formState || {};
   const isTouched = get(touchedFields, name);
   const errorMessage = get(errors, name)?.message;
@@ -12856,7 +12856,13 @@ const DatePicker = (props) => {
       if (parsedDate && !isNaN(parsedDate.getTime())) {
         const result = maxDate && parsedDate > maxDate ? maxDate : parsedDate;
         const finalVal = format(new Date(result), "yyyy-MM-dd'T'HH:mm");
-        setValue?.(name, finalVal);
+        afterOnChange?.(result);
+        onChange?.({
+          target: {
+            value: finalVal,
+            name
+          }
+        });
         customOnChange?.(finalVal, e);
       }
     }
@@ -12878,23 +12884,47 @@ const DatePicker = (props) => {
     const parsedDate = parseAndValidateDate(value2);
     if (!parsedDate || isNaN(parsedDate.getTime())) {
       e.target.value = "";
-      setValue?.(name, "");
+      afterOnChange?.(null);
+      onChange?.({
+        target: {
+          value: "",
+          name
+        }
+      });
       customOnChange?.("", e);
       return;
     }
     const finalVal = format(new Date(parsedDate), "yyyy-MM-dd'T'HH:mm");
-    setValue?.(name, finalVal);
+    onChange?.({
+      target: {
+        value: finalVal,
+        name
+      }
+    });
+    afterOnChange?.(finalVal);
     customOnChange?.(finalVal, e);
   };
   const handleDateChange = (date, e) => {
     if (!date) {
       datePickerRef.current?.setOpen(true);
-      setValue?.(name, null);
+      onChange?.({
+        target: {
+          value: "",
+          name
+        }
+      });
+      afterOnChange?.(null);
       customOnChange?.(null, e);
       return;
     }
     const iso = format(new Date(date), "yyyy-MM-dd'T'HH:mm:ss");
-    setValue?.(name, iso);
+    onChange?.({
+      target: {
+        value: iso,
+        name
+      }
+    });
+    afterOnChange?.(iso);
     customOnChange?.(iso, e);
   };
   const valueDate = () => {

package/es/index.js

@@ -64,6 +64,7 @@ export { UploadComponent } from './ui/UploadComponent.js';
 export { useAppMessage } from './ui/Message.js';
 export { ViewPdf } from './ui/ViewPdf.js';
 export { SidebarV2 } from './ui/SidebarV2.js';
+export { SelectTable } from './ui/SelectTable.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/SelectTable.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Select, Table, Spin } from 'antd';
 import { useState, useCallback } from 'react';
 
-function SelectTable({
+const SelectTable = ({
   columns,
   dataSource = [],
   selectedKeys = [],
@@ -17,7 +17,7 @@ function SelectTable({
   loadMoreThreshold = 50,
   searchPlaceholder = "Tìm kiếm...",
   ...selectProps
-}) {
+}) => {
   const [open, setOpen] = useState(false);
   const [internalDataSource] = useState(dataSource);
   const [internalLoading, setInternalLoading] = useState(false);
@@ -128,6 +128,6 @@ function SelectTable({
       searchValue
     }
   );
-}
+};
 
-export { SelectTable as default };
+export { SelectTable };

package/es/ui/index.js

@@ -72,6 +72,7 @@ export { UploadComponent } from './UploadComponent.js';
 export { useAppMessage } from './Message.js';
 export { ViewPdf } from './ViewPdf.js';
 export { SidebarV2 } from './SidebarV2.js';
+export { SelectTable } from './SelectTable.js';
 
 const iconTableNoData = "data:image/png;base64,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";
 

package/package.json

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

package/types/components/fields/DatePicker.d.ts

@@ -1,11 +1,10 @@
 import { default as React } from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
-import { ControllerRenderProps, UseFormSetValue, UseFormStateReturn } from 'react-hook-form';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
 export type TSize = "small" | "medium" | "large";
 export interface DatePickerProps extends Omit<ReactDatePickerProps, "onChange"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
-    setValue?: UseFormSetValue<any>;
     classNameDatepicker?: string;
     disabledInputChange?: boolean;
     required?: boolean;
@@ -18,5 +17,6 @@ export interface DatePickerProps extends Omit<ReactDatePickerProps, "onChange">
     customValue?: Date | null;
     size?: TSize;
     classNameLabel?: string;
+    afterOnChange?: (value: Date | null | string) => void;
 }
 export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -18,4 +18,4 @@ export interface SelectTableProps<T = Record<string, unknown>> extends Omit<Sele
     loadMoreThreshold?: number;
     searchPlaceholder?: string;
 }
-export default function SelectTable<T = Record<string, unknown>>({ columns, dataSource, selectedKeys, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, ...selectProps }: SelectTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const SelectTable: <T>({ columns, dataSource, selectedKeys, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, ...selectProps }: SelectTableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/types/ui/SelectTable.d.ts

@@ -1,4 +1,2 @@
-export {}
-import PnkxUI from '../components/ui/SelectTable'
-export default PnkxUI
+export * from '../components/ui/SelectTable'
 export {}