@devtron-labs/devtron-fe-common-lib 1.18.1 → 1.19.0

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

@@ -0,0 +1,64 @@
+import { MouseEvent, PropsWithChildren } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { IconsProps } from '../Icon';
+import { SelectPickerOptionType } from '../SelectPicker';
+export type ChipProps = {
+    /**
+     * The label to be displayed on the chip.
+     * This is a required field and should be a string.
+     */
+    label: string;
+    /**
+     * The size of the chip, which determines its padding and icon size.
+     * @default ComponentSizeType.xs
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.xxs>;
+    /**
+     * If style is 'error', an error icon will be displayed.
+     * If style is 'neutral', a start icon can be provided.
+     * @default 'neutral'
+     */
+    style?: 'neutral' | 'error';
+    capitalizeLabel?: boolean;
+} & ({
+    type: 'button';
+    href?: never;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    value?: never;
+    onRemove?: () => void;
+} | {
+    type: 'link';
+    href: string;
+    onClick?: never;
+    value?: never;
+    onRemove?: never;
+} | {
+    /**
+     * The type of the chip, which can be 'button', 'link', or 'non-interactive'.
+     * This determines the behavior of the chip when clicked.
+     * @default 'non-interactive'
+     */
+    type?: 'non-interactive';
+    href?: never;
+    onClick?: never;
+    /**
+     * The value to be displayed in the chip, if any.
+     * This is optional and can be used to show additional information.
+     * @default undefined
+     */
+    value?: string | number;
+    /**
+     * A function that will be called when the remove button is clicked.
+     * This is optional and can be used to handle the removal of the chip.
+     */
+    onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
+}) & ({
+    startIconProps?: Pick<IconsProps, 'name' | 'color'>;
+    startIcon?: never;
+} | {
+    startIconProps?: never;
+    startIcon?: SelectPickerOptionType['startIcon'];
+});
+export interface GetIconPropsType extends Pick<ChipProps, 'style' | 'startIconProps' | 'size'> {
+}
+export type ChipWrapperProps = PropsWithChildren<Required<Pick<ChipProps, 'type' | 'style' | 'onClick' | 'href' | 'size'>>>;

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

@@ -0,0 +1,6 @@
+import { ComponentSizeType } from '../../constants';
+import { ChipProps } from './types';
+export declare const getIconSize: (size: ChipProps["size"]) => 14 | 16;
+export declare const getPadding: (size: ChipProps["size"]) => "px-4 py-2" | "px-6 py-2";
+export declare const getFontSize: (size: ChipProps["size"]) => "fs-12 lh-16" | "fs-12 lh-20";
+export declare const getSupportedChipSizes: (size: ComponentSizeType) => ComponentSizeType.xxs | ComponentSizeType.xs;

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

@@ -0,0 +1,8 @@
+import { noop } from '../../../Common/Helper';
+import { DTFocusTrapType } from './types';
+export declare const useFocusTrapControl: () => {
+    disableFocusTrap: typeof noop;
+    resumeFocusTrap: typeof noop;
+};
+declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, }: DTFocusTrapType) => JSX.Element;
+export default DTFocusTrap;

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

@@ -0,0 +1,2 @@
+export { default as DTFocusTrap, useFocusTrapControl } from './DTFocusTrap';
+export type { DTFocusTrapType } from './types';

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

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+type FocusTargetValue = HTMLElement | SVGElement | string;
+type FocusTargetValueOrFalse = FocusTargetValue | false;
+/**
+ * A DOM node, a selector string (which will be passed to
+ * `document.querySelector()` to find the DOM node), `false` to explicitly indicate
+ * an opt-out, or a function that returns a DOM node or `false`.
+ */
+type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
+export interface DTFocusTrapType {
+    /**
+     * Callback function that gets triggered when the Escape key is pressed. \
+     * Should be wrapped in useCallback to prevent unnecessary re-renders.
+     * @example
+     * const handleEscape = useCallback(() => {
+     *   // Handle escape key press
+     * }, []);
+     */
+    onEscape: (e?: KeyboardEvent | MouseEvent) => void;
+    /**
+     * If focus should be deactivated on escape, pass false when escape is disabled or has no action
+     * true for cases when we are closing modals or dialogs
+     * @default true
+     */
+    deactivateFocusOnEscape?: boolean;
+    children: ReactNode;
+    /**
+     * With this option, you can specify an element to receive the initial focus, or use false for no initially focused element at all.
+     * Setting this option to undefined (or to a function that returns undefined) will result in the first element in the focus trap's tab order receiving focus.
+     */
+    initialFocus?: FocusTargetOrFalse | undefined | (() => void);
+}
+export {};

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

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 export interface FilterChipProps {
     /**
      * Filter label
@@ -15,11 +14,11 @@ export interface FilterChipProps {
     /**
      * If passed, the label will be formatted accordingly
      */
-    getFormattedLabel?: (filterKey: string) => ReactNode;
+    getFormattedLabel?: (filterKey: string) => string;
     /**
      * If passed, the label will be formatted accordingly
      */
-    getFormattedValue?: (filterKey: string, filterValue: unknown) => ReactNode;
+    getFormattedValue?: (filterKey: string, filterValue: unknown) => string;
     showRemoveIcon: boolean;
     /**
      * If true, would hide the label

package/dist/Shared/Components/Header/PageHeader.d.ts

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, headerImage, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, onClose, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -4,6 +4,7 @@ import { ActionMenuProps } from '../ActionMenu';
 import { DOCUMENTATION } from '../DocLink';
 export interface PageHeaderType {
     headerName?: string;
+    headerImage?: string;
     showTabs?: boolean;
     additionalHeaderInfo?: () => JSX.Element;
     renderHeaderTabs?: () => JSX.Element;
@@ -17,6 +18,7 @@ export interface PageHeaderType {
         tippyMessage?: string;
         onClickTippyButton?: () => void;
     };
+    onClose?: () => void;
 }
 export interface ServerInfo {
     currentVersion: string;

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

@@ -18,6 +18,7 @@ export declare const iconMap: {
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -133,6 +134,7 @@ export declare const iconMap: {
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-link': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-list-bullets': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -168,6 +170,7 @@ export declare const iconMap: {
     'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-resize-handle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -56,6 +56,10 @@ export interface UsePopoverProps {
      * @default 'menu'
      */
     variant?: 'menu' | 'overlay';
+    /**
+     * Disable popover close
+     */
+    disableClose?: boolean;
 }
 /**
  * Represents the return type of the `usePopover` hook, providing properties and methods

package/dist/Shared/Components/Popover/usePopover.hook.d.ts

@@ -1,2 +1,2 @@
 import { UsePopoverProps, UsePopoverReturnType } from './types';
-export declare const usePopover: ({ id, position, alignment, width, variant, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;
+export declare const usePopover: ({ id, position, alignment, width, variant, onOpen, onPopoverKeyDown, onTriggerKeyDown, disableClose, }: UsePopoverProps) => UsePopoverReturnType;

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

@@ -88,5 +88,5 @@ export declare const getPopoverActualPositionAlignment: ({ position, alignment,
     popoverRect: DOMRect;
 }) => {
     fallbackPosition: "top" | "bottom" | "right" | "left";
-    fallbackAlignment: "middle" | "end" | "start";
+    fallbackAlignment: "start" | "middle" | "end";
 };

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

@@ -133,5 +133,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, keyboardShortcut, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect: _closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, showCheckboxForMultiSelect, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -1,4 +1,4 @@
-import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, MultiValueRemoveProps, OptionProps, ValueContainerProps } from 'react-select';
+import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, OptionProps, ValueContainerProps } from 'react-select';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
@@ -10,8 +10,7 @@ export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends b
 export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
 export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => JSX.Element;
 export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
-export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
+export declare const SelectPickerMultiValue: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
 export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
 export declare const renderLoadingMessage: () => JSX.Element;
 export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => JSX.Element;

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

@@ -3,3 +3,4 @@ import { SelectPickerProps } from './type';
 export declare const SELECT_PICKER_FONT_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['fontSize']>;
 export declare const SELECT_PICKER_ICON_SIZE_MAP: Record<SelectPickerProps['size'], Pick<CSSProperties, 'width' | 'height'>>;
 export declare const SELECT_PICKER_CONTROL_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['minHeight']>;
+export declare const SELECT_PICKER_MULTI_VALUE_LABEL_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['lineHeight']>;

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -9,7 +9,7 @@ import { ComponentSizeType } from '../../constants';
 import { ActionMenuProps } from '../ActionMenu';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';
 import { FormFieldWrapperProps } from '../FormFieldWrapper/types';
-export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
+export interface SelectPickerOptionType<OptionValue = string | number, OptionLabel = ReactNode> extends OptionType<OptionValue, OptionLabel> {
     /**
      * Description to be displayed for the option
      */
@@ -70,6 +70,17 @@ declare module 'react-select/base' {
          * Icon to be rendered in the control
          */
         icon?: ReactElement;
+        /**
+         * Renders the keyboard shortcut key that opens the select picker \
+         * Shortcut key needs to be defined first in order to use it.
+         * @note This is displayed in place of the dropdown indicator
+         */
+        keyboardShortcut?: string;
+        /**
+         * If true, checkboxes are shown for options in multi-select mode.
+         * @default true
+         */
+        showCheckboxForMultiSelect?: boolean;
         /**
          * If true, the selected option icon is shown in the container.
          * startIcon has higher priority than endIcon.
@@ -101,7 +112,7 @@ export declare enum SelectPickerVariantType {
     BORDER_LESS = "border-less",
     COMPACT = "compact"
 }
-export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen' | 'onFocus'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen' | 'onFocus'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea' | 'keyboardShortcut' | 'showCheckboxForMultiSelect'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
     /**
      * Config for the footer at the bottom of menu list. It is sticky by default
      *
@@ -223,6 +234,6 @@ export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps
 export type SelectPickerTextAreaProps = Omit<SelectPickerProps<string, false>, 'selectRef' | 'inputValue' | 'onInputChange' | 'controlShouldRenderValue' | 'onKeyDown' | 'onCreateOption' | 'shouldRenderTextArea'> & Pick<ResizableTagTextAreaProps, 'maxHeight' | 'minHeight' | 'refVar' | 'dependentRefs'>;
 export interface GroupedFilterSelectPickerProps<T extends string | number = string | number> extends Omit<ActionMenuProps<T>, 'onClick' | 'disableDescriptionEllipsis' | 'children' | 'buttonProps' | 'isSearchable'> {
     isFilterApplied?: boolean;
-    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown'>>;
+    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown' | 'selectRef'>>;
 }
 export {};

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

@@ -108,6 +108,7 @@ type AdditionalFilterPropsType<T extends FiltersTypeEnum> = T extends FiltersTyp
 export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
     areRowsLoading: boolean;
     filteredRows: RowsType<RowData> | null;
+    rows: RowsType<RowData> | null;
 } & (FilterVariant extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersReturnType<string>, 'updateSearchParams'> : {})>;
 type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown> = {
     filtersVariant: FilterVariant;

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

@@ -0,0 +1 @@
+export declare const TempAppWindow: () => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './TempAppWindow';

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

@@ -13,6 +13,7 @@ export * from './BulkSelection';
 export * from './Button';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './Chip';
 export * from './CICDHistory';
 export * from './CMCS';
 export * from './CodeEditor';
@@ -85,6 +86,7 @@ export * from './TabGroup';
 export * from './Table';
 export * from './TagsKeyValueTable';
 export * from './TargetPlatforms';
+export * from './TempAppWindow';
 export * from './Textarea';
 export * from './ThemeSwitcher';
 export * from './ToggleResolveScopedVariables';

package/dist/Shared/Helpers.d.ts

@@ -5,7 +5,7 @@ import { Pair } from 'yaml';
 import { MaterialHistoryType } from './Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
 import { AggregatedNodes, PodMetadatum } from './Components';
-import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -23,7 +23,6 @@ interface HighlightSearchTextProps {
 export declare const escapeRegExp: (text: string) => string;
 export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
 export declare const preventBodyScroll: (lock: boolean) => void;
-export declare const preventOutsideFocus: ({ identifier, preventFocus }: PreventOutsideFocusProps) => void;
 export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[]) => boolean;
 export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
 export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;

package/dist/Shared/Providers/MainContextProvider/index.d.ts

@@ -1,3 +1,3 @@
 export * from './MainContextProvider';
-export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig } from './types';
+export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig, TempAppWindowConfig } from './types';
 export { SidePanelTab } from './types';

package/dist/Shared/Providers/MainContextProvider/types.d.ts

@@ -26,6 +26,20 @@ type AIAgentContextType = {
     path: string;
     context: Record<string, string>;
 };
+export interface TempAppWindowConfig {
+    /** Whether the temporary window is open */
+    open: boolean;
+    /** Title of the temporary window */
+    title: string;
+    /** URL to load in iframe in the window */
+    url?: string;
+    /** Image URL to display in the window header */
+    image?: string;
+    /** Whether to show an "Open in new tab" button */
+    showOpenInNewTab?: boolean;
+    /** React component to render in the window */
+    component?: JSX.Element;
+}
 type CommonMainContextProps = {
     setServerMode: (serverMode: SERVER_MODE) => void;
     isHelpGettingStartedClicked: boolean;
@@ -90,6 +104,8 @@ export type MainContext = CommonMainContextProps & ({
      */
     isFELibAvailable: boolean;
     aiAgentContext: AIAgentContextType;
+    tempAppWindowConfig: TempAppWindowConfig;
+    setTempAppWindowConfig: Dispatch<SetStateAction<TempAppWindowConfig>>;
 } | {
     isLicenseDashboard: true;
     serverMode: null;
@@ -105,6 +121,8 @@ export type MainContext = CommonMainContextProps & ({
     isEnterprise: false;
     isFELibAvailable: false;
     aiAgentContext: null;
+    tempAppWindowConfig: null;
+    setTempAppWindowConfig: null;
 });
 export interface MainContextProviderProps {
     children: ReactNode;

package/dist/Shared/constants.d.ts

@@ -432,3 +432,4 @@ export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
 export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;
 export declare const STRATEGY_TYPE_TO_TITLE_MAP: Record<DeploymentStrategyTypeWithDefault, string>;
 export declare const CUBIC_BEZIER_CURVE: [number, number, number, number];
+export declare const ALLOW_ACTION_OUTSIDE_FOCUS_TRAP = "allow-action-outside-focus-trap";

package/dist/Shared/types.d.ts

@@ -798,10 +798,6 @@ export interface ResourceApprovalPolicyConfigType extends Omit<ResourceApprovalP
     approvalConfigurationMap: Record<ApprovalConfigDataType['kind'], ApprovalConfigDataType>;
 }
 export type ResourceIdToResourceApprovalPolicyConfigMapType = Record<ResourceApprovalPolicyConfigType['envId'] | typeof BASE_CONFIGURATION_ENV_ID, Pick<ResourceApprovalPolicyConfigType, 'isApprovalApplicable' | 'approvalConfigurationMap'>>;
-export interface PreventOutsideFocusProps {
-    identifier: string;
-    preventFocus: boolean;
-}
 export interface PolicyBlockInfo {
     isBlocked: boolean;
     blockedBy: TriggerBlockType;