@datability/8ui 1.5.2 → 1.5.4

package/dist/types/components/input/auto-complete/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsAutoComplete } from './index.type';
-declare const AutoComplete: React.FC<PropsAutoComplete>;
+declare const AutoComplete: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, isSuccess, options, loading, emptyText, children, }: PropsAutoComplete<T>) => import("react/jsx-runtime").JSX.Element;
 export default AutoComplete;

package/dist/types/components/input/auto-complete/index.type.d.ts

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
 import { TSelectOption } from '../select/index.type';
 export type AutoCompleteRenderProps = {
     query: string;
     onSelect: (value: string | number) => void;
 };
-export type PropsAutoComplete = PropsInputField & {
+export type PropsAutoComplete<T extends FieldValues = FieldValues> = PropsInputField<T> & {
     options: TSelectOption[];
     loading?: boolean;
     emptyText?: string;

package/dist/types/components/input/checkbox/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsCheckbox } from './index.type';
-declare const Checkbox: React.FC<PropsCheckbox>;
+declare const Checkbox: <T extends FieldValues = FieldValues>({ control, name, label, caption, disabled, require, fullWidth, size, isVertical, hint, isSuccess, options, }: PropsCheckbox<T>) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/types/components/input/checkbox/index.type.d.ts

@@ -1,4 +1,4 @@
-import { Control } from 'react-hook-form';
+import { Control, FieldValues, Path } from 'react-hook-form';
 import { InputBaseSize } from '../input-base/index.type';
 export type CheckboxOption = {
     label: string;
@@ -6,9 +6,9 @@ export type CheckboxOption = {
     description?: string;
     indeterminate?: boolean;
 };
-export type PropsCheckbox = {
-    control: Control<any>;
-    name: string;
+export type PropsCheckbox<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
     label?: string;
     caption?: string;
     disabled?: boolean;

package/dist/types/components/input/date-input/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsDateInput } from './index.type';
-declare const DateInput: React.FC<PropsDateInput>;
+declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, isSuccess, min, max, }: PropsDateInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default DateInput;

package/dist/types/components/input/date-input/index.type.d.ts

@@ -1,5 +1,6 @@
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
-export type PropsDateInput = PropsInputField & {
+export type PropsDateInput<T extends FieldValues = FieldValues> = PropsInputField<T> & {
     min?: string;
     max?: string;
 };

package/dist/types/components/input/date-range-input/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsDateRangeInput } from './index.type';
-declare const DateRangeInput: React.FC<PropsDateRangeInput>;
+declare const DateRangeInput: <T extends FieldValues = FieldValues>({ control, name, label, caption, startPlaceholder, endPlaceholder, disabled, readOnly, require, fullWidth, size, hint, isSuccess, min, max, }: PropsDateRangeInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default DateRangeInput;

package/dist/types/components/input/date-range-input/index.type.d.ts

@@ -1,9 +1,10 @@
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
 export type DateRangeValue = {
     start: string;
     end: string;
 };
-export type PropsDateRangeInput = Omit<PropsInputField, "placeholder"> & {
+export type PropsDateRangeInput<T extends FieldValues = FieldValues> = Omit<PropsInputField<T>, "placeholder"> & {
     min?: string;
     max?: string;
     startPlaceholder?: string;

package/dist/types/components/input/date-time-input/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsDateTimeInput } from './index.type';
-declare const DateTimeInput: React.FC<PropsDateTimeInput>;
+declare const DateTimeInput: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, isSuccess, min, max, }: PropsDateTimeInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default DateTimeInput;

package/dist/types/components/input/date-time-input/index.type.d.ts

@@ -1,5 +1,6 @@
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
-export type PropsDateTimeInput = PropsInputField & {
+export type PropsDateTimeInput<T extends FieldValues = FieldValues> = PropsInputField<T> & {
     min?: string;
     max?: string;
 };

package/dist/types/components/input/input-base/index.type.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { Control, FieldError, FieldErrorsImpl, Merge } from 'react-hook-form';
+import { Control, FieldError, FieldErrorsImpl, FieldValues, Merge, Path } from 'react-hook-form';
 export type InputBaseSize = "sm" | "md" | "lg" | "xl";
 export type PropsInputBase = {
     name: string;
@@ -14,9 +14,9 @@ export type PropsInputBase = {
     hint?: string;
     errorMessage: string | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
 };
-export type PropsInputField = {
-    control: Control<any>;
-    name: string;
+export type PropsInputField<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
     label?: string;
     caption?: string;
     placeholder?: string;

package/dist/types/components/input/multi-select/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsMultiSelect } from './index.type';
-declare const MultiSelect: React.FC<PropsMultiSelect>;
+declare const MultiSelect: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, require, fullWidth, size, hint, isSuccess, options, loading, children, }: PropsMultiSelect<T>) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/dist/types/components/input/multi-select/index.type.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
 import { TSelectOption, MultiSelectRenderProps } from '../select/index.type';
-export type PropsMultiSelect = Omit<PropsInputField, "readOnly"> & {
+export type PropsMultiSelect<T extends FieldValues = FieldValues> = Omit<PropsInputField<T>, "readOnly"> & {
     options: TSelectOption[];
     loading?: boolean;
     children?: (props: MultiSelectRenderProps) => ReactNode;

package/dist/types/components/input/number-input/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsNumberInput } from './index.type';
-declare const NumberInput: React.FC<PropsNumberInput>;
+declare const NumberInput: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, icon, iconText, isSuccess, }: PropsNumberInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default NumberInput;

package/dist/types/components/input/number-input/index.type.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
-export type PropsNumberInput = PropsInputField & {
+export type PropsNumberInput<T extends FieldValues = FieldValues> = PropsInputField<T> & {
     icon?: ReactNode;
     iconText?: string;
 };

package/dist/types/components/input/password-input/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsPasswordInput } from './index.type';
-declare const PasswordInput: React.FC<PropsPasswordInput>;
+declare const PasswordInput: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, isSuccess, }: PropsPasswordInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default PasswordInput;

package/dist/types/components/input/password-input/index.type.d.ts

@@ -1,2 +1,3 @@
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
-export type PropsPasswordInput = PropsInputField;
+export type PropsPasswordInput<T extends FieldValues = FieldValues> = PropsInputField<T>;

package/dist/types/components/input/phone-input/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsPhoneInput } from './index.type';
-declare const PhoneInput: React.FC<PropsPhoneInput>;
+declare const PhoneInput: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, icon, iconText, isSuccess, }: PropsPhoneInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default PhoneInput;

package/dist/types/components/input/phone-input/index.type.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
-export type PropsPhoneInput = PropsInputField & {
+export type PropsPhoneInput<T extends FieldValues = FieldValues> = PropsInputField<T> & {
     icon?: ReactNode;
     iconText?: string;
 };

package/dist/types/components/input/radio-button/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsRadioButton } from './index.type';
-declare const RadioButton: React.FC<PropsRadioButton>;
+declare const RadioButton: <T extends FieldValues = FieldValues>({ control, name, label, caption, disabled, require, fullWidth, size, isVertical, hint, isSuccess, options, }: PropsRadioButton<T>) => import("react/jsx-runtime").JSX.Element;
 export default RadioButton;

package/dist/types/components/input/radio-button/index.type.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Control } from 'react-hook-form';
+import { Control, FieldValues, Path } from 'react-hook-form';
 import { InputBaseSize } from '../input-base/index.type';
 export type RadioOption = {
     label: string;
@@ -7,9 +7,9 @@ export type RadioOption = {
     description?: string;
     image?: React.ReactNode;
 };
-export type PropsRadioButton = {
-    control: Control<any>;
-    name: string;
+export type PropsRadioButton<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
     label?: string;
     caption?: string;
     disabled?: boolean;

package/dist/types/components/input/range-slider/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsRangeSliderInput } from './index.type';
-declare const RangeSliderInput: React.FC<PropsRangeSliderInput>;
+declare const RangeSliderInput: <T extends FieldValues = FieldValues>({ control, name, min, max, disabled, className }: PropsRangeSliderInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default RangeSliderInput;

package/dist/types/components/input/range-slider/index.type.d.ts

@@ -1,7 +1,7 @@
-import { Control } from 'react-hook-form';
-export type PropsRangeSliderInput = {
-    control: Control<any>;
-    name: string;
+import { Control, FieldValues, Path } from 'react-hook-form';
+export type PropsRangeSliderInput<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
     min?: number;
     max?: number;
     disabled?: boolean;

package/dist/types/components/input/select/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsSelect } from './index.type';
-declare const Select: React.FC<PropsSelect>;
+declare const Select: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, isSuccess, options, loading, children, }: PropsSelect<T>) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/dist/types/components/input/select/index.type.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
 export type TSelectOption = {
     label: string;
@@ -12,7 +13,7 @@ export type MultiSelectRenderProps = {
     values: (string | number)[];
     onToggle: (value: string | number) => void;
 };
-export type PropsSelect = PropsInputField & {
+export type PropsSelect<T extends FieldValues = FieldValues> = PropsInputField<T> & {
     options: TSelectOption[];
     loading?: boolean;
     children?: (props: SelectRenderProps) => ReactNode;

package/dist/types/components/input/slider/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsSliderInput } from './index.type';
-declare const SliderInput: React.FC<PropsSliderInput>;
+declare const SliderInput: <T extends FieldValues = FieldValues>({ control, name, min, max, disabled, className }: PropsSliderInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default SliderInput;

package/dist/types/components/input/slider/index.type.d.ts

@@ -1,7 +1,7 @@
-import { Control } from 'react-hook-form';
-export type PropsSliderInput = {
-    control: Control<any>;
-    name: string;
+import { Control, FieldValues, Path } from 'react-hook-form';
+export type PropsSliderInput<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
     min?: number;
     max?: number;
     disabled?: boolean;

package/dist/types/components/input/text-input/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsTextInput } from './index.type';
-declare const TextInput: React.FC<PropsTextInput>;
+declare const TextInput: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, icon, iconText, isSuccess, }: PropsTextInput<T>) => import("react/jsx-runtime").JSX.Element;
 export default TextInput;

package/dist/types/components/input/text-input/index.type.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
-export type PropsTextInput = PropsInputField & {
+export type PropsTextInput<T extends FieldValues = FieldValues> = PropsInputField<T> & {
     icon?: ReactNode;
     iconText?: string;
 };

package/dist/types/components/input/textarea/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsTextarea } from './index.type';
-declare const Textarea: React.FC<PropsTextarea>;
+declare const Textarea: <T extends FieldValues = FieldValues>({ control, name, label, caption, placeholder, disabled, readOnly, require, fullWidth, size, hint, isSuccess, rows, cols, }: PropsTextarea<T>) => import("react/jsx-runtime").JSX.Element;
 export default Textarea;

package/dist/types/components/input/textarea/index.type.d.ts

@@ -1,5 +1,6 @@
+import { FieldValues } from 'react-hook-form';
 import { PropsInputField } from '../input-base/index.type';
-export type PropsTextarea = PropsInputField & {
+export type PropsTextarea<T extends FieldValues = FieldValues> = PropsInputField<T> & {
     rows?: number;
     cols?: number;
 };

package/dist/types/components/input/toggle/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsToggle } from './index.type';
-declare const Toggle: React.FC<PropsToggle>;
+declare const Toggle: <T extends FieldValues = FieldValues>({ control, name, disabled, size }: PropsToggle<T>) => import("react/jsx-runtime").JSX.Element;
 export default Toggle;

package/dist/types/components/input/toggle/index.type.d.ts

@@ -1,8 +1,8 @@
-import { Control } from 'react-hook-form';
+import { Control, FieldValues, Path } from 'react-hook-form';
 export type ToggleSize = "sm" | "md" | "lg";
-export type PropsToggle = {
-    control: Control<any>;
-    name: string;
+export type PropsToggle<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
     disabled?: boolean;
     size?: ToggleSize;
 };

package/dist/types/components/loading-overlay/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsLoadingOverlay } from './index.type';
+declare const LoadingOverlay: React.FC<PropsLoadingOverlay>;
+export default LoadingOverlay;

package/dist/types/components/loading-overlay/index.type.d.ts

@@ -0,0 +1,4 @@
+export type PropsLoadingOverlay = {
+    open: boolean;
+    progress?: number;
+};

package/dist/types/components/quantity/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsQuantity } from './index.type';
-declare const Quantity: React.FC<PropsQuantity>;
+declare const Quantity: <T extends FieldValues = FieldValues>({ control, name, min, max, size, variant, disabled, }: PropsQuantity<T>) => import("react/jsx-runtime").JSX.Element;
 export default Quantity;

package/dist/types/components/quantity/index.type.d.ts

@@ -1,9 +1,9 @@
-import { Control } from 'react-hook-form';
+import { Control, FieldValues, Path } from 'react-hook-form';
 export type QuantitySize = "sm" | "md";
 export type QuantityVariant = "quantity" | "cart";
-export type PropsQuantity = {
-    control: Control<any>;
-    name: string;
+export type PropsQuantity<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
     min?: number;
     max?: number;
     size?: QuantitySize;

package/dist/types/components/search-bar/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { PropsSearchBar } from './index.type';
-declare const SearchBar: React.FC<PropsSearchBar>;
+declare const SearchBar: <T extends FieldValues = FieldValues>({ control, name, placeholder, showIcon, size, disabled, onClear, className, }: PropsSearchBar<T>) => import("react/jsx-runtime").JSX.Element;
 export default SearchBar;

package/dist/types/components/search-bar/index.type.d.ts

@@ -1,8 +1,8 @@
-import { Control } from 'react-hook-form';
+import { Control, FieldValues, Path } from 'react-hook-form';
 export type SearchBarSize = "sm" | "md" | "lg" | "xl";
-export type PropsSearchBar = {
-    control: Control<any>;
-    name: string;
+export type PropsSearchBar<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
     placeholder?: string;
     showIcon?: boolean;
     size?: SearchBarSize;

package/dist/types/index.d.ts

@@ -46,6 +46,8 @@ export { default as CounterLabel } from './components/counter-label';
 export type { PropsCounterLabel, CounterLabelShape, CounterLabelSize, CounterLabelType, } from './components/counter-label/index.type';
 export { default as Loading } from './components/loading';
 export type { PropsLoading, LoadingThickness } from './components/loading/index.type';
+export { default as LoadingOverlay } from './components/loading-overlay';
+export type { PropsLoadingOverlay } from './components/loading-overlay/index.type';
 export { default as Modal } from './components/modal';
 export type { PropsModal } from './components/modal/index.type';
 export { default as DialogBox } from './components/dialog-box';

package/dist/types/pages/Components/demos/LoadingOverlayDemo.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const LoadingOverlayDemo: React.FC;
+export default LoadingOverlayDemo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datability/8ui",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "type": "module",
   "exports": {
     ".": {