pixel-react 1.6.1 → 1.6.3

package/lib/components/Avatar/types.d.ts

@@ -10,7 +10,7 @@ export interface AvatarProps {
     /**
      * This property specifies the name of the icon to be displayed within the avatar.
      */
-    iconName: string;
+    iconName?: string;
     /**
      * This property allows you to customize the color of the icon within the avatar.
      */
@@ -23,4 +23,12 @@ export interface AvatarProps {
      * This property allows you to set a custom size for the icon within the avatar.
      */
     customIconSize?: number;
+    /**
+    * This property specifies the label to display inside the avatar, used as an alternative to the icon.
+    */
+    label?: string;
+    /**
+     * This property allows you to customize the font size of the label inside the avatar.
+     */
+    labelFontSize?: string;
 }

package/lib/components/IconButton/types.d.ts

@@ -2,4 +2,5 @@ export interface IconButtonProps {
     label: string;
     iconName: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ref?: React.RefObject<HTMLButtonElement>;
 }

package/lib/components/TableTree/Components/TableBody.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableBodyProps } from '../types';
+declare const TableBody: React.MemoExoticComponent<({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableBody;

package/lib/components/TableTree/Components/TableCell.d.ts

@@ -0,0 +1,4 @@
+import { TableCellProps } from '../types';
+import React from 'react';
+declare const TableCell: React.MemoExoticComponent<({ col, node, level, selected, select, onCheckBoxChange, onToggleExpand, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableCell;

package/lib/components/TableTree/Components/TableHead.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableHeadProps } from '../types';
+declare const TableHead: React.MemoExoticComponent<({ columnsData }: TableHeadProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableHead;

package/lib/components/TableTree/Components/TableRow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableRowProps } from '../types';
+declare const TableRow: React.MemoExoticComponent<({ node, level, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableRow;

package/lib/components/TableTree/Utils/getAllChildIds.d.ts

@@ -0,0 +1 @@
+declare const getAllChildIds: (nodeId: string, data: any[]) => string[];

package/lib/components/TableTree/types.d.ts

@@ -1,28 +1,61 @@
+import { ReactNode } from 'react';
 export interface TreeNode {
     key: string;
     [key: string]: any;
     children?: TreeNode[];
     expanded?: boolean;
 }
+declare type JSX = ReactNode | JSX.Element[] | string | null;
+export interface TableCellProps {
+    col: any;
+    node: any;
+    level: number;
+    selected: string[];
+    select: string | null;
+    onCheckBoxChange: (type: string, node: any) => void;
+    onToggleExpand: (node: any) => void;
+}
+export interface TableHeadProps {
+    columnsData: any[];
+}
+export interface TableBodyProps {
+    flattenedTreeData: any[];
+    columnsData: any[];
+    selected: string[];
+    select: string | null;
+    onRowClick: (e: any, node: any) => void;
+    onToggleExpand: (node: any) => void;
+    onCheckBoxChange: (type: string, node: any) => void;
+}
+export interface TableRowProps {
+    node: any;
+    level: number;
+    columnsData: any[];
+    selected: string[];
+    select: string | null;
+    onRowClick: (e: any, node: any) => void;
+    onToggleExpand: (node: any) => void;
+    onCheckBoxChange: (type: string, node: any) => void;
+}
 export interface Column {
     name: string;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSX.Element | string | null;
-    actions?: (row: any) => JSX.Element[];
+    cell?: (row: any) => JSX;
+    actions?: (row: any) => JSX;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSX.Element[];
+    defaultActions?: () => JSX;
 }
 export interface TreeTableProps {
     treeData: any;
     columnsData: Column[];
     selected?: string[];
-    select?: 'radio' | 'checkbox' | null;
+    select?: 'radio' | 'checkbox' | 'none';
     onChange?: (nodes: string[]) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
-    expandedNodes: string[];
     onExpand?: (_isExpanded: boolean, node: string) => void;
     onPagination?: (_direction: string) => void;
 }
+export {};

package/lib/index.d.ts

@@ -1516,25 +1516,25 @@ interface TreeNode {
     children?: TreeNode[];
     expanded?: boolean;
 }
+declare type JSX$1 = ReactNode | JSX$1.Element[] | string | null;
 interface Column {
     name: string;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSX.Element | string | null;
-    actions?: (row: any) => JSX.Element[];
+    cell?: (row: any) => JSX$1;
+    actions?: (row: any) => JSX$1;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSX.Element[];
+    defaultActions?: () => JSX$1;
 }
 interface TreeTableProps {
     treeData: any;
     columnsData: Column[];
     selected?: string[];
-    select?: 'radio' | 'checkbox' | null;
+    select?: 'radio' | 'checkbox' | 'none';
     onChange?: (nodes: string[]) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
-    expandedNodes: string[];
     onExpand?: (_isExpanded: boolean, node: string) => void;
     onPagination?: (_direction: string) => void;
 }
@@ -1708,6 +1708,7 @@ interface IconButtonProps {
     label: string;
     iconName: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ref?: React.RefObject<HTMLButtonElement>;
 }
 
 declare const IconButton: React__default.FC<IconButtonProps>;
@@ -2128,7 +2129,7 @@ interface AvatarProps {
     /**
      * This property specifies the name of the icon to be displayed within the avatar.
      */
-    iconName: string;
+    iconName?: string;
     /**
      * This property allows you to customize the color of the icon within the avatar.
      */
@@ -2141,6 +2142,14 @@ interface AvatarProps {
      * This property allows you to set a custom size for the icon within the avatar.
      */
     customIconSize?: number;
+    /**
+    * This property specifies the label to display inside the avatar, used as an alternative to the icon.
+    */
+    label?: string;
+    /**
+     * This property allows you to customize the font size of the label inside the avatar.
+     */
+    labelFontSize?: string;
 }
 
 declare const Avatar: React__default.FC<AvatarProps>;