@ruc-lib/org-chart 2.0.0

package/interfaces/org-chart.d.ts

@@ -0,0 +1,41 @@
+import { TreeNode } from 'primeng/api';
+export interface CustomTreeNode extends TreeNode {
+    customNodeStyle?: {
+        [key: string]: string | number;
+    };
+    originalStyle?: {
+        [key: string]: string | number;
+    };
+    description?: string;
+}
+export interface CustomNodeStyle {
+    backgroundColor?: string;
+    color?: string;
+    padding?: string;
+    borderRadius?: string;
+}
+export interface OrgDataItem {
+    label?: string;
+    expanded?: boolean;
+    description?: string;
+    customNodeStyle?: CustomNodeStyle;
+    type?: string;
+    data?: {
+        image?: string;
+        name?: string;
+        title: string;
+    };
+    children?: OrgDataItem[];
+    originalStyle?: CustomNodeStyle;
+}
+export interface OrgData {
+    isDisplayHambergerMenu?: boolean;
+    isDisplaySearchBar?: boolean;
+    nodeTemplate: string;
+    hambergerMenuList: {
+        label: string;
+        id: number;
+    }[];
+    greyNodeStyle: CustomNodeStyle;
+    orgData: OrgDataItem[];
+}

package/lib/org-chart/org-chart.component.d.ts

@@ -0,0 +1,64 @@
+import { OnInit } from '@angular/core';
+import { CustomTreeNode, OrgData, OrgDataItem } from '../../interfaces/org-chart';
+import { TreeNode } from 'primeng/api';
+import { OrganizationChart } from 'primeng/organizationchart';
+import * as i0 from "@angular/core";
+/** Displays an organizational chart with nodes and relationships (Org Chart Component)  */
+export declare class OrgChartComponent implements OnInit {
+    rucInputData: OrgData;
+    customTheme: string | undefined;
+    selectedNodes: CustomTreeNode[];
+    searchText: string;
+    hoveredNode: CustomTreeNode | null;
+    orgChart: OrganizationChart;
+    /** Initializes the component  */
+    ngOnInit(): void;
+    /** add default property for grey nodes if user does not provided */
+    addDefaultKeysIfNotAvailable(orgData: OrgData): OrgData;
+    /** manipulate input json as If customNodeStyle exists, create originalStyle for node and its children  */
+    updateRucInputData(data: OrgDataItem[]): OrgDataItem[];
+    /** Expands all nodes in the org chart */
+    expandAllNodes(): void;
+    /** Recursively expands all nodes in the given array
+     * @param nodes Nodes to expand @returns Expanded nodes */
+    expandNodes(nodes: OrgDataItem[]): OrgDataItem[];
+    /** Collapses all nodes in the org chart   */
+    collapseAllNodes(): void;
+    /** Recursively collapses all nodes in the given array
+     * @param nodes Nodes to collapse @returns Collapsed nodes  */
+    collapseNodes(nodes: OrgDataItem[]): OrgDataItem[];
+    /** Gets the background color of a node based on search text
+      @param node Node to check @returns Whether the node matches the search text */
+    getBackgroungColorOfNode(node: CustomTreeNode): boolean;
+    /** Handles node hover event @param node Hovered node */
+    onNodeHover(node: CustomTreeNode): void;
+    /** Handles node leave event */
+    onNodeLeave(): void;
+    /**   Updates node styles based on the hovered node */
+    updateNodeStyles(): void;
+    /**   Resets node styles to their original state */
+    resetNodeStyles(): void;
+    /** Applies grey node style to non-matching nodes @param nodes Nodes to apply styles to */
+    applyGreyNodes(nodes: OrgDataItem[]): void;
+    /** Applies styles to nodes based on the hovered node
+     * @param nodes Nodes to apply styles @param isHovered Whether the node is hovered */
+    applyStyles(nodes: OrgDataItem[], isHovered: boolean): void;
+    /**  Use the downloadChart utility method */
+    downloadChart(format: 'png' | 'jpeg' | 'pdf'): void;
+    /** Handles menu click event @param id Menu item ID  */
+    onMenuClick(id: number, event: MouseEvent): void;
+    /** Gets tooltip data for a node @param node Node to get tooltip data */
+    getTooltipData(node: CustomTreeNode): string | undefined;
+    /** Checks if a node is a parent of another node.
+     * @param currentNode The current node to check.
+     * @param hoveredNode The node to check for parentage.
+     * @returns Whether the current node is a parent of the hovered node. */
+    isParent(currentNode: TreeNode, hoveredNode: TreeNode | null): boolean | null | undefined;
+    /** Checks if a node is a child of another node.
+     * @param node The node to check for child status
+     * @param target The node to check for parentage.
+     * @returns Whether the node is a child of the target node.*/
+    isChild(node: TreeNode, target: TreeNode | null): boolean | null | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrgChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrgChartComponent, "uxp-org-chart", never, { "rucInputData": "rucInputData"; "customTheme": "customTheme"; }, {}, never, never, false, never>;
+}

package/lib/ruclib-org-chart.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./org-chart/org-chart.component";
+import * as i2 from "@angular/common";
+import * as i3 from "primeng/button";
+import * as i4 from "@angular/platform-browser";
+import * as i5 from "@angular/forms";
+import * as i6 from "primeng/organizationchart";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/material/menu";
+import * as i9 from "@angular/material/button";
+import * as i10 from "@angular/material/icon";
+export declare class RuclibOrgChartModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuclibOrgChartModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RuclibOrgChartModule, [typeof i1.OrgChartComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i4.BrowserModule, typeof i5.FormsModule, typeof i6.OrganizationChartModule, typeof i7.MatInputModule, typeof i8.MatMenuModule, typeof i9.MatButtonModule, typeof i10.MatIconModule], [typeof i1.OrgChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RuclibOrgChartModule>;
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@ruc-lib/org-chart",
+  "version": "2.0.0",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^17.0.0 || ^16.0.0 || ^15.0.0",
+    "@angular/core": "^17.0.0 || ^16.0.0 || ^15.0.0",
+    "primeng": "^15.4.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "module": "fesm2015/ruc-lib-org-chart.mjs",
+  "es2020": "fesm2020/ruc-lib-org-chart.mjs",
+  "esm2020": "esm2020/ruc-lib-org-chart.mjs",
+  "fesm2020": "fesm2020/ruc-lib-org-chart.mjs",
+  "fesm2015": "fesm2015/ruc-lib-org-chart.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ruc-lib-org-chart.mjs",
+      "es2020": "./fesm2020/ruc-lib-org-chart.mjs",
+      "es2015": "./fesm2015/ruc-lib-org-chart.mjs",
+      "node": "./fesm2015/ruc-lib-org-chart.mjs",
+      "default": "./fesm2020/ruc-lib-org-chart.mjs"
+    }
+  }
+}

package/utils/chart-download.util.d.ts

@@ -0,0 +1,8 @@
+import { OrgData, OrgDataItem } from '../interfaces/org-chart';
+export declare const downloadChart: (chartContainer: HTMLElement, format: 'png' | 'jpeg' | 'pdf') => void;
+export declare const captureElementAsImage: (element: HTMLElement, format: 'png' | 'jpeg') => Promise<string>;
+export declare const createPDF: (element: HTMLElement) => void;
+export declare const downloadImage: (imgData: string, format: 'png' | 'jpeg') => void;
+export declare const handleCanvasError: (error: any) => void;
+export declare const checkPropsType: (props: OrgData) => void;
+export declare const checkOrgDataItem: (item: OrgDataItem) => void;