@devtron-labs/devtron-fe-common-lib 0.1.7 → 0.1.8-beta-1

package/dist/Common/Constants.d.ts

@@ -228,6 +228,7 @@ export declare enum ReactSelectInputAction {
 export declare const ZERO_TIME_STRING = "0001-01-01T00:00:00Z";
 export declare const EXCLUDED_FALSY_VALUES: readonly [any, any, "", number];
 export declare const API_STATUS_CODES: {
+    OK: number;
     BAD_REQUEST: number;
     UNAUTHORIZED: number;
     PERMISSION_DENIED: number;

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

@@ -0,0 +1,85 @@
+import { SelectPickerProps } from './type';
+
+/**
+ * Generic component for select picker
+ *
+ * @example With icon in control
+ * ```tsx
+ * <SelectPicker ... icon={<CustomIcon />} />
+ * ```
+ *
+ * @example Medium menu list width
+ * ```tsx
+ * <SelectPicker ... menuSize={ComponentSizeType.medium} />
+ * ```
+ *
+ * @example Large menu list width
+ * ```tsx
+ * <SelectPicker ... menuSize={ComponentSizeType.large} />
+ * ```
+ *
+ * @example Required label
+ * ```tsx
+ * <SelectPicker ... required label="Label" />
+ * ```
+ *
+ * @example Custom label
+ * ```tsx
+ * <SelectPicker ... label={<div>Label</div>} />
+ * ```
+ *
+ * @example Error state
+ * ```tsx
+ * <SelectPicker ... error="Something went wrong" />
+ * ```
+ *
+ * @example Helper text
+ * ```tsx
+ * <SelectPicker ... helperText="Help information" />
+ * ```
+ *
+ * @example Menu list footer
+ * The footer is sticky by default
+ * ```tsx
+ * <SelectPicker
+ *      ...
+ *      renderMenuListFooter={() => (
+ *          <div className="px-8 py-6 dc__border-top bcn-50 cn-6">
+ *              <div>Foot note</div>
+ *          </div>
+ *      )}
+ * />
+ * ```
+ *
+ * @example Loading state
+ * ```tsx
+ * <SelectPicker ... isLoading />
+ * ```
+ *
+ * @example Disabled state
+ * ```tsx
+ * <SelectPicker ... isDisabled />
+ * ```
+ *
+ * @example Loading & disabled state
+ * ```tsx
+ * <SelectPicker ... isLoading isDisabled />
+ * ```
+ *
+ * @example Hide selected option icon in control
+ * ```tsx
+ * <SelectPicker ... showSelectedOptionIcon={false} />
+ * ```
+ *
+ * @example Selected option clearable
+ * ```tsx
+ * <SelectPicker ... isClearable />
+ * ```
+ *
+ * @example Selected option clearable
+ * ```tsx
+ * <SelectPicker ... showSelectedOptionsCount />
+ * ```
+ */
+declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, ...props }: SelectPickerProps) => JSX.Element;
+export default SelectPicker;

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

@@ -0,0 +1,10 @@
+import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from './type';
+
+export declare const SelectPickerDropdownIndicator: (props: DropdownIndicatorProps<SelectPickerOptionType>) => JSX.Element;
+export declare const SelectPickerClearIndicator: (props: ClearIndicatorProps<SelectPickerOptionType>) => JSX.Element;
+export declare const SelectPickerControl: ({ icon, showSelectedOptionIcon, ...props }: ControlProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'icon' | 'showSelectedOptionIcon'>) => JSX.Element;
+export declare const SelectPickerValueContainer: ({ showSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'showSelectedOptionsCount'>) => JSX.Element;
+export declare const SelectPickerLoadingIndicator: () => JSX.Element;
+export declare const SelectPickerOption: (props: OptionProps<SelectPickerOptionType>) => JSX.Element;
+export declare const SelectPickerMenuList: ({ renderMenuListFooter, ...props }: MenuListProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'renderMenuListFooter'>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export { default as SelectPicker } from './SelectPicker.component';
+export * from './type';

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

@@ -0,0 +1,74 @@
+import { OptionType } from '../../../Common/Types';
+import { ComponentSizeType } from '../../constants';
+import { ReactElement, ReactNode } from 'react';
+import { Props as ReactSelectProps } from 'react-select';
+
+export interface SelectPickerOptionType extends OptionType<number | string, ReactNode> {
+    /**
+     * Description to be displayed for the option
+     */
+    description?: string;
+    /**
+     * Icon at the start of the option
+     */
+    startIcon?: ReactElement;
+    /**
+     * Icon at the end of the option
+     */
+    endIcon?: ReactElement;
+}
+type SelectProps = ReactSelectProps<SelectPickerOptionType>;
+export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'isLoading' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder'>, Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> {
+    /**
+     * Icon to be rendered in the control
+     */
+    icon?: ReactElement;
+    /**
+     * Error message for the select
+     */
+    error?: ReactNode;
+    /**
+     * Render function for the footer at the bottom of menu list. It is sticky by default
+     */
+    renderMenuListFooter?: () => 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;
+    /**
+     * If true, the selected option icon is shown in the container.
+     * startIcon has higher priority than endIcon.
+     *
+     * @default 'true'
+     */
+    showSelectedOptionIcon?: boolean;
+    /**
+     * Height of the dropdown
+     *
+     * @default 'ComponentSizeType.medium'
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
+    /**
+     * Content to be shown in a tippy when disabled
+     */
+    disabledTippyContent?: ReactNode;
+    /**
+     * If true, the selected options count is shown in a chip inside ValueContainer
+     *
+     * @default 'false'
+     */
+    showSelectedOptionsCount?: boolean;
+    /**
+     * Width of the menu list
+     *
+     * Note: the overflow needs to be handled explicitly for non-small variants
+     *
+     * @default 'ComponentSizeType.small'
+     */
+    menuSize?: ComponentSizeType;
+}
+export {};

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

@@ -0,0 +1,4 @@
+import { StylesConfig } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from './type';
+
+export declare const getCommonSelectStyle: ({ error, size, menuSize, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize'>) => StylesConfig<SelectPickerOptionType>;

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

@@ -31,3 +31,4 @@ export * from './ArtifactInfoModal';
 export * from './MaterialHistory';
 export * from './IframeContainer';
 export * from './KeyValueTable';
+export * from './SelectPicker';

package/dist/Shared/Hooks/UseDownload/UseDownload.d.ts

@@ -0,0 +1,7 @@
+import { HandleDownloadProps } from './types';
+
+declare const useDownload: () => {
+    handleDownload: ({ downloadUrl, showFilePreparingToast, fileName, }: HandleDownloadProps) => Promise<void>;
+    isDownloading: boolean;
+};
+export default useDownload;

package/dist/Shared/Hooks/UseDownload/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useDownload } from './UseDownload';
+export * from './types';

package/dist/Shared/Hooks/UseDownload/service.d.ts

@@ -0,0 +1 @@
+export declare const getDownloadResponse: (downloadUrl: string) => Promise<Response>;

package/dist/Shared/Hooks/UseDownload/types.d.ts

@@ -0,0 +1,5 @@
+export interface HandleDownloadProps {
+    downloadUrl: string;
+    showFilePreparingToast?: boolean;
+    fileName?: string;
+}

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

@@ -1 +1,2 @@
 export * from './UsePrompt';
+export * from './UseDownload';

package/dist/Shared/constants.d.ts

@@ -353,3 +353,11 @@ export declare enum K8sResourcePayloadAppType {
     HELM_APP = 1,
     EXTERNAL_ARGO_APP = 2
 }
+/**
+ * Size variants for components
+ */
+export declare enum ComponentSizeType {
+    small = "small",
+    medium = "medium",
+    large = "large"
+}

package/dist/{cssMode-2977678b.js → cssMode-f2041000.js}

@@ -1,7 +1,7 @@
 var Le = Object.defineProperty;
 var je = (e, n, i) => n in e ? Le(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var k = (e, n, i) => (je(e, typeof n != "symbol" ? n + "" : n, i), i);
-import { m as Ne } from "./index-628c18a8.js";
+import { m as Ne } from "./index-a02e8b40.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{freemarker2-ed0eec7d.js → freemarker2-6d4da3dd.js}

@@ -1,4 +1,4 @@
-import { m as F } from "./index-628c18a8.js";
+import { m as F } from "./index-a02e8b40.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{handlebars-3abd8462.js → handlebars-c6090b95.js}

@@ -1,4 +1,4 @@
-import { m as i } from "./index-628c18a8.js";
+import { m as i } from "./index-a02e8b40.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{html-6dbbc2f9.js → html-9b18aef3.js}

@@ -1,4 +1,4 @@
-import { m as d } from "./index-628c18a8.js";
+import { m as d } from "./index-a02e8b40.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{htmlMode-1eb5fded.js → htmlMode-b79b819d.js}

@@ -1,7 +1,7 @@
 var $e = Object.defineProperty;
 var qe = (e, n, i) => n in e ? $e(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var k = (e, n, i) => (qe(e, typeof n != "symbol" ? n + "" : n, i), i);
-import { m as Qe } from "./index-628c18a8.js";
+import { m as Qe } from "./index-a02e8b40.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)