@pnkx-lib/ui 1.9.207 → 1.9.209

package/es/ui/index.js

@@ -5028,6 +5028,171 @@ const BulkActions = ({
   ] });
 };
 
+const useTableHeightWrapper = (options = {}) => {
+  const {
+    tableContainerId = "table_content",
+    extraOffset = 24,
+    // Layout padding bottom mặc định
+    minHeight = 200
+  } = options;
+  const [tableHeight, setTableHeight] = useState(minHeight);
+  const calculateTableHeight = useCallback(() => {
+    try {
+      const viewportHeight = window.innerHeight;
+      const layoutWrapper = document.getElementById("layout-wrapper-table");
+      if (!layoutWrapper) {
+        console.error("Layout wrapper table container not found");
+        setTableHeight(minHeight);
+        return;
+      }
+      const wrapperRect = layoutWrapper.getBoundingClientRect();
+      const availableHeight = viewportHeight - wrapperRect.top;
+      const tableContainer = document.getElementById(tableContainerId);
+      if (!tableContainer) {
+        console.error(`Table container "${tableContainerId}" not found`);
+        setTableHeight(minHeight);
+        return;
+      }
+      const directChildren = Array.from(layoutWrapper.children);
+      let otherElementsHeight = 0;
+      directChildren.forEach((child, index) => {
+        const rect = child.getBoundingClientRect();
+        const styles = window.getComputedStyle(child);
+        const marginTop = parseInt(styles.marginTop, 10) || 0;
+        const marginBottom = parseInt(styles.marginBottom, 10) || 0;
+        const totalHeight = rect.height + marginTop + marginBottom;
+        const isTableContent = child.id === tableContainerId;
+        const isBulkActionTable = child.id === "bulkaction_table";
+        if (!isTableContent && !isBulkActionTable) {
+          otherElementsHeight += totalHeight;
+        } else if (isBulkActionTable) {
+          console.log(`  -> Ignoring bulkaction_table (id: ${child.id})`);
+        }
+      });
+      const wrapperStyles = window.getComputedStyle(layoutWrapper);
+      const wrapperPaddingTop = parseInt(wrapperStyles.paddingTop, 10) || 0;
+      const wrapperPaddingBottom = parseInt(wrapperStyles.paddingBottom, 10) || 0;
+      console.log("5. Wrapper padding:", {
+        top: wrapperPaddingTop,
+        bottom: wrapperPaddingBottom
+      });
+      const tableStyles = window.getComputedStyle(tableContainer);
+      const tablePaddingTop = parseInt(tableStyles.paddingTop, 10) || 0;
+      const tablePaddingBottom = parseInt(tableStyles.paddingBottom, 10) || 0;
+      console.log("6. Table container padding:", {
+        top: tablePaddingTop,
+        bottom: tablePaddingBottom
+      });
+      const tableHeader = tableContainer.querySelector(".ant-table-header");
+      const headerHeight = tableHeader ? tableHeader.getBoundingClientRect().height : 0;
+      console.log("7. Table header height:", headerHeight);
+      let paginationHeight = 0;
+      const paginationSelectors = [
+        ".ant-pagination",
+        ".ant-table-pagination",
+        ".ant-pagination-mini"
+      ];
+      for (const selector of paginationSelectors) {
+        const pagination = tableContainer.querySelector(selector);
+        if (pagination) {
+          const paginationRect = pagination.getBoundingClientRect();
+          const paginationStyles = window.getComputedStyle(pagination);
+          const paginationMarginTop = parseInt(paginationStyles.marginTop, 10) || 0;
+          const paginationMarginBottom = parseInt(paginationStyles.marginBottom, 10) || 0;
+          paginationHeight = paginationRect.height + paginationMarginTop + paginationMarginBottom;
+          console.log(`8. Found pagination with ${selector}:`, {
+            height: paginationRect.height,
+            marginTop: paginationMarginTop,
+            marginBottom: paginationMarginBottom,
+            totalHeight: paginationHeight
+          });
+          break;
+        }
+      }
+      if (paginationHeight === 0) {
+        console.log("8. No pagination found, assuming 44px");
+        paginationHeight = 44;
+      }
+      const bulkActionHeight = 0;
+      console.log("9. Bulk action detection temporarily disabled for testing");
+      if (bulkActionHeight > 0) ; else {
+        console.log(
+          "9. No bulk action found, not visible, or is fixed positioned"
+        );
+      }
+      const tableBodyHeight = availableHeight - otherElementsHeight - tablePaddingTop - tablePaddingBottom - headerHeight - paginationHeight - bulkActionHeight - extraOffset;
+      console.log("10. Calculation breakdown:", {
+        availableHeight,
+        otherElementsHeight,
+        wrapperPaddingTop: `${wrapperPaddingTop} (not used in calculation)`,
+        wrapperPaddingBottom: `${wrapperPaddingBottom} (not used in calculation)`,
+        tablePaddingTop,
+        tablePaddingBottom,
+        headerHeight,
+        paginationHeight,
+        bulkActionHeight,
+        extraOffset,
+        calculatedTableBodyHeight: tableBodyHeight
+      });
+      const finalHeight = Math.max(tableBodyHeight, minHeight);
+      console.log("11. Final height:", finalHeight);
+      console.log("=== END WRAPPER ===");
+      setTableHeight(finalHeight);
+    } catch (error) {
+      console.error("Error calculating table height:", error);
+      setTableHeight(minHeight);
+    }
+  }, [tableContainerId, extraOffset, minHeight]);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      calculateTableHeight();
+    }, 300);
+    const handleResize = () => {
+      console.log("Window resized, recalculating...");
+      calculateTableHeight();
+    };
+    window.addEventListener("resize", handleResize);
+    const observer = new MutationObserver((mutations) => {
+      let shouldRecalculate = false;
+      mutations.forEach((mutation) => {
+        if (mutation.type === "childList") {
+          shouldRecalculate = true;
+        }
+      });
+      if (shouldRecalculate) {
+        setTimeout(calculateTableHeight, 100);
+      }
+    });
+    const layoutWrapper = document.getElementById("layout-wrapper-table");
+    const tableContainer = document.getElementById(tableContainerId);
+    if (layoutWrapper) {
+      observer.observe(layoutWrapper, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ["style", "class"]
+      });
+    }
+    if (tableContainer && tableContainer !== layoutWrapper) {
+      observer.observe(tableContainer, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ["style", "class"]
+      });
+    }
+    return () => {
+      clearTimeout(timer);
+      window.removeEventListener("resize", handleResize);
+      observer.disconnect();
+    };
+  }, [calculateTableHeight, tableContainerId]);
+  return {
+    tableHeight,
+    recalculate: calculateTableHeight
+  };
+};
+
 const Table = ({
   dataSource = [],
   columns,
@@ -5116,71 +5281,92 @@ const Table = ({
     }
     onRowClick2?.(record);
   };
+  const { tableHeight } = useTableHeightWrapper({
+    tableContainerId: "table_content",
+    // ID của table container
+    minHeight: 200
+    // chiều cao tối thiểu
+  });
   //! Render
-  return /* @__PURE__ */ jsxs("div", { className: twMerge(showSetting ? "relative" : ""), children: [
-    /* @__PURE__ */ jsx(
-      HeadingTable,
-      {
-        rightHeadingContent,
-        renderHeadingSearch,
-        setOpenStting,
-        showSetting,
-        menu,
-        groupHeadingButtonItems,
-        setFilters,
-        filters,
-        noBreadcum
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: "table_content",
-        className: "bg-[#FFFFFF] p-6 rounded-bl-lg rounded-br-lg",
-        children: /* @__PURE__ */ jsx(
-          Table$1,
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id: "layout-wrapper-table",
+      className: twMerge(showSetting ? "relative" : ""),
+      children: [
+        /* @__PURE__ */ jsx(
+          HeadingTable,
+          {
+            rightHeadingContent,
+            renderHeadingSearch,
+            setOpenStting,
+            showSetting,
+            menu,
+            groupHeadingButtonItems,
+            setFilters,
+            filters,
+            noBreadcum
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: "table_content",
+            className: "bg-[#FFFFFF] p-6 rounded-bl-lg rounded-br-lg",
+            children: /* @__PURE__ */ jsx(
+              Table$1,
+              {
+                rowKey,
+                dataSource: data,
+                columns: columnsWithIndex,
+                pagination: !isEmpty(data) ? paginationConfig : false,
+                loading,
+                rowSelection: rowsSelected ? rowSelection : void 0,
+                onChange: handleTableChange,
+                onRow: (record) => ({
+                  onClick: handleOnClickRow(record, onRowClick)
+                }),
+                locale: {
+                  emptyText: /* @__PURE__ */ jsx(EmptyTable, {})
+                },
+                rowClassName: (_, index) => `table-row-${index % 2 === 0 ? "even" : "odd"}`,
+                scroll: { y: tableHeight },
+                size,
+                ...rest
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SettingTable,
           {
-            rowKey,
-            dataSource: data,
-            columns: columnsWithIndex,
-            pagination: !isEmpty(data) ? paginationConfig : false,
-            loading,
-            rowSelection: rowsSelected ? rowSelection : void 0,
-            onChange: handleTableChange,
-            onRow: (record) => ({
-              onClick: handleOnClickRow(record, onRowClick)
-            }),
-            locale: {
-              emptyText: /* @__PURE__ */ jsx(EmptyTable, {})
-            },
-            rowClassName: (_, index) => `table-row-${index % 2 === 0 ? "even" : "odd"}`,
-            size,
-            ...rest
+            open: openSetting,
+            setOpen: setOpenStting,
+            title: titleSettingTableModal,
+            showSetting,
+            defaultSettingColumnItems: columns,
+            setDefaultSettingColumnItems: setColumns
+          }
+        ),
+        rowsSelected && !isEmpty(rowsSelected) && /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: "bulkaction_table",
+            className: "fixed bottom-1/100 left-1/2 -translate-x-1/2 -translate-y-1/2",
+            children: /* @__PURE__ */ jsx(
+              BulkActions,
+              {
+                type: TypeBulkActions.BULKACTION,
+                quantity: rowsSelected?.length,
+                status,
+                ...bulkActionHandlers
+              }
+            )
           }
         )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SettingTable,
-      {
-        open: openSetting,
-        setOpen: setOpenStting,
-        title: titleSettingTableModal,
-        showSetting,
-        defaultSettingColumnItems: columns,
-        setDefaultSettingColumnItems: setColumns
-      }
-    ),
-    rowsSelected && !isEmpty(rowsSelected) && /* @__PURE__ */ jsx("div", { className: "fixed bottom-1/100 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
-      BulkActions,
-      {
-        type: TypeBulkActions.BULKACTION,
-        quantity: rowsSelected?.length,
-        status,
-        ...bulkActionHandlers
-      }
-    ) })
-  ] });
+      ]
+    }
+  );
 };
 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.207",
+  "version": "1.9.209",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

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

@@ -0,0 +1,14 @@
+import { CascaderProps as CascaderPropsAntd } from 'antd';
+import { ControllerRenderProps, UseFormSetValue, UseFormStateReturn } from 'react-hook-form';
+interface CascaderFieldProps extends CascaderPropsAntd {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    setValue?: UseFormSetValue<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (value: any) => void;
+    classNameContainer?: string;
+    classNameCascader?: string;
+}
+export declare const Cascader: (props: CascaderFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import { CheckboxProps as CheckboxAntdProps } from 'antd';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+export interface CheckboxProps extends Omit<CheckboxAntdProps, "onChange" | "checked"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (checked: boolean) => void;
+    customStyleContainer?: string;
+    customStyleCheckbox?: string;
+}
+export declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { ControllerRenderProps, UseFormSetValue, 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;
+    dateFormat?: string | string[];
+    placeholder?: string;
+    label?: string;
+    maxDate?: Date;
+    showTimeSelect?: boolean;
+    customOnChange?: (date: any, event: React.SyntheticEvent<any>) => void;
+    customValue?: Date | null;
+    size?: TSize;
+}
+export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/types/{DateRangePicker.d.ts → components/fields/DateRangePicker.d.ts}

@@ -1,19 +1,13 @@
-import { ControllerRenderProps } from 'react-hook-form';
-import { Dayjs } from 'dayjs';
-import { JSX } from 'react/jsx-runtime';
-import { RangePickerProps } from 'antd/es/date-picker';
-import { UseFormStateReturn } from 'react-hook-form';
-
-export declare const RangePicker: (props: RangePickerFieldProps) => JSX.Element;
-
-export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    required?: boolean;
-    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
-    customStyleContainer?: string;
-    customStyleDatePicker?: string;
-}
-
-export { }
+import { RangePickerProps } from 'antd/es/date-picker';
+import { Dayjs } from 'dayjs';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+export interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
+    customStyleContainer?: string;
+    customStyleDatePicker?: string;
+}
+export declare const RangePicker: (props: RangePickerFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,33 @@
+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";
+export interface InputProps extends InputPropsAntd {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    classNameInput?: string;
+    type?: CustomInputTypeAttribute;
+    afterOnChange?: (value: number | string | null) => void;
+    iconStartInput?: React.ReactNode;
+    iconEndInput?: React.ReactNode;
+    allowNegative?: boolean;
+    decimalScale?: number;
+    prefix?: string;
+    suffix?: string;
+    contentTooltip?: 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"> {
+    onChange?: (event: any) => void;
+    afterOnChange?: (value: string | number) => void;
+    value?: string;
+    name?: string;
+    ref: any;
+    type?: TInputNumberType;
+    prefix?: string;
+    suffix?: string;
+    helperText?: () => JSX.Element | null;
+}
+export {};

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

@@ -0,0 +1,11 @@
+import { Control } from 'react-hook-form';
+import * as React from "react";
+export type ComponentPropsType<TComponent> = TComponent extends React.ComponentType<infer P> ? P : never;
+export type PnkxFieldProps<TComponent extends React.ComponentType<any>> = {
+    control: Control<any, any>;
+    name: string;
+    component: TComponent;
+} & Omit<ComponentPropsType<TComponent>, "control" | "name" | "formState" | "field" | "fieldState">;
+export declare class PnkxField<TComponent extends React.ComponentType<any>> extends React.PureComponent<PnkxFieldProps<TComponent>> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}

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

@@ -0,0 +1,19 @@
+import { RadioGroupProps } from 'antd';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+type TOptionGRadio = {
+    label: string;
+    value: string | number;
+};
+type TPositionRadio = "before" | "after";
+export interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    customStyleRadioGroup?: string;
+    customStyleRadio?: string;
+    customStyleWrap?: string;
+    afterOnChange?: (value: any) => void;
+    options: TOptionGRadio[];
+    position?: TPositionRadio;
+}
+export declare const RadioGroup: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { SelectProps } from 'antd';
+import { ControllerRenderProps, UseFormSetValue, UseFormStateReturn } from 'react-hook-form';
+export interface SelectFieldProps extends SelectProps {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    setValue?: UseFormSetValue<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (value: any) => void;
+    classNameContainer?: string;
+    classNameSelect?: string;
+}
+export declare const Select: (props: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;

package/types/{SliderRanger.d.ts → components/fields/SliderRanger.d.ts}

@@ -1,18 +1,12 @@
-import { ControllerRenderProps } from 'react-hook-form';
-import { JSX } from 'react/jsx-runtime';
-import { SliderRangeProps } from 'antd/es/slider';
-import { UseFormStateReturn } from 'react-hook-form';
-
-export declare const SliderRange: (props: SliderRangesProps) => JSX.Element;
-
-export declare interface SliderRangesProps extends Omit<SliderRangeProps, "onChange"> {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    required?: boolean;
-    afterOnChange?: (data: number[]) => void;
-    customStyleContainer?: string;
-    customStyleSlider?: string;
-}
-
-export { }
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+import { SliderRangeProps } from 'antd/es/slider';
+export interface SliderRangesProps extends Omit<SliderRangeProps, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (data: number[]) => void;
+    customStyleContainer?: string;
+    customStyleSlider?: string;
+}
+export declare const SliderRange: (props: SliderRangesProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { SliderSingleProps as SliderSingleAntdProps } from 'antd';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+export interface SliderProps extends Omit<SliderSingleAntdProps, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (data: number) => void;
+    customStyleContainer?: string;
+    customStyleSlider?: string;
+}
+export declare const SliderSingle: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { SwitchProps as SwitchAntdProps } from 'antd';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+export interface SwitchProps extends Omit<SwitchAntdProps, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (checked: boolean) => void;
+    customStyleContainer?: string;
+    customStyleSwitch?: string;
+}
+export declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+import { TextAreaProps as TextAreaPropsAntd } from 'antd/es/input';
+export interface TextAreaProps extends TextAreaPropsAntd {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleTextarea?: string;
+    afterOnChange?: (value: string) => void;
+    required?: boolean;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TimePickerProps } from 'antd/es/time-picker';
+import { Dayjs } from 'dayjs';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+interface TimeRangePickerProps extends Omit<TimePickerProps, "value" | "onChange"> {
+    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null) => void;
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+}
+export declare const TimePicker: React.FC<TimeRangePickerProps>;
+export {};

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TimeRangePickerProps as AntdTimeRangePickerProps } from 'antd/es/time-picker';
+import { Dayjs } from 'dayjs';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+interface TimeRangePickerProps extends AntdTimeRangePickerProps {
+    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+}
+export declare const TimeRangePicker: React.FC<TimeRangePickerProps>;
+export {};

package/types/{TinyMCE.d.ts → components/fields/TinyMCE.d.ts}

@@ -1,22 +1,16 @@
-import { ControllerRenderProps } from 'react-hook-form';
-import { IAllProps } from '@tinymce/tinymce-react';
-import { JSX } from 'react/jsx-runtime';
-import { UseFormStateReturn } from 'react-hook-form';
-
-export declare const TinyMCE: {
-    (props: TinyProps): JSX.Element;
-    displayName: string;
-};
-
-export declare interface TinyProps extends IAllProps {
-    height?: number | string;
-    openHidenMenubar?: boolean;
-    required?: boolean;
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    customStyleLabel?: string;
-    text_patterns?: any;
-}
-
-export { }
+import { IAllProps } from '@tinymce/tinymce-react';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+export interface TinyProps extends IAllProps {
+    height?: number | string;
+    openHidenMenubar?: boolean;
+    required?: boolean;
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleLabel?: string;
+    text_patterns?: any;
+}
+export declare const TinyMCE: {
+    (props: TinyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,15 @@
+import { UploadProps, UploadFile } from 'antd';
+import { ControllerRenderProps, UseFormStateReturn, ControllerFieldState } from 'react-hook-form';
+export interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    fieldState?: ControllerFieldState;
+    label?: string;
+    required?: boolean;
+    maxFiles?: number;
+    uploadButtonText?: string;
+    customStyleContainer?: string;
+    customStyleUpload?: string;
+    afterOnChange?: (fileList: UploadFile[]) => void;
+}
+export declare const UploadField: (props: UploadFieldProps) => import("react/jsx-runtime").JSX.Element;