@pnkx-lib/ui 1.9.352 → 1.9.354

package/es/fields/Input.js

@@ -1433,6 +1433,7 @@ const NumericFormatCustom = forwardRef((props, ref) => {
   } = props;
   const isMoney = type === "money";
   const isNumberCustom = type === "number_custom";
+  const MAX_VALUE = 999999999999999;
   //! Function
   const handleValueChange = (values) => {
     const numericValue = parseFloat(values.value.replace(/,/g, ""));
@@ -1457,11 +1458,15 @@ const NumericFormatCustom = forwardRef((props, ref) => {
         customInput: Input,
         onValueChange: handleValueChange,
         value,
-        thousandSeparator: isNumberCustom ? `.` : ",",
-        decimalSeparator: isNumberCustom ? `,` : ".",
+        thousandSeparator: isNumberCustom ? `,` : ".",
+        decimalSeparator: isNumberCustom ? `.` : ",",
         valueIsNumericString: true,
         getInputRef: ref,
         prefix: isMoney ? "$" : prefix,
+        isAllowed: (values) => {
+          const { floatValue } = values;
+          return floatValue === void 0 || floatValue <= MAX_VALUE;
+        },
         ...restProps
       }
     ),

package/es/fields/Select.js

@@ -6,6 +6,7 @@ import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { R as RefIcon } from '../chunks/CloseOutlined-D4eYNdNo.js';
 import { R as RefIcon$1 } from '../chunks/DownOutlined-DifOcKuo.js';
+import { useRef } from 'react';
 import { M as MAX_TAG_TEXT_LENGTH, a as MAX_TAG_COUNT } from '../chunks/common-BcURBmQ-.js';
 
 const SelectClearIcon = ({
@@ -78,10 +79,14 @@ const Select = (props) => {
   const { touchedFields, errors, isSubmitted } = formState || {};
   const isTouched = get(touchedFields, name);
   const errorMessage = get(errors, name)?.message;
+  const selectRef = useRef(null);
   //! Function
   const handleChange = (val) => {
     onChange?.(val);
     afterOnChange?.(val);
+    if (mode === "multiple" && selectRef.current) {
+      selectRef.current?.focus();
+    }
   };
   const renderErrorMessage = () => {
     if (!errorMessage) return null;
@@ -123,6 +128,7 @@ const Select = (props) => {
         /* @__PURE__ */ jsx(
           Select$1,
           {
+            ref: selectRef,
             suffixIcon,
             onChange: handleChange,
             onBlur,

package/es/ui/ImportFile.js

@@ -1,9 +1,8 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Upload } from 'antd';
-import * as React from 'react';
-import { useState } from 'react';
 import { R as RefIcon$2 } from '../chunks/InboxOutlined-DNCJCjk3.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-DSoxq9aC.js';
+import * as React from 'react';
 
 // This icon file is generated automatically.
 var CheckCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, "name": "check-circle", "theme": "filled" };
@@ -38,74 +37,25 @@ if (process.env.NODE_ENV !== 'production') {
 }
 
 const { Dragger } = Upload;
-const ImportFile = ({ onUploadSuccess, ...rest }) => {
-  const [loading, setLoading] = useState(false);
-  const [status, setStatus] = useState({
-    type: "",
-    message: ""
-  });
-  const handleUploadFile = async (options) => {
-    const { file, onSuccess, onError } = options;
-    const maxSize = 5 * 1024 * 1024;
-    if (file.size > maxSize) {
-      setStatus((prev) => ({
-        ...prev,
-        type: "error",
-        message: `File ${file.name} có kích thước quá lớn.
-
-        ${file.name} không đúng định dạng! Vui lòng tải lại file này, xem các lỗi được ghi chú, sau đó chỉnh sửa và thử nhập lại.
-
-        Việc tải lên không thể hoàn tất do kết nối mạng hiện tại bị gián đoạn hoặc quá chậm.`
-      }));
-      onError(new Error("File too large"));
-      return;
-    }
-    const formData = new FormData();
-    formData.append("file", file);
-    formData.append("upload_preset", "ml_default");
-    setLoading(true);
-    try {
-      const res = await fetch(
-        "https://api.cloudinary.com/v1_1/dhtrzmzd3/auto/upload",
-        {
-          method: "POST",
-          body: formData
-        }
-      );
-      const data = await res.json();
-      setStatus((prev) => ({
-        ...prev,
-        type: "success",
-        message: "File đã tải lên thành công! vui lòng ấn xác nhận để lưu dữ liệu vào database"
-      }));
-      onSuccess(data);
-      if (onUploadSuccess) {
-        onUploadSuccess(data);
-      }
-    } catch (err) {
-      console.error("Upload failed:", err);
-      onError(err);
-      setStatus((prev) => ({
-        ...prev,
-        type: "error",
-        message: `Việc tải lên không thể hoàn tất do kết nối mạng hiện tại bị gián đoạn hoặc quá chậm.`
-      }));
-    } finally {
-      setLoading(false);
-    }
-  };
+const ImportFile = ({
+  customRequest,
+  loading,
+  status,
+  setStatus,
+  ...rest
+}) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Dragger,
       {
-        customRequest: handleUploadFile,
+        customRequest,
         listType: "picture",
         accept: ".xlsx",
         ...rest,
-        onRemove: () => setStatus(() => ({
+        onRemove: () => setStatus({
           message: "",
           type: ""
-        })),
+        }),
         children: /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon$2, {}) }),
           /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: "Kéo tập tin của bạn hoặc nhấp để duyệt một tập tin" }),
@@ -113,9 +63,9 @@ const ImportFile = ({ onUploadSuccess, ...rest }) => {
         ] })
       }
     ),
-    status.message && !loading && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-4", children: [
-      status.type === "error" ? /* @__PURE__ */ jsx(RefIcon, { className: "!text-[#FF4D4F] text-xl" }) : /* @__PURE__ */ jsx(RefIcon$1, { className: "!text-[#52C41A] text-xl" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm", children: status.message })
+    status?.message && !loading && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-4", children: [
+      status?.type === "error" ? /* @__PURE__ */ jsx(RefIcon, { className: "!text-[#FF4D4F] text-xl" }) : /* @__PURE__ */ jsx(RefIcon$1, { className: "!text-[#52C41A] text-xl" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: status?.message })
     ] })
   ] });
 };

package/es/ui/UploadComponent.js

@@ -20,11 +20,13 @@ const UploadComponent = ({
   content = "Tải hình ảnh lên",
   description = "Ảnh có kích thước 400x400 px và dung lượng ảnh < 1 mb",
   customRequest,
+  setImageUpload,
   ...restProps
 }) => {
-  const imageUrl = field?.value;
+  const imageUrl = typeof field?.value === "string" ? field.value : field?.value instanceof File ? URL.createObjectURL(field.value) : null;
   const handleRemoveImage = () => {
     field.onChange(null);
+    setImageUpload?.("");
   };
   return /* @__PURE__ */ jsxs("div", { className: customStyleContainer, children: [
     label && /* @__PURE__ */ jsx(Label, { label, required }),
@@ -38,11 +40,10 @@ const UploadComponent = ({
         customRequest: async (options) => {
           const { file, onSuccess, onError } = options;
           try {
-            const url = await customRequest?.(file);
-            field.onChange(url);
-            onSuccess?.({ url }, file);
-          } catch (error) {
-            onError?.(error);
+            await customRequest?.(file, field.onChange);
+            onSuccess?.({}, file);
+          } catch (err) {
+            onError?.(err);
           }
         },
         children: /* @__PURE__ */ jsx("div", { children: loading ? /* @__PURE__ */ jsx(Spin, {}) : imageUrl || imageUpload ? /* @__PURE__ */ jsx("div", { className: customStyleUpload, children: /* @__PURE__ */ jsxs(

package/package.json

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

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

@@ -1,6 +1,13 @@
 import { UploadProps } from 'antd';
+type UploadStatus = {
+    type: "success" | "error" | "";
+    message: string;
+};
 interface ImportFileProps extends UploadProps {
-    onUploadSuccess: any;
+    customRequest?: any;
+    loading?: boolean;
+    status?: UploadStatus;
+    setStatus(status: UploadStatus): void;
 }
-export declare const ImportFile: ({ onUploadSuccess, ...rest }: ImportFileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImportFile: ({ customRequest, loading, status, setStatus, ...rest }: ImportFileProps) => import("react/jsx-runtime").JSX.Element;
 export {};