dfh-ui-library 1.3.12 → 1.3.13

package/dist/esm/types/components/Gird/Grid.d.ts

@@ -1,8 +1,14 @@
 import React from "react";
-import { ColumnDef, OnChangeFn, SortingState } from "@tanstack/react-table";
-export declare function Table({ data, columns, sorting, setSorting, }: {
+import { ColumnDef, OnChangeFn, SortingState, PaginationState } from "@tanstack/react-table";
+import { PaginationProps } from "../../shared/models/components/common.model";
+export declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, isManualSorting, }: {
     data: any[];
     columns: ColumnDef<any>[];
     sorting?: any;
-    setSorting?: OnChangeFn<SortingState> | undefined;
+    onSortingChange?: OnChangeFn<SortingState> | undefined;
+    pagination?: PaginationProps;
+    onPaginationChange?: OnChangeFn<PaginationState> | undefined;
+    totalRecords?: number;
+    isManualPagination?: boolean;
+    isManualSorting?: boolean;
 }): React.JSX.Element;

package/dist/esm/types/components/Gird/mockAPI.d.ts

@@ -0,0 +1,23 @@
+export declare function mockAPI({ pagination: { limit, skip }, sort: { field, order }, }?: {
+    pagination?: {
+        limit?: number | undefined;
+        skip?: number | undefined;
+    } | undefined;
+    sort?: {
+        field?: string | undefined;
+        order?: string | undefined;
+    } | undefined;
+}): {
+    res: Promise<unknown>;
+    abort: () => void;
+};
+export declare function useMockAPI(query?: string, { pagination: { limit, skip }, sort: { field, order }, }?: {
+    pagination?: {
+        limit?: number | undefined;
+        skip?: number | undefined;
+    } | undefined;
+    sort?: {
+        field?: string | undefined;
+        order?: string | undefined;
+    } | undefined;
+}): (number | boolean | never[])[];

package/dist/esm/types/hooks/usePagination.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare function usePagination(): {
+    limit: number;
+    onPaginationChange: import("react").Dispatch<import("react").SetStateAction<{
+        pageSize: number;
+        pageIndex: number;
+    }>>;
+    pagination: {
+        pageSize: number;
+        pageIndex: number;
+    };
+    skip: number;
+};

package/dist/esm/types/hooks/useSorting.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare function useSorting(initialField?: string, initialOrder?: string): {
+    sorting: {
+        id: string;
+        desc: boolean;
+    }[];
+    onSortingChange: import("react").Dispatch<import("react").SetStateAction<{
+        id: string;
+        desc: boolean;
+    }[]>>;
+    order: string;
+    field: string;
+};

package/dist/esm/types/index.d.ts

@@ -9,3 +9,5 @@ export { DropdownSearchProps } from "./shared/models/components/common.model";
 export { BtnOptionDropdown } from "./shared/models/components/common.model";
 export { OptionProps } from "./shared/models/components/common.model";
 export { ColumnDef, SortingState } from "@tanstack/react-table";
+export { usePagination } from "./hooks/usePagination";
+export { useSorting } from "./hooks/useSorting";

package/dist/esm/types/shared/models/components/common.model.d.ts

@@ -304,3 +304,7 @@ export interface ButtonGroupProps {
     isAdditionalErrorInput?: boolean;
     additionalErrorClasses?: string;
 }
+export interface PaginationProps {
+    pageSize: number;
+    pageIndex: number;
+}

package/dist/index.d.ts

@@ -1,5 +1,7 @@
-import React$1, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, FC, ReactNode } from 'react';
-import { ColumnDef, OnChangeFn, SortingState } from '@tanstack/react-table';
+/// <reference types="react" />
+import * as React$1 from 'react';
+import React__default, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, FC, ReactNode } from 'react';
+import { ColumnDef, OnChangeFn, SortingState, PaginationState } from '@tanstack/react-table';
 export { ColumnDef, SortingState } from '@tanstack/react-table';
 
 type AlignmentType = "center" | "left" | "right";
@@ -266,6 +268,10 @@ interface ButtonGroupProps {
     isAdditionalErrorInput?: boolean;
     additionalErrorClasses?: string;
 }
+interface PaginationProps {
+    pageSize: number;
+    pageIndex: number;
+}
 
 type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | undefined;
 interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
@@ -622,19 +628,19 @@ interface TooltipProps {
     showTooltip?: boolean;
 }
 
-declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, onClick, }: IButtonProps) => React$1.JSX.Element;
+declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, onClick, }: IButtonProps) => React__default.JSX.Element;
 
 /**
  * Primary UI component
  */
-declare const Typhography: ({ type, component, color, additionalClasses, children, onClick, ...rest }: ITyphographyProps) => React$1.JSX.Element;
+declare const Typhography: ({ type, component, color, additionalClasses, children, onClick, ...rest }: ITyphographyProps) => React__default.JSX.Element;
 
-declare const Checkbox: React$1.FC<ICheckboxProps>;
+declare const Checkbox: React__default.FC<ICheckboxProps>;
 
 /**
  * Primary UI component for user interaction
  */
-declare const InputValidation: React$1.FC<IInputValidationProps>;
+declare const InputValidation: React__default.FC<IInputValidationProps>;
 
 /**
  * Primary UI component for user interaction
@@ -644,79 +650,79 @@ declare const Input: FC<IHookFormsInputProps>;
 /**
  * Primary UI component for user interaction
  */
-declare const Label: React$1.FC<ILabelProps>;
+declare const Label: React__default.FC<ILabelProps>;
 
 /**
  * Primary UI component for user interaction
  */
-declare const Select: React$1.FC<ISelectProps>;
+declare const Select: React__default.FC<ISelectProps>;
 
 /**
  * Primary UI component for user interaction
  */
-declare const RadioButton: React$1.FC<IRadioProps>;
+declare const RadioButton: React__default.FC<IRadioProps>;
 
 /**
  * Primary UI component for user interaction
  */
-declare const Textarea: React$1.FC<IInputProps>;
+declare const Textarea: React__default.FC<IInputProps>;
 
 /**
  * Primary UI component for user interaction
  */
 declare const IconInput: FC<IHookFormsInputProps>;
 
-declare const ImageInput: React$1.FC<ImageInputProps>;
+declare const ImageInput: React__default.FC<ImageInputProps>;
 
 /**
  * Primary UI component for user interaction
  */
-declare const Card: React$1.FC<ICardProps>;
+declare const Card: React__default.FC<ICardProps>;
 
 interface IComponentProps {
     schema: ISchema[];
     children: ReactNode;
     setComponents: (data: IComponent[]) => void;
 }
-declare function DFHFormProvider({ schema, children, setComponents }: IComponentProps): React$1.JSX.Element;
+declare function DFHFormProvider({ schema, children, setComponents }: IComponentProps): React__default.JSX.Element;
 
 /**
  * Primary UI component for user interaction
  *
  * Use SVG for Logo
  */
-declare const Logo: React$1.FC<LogoProps>;
+declare const Logo: React__default.FC<LogoProps>;
 
-declare const LoadingSpinner: React$1.FC<AdditionalClassesProp$1>;
+declare const LoadingSpinner: React__default.FC<AdditionalClassesProp$1>;
 
-declare const NavBar: ({ navigationData, additionalClasses, navItemClick, isEnableLogout, handleLogout, userImage, }: TabNavigationProps) => React$1.JSX.Element;
+declare const NavBar: ({ navigationData, additionalClasses, navItemClick, isEnableLogout, handleLogout, userImage, }: TabNavigationProps) => React__default.JSX.Element;
 
-declare const Message: ({ type, text }: MessageProps) => React$1.JSX.Element | undefined;
+declare const Message: ({ type, text }: MessageProps) => React__default.JSX.Element | undefined;
 
-declare const Breadcrumb: React$1.FC<BreadcrumbProps>;
+declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
 
-declare const ImagePreview: React$1.FC<ImagePreviewProps>;
+declare const ImagePreview: React__default.FC<ImagePreviewProps>;
 
-declare const CustomDatePicker: React$1.FC<CustomDatePickerProps>;
+declare const CustomDatePicker: React__default.FC<CustomDatePickerProps>;
 
 interface RowProps {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     additionalClasses?: string;
 }
-declare const Row: React$1.FC<RowProps>;
+declare const Row: React__default.FC<RowProps>;
 
-declare const PhoneNumberInput: React$1.FC<PhoneNumberInputProps>;
+declare const PhoneNumberInput: React__default.FC<PhoneNumberInputProps>;
 
 /**
  * Primary UI component for Tooltip
  */
-declare const Tooltip: React$1.FC<TooltipProps>;
+declare const Tooltip: React__default.FC<TooltipProps>;
 
-declare const DialogBox: React$1.FC<DialogBoxProps>;
+declare const DialogBox: React__default.FC<DialogBoxProps>;
 
-declare const Modal: React$1.FC<ModalProps>;
+declare const Modal: React__default.FC<ModalProps>;
 
-declare const CustomFileInput: React$1.FC<CustomFileInputProps>;
+declare const CustomFileInput: React__default.FC<CustomFileInputProps>;
 
 interface HeadingProps {
     /**
@@ -739,13 +745,13 @@ interface HeadingProps {
 /**
  * Primary UI component for user interaction
  */
-declare const Heading: React$1.FC<HeadingProps>;
+declare const Heading: React__default.FC<HeadingProps>;
 
-declare const TagSelect: React$1.FC<DropdownMultiselectProps>;
+declare const TagSelect: React__default.FC<DropdownMultiselectProps>;
 
-declare const SearchDropdownWithButton: React$1.FC<DropdownSearchProps>;
+declare const SearchDropdownWithButton: React__default.FC<DropdownSearchProps>;
 
-declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
+declare const ButtonGroup: React__default.FC<ButtonGroupProps>;
 
 /**
  * Primary UI component for user interaction
@@ -754,14 +760,19 @@ declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
  *
  * File Path : "src/components/core/Media/Icons/Icons.tsx"
  */
-declare const Icon: React$1.FC<IIconProps>;
+declare const Icon: React__default.FC<IIconProps>;
 
-declare function Table({ data, columns, sorting, setSorting, }: {
+declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, isManualSorting, }: {
     data: any[];
     columns: ColumnDef<any>[];
     sorting?: any;
-    setSorting?: OnChangeFn<SortingState> | undefined;
-}): React$1.JSX.Element;
+    onSortingChange?: OnChangeFn<SortingState> | undefined;
+    pagination?: PaginationProps;
+    onPaginationChange?: OnChangeFn<PaginationState> | undefined;
+    totalRecords?: number;
+    isManualPagination?: boolean;
+    isManualSorting?: boolean;
+}): React__default.JSX.Element;
 
 interface UseSchemaProcessorProps {
     schema: ISchema[];
@@ -771,4 +782,30 @@ declare const useSchemaProcessor: ({ schema, externalSetComponents, }: UseSchema
     componentsRtn: IComponent[] | undefined;
 };
 
-export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, Card, Checkbox as CheckBox, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, Heading, Icon, IconInput, ImageInput, ImagePreview, Input, type InputType, InputValidation, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PhoneNumberInput, RadioButton, Row, SearchDropdownWithButton, Select, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes };
+declare function usePagination(): {
+    limit: number;
+    onPaginationChange: React$1.Dispatch<React$1.SetStateAction<{
+        pageSize: number;
+        pageIndex: number;
+    }>>;
+    pagination: {
+        pageSize: number;
+        pageIndex: number;
+    };
+    skip: number;
+};
+
+declare function useSorting(initialField?: string, initialOrder?: string): {
+    sorting: {
+        id: string;
+        desc: boolean;
+    }[];
+    onSortingChange: React$1.Dispatch<React$1.SetStateAction<{
+        id: string;
+        desc: boolean;
+    }[]>>;
+    order: string;
+    field: string;
+};
+
+export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, Card, Checkbox as CheckBox, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, Heading, Icon, IconInput, ImageInput, ImagePreview, Input, type InputType, InputValidation, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PhoneNumberInput, RadioButton, Row, SearchDropdownWithButton, Select, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, usePagination, useSorting };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.3.12",
+  "version": "1.3.13",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",