pixel-priya 1.2.91 → 1.2.93

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 import { TreeNodeProps } from '../../ComponentProps/TreeNodeProps';
 interface NewNode {
     sourceId?: string;
@@ -32,7 +32,6 @@ export interface TableCellProps {
     isExpanding?: boolean;
     columnTextColor?: string;
     hideOnDisable?: boolean;
-    scriptLengthTruncate: number;
     addModuleInputWidth?: number;
     addModuleSelectWidth?: number;
     disableEditLabelConfirmIcon?: boolean;
@@ -56,10 +55,7 @@ export interface TableHeadProps {
     onCheckBoxChange: (e: any, node: string[] | any) => void;
     hideOnDisable?: boolean;
     transparentHeader?: boolean;
-    scriptLengthTruncate?: number;
     showHeader?: boolean;
-    rootNameWidth?: number;
-    rootNameHoveredWidth?: number;
 }
 export interface TableBodyProps {
     flattenedTreeData: any[];
@@ -82,14 +78,11 @@ export interface TableBodyProps {
     rootNode?: TreeNodeProps;
     selectedNode?: string;
     hideOnDisable?: boolean;
-    scriptLengthTruncate: number;
     addModuleInputWidth?: number;
     addModuleSelectWidth?: number;
     disableEditLabelConfirmIcon?: boolean;
     isEditable?: boolean;
     setIsEditable?: (id: string | null) => void;
-    onHover?: (rowId: string | null) => void;
-    onHoverOut?: (rowId: string | null) => void;
 }
 export interface TableRowProps {
     node: any;
@@ -107,14 +100,12 @@ export interface TableRowProps {
     isExpanding?: boolean;
     selectedNode?: string;
     hideOnDisable?: boolean;
-    scriptLengthTruncate: number;
     addModuleInputWidth?: number;
     addModuleSelectWidth?: number;
     disableEditLabelConfirmIcon?: boolean;
     isEditable?: boolean;
     setIsEditable?: (id: string | null) => void;
-    rowHeight?: number;
-    rowTop: number;
+    style?: CSSProperties;
 }
 export interface Column {
     name: string | JSX;
@@ -156,7 +147,6 @@ export interface TreeTableProps {
     tableHeaderBgColor?: string;
     hideOnDisable?: boolean;
     freezeColumns?: number;
-    scriptLengthTruncate?: number;
     addModuleInputWidth?: number;
     addModuleSelectWidth?: number;
     onScroll?: () => void;
@@ -167,10 +157,6 @@ export interface TreeTableProps {
     handleRemoveNavigateTreeNode?: () => void;
     scrollThreshold?: number;
     showHeader?: boolean;
-    onHover?: (rowId: string | null) => void;
-    onHoverOut?: (rowId: string | null) => void;
-    rootNameWidth?: number;
-    rootNameHoveredWidth?: number;
 }
 type OptionValue = any;
 export interface Option {

package/lib/components/TooltipService/TooltipService.d.ts

@@ -0,0 +1,4 @@
+import 'tippy.js/dist/tippy.css';
+import './TooltipService.scss';
+declare const TooltipService: () => null;
+export default TooltipService;

package/lib/components/TooltipService/TooltipService.js

@@ -0,0 +1,92 @@
+import { useEffect } from 'react';
+import { delegate } from 'tippy.js';
+import 'tippy.js/dist/tippy.css';
+import './TooltipService.scss';
+const VALID_PLACEMENTS = new Set([
+    'auto',
+    'auto-start',
+    'auto-end',
+    'top',
+    'top-start',
+    'top-end',
+    'bottom',
+    'bottom-start',
+    'bottom-end',
+    'right',
+    'right-start',
+    'right-end',
+    'left',
+    'left-start',
+    'left-end',
+]);
+const TooltipService = () => {
+    useEffect(() => {
+        const instance = delegate(document.body, {
+            target: '[data-tooltip], [data-tooltip-id]',
+            appendTo: () => document.body,
+            arrow: false,
+            placement: 'bottom',
+            maxWidth: '90vw',
+            animation: true,
+            interactive: true,
+            theme: 'ff-global-tooltip',
+            content(reference) {
+                const contentNode = document.createElement('div');
+                // Accept JSX
+                const templateId = reference.getAttribute('data-tooltip-id');
+                if (templateId) {
+                    const templateEl = document.getElementById(templateId);
+                    if (templateEl) {
+                        contentNode.innerHTML = templateEl.innerHTML;
+                        return contentNode;
+                    }
+                }
+                // for direct tooltip
+                const text = reference.getAttribute('data-tooltip') || '';
+                if (!text)
+                    return '';
+                if (text.startsWith('<') && text.endsWith('>')) {
+                    contentNode.innerHTML = text;
+                }
+                else {
+                    contentNode.style.whiteSpace = 'pre-wrap';
+                    contentNode.style.wordBreak = 'break-word';
+                    contentNode.textContent = text;
+                }
+                return contentNode;
+            },
+            onShow(tippyInstance) {
+                // if there's no text content at all will not show the Tooltip
+                const { reference } = tippyInstance;
+                if (!reference.hasAttribute('data-tooltip') &&
+                    !reference.hasAttribute('data-tooltip-id')) {
+                    return false;
+                }
+                // This is  specific tooltip attributefor interactive
+                const isInteractive = tippyInstance.reference.hasAttribute('data-tooltip-interactive');
+                //  placement attribute for tooltip
+                const rawPlacement = tippyInstance.reference.getAttribute('data-tooltip-placement');
+                const normalizedPlacement = rawPlacement?.trim().toLowerCase();
+                const placement = normalizedPlacement && VALID_PLACEMENTS.has(normalizedPlacement)
+                    ? normalizedPlacement
+                    : 'bottom';
+                // Dynamically apply the property before the tooltip shows
+                tippyInstance.setProps({
+                    interactive: isInteractive,
+                    placement: placement,
+                });
+            },
+        });
+        return () => {
+            if (Array.isArray(instance)) {
+                instance.forEach((i) => i.destroy());
+            }
+            else {
+                instance.destroy();
+            }
+        };
+    }, []);
+    return null;
+};
+export default TooltipService;
+//# sourceMappingURL=TooltipService.js.map

package/lib/components/TooltipService/TooltipService.js.map

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

package/lib/components/TooltipService/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TooltipService';

package/lib/components/TooltipService/index.js

@@ -0,0 +1,2 @@
+export { default } from './TooltipService';
+//# sourceMappingURL=index.js.map

package/lib/components/TooltipService/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TooltipService/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/ZoomControl/ZoomControl.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './ZoomControl.scss';
+import { ZoomControlProps } from './types';
+declare const ZoomControl: FC<ZoomControlProps>;
+export default ZoomControl;

package/lib/components/ZoomControl/ZoomControl.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ZoomControl.scss';
+import Icon from '../Icon';
+import Typography from '../Typography';
+const ZoomControl = ({ value, min = 10, max = 200, step = 10, onChange, className = '', }) => {
+    const handleChange = (e) => {
+        const newValue = Number(e.target.value);
+        const clamped = Math.max(min, Math.min(max, newValue));
+        onChange(clamped);
+    };
+    const zoomIn = () => {
+        const newValue = Math.min(value + step, max);
+        onChange(newValue);
+    };
+    const zoomOut = () => {
+        const newValue = Math.max(value - step, min);
+        onChange(newValue);
+    };
+    return (_jsxs("div", { className: `ff-zoom ${className}`, children: [_jsx("input", { type: "range", min: min, max: max, step: step, value: value, onChange: handleChange, className: "ff-zoom__slider" }), _jsxs("div", { className: "ff-zoom__controls", children: [_jsx(Icon, { onClick: zoomOut, disabled: value <= min, name: "window_minimize", className: "ff-zoom-icon", color: "var(--text-color)", width: 10, height: 24 }), _jsx(Typography, { fontSize: 12, fontWeight: "regular", children: "Zoom" }), _jsx(Icon, { onClick: zoomIn, disabled: value >= max, name: "add_file", className: "ff-zoom-icon", color: "var(--text-color)", width: 12, height: 24 })] })] }));
+};
+export default ZoomControl;
+//# sourceMappingURL=ZoomControl.js.map

package/lib/components/ZoomControl/ZoomControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomControl.js","sourceRoot":"","sources":["../../../src/components/ZoomControl/ZoomControl.tsx"],"names":[],"mappings":";AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,MAAM,WAAW,GAAyB,CAAC,EACzC,KAAK,EACL,GAAG,GAAG,EAAE,EACR,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;QACvD,QAAQ,CAAC,OAAO,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;QAC7C,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;QAC7C,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,SAAS,EAAE,aAEpC,gBACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,iBAAiB,GAC3B,EAGF,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,IAAI,GAAG,EACtB,IAAI,EAAC,iBAAiB,EACtB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,EAEF,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAC,SAAS,qBAEjC,EAEb,KAAC,IAAI,IACH,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,KAAK,IAAI,GAAG,EACtB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,cAAc,EACxB,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/ZoomControl/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ZoomControl';

package/lib/components/ZoomControl/index.js

@@ -0,0 +1,2 @@
+export { default } from './ZoomControl';
+//# sourceMappingURL=index.js.map

package/lib/components/ZoomControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ZoomControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,8 @@
+export interface ZoomControlProps {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange: (value: number) => void;
+    className?: string;
+}

package/lib/components/ZoomControl/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/ZoomControl/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ZoomControl/types.ts"],"names":[],"mappings":""}

package/lib/index.d.ts

@@ -9,6 +9,7 @@ import * as DNDSortable from '@dnd-kit/sortable';
 import * as DNDUtilities from '@dnd-kit/utilities';
 import * as DNDModifiers from '@dnd-kit/modifiers';
 import ReCAPTCHA from 'react-google-recaptcha';
+import { Props } from 'tippy.js';
 export { default as Janus } from 'janus-gateway';
 export { default as adapter } from 'webrtc-adapter';
 
@@ -380,6 +381,7 @@ interface DrawerProps {
     isClickOutside?: boolean;
     ignoreRefs?: Array<React.RefObject<HTMLElement>>;
     noHeaderBorder?: boolean;
+    direction?: 'right' | 'left';
 }
 
 declare const Drawer: FC<DrawerProps>;
@@ -2280,6 +2282,7 @@ type TreeNodeProps = {
     stepId?: string;
     conditionId?: string;
     machInstanceId?: string;
+    machineInstanceId?: string;
     duration?: string;
     headless?: boolean;
     recordedVideoUrlId?: string;
@@ -2477,9 +2480,13 @@ interface BrowserTabsProps {
      * Custom CSS class name to override default styles.
      */
     className?: string;
+    /**
+     * Maximum number of tabs allowed.
+     */
+    maxTabs?: number;
 }
 
-declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, }: BrowserTabsProps) => react_jsx_runtime.JSX.Element;
+declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, maxTabs, }: BrowserTabsProps) => react_jsx_runtime.JSX.Element;
 
 interface HighlightTextProps {
     text?: string;
@@ -4350,6 +4357,7 @@ interface EditLabelProps {
     onChangeValidationError?: boolean;
     truncatedType?: 'count' | 'pixel';
     isTableTree?: boolean;
+    isAutoTruncate?: boolean;
 }
 type OptionValue$1 = any;
 type DisabledOptions = {
@@ -4361,7 +4369,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, }: 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_jsx_runtime.JSX.Element;
 
 interface ErrorBoundaryProps {
     fallback: ReactNode;
@@ -4614,7 +4622,6 @@ interface TreeTableProps {
     tableHeaderBgColor?: string;
     hideOnDisable?: boolean;
     freezeColumns?: number;
-    scriptLengthTruncate?: number;
     addModuleInputWidth?: number;
     addModuleSelectWidth?: number;
     onScroll?: () => void;
@@ -4625,10 +4632,6 @@ interface TreeTableProps {
     handleRemoveNavigateTreeNode?: () => void;
     scrollThreshold?: number;
     showHeader?: boolean;
-    onHover?: (rowId: string | null) => void;
-    onHoverOut?: (rowId: string | null) => void;
-    rootNameWidth?: number;
-    rootNameHoveredWidth?: number;
 }
 type OptionValue = any;
 interface Option$1 {
@@ -5103,7 +5106,7 @@ interface TreeDetailsResult {
     endId: string;
     root?: TreeNodeProps;
 }
-declare const getTreeDetails: (action: "above" | "below" | "expand" | "collapse" | "start" | "addAbove" | "addBelow" | "expandAll" | "collapseAll" | "show" | "hide" | "clone" | "delete" | "create" | "refresh", oldData: TreeNodeProps[], newData: TreeNodeProps[], sourceId?: string) => TreeDetailsResult;
+declare const getTreeDetails: (action: "above" | "below" | "expand" | "collapse" | "start" | "addAbove" | "addBelow" | "expandAll" | "collapseAll" | "show" | "hide" | "clone" | "delete" | "create" | "refresh", oldData: TreeNodeProps[], newData: TreeNodeProps[], sourceId?: string, deletedIds?: string[]) => TreeDetailsResult;
 declare const updateTreeState: (treeDataList: TreeNodeProps[], currentNode: TreeNodeProps) => TreeNodeProps[];
 
 declare const useBeforeUnload: (beforeunload: boolean) => void;
@@ -5708,6 +5711,29 @@ interface ContextToggleProps {
 
 declare const SelectionSwitcher: React__default.FC<ContextToggleProps>;
 
+interface ZoomControlProps {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange: (value: number) => void;
+    className?: string;
+}
+
+declare const ZoomControl: FC<ZoomControlProps>;
+
+declare const TooltipService: () => null;
+
+interface AutoTruncateTextComponentProps {
+    children: React.ReactNode;
+    className?: string;
+    lines?: number;
+    interactive?: boolean;
+    placement?: Props['placement'];
+}
+
+declare const AutoTruncateText: React$1.MemoExoticComponent<({ children, className, lines, interactive, placement, }: AutoTruncateTextComponentProps) => react_jsx_runtime.JSX.Element>;
+
 declare const EMAIL_REGEX: RegExp;
 declare const URL_REGEX: RegExp;
 declare const PHONE_REGEX: RegExp;
@@ -5849,5 +5875,5 @@ interface StorageUsageBarProps {
 
 declare const StorageUsageBar: React.FC<StorageUsageBarProps>;
 
-export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHABET_WITH_SPACES_ONLY_REGEX, ALPHANUMERIC_PARENTHESIS_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_DOT_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, ALPHA_NUM_EXTENDED_REGEX, ALPHA_NUM_REGEX, Accordion, AddContentButton, AddResourceButton, AiToggle, AllProjectsDropdown, AnimatedSetting, AppHeader, AttachMedia, AttachmentButton, Avatar, BASE64_REGEX, BIG_END_WHITESPACE, BINARY_NUMBER_REGEX, BODY_TAG_TYPE_VALIDATION, BarChart, Card as Box, BrowserTabs, Button, CAMEL_CASE_REGEX, CERTIFICATES_NAME_REGEX, CHECK_CAMEL_CASE, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, ChatModal, ChatModalAi, Checkbox, Chip, ChipWithCount, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, ContentCard, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DYNAMIC_VALUE_PATTERN_REGEX, DYNAMIC_VALUE_TYPE_REGEX, DYNAMIC_VALUE_WITH_VALID_BRACKETS_REGEX, DYNAMIC_VALUE__PLACEHOLDER_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DebugToolsPanel, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_FORMAT_REGEX, EMAIL_REGEX, EMAIL_VALIDATION_REGEX, EXCEL_SPACING_REGEX, EditLabel, EditTextField, Editor, ErrorBoundary, ExcelFile as Excel, ExpandableMenu, FILENAME_VALIDATION_REGEX, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_FILE_TYPE_VALIDATION, HTML_TAG_REGEX, HighlightText, HistoryCard, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, JAVASCRIPT_FILE_TYPE_VALIDATION, LINKEDIN_PROFILE_REGEX, LINK_VALIDATION_REGEX, LabelEditTextField, LineChart, LineLoader, Link, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MediaPreview, MediaViewerModal as MediaViewerModel, MenuOption, MessageBox, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NO_LEADING_TRAILING_SPACE_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, NoDataContent, OsTree, OtpVerification, OverviewModal, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, PrePostTable, ProgressBar, Prompt, PromptContainer, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SCRIPT_REGEX, SERVER_HOST_REGEX, SSN_REGEX, START_END_WHITESPACE_REGEX, STEP_GROUP_NAME_REGEX, ScriptGenerationLoader, ScriptSwitchButton, Search, Select, SelectionSwitcher, SequentialConnectingBranch, SessionDropdown, SessionManager, StateDropdown, StatusBadge, StatusButton, StatusCard, StatusIndicator, StepLandingTable, StepResultStats, StorageUsageBar, SwitchButton, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, TreeTable as TableTree, TableTreeFn, TableWithAccordion, Tabs, TabsWithSilder, Textarea as TextArea, TextEditor, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, TruncatedTooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, VariableSuggestionInputDropDown, WHITESPACE_REGEX, XML_FILE_TYPE_VALIDATION, addPrePostStepGroup, addStepGroup, autoScrollToTableLastRow, capitalize, checkEmpty, checkMicrophoneAccess, clearStore, compareArrays, compareObjects, convertFormDataToObject, convertToBytes, convertToGB, convertToISO, copyToClipboard, debounce, deleteStoreValue, ffid, findAndInsert, formatDate, formatResponseDate, getEncryptedData, getExtension, getExtensionWithPeriod, getNavigateToKey, getSequentialPayload, getStoreValue, getTopVisibleNodeKey, getTreeDetails, handleTimeZoneChange, handleTreeExpandAllCollapseAll, handleTreeNodeExpandCollapse, handleTreeNodeSect, handleUnCheckAllTreeNodesWithUpdates, hasDuplicateFile, isEmptyObject, isTextTruncated, nlpInputDelay, rearrangeDragItem, saveFileFromBlob, scrollToView, setStoreValue, throttle, toCamelCase, toast, toggleShowHideEntity, truncateText, updateTreeState, useBeforeUnload, useClickOutside, useDeviceType, useFileDropzone, useKeyboardActions, useTheme, useTriggerControl };
+export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHABET_WITH_SPACES_ONLY_REGEX, ALPHANUMERIC_PARENTHESIS_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_DOT_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, ALPHA_NUM_EXTENDED_REGEX, ALPHA_NUM_REGEX, Accordion, AddContentButton, AddResourceButton, AiToggle, AllProjectsDropdown, AnimatedSetting, AppHeader, AttachMedia, AttachmentButton, AutoTruncateText, Avatar, BASE64_REGEX, BIG_END_WHITESPACE, BINARY_NUMBER_REGEX, BODY_TAG_TYPE_VALIDATION, BarChart, Card as Box, BrowserTabs, Button, CAMEL_CASE_REGEX, CERTIFICATES_NAME_REGEX, CHECK_CAMEL_CASE, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, ChatModal, ChatModalAi, Checkbox, Chip, ChipWithCount, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, ContentCard, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DYNAMIC_VALUE_PATTERN_REGEX, DYNAMIC_VALUE_TYPE_REGEX, DYNAMIC_VALUE_WITH_VALID_BRACKETS_REGEX, DYNAMIC_VALUE__PLACEHOLDER_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DebugToolsPanel, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_FORMAT_REGEX, EMAIL_REGEX, EMAIL_VALIDATION_REGEX, EXCEL_SPACING_REGEX, EditLabel, EditTextField, Editor, ErrorBoundary, ExcelFile as Excel, ExpandableMenu, FILENAME_VALIDATION_REGEX, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_FILE_TYPE_VALIDATION, HTML_TAG_REGEX, HighlightText, HistoryCard, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, JAVASCRIPT_FILE_TYPE_VALIDATION, LINKEDIN_PROFILE_REGEX, LINK_VALIDATION_REGEX, LabelEditTextField, LineChart, LineLoader, Link, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MediaPreview, MediaViewerModal as MediaViewerModel, MenuOption, MessageBox, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NO_LEADING_TRAILING_SPACE_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, NoDataContent, OsTree, OtpVerification, OverviewModal, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, PrePostTable, ProgressBar, Prompt, PromptContainer, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SCRIPT_REGEX, SERVER_HOST_REGEX, SSN_REGEX, START_END_WHITESPACE_REGEX, STEP_GROUP_NAME_REGEX, ScriptGenerationLoader, ScriptSwitchButton, Search, Select, SelectionSwitcher, SequentialConnectingBranch, SessionDropdown, SessionManager, StateDropdown, StatusBadge, StatusButton, StatusCard, StatusIndicator, StepLandingTable, StepResultStats, StorageUsageBar, SwitchButton, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, TreeTable as TableTree, TableTreeFn, TableWithAccordion, Tabs, TabsWithSilder, Textarea as TextArea, TextEditor, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, TooltipService, TruncatedTooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, VariableSuggestionInputDropDown, WHITESPACE_REGEX, XML_FILE_TYPE_VALIDATION, ZoomControl, addPrePostStepGroup, addStepGroup, autoScrollToTableLastRow, capitalize, checkEmpty, checkMicrophoneAccess, clearStore, compareArrays, compareObjects, convertFormDataToObject, convertToBytes, convertToGB, convertToISO, copyToClipboard, debounce, deleteStoreValue, ffid, findAndInsert, formatDate, formatResponseDate, getEncryptedData, getExtension, getExtensionWithPeriod, getNavigateToKey, getSequentialPayload, getStoreValue, getTopVisibleNodeKey, getTreeDetails, handleTimeZoneChange, handleTreeExpandAllCollapseAll, handleTreeNodeExpandCollapse, handleTreeNodeSect, handleUnCheckAllTreeNodesWithUpdates, hasDuplicateFile, isEmptyObject, isTextTruncated, nlpInputDelay, rearrangeDragItem, saveFileFromBlob, scrollToView, setStoreValue, throttle, toCamelCase, toast, toggleShowHideEntity, truncateText, updateTreeState, useBeforeUnload, useClickOutside, useDeviceType, useFileDropzone, useKeyboardActions, useTheme, useTriggerControl };
 export type { RootNode$1 as RootNode, TreeNodeProps };