@devtron-labs/devtron-fe-common-lib 0.0.63-beta-2 → 0.0.63-beta-4

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

@@ -1,37 +1,37 @@
-import { ReactNode } from 'react';
-import { GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
-export interface EmptyPageTextType {
-    title?: GenericEmptyStateType['title'];
-    subTitle?: GenericEmptyStateType['subTitle'];
-}
-export interface APIResponseHandlerProps {
-    /**
-     * If true, would show Progressing component
-     */
-    isLoading?: boolean;
-    /**
-     * If loading is true, would load send these props to Progressing component
-     */
-    progressingProps?: ProgressingProps;
-    /**
-     * If true and isLoading is false would show default Reload component
-     * In case error code is 404 show default 404 page using GenericEmptyState
-     */
-    error?: ServerErrors;
-    /**
-     * Page text for 404 page
-     */
-    notFoundText?: EmptyPageTextType;
-    /**
-     * If true would show Not Authorized page
-     */
-    notAuthorized?: boolean;
-    /**
-     * If given, on Error, would load these props
-     */
-    reloadProps?: ReloadType;
-    /**
-     * If no Error and no Loading, would load this component
-     */
-    children: ReactNode;
-}
+import { ReactNode } from 'react';
+import { GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
+export interface EmptyPageTextType {
+    title?: GenericEmptyStateType['title'];
+    subTitle?: GenericEmptyStateType['subTitle'];
+}
+export interface APIResponseHandlerProps {
+    /**
+     * If true, would show Progressing component
+     */
+    isLoading?: boolean;
+    /**
+     * If loading is true, would load send these props to Progressing component
+     */
+    progressingProps?: ProgressingProps;
+    /**
+     * If true and isLoading is false would show default Reload component
+     * In case error code is 404 show default 404 page using GenericEmptyState
+     */
+    error?: ServerErrors;
+    /**
+     * Page text for 404 page
+     */
+    notFoundText?: EmptyPageTextType;
+    /**
+     * If true would show Not Authorized page
+     */
+    notAuthorized?: boolean;
+    /**
+     * If given, on Error, would load these props
+     */
+    reloadProps?: ReloadType;
+    /**
+     * If no Error and no Loading, would load this component
+     */
+    children: ReactNode;
+}

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

@@ -1,3 +1,4 @@
-import { BulkSelectionProps } from './types';
-declare const BulkSelection: <T>({ showPagination }: BulkSelectionProps) => JSX.Element;
-export default BulkSelection;
+/// <reference types="react" />
+import { BulkSelectionProps } from './types';
+declare const BulkSelection: <T>({ showPagination }: BulkSelectionProps) => JSX.Element;
+export default BulkSelection;

package/dist/Shared/Components/BulkSelection/BulkSelectionDropdownItems.d.ts

@@ -1,3 +1,4 @@
-import { BulkSelectionDropdownItemsProps } from './types';
-declare const BulkSelectionDropdownItems: <T>({ locator, label, isSelected, handleBulkSelection, icon: Icon, }: BulkSelectionDropdownItemsProps<T>) => JSX.Element;
-export default BulkSelectionDropdownItems;
+/// <reference types="react" />
+import { BulkSelectionDropdownItemsProps } from './types';
+declare const BulkSelectionDropdownItems: <T>({ locator, label, isSelected, handleBulkSelection, icon: Icon, }: BulkSelectionDropdownItemsProps<T>) => JSX.Element;
+export default BulkSelectionDropdownItems;

package/dist/Shared/Components/BulkSelection/BulkSelectionProvider.d.ts

@@ -1,3 +1,4 @@
-import { UseBulkSelectionProps, UseBulkSelectionReturnType } from './types';
-export declare const useBulkSelection: <T>() => UseBulkSelectionReturnType<T>;
-export declare const BulkSelectionProvider: <T>({ children, identifiers, getSelectAllDialogStatus, }: UseBulkSelectionProps<T>) => JSX.Element;
+/// <reference types="react" />
+import { UseBulkSelectionProps, UseBulkSelectionReturnType } from './types';
+export declare const useBulkSelection: <T>() => UseBulkSelectionReturnType<T>;
+export declare const BulkSelectionProvider: <T>({ children, identifiers, getSelectAllDialogStatus, }: UseBulkSelectionProps<T>) => JSX.Element;

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

@@ -1,10 +1,10 @@
-export declare const BULK_DROPDOWN_TEST_ID: "bulk-selection-pop-up-menu";
-export declare const BulkSelectionOptionsLabels: {
-    readonly SELECT_ALL_ON_PAGE: "All on this page";
-    readonly SELECT_ALL_ACROSS_PAGES: "All across pages";
-    readonly CLEAR_ALL_SELECTIONS: "Clear selection";
-};
-export declare const SELECT_ALL_ACROSS_PAGES_LOCATOR: "*";
-export declare const getInvalidActionMessage: (action: string) => string;
-export declare const BULK_SELECTION_CONTEXT_ERROR = "useBulkSelection must be used within BulkSelectionContext";
-export declare const CLEAR_SELECTIONS_WARNING = "Selections on other pages are cleared";
+export declare const BULK_DROPDOWN_TEST_ID: "bulk-selection-pop-up-menu";
+export declare const BulkSelectionOptionsLabels: {
+    readonly SELECT_ALL_ON_PAGE: "All on this page";
+    readonly SELECT_ALL_ACROSS_PAGES: "All across pages";
+    readonly CLEAR_ALL_SELECTIONS: "Clear selection(s)";
+};
+export declare const SELECT_ALL_ACROSS_PAGES_LOCATOR: "*";
+export declare const getInvalidActionMessage: (action: string) => string;
+export declare const BULK_SELECTION_CONTEXT_ERROR = "useBulkSelection must be used within BulkSelectionContext";
+export declare const CLEAR_SELECTIONS_WARNING = "Selections on other pages are cleared";

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

@@ -1,4 +1,4 @@
-export { default as BulkSelection } from './BulkSelection';
-export * from './BulkSelectionProvider';
-export * from './types';
-export * from './constants';
+export { default as BulkSelection } from './BulkSelection';
+export * from './BulkSelectionProvider';
+export * from './types';
+export * from './constants';

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

@@ -1,54 +1,56 @@
-/// <reference types="react" />
-import { CHECKBOX_VALUE } from '../../../Common';
-export declare enum BulkSelectionEvents {
-    CLEAR_ALL_SELECTIONS = "CLEAR_ALL_SELECTIONS",
-    CLEAR_IDENTIFIERS = "CLEAR_IDENTIFIERS",
-    SELECT_ALL_ACROSS_PAGES = "SELECT_ALL_ACROSS_PAGES",
-    SELECT_ALL_ON_PAGE = "SELECT_ALL_ON_PAGE",
-    SELECT_IDENTIFIER = "SELECT_IDENTIFIER",
-    CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION = "CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION",
-    CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES = "CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES"
-}
-export interface HandleBulkSelectionType<T> {
-    action: BulkSelectionEvents;
-    data?: {
-        identifierIds?: (number | string)[];
-        identifierObject?: T;
-    };
-}
-export interface GetBulkSelectionCheckboxValuesType {
-    isChecked: boolean;
-    checkboxValue: CHECKBOX_VALUE;
-}
-export interface UseBulkSelectionReturnType<T> extends GetBulkSelectionCheckboxValuesType {
-    selectedIdentifiers: T;
-    handleBulkSelection: ({ action, data }: HandleBulkSelectionType<T>) => void;
-}
-export interface BulkSelectionProps {
-    showPagination: boolean;
-}
-export interface BulkSelectionDropdownItemsType {
-    locator: BulkSelectionEvents;
-    label: string;
-    isSelected: boolean;
-    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-}
-export interface BulkSelectionDropdownItemsProps<T> extends BulkSelectionDropdownItemsType, Pick<UseBulkSelectionReturnType<T>, 'handleBulkSelection'> {
-}
-export declare enum SelectAllDialogStatus {
-    OPEN = "OPEN",
-    CLOSED = "CLOSED"
-}
-export type BulkSelectionIdentifiersType<T> = Record<string | number, T>;
-export interface UseBulkSelectionProps<T> {
-    /**
-     * Response from API, assuming structure to be array of objects with key and values
-     * This will the given ids on current page
-     */
-    identifiers: T;
-    /**
-     * Act as buffer between select all across pages and select all on page state
-     */
-    getSelectAllDialogStatus: () => SelectAllDialogStatus;
-    children?: React.ReactNode;
-}
+/// <reference types="react" />
+import { CHECKBOX_VALUE } from '../../../Common';
+export declare enum BulkSelectionEvents {
+    CLEAR_ALL_SELECTIONS = "CLEAR_ALL_SELECTIONS",
+    CLEAR_IDENTIFIERS = "CLEAR_IDENTIFIERS",
+    SELECT_ALL_ACROSS_PAGES = "SELECT_ALL_ACROSS_PAGES",
+    SELECT_ALL_ON_PAGE = "SELECT_ALL_ON_PAGE",
+    SELECT_IDENTIFIER = "SELECT_IDENTIFIER",
+    CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION = "CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION",
+    CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES = "CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES"
+}
+export interface HandleBulkSelectionType<T> {
+    action: BulkSelectionEvents;
+    data?: {
+        identifierIds?: (number | string)[];
+        identifierObject?: T;
+    };
+}
+export interface GetBulkSelectionCheckboxValuesType {
+    isChecked: boolean;
+    checkboxValue: CHECKBOX_VALUE;
+}
+export interface UseBulkSelectionReturnType<T> extends GetBulkSelectionCheckboxValuesType {
+    selectedIdentifiers: T;
+    handleBulkSelection: ({ action, data }: HandleBulkSelectionType<T>) => void;
+    isBulkSelectionApplied: boolean;
+    getSelectedIdentifiersCount: () => number;
+}
+export interface BulkSelectionProps {
+    showPagination: boolean;
+}
+export interface BulkSelectionDropdownItemsType {
+    locator: BulkSelectionEvents;
+    label: string;
+    isSelected: boolean;
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+}
+export interface BulkSelectionDropdownItemsProps<T> extends BulkSelectionDropdownItemsType, Pick<UseBulkSelectionReturnType<T>, 'handleBulkSelection'> {
+}
+export declare enum SelectAllDialogStatus {
+    OPEN = "OPEN",
+    CLOSED = "CLOSED"
+}
+export type BulkSelectionIdentifiersType<T> = Record<string | number, T>;
+export interface UseBulkSelectionProps<T> {
+    /**
+     * Response from API, assuming structure to be array of objects with key and values
+     * This will the given ids on current page
+     */
+    identifiers: T;
+    /**
+     * Act as buffer between select all across pages and select all on page state
+     */
+    getSelectAllDialogStatus: () => SelectAllDialogStatus;
+    children?: React.ReactNode;
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FilterChipsProps } from './types';
+/**
+ * Component for rendering the applied filter chips
+ */
+declare const FilterChips: ({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, }: FilterChipsProps) => JSX.Element;
+export default FilterChips;

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

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

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+export interface FilterChipProps {
+    /**
+     * Filter label
+     */
+    label: string;
+    /**
+     * Corresponding value of the filter
+     */
+    value: unknown;
+    /**
+     * Callback handler for removing the filter
+     */
+    handleRemoveFilter: (label: string, valueToRemove: unknown) => void;
+    /**
+     * If passed, the label will be formatted accordingly
+     */
+    getFormattedLabel?: (filterKey: string) => ReactNode;
+    /**
+     * If passed, the label will be formatted accordingly
+     */
+    getFormattedValue?: (filterKey: string, filterValue: unknown) => ReactNode;
+}
+export interface FilterChipsProps extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue'> {
+    /**
+     * Current filter configuration
+     */
+    filterConfig: Record<string, unknown>;
+    /**
+     * Callback handler for removing the filters
+     */
+    clearFilters: () => void;
+    /**
+     * Handler for removing a applied filter
+     */
+    onRemoveFilter: (filterConfig: Record<string, unknown>) => void;
+}

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

@@ -1 +1 @@
-export * from './utils';
+export * from './utils';

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

@@ -1,11 +1,12 @@
-export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
-    menuList: (base: any) => any;
-    control: (base: any, state: any) => any;
-    option: (base: any, state: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-    valueContainer: (base: any) => any;
-    loadingMessage: (base: any) => any;
-    noOptionsMessage: (base: any) => any;
-};
-export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
-export declare const SelectOption: (props: any) => JSX.Element;
+/// <reference types="react" />
+export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
+    menuList: (base: any) => any;
+    control: (base: any, state: any) => any;
+    option: (base: any, state: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+    valueContainer: (base: any) => any;
+    loadingMessage: (base: any) => any;
+    noOptionsMessage: (base: any) => any;
+};
+export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
+export declare const SelectOption: (props: any) => JSX.Element;

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

@@ -1,3 +1,4 @@
-export * from './APIResponseHandler';
-export * from './ReactSelect';
-export * from './BulkSelection';
+export * from './APIResponseHandler';
+export * from './ReactSelect';
+export * from './BulkSelection';
+export * from './FilterChips';

package/dist/Shared/Helpers.d.ts

@@ -1,16 +1,16 @@
-interface HighlightSearchTextProps {
-    /**
-     * The text to be highlighted
-     */
-    searchText: string;
-    /**
-     * The whole text string
-     */
-    text: string;
-    /**
-     * The classes to be applied to the highlighted text
-     */
-    highlightClasses?: string;
-}
-export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
-export {};
+interface HighlightSearchTextProps {
+    /**
+     * The text to be highlighted
+     */
+    searchText: string;
+    /**
+     * The whole text string
+     */
+    text: string;
+    /**
+     * The classes to be applied to the highlighted text
+     */
+    highlightClasses?: string;
+}
+export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
+export {};

package/dist/Shared/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Components';
-export * from './validations';
-export * from './Helpers';
+export * from './Components';
+export * from './validations';
+export * from './Helpers';

package/dist/Shared/validations.d.ts

@@ -1,8 +1,8 @@
-export interface ValidationResponseType {
-    isValid: boolean;
-    message?: string;
-}
-export declare const validateName: (name: string) => ValidationResponseType;
-export declare const validateDescription: (description: string) => ValidationResponseType;
-export declare const validateRequiredPositiveNumber: (value: string | number) => ValidationResponseType;
-export declare const validateRequiredPositiveInteger: (value: string | number) => ValidationResponseType;
+export interface ValidationResponseType {
+    isValid: boolean;
+    message?: string;
+}
+export declare const validateName: (name: string) => ValidationResponseType;
+export declare const validateDescription: (description: string) => ValidationResponseType;
+export declare const validateRequiredPositiveNumber: (value: string | number) => ValidationResponseType;
+export declare const validateRequiredPositiveInteger: (value: string | number) => ValidationResponseType;

package/dist/index.d.ts

@@ -1,9 +1,3 @@
-declare global {
-    interface Window {
-        __BASE_URL__: string;
-        __ORCHESTRATOR_ROOT__: string;
-    }
-}
-export * from './Common';
-export * from './Pages';
-export * from './Shared';
+export * from './Common';
+export * from './Pages';
+export * from './Shared';