@devtron-labs/devtron-fe-common-lib 0.0.53-beta-8 → 0.0.54-beta-1

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

@@ -1,25 +1,26 @@
-import { TranslatableString } from '@rjsf/utils';
-/**
- * Override for the TranslatableString from RJSF
- */
-export declare const translateString: (stringToTranslate: TranslatableString, params?: string[]) => string;
-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, state: any) => any;
-    loadingMessage: (base: any) => any;
-    noOptionsMessage: (base: any) => any;
-    multiValue: (base: any, state: any) => any;
-};
-/**
- * Returns the redirection props for a url
- */
-export declare const getRedirectionProps: (url: string) => import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
-    url: string;
-};
-/**
- * Infers the type for json schema from value type
- */
-export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
+/// <reference types="react" />
+import { TranslatableString } from '@rjsf/utils';
+/**
+ * Override for the TranslatableString from RJSF
+ */
+export declare const translateString: (stringToTranslate: TranslatableString, params?: string[]) => string;
+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, state: any) => any;
+    loadingMessage: (base: any) => any;
+    noOptionsMessage: (base: any) => any;
+    multiValue: (base: any, state: any) => any;
+};
+/**
+ * Returns the redirection props for a url
+ */
+export declare const getRedirectionProps: (url: string) => import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
+    url: string;
+};
+/**
+ * Infers the type for json schema from value type
+ */
+export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";

package/dist/Common/RJSF/widgets/Checkbox.d.ts

@@ -1,2 +1,3 @@
-import { WidgetProps } from '@rjsf/utils';
-export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;
+/// <reference types="react" />
+import { WidgetProps } from '@rjsf/utils';
+export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;

package/dist/Common/RJSF/widgets/Select.d.ts

@@ -1,2 +1,3 @@
-import { WidgetProps } from '@rjsf/utils';
-export declare const Select: (props: WidgetProps) => JSX.Element;
+/// <reference types="react" />
+import { WidgetProps } from '@rjsf/utils';
+export declare const Select: (props: WidgetProps) => JSX.Element;

package/dist/Common/RJSF/widgets/index.d.ts

@@ -1,2 +1,2 @@
-export { Checkbox as CheckboxWidget } from './Checkbox';
-export { Select as SelectWidget } from './Select';
+export { Checkbox as CheckboxWidget } from './Checkbox';
+export { Select as SelectWidget } from './Select';

package/dist/Common/RadioGroup/RadioGroup.d.ts

@@ -1,16 +1,17 @@
-import React from 'react';
-interface RadioGroupInterface {
-    name: string;
-    onChange: any;
-    className?: string;
-    initialTab: string;
-    disabled: boolean;
-    showTippy?: boolean;
-    tippyContent?: any;
-    dataTestId?: string;
-}
-interface RadioGroupComposition {
-    Radio?: React.FC<any>;
-}
-declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
-export default RadioGroup;
+import React from 'react';
+import './radioGroup.scss';
+interface RadioGroupInterface {
+    name: string;
+    onChange: any;
+    className?: string;
+    initialTab: string;
+    disabled: boolean;
+    showTippy?: boolean;
+    tippyContent?: any;
+    dataTestId?: string;
+}
+interface RadioGroupComposition {
+    Radio?: React.FC<any>;
+}
+declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
+export default RadioGroup;

package/dist/Common/RadioGroup.d.ts

@@ -1,8 +1,8 @@
-import { Component } from 'react';
-import { RadioGroupItemProps, RadioGroupProps } from './Types';
-export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
-    render(): JSX.Element;
-}
-export declare class RadioGroup extends Component<RadioGroupProps> {
-    render(): JSX.Element;
-}
+import { Component } from 'react';
+import { RadioGroupItemProps, RadioGroupProps } from './Types';
+export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
+    render(): JSX.Element;
+}
+export declare class RadioGroup extends Component<RadioGroupProps> {
+    render(): JSX.Element;
+}

package/dist/Common/Reload.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ReloadType } from './Types';
-export default function Reload({ reload, className }: ReloadType): JSX.Element;
+/// <reference types="react" />
+import { ReloadType } from './Types';
+export default function Reload({ reload, className }: ReloadType): JSX.Element;

package/dist/Common/ResizableTextarea.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ResizableTextareaProps } from './Types';
-export declare const ResizableTextarea: React.FC<ResizableTextareaProps>;
+import React from 'react';
+import { ResizableTextareaProps } from './Types';
+export declare const ResizableTextarea: React.FC<ResizableTextareaProps>;

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { SearchBarProps } from './types';
+import './searchBar.scss';
+/**
+ * Generic search input component with support for enter based and debounced search
+ * Note: The component is uncontrolled
+ *
+ * @example Usage with default debounced search
+ * ```tsx
+ * <SearchBar handleSearchChange={triggerSearchApi} shouldDebounce />
+ * ```
+ *
+ * @example Initial search text
+ * ```tsx
+ * <SearchBar initialSearchText="Keyword" />
+ * ```
+ *
+ * @example Custom width
+ * ```tsx
+ * <SearchBar containerClassName="w-300" />
+ * ```
+ *
+ * @example Trigger search on enter key press
+ * ```tsx
+ * <SearchBar handleEnter={triggerSearchApi} />
+ * ```
+ *
+ * @example Custom timeout for debounced search
+ * ```tsx
+ * <SearchBar handleSearchChange={triggerSearchApi} shouldDebounce debounceTimeout={500} />
+ * ```
+ *
+ * @example Placeholder for the search
+ * ```tsx
+ * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
+ * ```
+ */
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, }: SearchBarProps) => JSX.Element;
+export default SearchBar;

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

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

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

@@ -0,0 +1,35 @@
+import { InputHTMLAttributes } from 'react';
+export interface SearchBarProps {
+    /**
+     * Initial search text
+     *
+     * @default ''
+     */
+    initialSearchText?: string;
+    /**
+     * Search handler for the search input
+     */
+    handleSearchChange?: (searchText: string) => void;
+    /**
+     * Enter event handler for the search input
+     */
+    handleEnter?: (searchText: string) => void;
+    /**
+     * Input props for the search input
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Class name for the container; can be used for handling width
+     */
+    containerClassName?: string;
+    /**
+     * If true, the change handler would be triggered with debounce
+     *
+     * @default false
+     */
+    shouldDebounce?: boolean;
+    /**
+     * Timeout for the debounce handler to be triggered
+     */
+    debounceTimeout?: number;
+}

package/dist/Common/Security/ScanVulnerabilitiesTable.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
-import { ScanVulnerabilitiesTableProps } from '../Types';
-export default function ScanVulnerabilitiesTable({ vulnerabilities }: ScanVulnerabilitiesTableProps): JSX.Element;
+/// <reference types="react" />
+import { ScanVulnerabilitiesTableProps } from '../Types';
+import './scanVulnerabilities.css';
+export default function ScanVulnerabilitiesTable({ vulnerabilities }: ScanVulnerabilitiesTableProps): JSX.Element;

package/dist/Common/ServerError.d.ts

@@ -1,15 +1,15 @@
-export declare class ServerError {
-    code: number;
-    internalMessage: string | null;
-    userMessage: string | null;
-    moreInfo?: string | null;
-    constructor(error: any);
-}
-export declare class ServerErrors extends Error {
-    code: number;
-    errors: ServerError[];
-    constructor(obj: {
-        code: number;
-        errors: ServerError[];
-    });
-}
+export declare class ServerError {
+    code: number;
+    internalMessage: string | null;
+    userMessage: string | null;
+    moreInfo?: string | null;
+    constructor(error: any);
+}
+export declare class ServerErrors extends Error {
+    code: number;
+    errors: ServerError[];
+    constructor(obj: {
+        code: number;
+        errors: ServerError[];
+    });
+}

package/dist/Common/TippyCustomized.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
-import { TippyCustomizedProps } from './Types';
-export declare function TippyCustomized(props: TippyCustomizedProps): JSX.Element;
+/// <reference types="react" />
+import 'tippy.js/animations/shift-toward-subtle.css';
+import { TippyCustomizedProps } from './Types';
+export declare function TippyCustomized(props: TippyCustomizedProps): JSX.Element;

package/dist/Common/ToastBody.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-export declare class ToastBody extends React.Component<{
-    title: string;
-    subtitle?: string;
-}> {
-    render(): JSX.Element;
-}
-export declare class ToastBody3 extends React.Component<{
-    text: string;
-    onClick: (...args: any[]) => void;
-    buttonText: string;
-}> {
-    render(): JSX.Element;
-}
-export declare class ToastBodyWithButton extends React.Component<{
-    title: string;
-    subtitle?: string;
-    onClick: (...args: any[]) => void;
-    buttonText: string;
-}> {
-    render(): JSX.Element;
-}
-export declare const toastAccessDenied: (title?: string, subtitle?: string) => React.ReactText;
+import React from 'react';
+export declare class ToastBody extends React.Component<{
+    title: string;
+    subtitle?: string;
+}> {
+    render(): JSX.Element;
+}
+export declare class ToastBody3 extends React.Component<{
+    text: string;
+    onClick: (...args: any[]) => void;
+    buttonText: string;
+}> {
+    render(): JSX.Element;
+}
+export declare class ToastBodyWithButton extends React.Component<{
+    title: string;
+    subtitle?: string;
+    onClick: (...args: any[]) => void;
+    buttonText: string;
+}> {
+    render(): JSX.Element;
+}
+export declare const toastAccessDenied: (title?: string, subtitle?: string) => React.ReactText;

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,12 +1,14 @@
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, ...props }: {
-    [x: string]: any;
-    selected?: boolean;
-    onSelect?: any;
-    color?: string;
-    rootClassName?: string;
-    disabled?: boolean;
-    dataTestId?: string;
-    Icon?: any;
-    iconClass?: string;
-}) => JSX.Element;
-export default Toggle;
+/// <reference types="react" />
+import './Toggle.scss';
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, ...props }: {
+    [x: string]: any;
+    selected?: boolean;
+    onSelect?: any;
+    color?: string;
+    rootClassName?: string;
+    disabled?: boolean;
+    dataTestId?: string;
+    Icon?: any;
+    iconClass?: string;
+}) => JSX.Element;
+export default Toggle;