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

package/dist/Shared/Components/CodeEditor/Extensions/readOnlyTooltip.d.ts

@@ -0,0 +1,6 @@
+import { Extension } from '@uiw/react-codemirror';
+/**
+ * The read-only tooltip extension for CodeMirror. \
+ * Displays a tooltip at the cursor position when the editor is read-only and key is pressed.
+ */
+export declare const readOnlyTooltip: Extension;

package/dist/Shared/Components/CodeEditor/Extensions/yamlHighlight.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from '@uiw/react-codemirror';
+export declare const yamlHighlight: Extension;

package/dist/Shared/Components/CodeEditor/Extensions/yamlParseLinter.d.ts

@@ -0,0 +1,3 @@
+import { Diagnostic } from '@codemirror/lint';
+import { EditorView } from '@uiw/react-codemirror';
+export declare const yamlParseLinter: () => (view: EditorView) => Diagnostic[];

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

@@ -0,0 +1,2 @@
+export { default as CodeEditor } from './CodeEditor';
+export type { CodeEditorHeaderProps, CodeEditorProps, CodeEditorStatusBarProps } from './types';

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

@@ -0,0 +1,116 @@
+import { Dispatch, FunctionComponent, JSX, Key, MutableRefObject, ReactNode, SetStateAction, SVGProps } from 'react';
+import { MergeView } from '@codemirror/merge';
+import { SearchQuery } from '@codemirror/search';
+import { EditorView, Extension, ReactCodeMirrorProps } from '@uiw/react-codemirror';
+import { JSONSchema7 } from 'json-schema';
+import { MODES } from '../../../Common/Constants';
+import { AppThemeType } from '../../Providers';
+import { Never } from '../../types';
+export interface CodeEditorStatusBarProps {
+    text: string;
+    className?: string;
+    children?: ReactNode;
+}
+export interface CodeEditorHeaderProps {
+    className?: string;
+    hideDefaultSplitHeader?: boolean;
+    children?: ReactNode;
+}
+type CodeEditorBaseProps = Partial<Pick<ReactCodeMirrorProps, 'onBlur' | 'onFocus' | 'autoFocus'>> & {
+    value?: ReactCodeMirrorProps['value'];
+    onChange?: (value: string) => void;
+    shebang?: string | JSX.Element;
+    validatorSchema?: JSONSchema7;
+    schemaURI?: string;
+};
+type CodeEditorDiffBaseProps = {
+    onOriginalValueChange?: (originalValue: string) => void;
+    onModifiedValueChange?: (modifiedValue: string) => void;
+    originalValue?: ReactCodeMirrorProps['value'];
+    modifiedValue?: ReactCodeMirrorProps['value'];
+    isOriginalModifiable?: boolean;
+    /**
+     * When true, renders a diff view in readOnly mode with collapsed unchanged diffs.
+     * This disables the minimap, code-editor search functionality, and language linting.
+     * @default false
+     */
+    collapseUnchangedDiffView?: boolean;
+};
+type CodeEditorPropsBasedOnDiffView<DiffView extends boolean> = DiffView extends true ? CodeEditorDiffBaseProps & Never<CodeEditorBaseProps> : CodeEditorBaseProps & Never<CodeEditorDiffBaseProps>;
+export type CodeEditorProps<DiffView extends boolean = false> = {
+    /**
+     * @default 450
+     */
+    height?: 'auto' | '100%' | 'fitToParent' | number;
+    children?: ReactNode;
+    mode?: MODES;
+    tabSize?: number;
+    readOnly?: boolean;
+    placeholder?: string;
+    noParsing?: boolean;
+    loading?: boolean;
+    customLoader?: JSX.Element;
+    cleanData?: boolean;
+    /**
+     * If true, disables the in-built search
+     * @default false
+     */
+    disableSearch?: boolean;
+    diffView?: DiffView;
+    theme?: AppThemeType;
+    onSearchPanelOpen?: () => void;
+    /**
+     * This method is triggered when user types something in the search/replace bar or applies a search or replace action.
+     */
+    onSearchBarAction?: () => void;
+} & CodeEditorPropsBasedOnDiffView<DiffView>;
+export interface GetCodeEditorHeightReturnType {
+    codeEditorParentClassName: string;
+    codeEditorClassName: string;
+    codeEditorHeight: string;
+}
+export type HoverTexts = {
+    message: string;
+    typeInfo: string;
+};
+export type FindReplaceQuery = Partial<Pick<SearchQuery, 'search' | 'wholeWord' | 'regexp' | 'replace' | 'caseSensitive'>>;
+export interface FindReplaceProps extends Pick<CodeEditorProps, 'onSearchBarAction'> {
+    view: EditorView;
+    /** Default value for Search Query state. */
+    defaultQuery: SearchQuery;
+    /** Default value for showReplaceField state. */
+    defaultShowReplace: boolean;
+}
+export interface CodeEditorContextProps extends Required<Pick<CodeEditorProps, 'readOnly' | 'theme'>> {
+    diffMode: CodeEditorProps<boolean>['diffView'];
+    value: CodeEditorProps['value'];
+    lhsValue: CodeEditorProps<true>['originalValue'];
+    hasCodeEditorContainer: boolean;
+    setDiffMode: Dispatch<SetStateAction<CodeEditorProps<boolean>['diffView']>>;
+}
+export interface FindReplaceToggleButtonProps {
+    isChecked: boolean;
+    Icon: FunctionComponent<SVGProps<SVGSVGElement>>;
+    onChange: (isChecked: boolean) => void;
+    iconType?: 'stroke' | 'fill';
+    tooltipText: string;
+}
+export type CodeEditorRendererProps = Required<Pick<CodeEditorProps, 'theme' | 'loading' | 'customLoader' | 'height' | 'readOnly' | 'shebang' | 'placeholder' | 'onBlur' | 'onFocus' | 'autoFocus'>> & {
+    codemirrorMergeKey: Key;
+    codeMirrorParentDivRef: MutableRefObject<HTMLDivElement>;
+    codeEditorTheme: Extension;
+    handleOnChange: ReactCodeMirrorProps['onChange'];
+    handleLhsOnChange: ReactCodeMirrorProps['onChange'];
+    originalViewExtensions: ReactCodeMirrorProps['extensions'];
+    modifiedViewExtensions: ReactCodeMirrorProps['extensions'];
+    extensions: ReactCodeMirrorProps['extensions'];
+    diffMinimapExtensions: ReactCodeMirrorProps['extensions'];
+    collapseUnchanged?: boolean;
+    disableMinimap?: boolean;
+};
+export interface DiffMinimapProps extends Pick<CodeEditorRendererProps, 'theme'> {
+    view: MergeView;
+    diffMinimapParentRef: MutableRefObject<HTMLDivElement>;
+    scalingFactor: number;
+}
+export {};

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

@@ -0,0 +1,18 @@
+import { MergeView } from '@codemirror/merge';
+import { SearchQuery } from '@codemirror/search';
+import { EditorView, Extension, Transaction } from '@uiw/react-codemirror';
+import { CodeEditorProps, FindReplaceToggleButtonProps, GetCodeEditorHeightReturnType } from './types';
+export declare const parseValueToCode: (value: string, mode: string, tabSize: number) => string;
+export declare const getCodeEditorHeight: (height: CodeEditorProps["height"]) => GetCodeEditorHeightReturnType;
+export declare const getFindReplaceToggleButtonIconClass: ({ iconType, isChecked, }: Pick<FindReplaceToggleButtonProps, "iconType" | "isChecked">) => "scb-5" | "scn-7" | "fcb-5" | "fcn-7";
+export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view: EditorView) => {
+    count: number;
+    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 getFoldGutterElement: (open: boolean) => HTMLSpanElement;
+export declare const getReadOnlyElement: () => HTMLDivElement;
+export declare const getRevertControlButton: () => HTMLButtonElement;
+export declare const getLanguageExtension: (mode: CodeEditorProps["mode"], disableLint?: boolean) => Extension;
+export declare const getValidationSchema: ({ mode, validatorSchema, schemaURI, }: Pick<CodeEditorProps, "schemaURI" | "validatorSchema" | "mode">) => Extension[];

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

@@ -1,2 +1,6 @@
 import { CollapseProps } from './types';
-export declare const Collapse: ({ expand, children }: CollapseProps) => JSX.Element;
+/**
+ * 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) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,6 +1,29 @@
 import { default as React } from 'react';
 import { TippyProps } from '@tippyjs/react';
-export interface CollapsibleListItem {
+interface ButtonTab {
+    /**
+     * Is tab active ( for button tab )
+     */
+    isActive: boolean;
+    /**
+     * The callback function to handle click events on the button.
+     */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    href?: never;
+}
+interface NavLinkTab {
+    /**
+     * The URL of the nav link.
+     */
+    href: string;
+    /**
+     * The callback function to handle click events on the nav link.
+     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+}
+export type TabOptions = 'button' | 'navLink';
+type ConditionalTabType<TabType extends TabOptions> = TabType extends 'button' ? ButtonTab : NavLinkTab;
+export type CollapsibleListItem<TabType extends TabOptions = 'navLink'> = ConditionalTabType<TabType> & {
     /**
      * The title of the list item.
      */
@@ -9,6 +32,15 @@ export interface CollapsibleListItem {
      * The subtitle of the list item.
      */
     subtitle?: string;
+    /**
+     * If true, the title will be rendered with line-through.
+     */
+    strikeThrough?: boolean;
+    /**
+     * To be used as key for the list item.
+     * If not given title will be used as key.
+     */
+    id?: string | number;
     /**
      * Configuration for the icon.
      */
@@ -27,15 +59,13 @@ export interface CollapsibleListItem {
         tooltipProps?: TippyProps;
     };
     /**
-     * The URL of the nav link.
-     */
-    href?: string;
-    /**
-     * The callback function to handle click events on the nav link.
+     * If `true`, clears query parameters during navigation.
+     *
+     * @default false
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
-}
-export interface CollapsibleListConfig {
+    clearQueryParamsOnNavigation?: boolean;
+};
+export interface CollapsibleListConfig<TabType extends TabOptions = 'navLink'> {
     /**
      * The unique identifier for the collapsible list.
      */
@@ -73,17 +103,21 @@ export interface CollapsibleListConfig {
     /**
      * An array of items to be displayed in the collapsible list.
      */
-    items: CollapsibleListItem[];
+    items: CollapsibleListItem<TabType>[];
     /**
      * Boolean indicating whether the list is expanded or not.
      */
     isExpanded?: boolean;
 }
-export interface CollapsibleListProps {
+export interface CollapsibleListProps<TabType extends TabOptions = 'navLink'> {
     /**
      * An array of collapsible list configurations.
      */
-    config: CollapsibleListConfig[];
+    config: CollapsibleListConfig<TabType>[];
+    /**
+     * Type of tab list: button or navLink
+     */
+    tabType: TabType;
     /**
      * Function to handle the collapse button click event.
      *
@@ -93,3 +127,4 @@ export interface CollapsibleListProps {
      */
     onCollapseBtnClick?: (id: string, e: React.MouseEvent<HTMLButtonElement>) => void;
 }
+export {};

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/ConfirmationModal/CannotDeleteModal.d.ts

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

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

@@ -0,0 +1,4 @@
+import { ConfirmationModalProps } from './types';
+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

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

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { DeleteConfirmationModalProps } from './types';
+export declare const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps>;

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

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

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

@@ -0,0 +1,7 @@
+export { CannotDeleteModal } from './CannotDeleteModal';
+export { BaseConfirmationModal, default as ConfirmationModal } from './ConfirmationModal';
+export { ConfirmationModalProvider } from './ConfirmationModalContext';
+export { DeleteConfirmationModal } from './DeleteConfirmationModal';
+export { ForceDeleteConfirmationModal } from './ForceDeleteConfirmationModal';
+export { type ConfirmationModalProps, ConfirmationModalVariantType, type DeleteConfirmationModalProps } from './types';
+export { getConfirmationLabel } from './utils';

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

@@ -0,0 +1,143 @@
+import { Dispatch, MutableRefObject, PropsWithChildren, ReactElement, ReactNode, SetStateAction, SyntheticEvent } from 'react';
+import { ButtonProps } from '../Button';
+export declare enum ConfirmationModalVariantType {
+    info = "info",
+    delete = "delete",
+    warning = "warning",
+    custom = "custom"
+}
+type CommonButtonProps<isConfig extends boolean, isCustomVariant extends boolean> = Pick<ButtonProps, 'text'> & Partial<Pick<ButtonProps, 'startIcon' | 'endIcon' | 'disabled'>> & (isConfig extends false ? {
+    onClick: (...args: Partial<Parameters<ButtonProps['onClick']>>) => void;
+} : {}) & (isCustomVariant extends true ? Pick<ButtonProps, 'style'> : {});
+interface ConfirmationConfigType {
+    identifier: string;
+    confirmationKeyword: string;
+}
+type ButtonConfig<isConfig extends boolean, isCustomVariant extends boolean> = {
+    primaryButtonConfig: Pick<ButtonProps, 'isLoading'> & CommonButtonProps<isConfig, isCustomVariant>;
+    secondaryButtonConfig: CommonButtonProps<isConfig, isCustomVariant>;
+} | {
+    primaryButtonConfig: Pick<ButtonProps, 'isLoading'> & CommonButtonProps<isConfig, isCustomVariant>;
+    secondaryButtonConfig?: never;
+} | {
+    primaryButtonConfig?: never;
+    secondaryButtonConfig?: CommonButtonProps<isConfig, isCustomVariant>;
+};
+type ButtonConfigAndVariantType<isConfig extends boolean> = {
+    variant: Exclude<ConfirmationModalVariantType, ConfirmationModalVariantType.custom>;
+    Icon?: never;
+    buttonConfig: ButtonConfig<isConfig, false>;
+} | {
+    variant: ConfirmationModalVariantType.custom;
+    Icon?: ReactElement;
+    buttonConfig: ButtonConfig<isConfig, true>;
+};
+/**
+ * Props for the ConfirmationModal component.
+ * Supports optional configuration mode with conditional properties.
+ *
+ * @template isConfig - Boolean flag to determine if configuration mode is enabled.
+ *                      When `false`, `handleClose` is required.
+ */
+export type ConfirmationModalProps<isConfig extends boolean = false> = PropsWithChildren<{
+    /**
+     * Title of the confirmation modal.
+     */
+    title: string;
+    /**
+     * Optional subtitle or additional description.
+     * Accepts ReactNode to support text or custom elements.
+     */
+    subtitle?: ReactNode;
+    /**
+     * Determines if the modal should close when the Escape key is pressed.
+     * @default true
+     */
+    shouldCloseOnEscape?: boolean;
+    /**
+     * Configuration object for confirmation behavior.
+     */
+    confirmationConfig?: ConfirmationConfigType;
+    /**
+     * @default false
+     * @deprecated Used to extend the width to 500px and remove gap between title and subTitle.
+     */
+    isLandscapeView?: boolean;
+}> & ButtonConfigAndVariantType<isConfig> & (isConfig extends false ? {
+    /**
+     * Function to handle modal close action.
+     * Accepts an optional SyntheticEvent.
+     */
+    handleClose: (e?: SyntheticEvent) => void;
+} : {});
+export type ConfirmationModalBodyProps = ConfirmationModalProps;
+/**
+ * Props for the DeleteComponentModal component.
+ * This interface extends a subset of `ConfirmationModalProps` to configure
+ * the confirmation modal behavior and allows additional customization options.
+ */
+export interface DeleteConfirmationModalProps extends Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle' | 'children' | 'confirmationConfig'>> {
+    /**
+     * Function to close the confirmation modal.
+     */
+    closeConfirmationModal: () => void;
+    /**
+     * Function to handle the delete action.
+     */
+    onDelete: () => void;
+    /**
+     * Custom text for the primary action button. Default is "Delete".
+     */
+    primaryButtonText?: string;
+    /**
+     * Name of the component being deleted.
+     */
+    component?: string;
+    /**
+     * Custom success message displayed upon successful deletion.
+     */
+    successToastMessage?: string;
+    /**
+     * Boolean indicating if the delete action is in progress.
+     */
+    isDeleting?: boolean;
+    /**
+     * Custom ReactNode to render a subtitle when the component cannot be deleted.
+     */
+    renderCannotDeleteConfirmationSubTitle?: ReactNode;
+    /**
+     * Error code that triggers the "Cannot Delete" dialog.
+     */
+    errorCodeToShowCannotDeleteDialog?: number;
+    /**
+     *
+     * Function to handle error
+     */
+    onError?: (error: any) => void;
+    /**
+     * Boolean to disable the delete action.
+     */
+    disabled?: boolean;
+}
+/**
+ * Props for the CannotDeleteModal component.
+ * This interface extends selected properties from `DeleteConfirmationModalProps`
+ * and `ConfirmationModalProps` to configure the "Cannot Delete" modal.
+ */
+export interface CannotDeleteModalProps extends Partial<Pick<DeleteConfirmationModalProps, 'component' | 'closeConfirmationModal'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
+}
+/**
+ * Props for the ForceDeleteConfirmation component.
+ * This interface extends selected properties from `DeleteConfirmationModalProps`
+ * and `ConfirmationModalProps` to configure the force delete confirmation modal.
+ */
+export interface ForceDeleteConfirmationProps extends Partial<Pick<DeleteConfirmationModalProps, 'onDelete' | 'closeConfirmationModal' | 'isDeleting'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
+}
+export interface ConfirmationModalContextType {
+    settersRef: MutableRefObject<{
+        setProps: Dispatch<SetStateAction<ConfirmationModalProps>>;
+    }>;
+    modalKey: string;
+    setModalKey: Dispatch<SetStateAction<ConfirmationModalContextType['modalKey']>>;
+}
+export {};

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

@@ -0,0 +1,6 @@
+import { ReactElement, ReactNode } from 'react';
+import { ButtonStyleType } from '../Button';
+import { ConfirmationModalVariantType } from './types';
+export declare const getIconFromVariant: (variant: ConfirmationModalVariantType) => ReactElement;
+export declare const getConfirmationLabel: (confirmationKeyword: string) => ReactNode;
+export declare const getPrimaryButtonStyleFromVariant: (variant: ConfirmationModalVariantType) => ButtonStyleType;

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

@@ -0,0 +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) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { ContextSwitcher } from './ContextSwitcher';
+export type { ContextSwitcherTypes, RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types';
+export { getMinCharSearchPlaceholderGroup } from './utils';

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

@@ -0,0 +1,15 @@
+import { GroupBase } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+export interface ContextSwitcherTypes extends Pick<SelectPickerProps, 'placeholder' | 'onChange' | 'value' | 'isLoading' | 'onInputChange' | 'inputValue' | 'inputId' | 'formatOptionLabel' | 'filterOption' | 'optionListError' | 'reloadOptionList' | 'classNamePrefix'> {
+    options: GroupBase<SelectPickerOptionType<string | number>>[];
+    isAppDataAvailable?: boolean;
+    resource: 'Cluster' | 'Release' | 'Tenant' | 'Application' | 'Job' | 'Application Group' | 'Chart Store';
+}
+export interface RecentlyVisitedOptions extends SelectPickerOptionType<number> {
+    isDisabled?: boolean;
+    isRecentlyVisited?: boolean;
+}
+export interface RecentlyVisitedGroupedOptionsType extends GroupBase<SelectPickerOptionType<number>> {
+    label: string;
+    options: RecentlyVisitedOptions[];
+}

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

@@ -0,0 +1,5 @@
+import { SelectPickerProps } from '../SelectPicker';
+import { RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types';
+export declare const getDisabledOptions: (option: RecentlyVisitedOptions) => SelectPickerProps["isDisabled"];
+export declare const customSelectFilterOption: SelectPickerProps['filterOption'];
+export declare const getMinCharSearchPlaceholderGroup: (resourceKind: string) => RecentlyVisitedGroupedOptionsType;

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

@@ -0,0 +1,3 @@
+import { CountrySelectProps } from './types';
+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/CountrySelect/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import { CountryISO2Type } from '../../types';
+import { SelectPickerProps } from '../SelectPicker';
+export interface CountrySelectProps extends Pick<SelectPickerProps, 'required' | 'label' | 'error' | 'placeholder' | 'size' | 'onMenuOpen' | 'onMenuClose'>, Required<Pick<SelectPickerProps, 'name'>> {
+    selectedCountry: CountryISO2Type;
+    handleChange: (iso2: CountryISO2Type) => void;
+    variant?: 'default' | 'selectPhoneCode';
+}

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

@@ -0,0 +1,4 @@
+import { ParsedCountry } from 'react-international-phone';
+import { SelectPickerOptionType } from '../SelectPicker';
+import { CountrySelectProps } from './types';
+export declare const getCountryOptions: (variant: CountrySelectProps["variant"]) => SelectPickerOptionType<ParsedCountry>[];

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

@@ -0,0 +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) => import("react/jsx-runtime").JSX.Element;
+export default CustomInput;

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

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

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../Button';
+import { CustomInputProps } from './types';
+export declare const CUSTOM_INPUT_TO_ICON_BUTTON_SIZE_MAP: Record<CustomInputProps['size'], ButtonProps['size']>;

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

@@ -0,0 +1,3 @@
+export { default as CustomInput } from './CustomInput';
+export { default as PasswordField } from './PasswordField';
+export type { CustomInputProps, PasswordFieldProps } from './types';

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

@@ -0,0 +1,40 @@
+import { InputHTMLAttributes, MutableRefObject } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { ButtonComponentType, ButtonProps } from '../Button';
+import { FormFieldWrapperProps } from '../FormFieldWrapper';
+export interface CustomInputProps extends Omit<FormFieldWrapperProps, 'children' | 'inputId'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'onBlur' | 'disabled' | 'autoFocus' | 'onFocus' | 'onKeyDown'>, Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'onChange' | 'value' | 'name'>> {
+    /**
+     * If false, the input is not trimmed on blur
+     *
+     * @default true
+     */
+    shouldTrim?: boolean;
+    /**
+     * Size of the input
+     *
+     * @default ComponentSizeType.large
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
+    /**
+     * Type for the input
+     *
+     * Note: For password field, use PasswordField component
+     *
+     * @default 'text'
+     */
+    type?: Exclude<InputHTMLAttributes<HTMLInputElement>['type'], 'password'>;
+    /**
+     * End icon button configuration
+     */
+    endIconButtonConfig?: Required<Pick<ButtonProps<ButtonComponentType.button>, 'icon' | 'onClick' | 'ariaLabel'>> & Pick<ButtonProps<ButtonComponentType.button>, 'disabled' | 'showAriaLabelInTippy' | 'style'>;
+    /**
+     * Ref for the input element
+     */
+    inputRef?: MutableRefObject<HTMLInputElement>;
+}
+export interface PasswordFieldProps extends Omit<CustomInputProps, 'endIconButtonConfig' | 'type'> {
+    /**
+     * If true, the value is cleared & default placeholder is shown on blur
+     */
+    shouldShowDefaultPlaceholderOnBlur: boolean;
+}

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { Props as FocusTrapProps } from 'focus-trap-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 extends Pick<FocusTrapProps['focusTrapOptions'], 'returnFocusOnDeactivate'> {
+    /**
+     * 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/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;