@devtron-labs/devtron-fe-common-lib 1.17.0-pre-9 → 1.17.1

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

@@ -1,39 +0,0 @@
-import { ReactElement } from 'react';
-import { OmitNever } from '../../types';
-import { ButtonProps } from '../Button';
-import { IconsProps } from '../Icon';
-import { NumbersCountProps } from '../NumbersCount';
-import { DTSwitchProps } from '../Switch';
-export type ActionMenuItemIconType = Pick<IconsProps, 'name'> & {
-    /** @default 'N800' */
-    color?: IconsProps['color'];
-};
-export type TrailingItemType = {
-    type: 'icon';
-    config: ActionMenuItemIconType;
-} | {
-    type: 'text';
-    config: {
-        value: string;
-        icon?: ActionMenuItemIconType;
-    };
-} | {
-    type: 'counter';
-    config: {
-        value: NumbersCountProps['count'];
-    } & Pick<NumbersCountProps, 'isSelected'>;
-} | {
-    type: 'switch';
-    config: Pick<DTSwitchProps, 'ariaLabel' | 'isChecked' | 'indeterminate' | 'isDisabled' | 'isLoading' | 'name' | 'onChange' | 'tooltipContent'>;
-} | {
-    type: 'button';
-    config: OmitNever<Omit<Extract<ButtonProps, {
-        icon: ReactElement;
-    }>, 'size' | 'variant'>>;
-};
-export type TrailingItemProps = TrailingItemType & {
-    /**
-     * @default 'neutral'
-     */
-    variant?: 'neutral' | 'negative';
-};

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

@@ -1,3 +0,0 @@
-import { TreeViewProps } from './types';
-declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, }: TreeViewProps<DataAttributeType>) => JSX.Element;
-export default TreeView;

package/dist/Shared/Components/TreeView/TreeViewNodeContent.d.ts

@@ -1,3 +0,0 @@
-import { TreeViewNodeContentProps } from './types';
-declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, }: TreeViewNodeContentProps) => JSX.Element;
-export default TreeViewNodeContent;

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

@@ -1,4 +0,0 @@
-import { TreeViewProps } from './types';
-export declare const DEFAULT_NO_ITEMS_TEXT = "No items found";
-export declare const VARIANT_TO_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;
-export declare const VARIANT_TO_HOVER_CLASS_MAP: Record<TreeViewProps['variant'], string>;

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

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

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

@@ -1,204 +0,0 @@
-import { SyntheticEvent } from 'react';
-import { TooltipProps } from '../../../Common/Tooltip';
-import { DataAttributes, Never } from '../../types';
-import { IconsProps } from '../Icon';
-import { TrailingItemProps } from '../TrailingItem';
-export type TreeNode<DataAttributeType = null> = TreeHeading<DataAttributeType> | TreeItem<DataAttributeType>;
-/**
- * Represents a base node structure for a tree view component.
- *
- * @typeParam DataAttributeType - The type for data attributes, defaults to null. If it extends `DataAttributes`, the node can have `dataAttributes` of this type.
- *
- * @property id - Unique identifier for the node.
- * @property title - The main title text displayed for the node.
- * @property subtitle - Optional subtitle text for the node.
- * @property customTooltipConfig - Optional configuration for a custom tooltip.
- * @property strikeThrough - If true, the title will be rendered with a line-through style.
- * @property startIconConfig - Optional configuration for a start icon, which can be either a standard icon (with `name` and `color`) or a custom JSX element.
- * @property trailingItem - Optional configuration for a trailing item (e.g., button, icon) displayed at the end of the node.
- * @property dataAttributes - Optional data attributes, present only if `DataAttributeType` extends `DataAttributes`.
- */
-type BaseNode<DataAttributeType = null> = {
-    /**
-     * id - Unique identifier for the node.
-     */
-    id: string;
-    /**
-     * The title of the list item.
-     */
-    title: string;
-    /**
-     * The subtitle of the list item.
-     */
-    subtitle?: string;
-    /**
-     *  Optional configuration for a custom tooltip.
-     */
-    customTooltipConfig?: TooltipProps;
-    /**
-     * If true, the title will be rendered with line-through.
-     */
-    strikeThrough?: boolean;
-    /**
-     * Optional configuration for a start icon, which can be either a standard icon (with `name` and `color`) or a custom JSX element.
-     */
-    startIconConfig?: {
-        tooltipContent?: string;
-    } & ((Pick<IconsProps, 'name' | 'color'> & {
-        customIcon?: never;
-    }) | (Never<Pick<IconsProps, 'name' | 'color'>> & {
-        customIcon?: JSX.Element;
-    }));
-    trailingItem?: TrailingItemProps;
-} & (DataAttributeType extends DataAttributes ? {
-    dataAttributes?: DataAttributeType;
-} : {
-    dataAttributes?: never;
-});
-export type TreeHeading<DataAttributeType = null> = BaseNode<DataAttributeType> & {
-    type: 'heading';
-    items?: TreeNode<DataAttributeType>[];
-    /**
-     * Text to display when there are no items in the list.
-     * @default DEFAULT_NO_ITEMS_TEXT
-     */
-    noItemsText?: string;
-};
-export type NodeElementType = HTMLDivElement | HTMLButtonElement | HTMLAnchorElement;
-/**
- * Represents an item node in a tree structure, supporting different rendering modes.
- *
- * @template DataAttributeType - The type for custom data attributes, defaults to null.
- *
- * A `TreeItem` can be rendered as a button, link, or div, each with its own set of properties:
- * - When `as` is `'button'` (default), it can have an `onClick` handler.
- * - When `as` is `'link'`, it requires an `href`, can have an `onClick` handler, and supports clearing query parameters on navigation.
- * - When `as` is `'div'`, it is a non-interactive container.
- *
- * @property {'item'} type - Identifies the node as an item.
- * @property {boolean} [isDisabled=false] - If true, disables the item.
- * @property {'button' | 'link' | 'div'} [as] - Determines the rendered element type.
- * @property {(e: SyntheticEvent) => void} [onClick] - Callback for click events (button or link only).
- * @property {string} [href] - The navigation URL (link only).
- * @property {boolean} [clearQueryParamsOnNavigation=false] - If true, clears query parameters during navigation (link only).
- */
-export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
-    type: 'item';
-    /**
-     * @default false
-     */
-    isDisabled?: boolean;
-} & ({
-    as?: 'button';
-    /**
-     * The callback function to handle click events on the button.
-     */
-    onClick?: (e: SyntheticEvent) => void;
-    href?: never;
-    clearQueryParamsOnNavigation?: never;
-} | {
-    as: 'link';
-    href: string;
-    /**
-     * The callback function to handle click events on the nav link.
-     */
-    onClick?: (e: SyntheticEvent) => void;
-    /**
-     * If `true`, clears query parameters during navigation.
-     * @default false
-     */
-    clearQueryParamsOnNavigation?: boolean;
-} | {
-    as: 'div';
-    href?: never;
-    onClick?: never;
-    clearQueryParamsOnNavigation?: never;
-});
-/**
- * Props for the TreeView component.
- *
- * @template DataAttributeType - The type for data attributes associated with tree nodes.
- *
- * @property nodes - An array of tree nodes to be rendered in the tree view.
- * @property selectedId - (Optional) The ID of the currently selected tree item.
- * @property onSelect - (Optional) Callback invoked when a tree item is selected.
- * @property mode - (Optional) Determines the navigation mode of the tree view.
- *   - `'navigation'`: Enables keyboard navigation and focuses only the selected item.
- *   - `'form'`: Leaves navigation to the browser.
- *   - @default 'navigation'
- * @property variant - (Optional) Visual variant of the tree view.
- *   - `'primary'`: Uses primary background and hover colors.
- *   - `'secondary'`: Uses secondary background and hover colors.
- *   - @default 'primary'
- * @property defaultExpandedMap - (Optional) Initial map of node IDs to their expanded state.
- *   - @default {}
- *
- * @property depth - (Internal use only) The current depth level in the tree.
- * @property getUpdateItemsRefMap - (Internal use only) Function to update the ref map for item buttons/anchors.
- * @property flatNodeList - (Internal use only) List of all visible node IDs for keyboard navigation.
- * @property onToggle - (Internal use only) Callback invoked when a tree heading is toggled.
- * @property expandedMap - (Internal use only) Map of node IDs to their expanded state.
- * @property isControlled - (Internal use only) Indicates if the tree view is controlled.
- */
-export type TreeViewProps<DataAttributeType = null> = {
-    nodes: TreeNode<DataAttributeType>[];
-    selectedId?: string;
-    onSelect?: (item: TreeItem<DataAttributeType>) => void;
-    /**
-     * If navigation mode, the tree view will provide navigation through keyboard actions and make the only selected item focusable.
-     * If form mode, will leave the navigation to browser.
-     * @default 'navigation'
-     */
-    mode?: 'navigation' | 'form';
-    /**
-     * If primary the background color will be bg__primary and bg__hover--opaque, if secondary the background color will be bg__secondary bg__hover-secondary--opaque.
-     * @default 'primary'
-     */
-    variant?: 'primary' | 'secondary';
-    /**
-     * @default {}
-     */
-    defaultExpandedMap?: Record<string, boolean>;
-} /**
- * WARNING: For internal use only.
- */ & ({
-    depth: number;
-    /**
-     * Would pass this to item button/ref and store it in out ref map through this function.
-     */
-    getUpdateItemsRefMap: (id: string) => (element: NodeElementType) => void;
-    /**
-     * List of all nodes visible in tree view for keyboard navigation.
-     */
-    flatNodeList: string[];
-    /**
-     * Would be called when the user toggles a heading.
-     */
-    onToggle: (item: TreeHeading<DataAttributeType>) => void;
-    /**
-     * Map of id to whether the item is expanded or not.
-     */
-    expandedMap: Record<string, boolean>;
-    isControlled: true;
-} | {
-    depth?: never;
-    getUpdateItemsRefMap?: never;
-    flatNodeList?: never;
-    onToggle?: never;
-    expandedMap?: never;
-    isControlled?: false;
-});
-export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'> {
-    type: 'heading' | 'item';
-    isSelected: boolean;
-}
-export interface GetSelectedIdParentNodesProps<DataAttributeType = null> extends Pick<TreeViewProps<DataAttributeType>, 'nodes' | 'selectedId'> {
-}
-export interface FindSelectedIdParentNodesProps<DataAttributeType = null> extends Pick<GetSelectedIdParentNodesProps<DataAttributeType>, 'selectedId'> {
-    node: TreeNode<DataAttributeType>;
-    onFindParentNode: (id: string) => void;
-}
-export interface GetVisibleNodesProps<DataAttributeType = null> extends Pick<TreeViewProps<DataAttributeType>, 'expandedMap'> {
-    nodeList: TreeNode<DataAttributeType>[];
-}
-export {};

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

@@ -1,22 +0,0 @@
-import { GetSelectedIdParentNodesProps, GetVisibleNodesProps } from './types';
-/**
- * Retrieves an array of parent node IDs for the currently selected node.
- *
- * Iterates through the provided tree nodes and collects the IDs of all parent nodes
- * leading to the node identified by `selectedId`. If no node is selected, returns an empty array.
- *
- * @returns {string[]} An array of parent node IDs for the selected node, or an empty array if no node is selected.
- */
-export declare const getSelectedIdParentNodes: <DataAttributeType = null>({ nodes, selectedId, }: GetSelectedIdParentNodesProps<DataAttributeType>) => string[];
-/**
- * Recursively traverses a list of tree nodes and returns an array of all node IDs that are present in DOM.
- *
- * For each node in the provided list:
- * - Adds the node's `id` to the result array.
- * - If the node is of type `'heading'`, is expanded (as per `expandedMap`), and has child items,
- *   recursively traverses its child items and includes their IDs as well.
- *
- * @param nodeList - The list of nodes to traverse.
- * @returns An array of strings representing the IDs of all traversed nodes.
- */
-export declare const getVisibleNodes: <DataAttributeType = null>({ nodeList, expandedMap, }: GetVisibleNodesProps<DataAttributeType>) => string[];

package/dist/assets/ic-activity.abf111c7.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 12h3L9 3.75l6 15.75 3.75-7.5h3" vector-effect="non-scaling-stroke"/>
-</svg>

package/dist/assets/ic-folder.8038c019.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 6.984v12.564a.771.771 0 0 0 .77.77h18.49a.74.74 0 0 0 .74-.742V7.817a.833.833 0 0 0-.833-.833H2Zm0 0v-2.5a.833.833 0 0 1 .833-.834h5.488a.833.833 0 0 1 .59.244L12 6.984" vector-effect="non-scaling-stroke"/>
-</svg>

package/dist/assets/ic-helm-app.a20cfeb3.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-<rect width="24" height="24" rx="6" fill="#F3F0FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.5C12.345 4.5 12.625 4.78 12.625 5.125V6.41C13.71 6.529 14.703 6.958 15.513 7.607L15.536 7.581L16.419 6.697C16.5362 6.57977 16.6952 6.51392 16.861 6.51392C17.0268 6.51392 17.1858 6.57977 17.303 6.697C17.4202 6.81423 17.4861 6.97322 17.4861 7.139C17.4861 7.30478 17.4202 7.46377 17.303 7.581L16.419 8.464C16.4112 8.47221 16.4032 8.48022 16.395 8.488C17.0599 9.31791 17.4747 10.32 17.591 11.377L17.625 11.375H18.875C19.0408 11.375 19.1997 11.4408 19.3169 11.5581C19.4342 11.6753 19.5 11.8342 19.5 12C19.5 12.1658 19.4342 12.3247 19.3169 12.4419C19.1997 12.5592 19.0408 12.625 18.875 12.625H17.625L17.59 12.624C17.4743 13.6816 17.059 14.6843 16.393 15.514L16.419 15.536L17.303 16.419C17.4202 16.5362 17.4861 16.6952 17.4861 16.861C17.4861 17.0268 17.4202 17.1858 17.303 17.303C17.1858 17.4202 17.0268 17.4861 16.861 17.4861C16.6952 17.4861 16.5362 17.4202 16.419 17.303L15.536 16.419C15.5278 16.4112 15.5198 16.4032 15.512 16.395C14.6821 17.0599 13.68 17.4747 12.623 17.591L12.625 17.625V18.875C12.625 19.0408 12.5592 19.1997 12.4419 19.3169C12.3247 19.4342 12.1658 19.5 12 19.5C11.8342 19.5 11.6753 19.4342 11.5581 19.3169C11.4408 19.1997 11.375 19.0408 11.375 18.875V17.625L11.376 17.59C10.3184 17.4743 9.31573 17.059 8.486 16.393L8.464 16.419L7.581 17.303C7.46377 17.4202 7.30478 17.4861 7.139 17.4861C6.97322 17.4861 6.81423 17.4202 6.697 17.303C6.57977 17.1858 6.51392 17.0268 6.51392 16.861C6.51392 16.6952 6.57977 16.5362 6.697 16.419L7.581 15.536C7.58878 15.5278 7.59679 15.5198 7.605 15.512C6.94012 14.6821 6.52528 13.68 6.409 12.623L6.375 12.625H5.125C4.95924 12.625 4.80027 12.5592 4.68306 12.4419C4.56585 12.3247 4.5 12.1658 4.5 12C4.5 11.8342 4.56585 11.6753 4.68306 11.5581C4.80027 11.4408 4.95924 11.375 5.125 11.375H6.41C6.52643 10.3181 6.94165 9.31635 7.607 8.487L7.581 8.464L6.697 7.581C6.57977 7.46377 6.51392 7.30478 6.51392 7.139C6.51392 6.97322 6.57977 6.81423 6.697 6.697C6.81423 6.57977 6.97322 6.51392 7.139 6.51392C7.30478 6.51392 7.46377 6.57977 7.581 6.697L8.464 7.581C8.47221 7.58878 8.48022 7.59679 8.488 7.605C9.31791 6.94012 10.32 6.52528 11.377 6.409L11.375 6.375V5.125C11.375 4.78 11.655 4.5 12 4.5ZM12 7.625C10.8397 7.625 9.72688 8.08594 8.90641 8.90641C8.08594 9.72688 7.625 10.8397 7.625 12C7.625 13.1603 8.08594 14.2731 8.90641 15.0936C9.72688 15.9141 10.8397 16.375 12 16.375C13.1603 16.375 14.2731 15.9141 15.0936 15.0936C15.9141 14.2731 16.375 13.1603 16.375 12C16.375 10.8397 15.9141 9.72688 15.0936 8.90641C14.2731 8.08594 13.1603 7.625 12 7.625ZM12 8.875C12.8288 8.875 13.6237 9.20424 14.2097 9.79029C14.7958 10.3763 15.125 11.1712 15.125 12C15.125 12.8288 14.7958 13.6237 14.2097 14.2097C13.6237 14.7958 12.8288 15.125 12 15.125C11.1712 15.125 10.3763 14.7958 9.79029 14.2097C9.20424 13.6237 8.875 12.8288 8.875 12C8.875 11.1712 9.20424 10.3763 9.79029 9.79029C10.3763 9.20424 11.1712 8.875 12 8.875ZM12 10.125C11.7538 10.125 11.51 10.1735 11.2825 10.2677C11.055 10.362 10.8483 10.5001 10.6742 10.6742C10.5001 10.8483 10.362 11.055 10.2677 11.2825C10.1735 11.51 10.125 11.7538 10.125 12C10.125 12.2462 10.1735 12.49 10.2677 12.7175C10.362 12.945 10.5001 13.1517 10.6742 13.3258C10.8483 13.4999 11.055 13.638 11.2825 13.7323C11.51 13.8265 11.7538 13.875 12 13.875C12.4973 13.875 12.9742 13.6775 13.3258 13.3258C13.6775 12.9742 13.875 12.4973 13.875 12C13.875 11.5027 13.6775 11.0258 13.3258 10.6742C12.9742 10.3225 12.4973 10.125 12 10.125Z" fill="#664BEE"/>
-</svg>

package/dist/assets/ic-namespace.8980221f.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-  <rect width="18" height="18" x="3" y="3" stroke="#3B444C" stroke-dasharray="3 3" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="1" vector-effect="non-scaling-stroke"/>
-</svg>