@techextensor/tab-sdk 0.0.2 → 0.0.3

package/lib/ui/form.service.d.ts

@@ -0,0 +1,56 @@
+import * as i0 from "@angular/core";
+export declare class FormService {
+    private readonly _helperFunctionService;
+    /**
+    * Processes form components with individual actions in a single pass
+    *
+    * @example
+    * // Process multiple components with different actions in one pass
+    * sdk.form.processComponents(
+    *   screenParameters.rendererInstance.form.components,
+    *   [
+    *     {
+    *       keys: 'documentDetails', // Single key
+    *       action: (component) => component.hidden = true,
+    *       type: 'columns' // Optional type filter
+    *     },
+    *     {
+    *       keys: 'documentPreview,documentComments', // Multiple keys as comma-separated string
+    *       action: (component) => component.hidden = false
+    *     }
+    *   ]
+    * );
+    */
+    processComponents(components: any[], processors: Array<{
+        keys: string;
+        type?: string;
+        action: (component: any) => void;
+    }>): void;
+    /**
+     * Updates visibility of multiple form components at once
+     *
+     * @example
+     * sdk.form.setComponentsVisibility(
+     *   screenParameters.rendererInstance.form.components,
+     *   {
+     *     'documentDetails': false,
+     *     'documentComments': true
+     *   }
+     * );
+     */
+    setComponentsVisibility(components: any[], visibilityMap: Record<string, boolean>): void;
+    /**
+     * Finds components by key and returns them in a structured object
+     *
+     * @example
+     * const components = sdk.form.findComponentsByKeys(
+     *   form.components,
+     *   ['documentDetails', 'documentPreview', 'documentComments']
+     * );
+     */
+    findComponentsByKeys(components: any[], keys: string[], options?: {
+        type?: string;
+    }): Record<string, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormService>;
+}

package/lib/ui/ui.service.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class UiService {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UiService>;
+}

package/package.json

@@ -1,13 +1,10 @@
 {
   "name": "@techextensor/tab-sdk",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
-    "@techextensor/tab-core-utility": "^2.2.129"
-  },
-  "scripts": {
-    "updateVersion": "npm version patch"
+    "@techextensor/tab-core-utility": "^2.2.135"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -15,5 +12,18 @@
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
+  },
+  "module": "fesm2022/techextensor-tab-sdk.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/techextensor-tab-sdk.mjs",
+      "esm": "./esm2022/techextensor-tab-sdk.mjs",
+      "default": "./fesm2022/techextensor-tab-sdk.mjs"
+    }
   }
-}
+}

package/public-api.d.ts

@@ -0,0 +1 @@
+export * from './lib/tab-sdk.service';

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/tab-sdk",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}

package/project.json

@@ -1,37 +0,0 @@
-{
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "name": "tab-sdk",
-  "projectType": "library",
-  "sourceRoot": "projects/tab-sdk/src",
-  "prefix": "lib",
-  "targets": {
-    "build": {
-      "executor": "@angular-devkit/build-angular:ng-packagr",
-      "options": {
-        "project": "projects/tab-sdk/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "projects/tab-sdk/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "projects/tab-sdk/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production",
-      "outputs": [
-        "{workspaceRoot}/dist/tab-sdk"
-      ]
-    },
-    "test": {
-      "executor": "@angular-devkit/build-angular:karma",
-      "options": {
-        "tsConfig": "projects/tab-sdk/tsconfig.spec.json",
-        "polyfills": [
-          "zone.js",
-          "zone.js/testing"
-        ]
-      }
-    }
-  }
-}

package/src/lib/common/utils.service.ts

@@ -1,184 +0,0 @@
-import { inject, Injectable } from "@angular/core";
-import { AuthService } from "../core/auth.service";
-import { TabSdk } from "../tab-sdk.service";
-
-@Injectable({
-    providedIn: 'root'
-})
-export class UtilsService {
-    private readonly _authService: AuthService = inject(AuthService);
-    private readonly _helperFunctionService: any = TabSdk.context?.HelperFunctionService;
-    
-
-    /**
-     * Extracts the event name from various event parameter structures
-     * 
-     * @example
-     * const eventName = sdk.utils.extractEventName(screenParameters.event);
-     * if (eventName === 'deleteDocument') {
-     *   // Handle delete document event
-     * }
-     */
-    extractEventName(event: any): string {
-        if (!event) return '';
-
-        // Check common patterns for event names
-        return event.event?.component?.configuration?.configScreen?.componentValue?.eventName ??
-            event.detail?.type ??
-            event.type ??
-            event.name ??
-            '';
-    }
-
-
-    /**
-     * Builds an application URL with the specified path and parameters
-     * 
-     * @example
-     * // Get full URL with protocol
-     * const fullUrl = sdk.utils.buildAppUrl('screen/12345', { id: '12345' });
-     */
-    buildAppUrl(
-        path: string,
-        parameters?: Record<string, any>,
-        includeProtocol: boolean = true
-    ): string {
-        const appCode = this._authService.getAppCode();
-        const params = new URLSearchParams();
-
-        // Add parameters to the URL
-        if (parameters) {
-            Object.entries(parameters).forEach(([key, value]) => {
-                if (value !== undefined && value !== null) {
-                    params.append(key, String(value));
-                }
-            });
-        }
-
-        // Build query string
-        const queryString = params.toString() ? `?${params.toString()}` : '';
-
-        // Build URL
-        if (includeProtocol) {
-            const host = window.location.host;
-            return `http://${host}/${appCode}/${path}${queryString}`;
-
-        } else {
-            return `/${appCode}/${path}${queryString}`;
-        }
-    }
-
-    /**
-     * Generates and copies a screen URL to the clipboard
-     * 
-     * @example
-     * // Copy URL to clipboard
-     * sdk.utils.copyScreenLink('12345', { id: '12345' });
-     */
-    copyScreenLinkToClipboard(
-        screenId: string,
-        parameters?: Record<string, any>
-    ): any {
-        const url = this.buildAppUrl(`screen/${screenId}`, parameters);        
-        return this._helperFunctionService.copyToClipboard(url);
-    }
-
-    /**
-     * Downloads a blob as a file
-     * 
-     * @example
-     * // Download a blob as 'report.pdf'
-     * const pdfBlob = new Blob([pdfContent], { type: 'application/pdf' });
-     * sdk.utils.downloadBlob(pdfBlob, 'report.pdf');
-     */
-    downloadBlob(blob: Blob, filename: string): void {
-        // Create object URL
-        const url = URL.createObjectURL(blob);
-
-        // Create download link
-        const downloadLink = document.createElement('a');
-        downloadLink.href = url;
-        downloadLink.download = filename;
-
-        // Append to body, click, and remove
-        document.body.appendChild(downloadLink);
-        downloadLink.click();
-        document.body.removeChild(downloadLink);
-
-        // Release object URL after a short delay to ensure download starts
-        setTimeout(() => URL.revokeObjectURL(url), 100);
-    }
-
-    /**
-     * Exports HTML content as a Word document (.doc)
-     * 
-     * @example
-     * // Export editor content as Word document
-     * sdk.utils.exportAsWord(editorContent, 'report');
-     */
-    exportAsWord(content: string, filename: string = 'document'): void {
-        // Format content with Word-compatible namespaces
-        const docContent = `
-        <html xmlns:o="urn:schemas-microsoft-com:office:office" 
-            xmlns:w="urn:schemas-microsoft-com:office:word" 
-            xmlns="http://www.w3.org/TR/REC-html40">
-        <head>
-            <meta charset="utf-8">
-            <title>${filename}</title>
-        </head>
-        <body>${content}</body>
-        </html>`;
-
-        // Create blob with BOM for Word compatibility
-        const blob = new Blob(['\ufeff', docContent], {
-            type: 'application/msword'
-        });
-
-        // Use the downloadBlob utility
-        this.downloadBlob(blob, `${filename}.doc`);
-    }
-
-
-    /**
-     * Exports HTML content as PDF using browser print functionality
-     * 
-     * @example
-     * // Export content as PDF
-     * sdk.utils.exportAsPdf(documentContent, 'Invoice');
-     */
-    exportAsPdf(content: string, title: string = 'Document'): void {
-        // Open new window
-        const printWindow: any = window.open('', '', 'width=800,height=600');
-
-        // Add content with basic styling
-        printWindow.document?.write(`
-            <html>
-            <head>
-                <title>${title}</title>
-                <style>
-                body { font-family: Arial, sans-serif; margin: 20px; }
-                @media print {
-                    body { margin: 0mm; }
-                }
-                </style>
-            </head>
-            <body>
-                ${content}
-            </body>
-            </html>
-        `);
-
-        // Prepare for printing
-        printWindow.document.close();
-        printWindow.focus();
-
-        // Use timeout to ensure content is rendered before printing
-        setTimeout(() => {
-            printWindow.print();
-            // Close window after print dialog is closed or printing is complete
-            printWindow.addEventListener('afterprint', () => {
-                printWindow.close();
-            });
-        }, 300);
-    }
-}

package/src/lib/core/auth.service.ts

@@ -1,46 +0,0 @@
-import { inject, Injectable } from "@angular/core";
-import { LocalStorageService, SessionStorageService, StorageConstants } from "@techextensor/tab-core-utility";
-
-@Injectable({
-    providedIn: 'root'
-})
-export class AuthService {
-    private readonly _sessionStorageService: SessionStorageService = inject(SessionStorageService);
-    private readonly _localStorageService: LocalStorageService = inject(LocalStorageService);
-
-    /**
-     * Get the current application code/identifier
-     * 
-     * @example
-     * const appCode = sdk.config.getAppCode();
-     */
-    getAppCode(): string {
-        return this._sessionStorageService.getSessionStorage(StorageConstants.applicationCode) ?? '';
-    }
-
-    /**
-     * Get the current user ID
-     * 
-     * @example
-     * const userId = sdk.auth.getCurrentUserId();
-     */
-    getCurrentUserId(): string {
-        const userInfo = this.getCurrentUser();
-        return userInfo?.user?.Id ?? '';
-    }
-
-    /**
-     * Get the current user information
-     * 
-     * @example
-     * const user = sdk.auth.getCurrentUser();
-     */
-    getCurrentUser(): any {
-        const userInfoStr = this._localStorageService.getLocalStorage(StorageConstants.userInfo);
-        if (userInfoStr) {
-            return JSON.parse(userInfoStr);
-        }
-
-        return null;
-    }
-}

package/src/lib/data/data.service.ts

@@ -1,75 +0,0 @@
-import { inject, Injectable } from "@angular/core";
-import { TabDeleteService, TabInsertService, TabUpdateService } from '@techextensor/tab-core-utility';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class DataService {
-    private readonly _tabInsertService: TabInsertService = inject(TabInsertService);
-    private readonly _tabUpdateService: TabUpdateService = inject(TabUpdateService);
-    private readonly _tabDeleteService: TabDeleteService = inject(TabDeleteService);
-
-    /**
-     * Insert a new record
-     * 
-     * @example
-     * const newRecord = await sdk.data.insert('123456', {
-     *   name: 'ACME Corp',
-     *   email: 'contact@acme.com'
-     * });
-     */
-    insert(objectId: string, data: any): Promise<void> {
-        return new Promise((resolve, reject) => {
-            this._tabInsertService.insertByObjectId(objectId, { data })
-                ?.subscribe((response: any) => {
-                    if (response?.StatusCode == 200 && response?.Result) {
-                        resolve(response.Result);
-                    } else {
-                        reject(new Error('Failed to insert record'));
-                    }
-                });
-        });
-    }
-
-    /**
-     * Update an existing record
-     * 
-     * @example
-     * await sdk.data.update('12345', {
-     *   Id: '12345',
-     *   name: 'ACME Corporation',
-     *   status: 'active'
-     * });
-     */
-    update(objectId: string, data: any): Promise<void> {
-        return new Promise((resolve, reject) => {
-            this._tabUpdateService.updateByObjectId(objectId, { data })
-                ?.subscribe((response: any) => {
-                    if (response?.StatusCode == 200 && response?.Result) {
-                        resolve(response.Result);
-                    } else {
-                        reject(new Error('Failed to update record'));
-                    }
-                });
-        });
-    }
-
-    /**
-     * Delete a record
-     * 
-     * @example
-     * await sdk.data.delete('12345', {Id: '12345'});
-     */
-    delete(objectId: string, data: any): Promise<void> {
-        return new Promise((resolve, reject) => {
-            this._tabDeleteService.deleteRecord('', {data}, objectId)
-                ?.subscribe((response: any) => {
-                    if (response?.StatusCode == 200) {
-                        resolve();
-                    } else {
-                        reject(new Error('Failed to delete record'));
-                    }
-                });
-        });
-    }
-}

package/src/lib/tab-sdk.service.ts

@@ -1,45 +0,0 @@
-import { Injectable, Injector } from '@angular/core';
-import { DataService } from './data/data.service';
-import { UiService } from './ui/ui.service';
-import { FormService } from './ui/form.service';
-import { AuthService } from './core/auth.service';
-import { UtilsService } from './common/utils.service';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class TabSdk {
-  public static data: DataService;
-  public static ui: UiService;
-  public static form: FormService;
-  public static auth: AuthService;
-  public static utils: UtilsService;
-  public static context: any;
-
-  /**
-   * Initialize the SDK with necessary services
-   */
-  public static init(injector: Injector, context: any): void {
-    // Expose to window for global access if needed
-    (window as any).TabSdk = TabSdk;
-
-    // external services
-    this.context = context;
-
-    // Initialize services
-    this.data = injector.get(DataService);
-    this.ui = injector.get(UiService);
-    this.form = injector.get(FormService);
-    this.auth = injector.get(AuthService);
-    this.utils = injector.get(UtilsService);
-
-    // Freeze the global object to prevent modifications
-    Object.freeze(this);
-    Object.freeze(this.context);
-    Object.freeze(this.data);
-    Object.freeze(this.ui);
-    Object.freeze(this.form);
-    Object.freeze(this.auth);
-    Object.freeze(this.utils);
-  }
-}

package/src/lib/ui/form.service.ts

@@ -1,118 +0,0 @@
-import { Injectable } from "@angular/core";
-import { TabSdk } from "../tab-sdk.service";
-
-@Injectable({
-    providedIn: 'root'
-})
-export class FormService {
-    private readonly _helperFunctionService: any = TabSdk.context?.HelperFunctionService;
-
-    /**
-    * Processes form components with individual actions in a single pass
-    * 
-    * @example
-    * // Process multiple components with different actions in one pass
-    * sdk.form.processComponents(
-    *   screenParameters.rendererInstance.form.components,
-    *   [
-    *     { 
-    *       keys: 'documentDetails', // Single key
-    *       action: (component) => component.hidden = true,
-    *       type: 'columns' // Optional type filter
-    *     },
-    *     { 
-    *       keys: 'documentPreview,documentComments', // Multiple keys as comma-separated string
-    *       action: (component) => component.hidden = false 
-    *     }
-    *   ]
-    * );
-    */
-    processComponents(
-        components: any[],
-        processors: Array<{
-            keys: string, // Required: Component key(s) to match (comma-separated for multiple)
-            type?: string, // Optional: Component type to match
-            action: (component: any) => void // Action to perform on matched component
-        }>
-    ): void {
-        if (!components || !Array.isArray(components) || !processors?.length) {
-            return;
-        }
-
-        this._helperFunctionService?.eachComponent(components, (component: any) => {
-            processors.forEach(processor => {
-                // Split the keys string into an array
-                const keyList = processor.keys.split(',').map(k => k.trim());
-
-                // Check if component key is in the list of keys to process
-                if (!keyList.includes(component.key)) return;
-
-                // Check type match if specified
-                if (processor.type && component.type !== processor.type) return;
-
-                // All criteria matched, execute the action
-                processor.action(component);
-            });
-        });
-    }
-
-    /**
-     * Updates visibility of multiple form components at once
-     * 
-     * @example
-     * sdk.form.setComponentsVisibility(
-     *   screenParameters.rendererInstance.form.components, 
-     *   {
-     *     'documentDetails': false,
-     *     'documentComments': true
-     *   }
-     * );
-     */
-    setComponentsVisibility(
-        components: any[],
-        visibilityMap: Record<string, boolean>
-    ): void {
-        const keys = Object.keys(visibilityMap);
-
-        this.processComponents(components,
-            keys.map(key => ({
-                keys: key,
-                action: (component) => {
-                    component.hidden = visibilityMap[key];
-                }
-            }))
-        );
-    }
-
-    /**
-     * Finds components by key and returns them in a structured object
-     * 
-     * @example
-     * const components = sdk.form.findComponentsByKeys(
-     *   form.components,
-     *   ['documentDetails', 'documentPreview', 'documentComments']
-     * );
-     */
-    findComponentsByKeys(
-        components: any[],
-        keys: string[],
-        options?: {
-            type?: string
-        }
-    ): Record<string, any> {
-        const result: Record<string, any> = {};
-
-        if (!components || !Array.isArray(components) || !keys?.length) {
-            return result;
-        }
-
-        // Use the existing eachComponent helper 
-        this._helperFunctionService.eachComponent(components, (component: any) => {
-            if (!options?.type || component.type === options.type) {
-                result[component.key] = component;
-            }
-        }, keys);
-
-        return result;
-    }
-}

package/src/lib/ui/ui.service.ts

@@ -1,6 +0,0 @@
-import { Injectable } from "@angular/core";
-
-@Injectable({
-    providedIn: 'root'
-})
-export class UiService {}

package/src/public-api.ts

@@ -1,5 +0,0 @@
-/*
- * Public API Surface of tab-sdk
- */
-
-export * from './lib/tab-sdk.service';

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}