@zeedhi/common 1.73.0 → 1.75.0

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.
Files changed (45) hide show
  1. package/dist/zd-common.esm.js +557 -60
  2. package/dist/zd-common.umd.js +557 -60
  3. package/package.json +16 -16
  4. package/types/components/zd-apex-chart/apex-chart.d.ts +26 -2
  5. package/types/components/zd-apex-chart/interfaces.d.ts +5 -0
  6. package/types/components/zd-card/card.d.ts +8 -4
  7. package/types/components/zd-card/interfaces.d.ts +6 -5
  8. package/types/components/zd-carousel/carousel.d.ts +4 -0
  9. package/types/components/zd-carousel/interfaces.d.ts +4 -3
  10. package/types/components/zd-code-editor/code-editor.d.ts +30 -4
  11. package/types/components/zd-code-editor/interfaces.d.ts +7 -2
  12. package/types/components/zd-component/component.d.ts +4 -0
  13. package/types/components/zd-component/interfaces.d.ts +1 -0
  14. package/types/components/zd-container/container.d.ts +15 -0
  15. package/types/components/zd-container/interfaces.d.ts +4 -1
  16. package/types/components/zd-dashboard/dashboard.d.ts +34 -1
  17. package/types/components/zd-dashboard/interfaces.d.ts +7 -1
  18. package/types/components/zd-form/form.d.ts +34 -6
  19. package/types/components/zd-form/interfaces.d.ts +6 -0
  20. package/types/components/zd-frame/frame.d.ts +34 -3
  21. package/types/components/zd-frame/interfaces.d.ts +4 -0
  22. package/types/components/zd-grid/grid-column.d.ts +1 -0
  23. package/types/components/zd-grid/grid-editable.d.ts +2 -1
  24. package/types/components/zd-grid/grid.d.ts +23 -9
  25. package/types/components/zd-grid/interfaces.d.ts +7 -5
  26. package/types/components/zd-image/image.d.ts +34 -12
  27. package/types/components/zd-image/interfaces.d.ts +7 -2
  28. package/types/components/zd-iterable-component-render/interfaces.d.ts +4 -0
  29. package/types/components/zd-iterable-component-render/iterable-component-render.d.ts +28 -6
  30. package/types/components/zd-list/interfaces.d.ts +4 -0
  31. package/types/components/zd-list/list.d.ts +28 -6
  32. package/types/components/zd-row/interfaces.d.ts +4 -0
  33. package/types/components/zd-row/row.d.ts +19 -0
  34. package/types/components/zd-selectable-list/interfaces.d.ts +7 -0
  35. package/types/components/zd-selectable-list/selectable-list.d.ts +34 -0
  36. package/types/components/zd-table/interfaces.d.ts +4 -0
  37. package/types/components/zd-table/table.d.ts +19 -0
  38. package/types/components/zd-tabs/interfaces.d.ts +3 -1
  39. package/types/components/zd-tabs/tab.d.ts +0 -4
  40. package/types/components/zd-tabs/tabs.d.ts +17 -2
  41. package/types/components/zd-textarea/interfaces.d.ts +3 -1
  42. package/types/components/zd-textarea/textarea.d.ts +15 -4
  43. package/types/components/zd-tree/interfaces.d.ts +7 -2
  44. package/types/components/zd-tree/tree.d.ts +29 -3
  45. package/types/components/zd-tree-grid/tree-grid-editable.d.ts +1 -0
@@ -16,10 +16,6 @@ export declare class Image extends ComponentRender implements IImage {
16
16
  * Text to be shown if an error occurs.
17
17
  */
18
18
  errorImageText: string;
19
- /**
20
- * Height of the image, e.g. <samp>\"100px\"</samp> or <samp>\"50%\"</samp>.
21
- */
22
- height: string;
23
19
  /**
24
20
  * Defines how the image should be resized to fit its container.
25
21
  * See <a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\"
@@ -28,23 +24,49 @@ export declare class Image extends ComponentRender implements IImage {
28
24
  */
29
25
  objectFit: string;
30
26
  /**
31
- * Source of the image file.
27
+ * Defines the component height. Possible values for this property can be
28
+ * <samp>'auto', '100%', '400px' or 400</samp>
32
29
  */
33
- private srcValue;
30
+ height: string | number;
31
+ /**
32
+ * Defines the component min height. Possible values for this property can be
33
+ * <samp>'auto', '100%', '400px' or 400</samp>
34
+ */
35
+ minHeight: string | number;
36
+ /**
37
+ * Defines the component max height. Possible values for this property can be
38
+ * <samp>'auto', '100%', '400px' or 400</samp>
39
+ */
40
+ maxHeight: string | number;
41
+ /**
42
+ * Set component height to fill all space available
43
+ */
44
+ fillHeight: boolean;
34
45
  /**
35
- * Width of the image, e.g. <samp>\"100px\"</samp> or <samp>\"50%\"</samp>.
46
+ * Defines the component width. Possible values for this property can be
47
+ * <samp>'auto', '100%', '400px' or 400</samp>
36
48
  */
37
- width: string;
49
+ width: string | number;
50
+ /**
51
+ * Defines the component min width. Possible values for this property can be
52
+ * <samp>'auto', '100%', '400px' or 400</samp>
53
+ */
54
+ minWidth: string | number;
55
+ /**
56
+ * Defines the component max height. Possible values for this property can be
57
+ * <samp>'auto', '100%', '400px' or 400</samp>
58
+ */
59
+ maxWidth: string | number;
60
+ /**
61
+ * Source of the image file.
62
+ */
63
+ private srcValue;
38
64
  validImage: any;
39
65
  /**
40
66
  * Creates a new Image.
41
67
  * @param props Image properties
42
68
  */
43
69
  constructor(props: IImage);
44
- /**
45
- * Returns the style attribute for the image component
46
- */
47
- getStyle(): string;
48
70
  /**
49
71
  * Event to be called after the error image is loaded
50
72
  */
@@ -6,8 +6,13 @@ export interface IImage extends IComponentRender {
6
6
  alt?: string;
7
7
  errorImagePath?: string;
8
8
  errorImageText?: string;
9
- height?: string;
10
9
  objectFit?: string;
11
10
  src?: string;
12
- width?: string;
11
+ height?: number | string;
12
+ maxHeight?: number | string;
13
+ minHeight?: number | string;
14
+ fillHeight?: boolean;
15
+ width?: number | string;
16
+ maxWidth?: number | string;
17
+ minWidth?: number | string;
13
18
  }
@@ -11,4 +11,8 @@ export interface IIterableComponentRender extends IIterable {
11
11
  height?: number | string;
12
12
  maxHeight?: number | string;
13
13
  minHeight?: number | string;
14
+ fillHeight?: boolean;
15
+ width?: number | string;
16
+ maxWidth?: number | string;
17
+ minWidth?: number | string;
14
18
  }
@@ -35,17 +35,39 @@ export declare class IterableComponentRender extends Iterable implements IIterab
35
35
  */
36
36
  noResultSlot: IComponentRender[];
37
37
  /**
38
- * Sets the height for the component.
38
+ * Defines the component height. Possible values for this property can be
39
+ * <samp>'auto', '100%', '400px' or 400</samp>
39
40
  */
40
- height: number | string;
41
+ height: string | number;
41
42
  /**
42
- * Sets the maximum height for the component.
43
+ * Defines the component min height. Possible values for this property can be
44
+ * <samp>'auto', '100%', '400px' or 400</samp>
43
45
  */
44
- maxHeight: number | string;
46
+ minHeight: string | number;
45
47
  /**
46
- * Sets the minimum height for the component.
48
+ * Defines the component max height. Possible values for this property can be
49
+ * <samp>'auto', '100%', '400px' or 400</samp>
47
50
  */
48
- minHeight: number | string;
51
+ maxHeight: string | number;
52
+ /**
53
+ * Set component height to fill all space available
54
+ */
55
+ fillHeight: boolean;
56
+ /**
57
+ * Defines the component width. Possible values for this property can be
58
+ * <samp>'auto', '100%', '400px' or 400</samp>
59
+ */
60
+ width: string | number;
61
+ /**
62
+ * Defines the component min width. Possible values for this property can be
63
+ * <samp>'auto', '100%', '400px' or 400</samp>
64
+ */
65
+ minWidth: string | number;
66
+ /**
67
+ * Defines the component max height. Possible values for this property can be
68
+ * <samp>'auto', '100%', '400px' or 400</samp>
69
+ */
70
+ maxWidth: string | number;
49
71
  /**
50
72
  * Components that will be rendered in error case
51
73
  */
@@ -15,6 +15,10 @@ export interface IList extends IComponentRender {
15
15
  height?: number | string;
16
16
  maxHeight?: number | string;
17
17
  minHeight?: number | string;
18
+ fillHeight?: boolean;
19
+ width?: number | string;
20
+ maxWidth?: number | string;
21
+ minWidth?: number | string;
18
22
  }
19
23
  /**
20
24
  * Interface for list itens
@@ -42,17 +42,39 @@ export declare class List extends ComponentRender implements IList {
42
42
  */
43
43
  expand: boolean;
44
44
  /**
45
- * Sets the height for the component.
45
+ * Defines the component height. Possible values for this property can be
46
+ * <samp>'auto', '100%', '400px' or 400</samp>
46
47
  */
47
- height: number | string;
48
+ height: string | number;
48
49
  /**
49
- * Sets the maxHeight for the component.
50
+ * Defines the component min height. Possible values for this property can be
51
+ * <samp>'auto', '100%', '400px' or 400</samp>
50
52
  */
51
- maxHeight: number | string;
53
+ minHeight: string | number;
52
54
  /**
53
- * Sets the minHeight for the component.
55
+ * Defines the component max height. Possible values for this property can be
56
+ * <samp>'auto', '100%', '400px' or 400</samp>
54
57
  */
55
- minHeight: number | string;
58
+ maxHeight: string | number;
59
+ /**
60
+ * Set component height to fill all space available
61
+ */
62
+ fillHeight: boolean;
63
+ /**
64
+ * Defines the component width. Possible values for this property can be
65
+ * <samp>'auto', '100%', '400px' or 400</samp>
66
+ */
67
+ width: string | number;
68
+ /**
69
+ * Defines the component min width. Possible values for this property can be
70
+ * <samp>'auto', '100%', '400px' or 400</samp>
71
+ */
72
+ minWidth: string | number;
73
+ /**
74
+ * Defines the component max height. Possible values for this property can be
75
+ * <samp>'auto', '100%', '400px' or 400</samp>
76
+ */
77
+ maxWidth: string | number;
56
78
  constructor(props: IList);
57
79
  /**
58
80
  * Get item by name
@@ -7,4 +7,8 @@ export interface IRow extends IComponentRender {
7
7
  dense?: boolean;
8
8
  justify?: string;
9
9
  noGutters?: boolean;
10
+ height?: number | string;
11
+ maxHeight?: number | string;
12
+ minHeight?: number | string;
13
+ fillHeight?: boolean;
10
14
  }
@@ -16,6 +16,25 @@ export declare class Row extends ComponentRender implements IRow {
16
16
  */
17
17
  justify?: string;
18
18
  noGutters: boolean;
19
+ /**
20
+ * Defines the component height. Possible values for this property can be
21
+ * <samp>'auto', '100%', '400px' or 400</samp>
22
+ */
23
+ height: string | number;
24
+ /**
25
+ * Defines the component min height. Possible values for this property can be
26
+ * <samp>'auto', '100%', '400px' or 400</samp>
27
+ */
28
+ minHeight: string | number;
29
+ /**
30
+ * Defines the component max height. Possible values for this property can be
31
+ * <samp>'auto', '100%', '400px' or 400</samp>
32
+ */
33
+ maxHeight: string | number;
34
+ /**
35
+ * Set component height to fill all space available
36
+ */
37
+ fillHeight: boolean;
19
38
  /**
20
39
  * Creates a new Row.
21
40
  * @param props Row properties
@@ -5,4 +5,11 @@ export interface ISelectableList extends IList {
5
5
  max?: number;
6
6
  multiple?: boolean;
7
7
  value?: any;
8
+ height?: number | string;
9
+ maxHeight?: number | string;
10
+ minHeight?: number | string;
11
+ fillHeight?: boolean;
12
+ width?: number | string;
13
+ maxWidth?: number | string;
14
+ minWidth?: number | string;
8
15
  }
@@ -24,6 +24,40 @@ export declare class SelectableList extends List implements ISelectableList {
24
24
  * Sets the active list-item inside the list-group
25
25
  */
26
26
  value?: any;
27
+ /**
28
+ * Defines the component height. Possible values for this property can be
29
+ * <samp>'auto', '100%', '400px' or 400</samp>
30
+ */
31
+ height: string | number;
32
+ /**
33
+ * Defines the component min height. Possible values for this property can be
34
+ * <samp>'auto', '100%', '400px' or 400</samp>
35
+ */
36
+ minHeight: string | number;
37
+ /**
38
+ * Defines the component max height. Possible values for this property can be
39
+ * <samp>'auto', '100%', '400px' or 400</samp>
40
+ */
41
+ maxHeight: string | number;
42
+ /**
43
+ * Set component height to fill all space available
44
+ */
45
+ fillHeight: boolean;
46
+ /**
47
+ * Defines the component width. Possible values for this property can be
48
+ * <samp>'auto', '100%', '400px' or 400</samp>
49
+ */
50
+ width: string | number;
51
+ /**
52
+ * Defines the component min width. Possible values for this property can be
53
+ * <samp>'auto', '100%', '400px' or 400</samp>
54
+ */
55
+ minWidth: string | number;
56
+ /**
57
+ * Defines the component max height. Possible values for this property can be
58
+ * <samp>'auto', '100%', '400px' or 400</samp>
59
+ */
60
+ maxWidth: string | number;
27
61
  constructor(props: ISelectableList);
28
62
  change(event?: Event, element?: any): void;
29
63
  }
@@ -6,6 +6,10 @@ export interface ITable extends IIterable {
6
6
  caption?: ITableCaption;
7
7
  showTableHead?: boolean;
8
8
  fillWidth?: boolean;
9
+ height?: number | string;
10
+ maxHeight?: number | string;
11
+ minHeight?: number | string;
12
+ fillHeight?: boolean;
9
13
  }
10
14
  export interface ITableCaption {
11
15
  label?: string;
@@ -16,6 +16,25 @@ export declare class Table extends Iterable implements ITable {
16
16
  * Controls table head visibility.
17
17
  */
18
18
  showTableHead: boolean;
19
+ /**
20
+ * Defines the component height. Possible values for this property can be
21
+ * <samp>'auto', '100%', '400px' or 400</samp>
22
+ */
23
+ height: string | number;
24
+ /**
25
+ * Defines the component min height. Possible values for this property can be
26
+ * <samp>'auto', '100%', '400px' or 400</samp>
27
+ */
28
+ minHeight: string | number;
29
+ /**
30
+ * Defines the component max height. Possible values for this property can be
31
+ * <samp>'auto', '100%', '400px' or 400</samp>
32
+ */
33
+ maxHeight: string | number;
34
+ /**
35
+ * Set component height to fill all space available
36
+ */
37
+ fillHeight: boolean;
19
38
  /**
20
39
  * Creates a new Table.
21
40
  * @param table Table properties
@@ -13,11 +13,13 @@ export interface ITabsEvents<T = ITabsEventParam | ITabsBeforeChangeEventParam |
13
13
  export interface ITab extends IComponent {
14
14
  tabTitle: string;
15
15
  disabled?: boolean;
16
- flex?: boolean;
17
16
  lazyLoad?: boolean;
18
17
  }
19
18
  export interface ITabs extends IComponentRender {
20
19
  activeTab?: number;
21
20
  tabs?: ITab[];
22
21
  height?: number | string;
22
+ maxHeight?: number | string;
23
+ minHeight?: number | string;
24
+ fillHeight?: boolean;
23
25
  }
@@ -6,10 +6,6 @@ import { Component } from '../zd-component/component';
6
6
  export declare class Tab extends Component implements ITab {
7
7
  disabled: boolean;
8
8
  tabTitle: string;
9
- /**
10
- * Defines if is flex mode.
11
- */
12
- flex?: boolean;
13
9
  lazyLoad: boolean;
14
10
  /**
15
11
  * Create a new Tab.
@@ -9,9 +9,24 @@ export declare class Tabs extends ComponentRender implements ITabs {
9
9
  events: ITabsEvents;
10
10
  tabs: Tab[];
11
11
  /**
12
- * Sets the height for Tabs.
12
+ * Defines the component height. Possible values for this property can be
13
+ * <samp>'auto', '100%', '400px' or 400</samp>
13
14
  */
14
- height?: number | string;
15
+ height: string | number;
16
+ /**
17
+ * Defines the component min height. Possible values for this property can be
18
+ * <samp>'auto', '100%', '400px' or 400</samp>
19
+ */
20
+ minHeight: string | number;
21
+ /**
22
+ * Defines the component max height. Possible values for this property can be
23
+ * <samp>'auto', '100%', '400px' or 400</samp>
24
+ */
25
+ maxHeight: string | number;
26
+ /**
27
+ * Set component height to fill all space available
28
+ */
29
+ fillHeight: boolean;
15
30
  /**
16
31
  * Create a new Tabs.
17
32
  * @param props Tabs properties
@@ -16,5 +16,7 @@ export interface ITextarea extends ITextInput {
16
16
  rowHeight?: number | string;
17
17
  rows?: number | string;
18
18
  height?: number | string;
19
- fillHeight?: number | string | boolean;
19
+ maxHeight?: number | string;
20
+ minHeight?: number | string;
21
+ fillHeight?: boolean;
20
22
  }
@@ -49,13 +49,24 @@ export declare class Textarea extends TextInput implements ITextarea {
49
49
  */
50
50
  rows: number | string;
51
51
  /**
52
- * Input height
52
+ * Defines the component height. Possible values for this property can be
53
+ * <samp>'auto', '100%', '400px' or 400</samp>
53
54
  */
54
- height: number | string;
55
+ height: string | number;
55
56
  /**
56
- * Should input fill the remaining height
57
+ * Defines the component min height. Possible values for this property can be
58
+ * <samp>'auto', '100%', '400px' or 400</samp>
57
59
  */
58
- fillHeight: number | string | boolean;
60
+ minHeight: string | number;
61
+ /**
62
+ * Defines the component max height. Possible values for this property can be
63
+ * <samp>'auto', '100%', '400px' or 400</samp>
64
+ */
65
+ maxHeight: string | number;
66
+ /**
67
+ * Set component height to fill all space available
68
+ */
69
+ fillHeight: boolean;
59
70
  /**
60
71
  * Create a new Textarea.
61
72
  * @param props Textarea properties
@@ -57,8 +57,13 @@ export interface ITree extends IComponentRender {
57
57
  toolbarSlot?: IComponentRender[];
58
58
  titleSlot?: ITreeConditionComponent[];
59
59
  events?: ITreeEvents;
60
- height?: string | number;
61
- maxHeight?: string | number;
60
+ height?: number | string;
61
+ maxHeight?: number | string;
62
+ minHeight?: number | string;
63
+ fillHeight?: boolean;
64
+ width?: number | string;
65
+ maxWidth?: number | string;
66
+ minWidth?: number | string;
62
67
  datasource?: IDatasource;
63
68
  parentField?: string;
64
69
  titleField?: string;
@@ -26,13 +26,39 @@ export declare class Tree extends ComponentRender implements ITree {
26
26
  */
27
27
  toolbarSlot: IComponentRender[];
28
28
  /**
29
- * Tree fixed height
29
+ * Defines the component height. Possible values for this property can be
30
+ * <samp>'auto', '100%', '400px' or 400</samp>
30
31
  */
31
32
  height: string | number;
32
33
  /**
33
- * Tree max height
34
- */
34
+ * Defines the component min height. Possible values for this property can be
35
+ * <samp>'auto', '100%', '400px' or 400</samp>
36
+ */
37
+ minHeight: string | number;
38
+ /**
39
+ * Defines the component max height. Possible values for this property can be
40
+ * <samp>'auto', '100%', '400px' or 400</samp>
41
+ */
35
42
  maxHeight: string | number;
43
+ /**
44
+ * Set component height to fill all space available
45
+ */
46
+ fillHeight: boolean;
47
+ /**
48
+ * Defines the component width. Possible values for this property can be
49
+ * <samp>'auto', '100%', '400px' or 400</samp>
50
+ */
51
+ width: string | number;
52
+ /**
53
+ * Defines the component min width. Possible values for this property can be
54
+ * <samp>'auto', '100%', '400px' or 400</samp>
55
+ */
56
+ minWidth: string | number;
57
+ /**
58
+ * Defines the component max height. Possible values for this property can be
59
+ * <samp>'auto', '100%', '400px' or 400</samp>
60
+ */
61
+ maxWidth: string | number;
36
62
  /**
37
63
  * Components that will be rendered on title slot
38
64
  */
@@ -96,6 +96,7 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
96
96
  value: any;
97
97
  events: any;
98
98
  autofill: boolean;
99
+ allowDuplicate: boolean;
99
100
  };
100
101
  private updateOriginalRow;
101
102
  private checkLookupData;