master-components-react-ts 2.2.6 → 2.2.8

package/dist/assets/Icons/IconColumnConfig.d.ts

@@ -0,0 +1 @@
+export declare const IconColumnConfig: () => import("react/jsx-runtime").JSX.Element;

package/dist/assets/Icons/IconDragandDrop.d.ts

@@ -0,0 +1 @@
+export declare const IconDragandDrop: () => import("react/jsx-runtime").JSX.Element;

package/dist/assets/Icons/IconFilterLines.d.ts

@@ -0,0 +1 @@
+export declare const IconFilterLines: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/FilterWithTags/FilterWithTags.d.ts

@@ -1,2 +1,3 @@
-declare const FilterWithTags: () => import("react/jsx-runtime").JSX.Element;
+import { FilterWithTagsProps } from './FilterWithTags.types';
+declare const FilterWithTags: ({ filterOptions, customOpenPopup, withSearch, onSearchChange, mainButtonProps, popupProps }: FilterWithTagsProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterWithTags;

package/dist/components/FilterWithTags/FilterWithTags.types.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '../MainButton/MainButton.types';
+import { PopupProps } from '../Popup/Popup.types';
+export interface FilterWithTagsProps {
+    filterOptions: any[];
+    customOpenPopup?: boolean;
+    withSearch?: boolean;
+    onSearchChange?: (value: string) => void;
+    mainButtonProps?: ButtonProps;
+    popupProps?: PopupProps;
+}

package/dist/components/MainButton/MainButton.types.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 /**Button Component Props */
 export interface ButtonProps {
-    label: string;
+    label?: string;
     size?: 'md' | 'sm' | 'lg';
     leftSlot?: React.ReactNode;
     rightSlot?: React.ReactNode;

package/dist/components/Popup/Popup.d.ts

@@ -1,7 +1,7 @@
 import { PopupProps } from './Popup.types';
 declare const Popup: {
-    ({ visible, template, options, children, onClickOutside, onClose, widthType, modalOverlayStyle, popupContainerStyle, templateWrapperStyle, popupHeaderStyle, popupTitleStyle, closeButtonStyle, }: PopupProps): false | import("react/jsx-runtime").JSX.Element | undefined;
-    propKeys: readonly ["visible", "template", "options", "children", "onClickOutside", "onClose", "widthType", "modalOverlayStyle", "popupContainerStyle", "templateWrapperStyle", "popupHeaderStyle", "popupTitleStyle", "closeButtonStyle"];
+    ({ visible, template, mode, children, onClickOutside, onClose, widthType, modalOverlayStyle, popupContainerStyle, templateWrapperStyle, popupHeaderStyle, popupTitleStyle, closeButtonStyle, }: PopupProps): false | import("react/jsx-runtime").JSX.Element | undefined;
+    propKeys: readonly ["visible", "template", "mode", "children", "onClickOutside", "onClose", "widthType", "modalOverlayStyle", "popupContainerStyle", "templateWrapperStyle", "popupHeaderStyle", "popupTitleStyle", "closeButtonStyle"];
     displayName: string;
     description: string;
 };

package/dist/components/Popup/Popup.types.d.ts

@@ -3,12 +3,7 @@ import { CSSProperties } from 'react';
 export interface PopupProps {
     visible?: boolean;
     template?: React.ReactNode;
-    options?: {
-        title: string;
-        description: string;
-        type: 'success' | 'error' | 'unsaved' | 'info';
-        mode: 'drawer' | 'modal';
-    };
+    mode?: 'drawer' | 'modal';
     children?: React.ReactNode;
     onClickOutside?: () => void;
     onClose?: () => void;

package/dist/components/Table/RowsPerPageDropdown.d.ts

@@ -0,0 +1,7 @@
+interface RowsPerPageDropdownProps {
+    currentValue: number;
+    options: number[];
+    onChange: (value: number) => void;
+}
+export default function RowsPerPageDropdown({ currentValue, options, onChange }: RowsPerPageDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,2 @@
+import { TableProps } from './Table.types';
+export default function Table({ columns, data, onRowClick, onHeaderClick, sort, selectedRows, onSelectionChange, withSelectAll, actionButtonText, actionButtonIcon, onActionButtonClick, actionButtons, withColumnConfiguration, headerSlot, onColumnOrderChange, onColumnVisibilityChange, currentPage, totalPages, onPageChange, showPagination, rowsPerPage, rowsPerPageOptions, onRowsPerPageChange, totalItems, startItem, endItem, onRowEdit, onRowDelete, rowActions, }: TableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/Table.types.d.ts

@@ -0,0 +1,39 @@
+export type ColumnType = {
+    key?: string;
+    label?: string;
+    visible?: boolean;
+    render?: (row: any) => React.ReactNode;
+    [key: string]: any;
+};
+/**Table Component Props */
+export interface TableProps {
+    columns?: ColumnType[];
+    data?: any[];
+    onRowClick?: (row: any, rowIndex: number) => void;
+    onHeaderClick?: (key: string | number) => void;
+    sort?: any[];
+    selectedRows?: any[];
+    onSelectionChange?: (selectedRows: any[]) => void;
+    withSelectAll?: boolean;
+    actionButtonText?: string;
+    actionButtonIcon?: React.ReactNode;
+    onActionButtonClick?: (row: any) => void;
+    actionButtons?: any[];
+    withColumnConfiguration?: boolean;
+    headerSlot?: React.ReactNode;
+    onColumnOrderChange?: (newColumns: ColumnType[]) => void;
+    onColumnVisibilityChange?: (newColumns: ColumnType[]) => void;
+    currentPage?: number;
+    totalPages?: number;
+    onPageChange?: (page: number) => void;
+    showPagination?: boolean;
+    rowsPerPage?: number;
+    rowsPerPageOptions?: number[];
+    onRowsPerPageChange?: (rowsPerPage: number) => void;
+    totalItems?: number;
+    startItem?: number;
+    endItem?: number;
+    onRowEdit?: (row: any, rowIndex: number) => void;
+    onRowDelete?: (row: any, rowIndex: number) => void;
+    rowActions?: any[];
+}

package/dist/components/Table/mockDevExpressApi.d.ts

@@ -0,0 +1,34 @@
+type Department = "Engineering" | "HR" | "Marketing" | "Sales";
+type Status = "active" | "inactive" | "pending";
+type Role = "Admin" | "User" | "Manager" | "Guest";
+export interface UserData {
+    id: number;
+    name: string;
+    email: string;
+    department: Department;
+    status: Status;
+    role: Role;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface SortConfig {
+    selector: keyof UserData;
+    desc: boolean;
+}
+export interface FilterConfig {
+    key: keyof UserData;
+    operator: "contains" | "equals" | "startsWith";
+    value: string;
+}
+export interface FetchDataParams {
+    skip?: number;
+    take?: number;
+    sort?: SortConfig[];
+    filter?: FilterConfig[];
+}
+export interface FetchDataResponse {
+    data: UserData[];
+    totalCount: number;
+}
+export declare function fetchDataDevExpressLike({ skip, take, sort, filter, }: FetchDataParams): Promise<FetchDataResponse>;
+export {};

package/dist/components/Table/useColumnResizer.d.ts

@@ -0,0 +1,11 @@
+import { ColumnType } from './Table.types';
+export declare const useColumnResizer: (columns: ColumnType[], initialColumnWidths?: {
+    [key: string]: number;
+}) => {
+    columnWidths: {
+        [key: string]: number;
+    };
+    isResizing: boolean;
+    resizeColumn: string | null;
+    handleResizeStart: (e: MouseEvent, columnKey: string) => void;
+};

package/dist/index.d.ts

@@ -17,3 +17,4 @@ export { default as InlineLoading } from './components/InlineLoading/InlineLoadi
 export { default as Slider } from './components/Slider/Slider';
 export { default as TreeNode } from './components/TreeNode/TreeNode';
 export { default as FilterWithTags } from './components/FilterWithTags/FilterWithTags';
+export { default as Table } from './components/Table/Table';