pixel-react 1.17.5 → 1.17.7

package/lib/index.d.ts

@@ -142,7 +142,7 @@ interface ButtonProps {
     /**
      * onSubmit function handler
      */
-    onSubmit?: (event: React.FormEvent<HTMLButtonElement>) => void;
+    onSubmit?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /**
      * react ref for the button
      */
@@ -410,7 +410,7 @@ interface AccordionProps {
     /**
      * Accordion Header Title
      */
-    headerTitle: string | React.ReactElement;
+    headerTitle: string | JSX.Element;
     /**
      * Content that to be shown while Accordion is expanded
      */
@@ -1040,7 +1040,7 @@ interface SelectProps$1 {
     /**
      * Ref for select option dropdown
      */
-    dropDownRef?: RefObject<HTMLDivElement | null>;
+    dropDownRef?: RefObject<HTMLDivElement>;
     /**
      * isGrouped prop for grouped options
      */
@@ -1320,7 +1320,7 @@ interface MenuOptionProps {
      * @optional
      */
     optionCardVariant?: 'primary' | 'default';
-    targetRef?: string | React.RefObject<HTMLElement | null> | null;
+    targetRef?: string | React.RefObject<HTMLElement> | null;
     treeRowRef?: React.RefObject<HTMLDivElement | null>;
     isAddResourceButton?: boolean;
     /**
@@ -1805,7 +1805,7 @@ interface TypographyProps {
     /**
      * For JSX elements
      */
-    as?: React__default.ElementType;
+    as?: keyof JSX.IntrinsicElements;
     /**
      * htmlFor attribute for element=label,
      */
@@ -1851,7 +1851,7 @@ interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
 }
 declare const ForwardedForms: <T extends Form.FieldValues>(props: FormProps<T> & {
     ref?: React__default.Ref<any>;
-}) => React__default.ReactElement;
+}) => JSX.Element;
 
 interface Option$4 {
     label: string | ReactNode;
@@ -2301,23 +2301,23 @@ interface NewNode$1 {
     confirmIconTooltip?: string;
     cancelIconTooltip?: string;
 }
-type JSXContent$1 = ReactNode | React.ReactElement[] | string | null;
+declare type JSX$2 = ReactNode | JSX$2.Element[] | string | null;
 type RootNode$1 = {
     node: any;
     select: 'radio' | 'checkbox' | 'none';
-    cell?: (row: any) => JSXContent$1;
-    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSXContent$1;
+    cell?: (row: any) => JSX$2;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX$2;
 };
 interface Column$1 {
-    name: string | JSXContent$1;
+    name: string | JSX$2;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSXContent$1;
-    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSXContent$1;
+    cell?: (row: any) => JSX$2;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX$2;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSXContent$1;
+    defaultActions?: () => JSX$2;
 }
 interface TreeTableProps$1 {
     treeData: any;
@@ -2364,7 +2364,7 @@ interface TabsProps$1 {
         id: string;
         label: string;
         icon?: string;
-        component?: React.ReactElement;
+        component?: JSX.Element;
         disabled?: boolean;
         count?: number | string;
         status?: 'success' | 'error' | 'transparent';
@@ -2425,7 +2425,7 @@ interface BrowserTab {
     /**
      * Optional component to be rendered when the tab is active.
      */
-    component?: React.ReactElement;
+    component?: JSX.Element;
     /**
      * Name of the tab icon.
      */
@@ -3799,7 +3799,7 @@ interface ColumnProps$1 {
     /**
      * data for the column
      */
-    cell?: (e: any) => React.ReactElement | string | ReactNode;
+    cell?: (e: any) => JSX.Element | string | ReactNode;
 }
 interface DataProps$2 {
     /**
@@ -4398,7 +4398,7 @@ interface TabsProps {
     tabsData: {
         id: string;
         label: string;
-        component?: React.ReactElement;
+        component?: JSX.Element;
         disabled?: boolean;
         count?: number | string;
         status?: 'success' | 'error' | 'transparent';
@@ -4522,12 +4522,14 @@ interface ActionsConfig {
         iconName?: string;
         disabled?: boolean;
         tooltip?: string;
+        className?: string;
     };
     delete?: {
         onClick: () => void;
         iconName?: string;
         disabled?: boolean;
         tooltip?: string;
+        className?: string;
     };
 }
 interface SessionDropdownProps {
@@ -4570,23 +4572,23 @@ interface NewNode {
     cancelIconTooltip?: string;
     firstNodeKey?: string;
 }
-type JSXContent = ReactNode | React.ReactElement[] | string | null;
+declare type JSX$1 = ReactNode | JSX$1.Element[] | string | null;
 type RootNode = {
     node: any;
     select: 'radio' | 'checkbox' | 'none';
-    cell?: (row: any) => JSXContent;
-    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSXContent;
+    cell?: (row: any) => JSX$1;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX$1;
 };
 interface Column {
-    name: string | JSXContent;
+    name: string | JSX$1;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSXContent;
-    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSXContent;
+    cell?: (row: any) => JSX$1;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX$1;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSXContent;
+    defaultActions?: () => JSX$1;
 }
 interface TreeTableProps {
     treeData: any;
@@ -4871,7 +4873,7 @@ declare const Comments: ({ commentsData, handleAddComment, handleEditComment, ha
 
 declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
 
-declare const useClickOutside: (ref: React.RefObject<HTMLElement | null>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement | null> | undefined>) => void;
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>) => void;
 
 type TriggerControl = {
     canTrigger: () => boolean;
@@ -5080,7 +5082,7 @@ type KeyboardAction = {
     action: () => void;
 };
 
-declare const useKeyboardActions: (actions: KeyboardAction[], ref?: RefObject<HTMLElement | null>) => void;
+declare const useKeyboardActions: (actions: KeyboardAction[], ref?: RefObject<HTMLElement>) => void;
 
 declare const rearrangeDragItem: (initialArray: any[], oldIndex: number, newIndex: number) => any[];
 
@@ -5465,8 +5467,8 @@ interface ColumnProps {
     /**
      * data for the column
      */
-    cell?: (e: any) => React.ReactElement | string | ReactNode;
-    extraInfo?: (e: any) => React.ReactElement | string | ReactNode;
+    cell?: (e: any) => JSX.Element | string | ReactNode;
+    extraInfo?: (e: any) => JSX.Element | string | ReactNode;
 }
 interface AddNlpProp {
     action?: 'addBelow' | 'addLast' | 'replaceNlp' | 'EditNlp';
@@ -5547,7 +5549,7 @@ interface TableProps {
     handleParentRowHoverOut?: (e: any) => void;
 }
 
-declare const StepLandingTable: React__default.NamedExoticComponent<TableProps & React__default.RefAttributes<any>>;
+declare const StepLandingTable: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TableProps & React__default.RefAttributes<any>>>;
 
 interface RichTextEditorProps {
     convertedContent: string;
@@ -5597,15 +5599,15 @@ type CardProperties = {
 };
 type HeaderContentProperties = {
     isHeader?: boolean;
-    content?: React.ReactElement;
+    content?: JSX.Element;
 };
 type MidContentProperties = {
     isMidContent?: boolean;
-    content?: React.ReactElement;
+    content?: JSX.Element;
 };
 type FooterContentProperties = {
     isFooter?: boolean;
-    content?: React.ReactElement;
+    content?: JSX.Element;
 };
 type CardProps = {
     cardProperties?: CardProperties;