@pnkx-lib/ui 1.9.355 → 1.9.357

package/es/fields/Input.js

@@ -1244,12 +1244,14 @@ const Input = (props) => {
     contentTooltip,
     toLowerCaseValue,
     classNameLabel,
+    inputPassword,
     ...restProps
   } = props;
   const { name, value, onChange, onBlur } = field || {};
   const { touchedFields, errors, isSubmitted } = formState || {};
   const isTouched = get(touchedFields, name);
   const errorMessage = get(errors, name)?.message;
+  useState(false);
   const inputRef = useRef(null);
   const [isComposing, setIsComposing] = useState(false);
   const capitalizeAfterPeriod = (text) => {
@@ -1385,9 +1387,10 @@ const Input = (props) => {
         }
       );
     }
+    const InputComponent = inputPassword ? Input$1.Password : Input$1;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        Input$1,
+        InputComponent,
         {
           ref: inputRef,
           onCompositionStart: handleCompositionStart,

package/es/ui/UploadComponent.js

@@ -21,6 +21,7 @@ const UploadComponent = ({
   description = "Ảnh có kích thước 400x400 px và dung lượng ảnh < 1 mb",
   customRequest,
   setImageUpload,
+  clickIconRemove,
   ...restProps
 }) => {
   const imageUrl = typeof field?.value === "string" ? field.value : field?.value instanceof File ? URL.createObjectURL(field.value) : null;
@@ -65,7 +66,10 @@ const UploadComponent = ({
                 "button",
                 {
                   type: "button",
-                  onClick: handleRemoveImage,
+                  onClick: () => {
+                    handleRemoveImage();
+                    clickIconRemove?.();
+                  },
                   className: "absolute top-1 right-1 w-6 h-6 flex items-center justify-center bg-white cursor-pointer bg-opacity-80 rounded-full hover:bg-opacity-100 transition",
                   children: /* @__PURE__ */ jsx(RefIcon, { className: "text-black text-[12px]" })
                 }

package/es/ui/UploadMultiple.js

@@ -1,75 +1,19 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Spin, Upload, message } from 'antd';
-import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
+import { Spin, Upload } from 'antd';
 import { R as RefIcon } from '../chunks/InboxOutlined-DNCJCjk3.js';
 
 const { Dragger } = Upload;
 const UploadMultiple = ({
-  name,
-  control,
   title,
-  content
+  content,
+  isLoading,
+  ...props
 }) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const createUploadProps = (value, onChange) => ({
-    multiple: true,
-    listType: "picture",
-    showUploadList: true,
-    fileList: value,
-    customRequest: async ({ file, onSuccess, onError }) => {
-      const formData = new FormData();
-      formData.append("file", file);
-      formData.append("upload_preset", "ml_default");
-      setIsLoading(true);
-      try {
-        const res = await fetch(
-          "https://api.cloudinary.com/v1_1/dhtrzmzd3/image/upload",
-          {
-            method: "POST",
-            body: formData
-          }
-        );
-        const data = await res.json();
-        const newFile = {
-          uid: data.asset_id || Date.now().toString(),
-          name: data.original_filename,
-          url: data.secure_url
-        };
-        onChange([...value || [], newFile]);
-        onSuccess?.(data, new XMLHttpRequest());
-        message.success("Tải ảnh lên thành công.");
-      } catch (err) {
-        onError?.(err);
-        message.error("Tải ảnh lên thất bại.");
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    onPreview: (file) => {
-      window.open(file.url, "_blank");
-    },
-    onRemove: (file) => {
-      const newList = (value || []).filter((item) => item.uid !== file.uid);
-      onChange(newList);
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      render: ({ field }) => {
-        const { value, onChange } = field;
-        const props = createUploadProps(value || [], onChange);
-        return /* @__PURE__ */ jsx(Spin, { spinning: isLoading, tip: "Đang tải", children: /* @__PURE__ */ jsxs(Dragger, { ...props, children: [
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon, {}) }),
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: content })
-        ] }) });
-      }
-    }
-  );
+  return /* @__PURE__ */ jsx(Spin, { spinning: isLoading, tip: "Đang tải", children: /* @__PURE__ */ jsxs(Dragger, { ...props, children: [
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon, {}) }),
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: content })
+  ] }) });
 };
 
 export { UploadMultiple };

package/package.json

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

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

@@ -1,7 +1,7 @@
 import { default as React, JSX } from 'react';
 import { InputProps as InputPropsAntd } from 'antd';
 import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-type CustomInputTypeAttribute = React.HTMLInputTypeAttribute | "money" | "number_custom";
+type CustomInputTypeAttribute = React.HTMLInputTypeAttribute | "money" | "number_custom" | "password";
 type TInputNumberType = "number" | "money" | "number_custom";
 export interface InputProps extends InputPropsAntd {
     field?: ControllerRenderProps<any, any>;
@@ -19,6 +19,7 @@ export interface InputProps extends InputPropsAntd {
     contentTooltip?: string;
     toLowerCaseValue?: boolean;
     classNameLabel?: string;
+    inputPassword?: boolean;
 }
 export declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export interface PropsNumberFormat extends Omit<InputProps, "onChange" | "afterOnChange" | "value" | "defaultValue" | "iconStartInput" | "iconEndInput"> {

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

@@ -25,7 +25,7 @@ export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     rowsSelected?: React.Key[];
     onSelect: (newSelectedRowKeys: React.Key[]) => void;
     onRowClick?: (record: T) => void;
-    rowKey?: string | ((record: T) => string);
+    rowKey: string;
     onDoubleClickRow?: (record: T) => void;
     showIndexColumn?: boolean;
     size?: SizeType;

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

@@ -12,6 +12,7 @@ interface UploadImageProps extends UploadProps {
     setImageUpload?: (value: string) => void;
     content?: string;
     description?: string;
+    clickIconRemove?: () => void;
 }
 export declare const UploadComponent: React.FC<UploadImageProps & {
     field: any;

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

@@ -4,5 +4,6 @@ export interface UploadMultipleProps {
     control: Control | any;
     title?: string;
     content?: string;
+    isLoading?: boolean;
 }
-export declare const UploadMultiple: ({ name, control, title, content, }: UploadMultipleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UploadMultiple: ({ title, content, isLoading, ...props }: UploadMultipleProps) => import("react/jsx-runtime").JSX.Element;