@pnkx-lib/ui 1.9.314 → 1.9.316

package/es/ui/UploadComponent.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { Upload, Image, Tooltip, message } from 'antd';
+import { Upload, Image, Tooltip } from 'antd';
 import { Spin } from './Spin.js';
 import { Label } from './Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
@@ -18,53 +18,19 @@ const UploadComponent = ({
   styleImageDefault,
   imageValue,
   errorMessage,
+  loading,
   ...restProps
 }) => {
   const [imageUrl, setImageUrl] = useState(imageValue);
-  const [loading, setLoading] = useState(false);
-  const handleUpload = async (options) => {
-    const { file } = options;
-    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/image/upload",
-        {
-          method: "POST",
-          body: formData
-        }
-      );
-      const response = await res.json();
-      const uploadedUrl = response?.secure_url;
-      setImageUrl(uploadedUrl);
-      if (onUploadSuccess) {
-        onUploadSuccess(uploadedUrl);
-        message.success("Tải ảnh lên thành công");
-      }
-    } catch (err) {
-      console.error(err);
-      message.error("Tải ảnh lên thất bại");
-    } finally {
-      setLoading(false);
-    }
-  };
   const handleRemoveImage = () => {
     setImageUrl("");
     if (onUploadSuccess) {
       onUploadSuccess("");
     }
   };
-  const props = {
-    name: "file",
-    multiple: false,
-    customRequest: handleUpload,
-    showUploadList: false
-  };
   return /* @__PURE__ */ jsxs("div", { className: customStyleContainer, children: [
     label && /* @__PURE__ */ jsx(Label, { label, required }),
-    /* @__PURE__ */ jsx(Dragger, { ...props, ...restProps, children: /* @__PURE__ */ jsx("div", { children: loading ? /* @__PURE__ */ jsx(Spin, {}) : imageUrl ? /* @__PURE__ */ jsx("div", { className: customStyleUpload, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Dragger, { ...restProps, children: /* @__PURE__ */ jsx("div", { children: loading ? /* @__PURE__ */ jsx(Spin, {}) : imageUrl ? /* @__PURE__ */ jsx("div", { className: customStyleUpload, children: /* @__PURE__ */ jsxs(
       "div",
       {
         onClick: (e) => e.stopPropagation(),

package/es/ui/UploadMultiple.js

@@ -62,7 +62,7 @@ const UploadMultiple = ({
       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: [
+        return /* @__PURE__ */ jsx(Spin, { spinning: isLoading, tip: "Đang tải", children: /* @__PURE__ */ jsxs(Dragger, { ...props, accept: "image/*", 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 })

package/package.json

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

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

@@ -9,6 +9,7 @@ interface CascaderFieldProps extends CascaderPropsAntd {
     afterOnChange?: (value: any) => void;
     classNameContainer?: string;
     classNameCascader?: string;
+    classNameLabel?: string;
 }
 export declare const Cascader: (props: CascaderFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -17,5 +17,6 @@ export interface DatePickerProps extends Omit<ReactDatePickerProps, "onChange">
     customOnChange?: (date: any, event: React.SyntheticEvent<any>) => void;
     customValue?: Date | null;
     size?: TSize;
+    classNameLabel?: string;
 }
 export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -9,5 +9,6 @@ export interface RangePickerFieldProps extends Omit<RangePickerProps, "value" |
     afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
     customStyleContainer?: string;
     customStyleDatePicker?: string;
+    classNameLabel?: string;
 }
 export declare const RangePicker: (props: RangePickerFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 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";
-type TInputNumberType = "number" | "money";
+type CustomInputTypeAttribute = React.HTMLInputTypeAttribute | "money" | "number_custom";
+type TInputNumberType = "number" | "money" | "number_custom";
 export interface InputProps extends InputPropsAntd {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
@@ -18,6 +18,7 @@ export interface InputProps extends InputPropsAntd {
     suffix?: string;
     contentTooltip?: string;
     toLowerCaseValue?: boolean;
+    classNameLabel?: string;
 }
 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/fields/Select.d.ts

@@ -12,5 +12,6 @@ export interface SelectFieldProps extends SelectProps {
     maxTagTextLength?: number | undefined;
     maxTagCount?: number | "responsive";
     onClear?: () => void;
+    classNameLabel?: string;
 }
 export declare const Select: (props: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,5 +11,6 @@ export interface SliderRangesProps extends Omit<SliderRangeProps, "onChange"> {
     hiddenInputRange?: boolean;
     max?: number;
     min?: number;
+    classNameLabel?: string;
 }
 export declare const SliderRange: (props: SliderRangesProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,5 +8,6 @@ export interface SliderProps extends Omit<SliderSingleAntdProps, "onChange"> {
     afterOnChange?: (data: number) => void;
     customStyleContainer?: string;
     customStyleSlider?: string;
+    classNameLabel?: string;
 }
 export declare const SliderSingle: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,5 +8,6 @@ export interface SwitchProps extends Omit<SwitchAntdProps, "onChange"> {
     afterOnChange?: (checked: boolean) => void;
     customStyleContainer?: string;
     customStyleSwitch?: string;
+    classNameLabel?: string;
 }
 export declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,5 +7,6 @@ export interface TextAreaProps extends TextAreaPropsAntd {
     customStyleTextarea?: string;
     afterOnChange?: (value: string) => void;
     required?: boolean;
+    classNameLabel?: string;
 }
 export declare const Textarea: import('react').ForwardRefExoticComponent<TextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

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

@@ -7,6 +7,7 @@ interface TimeRangePickerProps extends Omit<TimePickerProps, "value" | "onChange
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
     label?: string;
+    classNameLabel?: string;
 }
 export declare const TimePicker: React.FC<TimeRangePickerProps>;
 export {};

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

@@ -7,6 +7,7 @@ interface TimeRangePickerProps extends AntdTimeRangePickerProps {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
     label?: string;
+    classNameLabel?: string;
 }
 export declare const TimeRangePicker: React.FC<TimeRangePickerProps>;
 export {};

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

@@ -9,6 +9,7 @@ export interface TinyProps extends IAllProps {
     label?: string;
     customStyleLabel?: string;
     text_patterns?: any;
+    classNameLabel?: string;
 }
 export declare const TinyMCE: {
     (props: TinyProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,5 +11,6 @@ export interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange"
     customStyleContainer?: string;
     customStyleUpload?: string;
     afterOnChange?: (fileList: UploadFile[]) => void;
+    classNameLabel?: string;
 }
 export declare const UploadField: (props: UploadFieldProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,5 +1,6 @@
 export interface LabelProps {
     label: string;
     required?: boolean;
+    classNameLabel?: string;
 }
-export declare const Label: ({ label, required }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ label, required, classNameLabel }: LabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-interface UploadImageProps {
+import { UploadProps } from 'antd';
+interface UploadImageProps extends UploadProps {
     onUploadSuccess?: (url: string) => void;
     customStyleContainer?: string;
     customStyleUpload?: string;
@@ -8,6 +9,7 @@ interface UploadImageProps {
     styleImageDefault?: string;
     imageValue?: string;
     errorMessage?: string;
+    loading?: boolean;
 }
 export declare const UploadComponent: React.FC<UploadImageProps>;
 export {};