@devtron-labs/devtron-fe-common-lib 0.0.71 → 0.0.72-beta-1

package/dist/Common/ClipboardButton/ClipboardButton.d.ts

@@ -2,9 +2,11 @@
 import ClipboardProps from './types';
 /**
  * @param content - Content to be copied
- * @param copiedTippyText - Text to be shown in the tippy when the content is copied
- * @param duration - Duration for which the tippy should be shown
- * @param trigger - To trigger the copy action, if set to true the content will be copied, use case being triggering the copy action from outside the component
- * @param setTrigger - Callback function to set the trigger
+ * @param copiedTippyText - Text to be shown in the tippy when the content is copied, default 'Copied!'
+ * @param duration - Duration for which the tippy should be shown, default 1000
+ * @param trigger - To trigger the copy action outside the button, if set to true the content will be copied, use case being triggering the copy action from outside the component
+ * @param setTrigger - Callback function to set the trigger outside the button
+ * @param rootClassName - additional classes to add to button
+ * @param iconSize - size of svg icon to be shown, default 16 (icon-dim-16)
  */
-export default function ClipboardButton({ content, copiedTippyText, duration, trigger, setTrigger }: ClipboardProps): JSX.Element;
+export default function ClipboardButton({ content, copiedTippyText, duration, trigger, setTrigger, rootClassName, iconSize, }: ClipboardProps): JSX.Element;

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 export default interface ClipboardProps {
     content: string;
-    copiedTippyText: string;
-    duration: number;
-    trigger: boolean;
-    setTrigger: React.Dispatch<React.SetStateAction<boolean>>;
+    copiedTippyText?: string;
+    duration?: number;
+    trigger?: boolean;
+    setTrigger?: React.Dispatch<React.SetStateAction<boolean>>;
+    rootClassName?: string;
+    iconSize?: number;
 }

package/dist/Common/Constants.d.ts

@@ -15,6 +15,14 @@ export declare const PATTERNS: {
 export declare const URLS: {
     LOGIN_SSO: string;
     PERMISSION_GROUPS: string;
+    APP: string;
+    APP_LIST: string;
+    CHARTS_DISCOVER: string;
+    JOB: string;
+    CREATE_JOB: string;
+    GETTING_STARTED: string;
+    STACK_MANAGER_ABOUT: string;
+    APP_LIST_HELM: string;
 };
 export declare const ROUTES: {
     PROJECT_LIST_MIN: string;
@@ -23,6 +31,10 @@ export declare const ROUTES: {
     CD_MATERIAL_GET: string;
     DEPLOYMENT_TEMPLATE_LIST: string;
     INFRA_CONFIG_PROFILE: string;
+    TELEMETRY_EVENT: string;
+    SERVER_INFO_API: string;
+    ATTRIBUTES_USER: string;
+    UPDATE: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",
@@ -102,3 +114,24 @@ export declare enum ReactSelectInputAction {
     removeValue = "remove-value"
 }
 export declare const ZERO_TIME_STRING = "0001-01-01T00:00:00Z";
+export declare enum SERVER_MODE {
+    EA_ONLY = "EA_ONLY",
+    FULL = "FULL"
+}
+export declare const DISCORD_LINK = "https://discord.devtron.ai/";
+export declare const POSTHOG_EVENT_ONBOARDING: {
+    PREVIEW: string;
+    DEPLOY_CUSTOM_APP_CI_CD: string;
+    INSTALL_CUSTOM_CI_CD: string;
+    VIEW_APPLICATION: string;
+    BROWSE_HELM_CHART: string;
+    CONNECT_CLUSTER: string;
+    CONNECT_CHART_REPOSITORY: string;
+    TOOLTIP_OKAY: string;
+    TOOLTIP_DONT_SHOW_AGAIN: string;
+    HELP: string;
+    SKIP_AND_EXPLORE_DEVTRON: string;
+};
+export declare const MAX_LOGIN_COUNT = 5;
+export declare const BULK_EDIT_HEADER = "Bulk Edit";
+export declare const LOGIN_COUNT = "login-count";

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

@@ -0,0 +1,6 @@
+interface AnnouncementBannerType {
+    parentClassName?: string;
+    isCDMaterial?: boolean;
+}
+declare const AnnouncementBanner: ({ parentClassName, isCDMaterial }: AnnouncementBannerType) => JSX.Element;
+export default AnnouncementBanner;

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

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

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

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+export interface ButtonProps {
+    disabled?: boolean;
+    rootClassName: string;
+    isLoading: boolean;
+    onClick?: (event: any) => void;
+    dataTestId?: string;
+    children?: React.ReactNode;
+    type?: 'submit' | 'reset' | 'button';
+}
+export declare class ButtonWithLoader extends Component<ButtonProps> {
+    constructor(props: any);
+    clickHandler(event: any): void;
+    render(): JSX.Element;
+}

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

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

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

@@ -0,0 +1,3 @@
+import type { EditableTextAreaProps } from './types';
+declare const EditableTextArea: (props: EditableTextAreaProps) => JSX.Element;
+export default EditableTextArea;

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

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

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

@@ -0,0 +1,25 @@
+interface ValidationRule<T> {
+    /**
+     * Value against which the input should be validated
+     */
+    value: T;
+    /**
+     * Validation message when the validation fails
+     */
+    message: string;
+}
+export interface EditableTextAreaProps {
+    placeholder?: string;
+    rows: number;
+    updateContent: (value: string) => Promise<void>;
+    initialText?: string;
+    validations?: {
+        maxLength?: ValidationRule<number>;
+    };
+    emptyState: string;
+}
+export interface Error {
+    isValid: boolean;
+    message: string;
+}
+export {};

package/dist/Shared/Components/GettingStartedCard/GettingStarted.d.ts

@@ -0,0 +1,3 @@
+import { GettingStartedType } from './types';
+declare const GettingStartedCard: ({ className, hideGettingStartedCard }: GettingStartedType) => JSX.Element;
+export default GettingStartedCard;

package/dist/Shared/Components/GettingStartedCard/service.d.ts

@@ -0,0 +1,3 @@
+import { LoginCountType } from './types';
+declare const updateLoginCount: (payload: any) => Promise<LoginCountType>;
+export default updateLoginCount;

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

@@ -0,0 +1,15 @@
+import { ResponseType } from '../../../Common';
+export interface LoginCount {
+    emailId: string;
+    key: string;
+    value: string;
+}
+export interface LoginCountType extends ResponseType {
+    result?: LoginCount;
+}
+export interface GettingStartedType {
+    className: string;
+    showHelpCard: boolean;
+    hideGettingStartedCard: (count?: string) => void;
+    loginCount: number;
+}

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

@@ -0,0 +1,5 @@
+export interface HeaderWithCreateButtonProps {
+    headerName: string;
+}
+export declare const HeaderWithCreateButton: ({ headerName }: HeaderWithCreateButtonProps) => JSX.Element;
+export default HeaderWithCreateButton;

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

@@ -0,0 +1,22 @@
+declare const AppListConstants: {
+    SAMPLE_NODE_REPO_URL: string;
+    CREATE_DEVTRON_APP_URL: string;
+    AppTabs: {
+        DEVTRON_APPS: string;
+        HELM_APPS: string;
+        ARGO_APPS: string;
+    };
+    AppType: {
+        DEVTRON_APPS: string;
+        HELM_APPS: string;
+        ARGO_APPS: string;
+    };
+    FilterType: {
+        PROJECT: string;
+        CLUTSER: string;
+        NAMESPACE: string;
+        ENVIRONMENT: string;
+        APP_STATUS: string;
+    };
+};
+export default AppListConstants;

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

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

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

@@ -0,0 +1,3 @@
+import { HelpNavType } from './types';
+declare const HelpNav: ({ className, setShowHelpCard, serverInfo, fetchingServerInfo, setGettingStartedClicked, showHelpCard, }: HelpNavType) => JSX.Element;
+export default HelpNav;

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

@@ -0,0 +1,3 @@
+import { PageHeaderType } from './types';
+declare const PageHeader: ({ headerName, additionalHeaderInfo, isTippyShown, tippyRedirectLink, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, TippyIcon, tippyMessage, onClickTippybutton, renderActionButtons, showCloseButton, onClose, markAsBeta, showAnnouncementHeader, }: PageHeaderType) => JSX.Element;
+export default PageHeader;

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

@@ -0,0 +1,3 @@
+import { HelpOptionType } from './types';
+export declare const EnterpriseHelpOptions: HelpOptionType[];
+export declare const OSSHelpOptions: HelpOptionType[];

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

@@ -0,0 +1,2 @@
+export { default as PageHeader } from './PageHeader';
+export * from './HeaderWithCreateButton';

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

@@ -0,0 +1,4 @@
+import { ResponseType } from '../../../Common';
+import { ServerInfoResponse } from './types';
+export declare const updatePostHogEvent: (payload: any) => Promise<ResponseType>;
+export declare const getServerInfo: (withoutStatus: boolean, isFormHeader: boolean) => Promise<ServerInfoResponse>;

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

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import { ResponseType } from '../../../Common';
+export declare enum InstallationType {
+    OSS_KUBECTL = "oss_kubectl",
+    OSS_HELM = "oss_helm",
+    ENTERPRISE = "enterprise"
+}
+export declare enum ModuleStatus {
+    HEALTHY = "healthy",
+    NONE = "none",
+    UNKNOWN = "unknown",
+    UPGRADING = "upgrading",
+    UPGRADE_FAILED = "upgradeFailed",
+    INSTALLED = "installed",
+    INSTALLING = "installing",
+    INSTALL_FAILED = "installFailed",
+    NOT_INSTALLED = "notInstalled",
+    TIMEOUT = "timeout"
+}
+export interface PageHeaderType {
+    headerName?: string;
+    additionalHeaderInfo?: () => JSX.Element;
+    isTippyShown?: boolean;
+    tippyRedirectLink?: string;
+    showTabs?: boolean;
+    renderHeaderTabs?: () => JSX.Element;
+    isBreadcrumbs?: boolean;
+    breadCrumbs?: () => JSX.Element;
+    TippyIcon?: React.FunctionComponent<any>;
+    tippyMessage?: string;
+    onClickTippybutton?: () => void;
+    renderActionButtons?: () => JSX.Element;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    markAsBeta?: boolean;
+    showAnnouncementHeader?: boolean;
+}
+export interface ServerInfo {
+    currentVersion: string;
+    status: ModuleStatus;
+    releaseName: string;
+    installationType: InstallationType;
+}
+export interface ServerInfoResponse extends ResponseType {
+    result?: ServerInfo;
+}
+export interface HelpNavType {
+    className: string;
+    setShowHelpCard: React.Dispatch<React.SetStateAction<boolean>>;
+    serverInfo: ServerInfo;
+    fetchingServerInfo: boolean;
+    setGettingStartedClicked: (isClicked: boolean) => void;
+    showHelpCard: boolean;
+}
+export interface HelpOptionType {
+    name: string;
+    link: string;
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    showSeparator?: boolean;
+}

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

@@ -0,0 +1,3 @@
+export declare const getDateInMilliseconds: (days: any) => number;
+export declare const handlePostHogEventUpdate: (e: any, eventName?: string) => Promise<void>;
+export declare const setActionWithExpiry: (key: string, days: number) => void;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface LogoutCardType {
+    className: string;
+    userFirstLetter: string;
+    setShowLogOutCard: React.Dispatch<React.SetStateAction<boolean>>;
+    showLogOutCard: boolean;
+}
+declare const LogoutCard: ({ className, userFirstLetter, setShowLogOutCard, showLogOutCard }: LogoutCardType) => JSX.Element;
+export default LogoutCard;

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

@@ -4,3 +4,7 @@ export * from './BulkSelection';
 export * from './FilterChips';
 export * from './GenericSectionErrorState';
 export * from './KeyValueList';
+export * from './EditableTextArea';
+export * from './Header';
+export * from './AnnouncementBanner';
+export * from './ButtonWithLoader';

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

@@ -0,0 +1,3 @@
+import { MainContext, MainContextProviderProps } from './types';
+export declare const useMainContext: () => MainContext;
+export declare const MainContextProvider: ({ children, value }: MainContextProviderProps) => JSX.Element;

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

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

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

@@ -0,0 +1,29 @@
+import { MutableRefObject, ReactNode } from 'react';
+import { ServerInfo } from '../Components/Header/types';
+import { SERVER_MODE } from '../../Common';
+export interface MainContext {
+    serverMode: SERVER_MODE;
+    setServerMode: (serverMode: SERVER_MODE) => void;
+    isHelpGettingStartedClicked: boolean;
+    setPageOverflowEnabled: (isPageOverflowEnabled: boolean) => void;
+    showCloseButtonAfterGettingStartedClicked: () => void;
+    loginCount: number;
+    setLoginCount: (loginCount: number) => void;
+    showGettingStartedCard: boolean;
+    setShowGettingStartedCard: (showGettingStartedCard: boolean) => void;
+    isGettingStartedClicked: boolean;
+    setGettingStartedClicked: (isGettingStartedClicked: boolean) => void;
+    moduleInInstallingState: string;
+    setModuleInInstallingState: (moduleInInstallingState: string) => void;
+    installedModuleMap: MutableRefObject<Record<string, boolean>>;
+    currentServerInfo: {
+        serverInfo: ServerInfo;
+        fetchingServerInfo: boolean;
+    };
+    isAirgapped: boolean;
+    isSuperAdmin: boolean;
+}
+export interface MainContextProviderProps {
+    children: ReactNode;
+    value: MainContext;
+}

package/dist/Shared/index.d.ts

@@ -2,3 +2,4 @@ export * from './Components';
 export * from './validations';
 export * from './Helpers';
 export * from './types';
+export * from './Providers';

package/dist/assets/index.css

@@ -1 +1 @@
-.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:1.5;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translate(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translate(5px)}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.modal-body--scan-details{position:fixed;top:0;right:0;background:var(--N000);width:800px}.security-tab__table{width:100%}.security-tab__table-header{border-bottom:solid 1px var(--N200)}.security-cell-header{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:uppercase;color:var(--N500)}.dc__security-tab__table-row{font-size:13px;font-weight:400;line-height:1.54;letter-spacing:normal;color:var(--N900);box-shadow:inset 0 -1px #f5f5f5}.security-tab__cell-cve,.security-tab__cell-severity,.security-tab__cell-package,.security-tab__cell-current-ver,.security-tab__cell-fixed-ver,.security-tab__cell-policy{padding:10px;max-width:120px;word-wrap:break-word}.security-tab__cell-cve{padding-left:0;text-align:left;width:20%}.security-tab__cell-policy{padding-right:0}.security-tab__cell-policy--whitelist,.security-tab__cell-policy--whitelisted{color:var(--G500);text-transform:capitalize}.security-tab__cell-policy--block{color:var(--R500);text-transform:capitalize}.scanned-object__results{margin:0 20px}.radio-group{height:30px;background:white;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.rjsf-form-template__field{grid-template-columns:250px 1fr}.rjsf-form-template__additional-fields{grid-template-columns:1fr 1fr minmax(20px,auto)}.rjsf-form-template__array-field-item{grid-template-columns:1fr auto}.rjsf-form-template__array-field-item>:first-child{margin:0}.pagination-wrapper{display:flex;align-items:center;padding:0 24px;justify-content:space-between;margin:0;background-color:var(--white)}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}
+.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:1.5;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translate(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translate(5px)}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.modal-body--scan-details{position:fixed;top:0;right:0;background:var(--N000);width:800px}.security-tab__table{width:100%}.security-tab__table-header{border-bottom:solid 1px var(--N200)}.security-cell-header{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:uppercase;color:var(--N500)}.dc__security-tab__table-row{font-size:13px;font-weight:400;line-height:1.54;letter-spacing:normal;color:var(--N900);box-shadow:inset 0 -1px #f5f5f5}.security-tab__cell-cve,.security-tab__cell-severity,.security-tab__cell-package,.security-tab__cell-current-ver,.security-tab__cell-fixed-ver,.security-tab__cell-policy{padding:10px;max-width:120px;word-wrap:break-word}.security-tab__cell-cve{padding-left:0;text-align:left;width:20%}.security-tab__cell-policy{padding-right:0}.security-tab__cell-policy--whitelist,.security-tab__cell-policy--whitelisted{color:var(--G500);text-transform:capitalize}.security-tab__cell-policy--block{color:var(--R500);text-transform:capitalize}.scanned-object__results{margin:0 20px}.radio-group{height:30px;background:white;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.rjsf-form-template__field{grid-template-columns:250px 1fr}.rjsf-form-template__additional-fields{grid-template-columns:1fr 1fr minmax(20px,auto)}.rjsf-form-template__array-field-item{grid-template-columns:1fr auto}.rjsf-form-template__array-field-item>:first-child{margin:0}.pagination-wrapper{display:flex;align-items:center;padding:0 24px;justify-content:space-between;margin:0;background-color:var(--white)}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.help-card__more-option{top:42px;right:56px}.help-card__more-option.k8s-client-view{right:20px;grid-template-rows:36px 1px 36px 1px 36px 1px 36px auto}.logout-card__more-option{top:42px;right:20px}.getting-started-card{background-color:var(--tippy-card-black-bg);position:fixed;z-index:6;right:20px;top:54px}.arrow-up{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--tippy-card-black-bg);right:64px;position:fixed;top:42px}.getting_tippy__position{position:fixed}.create-modal-wrapper{position:fixed;right:24px;top:50px;overflow:hidden}.create-modal-wrapper .create-modal-child{padding:10px 15px;display:flex}.create-modal-wrapper .create-modal-child:first-child{border-bottom:1px solid var(--N100)}.create-modal-wrapper .create-modal-child:hover{background-color:var(--N100)}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}

package/dist/index.d.ts

@@ -1,7 +1,59 @@
+interface customEnv {
+    SENTRY_ENV?: string;
+    SENTRY_ERROR_ENABLED?: boolean;
+    SENTRY_PERFORMANCE_ENABLED?: boolean;
+    SENTRY_DSN?: string;
+    SENTRY_TRACES_SAMPLE_RATE?: number;
+    HOTJAR_ENABLED?: boolean;
+    CLUSTER_NAME?: boolean;
+    APPLICATION_METRICS_ENABLED?: boolean;
+    GA_ENABLED?: boolean;
+    GA_TRACKING_ID?: string;
+    GTM_ENABLED?: boolean;
+    GTM_ID?: string;
+    RECOMMEND_SECURITY_SCANNING?: boolean;
+    FORCE_SECURITY_SCANNING?: boolean;
+    ENABLE_CI_JOB?: boolean;
+    HIDE_DISCORD?: boolean;
+    POSTHOG_ENABLED?: boolean;
+    POSTHOG_TOKEN?: string;
+    DEVTRON_APP_DETAILS_POLLING_INTERVAL?: number;
+    HELM_APP_DETAILS_POLLING_INTERVAL?: number;
+    EA_APP_DETAILS_POLLING_INTERVAL?: number;
+    CENTRAL_API_ENDPOINT?: string;
+    HIDE_DEPLOYMENT_GROUPS?: boolean;
+    HIDE_GITOPS_OR_HELM_OPTION?: boolean;
+    CONFIGURABLE_TIMEOUT?: string;
+    HIDE_APPLICATION_GROUPS?: boolean;
+    K8S_CLIENT?: boolean;
+    CLUSTER_TERMINAL_CONNECTION_POLLING_INTERVAL?: number;
+    CLUSTER_TERMINAL_CONNECTION_RETRY_COUNT?: number;
+    ENABLE_CHART_SEARCH_IN_HELM_DEPLOY?: boolean;
+    HIDE_EXCLUDE_INCLUDE_GIT_COMMITS?: boolean;
+    ENABLE_BUILD_CONTEXT?: boolean;
+    CLAIR_TOOL_VERSION?: string;
+    ENABLE_RESTART_WORKLOAD?: boolean;
+    ENABLE_SCOPED_VARIABLES?: boolean;
+    DEFAULT_CI_TRIGGER_TYPE_MANUAL: boolean;
+    ANNOUNCEMENT_BANNER_MSG?: string;
+    LOGIN_PAGE_IMAGE?: string;
+    LOGIN_PAGE_IMAGE_BG?: string;
+    HIDE_DEFAULT_CLUSTER?: boolean;
+    GLOBAL_API_TIMEOUT?: number;
+    TRIGGER_API_TIMEOUT?: number;
+    NODE_REACT_APP_GIT_SHA?: string;
+    REACT_APP_GIT_SHA?: string;
+    NODE_ENV?: string;
+    LOGIN_DT_LOGO?: string;
+    SIDEBAR_DT_LOGO?: string;
+    ENABLE_EXTERNAL_ARGO_CD: boolean;
+    API_BATCH_SIZE: number;
+}
 declare global {
     interface Window {
         __BASE_URL__: string;
         __ORCHESTRATOR_ROOT__: string;
+        _env_: customEnv;
     }
 }
 export * from './Common';