@zeedhi/common 1.37.0 → 1.39.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/zd-common.esm.js +390 -46
- package/dist/zd-common.umd.js +390 -46
- package/package.json +2 -2
- package/types/components/zd-grid/grid-editable.d.ts +1 -1
- package/types/components/zd-iterable/column.d.ts +4 -2
- package/types/components/zd-select/select.d.ts +2 -0
- package/types/components/zd-select-multiple/select-multiple.d.ts +4 -0
- package/types/components/zd-select-tree/select-tree.d.ts +7 -1
- package/types/components/zd-select-tree-multiple/select-tree-multiple.d.ts +4 -0
- package/types/components/zd-tree-grid/interfaces.d.ts +3 -1
- package/types/components/zd-tree-grid/tree-grid-editable.d.ts +4 -3
- package/types/utils/report/report-type/interfaces.d.ts +7 -2
- package/types/utils/report/report-type/xls-report.d.ts +17 -1
- package/types/components/zd-apex-chart/apex_chart.d.ts +0 -55
- package/types/components/zd-button-group/button_group.d.ts +0 -83
- package/types/components/zd-checkbox-multiple/checkbox_multiple.d.ts +0 -42
- package/types/components/zd-code-editor/code_editor.d.ts +0 -58
- package/types/components/zd-code-editor/prism.d.ts +0 -14
- package/types/components/zd-collapse-card/collapse_card.d.ts +0 -56
- package/types/components/zd-component/child_not_found.d.ts +0 -6
- package/types/components/zd-component/component_render.d.ts +0 -16
- package/types/components/zd-component/invalid_accessor.d.ts +0 -6
- package/types/components/zd-date/date_range.d.ts +0 -124
- package/types/components/zd-grid/errors/not_editing.d.ts +0 -6
- package/types/components/zd-grid/errors/row_not_found.d.ts +0 -6
- package/types/components/zd-grid/grid_column.d.ts +0 -52
- package/types/components/zd-grid/grid_column_editable.d.ts +0 -13
- package/types/components/zd-grid/grid_editable.d.ts +0 -162
- package/types/components/zd-iterable/column_not_found.d.ts +0 -6
- package/types/components/zd-iterable/iterable_columns_button.d.ts +0 -29
- package/types/components/zd-iterable/iterable_columns_button_controller.d.ts +0 -6
- package/types/components/zd-iterable/iterable_page_component.d.ts +0 -27
- package/types/components/zd-iterable/iterable_page_info.d.ts +0 -7
- package/types/components/zd-iterable/iterable_page_size.d.ts +0 -62
- package/types/components/zd-iterable/iterable_pagination.d.ts +0 -28
- package/types/components/zd-list/item_not_found.d.ts +0 -6
- package/types/components/zd-list/list_group.d.ts +0 -30
- package/types/components/zd-list/list_item.d.ts +0 -49
- package/types/components/zd-master-detail/detail_not_found.d.ts +0 -6
- package/types/components/zd-master-detail/master_detail.d.ts +0 -20
- package/types/components/zd-master-detail/master_not_found.d.ts +0 -6
- package/types/components/zd-menu/menu_button.d.ts +0 -28
- package/types/components/zd-menu/menu_group.d.ts +0 -53
- package/types/components/zd-menu/menu_link.d.ts +0 -46
- package/types/components/zd-menu/menu_separator.d.ts +0 -7
- package/types/components/zd-modal/modal_close_button.d.ts +0 -28
- package/types/components/zd-svg-map/svg_map.d.ts +0 -78
- package/types/components/zd-tabs/tab_not_found.d.ts +0 -11
- package/types/components/zd-text-input/text_input.d.ts +0 -90
- package/types/components/zd-tree-grid/errors/not_editing.d.ts +0 -6
- package/types/components/zd-tree-grid/errors/row_not_found.d.ts +0 -6
- package/types/components/zd-tree-grid/tree-data-structure.d.ts +0 -144
- package/types/components/zd-tree-grid/tree_data_structure.d.ts +0 -144
- package/types/components/zd-tree-grid/tree_grid.d.ts +0 -77
- package/types/components/zd-tree-grid/tree_grid_column.d.ts +0 -52
- package/types/components/zd-tree-grid/tree_grid_column_editable.d.ts +0 -13
- package/types/components/zd-tree-grid/tree_grid_editable.d.ts +0 -157
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/common",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.39.1",
|
|
4
4
|
"description": "Zeedhi Common",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"lodash.times": "^4.3.2",
|
|
38
38
|
"mockdate": "^3.0.2"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "fbf85c6aaac496ff2df31cf231d70b79b3114e5c"
|
|
41
41
|
}
|
|
@@ -78,7 +78,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
|
|
|
78
78
|
* @param cellProps Column conditional props
|
|
79
79
|
* @param events Component events
|
|
80
80
|
*/
|
|
81
|
-
getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, cellProps: IDictionary<any
|
|
81
|
+
getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, cellProps: IDictionary<any> | null, events: any): {
|
|
82
82
|
name: string;
|
|
83
83
|
parent: GridEditable;
|
|
84
84
|
align: "left" | "center" | "right" | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IDictionary, Datasource } from '@zeedhi/core';
|
|
1
|
+
import { IDictionary, Datasource, IEvents } from '@zeedhi/core';
|
|
2
2
|
import { IColumn, ColumnAlign, ColumnType } from './interfaces';
|
|
3
3
|
import { Component } from '../zd-component/component';
|
|
4
4
|
/**
|
|
@@ -69,7 +69,9 @@ export declare class Column extends Component implements IColumn {
|
|
|
69
69
|
* Apply conditions
|
|
70
70
|
* @param row Datasource row
|
|
71
71
|
*/
|
|
72
|
-
applyCondition(row: IDictionary<any
|
|
72
|
+
applyCondition(row: IDictionary<any>, factoredConditions?: IEvents<{
|
|
73
|
+
row: IDictionary<any>;
|
|
74
|
+
}>): IDictionary<any>;
|
|
73
75
|
/**
|
|
74
76
|
* Apply conditions on action columns
|
|
75
77
|
* @param row Datasource row
|
|
@@ -99,11 +99,13 @@ export declare class Select extends TextInput implements ISelect {
|
|
|
99
99
|
* @param props Select properties
|
|
100
100
|
*/
|
|
101
101
|
constructor(props: ISelect);
|
|
102
|
+
private getAccessorValue;
|
|
102
103
|
/**
|
|
103
104
|
* Retrieves datasource structure applying infinity scroll
|
|
104
105
|
* @param field Field structure
|
|
105
106
|
*/
|
|
106
107
|
private getDefaultDatasource;
|
|
108
|
+
overrideGet(): void;
|
|
107
109
|
get search(): string;
|
|
108
110
|
set search(value: string);
|
|
109
111
|
/**
|
|
@@ -28,6 +28,10 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
|
|
|
28
28
|
*/
|
|
29
29
|
get selectValue(): IDictionary<any>[];
|
|
30
30
|
set selectValue(rows: IDictionary<any>[]);
|
|
31
|
+
/**
|
|
32
|
+
* Removes item from array a and add it to array b if condition is satisfied
|
|
33
|
+
*/
|
|
34
|
+
private cutFromAToB;
|
|
31
35
|
protected setFieldValue(value: any[]): Promise<boolean>;
|
|
32
36
|
/**
|
|
33
37
|
* Set value accessors
|
|
@@ -84,6 +84,7 @@ export declare class SelectTree extends TextInput implements ISelectTree {
|
|
|
84
84
|
* Defines if should wait and not execute GET method when Datasource is created
|
|
85
85
|
*/
|
|
86
86
|
private lazyLoad;
|
|
87
|
+
selectValue: any;
|
|
87
88
|
/**
|
|
88
89
|
* Creates a new instance of SelectTree
|
|
89
90
|
* @param props
|
|
@@ -122,5 +123,10 @@ export declare class SelectTree extends TextInput implements ISelectTree {
|
|
|
122
123
|
*/
|
|
123
124
|
searchInput(value: string, element?: HTMLElement): void;
|
|
124
125
|
get searchValue(): any;
|
|
125
|
-
|
|
126
|
+
protected clearRow(row: IDictionary<any>): {
|
|
127
|
+
[x: string]: any;
|
|
128
|
+
};
|
|
129
|
+
get value(): any;
|
|
130
|
+
set value(value: any);
|
|
131
|
+
setValue(value: any): void;
|
|
126
132
|
}
|
|
@@ -21,6 +21,7 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
|
|
|
21
21
|
* Selected Nodes
|
|
22
22
|
*/
|
|
23
23
|
selectedNodes: ISelectTreeMultipleNode<IDictionary>[];
|
|
24
|
+
selectValue: any[];
|
|
24
25
|
/**
|
|
25
26
|
* Creates a new instance of Select Tree Multiple
|
|
26
27
|
* @param props
|
|
@@ -34,4 +35,7 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
|
|
|
34
35
|
* Triggered deselecting an node
|
|
35
36
|
*/
|
|
36
37
|
deselect(node: ISelectTreeMultipleNode<IDictionary>, element?: HTMLElement): void;
|
|
38
|
+
get value(): any;
|
|
39
|
+
set value(value: any);
|
|
40
|
+
setValue(value: any): void;
|
|
37
41
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import { IGrid } from '../zd-grid/interfaces';
|
|
1
|
+
import { IGrid, IGridEditable } from '../zd-grid/interfaces';
|
|
2
2
|
export interface ITreeGrid extends IGrid {
|
|
3
3
|
parentField?: string;
|
|
4
4
|
openLevelOnLoad?: number | boolean;
|
|
5
5
|
fetchOnDemand?: boolean;
|
|
6
6
|
}
|
|
7
|
+
export interface ITreeGridEditable extends IGridEditable {
|
|
8
|
+
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { IDictionary } from '@zeedhi/core';
|
|
2
2
|
import { TreeGrid } from './tree-grid';
|
|
3
3
|
import { GridColumnEditable } from '../zd-grid/grid-column-editable';
|
|
4
|
-
import { IGridColumnEditable
|
|
5
|
-
|
|
4
|
+
import { IGridColumnEditable } from '../zd-grid/interfaces';
|
|
5
|
+
import { ITreeGridEditable } from './interfaces';
|
|
6
|
+
export declare class TreeGridEditable extends TreeGrid implements ITreeGridEditable {
|
|
6
7
|
/**
|
|
7
8
|
* Editable columns
|
|
8
9
|
*/
|
|
@@ -25,7 +26,7 @@ export declare class TreeGridEditable extends TreeGrid implements IGridEditable
|
|
|
25
26
|
* Enter edit mode on double click
|
|
26
27
|
*/
|
|
27
28
|
doubleClickEdit: boolean;
|
|
28
|
-
constructor(props:
|
|
29
|
+
constructor(props: ITreeGridEditable);
|
|
29
30
|
/**
|
|
30
31
|
* Get Grid columns objects
|
|
31
32
|
* @param columns Grid columns parameter
|
|
@@ -2,7 +2,8 @@ import { IDictionary } from '@zeedhi/core';
|
|
|
2
2
|
import { IColumn } from '../../../components';
|
|
3
3
|
export interface IReportType {
|
|
4
4
|
readonly route: string;
|
|
5
|
-
|
|
5
|
+
type?: string;
|
|
6
|
+
buildDataset(data: IDictionary[], columns?: IColumn[], metadata?: any): any;
|
|
6
7
|
buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary, portrait?: boolean): Promise<any>;
|
|
7
8
|
}
|
|
8
9
|
export declare type MetadataColumn = IDictionary<{
|
|
@@ -10,6 +11,7 @@ export declare type MetadataColumn = IDictionary<{
|
|
|
10
11
|
description: string;
|
|
11
12
|
sequence: number;
|
|
12
13
|
size: string;
|
|
14
|
+
expression?: string;
|
|
13
15
|
}>;
|
|
14
16
|
export declare type MetadataFilter = {
|
|
15
17
|
label: string;
|
|
@@ -34,5 +36,8 @@ export interface IMetadataObj {
|
|
|
34
36
|
Version: string;
|
|
35
37
|
};
|
|
36
38
|
staticData: {};
|
|
37
|
-
groups:
|
|
39
|
+
groups: Array<any>;
|
|
40
|
+
reportXLS?: boolean;
|
|
41
|
+
type?: string;
|
|
42
|
+
xlsMergedCell?: any[];
|
|
38
43
|
}
|
|
@@ -1,8 +1,24 @@
|
|
|
1
1
|
import { IDictionary } from '@zeedhi/core';
|
|
2
2
|
import { IColumn } from '../../../components';
|
|
3
3
|
import { BaseReport } from './base-report';
|
|
4
|
+
import { IMetadataObj } from './interfaces';
|
|
4
5
|
export declare class XLSReport extends BaseReport {
|
|
5
6
|
readonly route: string;
|
|
6
|
-
|
|
7
|
+
type: string;
|
|
8
|
+
constructor(type?: string);
|
|
9
|
+
buildDataset(data: IDictionary<any>[], columns: IColumn[], metadata?: IMetadataObj): string;
|
|
10
|
+
private formatRawDataSet;
|
|
7
11
|
buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary<any>): Promise<string>;
|
|
12
|
+
private expressionZeedhiToXls;
|
|
13
|
+
private isFormat3;
|
|
14
|
+
private colunmXLS;
|
|
15
|
+
private getColumnsNameFormat3;
|
|
16
|
+
private getColumnsName;
|
|
17
|
+
private initVars;
|
|
18
|
+
private setRowGroupFormat3;
|
|
19
|
+
private formatRowFunc;
|
|
20
|
+
private setRowGroup;
|
|
21
|
+
private setIndexGroups;
|
|
22
|
+
private setRowNormal;
|
|
23
|
+
formatDataSet(metaData: IMetadataObj, dataSet: IDictionary[]): any[];
|
|
8
24
|
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { IApexChart } from './interfaces';
|
|
2
|
-
import { ComponentRender } from '../zd-component/component_render';
|
|
3
|
-
/**
|
|
4
|
-
* Base class for ApexChart component.
|
|
5
|
-
*/
|
|
6
|
-
export declare class ApexChart extends ComponentRender implements IApexChart {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the chart type. Can be: <samp>line, area, bar, pie, donut,
|
|
9
|
-
* scatter, bubble, heatmap, radialBar, candlestick</samp>
|
|
10
|
-
*/
|
|
11
|
-
chartType: string;
|
|
12
|
-
/**
|
|
13
|
-
* Defines the chart height. Possible values for width can be
|
|
14
|
-
* <samp>'auto', '100%', '400px' or 400</samp>
|
|
15
|
-
*/
|
|
16
|
-
height: string | number;
|
|
17
|
-
/**
|
|
18
|
-
* Chart options. See <a href=\"https://apexcharts.com/docs/options/\"
|
|
19
|
-
* target=\"_blank\" alt=\"Apex Charts API Reference\">Apex Chart API
|
|
20
|
-
* Reference</a> for more information.
|
|
21
|
-
*/
|
|
22
|
-
options: any;
|
|
23
|
-
/**
|
|
24
|
-
* Chart series data. See <a href=\"https://apexcharts.com/docs/series/"
|
|
25
|
-
* target=\"_blank\" alt=\"Apex Charts API Reference\">Apex Chart API
|
|
26
|
-
* Reference</a> for more information.
|
|
27
|
-
*/
|
|
28
|
-
series: any[] | string;
|
|
29
|
-
/**
|
|
30
|
-
* Defines the chart width. Possible values for width can be
|
|
31
|
-
* <samp>'auto', '100%', '400px' or 400</samp>
|
|
32
|
-
*/
|
|
33
|
-
width: string | number;
|
|
34
|
-
/**
|
|
35
|
-
* Optional update method assigned by view layer.
|
|
36
|
-
*/
|
|
37
|
-
private viewUpdate?;
|
|
38
|
-
/**
|
|
39
|
-
* Creates a new ApexChart.
|
|
40
|
-
* @param props ApexChart properties
|
|
41
|
-
*/
|
|
42
|
-
constructor(props: IApexChart);
|
|
43
|
-
private createOptionsAccessors;
|
|
44
|
-
private setAccessor;
|
|
45
|
-
/**
|
|
46
|
-
* Sets view update method.
|
|
47
|
-
* @param viewUpdate Update method
|
|
48
|
-
*/
|
|
49
|
-
setViewUpdate(viewUpdate: (options: any) => Promise<any>): void;
|
|
50
|
-
/**
|
|
51
|
-
* Update the chart
|
|
52
|
-
* @param options New options
|
|
53
|
-
*/
|
|
54
|
-
updateChart(options: any): Promise<any>;
|
|
55
|
-
}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { IButtonGroup } from './interfaces';
|
|
2
|
-
import { ComponentRender } from '../zd-component/component_render';
|
|
3
|
-
import { IButton } from '../zd-button/interfaces';
|
|
4
|
-
/**
|
|
5
|
-
* Base class for Button Group component.
|
|
6
|
-
*/
|
|
7
|
-
export declare class ButtonGroup extends ComponentRender implements IButtonGroup {
|
|
8
|
-
/**
|
|
9
|
-
* Children component has to be an array button component.
|
|
10
|
-
*/
|
|
11
|
-
children: IButton[];
|
|
12
|
-
/**
|
|
13
|
-
* Changes the background-color for the component.
|
|
14
|
-
*/
|
|
15
|
-
backgroundColor: string;
|
|
16
|
-
/**
|
|
17
|
-
* Removes the group’s border.
|
|
18
|
-
*/
|
|
19
|
-
borderless: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Applies specified color to the control.
|
|
22
|
-
* It can be the name of material or css color in hexa
|
|
23
|
-
*/
|
|
24
|
-
color: string;
|
|
25
|
-
/**
|
|
26
|
-
* Applies the dark theme variant to the component.
|
|
27
|
-
*/
|
|
28
|
-
dark: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Reduces the button size and padding.
|
|
31
|
-
*/
|
|
32
|
-
dense: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Removes background color, border and increases
|
|
35
|
-
* space between the buttons
|
|
36
|
-
*/
|
|
37
|
-
group: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Applies the light theme variant to the component.
|
|
40
|
-
*/
|
|
41
|
-
light: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Applies mandatory selected button
|
|
44
|
-
*/
|
|
45
|
-
mandatory: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* The multiple prop will allow a user to select multiple
|
|
48
|
-
* return values as an array.
|
|
49
|
-
*/
|
|
50
|
-
multiple: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Round edge buttons
|
|
53
|
-
*/
|
|
54
|
-
rounded: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* Applies a large border radius on the top left and
|
|
57
|
-
* bottom right of the card.
|
|
58
|
-
*/
|
|
59
|
-
shaped: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Specify a custom tag used on the root element.
|
|
62
|
-
*/
|
|
63
|
-
tag: string;
|
|
64
|
-
/**
|
|
65
|
-
* Removes the component’s border-radius.
|
|
66
|
-
*/
|
|
67
|
-
tile: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Buttons selected.
|
|
70
|
-
*/
|
|
71
|
-
selectedButtons: number | string | number[] | null;
|
|
72
|
-
/**
|
|
73
|
-
* Create a new ButtonGroup
|
|
74
|
-
* @param props ButtonGroup definition
|
|
75
|
-
*/
|
|
76
|
-
constructor(props: IButtonGroup);
|
|
77
|
-
/**
|
|
78
|
-
* Triggered when the input value changes.
|
|
79
|
-
* @param event DOM event
|
|
80
|
-
* @param element Element clicked
|
|
81
|
-
*/
|
|
82
|
-
change(event?: Event, element?: HTMLElement): void;
|
|
83
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { Datasource } from '@zeedhi/core';
|
|
2
|
-
import { ICheckboxMultiple } from './interfaces';
|
|
3
|
-
import { Input } from '../zd-input/input';
|
|
4
|
-
/**
|
|
5
|
-
* Base class for Checkbox multiple component.
|
|
6
|
-
*/
|
|
7
|
-
export declare class CheckboxMultiple extends Input implements ICheckboxMultiple {
|
|
8
|
-
/**
|
|
9
|
-
* Quantity of columns that will be rendered on non vertical case
|
|
10
|
-
*/
|
|
11
|
-
columns: number;
|
|
12
|
-
/**
|
|
13
|
-
* Field on datasource.data that will be used to set checkbox's label
|
|
14
|
-
*/
|
|
15
|
-
dataLabel: string;
|
|
16
|
-
/**
|
|
17
|
-
* Source of checkbox items
|
|
18
|
-
*/
|
|
19
|
-
datasource?: Datasource;
|
|
20
|
-
/**
|
|
21
|
-
* Field on datasource.data that will be used to set checkbox's value
|
|
22
|
-
*/
|
|
23
|
-
dataValue: string;
|
|
24
|
-
/**
|
|
25
|
-
* The model bound value
|
|
26
|
-
*/
|
|
27
|
-
value: any[];
|
|
28
|
-
/**
|
|
29
|
-
* Defines the checkbox list direction
|
|
30
|
-
*/
|
|
31
|
-
vertical: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Defines if field value should be an object
|
|
34
|
-
*/
|
|
35
|
-
returnObject: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Create a new Checkbox Multiple.
|
|
38
|
-
* @param props CheckBpox Multiple properties
|
|
39
|
-
*/
|
|
40
|
-
constructor(props: ICheckboxMultiple);
|
|
41
|
-
onBeforeDestroy(): void;
|
|
42
|
-
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { ICodeEditor } from './interfaces';
|
|
2
|
-
import { ComponentRender } from '../zd-component/component_render';
|
|
3
|
-
/**
|
|
4
|
-
* The Code Editor component <code>zd-code-editor</code> is used to show code highlighted using one of the
|
|
5
|
-
* language supported by <a href=\"http://prismjs.com\" alt=\"Prism JS\" target=\"_blank\">Prism JS</a>
|
|
6
|
-
* (<strong>html</strong>, <strong>javascript</strong>, <strong>typescript</strong>, <strong>css</strong>,
|
|
7
|
-
* <strong>json</strong>, <strong>bash</strong>, <strong>etc.</strong>).
|
|
8
|
-
* It can show code from a datasource field or static code.
|
|
9
|
-
*/
|
|
10
|
-
export declare class CodeEditor extends ComponentRender implements ICodeEditor {
|
|
11
|
-
/**
|
|
12
|
-
* Max height in pixels. 'none' means no limit.
|
|
13
|
-
*/
|
|
14
|
-
maxHeight: string;
|
|
15
|
-
/**
|
|
16
|
-
* Language code to be used for highlight (js|javascript, css, html, json, ts|typescript, bash|shell)
|
|
17
|
-
* Other languages must be imported above
|
|
18
|
-
*/
|
|
19
|
-
language: string;
|
|
20
|
-
/**
|
|
21
|
-
* Controls if line numbers are shown
|
|
22
|
-
*/
|
|
23
|
-
showLineNumbers: boolean | string;
|
|
24
|
-
/**
|
|
25
|
-
* Icon to be shown on copy action
|
|
26
|
-
*/
|
|
27
|
-
copyIcon?: string;
|
|
28
|
-
tooltipText: string;
|
|
29
|
-
private code;
|
|
30
|
-
private staticCodeValue;
|
|
31
|
-
/**
|
|
32
|
-
* Creates a new CodeEditor
|
|
33
|
-
* @param props CodeEditor properties
|
|
34
|
-
*/
|
|
35
|
-
constructor(props: ICodeEditor);
|
|
36
|
-
/**
|
|
37
|
-
* Code to be shown. When showing JSON code, the JSON object can be passed instead of the string code.
|
|
38
|
-
*/
|
|
39
|
-
get staticCode(): object | string | string[];
|
|
40
|
-
set staticCode(code: object | string | string[]);
|
|
41
|
-
/**
|
|
42
|
-
* Retrieves static code as string
|
|
43
|
-
*/
|
|
44
|
-
private getCode;
|
|
45
|
-
/**
|
|
46
|
-
* Copy the component content to clipboard
|
|
47
|
-
*/
|
|
48
|
-
copyToClipboard(): Promise<void>;
|
|
49
|
-
private changeTooltipText;
|
|
50
|
-
/**
|
|
51
|
-
* Get the code highlighted
|
|
52
|
-
*/
|
|
53
|
-
getHighlightedCode(): string;
|
|
54
|
-
/**
|
|
55
|
-
* Get the total of lines
|
|
56
|
-
*/
|
|
57
|
-
get lineNumbersCount(): number;
|
|
58
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import Prism from 'prismjs';
|
|
2
|
-
import 'prismjs/themes/prism.css';
|
|
3
|
-
import 'prismjs/components/prism-typescript.min';
|
|
4
|
-
import 'prismjs/components/prism-json.min';
|
|
5
|
-
import 'prismjs/components/prism-jsonp.min';
|
|
6
|
-
import 'prismjs/components/prism-bash.min';
|
|
7
|
-
import 'prismjs/components/prism-java.min';
|
|
8
|
-
import 'prismjs/components/prism-kotlin.min';
|
|
9
|
-
import 'prismjs/components/prism-yaml.min';
|
|
10
|
-
import 'prismjs/components/prism-docker.min';
|
|
11
|
-
import 'prismjs/components/prism-sql.min';
|
|
12
|
-
import 'prismjs/components/prism-groovy.min';
|
|
13
|
-
export { Prism };
|
|
14
|
-
export * from 'prismjs';
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { ICollapseCard } from './interfaces';
|
|
2
|
-
import { IButton } from '../zd-button/interfaces';
|
|
3
|
-
import { Card } from '../zd-card/card';
|
|
4
|
-
import { IComponent } from '../zd-component/interfaces';
|
|
5
|
-
/**
|
|
6
|
-
* Base class for CollapseCard component.
|
|
7
|
-
*/
|
|
8
|
-
export declare class CollapseCard extends Card implements ICollapseCard {
|
|
9
|
-
/**
|
|
10
|
-
* Disables the action rotation animation when expanding or collapsing the collapse-card.
|
|
11
|
-
*/
|
|
12
|
-
disableActionRotate: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* If defined, overwrites the expansion icon by the defined button.
|
|
15
|
-
*/
|
|
16
|
-
expandButton: IButton;
|
|
17
|
-
/**
|
|
18
|
-
* If true, the Collapse-card will be opened by default.
|
|
19
|
-
*/
|
|
20
|
-
expanded: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Components to be displayed in the header.
|
|
23
|
-
*/
|
|
24
|
-
header: IComponent[];
|
|
25
|
-
/**
|
|
26
|
-
* Hides the expansion icon.
|
|
27
|
-
*/
|
|
28
|
-
hideAction: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Defines the expansion icon color.
|
|
31
|
-
*/
|
|
32
|
-
iconColor: string;
|
|
33
|
-
/**
|
|
34
|
-
* Defines the expansion icon.
|
|
35
|
-
*/
|
|
36
|
-
iconName: string;
|
|
37
|
-
/**
|
|
38
|
-
* Content will be loaded only when the collapse-card opens.
|
|
39
|
-
*/
|
|
40
|
-
lazyLoad: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Makes the collapse-card readOnly. Does the same thing as disabled prop, but doesn't change styles.
|
|
43
|
-
*/
|
|
44
|
-
readonly: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Create a new CollapseCard
|
|
47
|
-
* @param props CollapseCard definition
|
|
48
|
-
*/
|
|
49
|
-
constructor(props: ICollapseCard);
|
|
50
|
-
/**
|
|
51
|
-
* Triggered when the component expand status changes.
|
|
52
|
-
* @param event DOM event
|
|
53
|
-
* @param element Element changed
|
|
54
|
-
*/
|
|
55
|
-
change(event: Event, element: HTMLElement): void;
|
|
56
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Component } from './component';
|
|
2
|
-
import { IComponentRender } from './interfaces';
|
|
3
|
-
/**
|
|
4
|
-
* Base class for components that will be rendered
|
|
5
|
-
*/
|
|
6
|
-
export declare class ComponentRender extends Component implements IComponentRender {
|
|
7
|
-
/**
|
|
8
|
-
* Children component structure if the component has children.
|
|
9
|
-
*/
|
|
10
|
-
children: IComponentRender[];
|
|
11
|
-
/**
|
|
12
|
-
* Defines component type.
|
|
13
|
-
*/
|
|
14
|
-
component: string;
|
|
15
|
-
constructor(props: IComponentRender);
|
|
16
|
-
}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { IDateRange, IDateEvents } from './interfaces';
|
|
2
|
-
import { TextInput } from '../zd-text-input/text_input';
|
|
3
|
-
export declare class DateRange extends TextInput implements IDateRange {
|
|
4
|
-
/**
|
|
5
|
-
* Input auto complete.
|
|
6
|
-
*/
|
|
7
|
-
autocomplete: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* Defines the date format.
|
|
10
|
-
*/
|
|
11
|
-
dateFormat: string;
|
|
12
|
-
/**
|
|
13
|
-
* Defines the date format displayed.
|
|
14
|
-
*/
|
|
15
|
-
displayFormat: string;
|
|
16
|
-
/**
|
|
17
|
-
* Defines the date input format.
|
|
18
|
-
*/
|
|
19
|
-
inputFormat?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Shows the date picker.
|
|
22
|
-
*/
|
|
23
|
-
showDatePicker: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Events registered to the date.
|
|
26
|
-
*/
|
|
27
|
-
events: IDateEvents;
|
|
28
|
-
/**
|
|
29
|
-
* Sets the first day of the week, starting with 0 for Sunday.
|
|
30
|
-
*/
|
|
31
|
-
firstDayOfWeek: number | string;
|
|
32
|
-
/**
|
|
33
|
-
* Forces 100% width.
|
|
34
|
-
*/
|
|
35
|
-
fullWidth: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Sets the locale. Accepts a string with a BCP 47 language tag.
|
|
38
|
-
*/
|
|
39
|
-
locale?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Defines if dates should be ordered
|
|
42
|
-
*/
|
|
43
|
-
orderedDates: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* Allows changing displayed month with mouse scroll
|
|
46
|
-
*/
|
|
47
|
-
scrollable: boolean;
|
|
48
|
-
/**
|
|
49
|
-
* Toggles visibility of the week numbers in the body of the calendar.
|
|
50
|
-
*/
|
|
51
|
-
showWeek: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Character that will separate the two dates
|
|
54
|
-
*/
|
|
55
|
-
splitter: string;
|
|
56
|
-
/**
|
|
57
|
-
* Width of the picker.
|
|
58
|
-
*/
|
|
59
|
-
width: number | string;
|
|
60
|
-
protected isoFormat: string;
|
|
61
|
-
protected dateError: boolean;
|
|
62
|
-
protected formatterFn: Function;
|
|
63
|
-
protected parserFn: Function;
|
|
64
|
-
protected initialMask?: string;
|
|
65
|
-
unitMask?: string;
|
|
66
|
-
protected isSimpleDisplay: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* Creates a new Date.
|
|
69
|
-
* @param props Date properties
|
|
70
|
-
*/
|
|
71
|
-
constructor(props: IDateRange);
|
|
72
|
-
private getInitialMask;
|
|
73
|
-
formatter(value: any): string;
|
|
74
|
-
parser(value: string): any;
|
|
75
|
-
get displayValue(): string;
|
|
76
|
-
set displayValue(newValue: string);
|
|
77
|
-
/**
|
|
78
|
-
* Assign the updated mask to mask property
|
|
79
|
-
*/
|
|
80
|
-
updateMask(): any;
|
|
81
|
-
/**
|
|
82
|
-
* Gets the updated masked, based on displayFormat if the initial mask is undefined
|
|
83
|
-
*/
|
|
84
|
-
protected getUpdatedMask(): string | undefined;
|
|
85
|
-
protected maskFormat(format: string): string;
|
|
86
|
-
setDateValue(displayValue: string): void;
|
|
87
|
-
isValidDateArray(format: string, values?: string[]): boolean;
|
|
88
|
-
private splitValues;
|
|
89
|
-
isValidDate(value: string, format: string, strict?: boolean): boolean;
|
|
90
|
-
get isoRangeValue(): string[];
|
|
91
|
-
set isoRangeValue(newValue: string[]);
|
|
92
|
-
formatISODateRangeValue(dates: string[] | string): string[];
|
|
93
|
-
parseISODateRangeValue(values: string[]): any;
|
|
94
|
-
dateValidation(): boolean | string;
|
|
95
|
-
dateValidateOrder(): boolean | string;
|
|
96
|
-
click(event: Event, element: HTMLElement): void;
|
|
97
|
-
blur(event: Event, element: HTMLElement): void;
|
|
98
|
-
focus(event: Event, element: HTMLElement): void;
|
|
99
|
-
/**
|
|
100
|
-
* Add date mask
|
|
101
|
-
*/
|
|
102
|
-
protected addDateMask(): void;
|
|
103
|
-
/**
|
|
104
|
-
* Removes the component mask if value is valid
|
|
105
|
-
*/
|
|
106
|
-
protected removeDateMask(): void;
|
|
107
|
-
/**
|
|
108
|
-
* Toggle showDatePicker value
|
|
109
|
-
*/
|
|
110
|
-
togglePicker(): void;
|
|
111
|
-
/**
|
|
112
|
-
* Triggered when the appended icon is clicked.
|
|
113
|
-
* @param event DOM event
|
|
114
|
-
* @param element Text input
|
|
115
|
-
*/
|
|
116
|
-
iconClick(event: Event, element: HTMLElement): void;
|
|
117
|
-
/**
|
|
118
|
-
* Checks if a date format is simple.
|
|
119
|
-
* Simple date formats are the ones that consists only of 'DD', 'MM' or 'YYYY', and mask delimiters
|
|
120
|
-
* @param format The format to be checked
|
|
121
|
-
* @returns true if it is simple, false otherwise
|
|
122
|
-
*/
|
|
123
|
-
protected isSimpleFormat(format: string): boolean;
|
|
124
|
-
}
|