@zeedhi/common 1.36.0 → 1.39.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.36.0",
+  "version": "1.39.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -23,8 +23,7 @@
     "lodash.debounce": "^4.0.8",
     "lodash.isundefined": "^3.0.1",
     "lodash.merge": "^4.6.2",
-    "lodash.set": "^4.3.2",
-    "prismjs": "^1.22.0"
+    "lodash.set": "^4.3.2"
   },
   "peerDependencies": {
     "@zeedhi/core": "^1.0.0-alpha.0"
@@ -35,9 +34,8 @@
     "@types/lodash.merge": "^4.6.6",
     "@types/lodash.set": "^4.3.6",
     "@types/lodash.times": "^4.3.6",
-    "@types/prismjs": "^1.16.2",
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "936d34d50d01ac6fe28cb23578ecfeb5350883f0"
+  "gitHead": "71a699db31a055a0ea5102b6903c97f80bc34edd"
 }

package/types/components/zd-code-editor/code-editor.d.ts

@@ -28,6 +28,8 @@ export declare class CodeEditor extends ComponentRender implements ICodeEditor {
     tooltipText: string;
     private code;
     private staticCodeValue;
+    private viewHighlight?;
+    setViewHighlight(fn: (code: string, language: string) => string): void;
     /**
      * Creates a new CodeEditor
      * @param props CodeEditor properties

package/types/components/zd-grid/grid-editable.d.ts

@@ -78,7 +78,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param cellProps Column conditional props
      * @param events Component events
      */
-    getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, cellProps: IDictionary<any>, events: any): {
+    getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, cellProps: IDictionary<any> | null, events: any): {
         name: string;
         parent: GridEditable;
         align: "left" | "center" | "right" | undefined;

package/types/components/zd-select/select.d.ts

@@ -99,11 +99,13 @@ export declare class Select extends TextInput implements ISelect {
      * @param props Select properties
      */
     constructor(props: ISelect);
+    private getAccessorValue;
     /**
      * Retrieves datasource structure applying infinity scroll
      * @param field Field structure
      */
     private getDefaultDatasource;
+    overrideGet(): void;
     get search(): string;
     set search(value: string);
     /**

package/types/components/zd-select-multiple/select-multiple.d.ts

@@ -28,6 +28,10 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      */
     get selectValue(): IDictionary<any>[];
     set selectValue(rows: IDictionary<any>[]);
+    /**
+     * Removes item from array a and add it to array b if condition is satisfied
+     */
+    private cutFromAToB;
     protected setFieldValue(value: any[]): Promise<boolean>;
     /**
      * Set value accessors

package/types/components/zd-select-tree/select-tree.d.ts

@@ -84,6 +84,7 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * Defines if should wait and not execute GET method when Datasource is created
      */
     private lazyLoad;
+    selectValue: any;
     /**
      * Creates a new instance of SelectTree
      * @param props
@@ -122,5 +123,10 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      */
     searchInput(value: string, element?: HTMLElement): void;
     get searchValue(): any;
-    setValue(value: string): void;
+    protected clearRow(row: IDictionary<any>): {
+        [x: string]: any;
+    };
+    get value(): any;
+    set value(value: any);
+    setValue(value: any): void;
 }

package/types/components/zd-select-tree-multiple/select-tree-multiple.d.ts

@@ -21,6 +21,7 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
      * Selected Nodes
      */
     selectedNodes: ISelectTreeMultipleNode<IDictionary>[];
+    selectValue: any[];
     /**
      * Creates a new instance of Select Tree Multiple
      * @param props
@@ -34,4 +35,7 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
      * Triggered deselecting an node
      */
     deselect(node: ISelectTreeMultipleNode<IDictionary>, element?: HTMLElement): void;
+    get value(): any;
+    set value(value: any);
+    setValue(value: any): void;
 }

package/types/components/zd-tree-grid/interfaces.d.ts

@@ -1,6 +1,8 @@
-import { IGrid } from '../zd-grid/interfaces';
+import { IGrid, IGridEditable } from '../zd-grid/interfaces';
 export interface ITreeGrid extends IGrid {
     parentField?: string;
     openLevelOnLoad?: number | boolean;
     fetchOnDemand?: boolean;
 }
+export interface ITreeGridEditable extends IGridEditable {
+}

package/types/components/zd-tree-grid/tree-grid-editable.d.ts

@@ -1,8 +1,9 @@
 import { IDictionary } from '@zeedhi/core';
 import { TreeGrid } from './tree-grid';
 import { GridColumnEditable } from '../zd-grid/grid-column-editable';
-import { IGridColumnEditable, IGridEditable } from '../zd-grid/interfaces';
-export declare class TreeGridEditable extends TreeGrid implements IGridEditable {
+import { IGridColumnEditable } from '../zd-grid/interfaces';
+import { ITreeGridEditable } from './interfaces';
+export declare class TreeGridEditable extends TreeGrid implements ITreeGridEditable {
     /**
      * Editable columns
      */
@@ -25,7 +26,7 @@ export declare class TreeGridEditable extends TreeGrid implements IGridEditable
      * Enter edit mode on double click
      */
     doubleClickEdit: boolean;
-    constructor(props: IGridEditable);
+    constructor(props: ITreeGridEditable);
     /**
      * Get Grid columns objects
      * @param columns Grid columns parameter

package/types/utils/report/report-type/interfaces.d.ts

@@ -2,7 +2,8 @@ import { IDictionary } from '@zeedhi/core';
 import { IColumn } from '../../../components';
 export interface IReportType {
     readonly route: string;
-    buildDataset(data: IDictionary[], columns?: IColumn[]): any;
+    type?: string;
+    buildDataset(data: IDictionary[], columns?: IColumn[], metadata?: any): any;
     buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary, portrait?: boolean): Promise<any>;
 }
 export declare type MetadataColumn = IDictionary<{
@@ -10,6 +11,7 @@ export declare type MetadataColumn = IDictionary<{
     description: string;
     sequence: number;
     size: string;
+    expression?: string;
 }>;
 export declare type MetadataFilter = {
     label: string;
@@ -34,5 +36,8 @@ export interface IMetadataObj {
         Version: string;
     };
     staticData: {};
-    groups: [];
+    groups: Array<any>;
+    reportXLS?: boolean;
+    type?: string;
+    xlsMergedCell?: any[];
 }

package/types/utils/report/report-type/xls-report.d.ts

@@ -1,8 +1,24 @@
 import { IDictionary } from '@zeedhi/core';
 import { IColumn } from '../../../components';
 import { BaseReport } from './base-report';
+import { IMetadataObj } from './interfaces';
 export declare class XLSReport extends BaseReport {
     readonly route: string;
-    buildDataset(data: IDictionary<any>[], columns: IColumn[]): string;
+    type: string;
+    constructor(type?: string);
+    buildDataset(data: IDictionary<any>[], columns: IColumn[], metadata?: IMetadataObj): string;
+    private formatRawDataSet;
     buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary<any>): Promise<string>;
+    private expressionZeedhiToXls;
+    private isFormat3;
+    private colunmXLS;
+    private getColumnsNameFormat3;
+    private getColumnsName;
+    private initVars;
+    private setRowGroupFormat3;
+    private formatRowFunc;
+    private setRowGroup;
+    private setIndexGroups;
+    private setRowNormal;
+    formatDataSet(metaData: IMetadataObj, dataSet: IDictionary[]): any[];
 }

package/types/components/zd-apex-chart/apex_chart.d.ts

@@ -1,55 +0,0 @@
-import { IApexChart } from './interfaces';
-import { ComponentRender } from '../zd-component/component_render';
-/**
- * Base class for ApexChart component.
- */
-export declare class ApexChart extends ComponentRender implements IApexChart {
-    /**
-     * Defines the chart type. Can be: <samp>line, area, bar, pie, donut,
-     * scatter, bubble, heatmap, radialBar, candlestick</samp>
-     */
-    chartType: string;
-    /**
-     * Defines the chart height. Possible values for width can be
-     * <samp>'auto', '100%', '400px' or 400</samp>
-     */
-    height: string | number;
-    /**
-     * Chart options. See <a href=\"https://apexcharts.com/docs/options/\"
-     * target=\"_blank\" alt=\"Apex Charts API Reference\">Apex Chart API
-     * Reference</a> for more information.
-     */
-    options: any;
-    /**
-     * Chart series data. See <a href=\"https://apexcharts.com/docs/series/"
-     * target=\"_blank\" alt=\"Apex Charts API Reference\">Apex Chart API
-     * Reference</a> for more information.
-     */
-    series: any[] | string;
-    /**
-     * Defines the chart width. Possible values for width can be
-     * <samp>'auto', '100%', '400px' or 400</samp>
-     */
-    width: string | number;
-    /**
-     * Optional update method assigned by view layer.
-     */
-    private viewUpdate?;
-    /**
-     * Creates a new ApexChart.
-     * @param props ApexChart properties
-     */
-    constructor(props: IApexChart);
-    private createOptionsAccessors;
-    private setAccessor;
-    /**
-     * Sets view update method.
-     * @param viewUpdate Update method
-     */
-    setViewUpdate(viewUpdate: (options: any) => Promise<any>): void;
-    /**
-     * Update the chart
-     * @param options New options
-     */
-    updateChart(options: any): Promise<any>;
-}

package/types/components/zd-button-group/button_group.d.ts

@@ -1,83 +0,0 @@
-import { IButtonGroup } from './interfaces';
-import { ComponentRender } from '../zd-component/component_render';
-import { IButton } from '../zd-button/interfaces';
-/**
- * Base class for Button Group component.
- */
-export declare class ButtonGroup extends ComponentRender implements IButtonGroup {
-    /**
-     * Children component has to be an array button component.
-     */
-    children: IButton[];
-    /**
-     * Changes the background-color for the component.
-     */
-    backgroundColor: string;
-    /**
-     * Removes the group’s border.
-     */
-    borderless: boolean;
-    /**
-     * Applies specified color to the control.
-     * It can be the name of material or css color in hexa
-     */
-    color: string;
-    /**
-     * Applies the dark theme variant to the component.
-     */
-    dark: boolean;
-    /**
-     * Reduces the button size and padding.
-     */
-    dense: boolean;
-    /**
-     * Removes background color, border and increases
-     * space between the buttons
-     */
-    group: boolean;
-    /**
-     * Applies the light theme variant to the component.
-     */
-    light: boolean;
-    /**
-     * Applies mandatory selected button
-     */
-    mandatory: boolean;
-    /**
-     * The multiple prop will allow a user to select multiple
-     * return values as an array.
-     */
-    multiple: boolean;
-    /**
-     * Round edge buttons
-     */
-    rounded: boolean;
-    /**
-     * Applies a large border radius on the top left and
-     * bottom right of the card.
-     */
-    shaped: boolean;
-    /**
-     * Specify a custom tag used on the root element.
-     */
-    tag: string;
-    /**
-     * Removes the component’s border-radius.
-     */
-    tile: boolean;
-    /**
-     * Buttons selected.
-     */
-    selectedButtons: number | string | number[] | null;
-    /**
-     * Create a new ButtonGroup
-     * @param props ButtonGroup definition
-     */
-    constructor(props: IButtonGroup);
-    /**
-       * Triggered when the input value changes.
-       * @param event DOM event
-       * @param element Element clicked
-       */
-    change(event?: Event, element?: HTMLElement): void;
-}

package/types/components/zd-checkbox-multiple/checkbox_multiple.d.ts

@@ -1,42 +0,0 @@
-import { Datasource } from '@zeedhi/core';
-import { ICheckboxMultiple } from './interfaces';
-import { Input } from '../zd-input/input';
-/**
- * Base class for Checkbox multiple component.
- */
-export declare class CheckboxMultiple extends Input implements ICheckboxMultiple {
-    /**
-     * Quantity of columns that will be rendered on non vertical case
-     */
-    columns: number;
-    /**
-     * Field on datasource.data that will be used to set checkbox's label
-     */
-    dataLabel: string;
-    /**
-     * Source of checkbox items
-     */
-    datasource?: Datasource;
-    /**
-     * Field on datasource.data that will be used to set checkbox's value
-     */
-    dataValue: string;
-    /**
-     * The model bound value
-     */
-    value: any[];
-    /**
-     * Defines the checkbox list direction
-     */
-    vertical: boolean;
-    /**
-     * Defines if field value should be an object
-     */
-    returnObject: boolean;
-    /**
-     * Create a new Checkbox Multiple.
-     * @param props CheckBpox Multiple properties
-     */
-    constructor(props: ICheckboxMultiple);
-    onBeforeDestroy(): void;
-}

package/types/components/zd-code-editor/code_editor.d.ts

@@ -1,58 +0,0 @@
-import { ICodeEditor } from './interfaces';
-import { ComponentRender } from '../zd-component/component_render';
-/**
- * The Code Editor component <code>zd-code-editor</code> is used to show code highlighted using one of the
- * language supported by <a href=\"http://prismjs.com\" alt=\"Prism JS\" target=\"_blank\">Prism JS</a>
- * (<strong>html</strong>, <strong>javascript</strong>, <strong>typescript</strong>, <strong>css</strong>,
- * <strong>json</strong>, <strong>bash</strong>, <strong>etc.</strong>).
- * It can show code from a datasource field or static code.
- */
-export declare class CodeEditor extends ComponentRender implements ICodeEditor {
-    /**
-     * Max height in pixels. 'none' means no limit.
-     */
-    maxHeight: string;
-    /**
-     * Language code to be used for highlight (js|javascript, css, html, json, ts|typescript, bash|shell)
-     * Other languages must be imported above
-     */
-    language: string;
-    /**
-     * Controls if line numbers are shown
-     */
-    showLineNumbers: boolean | string;
-    /**
-     * Icon to be shown on copy action
-     */
-    copyIcon?: string;
-    tooltipText: string;
-    private code;
-    private staticCodeValue;
-    /**
-     * Creates a new CodeEditor
-     * @param props CodeEditor properties
-     */
-    constructor(props: ICodeEditor);
-    /**
-     * Code to be shown. When showing JSON code, the JSON object can be passed instead of the string code.
-     */
-    get staticCode(): object | string | string[];
-    set staticCode(code: object | string | string[]);
-    /**
-     * Retrieves static code as string
-     */
-    private getCode;
-    /**
-     * Copy the component content to clipboard
-     */
-    copyToClipboard(): Promise<void>;
-    private changeTooltipText;
-    /**
-     * Get the code highlighted
-     */
-    getHighlightedCode(): string;
-    /**
-     * Get the total of lines
-     */
-    get lineNumbersCount(): number;
-}

package/types/components/zd-code-editor/prism.d.ts

@@ -1,14 +0,0 @@
-import Prism from 'prismjs';
-import 'prismjs/themes/prism.css';
-import 'prismjs/components/prism-typescript.min';
-import 'prismjs/components/prism-json.min';
-import 'prismjs/components/prism-jsonp.min';
-import 'prismjs/components/prism-bash.min';
-import 'prismjs/components/prism-java.min';
-import 'prismjs/components/prism-kotlin.min';
-import 'prismjs/components/prism-yaml.min';
-import 'prismjs/components/prism-docker.min';
-import 'prismjs/components/prism-sql.min';
-import 'prismjs/components/prism-groovy.min';
-export { Prism };
-export * from 'prismjs';

package/types/components/zd-collapse-card/collapse_card.d.ts

@@ -1,56 +0,0 @@
-import { ICollapseCard } from './interfaces';
-import { IButton } from '../zd-button/interfaces';
-import { Card } from '../zd-card/card';
-import { IComponent } from '../zd-component/interfaces';
-/**
- * Base class for CollapseCard component.
- */
-export declare class CollapseCard extends Card implements ICollapseCard {
-    /**
-     * Disables the action rotation animation when expanding or collapsing the collapse-card.
-     */
-    disableActionRotate: boolean;
-    /**
-     * If defined, overwrites the expansion icon by the defined button.
-     */
-    expandButton: IButton;
-    /**
-     * If true, the Collapse-card will be opened by default.
-     */
-    expanded: boolean;
-    /**
-     * Components to be displayed in the header.
-     */
-    header: IComponent[];
-    /**
-     * Hides the expansion icon.
-     */
-    hideAction: boolean;
-    /**
-     * Defines the expansion icon color.
-     */
-    iconColor: string;
-    /**
-     * Defines the expansion icon.
-     */
-    iconName: string;
-    /**
-     * Content will be loaded only when the collapse-card opens.
-     */
-    lazyLoad: boolean;
-    /**
-     * Makes the collapse-card readOnly. Does the same thing as disabled prop, but doesn't change styles.
-     */
-    readonly: boolean;
-    /**
-     * Create a new CollapseCard
-     * @param props CollapseCard definition
-     */
-    constructor(props: ICollapseCard);
-    /**
-     * Triggered when the component expand status changes.
-     * @param event DOM event
-     * @param element Element changed
-     */
-    change(event: Event, element: HTMLElement): void;
-}

package/types/components/zd-component/child_not_found.d.ts

@@ -1,6 +0,0 @@
-/**
- * Child not found error
- */
-export declare class ChildNotFoundError extends Error {
-    constructor(name: string, parentName: string);
-}

package/types/components/zd-component/component_render.d.ts

@@ -1,16 +0,0 @@
-import { Component } from './component';
-import { IComponentRender } from './interfaces';
-/**
- * Base class for components that will be rendered
- */
-export declare class ComponentRender extends Component implements IComponentRender {
-    /**
-     * Children component structure if the component has children.
-     */
-    children: IComponentRender[];
-    /**
-     * Defines component type.
-     */
-    component: string;
-    constructor(props: IComponentRender);
-}

package/types/components/zd-component/invalid_accessor.d.ts

@@ -1,6 +0,0 @@
-/**
- * Invalid accessor error
- */
-export declare class InvalidAccessorError extends Error {
-    constructor(accessor: string, propName: string);
-}

package/types/components/zd-date/date_range.d.ts

@@ -1,124 +0,0 @@
-import { IDateRange, IDateEvents } from './interfaces';
-import { TextInput } from '../zd-text-input/text_input';
-export declare class DateRange extends TextInput implements IDateRange {
-    /**
-     * Input auto complete.
-     */
-    autocomplete: boolean;
-    /**
-      * Defines the date format.
-      */
-    dateFormat: string;
-    /**
-     * Defines the date format displayed.
-     */
-    displayFormat: string;
-    /**
-     * Defines the date input format.
-     */
-    inputFormat?: string;
-    /**
-     * Shows the date picker.
-     */
-    showDatePicker: boolean;
-    /**
-     * Events registered to the date.
-     */
-    events: IDateEvents;
-    /**
-     * Sets the first day of the week, starting with 0 for Sunday.
-     */
-    firstDayOfWeek: number | string;
-    /**
-     * Forces 100% width.
-     */
-    fullWidth: boolean;
-    /**
-     * Sets the locale. Accepts a string with a BCP 47 language tag.
-     */
-    locale?: string;
-    /**
-     * Defines if dates should be ordered
-     */
-    orderedDates: boolean;
-    /**
-     * Allows changing displayed month with mouse scroll
-     */
-    scrollable: boolean;
-    /**
-     * Toggles visibility of the week numbers in the body of the calendar.
-     */
-    showWeek: boolean;
-    /**
-     * Character that will separate the two dates
-     */
-    splitter: string;
-    /**
-     * Width of the picker.
-     */
-    width: number | string;
-    protected isoFormat: string;
-    protected dateError: boolean;
-    protected formatterFn: Function;
-    protected parserFn: Function;
-    protected initialMask?: string;
-    unitMask?: string;
-    protected isSimpleDisplay: boolean;
-    /**
-     * Creates a new Date.
-      * @param props Date properties
-      */
-    constructor(props: IDateRange);
-    private getInitialMask;
-    formatter(value: any): string;
-    parser(value: string): any;
-    get displayValue(): string;
-    set displayValue(newValue: string);
-    /**
-      * Assign the updated mask to mask property
-      */
-    updateMask(): any;
-    /**
-      * Gets the updated masked, based on displayFormat if the initial mask is undefined
-      */
-    protected getUpdatedMask(): string | undefined;
-    protected maskFormat(format: string): string;
-    setDateValue(displayValue: string): void;
-    isValidDateArray(format: string, values?: string[]): boolean;
-    private splitValues;
-    isValidDate(value: string, format: string, strict?: boolean): boolean;
-    get isoRangeValue(): string[];
-    set isoRangeValue(newValue: string[]);
-    formatISODateRangeValue(dates: string[] | string): string[];
-    parseISODateRangeValue(values: string[]): any;
-    dateValidation(): boolean | string;
-    dateValidateOrder(): boolean | string;
-    click(event: Event, element: HTMLElement): void;
-    blur(event: Event, element: HTMLElement): void;
-    focus(event: Event, element: HTMLElement): void;
-    /**
-      * Add date mask
-      */
-    protected addDateMask(): void;
-    /**
-      * Removes the component mask if value is valid
-      */
-    protected removeDateMask(): void;
-    /**
-      * Toggle showDatePicker value
-      */
-    togglePicker(): void;
-    /**
-      * Triggered when the appended icon is clicked.
-      * @param event DOM event
-      * @param element Text input
-      */
-    iconClick(event: Event, element: HTMLElement): void;
-    /**
-     * Checks if a date format is simple.
-     * Simple date formats are the ones that consists only of 'DD', 'MM' or 'YYYY', and mask delimiters
-     * @param format The format to be checked
-     * @returns true if it is simple, false otherwise
-     */
-    protected isSimpleFormat(format: string): boolean;
-}

package/types/components/zd-grid/errors/not_editing.d.ts

@@ -1,6 +0,0 @@
-/**
- * Grid not editing error
- */
-export declare class NotEditingError extends Error {
-    constructor(method: string);
-}