@sap/ux-specification 1.108.28 → 1.108.30

package/dist/specification/scripts/documentation/components/TreeDiagram.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeDiagram = void 0;
+const filter_1 = require("./filter");
+const types_1 = require("./types");
+const ui_1 = require("./ui");
+class TreeDiagram {
+    constructor() {
+        this.TreeUI = new ui_1.TreeUI();
+        window.addEventListener('message', (event) => this.messageHandler(event));
+    }
+    show(container, data, icon) {
+        this.treeData = data;
+        this.TreeUI.render(container, data, icon);
+    }
+    sendMessage(message) {
+        window.postMessage(message, document.location.origin);
+    }
+    messageHandler(event) {
+        const { data = {} } = event;
+        const { type } = data;
+        switch (type) {
+            case '[view] search-config-doc': {
+                const { query } = data.payload;
+                const filteredTreeData = (0, filter_1.filter)(this.treeData, query);
+                this.TreeUI.applyFilter(filteredTreeData, query === '');
+                break;
+            }
+            case '[view] expand-config-doc': {
+                const { expand } = data.payload;
+                this.TreeUI.toggleExpandAll(expand);
+                break;
+            }
+            case '[view] zoom-config-doc': {
+                const { level, center } = data.payload;
+                const newLevel = this.TreeUI.zoomTree(level, center);
+                if (newLevel !== level) {
+                    // Notify about change
+                    this.sendMessage({
+                        type: types_1.CONFIG_DOC_ZOOM_UPDATE,
+                        level: newLevel
+                    });
+                }
+                break;
+            }
+        }
+    }
+}
+exports.TreeDiagram = TreeDiagram;
+//# sourceMappingURL=TreeDiagram.js.map

package/dist/specification/scripts/documentation/components/TreeDiagram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeDiagram.js","sourceRoot":"","sources":["../../../../../scripts/documentation/components/TreeDiagram.ts"],"names":[],"mappings":";;;AAAA,qCAAkC;AAElC,mCAAiD;AACjD,6BAA8B;AAC9B,MAAa,WAAW;IAGpB;QAFQ,WAAM,GAAW,IAAI,WAAM,EAAE,CAAC;QAGlC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9E,CAAC;IACM,IAAI,CAAC,SAAiB,EAAE,IAAc,EAAE,IAAY;QACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IACO,WAAW,CAAC,OAAiB;QACjC,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC;IACM,cAAc,CAAC,KAAmB;QACrC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;QAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtB,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,0BAA0B,CAAC,CAAC,CAAC;gBAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC/B,MAAM,gBAAgB,GAAG,IAAA,eAAM,EAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,EAAE,KAAK,KAAK,EAAE,CAAC,CAAC;gBACxD,MAAM;YACV,CAAC;YACD,KAAK,0BAA0B,CAAC,CAAC,CAAC;gBAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;gBAChC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBACpC,MAAM;YACV,CAAC;YACD,KAAK,wBAAwB,CAAC,CAAC,CAAC;gBAC5B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;gBACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;gBACrD,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;oBACrB,sBAAsB;oBACtB,IAAI,CAAC,WAAW,CAAC;wBACb,IAAI,EAAE,8BAAsB;wBAC5B,KAAK,EAAE,QAAQ;qBAClB,CAAC,CAAC;gBACP,CAAC;gBACD,MAAM;YACV,CAAC;QACL,CAAC;IACL,CAAC;CACJ;AA1CD,kCA0CC"}

package/dist/specification/scripts/documentation/components/filter.d.ts

@@ -0,0 +1,5 @@
+import type { TreeData } from './types';
+type SearchTreeData = TreeData;
+export declare function filter(input: TreeData, searchTerm: string): SearchTreeData | undefined;
+export {};
+//# sourceMappingURL=filter.d.ts.map

package/dist/specification/scripts/documentation/components/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../scripts/documentation/components/filter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,KAAK,cAAc,GAAG,QAAQ,CAAC;AAsC/B,wBAAgB,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAWtF"}

package/dist/specification/scripts/documentation/components/filter.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filter = void 0;
+function isNodeMatching(child, searchTerm) {
+    const { name } = child;
+    return name.toLowerCase().includes(searchTerm);
+}
+function filterNode(result, innerChild, searchTerm) {
+    let found = false;
+    let childClone = { ...innerChild, children: [] };
+    const isNodeMatched = isNodeMatching(innerChild, searchTerm);
+    if (isNodeMatched) {
+        found = true;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    const innerFound = filterNodes(childClone.children, innerChild, searchTerm);
+    if (innerFound) {
+        found = true;
+        childClone = {
+            ...innerChild,
+            children: childClone.children
+        };
+    }
+    if (isNodeMatched || innerFound) {
+        result.push(childClone);
+    }
+    return found;
+}
+function filterNodes(result, child, searchTerm) {
+    let found = false;
+    for (const innerChild of child.children) {
+        found = filterNode(result, innerChild, searchTerm) || found;
+    }
+    return found;
+}
+function filter(input, searchTerm) {
+    const resultNodes = [];
+    // Case insensitive search
+    searchTerm = searchTerm.trim().toLowerCase().replace(/\s/g, '');
+    if (!searchTerm) {
+        //return input;
+        return undefined;
+    }
+    // Apply search
+    const found = filterNode(resultNodes, input, searchTerm);
+    return found ? resultNodes[0] : undefined;
+}
+exports.filter = filter;
+//# sourceMappingURL=filter.js.map

package/dist/specification/scripts/documentation/components/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../../scripts/documentation/components/filter.ts"],"names":[],"mappings":";;;AAIA,SAAS,cAAc,CAAC,KAAe,EAAE,UAAkB;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACnD,CAAC;AAED,SAAS,UAAU,CAAC,MAAwB,EAAE,UAAoB,EAAE,UAAkB;IAClF,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,IAAI,UAAU,GAAmB,EAAE,GAAG,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;IAEjE,MAAM,aAAa,GAAG,cAAc,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC7D,IAAI,aAAa,EAAE,CAAC;QAChB,KAAK,GAAG,IAAI,CAAC;IACjB,CAAC;IACD,mEAAmE;IACnE,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IAC5E,IAAI,UAAU,EAAE,CAAC;QACb,KAAK,GAAG,IAAI,CAAC;QACb,UAAU,GAAG;YACT,GAAG,UAAU;YACb,QAAQ,EAAE,UAAU,CAAC,QAAQ;SAChC,CAAC;IACN,CAAC;IACD,IAAI,aAAa,IAAI,UAAU,EAAE,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAS,WAAW,CAAC,MAAwB,EAAE,KAAe,EAAE,UAAkB;IAC9E,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,KAAK,MAAM,UAAU,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACtC,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,KAAK,CAAC;IAChE,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAgB,MAAM,CAAC,KAAe,EAAE,UAAkB;IACtD,MAAM,WAAW,GAAqB,EAAE,CAAC;IACzC,0BAA0B;IAC1B,UAAU,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAChE,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,eAAe;QACf,OAAO,SAAS,CAAC;IACrB,CAAC;IACD,eAAe;IACf,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC9C,CAAC;AAXD,wBAWC"}

package/dist/specification/scripts/documentation/components/types.d.ts

@@ -0,0 +1,31 @@
+import type { HierarchyPointNode } from 'd3';
+export interface TreeData {
+    name: string;
+    description: string;
+    type: string;
+    children: TreeData[];
+    artifact?: string;
+    control?: string;
+}
+export interface TreeNode extends TreeData {
+    id?: number;
+    _children?: HierarchyPointNode<TreeNode>[];
+    bbox?: DOMRect;
+    x0?: number;
+    y0?: number;
+}
+export type Messages = ZoomUpdateMessage;
+export declare const CONFIG_DOC_ZOOM_UPDATE = "ZOOM_UPDATE";
+export interface ZoomUpdateMessage {
+    type: typeof CONFIG_DOC_ZOOM_UPDATE;
+    level: number;
+}
+export interface NavigationResult {
+    focus?: HierarchyPointNode<TreeNode>;
+    toggle?: HierarchyPointNode<TreeNode>;
+}
+export interface TooltipCoordinates {
+    x: number;
+    y: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/specification/scripts/documentation/components/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../scripts/documentation/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAE7C,MAAM,WAAW,QAAQ;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;AAEzC,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AAEpD,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,OAAO,sBAAsB,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,kBAAkB;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/specification/scripts/documentation/components/types.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONFIG_DOC_ZOOM_UPDATE = void 0;
+exports.CONFIG_DOC_ZOOM_UPDATE = 'ZOOM_UPDATE';
+//# sourceMappingURL=types.js.map

package/dist/specification/scripts/documentation/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../scripts/documentation/components/types.ts"],"names":[],"mappings":";;;AAoBa,QAAA,sBAAsB,GAAG,aAAa,CAAC"}

package/dist/specification/scripts/documentation/components/ui/TreeUI.d.ts

@@ -0,0 +1,41 @@
+import type { HierarchyPointNode, HierarchyNode, Selection } from 'd3';
+import type { TreeNode, TreeData } from '../types';
+export declare class TreeUI {
+    private innerHeight;
+    private innerWidth;
+    private maxLabelLength;
+    private levelWidth;
+    private countID;
+    private duration;
+    private rawTreeData;
+    root: HierarchyNode<TreeNode>;
+    rootNode: HierarchyPointNode<TreeNode>;
+    private treeIcon;
+    private searchResultContainer;
+    private buttonContainer;
+    svgTreeContainer: Selection<SVGSVGElement, TreeNode, HTMLElement, {}>;
+    svgTreeGroup: Selection<SVGGElement, TreeNode, HTMLElement, {}>;
+    private toolTip;
+    private treeLayout;
+    private nodes;
+    private links;
+    private zoomListener;
+    private canvasOffset;
+    constructor();
+    render(container: string, data: TreeData, icon: string): void;
+    toggleExpandAll(expand: boolean): void;
+    applyFilter(updatedTreeData: TreeData, clear: boolean): void;
+    private zoom;
+    zoomTree(value: number, center?: boolean): number;
+    private fitToCanvas;
+    private centerNode;
+    private centerTree;
+    private updateCanvasSize;
+    private createRootHierarchy;
+    private setupEventListeners;
+    private handleEventOnNode;
+    private updateTree;
+    private getContentHeight;
+    private toggleExpandOrCollapse;
+}
+//# sourceMappingURL=TreeUI.d.ts.map

package/dist/specification/scripts/documentation/components/ui/TreeUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeUI.d.ts","sourceRoot":"","sources":["../../../../../../scripts/documentation/components/ui/TreeUI.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,kBAAkB,EAAsB,aAAa,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AACvG,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAsB,MAAM,UAAU,CAAC;AAOvE,qBAAa,MAAM;IACf,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,UAAU,CAAW;IAC7B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,WAAW,CAAW;IACvB,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC9B,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,qBAAqB,CAAc;IAC3C,OAAO,CAAC,eAAe,CAAc;IAE9B,gBAAgB,EAAE,SAAS,CAAC,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;IACtE,YAAY,EAAE,SAAS,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;IACvE,OAAO,CAAC,OAAO,CAAuD;IACtE,OAAO,CAAC,UAAU,CAAuB;IAEzC,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,KAAK,CAAiC;IAE9C,OAAO,CAAC,YAAY,CAA2C;IAE/D,OAAO,CAAC,YAAY,CAGlB;;IAWK,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM;IA4CtD,eAAe,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAetC,WAAW,CAAC,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAuBnE,OAAO,CAAC,IAAI;IAKL,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM;IAYxD,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,mBAAmB;IAiC3B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,UAAU;IA2PlB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,sBAAsB;CAQjC"}