master-components-react-ts 2.2.5 → 2.2.7

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

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

package/dist/components/Dropdown/DropDown.d.ts

@@ -1,6 +1,6 @@
 import { DropdownProps } from './DropDown.types';
 declare const Dropdown: {
-    ({ data, withFilter, withClose, disableAll, withMultiselect, selectedOptionID, withInput, dropdownType, onSelect, onFocus, onBlur, onValueChange, customInputSlot, dropdownWrapperStyle, dropdownInputWrapperStyle, dropdownInputSlotStyle, dropdownInputSlotItemStyle, dropdownInputSlotItemLabelStyle, dropdownInputSlotItemCloseStyle, dropdownInputSlotItemMoreStyle, dropdownItemStyle, dropdownItemLabelStyle, itemCheckboxStyle, dropdownItemLabelTextStyle, dropdownListStyle, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+    ({ data, withFilter, withClose, disableAll, withMultiselect, selectedOptionID, withInput, withTree, withSelectAll, dropdownType, onSelect, onFocus, onBlur, onValueChange, customInputSlot, dropdownWrapperStyle, dropdownInputWrapperStyle, dropdownInputSlotStyle, dropdownInputSlotItemStyle, dropdownInputSlotItemLabelStyle, dropdownInputSlotItemCloseStyle, dropdownInputSlotItemMoreStyle, dropdownItemStyle, dropdownItemLabelStyle, itemCheckboxStyle, dropdownItemLabelTextStyle, dropdownListStyle, treeProps, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
     propKeys: readonly ["data", "withFilter", "withClose", "disableAll", "withMultiselect", "selectedOptionID", "withInput", "dropdownType", "onSelect", "onFocus", "onBlur", "onValueChange", "customInputSlot", "dropdownWrapperStyle", "dropdownInputWrapperStyle", "dropdownInputSlotStyle", "dropdownInputSlotItemStyle", "dropdownInputSlotItemLabelStyle", "dropdownInputSlotItemCloseStyle", "dropdownInputSlotItemMoreStyle", "dropdownItemStyle", "dropdownItemLabelStyle", "itemCheckboxStyle", "dropdownItemLabelTextStyle", "dropdownListStyle"];
     displayName: string;
     description: string;

package/dist/components/Dropdown/DropDown.types.d.ts

@@ -1,4 +1,5 @@
 import { FormInputProps } from '../FormInput/FormInput.types';
+import { TreeNodeProps } from '../TreeNode/TreeNode.types';
 type DropdownItem = {
     id: string | number;
     label: string;
@@ -8,7 +9,7 @@ type DropdownItem = {
     [key: string]: any;
 };
 export interface DropdownProps extends FormInputProps {
-    data: DropdownItem[];
+    data?: DropdownItem[];
     withFilter?: boolean;
     withClose?: boolean;
     disableAll?: boolean;
@@ -16,6 +17,8 @@ export interface DropdownProps extends FormInputProps {
     selectedOptionID?: string | number;
     withInput?: boolean;
     dropdownType?: 'country' | 'currency';
+    withTree?: boolean;
+    withSelectAll?: boolean;
     customInputSlot?: React.ReactNode;
     dropdownWrapperStyle?: React.CSSProperties;
     dropdownInputWrapperStyle?: React.CSSProperties;
@@ -33,5 +36,6 @@ export interface DropdownProps extends FormInputProps {
     onFocus?: () => void;
     onBlur?: () => void;
     onValueChange?: (value: string) => void;
+    treeProps?: TreeNodeProps;
 }
 export {};

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

@@ -0,0 +1,3 @@
+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/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, currentPage, totalPages, onPageChange, showPagination, onRowEdit, onRowDelete, rowActions, }: TableProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,28 @@
+export type ColumnType = {
+    key?: string;
+    label?: string;
+    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[];
+    currentPage?: number;
+    totalPages?: number;
+    onPageChange?: (page: number) => void;
+    showPagination?: boolean;
+    onRowEdit?: (row: any, rowIndex: number) => void;
+    onRowDelete?: (row: any, rowIndex: number) => void;
+    rowActions?: any[];
+}

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/components/TreeNode/TreeNode.d.ts

@@ -0,0 +1,3 @@
+import { TreeNodeProps } from './TreeNode.types';
+declare const TreeNode: React.FC<TreeNodeProps>;
+export default TreeNode;

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

@@ -0,0 +1,49 @@
+import { CSSProperties } from 'react';
+import { CheckboxProps } from '../Checkbox/Checkbox.types';
+export type TreeNodeData = {
+    id: string | number;
+    label: string;
+    children?: TreeNodeData[];
+    customLabel?: React.ReactNode | ((item: any) => React.ReactNode);
+    selected?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
+};
+export interface TreeNodeProps {
+    data?: TreeNodeData[];
+    defaultCollapsed?: boolean;
+    checkboxProps?: CheckboxProps;
+    onCollapse?: (collapsed: boolean, node: TreeNodeData) => void;
+    onSelect?: (selectedNodes: TreeNodeData[]) => void;
+    fromDropdown?: boolean;
+    withSelectAll?: boolean;
+    withClearAll?: boolean;
+    expandedNodes?: TreeNodeData[];
+    SearchValue?: string;
+    SelectedData?: TreeNodeData[];
+    treeContainerStyle?: CSSProperties;
+    treeNodeItemStyle?: CSSProperties;
+    treeFooterStyle?: CSSProperties;
+    treeFooterTextStyle?: CSSProperties;
+    treeNodeStyle?: CSSProperties;
+    labelRowStyle?: CSSProperties;
+    collapseToggleStyle?: CSSProperties;
+}
+export interface TreeNodeItemProps {
+    node: TreeNodeData;
+    onSelect: (id: string | number, selected: boolean) => void;
+    defaultCollapsed?: boolean;
+    checkboxProps?: CheckboxProps;
+    onCollapse?: (collapsed: boolean, node: TreeNodeData) => void;
+    depth: number;
+    expandedNodes?: TreeNodeData[];
+    SearchValue?: string;
+    SelectedData?: TreeNodeData[];
+    treeContainerStyle?: CSSProperties;
+    treeNodeItemStyle?: CSSProperties;
+    treeFooterStyle?: CSSProperties;
+    treeFooterTextStyle?: CSSProperties;
+    treeNodeStyle?: CSSProperties;
+    labelRowStyle?: CSSProperties;
+    collapseToggleStyle?: CSSProperties;
+}

package/dist/index.d.ts

@@ -15,3 +15,6 @@ export { default as Skeleton } from './components/Skeleton/Skeleton';
 export { default as ActionDropdown } from './components/ActionDropdown/ActionDropdown';
 export { default as InlineLoading } from './components/InlineLoading/InlineLoading';
 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';