@devtron-labs/devtron-fe-common-lib 1.22.8-beta-6 → 1.22.8-beta-8

package/dist/Shared/Components/CodeEditor/utils.d.ts

@@ -10,7 +10,7 @@ export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view:
     current: number;
 };
 export declare const updateDiffMinimapValues: (view: MergeView, transactions: readonly Transaction[], side: "a" | "b") => void;
-export declare const getScanLimit: (lhsValue: string, value: string) => 10000 | 500 | 5000 | 15000 | 20000;
+export declare const getScanLimit: (lhsValue: string, value: string) => 500 | 5000 | 10000 | 15000 | 20000;
 export declare const getFoldGutterElement: (open: boolean) => HTMLSpanElement;
 export declare const getReadOnlyElement: () => HTMLDivElement;
 export declare const getRevertControlButton: () => HTMLButtonElement;

package/dist/Shared/Components/Collapse/Collapse.d.ts

@@ -3,4 +3,4 @@ import { CollapseProps } from './types';
  * Collapse component for smoothly expanding or collapsing its content.
  * It also supports a callback when the transition ends.
  */
-export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => JSX.Element;
+export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/CollapsibleList/CollapsibleList.component.d.ts

@@ -2,4 +2,4 @@ import { CollapsibleListProps, TabOptions } from './CollapsibleList.types';
 /**
  * @deprecated - Please use `TreeView` component instead.
  */
-export declare const CollapsibleList: <TabType extends TabOptions>({ config, tabType, onCollapseBtnClick, }: CollapsibleListProps<TabType>) => JSX.Element;
+export declare const CollapsibleList: <TabType extends TabOptions>({ config, tabType, onCollapseBtnClick, }: CollapsibleListProps<TabType>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/CommitChipCell/CommitChipCell.d.ts

@@ -1,3 +1,3 @@
 import { CommitChipCellProps } from './types';
-declare const CommitChipCell: ({ handleClick, commits }: CommitChipCellProps) => JSX.Element;
+declare const CommitChipCell: ({ handleClick, commits }: CommitChipCellProps) => import("react/jsx-runtime").JSX.Element;
 export default CommitChipCell;

package/dist/Shared/Components/Confetti/Confetti.component.d.ts

@@ -1,2 +1,2 @@
-declare const Confetti: () => JSX.Element;
+declare const Confetti: () => import("react/jsx-runtime").JSX.Element;
 export default Confetti;

package/dist/Shared/Components/ConfirmationModal/CannotDeleteModal.d.ts

@@ -1,2 +1,2 @@
 import { CannotDeleteModalProps } from './types';
-export declare const CannotDeleteModal: ({ title, component, subtitle, closeConfirmationModal }: CannotDeleteModalProps) => JSX.Element;
+export declare const CannotDeleteModal: ({ title, component, subtitle, closeConfirmationModal }: CannotDeleteModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,4 +1,4 @@
 import { ConfirmationModalProps } from './types';
-export declare const BaseConfirmationModal: () => JSX.Element;
+export declare const BaseConfirmationModal: () => import("react/jsx-runtime").JSX.Element;
 declare const ConfirmationModal: (props: ConfirmationModalProps) => any;
 export default ConfirmationModal;

package/dist/Shared/Components/ConfirmationModal/ConfirmationModalContext.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
 import { ConfirmationModalContextType } from './types';
 export declare const ConfirmationModalContext: import('react').Context<ConfirmationModalContextType>;
-export declare const ConfirmationModalProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+export declare const ConfirmationModalProvider: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
 export declare const useConfirmationModalContext: () => ConfirmationModalContextType;

package/dist/Shared/Components/ConfirmationModal/ForceDeleteConfirmationModal.d.ts

@@ -1,2 +1,2 @@
 import { ForceDeleteConfirmationProps } from './types';
-export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, isDeleting, }: ForceDeleteConfirmationProps) => JSX.Element;
+export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, isDeleting, }: ForceDeleteConfirmationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/ContextSwitcher/ContextSwitcher.d.ts

@@ -1,2 +1,2 @@
 import { ContextSwitcherTypes } from './types';
-export declare const ContextSwitcher: ({ inputId, options, inputValue, onInputChange, isLoading, value, onChange, placeholder, filterOption, formatOptionLabel, optionListError, reloadOptionList, classNamePrefix, resource, }: ContextSwitcherTypes) => JSX.Element;
+export declare const ContextSwitcher: ({ inputId, options, inputValue, onInputChange, isLoading, value, onChange, placeholder, filterOption, formatOptionLabel, optionListError, reloadOptionList, classNamePrefix, resource, }: ContextSwitcherTypes) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/CountrySelect/CountrySelect.component.d.ts

@@ -1,3 +1,3 @@
 import { CountrySelectProps } from './types';
-declare const CountrySelect: ({ selectedCountry, label, required, error, handleChange, placeholder, name, variant, size, onMenuClose, onMenuOpen, }: CountrySelectProps) => JSX.Element;
+declare const CountrySelect: ({ selectedCountry, label, required, error, handleChange, placeholder, name, variant, size, onMenuClose, onMenuOpen, }: CountrySelectProps) => import("react/jsx-runtime").JSX.Element;
 export default CountrySelect;

package/dist/Shared/Components/CustomInput/CustomInput.d.ts

@@ -1,3 +1,3 @@
 import { CustomInputProps } from './types';
-declare const CustomInput: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderConfig, borderRadiusConfig, type, autoFocus, endIconButtonConfig, labelTippyCustomizedConfig, labelTooltipConfig, inputRef: inputRefProp, hideFormFieldInfo, ...props }: CustomInputProps) => JSX.Element;
+declare const CustomInput: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderConfig, borderRadiusConfig, type, autoFocus, endIconButtonConfig, labelTippyCustomizedConfig, labelTooltipConfig, inputRef: inputRefProp, hideFormFieldInfo, ...props }: CustomInputProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomInput;

package/dist/Shared/Components/CustomInput/PasswordField.d.ts

@@ -1,3 +1,3 @@
 import { PasswordFieldProps } from './types';
-declare const PasswordField: ({ onFocus, onBlur, shouldShowDefaultPlaceholderOnBlur, ...props }: PasswordFieldProps) => JSX.Element;
+declare const PasswordField: ({ onFocus, onBlur, shouldShowDefaultPlaceholderOnBlur, ...props }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default PasswordField;

package/dist/Shared/Components/DTFocusTrap/DTFocusTrap.d.ts

@@ -1,3 +1,3 @@
 import { DTFocusTrapType } from './types';
-declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, avoidFocusTrap, }: DTFocusTrapType) => JSX.Element;
+declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, avoidFocusTrap, }: DTFocusTrapType) => import("react/jsx-runtime").JSX.Element;
 export default DTFocusTrap;

package/dist/Shared/Components/DatePicker/DateTimePicker.d.ts

@@ -1,3 +1,3 @@
 import { DateTimePickerProps } from './types';
-declare const DateTimePicker: ({ date: dateObject, onChange, timePickerProps, disabled, id, label, required, hideTimeSelect, readOnly, isTodayBlocked, dataTestIdForTime, dataTestidForDate, openDirection, error, }: DateTimePickerProps) => JSX.Element;
+declare const DateTimePicker: ({ date: dateObject, dateRange, onChange, timePickerProps, disabled, id, label, required, hideTimeSelect, readOnly, dataTestIdForTime, error, isRangePicker, isTodayBlocked, blockPreviousDates, isOutsideRange, rangeShortcutOptions, }: DateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DateTimePicker;

package/dist/Shared/Components/DatePicker/MonthlySelect.d.ts

@@ -1,2 +1,2 @@
 import { MonthlySelectProps } from './types';
-export declare const MonthlySelect: ({ selectedMonthlyDate, onChange, dataTestId, }: MonthlySelectProps) => JSX.Element;
+export declare const MonthlySelect: ({ selectedMonthlyDate, onChange, dataTestId, }: MonthlySelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DatePicker/TimeSelect.d.ts

@@ -1,2 +1,2 @@
 import { TimeSelectProps } from './types';
-export declare const TimePickerSelect: ({ disabled, onChange, timePickerProps, error, selectedTimeOption, }: TimeSelectProps) => JSX.Element;
+export declare const TimePickerSelect: ({ disabled, onChange, timePickerProps, error, selectedTimeOption, }: TimeSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DatePicker/constants.d.ts

@@ -1,63 +1,4 @@
-import { default as moment } from 'moment';
-export declare const selectedStyles: {
-    background: string;
-    color: string;
-    hover: {
-        background: string;
-        color: string;
-    };
-};
-export declare const selectedSpanStyles: {
-    background: string;
-    color: string;
-    hover: {
-        background: string;
-        color: string;
-    };
-};
-export declare const hoveredSpanStyles: {
-    background: string;
-    color: string;
-};
-export declare const customDayStyles: {
-    selectedStartStyles: {
-        background: string;
-        color: string;
-        hover: {
-            background: string;
-            color: string;
-        };
-    };
-    selectedEndStyles: {
-        background: string;
-        color: string;
-        hover: {
-            background: string;
-            color: string;
-        };
-    };
-    hoveredSpanStyles: {
-        background: string;
-        color: string;
-    };
-    selectedSpanStyles: {
-        background: string;
-        color: string;
-        hover: {
-            background: string;
-            color: string;
-        };
-    };
-    selectedStyles: {
-        background: string;
-        color: string;
-        hover: {
-            background: string;
-            color: string;
-        };
-    };
-    border: string;
-};
+import { CustomComponents } from 'react-day-picker';
 export declare const MONTHLY_DATES_CONFIG: {
     'Day 1': string;
     'Day 2': string;
@@ -153,55 +94,4 @@ export declare const DATE_PICKER_IDS: {
     MONTH: string;
     TIME: string;
 };
-export declare const styles: {
-    PresetDateRangePicker_panel: {
-        padding: string;
-        width: string;
-        height: string;
-    };
-    PresetDateRangePicker_button: {
-        width: string;
-        background: string;
-        border: string;
-        color: string;
-        padding: string;
-        font: string;
-        fontWeight: number;
-        lineHeight: string;
-        overflow: string;
-        cursor: string;
-        ':active': {
-            outline: number;
-        };
-    };
-    DayPicker__horizontal: {
-        borderRadius: string;
-    };
-    PresetDateRangePicker_button__selected: {
-        color: string;
-        fontWeight: number;
-        background: string;
-        outline: string;
-    };
-};
-export declare const DayPickerCalendarInfoHorizontal: {
-    width: string;
-    boxShadow: string;
-};
-export declare const DayPickerRangeControllerPresets: {
-    text: string;
-    endDate: moment.Moment;
-    startDate: moment.Moment;
-    endStr: string;
-}[];
-/**
- * Returns a string representing the range of dates
- * given by the start and end dates. If the end date
- * is 'now' and the start date includes 'now',
- * it will return the corresponding range from the
- * DayPickerRangeControllerPresets array.
- * @param startDateStr - the start date string
- * @param endDateStr - the end date string
- * @returns - a string representing the range of dates
- */
-export declare function getCalendarValue(startDateStr: string, endDateStr: string): string;
+export declare const DATE_PICKER_CUSTOM_COMPONENTS: Partial<CustomComponents>;

package/dist/Shared/Components/DatePicker/index.d.ts

@@ -1,8 +1,6 @@
 export * from './constants';
 export { default as DateTimePicker } from './DateTimePicker';
-export { DatePickerRangeController } from './DayPickerRangeController';
 export * from './MonthlySelect';
-export { default as SingleDatePickerComponent } from './SingleDatePickerComponent';
 export * from './TimeSelect';
 export * from './types';
 export * from './utils';

package/dist/Shared/Components/DatePicker/types.d.ts

@@ -1,4 +1,3 @@
-import { SingleDatePickerShape } from 'react-dates';
 import { SelectInstance } from 'react-select';
 import { Moment } from 'moment';
 import { SelectPickerOptionType } from '../SelectPicker';
@@ -81,11 +80,13 @@ export interface TimeSelectProps {
      */
     selectedTimeOption: DateSelectPickerType;
 }
-export interface DateTimePickerProps extends Pick<TimeSelectProps, 'date' | 'timePickerProps' | 'error' | 'disabled' | 'dataTestIdForTime'>, Pick<SingleDatePickerShape, 'openDirection'> {
-    /**
-     * Props for the date picker
-     */
-    datePickerProps?: any;
+interface DateRangeType {
+    from: Date;
+    to?: Date;
+}
+export type UpdateDateRangeType = (dateRange: DateRangeType) => void;
+export type UpdateSingleDateType = (date: Date) => void;
+export type DateTimePickerProps = Pick<TimeSelectProps, 'timePickerProps' | 'error' | 'disabled' | 'dataTestIdForTime'> & {
     /**
      * Id for the component
      */
@@ -98,10 +99,6 @@ export interface DateTimePickerProps extends Pick<TimeSelectProps, 'date' | 'tim
      * If true, the field is required and asterisk is shown
      */
     required?: boolean;
-    /**
-     * To hide time selector
-     */
-    hideTimeSelect?: boolean;
     /**
      * To make the field read only
      */
@@ -110,24 +107,32 @@ export interface DateTimePickerProps extends Pick<TimeSelectProps, 'date' | 'tim
      * To block today's date
      */
     isTodayBlocked?: boolean;
+    blockPreviousDates?: boolean;
+    isOutsideRange?: (day: Date) => boolean;
+} & ({
+    isRangePicker: true;
+    hideTimeSelect: true;
+    dateRange: DateRangeType;
+    onChange: UpdateDateRangeType;
+    rangeShortcutOptions?: ({
+        label: string;
+        onClick: () => void;
+        value?: never;
+    } | {
+        label: string;
+        onClick?: never;
+        value: DateRangeType;
+    })[];
+    date?: never;
+} | {
+    isRangePicker?: false;
+    date: TimeSelectProps['date'];
+    onChange: UpdateSingleDateType;
     /**
-     * Data test id for date picker
-     */
-    dataTestidForDate?: string;
-    /**
-     * Function to handle date change
+     * To hide time selector
      */
-    onChange: (date: Date) => void;
-}
-export interface DatePickerRangeControllerProps {
-    calendar: any;
-    calendarInputs: any;
-    focusedInput: any;
-    handleFocusChange: any;
-    handleDatesChange: any;
-    handleCalendarInputs?: any;
-    calendarValue: string;
-    handlePredefinedRange: (start: Moment, end: Moment, endStr: string) => void;
-    handleDateInput: (key: 'startDate' | 'endDate', value: string) => void;
-    handleApply: (...args: any[]) => void;
-}
+    hideTimeSelect?: boolean;
+    dateRange?: never;
+    rangeShortcutOptions?: never;
+});
+export {};

package/dist/Shared/Components/DatePicker/utils.d.ts

@@ -10,7 +10,7 @@ export declare const MONTHLY_DATE_OPTIONS: {
  * Return the options for the time in label and value format
  * @type {SelectPickerOptionType[]}
  */
-export declare const DEFAULT_TIME_OPTIONS: SelectPickerOptionType[];
+export declare const DEFAULT_TIME_OPTIONS: SelectPickerOptionType<string>[];
 /**
  * Get the time value from the date object in the format: `hh:mm:ss`
  */

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiff.component.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, errorConfig, showDetailedDiffState, hideDiffState, renderedInDrawer, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;
+export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, errorConfig, showDetailedDiffState, hideDiffState, renderedInDrawer, ...resProps }: DeploymentConfigDiffProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffAccordion.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffAccordionProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffAccordion: ({ diffState, showDetailedDiffState, hideDiffState, children, title, id, isExpanded, onClick, onTransitionEnd, }: DeploymentConfigDiffAccordionProps) => JSX.Element;
+export declare const DeploymentConfigDiffAccordion: ({ diffState, showDetailedDiffState, hideDiffState, children, title, id, isExpanded, onClick, onTransitionEnd, }: DeploymentConfigDiffAccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffMain.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffMainProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffMain: ({ isLoading, errorConfig, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, scopeVariablesConfig, showDetailedDiffState, hideDiffState, }: DeploymentConfigDiffMainProps) => JSX.Element;
+export declare const DeploymentConfigDiffMain: ({ isLoading, errorConfig, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, scopeVariablesConfig, showDetailedDiffState, hideDiffState, }: DeploymentConfigDiffMainProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffNavigation.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffNavigationProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, errorConfig, showDetailedDiffState, hideDiffState, }: DeploymentConfigDiffNavigationProps) => JSX.Element;
+export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, errorConfig, showDetailedDiffState, hideDiffState, }: DeploymentConfigDiffNavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffRadioSelect.d.ts

@@ -3,5 +3,5 @@ import { DeploymentConfigDiffRadioSelectConfig } from './DeploymentConfigDiff.ty
 declare const DeploymentConfigDiffRadioSelect: ({ radioSelectConfig, position, }: {
     radioSelectConfig: DeploymentConfigDiffRadioSelectConfig;
     position?: UsePopoverProps["position"];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default DeploymentConfigDiffRadioSelect;

package/dist/Shared/Components/DetectBottom/DetectBottom.component.d.ts

@@ -2,5 +2,5 @@ interface DetectBottomProps {
     callback: () => void;
     hasError?: boolean;
 }
-declare const DetectBottom: ({ callback, hasError }: DetectBottomProps) => JSX.Element;
+declare const DetectBottom: ({ callback, hasError }: DetectBottomProps) => import("react/jsx-runtime").JSX.Element;
 export default DetectBottom;

package/dist/Shared/Components/DocLink/DocLink.d.ts

@@ -1,2 +1,2 @@
 import { DocLinkProps } from './types';
-export declare const DocLink: <T extends boolean = false>({ docLinkKey, text, dataTestId, startIcon, showExternalIcon, onClick, fontWeight, size, variant, isExternalLink, openInNewTab, fullWidth, }: DocLinkProps<T>) => JSX.Element;
+export declare const DocLink: <T extends boolean = false>({ docLinkKey, text, dataTestId, startIcon, showExternalIcon, onClick, fontWeight, size, variant, isExternalLink, openInNewTab, fullWidth, }: DocLinkProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DocLink/constants.d.ts

@@ -104,5 +104,6 @@ export declare const DOCUMENTATION: {
     readonly COST_CALCULATION: "docs/user-guide/finops/overview-cost-visibility#how-is-the-cost-calculated";
     readonly COST_VISIBILITY_OVERVIEW: "docs/user-guide/finops/overview-cost-visibility";
     readonly SECURITY_CENTER: "docs/user-guide/security-features";
+    readonly AI_RECOMMENDATIONS: "docs/user-guide/ai-recommendations";
     readonly AUTOMATION_AND_ENABLEMENT: "docs/user-guide/automation";
 };

package/dist/Shared/Components/DynamicDataTable/DynamicDataTable.d.ts

@@ -1,2 +1,2 @@
 import { DynamicDataTableProps } from './types';
-export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, ...props }: DynamicDataTableProps<K, CustomStateType>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableHeader.d.ts

@@ -1,2 +1,2 @@
 import { DynamicDataTableHeaderProps } from './types';
-export declare const DynamicDataTableHeader: <K extends string, CustomStateType = Record<string, unknown>>({ headers, rows, sortingConfig, addBtnTooltip, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTableHeader: <K extends string, CustomStateType = Record<string, unknown>>({ headers, rows, sortingConfig, addBtnTooltip, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K, CustomStateType>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts

@@ -1,2 +1,2 @@
 import { DynamicDataTableRowProps } from './types';
-export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, shouldAutoFocusOnMount, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, shouldAutoFocusOnMount, }: DynamicDataTableRowProps<K, CustomStateType>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/EditImageFormField/EditImageFormField.d.ts

@@ -14,5 +14,5 @@ import { EditImageFormFieldProps } from './types';
  *  />
  * ```
  */
-declare const EditImageFormField: ({ defaultIcon, errorMessage, handleError, url, handleURLChange, ariaLabelPrefix, dataTestIdPrefix, altText, }: EditImageFormFieldProps) => JSX.Element;
+declare const EditImageFormField: ({ defaultIcon, errorMessage, handleError, url, handleURLChange, ariaLabelPrefix, dataTestIdPrefix, altText, }: EditImageFormFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default EditImageFormField;

package/dist/Shared/Components/EditableTextArea/EditableTextArea.d.ts

@@ -1,3 +1,3 @@
 import { EditableTextAreaProps } from './types';
-declare const EditableTextArea: (props: EditableTextAreaProps) => JSX.Element;
+declare const EditableTextArea: (props: EditableTextAreaProps) => import("react/jsx-runtime").JSX.Element;
 export default EditableTextArea;

package/dist/Shared/Components/EnvironmentSelector/EnvironmentSelector.component.d.ts

@@ -1,3 +1,3 @@
 import { EnvironmentSelectorProps } from './types';
-declare const EnvironmentSelector: <T>({ handleEnvironmentChange, selectedEnvironmentsMap, isMulti, placeholder, processOptions, styles, isClearable, autoFocus, }: EnvironmentSelectorProps<T>) => JSX.Element;
+declare const EnvironmentSelector: <T>({ handleEnvironmentChange, selectedEnvironmentsMap, isMulti, placeholder, processOptions, styles, isClearable, autoFocus, }: EnvironmentSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default EnvironmentSelector;

package/dist/Shared/Components/Error/ErrorBar.d.ts

@@ -1,3 +1,3 @@
 import { ErrorBarType } from './types';
-declare const ErrorBar: ({ appDetails, useParentMargin }: ErrorBarType) => JSX.Element;
+declare const ErrorBar: ({ appDetails, useParentMargin }: ErrorBarType) => import("react/jsx-runtime").JSX.Element;
 export default ErrorBar;

package/dist/Shared/Components/Error/utils.d.ts

@@ -1,3 +1,3 @@
 import { AppDetails } from '../../types';
 export declare const getIsImagePullBackOff: (appDetails: AppDetails) => boolean;
-export declare const renderErrorHeaderMessage: (appDetails: AppDetails, key: string, onClickActionButton?: any) => JSX.Element;
+export declare const renderErrorHeaderMessage: (appDetails: AppDetails, key: string, onClickActionButton?: any) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/ExcludedImageNode/ExcludedImageNode.d.ts

@@ -1,3 +1,3 @@
 import { ExcludedImageNodeProps } from './types';
-declare const ExcludedImageNode: ({ image }: ExcludedImageNodeProps) => JSX.Element;
+declare const ExcludedImageNode: ({ image }: ExcludedImageNodeProps) => import("react/jsx-runtime").JSX.Element;
 export default ExcludedImageNode;

package/dist/Shared/Components/ExportToCsv/ExportToCsv.d.ts

@@ -1,3 +1,3 @@
 import { ExportToCsvProps } from './types';
-declare const ExportToCsv: <HeaderItemType extends string>({ apiPromise, fileName, triggerElementConfig, disabled, modalConfig, headers, downloadRequestId, }: ExportToCsvProps<HeaderItemType>) => JSX.Element;
+declare const ExportToCsv: <HeaderItemType extends string>({ apiPromise, fileName, triggerElementConfig, disabled, modalConfig, headers, downloadRequestId, }: ExportToCsvProps<HeaderItemType>) => import("react/jsx-runtime").JSX.Element;
 export default ExportToCsv;

package/dist/Shared/Components/ExportToCsv/ExportToCsvDialog.d.ts

@@ -1,3 +1,3 @@
 import { ExportToCsvDialogProps } from './types';
-declare const ExportToCsvDialog: ({ exportDataError, isLoading, initiateDownload, handleCancelRequest, }: ExportToCsvDialogProps) => JSX.Element;
+declare const ExportToCsvDialog: ({ exportDataError, isLoading, initiateDownload, handleCancelRequest, }: ExportToCsvDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default ExportToCsvDialog;

package/dist/Shared/Components/FeatureDescription/FeatureDescriptionModal.d.ts

@@ -1,2 +1,2 @@
 import { FeatureDescriptionModalProps } from './types';
-export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, tabsConfig, }: FeatureDescriptionModalProps) => JSX.Element;
+export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, tabsConfig, }: FeatureDescriptionModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/FeatureDescription/FeatureTitleWithInfo.d.ts

@@ -1,3 +1,3 @@
 import { DescriptorProps } from './types';
-declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, tabsConfig, }: DescriptorProps) => JSX.Element;
+declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, tabsConfig, }: DescriptorProps) => import("react/jsx-runtime").JSX.Element;
 export default FeatureTitleWithInfo;

package/dist/Shared/Components/FileUpload/FileUpload.d.ts

@@ -1,2 +1,2 @@
 import { FileUploadProps } from './types';
-export declare const FileUpload: ({ isLoading, label, fileName, multiple, fileTypes, onUpload, }: FileUploadProps) => JSX.Element;
+export declare const FileUpload: ({ isLoading, label, fileName, multiple, fileTypes, onUpload, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/FilterChips/FilterChips.component.d.ts

@@ -2,5 +2,5 @@ import { FilterChipsProps } from './types';
 /**
  * Component for rendering the applied filter chips
  */
-declare const FilterChips: <T = Record<string, unknown>>({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, className, clearButtonClassName, showClearAndRemove, shouldHideLabel, }: FilterChipsProps<T>) => JSX.Element;
+declare const FilterChips: <T = Record<string, unknown>>({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, className, clearButtonClassName, showClearAndRemove, shouldHideLabel, }: FilterChipsProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default FilterChips;

package/dist/Shared/Components/FlagImage/FlagImage.component.d.ts

@@ -1,3 +1,3 @@
 import { FlagImageProps } from './types';
-declare const FlagImage: ({ country, size }: FlagImageProps) => JSX.Element;
+declare const FlagImage: ({ country, size }: FlagImageProps) => import("react/jsx-runtime").JSX.Element;
 export default FlagImage;

package/dist/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { FloatingVariablesSuggestionsProps } from './types';
-declare const _default: React.MemoExoticComponent<({ zIndex, appId, envId, clusterId, bounds, hideObjectVariables, showValueOnHover, isTemplateView, }: FloatingVariablesSuggestionsProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ appId, envId, clusterId, hideObjectVariables, showValueOnHover, isTemplateView, boundaryGap, }: FloatingVariablesSuggestionsProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/Shared/Components/FloatingVariablesSuggestions/SuggestionItem.d.ts

@@ -1,3 +1,3 @@
 import { SuggestionsItemProps } from './types';
-declare const SuggestionItem: ({ variableName, description, variableValue, isRedacted, highlightText, showValueOnHover, }: SuggestionsItemProps) => JSX.Element;
+declare const SuggestionItem: ({ variableName, description, variableValue, isRedacted, highlightText, showValueOnHover, }: SuggestionsItemProps) => import("react/jsx-runtime").JSX.Element;
 export default SuggestionItem;

package/dist/Shared/Components/FloatingVariablesSuggestions/Suggestions.d.ts

@@ -1,3 +1,3 @@
 import { SuggestionsProps } from './types';
-declare const _default: import('react').MemoExoticComponent<({ handleDeActivation, loading, variables, reloadVariables, error, showValueOnHover, }: SuggestionsProps) => JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ handleDeActivation, loading, variables, reloadVariables, error, showValueOnHover, }: SuggestionsProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/Shared/Components/FloatingVariablesSuggestions/SuggestionsInfo.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('react').MemoExoticComponent<() => JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/Shared/Components/FloatingVariablesSuggestions/constants.d.ts

@@ -1,7 +1,4 @@
-export declare const SUGGESTIONS_SIZE: {
-    width: number;
-    height: number;
-};
 export declare const NO_DEFINED_DESCRIPTION = "No Defined Description";
 export declare const NO_DEFINED_VALUE = "No Defined Value";
 export declare const SUGGESTIONS_INFO_TITLE = "What is scoped variable?";
+export declare const DRAG_SELECTOR = "handle-drag";

package/dist/Shared/Components/FloatingVariablesSuggestions/types.d.ts

@@ -1,4 +1,4 @@
-import { DraggableBounds } from 'react-draggable';
+import { DraggableWrapperProps } from '../../../Common/DraggableWrapper';
 import { AppConfigProps } from '../../../Pages/index';
 export interface ScopedVariableType {
     variableName: string;
@@ -8,12 +8,10 @@ export interface ScopedVariableType {
     } | null;
     isRedacted: boolean;
 }
-export interface FloatingVariablesSuggestionsProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
-    zIndex: number;
+export interface FloatingVariablesSuggestionsProps extends Required<Pick<AppConfigProps, 'isTemplateView'>>, Pick<DraggableWrapperProps, 'boundaryGap'> {
     appId?: string;
     envId?: string;
     clusterId?: string;
-    bounds?: DraggableBounds | string | false;
     /**
      * This will hide the variables with object/array values if set to true
      * @default true

package/dist/Shared/Components/FormFieldWrapper/FormFieldInfo.d.ts

@@ -1,3 +1,3 @@
 import { FormFieldInfoProps } from './types';
-declare const FormFieldInfo: ({ error, helperText, warningText, inputId }: FormFieldInfoProps) => JSX.Element;
+declare const FormFieldInfo: ({ error, helperText, warningText, inputId }: FormFieldInfoProps) => import("react/jsx-runtime").JSX.Element;
 export default FormFieldInfo;

package/dist/Shared/Components/FormFieldWrapper/FormFieldLabel.d.ts

@@ -1,3 +1,3 @@
 import { FormFieldLabelProps } from './types';
-declare const FormFieldLabel: ({ label, inputId, required, layout, labelTooltipConfig, labelTippyCustomizedConfig, }: FormFieldLabelProps) => JSX.Element;
+declare const FormFieldLabel: ({ label, inputId, required, layout, labelTooltipConfig, labelTippyCustomizedConfig, }: FormFieldLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default FormFieldLabel;

package/dist/Shared/Components/FormFieldWrapper/FormFieldWrapper.d.ts

@@ -1,3 +1,3 @@
 import { FormFieldWrapperProps } from './types';
-declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, }: Omit<Required<FormFieldWrapperProps>, "hideFormFieldInfo"> & Pick<FormFieldWrapperProps, "hideFormFieldInfo">) => JSX.Element;
+declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, }: Omit<Required<FormFieldWrapperProps>, "hideFormFieldInfo"> & Pick<FormFieldWrapperProps, "hideFormFieldInfo">) => import("react/jsx-runtime").JSX.Element;
 export default FormFieldWrapper;

package/dist/Shared/Components/GenericInfoCard/GenericInfoCard.component.d.ts

@@ -1,3 +1,3 @@
 import { GenericInfoCardProps } from './types';
-declare const GenericInfoCard: ({ title, description, author, isLoading, borderVariant, Icon, onClick, linkProps, }: GenericInfoCardProps) => JSX.Element;
+declare const GenericInfoCard: ({ title, description, author, isLoading, borderVariant, Icon, onClick, linkProps, }: GenericInfoCardProps) => import("react/jsx-runtime").JSX.Element;
 export default GenericInfoCard;

package/dist/Shared/Components/GenericInfoCard/GenericInfoCardListing.d.ts

@@ -1,2 +1,2 @@
 import { GenericInfoCardListingProps } from './types';
-export declare const GenericInfoCardListing: ({ isLoading, error, list, searchKey, reloadList, borderVariant, handleClearFilters, emptyStateConfig, }: GenericInfoCardListingProps) => JSX.Element;
+export declare const GenericInfoCardListing: ({ isLoading, error, list, searchKey, reloadList, borderVariant, handleClearFilters, emptyStateConfig, }: GenericInfoCardListingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/GenericInfoCard/GenericInfoListSkeleton.d.ts

@@ -1,2 +1,2 @@
 import { GenericInfoListSkeletonProps } from './types';
-export declare const GenericInfoListSkeleton: ({ borderVariant }: GenericInfoListSkeletonProps) => JSX.Element;
+export declare const GenericInfoListSkeleton: ({ borderVariant }: GenericInfoListSkeletonProps) => import("react/jsx-runtime").JSX.Element;