@devtron-labs/devtron-fe-common-lib 1.21.0-beta-3 → 1.21.0-beta-5

package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts

@@ -21,8 +21,8 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         className?: string;
         defaultValue?: string | number | readonly string[];
         id?: string;
-        role?: import('react').AriaRole;
         color?: string;
+        role?: import('react').AriaRole;
         about?: string;
         is?: string;
         security?: string;
@@ -64,7 +64,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         itemRef?: string;
         results?: number;
         unselectable?: "on" | "off";
-        inputMode?: "search" | "text" | "none" | "url" | "decimal" | "tel" | "email" | "numeric";
+        inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal";
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
         "aria-autocomplete"?: "none" | "list" | "inline" | "both";

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

@@ -1,3 +1,3 @@
 import { BackdropProps } from './types';
-declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount, deactivateFocusOnEscape, initialFocus, returnFocusOnDeactivate, }: BackdropProps) => import('react').ReactPortal;
+declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount, deactivateFocusOnEscape, initialFocus, }: BackdropProps) => import('react').ReactPortal;
 export default Backdrop;

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

@@ -1,6 +1,6 @@
 import { MouseEvent, ReactNode } from 'react';
 import { DTFocusTrapType } from '../DTFocusTrap';
-export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape' | 'returnFocusOnDeactivate'> {
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape'> {
     /**
      * The content to be rendered within the backdrop component.
      */

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

@@ -1,8 +1,7 @@
-import { IconBaseColorType, IconBaseSizeType } from '../../types';
+import { IconBaseColorType } from '../../types';
 import { BadgeProps } from './types';
 export declare const getClassNameAccToVariant: (variant: BadgeProps["variant"]) => {
     styles: string;
     iconColor: IconBaseColorType;
 };
 export declare const getClassNameAccToSize: (size: BadgeProps["size"]) => "fs-11 lh-16 px-4 py-1" | "fs-12 lh-16 px-6 py-2" | "fs-13 lh-20 px-6 py-2";
-export declare const COMPONENT_SIZE_TO_ICON_SIZE_MAP: Record<BadgeProps['size'], IconBaseSizeType>;

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

@@ -100,7 +100,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -135,7 +135,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -164,7 +164,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -193,7 +193,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -228,7 +228,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -263,7 +263,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -292,7 +292,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -321,7 +321,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -356,7 +356,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -391,7 +391,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -420,7 +420,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -449,5 +449,5 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "disabled" | "size" | "tooltipProps" | "dataTestId" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Button;

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

@@ -4,5 +4,5 @@ export declare const useFocusTrapControl: () => {
     disableFocusTrap: typeof noop;
     resumeFocusTrap: typeof noop;
 };
-declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, }: DTFocusTrapType) => JSX.Element;
+declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, }: DTFocusTrapType) => JSX.Element;
 export default DTFocusTrap;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { Props as FocusTrapProps } from 'focus-trap-react';
 type FocusTargetValue = HTMLElement | SVGElement | string;
 type FocusTargetValueOrFalse = FocusTargetValue | false;
 /**
@@ -8,7 +7,7 @@ type FocusTargetValueOrFalse = FocusTargetValue | false;
  * 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'> {
+export interface DTFocusTrapType {
     /**
      * Callback function that gets triggered when the Escape key is pressed. \
      * Should be wrapped in useCallback to prevent unnecessary re-renders.

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

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

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

@@ -0,0 +1,2 @@
+import { DatePickerRangeControllerProps } from './types';
+export declare const DatePickerRangeController: ({ handlePredefinedRange, handleApply, calendar, calendarInputs, handleDateInput, handleDatesChange, calendarValue, focusedInput, handleFocusChange, }: DatePickerRangeControllerProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+import { SingleDatePickerProps } from './types';
+/**
+ *
+ * @param date  Date value to be displayed
+ * @param handleDatesChange Function to handle date change
+ * @param readOnly Value to make date picker read only
+ * @param isTodayBlocked Value to block today's date
+ * @returns
+ */
+declare const SingleDatePickerComponent: ({ date, handleDatesChange, readOnly, isTodayBlocked, displayFormat, dataTestId, }: SingleDatePickerProps) => JSX.Element;
+export default SingleDatePickerComponent;

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

@@ -1,4 +1,63 @@
-import { CustomComponents } from 'react-day-picker';
+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;
+};
 export declare const MONTHLY_DATES_CONFIG: {
     'Day 1': string;
     'Day 2': string;
@@ -94,4 +153,55 @@ export declare const DATE_PICKER_IDS: {
     MONTH: string;
     TIME: string;
 };
-export declare const DATE_PICKER_CUSTOM_COMPONENTS: Partial<CustomComponents>;
+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;

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

@@ -1,6 +1,8 @@
 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,3 +1,4 @@
+import { SingleDatePickerShape } from 'react-dates';
 import { SelectInstance } from 'react-select';
 import { Moment } from 'moment';
 import { SelectPickerOptionType } from '../SelectPicker';
@@ -80,13 +81,11 @@ export interface TimeSelectProps {
      */
     selectedTimeOption: DateSelectPickerType;
 }
-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'> & {
+export interface DateTimePickerProps extends Pick<TimeSelectProps, 'date' | 'timePickerProps' | 'error' | 'disabled' | 'dataTestIdForTime'>, Pick<SingleDatePickerShape, 'openDirection'> {
+    /**
+     * Props for the date picker
+     */
+    datePickerProps?: any;
     /**
      * Id for the component
      */
@@ -99,6 +98,10 @@ export type DateTimePickerProps = Pick<TimeSelectProps, 'timePickerProps' | 'err
      * If true, the field is required and asterisk is shown
      */
     required?: boolean;
+    /**
+     * To hide time selector
+     */
+    hideTimeSelect?: boolean;
     /**
      * To make the field read only
      */
@@ -107,32 +110,24 @@ export type DateTimePickerProps = Pick<TimeSelectProps, 'timePickerProps' | 'err
      * 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;
     /**
-     * To hide time selector
+     * Data test id for date picker
      */
-    hideTimeSelect?: boolean;
-    dateRange?: never;
-    rangeShortcutOptions?: never;
-});
-export {};
+    dataTestidForDate?: string;
+    /**
+     * Function to handle date change
+     */
+    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;
+}

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<string>[];
+export declare const DEFAULT_TIME_OPTIONS: SelectPickerOptionType[];
 /**
  * Get the time value from the date object in the format: `hh:mm:ss`
  */

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

@@ -93,9 +93,6 @@ export declare const DOCUMENTATION: {
     readonly SOFTWARE_DISTRIBUTION_HUB: "usage/software-distribution-hub";
     readonly RELEASE_TRACKS: "usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions";
     readonly RELEASES: "usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions";
-    readonly RELEASE_HUB: "usage/software-distribution-hub/release-hub";
     readonly TENANTS: "usage/software-distribution-hub/tenants#adding-installation";
     readonly TENANTS_INSTALLATION: "usage/software-distribution-hub/tenants";
-    readonly AUTOSCALER_DETECTION: "user-guide/infra-management/infrastructure-overview#troubleshooting-autoscaler-detection";
-    readonly COST_CALCULATION: "user-guide/finops/overview-cost-visibility#how-is-the-cost-calculated";
 };

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

@@ -31,7 +31,7 @@ type FeatureDescriptionModalWithTabsConfig = {
     imageStyles?: never;
 };
 export type FeatureDescriptionModalProps = {
-    title: React.ReactNode;
+    title: string;
     closeModalText?: string;
     closeModal?: () => void;
 } & ((BaseFeatureDescriptionModalProps & {

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

@@ -1,2 +1,2 @@
-import { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
-export { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue };
+import { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
+export { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue };

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

@@ -1,4 +1,3 @@
-import { ButtonComponentType } from '../Button';
 import { GenericSectionErrorStateProps } from './types';
-declare const GenericSectionErrorState: <T extends ButtonComponentType = ButtonComponentType.button>({ reload, buttonProps, customIcon, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps<T>) => JSX.Element;
+declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps) => JSX.Element;
 export default GenericSectionErrorState;

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

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
-import { ButtonComponentType, ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
-export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType = ButtonComponentType.button> = {
+export type GenericSectionErrorStateProps = {
+    /**
+     * Handler for reloading the section
+     */
+    reload?: () => void;
     /**
      * If true, border is added to the section
      *
@@ -34,7 +37,6 @@ export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType
      */
     progressingProps: Omit<IconsProps, 'name'>;
     useInfoIcon?: false;
-    customIcon?: never;
 } | {
     progressingProps?: never;
     /**
@@ -43,25 +45,7 @@ export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType
      * @default false
      */
     useInfoIcon: true;
-    customIcon?: never;
-} | {
-    progressingProps?: never;
-    useInfoIcon?: never;
-    customIcon?: never;
 } | {
-    customIcon: JSX.Element;
     progressingProps?: never;
     useInfoIcon?: never;
-}) & ({
-    /**
-     * Handler for reloading the section
-     */
-    reload: () => void;
-    buttonProps?: never;
-} | {
-    reload?: never;
-    buttonProps: ButtonProps<ButtonType>;
-} | {
-    reload?: never;
-    buttonProps?: never;
 });

package/dist/Shared/Components/Header/HeaderWithCreateButton/HeaderWithCreateButon.d.ts

@@ -1,3 +1,3 @@
 import { HeaderWithCreateButtonProps } from './types';
-export declare const HeaderWithCreateButton: ({ viewType }: HeaderWithCreateButtonProps) => JSX.Element;
+export declare const HeaderWithCreateButton: ({ headerName, additionalHeaderInfo }: HeaderWithCreateButtonProps) => JSX.Element;
 export default HeaderWithCreateButton;

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

@@ -1,6 +1,8 @@
 import { ActionMenuProps } from '../../ActionMenu';
+import { PageHeaderType } from '../types';
 export interface HeaderWithCreateButtonProps {
-    viewType?: 'jobs' | 'apps' | 'infra-apps';
+    headerName: string;
+    additionalHeaderInfo: PageHeaderType['additionalHeaderInfo'];
 }
 export declare enum CreateActionMenuItems {
     CUSTOM_APP = "create-custom-app",

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

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, headerImage, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, onClose, tippyProps, closeIcon, }: 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

@@ -17,10 +17,8 @@ export interface PageHeaderType {
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
-        tippyHeader?: string;
     };
     onClose?: () => void;
-    closeIcon?: JSX.Element;
 }
 export interface ServerInfo {
     currentVersion: string;