@devtron-labs/devtron-fe-common-lib 1.2.4-beta-12 → 1.2.5-beta-1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.2.4-beta-12",
+    "version": "1.2.5-beta-1",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

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

@@ -1,2 +0,0 @@
-import { DynamicDataTableProps } from './types';
-export declare const DynamicDataTable: <K extends string>({ headers, ...props }: DynamicDataTableProps<K>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableHeader.d.ts

@@ -1,2 +0,0 @@
-import { DynamicDataTableHeaderProps } from './types';
-export declare const DynamicDataTableHeader: <K extends string>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts

@@ -1,2 +0,0 @@
-import { DynamicDataTableRowProps } from './types';
-export declare const DynamicDataTableRow: <K extends string>({ rows, headers, maskValue, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, validationSchema, showError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, }: DynamicDataTableRowProps<K>) => JSX.Element;

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

@@ -1,2 +0,0 @@
-export * from './DynamicDataTable';
-export * from './types';

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

@@ -1,165 +0,0 @@
-import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
-import { SortingOrder } from '../../../Common/Constants';
-import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
-import { InfoIconTippyProps } from '../../../Common/Types';
-import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
-import { SelectTextAreaProps } from '../SelectTextArea';
-/**
- * Interface representing header for a dynamic data table.
- * @template K - A string representing the key type.
- */
-export type DynamicDataTableHeaderType<K extends string> = {
-    /** The display label of the header, shown in the table's column header. */
-    label: string;
-    /** The unique key associated with the header, used to map the column to data fields. */
-    key: K;
-    /** The width of the column, defined as a CSS string (e.g., "100px", "10%", "1fr", or "auto"). */
-    width: string;
-    /** An optional boolean indicating whether the column is sortable. */
-    isSortable?: boolean;
-    /** An optional boolean to control the visibility of the column. */
-    isHidden?: boolean;
-    /** An optional boolean to show the column */
-    renderHelpTextForHeader?: () => ReactNode;
-};
-export declare enum DynamicDataTableRowDataType {
-    TEXT = "text",
-    DROPDOWN = "dropdown",
-    SELECT_TEXT = "select-text",
-    BUTTON = "button"
-}
-export type DynamicDataTableCellPropsMap = {
-    [DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRef'>;
-    [DynamicDataTableRowDataType.DROPDOWN]: Omit<SelectPickerProps<string, false>, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled'>;
-    [DynamicDataTableRowDataType.SELECT_TEXT]: Omit<SelectTextAreaProps, 'value' | 'onChange' | 'inputId' | 'isDisabled' | 'dependentRef' | 'refVar' | 'textAreaProps'> & {
-        textAreaProps?: Omit<SelectTextAreaProps['textAreaProps'], 'className' | 'disableOnBlurResizeToMinHeight' | 'minHeight' | 'maxHeight'>;
-    };
-    [DynamicDataTableRowDataType.BUTTON]: Pick<DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'onClick'> & {
-        icon?: ReactNode;
-        text: string;
-    };
-};
-type DynamicDataTableCellData<T extends keyof DynamicDataTableCellPropsMap = keyof DynamicDataTableCellPropsMap> = T extends keyof DynamicDataTableCellPropsMap ? {
-    type: T;
-    props: DynamicDataTableCellPropsMap[T];
-} : never;
-/**
- * Type representing a key-value row.
- * @template K - A string representing the key type.
- */
-export type DynamicDataTableRowType<K extends string, CustomStateType = Record<string, unknown>> = {
-    data: {
-        [key in K]: {
-            value: string;
-            disabled?: boolean;
-            /** An optional boolean indicating if an asterisk should be shown. */
-            required?: boolean;
-        } & DynamicDataTableCellData;
-    };
-    id: string | number;
-    /** */
-    customState?: CustomStateType;
-};
-type DynamicDataTableMask<K extends string> = {
-    [key in K]?: boolean;
-};
-type DynamicDataTableCellIcon<K extends string> = {
-    [key in K]?: (row: DynamicDataTableRowType<K>) => ReactNode;
-};
-/**
- * Interface representing the properties for the dynamic data table component.
- * @template K - A string representing the key type.
- */
-export type DynamicDataTableProps<K extends string> = {
-    /**
-     * An array containing the headers for the data table. \
-     * Each header defines a column with its label, key, width, and optional settings.
-     */
-    headers: DynamicDataTableHeaderType<K>[];
-    /**
-     * An array of rows where each row contains data corresponding to the table headers.
-     */
-    rows: DynamicDataTableRowType<K>[];
-    /** Optional configuration for sorting the table. */
-    sortingConfig?: {
-        sortBy: K;
-        sortOrder: SortingOrder;
-        handleSorting: () => void;
-    };
-    /** An optional mask to hide the values of the cell. */
-    maskValue?: DynamicDataTableMask<K>;
-    /** Optional configuration for displaying an icon in the leading position of a cell. */
-    leadingCellIcon?: DynamicDataTableCellIcon<K>;
-    /** Optional configuration for displaying an icon in the trailing position of a cell. */
-    trailingCellIcon?: DynamicDataTableCellIcon<K>;
-    /** An optional function to render a custom wrapper component for the type `DynamicDataTableRowDataType.BUTTON`. */
-    buttonCellWrapComponent?: (row: DynamicDataTableRowType<K>) => ReactElement;
-    /** An optional React node for a custom header component. */
-    headerComponent?: ReactNode;
-    /** When true, data addition field will not be shown. */
-    isAdditionNotAllowed?: boolean;
-    /** When true, data addition field will not be shown. */
-    isDeletionNotAllowed?: boolean;
-    /** When true, data add or update is disabled. */
-    readOnly?: boolean;
-    /** Function to handle the addition of a new row to the table. */
-    onRowAdd: () => void;
-    /**
-     * Function to handle changes in the table rows.
-     * @param row - The row that changed.
-     * @param headerKey - The key of the header that changed.
-     * @param value - The value of the cell.
-     * @param extraData - Additional data, such as a selected value for dropdowns.
-     */
-    onRowEdit: (row: DynamicDataTableRowType<K>, headerKey: K, value: string, extraData: {
-        selectedValue?: SelectPickerOptionType<string>;
-    }) => void;
-    /**
-     * Function to handle row deletions.
-     * @param row - The row that was deleted.
-     */
-    onRowDelete: (row: DynamicDataTableRowType<K>) => void;
-    /** Optional configuration for rendering a custom action button in a row. */
-    actionButtonConfig?: {
-        /**
-         * Function to render the action button.
-         * @param row - The current row being rendered.
-         * @returns A React node representing the action button.
-         */
-        renderer: (row: DynamicDataTableRowType<K>) => ReactNode;
-        /**
-         * This represents under which header key the action button will be rendered.
-         */
-        key: K;
-        /**
-         * The width of the action button.
-         * @default '32px'
-         */
-        width?: string;
-        /**
-         * The position of the action button under the header key.
-         * @default 'start'
-         */
-        position?: 'start' | 'end';
-    };
-    /**
-     * Indicates whether to show errors.
-     */
-    showError?: boolean;
-    /**
-     * Function to validate the value of a table cell.
-     * @param value - The value to validate.
-     * @param key - The column key of the cell.
-     * @param row - The row containing the cell.
-     * @returns An object with a boolean indicating validity and an array of error messages.
-     */
-    validationSchema?: (value: string, key: K, row: DynamicDataTableRowType<K>) => {
-        isValid: boolean;
-        errorMessages: string[];
-    };
-};
-export interface DynamicDataTableHeaderProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'>, Pick<InfoIconTippyProps, 'heading' | 'additionalContent'> {
-}
-export interface DynamicDataTableRowProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'rows' | 'headers' | 'maskValue' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'showError' | 'validationSchema' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent'> {
-}
-export {};

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

@@ -1,5 +0,0 @@
-import { DynamicDataTableHeaderType, DynamicDataTableProps, DynamicDataTableRowDataType } from './types';
-export declare const getActionButtonPosition: <K extends string>({ headers, actionButtonConfig, }: Pick<DynamicDataTableProps<K>, "headers" | "actionButtonConfig">) => number;
-export declare const getHeaderGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
-export declare const getRowGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
-export declare const rowTypeHasInputField: (type: DynamicDataTableRowDataType) => boolean;

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

@@ -1,2 +0,0 @@
-import { SelectTextAreaProps } from './types';
-export declare const SelectTextArea: ({ value, Icon, onChange, options, inputId, placeholder, refVar, dependentRef, disabled, selectPickerProps, textAreaProps, }: SelectTextAreaProps) => JSX.Element;

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

@@ -1,2 +0,0 @@
-export * from './SelectTextArea';
-export * from './types';

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

@@ -1,12 +0,0 @@
-import { ReactElement } from 'react';
-import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
-import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
-export type SelectTextAreaProps = Pick<SelectPickerProps<string, false>, 'inputId' | 'options'> & Pick<ResizableTagTextAreaProps, 'refVar' | 'dependentRef'> & {
-    value: string;
-    Icon?: ReactElement;
-    onChange?: (selectedValue: SelectPickerOptionType<string>) => void;
-    disabled?: boolean;
-    placeholder?: string;
-    textAreaProps?: Omit<ResizableTagTextAreaProps, 'refVar' | 'dependentRef' | 'id' | 'value' | 'onChange' | 'placeholder' | 'disabled'>;
-    selectPickerProps?: Omit<SelectPickerProps<string, false>, 'inputId' | 'options' | 'isDisabled' | 'onChange' | 'variant' | 'value' | 'placeholder' | 'fullWidth' | 'selectRef' | 'onCreateOption' | 'isMulti'>;
-};

package/dist/Shared/Components/TagsKeyValueTable/TagsContainer.d.ts

@@ -1,3 +0,0 @@
-import { TagsContainerProps } from './types';
-declare const TagsContainer: ({ isCreateApp, hidePropagateTags, ...props }: TagsContainerProps) => JSX.Element;
-export default TagsContainer;

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

@@ -1,4 +0,0 @@
-import { DynamicDataTableHeaderType } from '../DynamicDataTable';
-import { TagsTableColumnsType } from './types';
-export declare const TAGS_TABLE_HEADERS: DynamicDataTableHeaderType<TagsTableColumnsType>[];
-export declare const DEVTRON_AI_URL: string;

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

@@ -1,3 +0,0 @@
-export { default as TagsContainer } from './TagsContainer';
-export { getEmptyTagTableRow } from './utils';
-export type { TagsTableColumnsType } from './types';

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

@@ -1,9 +0,0 @@
-import { DynamicDataTableProps, DynamicDataTableRowType } from '../DynamicDataTable';
-export type TagsTableColumnsType = 'tagKey' | 'tagValue';
-export interface TagsContainerProps extends Partial<Pick<DynamicDataTableProps<TagsTableColumnsType>, 'onRowEdit'>> {
-    isCreateApp?: boolean;
-    rows: DynamicDataTableRowType<TagsTableColumnsType>[];
-    setRows: (updatedRows: DynamicDataTableRowType<TagsTableColumnsType>[]) => void;
-    hidePropagateTags?: boolean;
-    getEmptyRow?: (keyChoices?: string[]) => DynamicDataTableRowType<TagsTableColumnsType>;
-}

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

@@ -1,3 +0,0 @@
-import { DynamicDataTableRowType } from '../DynamicDataTable';
-import { TagsTableColumnsType } from './types';
-export declare const getEmptyTagTableRow: () => DynamicDataTableRowType<TagsTableColumnsType>;

package/dist/assets/ic-clear-square.e60de021.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><rect width="13.3333" height="13.3333" x="1.33301" y="1.33331" fill="#596168" rx="4"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m10 6-4 4m4 0L6 6"/></svg>