@devtron-labs/devtron-fe-common-lib 1.5.8-beta-1 → 1.5.8-beta-2

package/dist/Common/CodeEditor/CodeEditor.d.ts

@@ -1,14 +1,4 @@
-import { CodeEditorProps } from './types';
-declare const CodeEditor: {
-    <DiffView extends boolean = false>({ theme, value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, readOnly, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, disableSearch, }: CodeEditorProps<DiffView>): JSX.Element;
-    Clipboard: () => JSX.Element;
-    Header: ({ children, className, hideDefaultSplitHeader }: import('./types').CodeEditorHeaderProps) => JSX.Element;
-    Warning: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
-    ErrorBar: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
-    Information: ({ className, children, text }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
-    Container: ({ children, flexExpand }: {
-        children: import('react').ReactNode;
-        flexExpand?: boolean;
-    }) => JSX.Element;
-};
+import { default as React } from 'react';
+import { CodeEditorComposition, CodeEditorInterface } from './types';
+declare const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition;
 export default CodeEditor;

package/dist/Common/CodeEditor/CodeEditor.reducer.d.ts

@@ -1,4 +1,48 @@
-import { CodeEditorPayloadType, CodeEditorInitialValueType, CodeEditorState } from './types';
-export declare const CodeEditorReducer: (state: CodeEditorState, action: CodeEditorPayloadType) => CodeEditorState;
+import { MODES } from '../Constants';
+import { Action, CodeEditorInitialValueType, CodeEditorState } from './types';
+export declare const CodeEditorReducer: (state: CodeEditorState, action: Action) => {
+    mode: any;
+    diffMode: boolean;
+    theme: import('./types').CodeEditorThemesKeys;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
+} | {
+    diffMode: any;
+    mode: MODES;
+    theme: import('./types').CodeEditorThemesKeys;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
+} | {
+    theme: any;
+    mode: MODES;
+    diffMode: boolean;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
+} | {
+    code: any;
+    mode: MODES;
+    diffMode: boolean;
+    theme: import('./types').CodeEditorThemesKeys;
+    defaultCode: string;
+    noParsing: boolean;
+} | {
+    defaultCode: any;
+    mode: MODES;
+    diffMode: boolean;
+    theme: import('./types').CodeEditorThemesKeys;
+    code: string;
+    noParsing: boolean;
+} | {
+    height: any;
+    mode: MODES;
+    diffMode: boolean;
+    theme: import('./types').CodeEditorThemesKeys;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
+};
 export declare const parseValueToCode: (value: string, mode: string, tabSize: number) => string;
-export declare const initialState: ({ mode, value, lhsValue, diffView, noParsing, tabSize, }: CodeEditorInitialValueType) => CodeEditorState;
+export declare const initialState: ({ mode, theme, value, defaultValue, diffView, noParsing, tabSize, appTheme, }: CodeEditorInitialValueType) => CodeEditorState;

package/dist/Common/CodeEditor/index.d.ts

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

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

@@ -1,95 +1,100 @@
-import { Dispatch, FunctionComponent, ReactNode, SVGProps } from 'react';
-import { JSONSchema7 } from 'json-schema';
-import { EditorView, ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { SearchQuery } from '@codemirror/search';
-import { MODES } from '../Constants';
-import { Never } from '../../Shared/types';
 import { AppThemeType } from '../../Shared/Providers';
-export interface CodeEditorStatusBarProps {
+import { MODES } from '../Constants';
+export interface InformationBarProps {
     text: string;
     className?: string;
-    children?: ReactNode;
+    children?: React.ReactNode;
 }
-export interface CodeEditorHeaderProps {
-    className?: string;
-    hideDefaultSplitHeader?: boolean;
-    children?: ReactNode;
+export declare enum CodeEditorThemesKeys {
+    vsDarkDT = "vs-dark--dt",
+    vs = "vs",
+    networkStatusInterface = "network-status-interface"
 }
-type CodeEditorBaseProps = Pick<ReactCodeMirrorProps, 'onBlur' | 'onFocus' | 'autoFocus'> & {
-    value?: ReactCodeMirrorProps['value'];
-    onChange?: (value: string) => void;
-    shebang?: string | JSX.Element;
-    validatorSchema?: JSONSchema7;
-    schemaURI?: string;
-};
-type CodeEditorDiffBaseProps = {
-    onOriginalValueChange?: (originalValue: string) => void;
-    onModifiedValueChange?: (modifiedValue: string) => void;
-    originalValue?: ReactCodeMirrorProps['value'];
-    modifiedValue?: ReactCodeMirrorProps['value'];
-    isOriginalModifiable?: boolean;
-};
-type CodeEditorPropsBasedOnDiffView<DiffView extends boolean> = DiffView extends true ? CodeEditorDiffBaseProps & Never<CodeEditorBaseProps> : CodeEditorBaseProps & Never<CodeEditorDiffBaseProps>;
-export type CodeEditorProps<DiffView extends boolean = false> = {
-    /**
-     * @default 450
-     */
-    height?: 'auto' | '100%' | 'fitToParent' | number;
-    children?: ReactNode;
-    mode?: MODES;
+interface CodeEditorBaseInterface {
+    value?: string;
+    lineDecorationsWidth?: number;
+    responseType?: string;
+    onChange?: (value: string, defaultValue: string) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    children?: any;
+    defaultValue?: string;
+    mode?: MODES | string;
     tabSize?: number;
     readOnly?: boolean;
-    placeholder?: string;
     noParsing?: boolean;
+    inline?: boolean;
+    shebang?: string | JSX.Element;
+    diffView?: boolean;
     loading?: boolean;
     customLoader?: JSX.Element;
+    theme?: CodeEditorThemesKeys;
+    original?: string;
+    focus?: boolean;
+    validatorSchema?: any;
+    isKubernetes?: boolean;
     cleanData?: boolean;
+    schemaURI?: string;
     /**
-     * If true, disables the in-built search
+     * If true, disable the in-built search of monaco editor
      * @default false
      */
     disableSearch?: boolean;
-    diffView?: DiffView;
-    theme?: AppThemeType;
-} & CodeEditorPropsBasedOnDiffView<DiffView>;
-export interface GetCodeEditorHeightReturnType {
-    codeEditorParentClassName: string;
-    codeEditorClassName: string;
-    codeEditorHeight: string;
 }
-export type HoverTexts = {
-    message: string;
-    typeInfo: string;
-};
-export type FindReplaceQuery = Partial<Pick<SearchQuery, 'search' | 'wholeWord' | 'regexp' | 'replace' | 'caseSensitive'>>;
-export interface FindReplaceProps {
-    view: EditorView;
-    defaultQuery: SearchQuery;
+export type CodeEditorInterface = CodeEditorBaseInterface & ({
+    adjustEditorHeightToContent?: boolean;
+    height?: never;
+} | {
+    adjustEditorHeightToContent?: never;
+    height?: number | string;
+});
+export interface CodeEditorHeaderInterface {
+    children?: any;
+    className?: string;
+    hideDefaultSplitHeader?: boolean;
+}
+export interface CodeEditorComposition {
+    Header?: React.FC<any>;
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+    Warning?: React.FC<InformationBarProps>;
+    ErrorBar?: React.FC<InformationBarProps>;
+    Information?: React.FC<InformationBarProps>;
+}
+export interface CodeEditorHeaderComposition {
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
 }
-export type CodeEditorActionTypes = 'setDiff' | 'setCode' | 'setLhsCode';
-export interface CodeEditorPayloadType {
-    type: CodeEditorActionTypes;
+export type ActionTypes = 'changeLanguage' | 'setDiff' | 'setTheme' | 'setCode' | 'setDefaultCode' | 'setHeight';
+export interface Action {
+    type: ActionTypes;
     value: any;
 }
-export interface CodeEditorInitialValueType extends Pick<CodeEditorProps, 'value' | 'noParsing' | 'tabSize' | 'mode'> {
-    lhsValue: ReactCodeMirrorProps['value'];
+export interface CodeEditorInitialValueType extends Pick<CodeEditorBaseInterface, 'theme'> {
+    mode: string;
     diffView: boolean;
+    value: string;
+    defaultValue: string;
+    noParsing?: boolean;
+    tabSize: number;
+    appTheme: AppThemeType;
 }
-export interface CodeEditorState extends Pick<CodeEditorProps, 'noParsing'> {
-    code: CodeEditorProps['value'];
-    lhsCode: CodeEditorProps<true>['originalValue'];
-    diffMode: CodeEditorProps<boolean>['diffView'];
-}
-export interface CodeEditorContextProps extends Pick<CodeEditorProps, 'readOnly' | 'height'> {
-    state: CodeEditorState;
-    hasCodeEditorContainer: boolean;
-    dispatch: Dispatch<CodeEditorPayloadType>;
+export interface CodeEditorState {
+    mode: MODES;
+    diffMode: boolean;
+    theme: CodeEditorThemesKeys;
+    code: string;
+    defaultCode: string;
+    noParsing: boolean;
 }
-export interface FindReplaceToggleButtonProps {
-    isChecked: boolean;
-    Icon: FunctionComponent<SVGProps<SVGSVGElement>>;
-    onChange: (isChecked: boolean) => void;
-    iconType?: 'stroke' | 'fill';
-    tooltipText: string;
+export declare enum CodeEditorActionTypes {
+    reInit = "reInit",
+    submitLoading = "submitLoading",
+    overrideLoading = "overrideLoading",
+    success = "success"
 }
 export {};

package/dist/Common/CodeEditor/utils.d.ts

@@ -1,13 +1,3 @@
-import { SearchQuery } from '@codemirror/search';
-import { EditorView, Extension } from '@uiw/react-codemirror';
-import { CodeEditorProps, FindReplaceToggleButtonProps, GetCodeEditorHeightReturnType } from './types';
-export declare const getCodeEditorHeight: (height: CodeEditorProps["height"]) => GetCodeEditorHeightReturnType;
-export declare const getFindReplaceToggleButtonIconClass: ({ iconType, isChecked, }: Pick<FindReplaceToggleButtonProps, "iconType" | "isChecked">) => "scb-5" | "scn-7" | "fcb-5" | "fcn-7";
-export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view: EditorView) => {
-    count: number;
-    current: number;
-};
-export declare const getFoldGutterElement: (open: boolean) => HTMLSpanElement;
-export declare const getReadOnlyElement: () => HTMLDivElement;
-export declare const getLanguageExtension: (mode: CodeEditorProps["mode"]) => Extension;
-export declare const getValidationSchema: ({ mode, validatorSchema, schemaURI, }: Pick<CodeEditorProps, "schemaURI" | "validatorSchema" | "mode">) => Extension[];
+import { AppThemeType } from '../../Shared/Providers';
+import { CodeEditorInterface } from './types';
+export declare const getCodeEditorThemeFromAppTheme: (editorTheme: CodeEditorInterface["theme"], appTheme: AppThemeType) => CodeEditorInterface["theme"];

package/dist/Common/Types.d.ts

@@ -673,19 +673,6 @@ export interface UseSearchString {
         [key: string]: string;
     };
 }
-export interface ResizableTextareaProps {
-    minHeight?: number;
-    maxHeight?: number;
-    value?: string;
-    onChange?: (e: any) => void;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    className?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    name?: string;
-    dataTestId?: string;
-}
 export interface AsyncState<T> {
     loading: boolean;
     result: T;

package/dist/Common/index.d.ts

@@ -34,7 +34,6 @@ export * from './Policy.Types';
 export { default as DeleteComponent } from './DeleteComponentModal/DeleteComponent';
 export * from './ImageTags';
 export * from './ImageTags.Types';
-export * from './ResizableTextarea';
 export { default as DebouncedSearch } from './DebouncedSearch/DebouncedSearch';
 export { default as Grid } from './Grid/Grid';
 export { default as Select } from './Select/Select';

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

@@ -2,5 +2,4 @@ import { ProgressingProps } from '../../../Common/Types';
 import { ButtonProps } from './types';
 export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
 export declare const ICON_BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
-export declare const BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
 export declare const ICON_BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;

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

@@ -1,3 +1,3 @@
 import { DeploymentTemplateHistoryType } from '../types';
-declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, codeEditorKey, }: DeploymentTemplateHistoryType) => JSX.Element;
 export default DeploymentHistoryDiffView;

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

@@ -423,6 +423,7 @@ export interface DeploymentTemplateHistoryType {
     baseTemplateConfiguration: DeploymentHistoryDetail;
     previousConfigAvailable: boolean;
     rootClassName?: string;
+    codeEditorKey?: React.Key;
 }
 export interface DeploymentHistoryDetailRes extends ResponseType {
     result?: DeploymentHistoryDetail;

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

@@ -1,6 +1,7 @@
 import { CollapseProps } from './types';
 /**
  * Collapse component for smoothly expanding or collapsing its content.
+ * Dynamically calculates the content height and applies smooth transitions.
  * It also supports a callback when the transition ends.
  */
 export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => JSX.Element;

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

@@ -10,7 +10,6 @@ interface ValidationRule<T> {
 }
 export interface EditableTextAreaProps {
     placeholder?: string;
-    rows: number;
     updateContent: (value: string) => Promise<void>;
     initialText?: string;
     validations?: {

package/dist/Shared/Components/FormFieldWrapper/FormFieldInfo.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldInfoProps } from './types';
+declare const FormFieldInfo: ({ error, helperText, warningText, inputId }: FormFieldInfoProps) => JSX.Element;
+export default FormFieldInfo;

package/dist/Shared/Components/FormFieldWrapper/FormFieldLabel.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldLabelProps } from './types';
+declare const FormFieldLabel: ({ label, inputId, required, layout }: FormFieldLabelProps) => JSX.Element;
+export default FormFieldLabel;

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

@@ -0,0 +1,3 @@
+import { FormFieldWrapperProps } from './types';
+declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, }: Required<FormFieldWrapperProps>) => JSX.Element;
+export default FormFieldWrapper;

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

@@ -0,0 +1,3 @@
+export { default as FormFieldWrapper } from './FormFieldWrapper';
+export type { FormFieldWrapperProps } from './types';
+export { getFormFieldAriaAttributes } from './utils';

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

@@ -0,0 +1,75 @@
+import { ReactElement, ReactNode } from 'react';
+export type LabelOrAriaLabelType = {
+    label: ReactNode;
+    ariaLabel?: never;
+} | {
+    label?: never;
+    ariaLabel: string;
+};
+export type FormFieldLabelProps = LabelOrAriaLabelType & {
+    /**
+     * If true, the field is required and * is shown with the label
+     */
+    required?: boolean;
+    /**
+     * Id of the input element
+     */
+    inputId: string;
+    /**
+     * Layout of the field
+     */
+    layout?: 'row' | 'column';
+};
+export interface FormFieldInfoProps extends Pick<FormFieldLabelProps, 'inputId'> {
+    /**
+     * Error message for the field
+     */
+    error?: ReactNode;
+    /**
+     * Helper text for the field
+     */
+    helperText?: ReactNode;
+    /**
+     * Warning message for the field
+     */
+    warningText?: ReactNode;
+}
+export interface FormInfoItemProps {
+    id: FormFieldLabelProps['inputId'];
+    text: FormFieldInfoProps['error'];
+    textClass: string;
+    icon: ReactElement;
+}
+export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label' | 'required' | 'ariaLabel' | 'layout'>, FormFieldInfoProps {
+    /**
+     * If true, the field takes the full width of the parent
+     */
+    fullWidth?: boolean;
+    children: ReactElement;
+    borderRadiusConfig?: {
+        /**
+         * If false, the top border radius is not applied
+         *
+         * @default true
+         */
+        top?: boolean;
+        /**
+         * If false, the right border radius is not applied
+         *
+         * @default true
+         */
+        right?: boolean;
+        /**
+         * If false, the bottom border radius is not applied
+         *
+         * @default true
+         */
+        bottom?: boolean;
+        /**
+         * If false, the left border radius is not applied
+         *
+         * @default true
+         */
+        left?: boolean;
+    };
+}

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

@@ -0,0 +1,18 @@
+import { FormFieldInfoProps, FormFieldLabelProps, FormFieldWrapperProps } from './types';
+export declare const getFormErrorElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
+export declare const getFormLabelElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
+export declare const getFormHelperTextElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
+export declare const getFormFieldAriaAttributes: ({ inputId, label, ariaLabel, required, error, helperText, }: Required<Pick<FormFieldLabelProps, "label" | "ariaLabel" | "required" | "inputId"> & Pick<FormFieldInfoProps, "error" | "helperText">>) => {
+    'aria-labelledby': string;
+    'aria-errormessage'?: string;
+    'aria-invalid'?: boolean;
+    'aria-describedby'?: string;
+    'aria-required': boolean;
+} | {
+    'aria-label': string;
+    'aria-errormessage'?: string;
+    'aria-invalid'?: boolean;
+    'aria-describedby'?: string;
+    'aria-required': boolean;
+};
+export declare const getFormFieldBorderClassName: (borderRadiusConfig?: FormFieldWrapperProps["borderRadiusConfig"]) => string;

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

@@ -134,5 +134,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, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+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, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderRadiusConfig, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

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

@@ -6,6 +6,7 @@ import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance
 import { CreatableProps } from 'react-select/creatable';
 import { TooltipProps } from '@Common/Tooltip/types';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { FormFieldWrapperProps } from '../FormFieldWrapper/types';
 export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
     /**
      * Description to be displayed for the option
@@ -79,19 +80,7 @@ export declare enum SelectPickerVariantType {
     DEFAULT = "default",
     BORDER_LESS = "border-less"
 }
-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'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & {
-    /**
-     * Error message for the select
-     */
-    error?: ReactNode;
-    /**
-     * Info text for the select, if any
-     */
-    helperText?: ReactNode;
-    /**
-     * Label for the select. if required is added, the corresponding * is also added
-     */
-    label?: ReactNode;
+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'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | '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'> & {
     /**
      * Custom selected options count for use cases like filters
      */

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

@@ -0,0 +1,3 @@
+import { TextareaProps } from './types';
+declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, ...props }: TextareaProps) => JSX.Element;
+export default Textarea;

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

@@ -0,0 +1,4 @@
+export declare const TEXTAREA_CONSTRAINTS: {
+    MIN_HEIGHT: number;
+    AUTO_EXPANSION_MAX_HEIGHT: number;
+};

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

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

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

@@ -0,0 +1,17 @@
+import { TextareaHTMLAttributes } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { FormFieldWrapperProps } from '../FormFieldWrapper';
+export interface TextareaProps extends Omit<FormFieldWrapperProps, 'children' | 'inputId'>, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onBlur' | 'disabled' | 'autoFocus' | 'onFocus'>, Required<Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'placeholder' | 'onChange' | 'value' | 'name'>> {
+    /**
+     * If false, the input is not trimmed on blur
+     *
+     * @default true
+     */
+    shouldTrim?: boolean;
+    /**
+     * Size of the textarea
+     *
+     * @default ComponentSizeType.large
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
+}

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

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

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

@@ -55,6 +55,8 @@ export * from './ToggleResolveScopedVariables';
 export * from './BulkOperations';
 export * from './WorkflowOptionsModal';
 export * from './VirtualizedList';
+export * from './Textarea';
+export * from './ThemeSwitcher';
 export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';

package/dist/Shared/constants.d.ts

@@ -393,13 +393,15 @@ export declare const ANSI_UP_REGEX: RegExp;
  * Size variants for components
  */
 export declare enum ComponentSizeType {
-    xxs = "xxs",
     xs = "xs",
     small = "small",
     medium = "medium",
     large = "large",
     xl = "xl"
 }
+export declare const COMPONENT_SIZE_TYPE_TO_FONT_AND_BLOCK_PADDING_MAP: Record<ComponentSizeType, string>;
+export declare const COMPONENT_SIZE_TYPE_TO_INLINE_PADDING_MAP: Record<ComponentSizeType, string>;
+export declare const COMPONENT_SIZE_TYPE_TO_ICON_SIZE_MAP: Record<ComponentSizeType, number>;
 export declare const POP_UP_MENU_MODAL_ID = "popup";
 /**
  * Identifiers for grouped / all resources

package/dist/Shared/types.d.ts

@@ -782,14 +782,6 @@ export interface UploadFileProps {
     allowedExtensions?: string[];
     maxUploadSize?: number;
 }
-/**
- * A utility type that transforms all properties of a given type `T` to be optional and of type `never`. \
- * This can be useful for scenarios where you want to explicitly mark that certain properties should not exist.
- * @template T - The type whose properties will be transformed.
- */
-export type Never<T> = {
-    [K in keyof T]?: never;
-};
 export interface TargetPlatformItemDTO {
     name: string;
 }