@devtron-labs/devtron-fe-common-lib 4.0.2-beta-1 → 4.0.3

package/dist/Common/GenericDescription/constant.d.ts

@@ -1,2 +1,42 @@
+import { commands } from '@uiw/react-md-editor';
 export declare const DESCRIPTION_EMPTY_ERROR_MSG = "Readme cannot be empty. Please add some information or cancel the changes.";
 export declare const DESCRIPTION_UNSAVED_CHANGES_MSG = "Are you sure you want to discard your changes?";
+export declare const TOOLBAR_SECONDARY_COMMANDS: ({
+    icon: import("react/jsx-runtime").JSX.Element;
+    children?: commands.ICommand<string>[];
+    parent?: commands.ICommand<any>;
+    keyCommand?: string;
+    name?: string;
+    shortcuts?: string;
+    groupName?: string;
+    value?: string;
+    prefix?: string;
+    suffix?: string;
+    position?: "right";
+    liProps?: import('react').LiHTMLAttributes<HTMLLIElement>;
+    buttonProps?: import('react').ButtonHTMLAttributes<HTMLButtonElement> | null;
+    render?: (command: commands.ICommand<string>, disabled: boolean, executeCommand: (command: commands.ICommand<string>, name?: string) => void, index: number) => void | undefined | null | import('react').ReactElement;
+    execute?: (state: commands.ExecuteState, api: commands.TextAreaTextApi, dispatch?: import('react').Dispatch<import('@uiw/react-md-editor').ContextStore>, executeCommandState?: import('@uiw/react-md-editor').ExecuteCommandState, shortcuts?: string[]) => void;
+} | {
+    icon: import("react/jsx-runtime").JSX.Element;
+    children?: (handle: {
+        close: () => void;
+        execute: () => void;
+        getState?: commands.TextAreaCommandOrchestrator["getState"];
+        textApi?: commands.TextAreaTextApi;
+        dispatch?: import('react').Dispatch<import('@uiw/react-md-editor').ContextStore>;
+    }) => import('react').ReactElement;
+    parent?: commands.ICommand<any>;
+    keyCommand?: string;
+    name?: string;
+    shortcuts?: string;
+    groupName?: string;
+    value?: string;
+    prefix?: string;
+    suffix?: string;
+    position?: "right";
+    liProps?: import('react').LiHTMLAttributes<HTMLLIElement>;
+    buttonProps?: import('react').ButtonHTMLAttributes<HTMLButtonElement> | null;
+    render?: (command: commands.ICommand<string>, disabled: boolean, executeCommand: (command: commands.ICommand<string>, name?: string) => void, index: number) => void | undefined | null | import('react').ReactElement;
+    execute?: (state: commands.ExecuteState, api: commands.TextAreaTextApi, dispatch?: import('react').Dispatch<import('@uiw/react-md-editor').ContextStore>, executeCommandState?: import('@uiw/react-md-editor').ExecuteCommandState, shortcuts?: string[]) => void;
+})[];

package/dist/Common/GenericDescription/types.d.ts

@@ -1,14 +1,12 @@
+import { JSX } from 'react';
 export interface GenericDescriptionProps {
     text?: string;
     updatedBy?: string;
     updatedOn?: string;
-    isDescriptionPreview: boolean;
     updateDescription: (string: any) => Promise<void>;
     title: string;
-    tabIndex?: number;
-    minEditorHeight?: number;
-}
-export declare enum MDEditorSelectedTabType {
-    WRITE = "write",
-    PREVIEW = "preview"
+    emptyStateConfig?: {
+        img: string;
+        subtitle: JSX.Element;
+    };
 }

package/dist/Common/GenericDescription/utils.d.ts

@@ -0,0 +1 @@
+export declare const getParsedUpdatedOnDate: (updatedOn: string) => string;

package/dist/Common/Grid/Grid.d.ts

@@ -1,2 +1,2 @@
 import { GridProps } from './types';
-export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, ...containerDivProps }: GridProps): JSX.Element;
+export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, ...containerDivProps }: GridProps): import("react/jsx-runtime").JSX.Element;

package/dist/Common/Helper.d.ts

@@ -1,7 +1,8 @@
 import { default as React, SyntheticEvent } from 'react';
 import { JSONPathOptions } from 'jsonpath-plus';
-import { AsyncOptions, UseSearchString } from './Types';
-import { scrollableInterface } from '../Shared';
+import { AsyncOptions, DeploymentNodeType, UseSearchString } from './Types';
+import { scrollableInterface, AppType } from '../Shared';
+import * as Sentry from '@sentry/browser';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {
     condition: boolean;
@@ -9,12 +10,12 @@ interface ConditionalWrapper<T> {
     children: T;
 }
 export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 0 | 1 | -1;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | -1 | 0;
 export declare const stopPropagation: (event: any) => void;
 export declare const preventDefault: (event: SyntheticEvent) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;
 export declare function getRandomColor(email: string): string;
-export declare const getAlphabetIcon: (str: string, rootClassName?: string) => JSX.Element;
+export declare const getAlphabetIcon: (str: string, rootClassName?: string) => import("react/jsx-runtime").JSX.Element;
 export declare const getEmptyArrayOfLength: (length: number) => unknown[];
 export declare function noop(...args: any[]): any;
 export declare function not(e: any): boolean;
@@ -23,17 +24,17 @@ export declare const reportIssue: () => void;
 export declare function useEffectAfterMount(cb: any, dependencies: any): void;
 export declare function getCookie(sKey: any): string;
 export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
+export declare const getFormattedUTCTimeForExport: (timeToConvert: string, fallback?: string) => string;
 export declare function useSearchString(): UseSearchString;
 export declare const closeOnEscKeyPressed: (e: any, actionClose: () => void) => void;
 export declare function useJsonYaml(value: any, tabSize?: number, language?: string, shouldRun?: boolean): any[];
 export declare function cleanKubeManifest(manifestJsonString: string): string;
 /**
- * It will copy the passed content to clipboard and invoke the callback function, in case of error it will show the toast message.
- * On HTTP system clipboard is not supported, so it will use the unsecureCopyToClipboard function
+ * This is a promise<void> that will resolve if str is successfully copied
+ * On HTTP (other than localhost) system clipboard is not supported, so it will use the unsecureCopyToClipboard function
  * @param str
- * @param callback
  */
-export declare function copyToClipboard(str: any, callback?: typeof noop): void;
+export declare function copyToClipboard(str: string): Promise<void>;
 export declare function useAsync<T>(func: (...rest: any[]) => Promise<T>, dependencyArray?: any[], shouldRun?: boolean, options?: AsyncOptions): [boolean, T, any | null, () => void, React.Dispatch<any>, any[]];
 export declare const processDeployedTime: (lastDeployed: any, isArgoInstalled: any) => string;
 /**
@@ -46,7 +47,7 @@ export declare const getUrlWithSearchParams: <T extends string | number = string
 /**
  * Custom exception logger function for logging errors to sentry
  */
-export declare const logExceptionToSentry: any;
+export declare const logExceptionToSentry: typeof Sentry.captureException;
 export declare const customStyles: {
     control: (base: any, state: any) => any;
     indicatorSeparator: (base: any, state: any) => any;
@@ -59,9 +60,10 @@ export declare const getFilteredChartVersions: (charts: any, selectedChartType:
  * @param {object} object from which we need to delete nulls in its arrays
  * @returns object after removing (in-place) the null items in arrays
  */
-export declare const recursivelyRemoveNullsFromArraysInObject: (object: object) => object;
+export declare const recursivelyRemoveSymbolFromArraysInObject: (object: object, symbol: symbol) => object;
 /**
  * Merges the objects into one object
+ * Works more like Object.assign; that doesn't deep copy
  * @param {object[]} objects list of js objects
  * @returns object after the merge
  */
@@ -90,11 +92,13 @@ export declare const getRegexMatchPositions: (string: string, regex: RegExp) =>
 export declare const powerSetOfSubstringsFromStart: (strings: string[], regex: RegExp) => string[];
 export declare const convertJSONPointerToJSONPath: (pointer: string) => string;
 export declare const flatMapOfJSONPaths: (paths: string[], json: object, resultType?: JSONPathOptions["resultType"]) => string[];
-export declare const applyCompareDiffOnUneditedDocument: (uneditedDocument: object, editedDocument: object) => object;
+export declare const applyCompareDiffOnUneditedDocument: (uneditedDocument: object, editedDocument: object) => any;
 /**
  * Returns a debounced variant of the function
+ * @deprecated - It should use useRef instead, pls use useDebounce
  */
 export declare const debounce: (func: any, timeout?: number) => (this: any, ...args: any[]) => void;
+export declare const useDebounce: <Callback extends (...args: any[]) => void>(cb: Callback, delay: number) => (...args: Parameters<Callback>) => void;
 /**
  * Returns a capitalized string with first letter in uppercase and rest in lowercase
  */
@@ -116,8 +120,32 @@ export declare function shallowEqual(objA: any, objB: any): boolean;
 export declare function useInterval(callback: any, delay: any): void;
 export declare function useScrollable(options: scrollableInterface): ((e: any) => void)[];
 export declare function useKeyDown(): any[];
-export declare const DropdownIndicator: (props: any) => JSX.Element;
+export declare const DropdownIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare function mapByKey<T = Map<any, any>>(arr: any[], id: string): T;
 export declare function asyncWrap(promise: any): any[];
 export declare const prefixZeroIfSingleDigit: (value?: number) => string | number;
+export declare const throttle: <T extends (...args: unknown[]) => unknown>(func: T, delay?: number) => ((...args: Parameters<T>) => void);
+/**
+ *
+ * @param sourceType - SourceTypeMap
+ * @param _isRegex - boolean
+ * @param webhookEventName - WebhookEventNameType
+ * @returns - Icon
+ */
+export declare const getBranchIcon: (sourceType: any, _isRegex?: boolean, webhookEventName?: string) => import("react/jsx-runtime").JSX.Element;
+export declare const getSanitizedIframe: (iframeString: string) => string;
+/**
+ * This method adds default attributes to iframe - title, loading ="lazy", width="100%", height="100%"
+ */
+export declare const getIframeWithDefaultAttributes: (iframeString: string, defaultName?: string) => string;
+export declare const getStageTitle: (stageType: DeploymentNodeType) => string;
+export declare const getGoLangFormattedDateWithTimezone: (dateFormat: string) => string;
+/**
+ *
+ * @returns SHA-256 hashed value
+ */
+export declare const getHashedValue: (value: string) => Promise<string | null>;
+export declare const getTTLInHumanReadableFormat: (ttl: number) => string;
+export declare const getAIAnalyticsEvents: (context: string, appType?: AppType) => string;
+export declare const findRight: <T>(arr: T[], predicate: (item: T) => boolean) => T | null;
 export {};

package/dist/Common/Hooks/UseGetUserRoles/UseGetUserRoles.d.ts

@@ -0,0 +1,7 @@
+import { UseGetUserRolesType } from './types';
+/**
+ * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
+ * @returns {UseGetUserRolesType} isSuperAdmin, canManageAllAccess
+ */
+declare const useGetUserRoles: () => UseGetUserRolesType;
+export default useGetUserRoles;

package/dist/Common/Hooks/UseGetUserRoles/index.d.ts

@@ -0,0 +1 @@
+export { default as useGetUserRoles } from './UseGetUserRoles';

package/dist/Common/Hooks/UseGetUserRoles/types.d.ts

@@ -0,0 +1,8 @@
+export interface UseGetUserRolesType {
+    isSuperAdmin: boolean;
+    /**
+     * User can give access to all other users
+     */
+    canManageAllAccess?: boolean;
+    hasManagerPermissions: boolean;
+}

package/dist/Common/Hooks/UseIsTextTruncated/UseIsTextTruncated.d.ts

@@ -0,0 +1,5 @@
+declare const useIsTextTruncated: () => {
+    isTextTruncated: boolean;
+    handleMouseEnterEvent: import('react').MouseEventHandler<Element>;
+};
+export default useIsTextTruncated;

package/dist/Common/Hooks/UseIsTextTruncated/constants.d.ts

@@ -0,0 +1 @@
+export declare const SUB_PIXEL_ERROR = 1;

package/dist/Common/Hooks/UseIsTextTruncated/index.d.ts

@@ -0,0 +1 @@
+export { default as useIsTextTruncated } from './UseIsTextTruncated';

package/dist/Common/Hooks/UseRegisterShortcut/UseRegisterShortcutContext.d.ts

@@ -1,2 +1,2 @@
 import { UseRegisterShortcutContextType } from './types';
-export declare const context: import('react').Context<UseRegisterShortcutContextType>;
+export declare const UseRegisterShortcutContext: import('react').Context<UseRegisterShortcutContextType>;

package/dist/Common/Hooks/UseRegisterShortcut/UseRegisterShortcutProvider.d.ts

@@ -1,3 +1,3 @@
 import { UseRegisterShortcutProviderType } from './types';
-declare const UseRegisterShortcutProvider: ({ children }: UseRegisterShortcutProviderType) => JSX.Element;
+declare const UseRegisterShortcutProvider: ({ shouldHookOntoWindow, ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => import("react/jsx-runtime").JSX.Element;
 export default UseRegisterShortcutProvider;

package/dist/Common/Hooks/UseRegisterShortcut/index.d.ts

@@ -1,2 +1,3 @@
+export type { SupportedKeyboardKeysType } from './types';
 export { default as useRegisterShortcut } from './UseRegisterShortcut';
 export { default as UseRegisterShortcutProvider } from './UseRegisterShortcutProvider';

package/dist/Common/Hooks/UseRegisterShortcut/types.d.ts

@@ -1,7 +1,95 @@
+import { FocusEvent, KeyboardEvent } from 'react';
+export declare const KEYBOARD_KEYS_MAP: {
+    readonly Control: "Ctrl";
+    readonly Shift: "⇧";
+    readonly Meta: "⌘" | "Win";
+    readonly Alt: "⌥" | "Alt";
+    readonly F: "F";
+    readonly E: "E";
+    readonly R: "R";
+    readonly K: "K";
+    readonly X: "X";
+    readonly A: "A";
+    readonly N: "N";
+    readonly S: "S";
+    readonly '/': "/";
+    readonly Escape: "Esc";
+    readonly Enter: "↩";
+    readonly ArrowLeft: "←";
+    readonly ArrowRight: "→";
+    readonly ArrowUp: "↑";
+    readonly ArrowDown: "↓";
+    readonly PageUp: "PgUp";
+    readonly PageDown: "PgDn";
+    readonly Home: "Home";
+    readonly End: "End";
+    readonly Backspace: "⌫";
+    readonly Delete: "⌦";
+    readonly '.': ".";
+    readonly Space: "Space";
+    readonly '>': ">";
+};
+export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;
+export interface ShortcutType {
+    keys: SupportedKeyboardKeysType[];
+    callbackStack: Array<() => void>;
+    description?: string;
+}
+interface RegisterShortcutType extends Pick<ShortcutType, 'keys' | 'description'> {
+    callback: ShortcutType['callbackStack'][number];
+}
 export interface UseRegisterShortcutContextType {
-    registerShortcut: boolean;
-    setRegisterShortcut: (allowShortcut: boolean) => void;
+    /**
+     * This method registers a shortcut with its corresponding callback
+     *
+     * If keys is undefined or null this method will throw an error
+     */
+    registerShortcut: (props: RegisterShortcutType) => void;
+    /**
+     * This method unregisters the provided shortcut if found
+     *
+     * If keys is undefined or null this method will throw an error
+     */
+    unregisterShortcut: (keys: ShortcutType['keys']) => void;
+    /**
+     * Globally disable all shortcuts with this function
+     */
+    setDisableShortcuts: (shouldDisable: boolean) => void;
+    /**
+     * Programmatically trigger a shortcut if already registered
+     */
+    triggerShortcut: (keys: ShortcutType['keys']) => void;
+    /**
+     * If shouldHookOntoWindow is false, these props need to be hooked onto
+     * the component that needs to listen to the shortcuts
+     */
+    targetProps?: {
+        onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+        onKeyUp: (event: KeyboardEvent<HTMLElement>) => void;
+        onBlur: (event: FocusEvent<HTMLElement>) => void;
+    };
 }
 export interface UseRegisterShortcutProviderType {
-    children: React.ReactElement;
+    /**
+     * If false, the shortcuts will not be registered to the window object
+     * instead onKeyDown, onKeyUp and onBlur will be exposed as context methods
+     * which need to be hooked onto the component that needs to listen to the shortcuts
+     *
+     * defaults to true
+     */
+    shouldHookOntoWindow?: boolean;
+    children: React.ReactNode;
+    /**
+     * Defines how long after holding the keys down do we trigger the callback in milliseconds
+     */
+    shortcutTimeout?: number;
+    /**
+     * Defines which html tags to ignore as source of an event
+     */
+    ignoreTags?: string[];
+    /**
+     * If true, call preventDefault on the event
+     */
+    preventDefault?: boolean;
 }
+export {};

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -0,0 +1,6 @@
+import { ShortcutType } from './types';
+export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
+    keys: ("N" | "R" | "Enter" | "/" | "Alt" | "F" | "E" | "K" | "X" | "A" | "S" | "Home" | "End" | "." | "Space" | ">" | "Control" | "Shift" | "Meta" | "Escape" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    id: string;
+};
+export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

package/dist/Common/Hooks/index.d.ts

@@ -1,6 +1,7 @@
-export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin';
 export { useClickOutside } from './UseClickOutside/UseClickOutside';
-export { useWindowSize } from './UseWindowSize/UseWindowSize';
-export * from './useUrlFilters';
+export { useGetUserRoles } from './UseGetUserRoles';
+export { useIsTextTruncated } from './UseIsTextTruncated';
 export * from './UseRegisterShortcut';
 export * from './useStateFilters';
+export * from './useUrlFilters';
+export { useWindowSize } from './UseWindowSize/UseWindowSize';

package/dist/Common/Hooks/useStateFilters/index.d.ts

@@ -1,2 +1,2 @@
-export { default as useStateFilters } from './useStateFilters';
 export type { UseStateFiltersProps, UseStateFiltersReturnType } from './types';
+export { default as useStateFilters } from './useStateFilters';

package/dist/Common/Hooks/useStateFilters/types.d.ts

@@ -1,7 +1,7 @@
 import { UseUrlFiltersProps, UseUrlFiltersReturnType } from '../useUrlFilters';
-export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey'> {
+export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey' | 'defaultPageSize'> {
 }
-export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch'> {
+export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch' | 'areFiltersApplied'> {
 }
 export interface PaginationType<T> extends Pick<UseUrlFiltersReturnType<T>, 'pageSize'> {
     pageNumber: number;

package/dist/Common/Hooks/useStateFilters/useStateFilters.d.ts

@@ -12,5 +12,5 @@ import { UseStateFiltersProps, UseStateFiltersReturnType } from './types';
  *
  * To be extended to be used with pagination and search as and when required
  */
-declare const useStateFilters: <T = string>({ initialSortKey, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
+declare const useStateFilters: <T = string>({ initialSortKey, defaultPageSize, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
 export default useStateFilters;

package/dist/Common/Hooks/useUrlFilters/index.d.ts

@@ -1,2 +1,3 @@
-export { default as useUrlFilters } from './useUrlFilters';
+export { URL_FILTER_KEYS } from './constants';
 export type { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
+export { default as useUrlFilters } from './useUrlFilters';

package/dist/Common/Hooks/useUrlFilters/types.d.ts

@@ -1,5 +1,5 @@
 import { SortingOrder } from '../../Constants';
-export interface UseUrlFiltersProps<T, K> {
+export interface UseUrlFiltersProps<T, K extends {}> {
     /**
      * The key on which the sorting should be applied
      */
@@ -8,8 +8,20 @@ export interface UseUrlFiltersProps<T, K> {
      * Callback function for parsing the search params
      */
     parseSearchParams?: (searchParams: URLSearchParams) => K;
+    /**
+     * Local storage key to store the filters
+     */
+    localStorageKey?: `${string}__${string}`;
+    /**
+     * Method to be used for redirection in case of filter update
+     *
+     * @default 'replace'
+     */
+    redirectionMethod?: 'replace' | 'push';
+    defaultPageSize?: number;
 }
-export type UseUrlFiltersReturnType<T, K = unknown> = K & {
+export type UpdateSearchParamsOptionsType<T, K = {}> = Partial<Pick<UseUrlFiltersProps<T, K>, 'redirectionMethod'>>;
+export type UseUrlFiltersReturnType<T, K = {}> = K & {
     /**
      * Currently applied page size
      */
@@ -55,5 +67,6 @@ export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**
      * Update the search params with the passed object
      */
-    updateSearchParams: (paramsToSerialize: Partial<K>) => void;
+    updateSearchParams: (paramsToSerialize: Partial<K>, options?: UpdateSearchParamsOptionsType<T, K>) => void;
+    areFiltersApplied: boolean;
 };

package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts

@@ -16,5 +16,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
  * ```
  *
  */
-declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
+declare const useUrlFilters: <T = string, K = {}>({ initialSortKey, parseSearchParams, localStorageKey, redirectionMethod, defaultPageSize, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
 export default useUrlFilters;

package/dist/Common/Hooks/useUrlFilters/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const setItemInLocalStorageIfKeyExists: (localStorageKey: string, value: string) => void;
+export declare const areAnyAdditionalFiltersApplied: (parsedParams: Record<string | number, any>) => boolean;

package/dist/Common/ImageTags.Types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 export interface ReleaseTag {
     id: number;
     tagName: string;
@@ -37,4 +38,5 @@ export interface ImageButtonType {
     isSuperAdmin: boolean;
     duplicateTag?: boolean;
     hideHardDelete?: boolean;
+    startIcon?: ReactElement;
 }

package/dist/Common/ImageTags.d.ts

@@ -1,3 +1,3 @@
 import { ImageButtonType, ImageTaggingContainerType } from './ImageTags.Types';
-export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, isSuperAdmin, }: ImageTaggingContainerType) => JSX.Element;
-export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, }: ImageButtonType) => JSX.Element;
+export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, isSuperAdmin, }: ImageTaggingContainerType) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, startIcon, }: ImageButtonType) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/InteractiveCellText/InteractiveCellText.d.ts

@@ -0,0 +1,27 @@
+import { InteractiveCellTextProps } from './types';
+/**
+ * A reusable component for rendering text within a tooltip. The text can be interactive (clickable) or static.
+ *
+ * @param {Object} props - The props for the component.
+ * @param {string} props.text - The text to display inside the component. Defaults to `'-'` if not provided.
+ * @param {function} [props.onClickHandler] - Optional click handler function. If provided, the text will be rendered as a button.
+ * @param {string} [props.dataTestId] - Optional test ID for the component, useful for testing purposes.
+ * @param {string} [props.rootClassName] - Additional CSS class names to apply to the root element.
+ * @param {boolean} [props.interactive=false] - Whether the tooltip content is interactive.
+ * @param {number} [props.fontSize=13] - Font size for the text. Defaults to `13`.
+ * @param {React.ReactNode} [props.tippyContent=null] - Custom content for the tooltip. If not provided, `text` will be used.
+ * @returns {JSX.Element} The rendered `InteractiveCellText` component.
+ *
+ * @example
+ * // Example usage:
+ * <InteractiveCellText
+ *     text="Click me"
+ *     onClickHandler={() => alert('Clicked!')}
+ *     dataTestId="interactive-cell"
+ *     rootClassName="custom-class"
+ *     interactive={true}
+ *     fontSize={14}
+ *     tippyContent="Tooltip content"
+ * />
+ */
+export declare const InteractiveCellText: ({ text, onClickHandler, dataTestId, rootClassName, interactive, fontSize, tippyContent, }: InteractiveCellTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/InteractiveCellText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InteractiveCellText';
+export * from './types';

package/dist/Common/InteractiveCellText/types.d.ts

@@ -0,0 +1,10 @@
+import { TippyCustomizedProps } from '../Types';
+export interface InteractiveCellTextProps {
+    text: string;
+    onClickHandler?: () => void;
+    dataTestId?: string;
+    rootClassName?: string;
+    interactive?: boolean;
+    fontSize?: number;
+    tippyContent?: TippyCustomizedProps<false>['additionalContent'];
+}

package/dist/Common/Markdown/MarkDown.d.ts

@@ -1,3 +1,3 @@
 import { MarkDownProps } from './Types';
-declare const MarkDown: ({ setExpandableIcon, markdown, className, breaks, disableEscapedText, ...props }: MarkDownProps) => JSX.Element;
+declare const MarkDown: ({ setExpandableIcon, markdown: markdownProp, className, breaks, disableEscapedText, ...props }: MarkDownProps) => import("react/jsx-runtime").JSX.Element;
 export default MarkDown;

package/dist/Common/Modals/Modal.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 import { ModalType } from '../Types';
 /**
  * @deprecated Use VisibleModal instead
  */
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;
+export declare const Modal: ({ style, children, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => import("react/jsx-runtime").JSX.Element;

package/dist/Common/Modals/VisibleModal.d.ts

@@ -1,16 +1,15 @@
-import { default as React, SyntheticEvent } from 'react';
-export declare class VisibleModal extends React.Component<{
+import { Component, PropsWithChildren, SyntheticEvent } from 'react';
+import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
+export declare class VisibleModal extends Component<PropsWithChildren<{
     className?: string;
     parentClassName?: string;
     noBackground?: boolean;
-    close?: (e: any) => void;
-    onEscape?: (e: any) => void;
-}> {
-    modalRef: HTMLElement;
+    close?: (e?: any) => void;
+    onEscape?: (e?: any) => void;
+    initialFocus?: DTFocusTrapType['initialFocus'];
+}>> {
     constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
+    escFunction(): void;
     handleBodyClick: (e: SyntheticEvent) => void;
-    render(): React.ReactPortal;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -1,13 +1,11 @@
-import { default as React, SyntheticEvent } from 'react';
-export declare class VisibleModal2 extends React.Component<{
+import { Component, PropsWithChildren, SyntheticEvent } from 'react';
+import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
+export declare class VisibleModal2 extends Component<PropsWithChildren<{
     className?: string;
-    close?: (e: any) => void;
-}> {
-    modalRef: HTMLElement;
+    close?: (e?: any) => void;
+    initialFocus?: DTFocusTrapType['initialFocus'];
+}>> {
     constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
     handleBodyClick: (e: SyntheticEvent) => void;
-    render(): React.ReactPortal;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/Common/MultiSelectCustomization.d.ts

@@ -1,28 +1,30 @@
 import { default as React } from 'react';
-export declare const Option: (props: any) => JSX.Element;
-export declare const SingleSelectOption: (props: any) => JSX.Element;
+export declare const Option: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleSelectOption: (props: any) => import("react/jsx-runtime").JSX.Element;
 /**
  *  Multi value container
  */
-export declare const MultiValueContainer: (props: any) => JSX.Element;
+export declare const MultiValueContainer: (props: any) => import("react/jsx-runtime").JSX.Element;
 /**
  *
  * Multi value container with count
  */
-export declare const MultiValueContainerWithCount: (props: any) => JSX.Element;
-export declare const ClearIndicator: (props: any) => JSX.Element;
-export declare const MultiValueRemove: (props: any) => JSX.Element;
+export declare const MultiValueContainerWithCount: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ClearIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiValueRemove: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const MultiValueChipContainer: ({ validator, isAllSelected, ...props }: {
     [x: string]: any;
     validator: any;
     isAllSelected?: boolean;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const multiSelectStyles: {
     control: (base: any, state: any) => any;
     menu: (base: any, state: any) => any;
     option: (base: any, state: any) => any;
     container: (base: any, state: any) => any;
     valueContainer: (base: any, state: any) => any;
+    singleValue: (base: any) => any;
+    input: (base: any) => any;
 };
 export interface CustomSelect {
     sortSelected?: boolean;

package/dist/Common/Pagination/PageSizeSelector.d.ts

@@ -1,3 +1,3 @@
 import { PageSizeSelectorProps } from './types';
-declare const PageSizeSelector: ({ pageSizeOptions, pageSize, changePageSize }: PageSizeSelectorProps) => JSX.Element;
+declare const PageSizeSelector: ({ pageSizeOptions, pageSize, changePageSize }: PageSizeSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export default PageSizeSelector;

package/dist/Common/Pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import { PaginationProps } from './types';
-declare const Pagination: ({ size, pageSize, offset, changePage, changePageSize, isPageSizeFix, pageSizeOptions, rootClassName, }: PaginationProps) => JSX.Element;
+declare const Pagination: ({ size, pageSize, offset, changePage, changePageSize, isPageSizeFix, pageSizeOptions, rootClassName, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default Pagination;