@drayman/elements 1.4.28 → 1.5.0

package/dist/types/grid/src/app/models/grid-options.d.ts

@@ -37,6 +37,7 @@ export interface DraymanGrid {
     selectedCells?: GridCell[];
     onSelectedCellsChange?: ElementEvent<{
         selectedCells: GridCell[];
+        clearPrevious: boolean;
     }>;
 }
 export interface GridCell {
@@ -58,6 +59,7 @@ export interface GridCell {
     selectionGroup?: string;
     disableSelect?: boolean;
     selectionCellStyle?: any;
+    ref?: string;
 }
 export interface GridContentButton {
     /**

package/dist/types/nebula/src/app/models/nebula-options.d.ts

@@ -1,49 +1,37 @@
 export interface DraymanNebula {
     /**
-     * Qlik URL configuration.
+     * Executed when user makes selections.
      */
-    configuration: {
-        host?: string;
-        port?: number;
-        /**
-         * Set to false to use an unsecure WebSocket connection (`ws://`).
-         */
-        secure?: boolean;
-        /**
-         * Additional parameters to be added to WebSocket URL (for example, `qlikTicket`).
-         */
-        urlParams?: any;
-        /**
-         * Absolute base path to use when connecting, used for proxy prefixes.
-         */
-        prefix?: string;
-        /**
-         * The ID of the app intended to be opened in the session.
-         */
-        appId?: string;
-        /**
-         * Initial route to open the WebSocket against, default is `app/engineData`.
-         */
-        route?: string;
-        /**
-         * Subpath to use, used to connect to dataprepservice in a server environment.
-         */
-        subpath?: string;
-        /**
-         * Identity (session ID) to use.
-         */
-        identity?: string;
-        /**
-         * A value in seconds that QIX Engine should keep the session alive after socket disconnect (only works if QIX Engine supports it).
-         */
-        ttl?: number;
-    };
+    onSelections?: ElementEvent<{
+        selections: any;
+        method: 'selectHyperCubeValues' | 'rangeSelectHyperCubeValues';
+    }>;
     /**
-     * Existing visualization ID to render.
+     * Executed when viz method must be called.
      */
-    vizId: string;
+    onVizMethod?: ElementEvent<{
+        args: any;
+        name: 'getEffectiveProperties' | 'getHyperCubeReducedData' | 'getHyperCubeData';
+    }>;
     /**
-    * Whether to show selections toolbar or not.
-    */
-    showToolbar: boolean;
+     * Executed when measure needs to be returned
+     */
+    onGetMeasure?: ElementEvent<{
+        measureId: string;
+    }>;
+    /**
+     * Executed when object needs to be returned
+     */
+    onGetObject?: ElementEvent<{
+        objectId: string;
+    }>;
+    /**
+     * Initial qLayout of the object to render.
+     */
+    qLayout: any;
+    /**
+     * Custom JSON theme for the viz.
+     * Structure can be found here - https://help.qlik.com/en-US/sense-developer/Subsystems/Extensions/Content/Sense_Extensions/CustomThemes/custom-themes-properties.htm.
+     */
+    theme: any;
 }

package/dist/types/picasso/src/app/models/picasso-options.d.ts

@@ -0,0 +1,3 @@
+export interface DraymanPicasso {
+    config?: any;
+}

package/dist/types/pivot-grid/src/app/models/pivot-grid-options.d.ts

@@ -0,0 +1,62 @@
+export interface DraymanPivotGrid {
+    onLoad?: ElementEvent<{
+        currentCol: number;
+        visibleColCount: number;
+        currentRow: number;
+        visibleRowCount: number;
+    }>;
+    onContentButtonClick?: ElementEvent<{
+        cell: GridCell;
+    }>;
+    onCellClick?: ElementEvent<{
+        cell: GridCell;
+        button: GridContentButton;
+    }>;
+    grid: GridCell[];
+    onScroll: any;
+    cellHeight: number;
+    cellWidth: number;
+    columnCount: number;
+    rowCount: number;
+}
+export interface GridCell {
+    row: number;
+    col: number;
+    rowSpan?: number;
+    colSpan?: number;
+    content: ({
+        type: 'text';
+        value: string;
+        style?: any;
+    } | {
+        type: 'button';
+        value: GridContentButton;
+        style?: any;
+    })[];
+    cellStyle?: any;
+    contentStyle?: any;
+}
+export interface GridContentButton {
+    /**
+     * Material style of the button.
+     * `basic` by default.
+     */
+    view?: 'basic' | 'raised' | 'flat' | 'stroked' | 'icon' | 'fab' | 'miniFab';
+    /**
+     * Name of the [Material icon](https://material.io/resources/icons) printed inside button.
+     */
+    icon?: string;
+    /**
+     * Tooltip shown on hover.
+     */
+    tooltip?: string;
+    /**
+     * Wether button should be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Image shown on hover.
+     */
+    imgUrl?: string;
+    buttonStyle?: any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drayman/elements",
-  "version": "1.4.28",
+  "version": "1.5.0",
   "description": "A collection of web components for Drayman.",
   "license": "MIT",
   "keywords": [
@@ -12,7 +12,7 @@
     "build:types": "tsc -p ./tsconfig.types.json",
     "typedoc": "npm run build:types && typedoc --tsconfig ./tsconfig.types.json",
     "lint": "ng lint",
-    "build": "npm run build:button && npm run build:text-field && npm run build:claviz-charts && npm run build:file-uploader && npm run build:number-field && npm run build:select && npm run build:table && npm run build:checkbox && npm run build:textarea-field && npm run build:radio-group && npm run build:datepicker && npm run build:timepicker && npm run build:pdf-viewer && npm run build:ngx-charts && npm run build:menu && npm run build:ngx-graph && npm run build:youtube-player && npm run build:nebula && npm run build:grid && npm run typedoc",
+    "build": "npm run build:button && npm run build:text-field && npm run build:claviz-charts && npm run build:file-uploader && npm run build:number-field && npm run build:select && npm run build:table && npm run build:checkbox && npm run build:textarea-field && npm run build:radio-group && npm run build:datepicker && npm run build:timepicker && npm run build:pdf-viewer && npm run build:ngx-charts && npm run build:menu && npm run build:ngx-graph && npm run build:youtube-player && npm run build:nebula && npm run build:grid && npm run build:picasso && npm run typedoc",
     "build:button": "ng build button --prod --single-bundle --output-hashing=none",
     "build:text-field": "ng build text-field --prod --single-bundle --output-hashing=none",
     "build:claviz-charts": "ng build claviz-charts --prod --single-bundle --output-hashing=none",
@@ -119,7 +119,7 @@
     "@babel/core": "^7.11.5",
     "@compodoc/compodoc": "^1.1.11",
     "@drayman/types": "latest",
-    "@nebula.js/stardust": "^1.7.0",
+    "@nebula.js/stardust": "2.3.1",
     "@ngneat/spectator": "^5.13.2",
     "@swimlane/ngx-charts": "16.0.0",
     "@swimlane/ngx-graph": "^7.2.0",

package/types/index.d.ts

@@ -1102,24 +1102,11 @@ declare global {
      * ### Show existing viz.
      * ```typescript
      * export const component: DraymanComponent = async ({ forceUpdate }) => {
-     *     const configuration = {
-     *         host: 'localhost',
-     *         appId: '35150d91-e2c4-4334-ae16-6bdece1b3e3d',
-     *         prefix: 'drayman',
-     *         secure: true,
-     *         identity: 'drayman-session',
-     *         urlParams: {
-     *             qlikTicket: 'ORD0PE8pzBamZHqm',
-     *         },
-     *     };
-     * 
      *     return () => {
      *         return (
      *             <div style={{ height: 500 }}>
      *                 <drayman-nebula
-     *                     showToolbar={true}
-     *                     vizId="JSpgmtC"
-     *                     configuration={configuration}
+     *                     qLayout={{}}
      *                 />
      *             </div>
      *         )