@zeedhi/common 1.72.0 → 1.74.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.72.0",
+  "version": "1.74.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "4844a8a23f08e63110e73fddb458514a7f3bfa18"
+  "gitHead": "de1877973b578c5dc1f58903864eb1ae803fda48"
 }

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

@@ -10,10 +10,24 @@ export declare class ApexChart extends ComponentRender implements IApexChart {
      */
     chartType: string;
     /**
-     * Defines the chart height. Possible values for width can be
+     * Defines the component height. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>
      */
     height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
      * Chart options. See <a href=\"https://apexcharts.com/docs/options/\"
      * target=\"_blank\" alt=\"Apex Charts API Reference\">Apex Chart API
@@ -27,10 +41,20 @@ export declare class ApexChart extends ComponentRender implements IApexChart {
      */
     series: any[] | string;
     /**
-     * Defines the chart width. Possible values for width can be
+     * Defines the component width. Possible values for this property can be
      * <samp>'auto', '100%', '400px' or 400</samp>
      */
     width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     /**
      * Defines if chart is loading
      */

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

@@ -38,7 +38,12 @@ export interface IApexChart extends IComponentRender {
     series?: any[] | string;
     options?: any;
     height?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    fillHeight?: boolean;
     width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
     loading?: boolean;
     loadOpacity?: number;
     loadColor?: string;

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

@@ -57,22 +57,26 @@ export declare class Card extends ComponentRender implements ICard {
      * Sets the maximum height for the card.
      * Possible values for width can be 'auto', '100%', '400px' or 400
      */
-    maxHeight?: number | string;
+    maxHeight: number | string;
     /**
      * Sets the maximum width for the card.
      * Possible values for width can be 'auto', '100%', '400px' or 400
      */
-    maxWidth?: number | string;
+    maxWidth: number | string;
     /**
      * Sets the minimum height for the card.
      * Possible values for width can be 'auto', '100%', '400px' or 400
      */
-    minHeight?: number | string;
+    minHeight: number | string;
     /**
      * Sets the minimum width for the card.
      * Possible values for width can be 'auto', '100%', '400px' or 400
      */
-    minWidth?: number | string;
+    minWidth: number | string;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
      * Removes card elevation shadow and adds a thin border
      */

package/types/components/zd-card/interfaces.d.ts

@@ -11,19 +11,20 @@ export interface ICard extends IComponentRender {
     events?: ICardEvents;
     disabled?: boolean;
     flat?: boolean;
-    height?: number | string;
     hover?: boolean;
     href?: string;
     img?: string;
     link?: boolean;
-    maxHeight?: number | string;
-    maxWidth?: number | string;
-    minHeight?: number | string;
-    minWidth?: number | string;
     outlined?: boolean;
     raised?: boolean;
     ripple?: boolean;
     tile?: boolean;
     to?: string;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
     width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
 }

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

@@ -50,6 +50,10 @@ export declare class Carousel extends ComponentRender implements ICarousel {
      * '30em', '400', 400. Values without measurement unit will be notated in pixels by default
      */
     minHeight: number | string;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
      * Configures the carousel as infinite (the slide after the last one is the first slide, and vice-versa)
      */

package/types/components/zd-carousel/interfaces.d.ts

@@ -18,9 +18,6 @@ export interface ICarousel extends IComponentRender {
     buttonsOutside?: boolean;
     center?: boolean;
     currentSlide?: number;
-    height?: number | string;
-    maxHeight?: number | string;
-    minHeight?: number | string;
     infiniteScroll?: boolean;
     initialSlide?: number;
     interval?: number;
@@ -41,4 +38,8 @@ export interface ICarousel extends IComponentRender {
     touchControl?: boolean;
     transitionDuration?: number;
     wheelControl?: boolean;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
 }

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

@@ -9,13 +9,39 @@ import { ComponentRender } from '../zd-component/component-render';
  */
 export declare class CodeEditor extends ComponentRender implements ICodeEditor {
     /**
-     * Max height in pixels. 'none' means no limit.
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    maxHeight: number | string;
+    height: string | number;
     /**
-     * Max height in pixels. 'none' means no limit.
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    height: number | string;
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     /**
      * Language code to be used for highlight (js|javascript, css, html, json, ts|typescript, bash|shell)
      * Other languages must be imported above

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

@@ -3,7 +3,12 @@ export interface ICodeEditor extends IComponentRender {
     staticCode?: object | string | string[];
     language?: string;
     showLineNumbers?: boolean | string;
-    maxHeight?: string | number;
-    height?: string | number;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     copyIcon?: string;
 }

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

@@ -4,6 +4,10 @@ import { IComponent, IComponentDirectives, IComponentEvents } from './interfaces
  * Base class for all Zeedhi components.
  */
 export declare class Component implements IComponent {
+    /**
+     * Allow the component to be duplicated without warning.
+     */
+    allowDuplicate: boolean;
     /**
      * Automatically add focus to input when it's created.
      */

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

@@ -7,6 +7,7 @@ export interface IPropAccessor {
     };
 }
 export interface IComponent {
+    allowDuplicate?: boolean;
     autofocus?: boolean;
     children?: IComponent[];
     componentId?: number;

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

@@ -20,6 +20,21 @@ export declare class Container extends ComponentRender implements IContainer {
      * Sets the minimum height for the component.
      */
     minHeight: number | string;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     /**
      * Removes viewport maximum-width size breakpoints.
      */

package/types/components/zd-container/interfaces.d.ts

@@ -1,9 +1,12 @@
 import { IComponentRender } from '../zd-component/interfaces';
 export interface IContainer extends IComponentRender {
-    fillHeight?: boolean;
     fluid?: boolean;
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     scrollView?: boolean;
 }

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

@@ -17,10 +17,43 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
     editModal?: Modal;
     overrideNamedProps: any;
     removePadding: boolean;
-    height: string | number;
     heightAdjust: string | number;
     cardFooterSlot?: IComponentRender[];
     currentCardId?: string;
+    /**
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     addModalDef: IModal;
     editModalDef: IModal;
     /**

package/types/components/zd-dashboard/interfaces.d.ts

@@ -16,10 +16,16 @@ export interface IDashboard extends IComponentRender {
     moveMode?: boolean;
     editHeader?: IHeader;
     removePadding?: boolean;
-    height?: string | number;
     heightAdjust?: string | number;
     showEditHeader?: string | boolean;
     cardFooterSlot?: IComponentRender[];
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
 }
 export interface IDashboardCard extends Omit<ICard, 'name' | 'component'> {
     cardId: string;

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

@@ -21,9 +21,39 @@ export declare class Form extends ComponentRender implements IForm {
      */
     justify?: string;
     /**
-     * Sets the height for the form.
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    height?: number | string;
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     /**
      * Defines form events.
      */
@@ -71,16 +101,14 @@ export declare class Form extends ComponentRender implements IForm {
         [key: string]: any;
         children?: import("..").IComponentRender[] | undefined;
         component: string;
+        allowDuplicate?: boolean | undefined;
         autofocus?: boolean | undefined;
         componentId?: number | undefined;
         cssClass?: string | undefined;
         cssStyle?: string | object | undefined;
         events?: import("..").IComponentEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
         directives?: import("..").IComponentDirectives | undefined;
-        isVisible?: string | boolean | undefined; /**
-         * Applies the align-items css property.
-         * Available options are start, center, end, space-between, space-around and stretch.
-         */
+        isVisible?: string | boolean | undefined;
         dark?: boolean | undefined;
         light?: boolean | undefined;
         keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;

package/types/components/zd-form/interfaces.d.ts

@@ -23,6 +23,12 @@ export interface IForm extends IComponentRender {
     align?: string;
     justify?: string;
     height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     children?: IFormComponent[];
     events?: IFormEvents;
 }

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

@@ -15,9 +15,40 @@ export declare class Frame extends ComponentRender implements IFrame {
     JSONCache: boolean | string;
     events: IFrameEvents;
     cacheDuration: number;
-    height: number | string;
-    maxHeight: number | string;
-    minHeight: number | string;
+    /**
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     type: string;
     private readonly headerName;
     private static readonly cacheName;

package/types/components/zd-frame/interfaces.d.ts

@@ -17,5 +17,9 @@ export interface IFrame extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     type?: string;
 }

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

@@ -18,6 +18,7 @@ export declare class GridColumn extends Column implements IGridColumn {
         [key: string]: any;
         children?: import("..").IComponentRender[] | undefined;
         component: string;
+        allowDuplicate?: boolean | undefined;
         autofocus?: boolean | undefined;
         componentId?: number | undefined;
         cssClass?: string | undefined;

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

@@ -103,6 +103,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
         value: any;
         events: any;
         autofill: boolean;
+        allowDuplicate: boolean;
     };
     private checkLookupData;
     private checkCompValidity;
@@ -128,7 +129,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * Cancels all edited rows and enable grid components
      */
     cancelEditedRows(): Promise<void>;
-    private removeAddedRows;
+    private cancelAddedRows;
     private addDataRow;
     /**
      * Saves all edited rows if they are valid

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

@@ -39,25 +39,39 @@ export declare class Grid extends Iterable implements IGrid {
      */
     dense: boolean;
     /**
-     * Defines if the component should fill the entire available height
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    fillHeight: boolean;
+    height: string | number;
     /**
-     * Grid fixed height
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    height: string | number;
+    minHeight: string | number;
     /**
-     * Grid max height
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
     maxHeight: string | number;
     /**
-     * Height of grid's base element
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    gridHeight: string | number;
+    minWidth: string | number;
     /**
-     * Max height of grid's base element
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    gridMaxHeight: string | number;
+    maxWidth: string | number;
     /**
      * Controls footer visibility
      */

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

@@ -22,14 +22,16 @@ export interface IGrid extends IIterable {
     dense?: boolean;
     errorSlot?: IComponentRender[];
     events?: IGridEvents;
-    fillHeight?: boolean;
     footerSlot?: IComponentRender[];
     headerBackground?: string;
     headerCellTextColor?: string;
-    height?: string | number;
-    maxHeight?: string | number;
-    gridHeight?: string | number;
-    gridMaxHeight?: string | number;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     noDataSlot?: IComponentRender[];
     noResultSlot?: IComponentRender[];
     selectable?: boolean;

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

@@ -16,10 +16,6 @@ export declare class Image extends ComponentRender implements IImage {
      * Text to be shown if an error occurs.
      */
     errorImageText: string;
-    /**
-     * Height of the image, e.g. <samp>\"100px\"</samp> or <samp>\"50%\"</samp>.
-     */
-    height: string;
     /**
      * Defines how the image should be resized to fit its container.
      *  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 {
      */
     objectFit: string;
     /**
-     * Source of the image file.
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    private srcValue;
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
-     * Width of the image, e.g. <samp>\"100px\"</samp> or <samp>\"50%\"</samp>.
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    width: string;
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
+    /**
+     * Source of the image file.
+     */
+    private srcValue;
     validImage: any;
     /**
      * Creates a new Image.
      * @param props Image properties
      */
     constructor(props: IImage);
-    /**
-     * Returns the style attribute for the image component
-     */
-    getStyle(): string;
     /**
      * Event to be called after the error image is loaded
      */