@devtron-labs/devtron-fe-common-lib 1.21.0-pre-0 → 1.21.0-pre-2

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/ApplicationManagementIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getApplicationManagementBreadcrumb: () => {
+    'application-management': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/Automation&Enablement/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/constants.d.ts

@@ -0,0 +1,4 @@
+import { IconName } from '../../../Shared/Components';
+import { ClusterProviderType } from './types';
+export declare const CLUSTER_PROVIDER_TO_ICON_NAME: Record<ClusterProviderType, IconName | null>;
+export declare const CLUSTER_PROVIDER_TO_LABEL: Record<ClusterProviderType, string>;

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { RJSFFormSchema } from '../../../Common/RJSF';
+import { ClusterDetailListType } from '../../../Common/Types';
+export declare enum CostBreakdownViewType {
+    CLUSTERS = "clusters",
+    ENVIRONMENTS = "environments",
+    PROJECTS = "projects",
+    APPLICATIONS = "applications"
+}
+export declare enum CostBreakdownItemViewParamsType {
+    ITEM_NAME = "itemName",
+    VIEW = "view",
+    DETAIL = "detail"
+}
+type RenderClusterFormParamsType = {
+    clusterDetails: ClusterDetailListType;
+    handleClose: () => void;
+    handleSuccess: () => void;
+};
+export interface CostVisibilityRenderContextType {
+    renderClusterForm: (params: RenderClusterFormParamsType) => JSX.Element;
+}
+export interface CostVisibilityRenderProviderProps extends CostVisibilityRenderContextType {
+    children: ReactNode;
+}
+export type ClusterProviderType = 'AWS' | 'GCP' | 'Azure' | 'Alibaba' | 'Scaleway' | 'Oracle' | 'OTC' | 'DigitalOcean' | 'Unknown';
+export interface ClusterProviderDetailsType {
+    clusterProvider: ClusterProviderType;
+    costModuleSchema: RJSFFormSchema;
+}
+export {};

package/dist/Pages-Devtron-2.0/CostVisibility/index.d.ts

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

package/dist/Pages-Devtron-2.0/DataProtectionManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/DataProtectionManagement/types.d.ts

@@ -0,0 +1,8 @@
+export declare enum BackupLocationsTypes {
+    VOLUME_SNAPSHOT = "volume-snapshot",
+    STORAGE = "storage"
+}
+export declare enum BackupAndScheduleListViewEnum {
+    Backups = "backups",
+    Schedules = "schedules"
+}

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalConfiguration/index.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalOverview/GlobalOverview.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalOverview/index.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/InfrastructureManagementIcon.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InfrastructureManagementIcon';
+export { getInfrastructureManagementBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getInfrastructureManagementBreadcrumb: () => {
+    'infrastructure-management': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/utils.d.ts

@@ -0,0 +1,11 @@
+export declare const getAutomationEnablementBreadcrumbConfig: () => {
+    'automation-and-enablement': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+    job: any;
+    list: {
+        component: JSX.Element;
+    };
+    'jobId(\\d+)': any;
+};

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/SecurityCenterIcon.d.ts

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

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/index.d.ts

@@ -0,0 +1 @@
+export { getSecurityCenterBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getSecurityCenterBreadcrumb: () => {
+    'security-center': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts

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

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ApplicationManagement';
+export * from './CostVisibility';
+export * from './DataProtectionManagement';
+export * from './InfrastructureManagement';
+export * from './SecurityCenter';

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

@@ -37,6 +37,9 @@ export type ActionMenuItemType<T extends string | number = string | number> = Om
     startIcon?: ActionMenuItemIconType;
     /** Defines the item to be displayed at the end of the menu item. */
     trailingItem?: TrailingItemType;
+    /** Prevents the menu from closing when the item is clicked. */
+    doNotCloseMenuOnClick?: boolean;
+    dataAttributesId?: number;
 } & ConditionalActionMenuComponentType;
 export type ActionMenuOptionType<T extends string | number> = {
     /**

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;
-        color?: string;
         role?: import('react').AriaRole;
+        color?: string;
         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" | "tel" | "email" | "numeric" | "decimal";
+        inputMode?: "search" | "text" | "none" | "url" | "decimal" | "tel" | "email" | "numeric";
         "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, }: BackdropProps) => import('react').ReactPortal;
+declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount, deactivateFocusOnEscape, initialFocus, returnFocusOnDeactivate, }: 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'> {
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape' | 'returnFocusOnDeactivate'> {
     /**
      * The content to be rendered within the backdrop component.
      */

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

@@ -1,7 +1,8 @@
-import { IconBaseColorType } from '../../types';
+import { IconBaseColorType, IconBaseSizeType } 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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "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<{
     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" | "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>>;
+}, "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>>;
 export default Button;

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

@@ -0,0 +1,3 @@
+import { CardProps } from './types';
+declare const Card: ({ onClick, children, isLoading, shimmerVariant, variant, flexGap, flexDirection, padding, }: CardProps) => JSX.Element;
+export default Card;

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

@@ -0,0 +1,4 @@
+import { CardProps } from './types';
+export declare const DEFAULT_BORDER_RADIUS = 8;
+export declare const DEFAULT_FLEX_GAP = 0;
+export declare const VARIANT_TO_BORDER_CLASS_MAP: Record<CardProps['variant'], string>;

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

@@ -0,0 +1,2 @@
+export { default as Card } from './Card.component';
+export type { CardProps } from './types';

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { ComponentLayoutType } from '../../types';
+export type CardProps = {
+    children: ReactNode;
+    onClick?: () => void;
+    /**
+     * @default primary--outlined
+     */
+    variant?: 'primary--outlined' | 'secondary--outlined';
+    /**
+     * @default 'column'
+     */
+    flexDirection?: ComponentLayoutType;
+    /**
+     * @default 0px
+     */
+    flexGap?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32;
+    padding?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32;
+} & ({
+    isLoading: boolean;
+    shimmerVariant: 'A' | 'B' | 'C';
+} | {
+    isLoading?: never;
+    shimmerVariant?: never;
+});

package/dist/Shared/Components/Charts/Chart.component.d.ts

@@ -0,0 +1,121 @@
+import { ChartProps } from './types';
+/**
+ * A versatile Chart component that renders different types of charts using Chart.js.
+ * Supports area charts, pie charts, semi-pie charts, stacked bar charts (vertical/horizontal), and line charts.
+ *
+ * The component automatically adapts to theme changes and provides consistent styling
+ * across all chart types. Colors are provided by the user through the CHART_COLORS constant
+ * or custom color tokens.
+ *
+ * @example
+ * ```tsx
+ * [Area Chart Example]
+ * <Chart
+ *   id="quarterly-growth"
+ *   type="area"
+ *   xAxisLabels={['Q1 2023', 'Q2 2023', 'Q3 2023', 'Q4 2023']}
+ *   datasets={[{
+ *     datasetName: 'Revenue Growth (%)',
+ *     yAxisValues: [15.2, 18.7, 22.3, 19.8],
+ *     backgroundColor: 'LavenderPurple300'
+ *   }]}
+ * />
+ *
+ * [Pie Chart Example]
+ * <Chart
+ *   id="technology-adoption"
+ *   type="pie"
+ *   xAxisLabels={['React', 'Vue.js', 'Angular']}
+ *   datasets={{
+ *     datasetName: 'Adoption Rate (%)',
+ *     yAxisValues: [45.2, 28.7, 35.4],
+ *     colors: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
+ *   }}
+ * />
+ *
+ * [Semi-Pie Chart Example with Center Text]
+ * <Chart
+ *   id="performance-metrics"
+ *   type="semiPie"
+ *   xAxisLabels={['Good', 'Average', 'Poor']}
+ *   datasets={{
+ *     datasetName: 'Performance Score (%)',
+ *     yAxisValues: [65, 25, 10],
+ *     colors: ['LimeGreen500', 'GoldenYellow400', 'CoralRed400']
+ *   }}
+ *   centerText={{
+ *     text: '85%',
+ *     fontSize: 24,
+ *     fontWeight: '600'
+ *   }}
+ * />
+ *
+ * [Line Chart Example (non-stacked, non-filled)]
+ * <Chart
+ *   id="traffic-trends"
+ *   type="line"
+ *   xAxisLabels={['Jan', 'Feb', 'Mar', 'Apr']}
+ *   datasets={[{
+ *     datasetName: 'Website Traffic',
+ *     yAxisValues: [120, 190, 300, 500],
+ *     borderColor: 'SkyBlue500'
+ *   }]}
+ * />
+ *
+ * [Stacked Bar Chart Example]
+ * <Chart
+ *   id="team-allocation"
+ *   type="stackedBar"
+ *   xAxisLabels={['Q1', 'Q2', 'Q3', 'Q4']}
+ *   datasets={[
+ *     {
+ *       datasetName: 'Frontend',
+ *       yAxisValues: [120, 150, 180, 200],
+ *       backgroundColor: 'SkyBlue600'
+ *     },
+ *     {
+ *       datasetName: 'Backend',
+ *       yAxisValues: [80, 100, 120, 140],
+ *       backgroundColor: 'AquaTeal600'
+ *     }
+ *   ]}
+ * />
+ * ```
+ *
+ * @param id - Unique identifier for the chart canvas element
+ * @param type - Chart type: 'area', 'pie', 'semiPie', 'stackedBar', 'stackedBarHorizontal', or 'line'
+ * @param xAxisLabels - Array of labels for the x-axis (or categories for pie/semi-pie charts)
+ * @param datasets - Chart data: array of datasets for most charts, single dataset object for pie/semi-pie charts
+ *
+ * @performance
+ * **Memoization Recommendations:**
+ * - `xAxisLabels`: Should be memoized with useMemo() if derived from complex calculations
+ * - `datasets`: Should be memoized with useMemo() as it contains arrays and objects that cause re-renders
+ * - Avoid passing inline objects or arrays directly to these props
+ *
+ * @example
+ * ```tsx
+ * [Good: Memoized props prevent unnecessary re-renders]
+ * const labels = useMemo(() => quarters.map(q => `Q${q}`), [quarters])
+ * const chartDatasets = useMemo(() => [
+ *   {
+ *     datasetName: 'Revenue',
+ *     yAxisValues: revenueData,
+ *     backgroundColor: 'LavenderPurple300'
+ *   }
+ * ], [revenueData])
+ *
+ * return <Chart id="revenue-chart" type="area" xAxisLabels={labels} datasets={chartDatasets} />
+ * ```
+ *
+ * @notes
+ * - Chart automatically re-renders when theme changes (light/dark mode)
+ * - Line charts are rendered as non-stacked and non-filled by default
+ * - Pie and semi-pie charts expect a single dataset object instead of an array
+ * - Semi-pie charts render as half-circles, ideal for gauges or progress indicators
+ * - Center text can be added to pie and semi-pie charts using the centerText prop
+ * - Colors should reference CHART_COLORS tokens for consistency
+ * - Component destroys and recreates Chart.js instance on prop changes for optimal performance
+ */
+declare const Chart: (props: ChartProps) => JSX.Element;
+export default Chart;

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

@@ -0,0 +1,10 @@
+import { AppThemeType } from '../../Providers';
+import { ChartColorKey } from './types';
+export declare const CHART_COLORS: Record<AppThemeType, Record<ChartColorKey, string>>;
+export declare const CHART_GRID_LINES_COLORS: Record<AppThemeType, string>;
+export declare const CHART_AXIS_COLORS: Record<AppThemeType, string>;
+export declare const CHART_AXIS_LABELS_COLOR: Record<AppThemeType, string>;
+export declare const CHART_CANVAS_BACKGROUND_COLORS: Record<AppThemeType, string>;
+export declare const LINE_DASH: number[];
+export declare const MAX_BAR_THICKNESS = 96;
+export declare const DIS_JOINT_CHART_POINT_RADIUS = 4;

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

@@ -0,0 +1,4 @@
+export { default as Chart } from './Chart.component';
+export { CHART_COLORS } from './constants';
+export type { CenterTextConfig, ChartColorKey, ChartProps, ChartType, ReferenceLineConfigType, SimpleDataset, SimpleDatasetForPie, } from './types';
+export { chartColorGenerator } from './utils';

package/dist/Shared/Components/Charts/plugins.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+import { Plugin } from 'chart.js';
+import { AppThemeType } from '../../Providers';
+import { CenterTextConfig, ChartType, ReferenceLineConfigType } from './types';
+export declare const drawReferenceLine: (config: ReferenceLineConfigType, id: string, appTheme: AppThemeType) => Plugin;
+export declare const htmlLegendPlugin: (id: string, ref: RefObject<HTMLDivElement>, type: ChartType) => Plugin;
+export declare const drawCenterText: (config: CenterTextConfig, appTheme: AppThemeType) => Plugin;