pixel-react 1.20.33 → 1.20.35

package/lib/index.d.ts

@@ -147,7 +147,7 @@ interface ButtonProps {
     /**
      * onSubmit function handler
      */
-    onSubmit?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onSubmit?: (event: React.FormEvent<HTMLButtonElement>) => void;
     /**
      * react ref for the button
      */
@@ -420,7 +420,7 @@ interface AccordionProps {
     /**
      * Accordion Header Title
      */
-    headerTitle: string | JSX.Element;
+    headerTitle: string | React.ReactElement;
     /**
      * Content that to be shown while Accordion is expanded
      */
@@ -1051,7 +1051,7 @@ interface SelectProps$1 {
     /**
      * Ref for select option dropdown
      */
-    dropDownRef?: RefObject<HTMLDivElement>;
+    dropDownRef?: RefObject<HTMLDivElement | null>;
     /**
      * isGrouped prop for grouped options
      */
@@ -1335,7 +1335,7 @@ interface MenuOptionProps {
      * @optional
      */
     optionCardVariant?: 'primary' | 'default';
-    targetRef?: string | React.RefObject<HTMLElement> | null;
+    targetRef?: string | React.RefObject<HTMLElement | null> | null;
     treeRowRef?: React.RefObject<HTMLDivElement | null>;
     isAddResourceButton?: boolean;
     /**
@@ -1820,7 +1820,7 @@ interface TypographyProps {
     /**
      * For JSX elements
      */
-    as?: keyof JSX.IntrinsicElements;
+    as?: React__default.ElementType;
     /**
      * htmlFor attribute for element=label,
      */
@@ -1867,7 +1867,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>;
-}) => JSX.Element;
+}) => React__default.ReactElement;
 
 interface Option$4 {
     label: string | ReactNode;
@@ -2319,23 +2319,23 @@ interface NewNode$1 {
     confirmIconTooltip?: string;
     cancelIconTooltip?: string;
 }
-declare type JSX$2 = ReactNode | JSX$2.Element[] | string | null;
+type JSXContent$1 = ReactNode | React.ReactElement[] | string | null;
 type RootNode$1 = {
     node: any;
     select: 'radio' | 'checkbox' | 'none';
-    cell?: (row: any) => JSX$2;
-    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX$2;
+    cell?: (row: any) => JSXContent$1;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSXContent$1;
 };
 interface Column$1 {
-    name: string | JSX$2;
+    name: string | JSXContent$1;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSX$2;
-    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX$2;
+    cell?: (row: any) => JSXContent$1;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSXContent$1;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSX$2;
+    defaultActions?: () => JSXContent$1;
 }
 interface TreeTableProps$1 {
     treeData: any;
@@ -2382,7 +2382,7 @@ interface TabsProps$1 {
         id: string;
         label: string;
         icon?: string;
-        component?: JSX.Element;
+        component?: React.ReactElement;
         disabled?: boolean;
         count?: number | string;
         status?: 'success' | 'error' | 'transparent';
@@ -2443,7 +2443,7 @@ interface BrowserTab {
     /**
      * Optional component to be rendered when the tab is active.
      */
-    component?: JSX.Element;
+    component?: React.ReactElement;
     /**
      * Name of the tab icon.
      */
@@ -3825,7 +3825,7 @@ interface ColumnProps$1 {
     /**
      * data for the column
      */
-    cell?: (e: any) => JSX.Element | string | ReactNode;
+    cell?: (e: any) => React.ReactElement | string | ReactNode;
 }
 interface DataProps$2 {
     /**
@@ -4376,7 +4376,6 @@ interface EditLabelProps {
     onChangeValidationError?: boolean;
     truncatedType?: 'count' | 'pixel';
     isTableTree?: boolean;
-    isAutoTruncate?: boolean;
 }
 type OptionValue$1 = any;
 type DisabledOptions = {
@@ -4388,7 +4387,7 @@ interface Option$2 {
     [key: string]: OptionValue$1;
 }
 
-declare const EditLabel: ({ id, onConfirm, onCancel, handleCustomError, value, label, optionsList, selectedOption, withDropdown, inputFieldWidth, selectFieldWidth, textColor, tooltip, required, isDisable, onClick, highlightText, isEditable, setIsEditable, cursor, isOnBlurTrue, handleOnChange, handleTriggerDoubleClick, truncatedTextCount, truncatedType, confirmIconTooltip, cancelIconTooltip, inlineValidationError, onChangeValidationError, isTableTree, isAutoTruncate, }: EditLabelProps) => react_jsx_runtime.JSX.Element;
+declare const EditLabel: ({ id, onConfirm, onCancel, handleCustomError, value, label, optionsList, selectedOption, withDropdown, inputFieldWidth, selectFieldWidth, textColor, tooltip, required, isDisable, onClick, highlightText, isEditable, setIsEditable, cursor, isOnBlurTrue, handleOnChange, handleTriggerDoubleClick, truncatedTextCount, truncatedType, confirmIconTooltip, cancelIconTooltip, inlineValidationError, onChangeValidationError, isTableTree, }: EditLabelProps) => react_jsx_runtime.JSX.Element;
 
 interface ErrorBoundaryProps {
     fallback: ReactNode;
@@ -4426,7 +4425,7 @@ interface TabsProps {
     tabsData: {
         id: string;
         label: string;
-        component?: JSX.Element;
+        component?: React.ReactElement;
         disabled?: boolean;
         count?: number | string;
         status?: 'success' | 'error' | 'transparent';
@@ -4600,23 +4599,23 @@ interface NewNode {
     cancelIconTooltip?: string;
     firstNodeKey?: string;
 }
-declare type JSX$1 = ReactNode | JSX$1.Element[] | string | null;
+type JSXContent = ReactNode | React.ReactElement[] | string | null;
 type RootNode = {
     node: any;
     select: 'radio' | 'checkbox' | 'none';
-    cell?: (row: any) => JSX$1;
-    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX$1;
+    cell?: (row: any) => JSXContent;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSXContent;
 };
 interface Column {
-    name: string | JSX$1;
+    name: string | JSXContent;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSX$1;
-    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX$1;
+    cell?: (row: any) => JSXContent;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSXContent;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSX$1;
+    defaultActions?: () => JSXContent;
 }
 interface TreeTableProps {
     treeData: any;
@@ -4641,6 +4640,7 @@ interface TreeTableProps {
     tableHeaderBgColor?: string;
     hideOnDisable?: boolean;
     freezeColumns?: number;
+    scriptLengthTruncate?: number;
     addModuleInputWidth?: number;
     addModuleSelectWidth?: number;
     onScroll?: () => void;
@@ -4901,7 +4901,7 @@ declare const Comments: ({ commentsData, handleAddComment, handleEditComment, ha
 
 declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
 
-declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>) => void;
+declare const useClickOutside: (ref: React.RefObject<HTMLElement | null>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement | null> | undefined>) => void;
 
 type TriggerControl = {
     canTrigger: () => boolean;
@@ -5110,7 +5110,7 @@ type KeyboardAction = {
     action: () => void;
 };
 
-declare const useKeyboardActions: (actions: KeyboardAction[], ref?: RefObject<HTMLElement>) => void;
+declare const useKeyboardActions: (actions: KeyboardAction[], ref?: RefObject<HTMLElement | null>) => void;
 
 declare const rearrangeDragItem: (initialArray: any[], oldIndex: number, newIndex: number) => any[];
 
@@ -5495,8 +5495,8 @@ interface ColumnProps {
     /**
      * data for the column
      */
-    cell?: (e: any) => JSX.Element | string | ReactNode;
-    extraInfo?: (e: any) => JSX.Element | string | ReactNode;
+    cell?: (e: any) => React.ReactElement | string | ReactNode;
+    extraInfo?: (e: any) => React.ReactElement | string | ReactNode;
 }
 interface AddNlpProp {
     action?: 'addBelow' | 'addLast' | 'replaceNlp' | 'EditNlp';
@@ -5577,7 +5577,7 @@ interface TableProps {
     handleParentRowHoverOut?: (e: any) => void;
 }
 
-declare const StepLandingTable: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TableProps & React__default.RefAttributes<any>>>;
+declare const StepLandingTable: React__default.NamedExoticComponent<TableProps & React__default.RefAttributes<any>>;
 
 interface RichTextEditorProps {
     convertedContent: string;
@@ -5627,15 +5627,15 @@ type CardProperties = {
 };
 type HeaderContentProperties = {
     isHeader?: boolean;
-    content?: JSX.Element;
+    content?: React.ReactElement;
 };
 type MidContentProperties = {
     isMidContent?: boolean;
-    content?: JSX.Element;
+    content?: React.ReactElement;
 };
 type FooterContentProperties = {
     isFooter?: boolean;
-    content?: JSX.Element;
+    content?: React.ReactElement;
 };
 type CardProps = {
     cardProperties?: CardProperties;
@@ -5888,8 +5888,8 @@ declare const useDeviceType: () => {
 declare const copyToClipboard: (text: string) => boolean;
 
 interface StorageUsageBarProps {
-    used: number;
-    total: number;
+    used: string | number;
+    total: string | number;
     unit?: string;
     showValue?: boolean;
     width?: string;