pixel-react 1.21.19 → 1.21.20

package/lib/components/TableWithAccordion/TableWithAccordion.js

@@ -9,11 +9,37 @@ import '../../../index.scss';
 import Typography from '../Typography';
 import HighlightText from '../HighlightText';
 import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+const getColumnWidthStyle = (width) => {
+    if (width === undefined || width === null || width === '') {
+        return {};
+    }
+    const widthValue = typeof width === 'number' ? `${width}px` : width;
+    return {
+        width,
+        flex: `0 0 ${widthValue}`,
+    };
+};
+const COLUMN_LABEL_LEFT_PADDING = 8;
 const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = [], accordionType = 'row', noDataContent, height = '100%', withFixedHeader = false, headerType, TableAccordionStateIconWidth = 4, TableAccordionStateIconHeight = 8, }) => {
     const [expandedRowIndex, setExpandedRowIndex] = useState(-1);
+    const firstColumnPixelWidth = typeof tableMeta[0]?.width === 'number'
+        ? Math.max(tableMeta[0]?.width - COLUMN_LABEL_LEFT_PADDING, 0)
+        : undefined;
     const onAccordionClick = (index) => {
         setExpandedRowIndex(index === expandedRowIndex ? -1 : index);
     };
+    const isColumnTitleTruncated = (title) => typeof title === 'string' &&
+        firstColumnPixelWidth !== undefined &&
+        isTextTruncated(title, firstColumnPixelWidth, 'pixel');
+    const getColumnTitle = (title) => {
+        if (typeof title !== 'string') {
+            return '';
+        }
+        return firstColumnPixelWidth !== undefined
+            ? truncateText(title, firstColumnPixelWidth, 'pixel')
+            : title;
+    };
     const getAccordionTableCellContent = (dataObj, columnObj) => {
         let cellData = dataObj[columnObj.accessor];
         if (columnObj.cell) {
@@ -35,28 +61,27 @@ const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = []
     };
     const getAccordionTableContent = (dataArray) => {
         const accordionSubTable = dataArray.map((rowData, index) => {
-            return (_jsx("table", { className: "ff-accordion-table", cellSpacing: 0, children: _jsx("tbody", { className: "ff-table-body", children: _jsx("tr", { className: "ff-table-row", children: tableMeta.map((column, i) => {
-                            return (_jsx("td", { className: "ff-table-cell", style: { width: column.width }, children: accordionType === 'column' && i === 0 ? ('') : (_jsx(Typography, { children: getAccordionTableCellContent(rowData, column) })) }, column.accessor + i));
+            return (_jsx("table", { className: "ff-table-accordion__table", cellSpacing: 0, children: _jsx("tbody", { className: "ff-table-accordion__tbody", children: _jsx("tr", { className: "ff-table-accordion__body-row", children: tableMeta.map((column, i) => {
+                            return (_jsx("td", { className: "ff-table-accordion__body-cell", style: getColumnWidthStyle(column.width), children: accordionType === 'column' && i === 0 ? ('') : (_jsx(Typography, { children: getAccordionTableCellContent(rowData, column) })) }, column.accessor + i));
                         }) }, rowData.id || index) }) }, `accordion-table-${index}`));
         });
         return accordionSubTable;
     };
-    return (_jsxs("div", { style: { height: height }, className: classNames('ff-accordion-table-container', {
-            'ff-accordion-fixed-header-table': withFixedHeader,
-        }), children: [_jsx("table", { cellSpacing: 0, className: classNames('ff-accordion-table', {
-                    'ff-accordion-fixed-header': withFixedHeader,
-                }), children: _jsx("thead", { children: _jsx("tr", { className: "ff-table-row", children: tableMeta.map((column) => (_jsx("th", { style: { width: column.width }, className: classNames('ff-table-header', headerType && `ff-accordion-table--${headerType}-bg`), children: _jsx("div", { children: _jsx(Typography, { fontWeight: "semi-bold", fontSize: 12, children: column.header }) }) }, `header-${column.header}`))) }) }) }), accordionType === 'row' &&
-                tableData.map((row, rowIndex) => (_jsx(Accordion, { highlightText: highlightText, headerTitle: row.title, color: "var(--text-color)", accordionContent: getAccordionTableContent(row.data), disable: row.disable, disableInfoMessage: row.disableInfoMessage, accordionStateIconName: "arrows_down_icon", AccordionStateIconWidth: TableAccordionStateIconWidth, AccordionStateIconHeight: TableAccordionStateIconHeight }, `accordion-row-${rowIndex}`))), accordionType === 'column' &&
-                tableData.map((row, index) => (_jsxs("div", { className: "column-table-accordion", children: [_jsx("div", { className: "ff-display-flex", children: _jsx(Tooltip, { title: row.disable
+    return (_jsxs("div", { style: { height: height }, className: classNames('ff-table-accordion', {
+            'ff-table-accordion--fixed-header': withFixedHeader,
+        }), children: [_jsx("table", { cellSpacing: 0, className: classNames('ff-table-accordion__table', {
+                    'ff-table-accordion__table--fixed-header': withFixedHeader,
+                }), children: _jsx("thead", { children: _jsx("tr", { className: "ff-table-accordion__header-row", children: tableMeta.map((column) => (_jsx("th", { style: getColumnWidthStyle(column.width), className: classNames('ff-table-accordion__header-cell', headerType && `ff-table-accordion__header-cell--${headerType}`), children: _jsx("div", { children: _jsx(Typography, { fontWeight: "semi-bold", fontSize: 12, children: column.header }) }) }, `header-${column.header}`))) }) }) }), accordionType === 'row' &&
+                tableData.map((row, rowIndex) => (_jsx(Accordion, { highlightText: highlightText, headerTitle: row.title, color: "var(--text-color)", accordionContent: getAccordionTableContent(row.data), disable: row.disable, disableInfoMessage: row.disableInfoMessage, accordionStateIconName: "arrows_down_icon", AccordionStateIconWidth: TableAccordionStateIconWidth, AccordionStateIconHeight: TableAccordionStateIconHeight, className: "ff-table-accordion__row-accordion" }, `accordion-row-${rowIndex}`))), accordionType === 'column' &&
+                tableData.map((row, index) => (_jsxs("div", { className: "ff-table-accordion__column-group", children: [_jsx("div", { className: "ff-display-flex", children: _jsx(Tooltip, { title: row.disable
                                     ? row?.disableInfoMessage
-                                    : typeof row.title === 'string' &&
-                                        isTextTruncated(row.title, tableMeta[0]?.width, 'pixel')
+                                    : isColumnTitleTruncated(row.title)
                                         ? row.title
-                                        : '', placement: "bottom-start", children: _jsxs("div", { className: `accordion-header ${row.disable && 'accordion-header--disabled'}`, children: [_jsx("div", { className: "header-title", children: _jsx("span", { children: _jsx(Typography, { children: _jsx(HighlightText, { text: truncateText(row.title, tableMeta[0]?.width, 'pixel'), highlight: highlightText }) }) }) }), _jsx("div", { className: "accordion-arrow", onClick: () => {
+                                        : '', placement: "bottom-start", children: _jsxs("div", { className: `ff-table-accordion__column-header ${row.disable && 'ff-table-accordion__column-header--disabled'}`, children: [_jsx("div", { className: "ff-table-accordion__column-label", children: _jsx("span", { children: _jsx(Typography, { children: _jsx(HighlightText, { text: getColumnTitle(row.title), highlight: highlightText }) }) }) }), _jsx("div", { className: "ff-table-accordion__column-toggle", onClick: () => {
                                                 !row.disable && onAccordionClick(index);
                                             }, children: _jsx(Icon, { name: expandedRowIndex === index
                                                     ? 'arrows_down_icon'
-                                                    : 'arrows_right_icon', color: "var(--table-with-accordion-icon-color)", width: TableAccordionStateIconWidth, height: TableAccordionStateIconHeight, hoverEffect: false }) })] }) }) }), expandedRowIndex === index && (_jsx("div", { children: getAccordionTableContent(row.data) }))] }, `column-accordion-${index}`))), tableData.length <= 0 && (_jsx("div", { className: "no-data-content", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }));
+                                                    : 'arrows_right_icon', color: "var(--table-with-accordion-icon-color)", width: TableAccordionStateIconWidth, height: TableAccordionStateIconHeight, hoverEffect: false }) })] }) }) }), expandedRowIndex === index && (_jsx("div", { children: getAccordionTableContent(row.data) }))] }, `column-accordion-${index}`))), checkEmpty(tableData) && (_jsx("div", { className: "ff-table-accordion__empty-state", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }));
 };
 export default TableWithAccordion;
 //# sourceMappingURL=TableWithAccordion.js.map

package/lib/components/TableWithAccordion/TableWithAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWithAccordion.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/TableWithAccordion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableWithAccordion.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/TableWithAccordion.tsx"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 export interface ColumnProps {
     /**
      * column name
@@ -15,7 +15,7 @@ export interface ColumnProps {
     /**
      * width of a column
      */
-    width?: number;
+    width?: CSSProperties['width'];
     /**
      * data for the column
      */

package/lib/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { TabsProps } from './types';
 import './Tabs.scss';
 import '../../assets/styles/_colors.scss';
-declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, isBorderBottomLine, isHoverBackground, isBorderRadius, tabFlexSpacing, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, isBorderBottomLine, isHoverBackground, isBorderRadius, tabFlexSpacing, }: TabsProps) => import("react").JSX.Element;
 export default Tabs;

package/lib/components/TabsWithSilder/TabsWithSilder.d.ts

@@ -1,5 +1,5 @@
 import { TabsProps } from './types';
 import './TabsWithSilder.scss';
 import '../../assets/styles/_colors.scss';
-declare const TabsWithSilder: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const TabsWithSilder: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, }: TabsProps) => import("react").JSX.Element;
 export default TabsWithSilder;

package/lib/components/TextArea/Textarea.d.ts

@@ -1,4 +1,4 @@
 import './Textarea.scss';
 import { TextareaProps } from './Types';
-declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, errorText, readOnly, displayCapacity, isLabelRequired, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, errorText, readOnly, displayCapacity, isLabelRequired, ...props }: TextareaProps) => import("react").JSX.Element;
 export default Textarea;

package/lib/components/Toastify/Toastify.d.ts

@@ -1,5 +1,5 @@
 import { AcceptedType } from './types';
-export declare const Toastify: () => import("react/jsx-runtime").JSX.Element;
+export declare const Toastify: () => import("react").JSX.Element;
 export default Toastify;
 export declare const toast: {
     success: (arg1: AcceptedType, arg2?: AcceptedType) => void;

package/lib/components/VariableInput/VariableInput.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import './VariableInput.scss';
 import { VariableInputProps } from './types';
-declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => React.JSX.Element;
 export default VariableInput;

package/lib/index.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, FC, RefObject, LegacyRef, CSSProperties, ReactElement, Ref, ComponentProps, Component, ErrorInfo, Dispatch } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as LazyLoad from 'react-window';
 export { LazyLoad };
 import * as Form from 'react-hook-form';
@@ -473,7 +472,7 @@ interface AccordionProps {
 /**
  * Accordion UI component
  */
-declare const Accordion: ({ highlightText, headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, onClick, className, iconColor, accordionContentStyle, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ highlightText, headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, onClick, className, iconColor, accordionContentStyle, }: AccordionProps) => React$1.JSX.Element;
 
 type OptionValue$4 = any;
 interface Option$6 {
@@ -523,7 +522,7 @@ interface MultiSelectProps {
     isCloseIconToolTip?: boolean;
 }
 
-declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount: initialDisplayCount, isAllSelected, onToggleAllSelect, displayAllSelectedAsText, isAllSelect, placeholderForSearching, variant, onLabelPlusIconClick, className, onSelectButtonClick, labelAccessor, valueAccessor, searchAccessor, withSelectButton, loadMoreOptions, onEnter, maxVisibleChips, onBlur, maxDropdownHeight, dropdownContainerRef, noResultsMessage, chipAccessor, isCloseIconToolTip, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount: initialDisplayCount, isAllSelected, onToggleAllSelect, displayAllSelectedAsText, isAllSelect, placeholderForSearching, variant, onLabelPlusIconClick, className, onSelectButtonClick, labelAccessor, valueAccessor, searchAccessor, withSelectButton, loadMoreOptions, onEnter, maxVisibleChips, onBlur, maxDropdownHeight, dropdownContainerRef, noResultsMessage, chipAccessor, isCloseIconToolTip, }: MultiSelectProps) => React__default.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -700,7 +699,7 @@ interface ChipsProps {
     onClick?: () => void;
 }
 
-declare const Chip: ({ label, fullText, variant, labelWidth, fullTextWidth, onClick, }: ChipsProps) => react_jsx_runtime.JSX.Element;
+declare const Chip: ({ label, fullText, variant, labelWidth, fullTextWidth, onClick, }: ChipsProps) => React$1.JSX.Element;
 
 interface TooltipProps {
     /**
@@ -1169,7 +1168,7 @@ interface TextareaProps {
     isLabelRequired?: boolean;
 }
 
-declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, errorText, readOnly, displayCapacity, isLabelRequired, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
+declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, errorText, readOnly, displayCapacity, isLabelRequired, ...props }: TextareaProps) => React$1.JSX.Element;
 
 interface StatusButtonProps {
     /**
@@ -1208,7 +1207,7 @@ interface StatusButtonProps {
     displayTooltip?: boolean;
 }
 
-declare const StatusButton: ({ status, label, onClick, className, style, disabled, useDefaultCursor, displayTooltip, ...props }: StatusButtonProps) => react_jsx_runtime.JSX.Element;
+declare const StatusButton: ({ status, label, onClick, className, style, disabled, useDefaultCursor, displayTooltip, ...props }: StatusButtonProps) => React$1.JSX.Element;
 
 interface OptionClick {
     /**
@@ -1353,7 +1352,7 @@ interface MenuOptionProps {
     selectedValue?: string;
 }
 
-declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, treeRowRef, isAddResourceButton, disabled, alignOption, displayCard, didMouseEntered, tableMenu, dropdownHeight, selectedValue, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, treeRowRef, isAddResourceButton, disabled, alignOption, displayCard, didMouseEntered, tableMenu, dropdownHeight, selectedValue, }: MenuOptionProps) => React$1.JSX.Element;
 
 interface DataProps$3 {
     /**
@@ -1367,6 +1366,7 @@ interface SelectedItemProps$1 {
      */
     [key: string]: string | number | boolean;
 }
+type TableRef = LegacyRef<HTMLTableSectionElement> | React__default.RefObject<HTMLTableSectionElement> | LegacyRef<HTMLDivElement> | React__default.RefObject<HTMLDivElement> | null;
 interface TableProps$2 {
     /**
      * Data for table
@@ -1476,7 +1476,7 @@ interface TableProps$2 {
     /**
      * enable editMode by setting state row id
      */
-    editMode?: string | null;
+    editMode?: string | number | null;
     /**
      * The content that to be displayed if editComponent
      */
@@ -1484,7 +1484,7 @@ interface TableProps$2 {
     /**
      * tableRef to get the scroll position & to pass control of table to parent component
      */
-    tableRef?: LegacyRef<HTMLTableSectionElement> | React__default.RefObject<HTMLTableSectionElement> | null;
+    tableRef?: TableRef;
     /**
      * Explicitly handling the checkbox disability for the row.
      */
@@ -1501,9 +1501,10 @@ interface TableProps$2 {
     displayCard?: boolean;
     selectedNode?: {
         key: string;
-        selected: string;
+        selected: string | number;
     };
     uniqueRowIdForAccordion?: string | number;
+    openAccordionId?: string | number | null;
 }
 
 declare const Table: React$1.ForwardRefExoticComponent<TableProps$2 & React$1.RefAttributes<any>>;
@@ -1543,7 +1544,7 @@ interface AddResourceButtonProps {
     isFromTree?: boolean;
 }
 
-declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, menuOptionZIndex, treeRowRef, onMenuOptionClick, isFromTree, }: AddResourceButtonProps) => react_jsx_runtime.JSX.Element;
+declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, menuOptionZIndex, treeRowRef, onMenuOptionClick, isFromTree, }: AddResourceButtonProps) => React$1.JSX.Element;
 
 type BaseStatus = 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'On Hold' | 'Descoped' | 'To be Validated' | 'To be Tested' | 'Terminated';
 type CaseFlexible<StatusType extends string> = StatusType | Lowercase<StatusType> | Uppercase<StatusType> | Capitalize<Lowercase<StatusType>>;
@@ -2444,7 +2445,7 @@ interface TabsProps$1 {
     tabFlexSpacing?: 'space-between' | 'space-around' | 'flex-start' | 'flex-end' | 'center';
 }
 
-declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, isBorderBottomLine, isHoverBackground, isBorderRadius, tabFlexSpacing, }: TabsProps$1) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, isBorderBottomLine, isHoverBackground, isBorderRadius, tabFlexSpacing, }: TabsProps$1) => React$1.JSX.Element;
 
 /**
  * Represents a single tab in the BrowserTabs component.
@@ -2522,7 +2523,7 @@ interface BrowserTabsProps {
     maxTabs?: number;
 }
 
-declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, maxTabs, enableOverflowTooltip, onTabMouseEnter, onTabMouseLeave, }: BrowserTabsProps) => react_jsx_runtime.JSX.Element;
+declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, maxTabs, enableOverflowTooltip, onTabMouseEnter, onTabMouseLeave, }: BrowserTabsProps) => React$1.JSX.Element;
 
 interface HighlightTextProps {
     text?: string;
@@ -2609,7 +2610,7 @@ interface SearchProps {
     handleBlur?: () => void;
 }
 
-declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, showClose, helperText, showToaster, minLength, isAISearch, isAISearchClicked, handleActiveAiSearch, isClear, handleIsClear, style, handleFocus, handleBlur, }: SearchProps) => react_jsx_runtime.JSX.Element;
+declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, showClose, helperText, showToaster, minLength, isAISearch, isAISearchClicked, handleActiveAiSearch, isClear, handleIsClear, style, handleFocus, handleBlur, }: SearchProps) => React$1.JSX.Element;
 
 interface DatePickerProps {
     /**
@@ -2699,7 +2700,7 @@ interface StateDropdownProps {
     zIndex?: number;
 }
 
-declare const StateDropdown: ({ value, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, showBorder, zIndex, }: StateDropdownProps) => react_jsx_runtime.JSX.Element;
+declare const StateDropdown: ({ value, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, showBorder, zIndex, }: StateDropdownProps) => React$1.JSX.Element;
 
 interface IconButtonProps {
     label: string;
@@ -2811,7 +2812,7 @@ interface VariableInputProps {
     list?: string[];
 }
 
-declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => react_jsx_runtime.JSX.Element;
+declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => React__default.JSX.Element;
 
 interface optionsType$1 {
     label: string;
@@ -2830,7 +2831,7 @@ interface AllProjectsDropdownProps {
     disabled?: boolean;
 }
 
-declare const AllProjectsDropdown: ({ onClick, onMenuClick, options, selectedOption, selected, placeholder, disabled, }: AllProjectsDropdownProps) => react_jsx_runtime.JSX.Element;
+declare const AllProjectsDropdown: ({ onClick, onMenuClick, options, selectedOption, selected, placeholder, disabled, }: AllProjectsDropdownProps) => React$1.JSX.Element;
 
 interface PieChartProps {
     radius: number;
@@ -2941,7 +2942,7 @@ interface PaperProps {
     rounded?: boolean;
 }
 
-declare const Paper: ({ children, className, rounded }: PaperProps) => react_jsx_runtime.JSX.Element;
+declare const Paper: ({ children, className, rounded }: PaperProps) => React$1.JSX.Element;
 
 type ChartItem = {
     key: string;
@@ -3067,7 +3068,7 @@ interface NlpRenderOption {
     name?: string;
 }
 
-declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, chipOptionList, selectedChips, loadMoreOptions, isWebservice, closeInputOnOutsideClick, tooltipText, ChipsAccordionWidth, dropDownMessage, }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, chipOptionList, selectedChips, loadMoreOptions, isWebservice, closeInputOnOutsideClick, tooltipText, ChipsAccordionWidth, dropDownMessage, }: SelectProps) => React$1.JSX.Element;
 
 interface IconRadioItem {
     /**
@@ -3133,7 +3134,7 @@ interface MachineInputFieldProps {
 }
 
 declare const MachineInputField: {
-    ({ width, options, runCount, className, contentReverse, onClick, modalId, scriptType, readOnly, isMissing, }: MachineInputFieldProps): react_jsx_runtime.JSX.Element;
+    ({ width, options, runCount, className, contentReverse, onClick, modalId, scriptType, readOnly, isMissing, }: MachineInputFieldProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -3246,7 +3247,7 @@ declare const AttachmentButton: React__default.FC<AttachmentUploaderProps>;
 
 type AcceptedType = string | (() => void) | Record<string, unknown> | unknown[];
 
-declare const Toastify: () => react_jsx_runtime.JSX.Element;
+declare const Toastify: () => React$1.JSX.Element;
 
 declare const toast: {
     success: (arg1: AcceptedType, arg2?: AcceptedType) => void;
@@ -3841,7 +3842,7 @@ interface ColumnProps$1 {
     /**
      * width of a column
      */
-    width?: number;
+    width?: CSSProperties['width'];
     /**
      * data for the column
      */
@@ -3893,7 +3894,7 @@ interface TableProps$1 {
     highlightText?: string;
 }
 
-declare const TableWithAccordion: ({ highlightText, tableMeta, tableData, accordionType, noDataContent, height, withFixedHeader, headerType, TableAccordionStateIconWidth, TableAccordionStateIconHeight, }: TableProps$1) => react_jsx_runtime.JSX.Element;
+declare const TableWithAccordion: ({ highlightText, tableMeta, tableData, accordionType, noDataContent, height, withFixedHeader, headerType, TableAccordionStateIconWidth, TableAccordionStateIconHeight, }: TableProps$1) => React$1.JSX.Element;
 
 interface ProgressBarProps {
     progressPercentage?: number;
@@ -4207,7 +4208,7 @@ interface HistoryCardProps {
      */
     profileShortName: string;
 }
-declare const HistoryCard: ({ variant, title, tabTitle, comment, profileShortName, }: HistoryCardProps) => react_jsx_runtime.JSX.Element;
+declare const HistoryCard: ({ variant, title, tabTitle, comment, profileShortName, }: HistoryCardProps) => React$1.JSX.Element;
 
 interface ToggleAiIconProps {
     onChange?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
@@ -4413,7 +4414,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, isAutoTruncate, }: EditLabelProps) => React$1.JSX.Element;
 
 interface ErrorBoundaryProps {
     fallback: ReactNode;
@@ -4479,7 +4480,7 @@ interface TabsProps {
     titleSize?: number | string;
 }
 
-declare const TabsWithSilder: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const TabsWithSilder: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, titleSize, }: TabsProps) => React$1.JSX.Element;
 
 interface StatusIndicatorProps {
     label: string;
@@ -4689,7 +4690,7 @@ declare const TableTreeFn: React__default.ForwardRefExoticComponent<TreeTablePro
 declare const Loader: (details: {
     name: string;
     loaderName: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 interface NoDataMessageProps {
     isVisible: boolean;
@@ -4717,7 +4718,7 @@ type LayoutWithDrawerProps = {
     top?: string;
     children?: React__default.ReactNode;
 };
-declare const LayoutWithDrawer: ({ drawerProps, showDrawer, children, zIndex, top, }: LayoutWithDrawerProps) => react_jsx_runtime.JSX.Element;
+declare const LayoutWithDrawer: ({ drawerProps, showDrawer, children, zIndex, top, }: LayoutWithDrawerProps) => React__default.JSX.Element;
 
 interface NetworkErrorBoundaryProps {
     children: ReactNode;
@@ -5031,7 +5032,7 @@ interface CommentsProps {
     autoFocus?: boolean;
 }
 
-declare const Comments: ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, currentUser, isDisable, userDetails, createdByID, rowBreakCharCount, isVewMode, deleteEnable, showTextarea, autoFocus, }: CommentsProps) => react_jsx_runtime.JSX.Element;
+declare const Comments: ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, currentUser, isDisable, userDetails, createdByID, rowBreakCharCount, isVewMode, deleteEnable, showTextarea, autoFocus, }: CommentsProps) => React__default.JSX.Element;
 
 declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
 
@@ -5853,7 +5854,7 @@ declare const StatusBadge: ({ gap, fontSize, entityType, statusValues, }: {
         value: number;
         tooltipValue?: number;
     }[];
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 interface ToggleOption {
     label: string;
@@ -5892,7 +5893,7 @@ interface AutoTruncateTextComponentProps {
     placement?: Props['placement'];
 }
 
-declare const AutoTruncateText: React$1.MemoExoticComponent<({ children, className, lines, interactive, placement, }: AutoTruncateTextComponentProps) => react_jsx_runtime.JSX.Element>;
+declare const AutoTruncateText: React$1.MemoExoticComponent<({ children, className, lines, interactive, placement, }: AutoTruncateTextComponentProps) => React$1.JSX.Element>;
 
 declare const cleanAllTooltips: () => void;