@devtron-labs/devtron-fe-common-lib 1.18.0-alpha-4 → 1.18.0-alpha-6

package/dist/Common/Constants.d.ts

@@ -2,7 +2,7 @@ export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
-export declare const DOCUMENTATION_VERSION = "/devtron/v0.7";
+export declare const DOCUMENTATION_VERSION = "/devtron/v1.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
 export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
@@ -58,7 +58,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly GLOBAL_CONFIG_MANAGE_CATEGORIES: "/global-config/cluster-env/manage-categories";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";

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

@@ -2,4 +2,4 @@ import { ModalType } from '../Types';
 /**
  * @deprecated Use VisibleModal instead
  */
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;
+export declare const Modal: ({ style, children, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;

package/dist/Common/SearchBar/SearchBar.component.d.ts

@@ -33,5 +33,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -46,4 +46,10 @@ export interface SearchBarProps {
      * @default 'ComponentSizeType.medium'
      */
     size?: ComponentSizeType.medium | ComponentSizeType.large;
+    /**
+     * Renders the keyboard shortcut key that opens the select picker \
+     * Shortcut key needs to be defined first in order to use it.
+     * @note This is displayed in place of the dropdown indicator
+     */
+    keyboardShortcut?: string;
 }

package/dist/Common/Types.d.ts

@@ -245,7 +245,6 @@ export interface PopupMenuBodyType {
 export interface ModalType {
     style?: React.CSSProperties;
     children?: ReactNode;
-    modal?: boolean;
     rootClassName?: string;
     onClick?: any;
     callbackRef?: (element?: any) => any;

package/dist/Pages/ResourceBrowser/ClusterMap/ClusterMap.d.ts

@@ -0,0 +1,2 @@
+import { ClusterMapProps } from './types';
+export declare const ClusterMap: ({ filteredList, isLoading }: ClusterMapProps) => JSX.Element;

package/dist/Pages/ResourceBrowser/ClusterMap/index.d.ts

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

package/dist/Pages/ResourceBrowser/ClusterMap/types.d.ts

@@ -0,0 +1,25 @@
+import { ClusterStatusType } from '../types';
+export interface ClusterStatusAndType {
+    isProd: boolean;
+    status: ClusterStatusType;
+}
+export interface ClusterMapProps {
+    isLoading?: boolean;
+    filteredList: ClusterStatusAndType[];
+}
+export interface StatusCountEnum {
+    healthyCount: number;
+    unhealthyCount: number;
+    connectionFailedCount: number;
+    prodCount: number;
+}
+export interface StatusEntity {
+    value: number;
+    label: string;
+    color: string;
+    proportionalValue: string;
+}
+export interface ClusterEntitiesTypes {
+    statusEntities: StatusEntity[];
+    deploymentEntities: StatusEntity[];
+}

package/dist/Pages/ResourceBrowser/ClusterMap/utils.d.ts

@@ -0,0 +1,14 @@
+import { ClusterEntitiesTypes, ClusterStatusAndType, StatusCountEnum } from './types';
+/**
+ *
+ * @param filteredList
+ * @returns healthyCount, unhealthyCount, connectionFailedCount, prodCount
+ */
+export declare const getStatusCount: (filteredList: ClusterStatusAndType[]) => StatusCountEnum;
+/**
+ *
+ * @param filteredList
+ * @returns statusEntities, deploymentEntities
+ *
+ */
+export declare const getEntities: (filteredList: ClusterStatusAndType[]) => ClusterEntitiesTypes;

package/dist/Pages/ResourceBrowser/index.d.ts

@@ -1,3 +1,4 @@
+export * from './ClusterMap';
 export * from './constants';
 export { default as ForceDeleteOption } from './ForceDeleteOption';
 export * from './Helper';

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -51,7 +51,7 @@ export interface ClusterCapacityType {
     serverVersion: string;
     nodeDetails?: NodeDetailsType[];
     nodeErrors: Record<string, string>[];
-    status?: ClusterStatusType;
+    status: ClusterStatusType;
     isProd: boolean;
     installationId?: number;
 }

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/utils.d.ts

@@ -13,7 +13,7 @@ export declare const getPipelineDeploymentsOptions: ({ pipelineDeployments, wfrI
     wfrId: number;
 }) => {
     currentDeployment: string;
-    pipelineDeploymentsOptions: SelectPickerOptionType<number>[];
+    pipelineDeploymentsOptions: SelectPickerOptionType<number, import('react').ReactNode>[];
 };
 export declare const parseDeploymentHistoryDiffSearchParams: (compareWfrId: number) => (searchParams: URLSearchParams) => {
     compareWfrId: number;

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

@@ -1,3 +1,3 @@
 import { ChipProps } from './types';
-declare const Chip: ({ label, startIconProps, size, value, onRemove, style, type, onClick, href, }: ChipProps) => JSX.Element;
+declare const Chip: ({ label, startIconProps, size: userSize, value, onRemove, style, type, onClick, href, }: ChipProps) => JSX.Element;
 export default Chip;

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

@@ -1 +1,2 @@
 export { default as Chip } from './Chip.component';
+export type { ChipProps } from './types';

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

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, PropsWithChildren } from 'react';
 import { ComponentSizeType } from '../../constants';
 import { IconsProps } from '../Icon';
 export type ChipProps = {
@@ -11,7 +11,7 @@ export type ChipProps = {
      * The size of the chip, which determines its padding and icon size.
      * @default ComponentSizeType.xs
      */
-    size?: ComponentSizeType;
+    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.xxs>;
     /**
      * If style is 'error', an error icon will be displayed.
      * If style is 'neutral', a start icon can be provided.
@@ -54,3 +54,4 @@ export type ChipProps = {
 });
 export interface GetIconPropsType extends Pick<ChipProps, 'style' | 'startIconProps' | 'size'> {
 }
+export type ChipWrapperProps = PropsWithChildren<Required<Pick<ChipProps, 'type' | 'style' | 'onClick' | 'href' | 'size'>>>;

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

@@ -1,5 +1,6 @@
 import { ComponentSizeType } from '../../constants';
-export declare const getIconSize: (size: ComponentSizeType) => 20 | 16 | 18;
-export declare const getVerticalPadding: (size: ComponentSizeType) => "py-4" | "py-6" | "py-1";
-export declare const getRemoveButtonSize: (size: ComponentSizeType) => ComponentSizeType.xs | ComponentSizeType.small | ComponentSizeType.medium;
-export declare const getFontSize: (size: ComponentSizeType) => "fs-13" | "fs-12" | "fs-11";
+import { ChipProps } from './types';
+export declare const getIconSize: (size: ChipProps["size"]) => 14 | 16;
+export declare const getPadding: (size: ChipProps["size"]) => "px-4 py-2" | "px-6 py-2";
+export declare const getFontSize: (size: ChipProps["size"]) => "fs-12 lh-16" | "fs-12 lh-20";
+export declare const getSupportedChipSizes: (size: ComponentSizeType) => ComponentSizeType.xxs | ComponentSizeType.xs;

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

@@ -18,6 +18,7 @@ export declare const iconMap: {
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -133,6 +134,7 @@ export declare const iconMap: {
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-link': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-list-bullets': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -133,5 +133,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, keyboardShortcut, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect: _closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, showCheckboxForMultiSelect, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -1,4 +1,4 @@
-import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, MultiValueRemoveProps, OptionProps, ValueContainerProps } from 'react-select';
+import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, OptionProps, ValueContainerProps } from 'react-select';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
@@ -10,8 +10,7 @@ export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends b
 export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
 export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => JSX.Element;
 export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
-export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
+export declare const SelectPickerMultiValue: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
 export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
 export declare const renderLoadingMessage: () => JSX.Element;
 export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => JSX.Element;

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

@@ -3,3 +3,4 @@ import { SelectPickerProps } from './type';
 export declare const SELECT_PICKER_FONT_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['fontSize']>;
 export declare const SELECT_PICKER_ICON_SIZE_MAP: Record<SelectPickerProps['size'], Pick<CSSProperties, 'width' | 'height'>>;
 export declare const SELECT_PICKER_CONTROL_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['minHeight']>;
+export declare const SELECT_PICKER_MULTI_VALUE_LABEL_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['lineHeight']>;

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -9,7 +9,8 @@ import { ComponentSizeType } from '../../constants';
 import { ActionMenuProps } from '../ActionMenu';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';
 import { FormFieldWrapperProps } from '../FormFieldWrapper/types';
-export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
+import { IconsProps } from '../Icon';
+export interface SelectPickerOptionType<OptionValue = string | number, OptionLabel = ReactNode> extends OptionType<OptionValue, OptionLabel> {
     /**
      * Description to be displayed for the option
      */
@@ -17,11 +18,11 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
     /**
      * Icon at the start of the option
      */
-    startIcon?: ReactElement;
+    startIcon?: ReactElement<IconsProps>;
     /**
      * Icon at the end of the option
      */
-    endIcon?: ReactElement;
+    endIcon?: ReactElement<IconsProps>;
     /**
      * Props passed to show the tippy on option
      */
@@ -70,6 +71,17 @@ declare module 'react-select/base' {
          * Icon to be rendered in the control
          */
         icon?: ReactElement;
+        /**
+         * Renders the keyboard shortcut key that opens the select picker \
+         * Shortcut key needs to be defined first in order to use it.
+         * @note This is displayed in place of the dropdown indicator
+         */
+        keyboardShortcut?: string;
+        /**
+         * If true, checkboxes are shown for options in multi-select mode.
+         * @default true
+         */
+        showCheckboxForMultiSelect?: boolean;
         /**
          * If true, the selected option icon is shown in the container.
          * startIcon has higher priority than endIcon.
@@ -101,7 +113,7 @@ export declare enum SelectPickerVariantType {
     BORDER_LESS = "border-less",
     COMPACT = "compact"
 }
-export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen' | 'onFocus'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen' | 'onFocus'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea' | 'keyboardShortcut' | 'showCheckboxForMultiSelect'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
     /**
      * Config for the footer at the bottom of menu list. It is sticky by default
      *
@@ -223,6 +235,6 @@ export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps
 export type SelectPickerTextAreaProps = Omit<SelectPickerProps<string, false>, 'selectRef' | 'inputValue' | 'onInputChange' | 'controlShouldRenderValue' | 'onKeyDown' | 'onCreateOption' | 'shouldRenderTextArea'> & Pick<ResizableTagTextAreaProps, 'maxHeight' | 'minHeight' | 'refVar' | 'dependentRefs'>;
 export interface GroupedFilterSelectPickerProps<T extends string | number = string | number> extends Omit<ActionMenuProps<T>, 'onClick' | 'disableDescriptionEllipsis' | 'children' | 'buttonProps' | 'isSearchable'> {
     isFilterApplied?: boolean;
-    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown'>>;
+    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown' | 'selectRef'>>;
 }
 export {};

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

@@ -108,6 +108,7 @@ type AdditionalFilterPropsType<T extends FiltersTypeEnum> = T extends FiltersTyp
 export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
     areRowsLoading: boolean;
     filteredRows: RowsType<RowData> | null;
+    rows: RowsType<RowData> | null;
 } & (FilterVariant extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersReturnType<string>, 'updateSearchParams'> : {})>;
 type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown> = {
     filtersVariant: FilterVariant;

package/dist/Shared/constants.d.ts

@@ -432,3 +432,4 @@ export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
 export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;
 export declare const STRATEGY_TYPE_TO_TITLE_MAP: Record<DeploymentStrategyTypeWithDefault, string>;
 export declare const CUBIC_BEZIER_CURVE: [number, number, number, number];
+export declare const ALLOW_ACTION_OUTSIDE_FOCUS_TRAP = "allow-action-outside-focus-trap";