@zeedhi/common 1.111.1 → 3.0.0

package/tsconfig.eslint.json

@@ -1,9 +0,0 @@
-{
-  // extend your base config so you don't have to redefine your compilerOptions
-  "extends": "./tsconfig.json",
-  "include": [
-    "./src/**/*.ts",
-    "./tests/**/*.ts",
-  ],
-  "exclude": ["node_modules"]
-}

package/types/components/index.d.ts

@@ -1,161 +0,0 @@
-export * from './zd-alert/alert';
-export * from './zd-alert/interfaces';
-export * from './zd-apex-chart/apex-chart';
-export * from './zd-apex-chart/interfaces';
-export * from './zd-badge/badge';
-export * from './zd-badge/interfaces';
-export * from './zd-breadcrumbs/breadcrumbs';
-export * from './zd-breadcrumbs/interfaces';
-export * from './zd-button/button';
-export * from './zd-button/interfaces';
-export * from './zd-button-group/button-group';
-export * from './zd-button-group/interfaces';
-export * from './zd-carousel/carousel';
-export * from './zd-carousel/interfaces';
-export * from './zd-card/card';
-export * from './zd-card/interfaces';
-export * from './zd-checkbox/checkbox';
-export * from './zd-checkbox/interfaces';
-export * from './zd-checkbox-multiple/checkbox-multiple';
-export * from './zd-checkbox-multiple/interfaces';
-export * from './zd-chip/chip';
-export * from './zd-chip/interfaces';
-export * from './zd-code-editor/code-editor';
-export * from './zd-code-editor/interfaces';
-export * from './zd-col/col';
-export * from './zd-col/interfaces';
-export * from './zd-collapse-card/collapse-card';
-export * from './zd-collapse-card/interfaces';
-export * from './zd-component/component';
-export * from './zd-component/component-render';
-export * from './zd-component/child-not-found';
-export * from './zd-component/interfaces';
-export * from './zd-container/container';
-export * from './zd-container/interfaces';
-export * from './zd-currency/currency';
-export * from './zd-currency/interfaces';
-export * from './zd-dashboard/dashboard';
-export * from './zd-dashboard/interfaces';
-export * from './zd-date/date';
-export * from './zd-date/date-range';
-export * from './zd-date/interfaces';
-export * from './zd-dialog/dialog';
-export * from './zd-dialog/interfaces';
-export * from './zd-divider/divider';
-export * from './zd-divider/interfaces';
-export * from './zd-dropdown/dropdown';
-export * from './zd-dropdown/interfaces';
-export * from './zd-file-input/file-input';
-export * from './zd-file-input/interfaces';
-export * from './zd-footer/footer';
-export * from './zd-footer/interfaces';
-export * from './zd-form/form';
-export * from './zd-form/interfaces';
-export * from './zd-frame/frame';
-export * from './zd-frame/interfaces';
-export * from './zd-frame-page/frame-page';
-export * from './zd-frame-page/interfaces';
-export * from './zd-grid/grid';
-export * from './zd-grid/grid-column';
-export * from './zd-grid/grid-column-editable';
-export * from './zd-grid/grid-editable';
-export * from './zd-grid/interfaces';
-export * from './zd-header/header';
-export * from './zd-header/interfaces';
-export * from './zd-icon/icon';
-export * from './zd-icon/interfaces';
-export * from './zd-image/image';
-export * from './zd-image/interfaces';
-export * from './zd-increment/increment';
-export * from './zd-increment/interfaces';
-export * from './zd-input/input';
-export * from './zd-input/interfaces';
-export * from './zd-input/input-factory';
-export * from './zd-iterable/column';
-export * from './zd-iterable/iterable';
-export * from './zd-iterable/column-not-found';
-export * from './zd-iterable/iterable-columns-button';
-export * from './zd-iterable/iterable-columns-button-controller';
-export * from './zd-iterable/iterable-page-component';
-export * from './zd-iterable/iterable-page-size';
-export * from './zd-iterable/iterable-page-info';
-export * from './zd-iterable/iterable-pagination';
-export * from './zd-iterable/search';
-export * from './zd-iterable/interfaces';
-export * from './zd-iterable-component-render/iterable-component-render';
-export * from './zd-iterable-component-render/interfaces';
-export * from './zd-list/list';
-export * from './zd-list/list-item';
-export * from './zd-list/list-group';
-export * from './zd-list/interfaces';
-export * from './zd-loading/loading';
-export * from './zd-loading/interfaces';
-export * from './zd-login/login';
-export * from './zd-login/login-button';
-export * from './zd-login/interfaces';
-export * from './zd-master-detail/master-detail';
-export * from './zd-menu/menu';
-export * from './zd-menu/menu-link';
-export * from './zd-menu/menu-group';
-export * from './zd-menu/menu-separator';
-export * from './zd-menu/menu-button';
-export * from './zd-menu/interfaces';
-export * from './zd-modal/modal';
-export * from './zd-modal/modal-close-button';
-export * from './zd-modal/interfaces';
-export * from './zd-month/month';
-export * from './zd-month/interfaces';
-export * from './zd-number/number';
-export * from './zd-number/interfaces';
-export * from './zd-password/password';
-export * from './zd-password/interfaces';
-export * from './zd-progress/progress';
-export * from './zd-progress/interfaces';
-export * from './zd-radio/radio';
-export * from './zd-radio/interfaces';
-export * from './zd-range-slider/range-slider';
-export * from './zd-range-slider/interfaces';
-export * from './zd-row/row';
-export * from './zd-row/interfaces';
-export * from './zd-select/select';
-export * from './zd-select/interfaces';
-export * from './zd-select-multiple/select-multiple';
-export * from './zd-select-multiple/interfaces';
-export * from './zd-select-tree/select-tree';
-export * from './zd-select-tree/interfaces';
-export * from './zd-select-tree-multiple/select-tree-multiple';
-export * from './zd-select-tree-multiple/interfaces';
-export * from './zd-selectable-list/selectable-list';
-export * from './zd-selectable-list/interfaces';
-export * from './zd-speed-dial/speed-dial';
-export * from './zd-speed-dial/interfaces';
-export * from './zd-steppers/steppers';
-export * from './zd-steppers/interfaces';
-export * from './zd-svg-map/svg-map';
-export * from './zd-svg-map/interfaces';
-export * from './zd-switch/switch';
-export * from './zd-switch/interfaces';
-export * from './zd-table/table';
-export * from './zd-table/interfaces';
-export * from './zd-tabs/tab';
-export * from './zd-tabs/tabs';
-export * from './zd-tabs/interfaces';
-export * from './zd-tag/tag';
-export * from './zd-tag/interfaces';
-export * from './zd-text/text';
-export * from './zd-text/interfaces';
-export * from './zd-textarea/textarea';
-export * from './zd-textarea/interfaces';
-export * from './zd-text-input/text-input';
-export * from './zd-text-input/interfaces';
-export * from './zd-time/time';
-export * from './zd-time/interfaces';
-export * from './zd-toggleable/toggleable';
-export * from './zd-toggleable/interfaces';
-export * from './zd-tooltip/tooltip';
-export * from './zd-tooltip/interfaces';
-export * from './zd-tree/tree';
-export * from './zd-tree/interfaces';
-export * from './zd-tree-grid/tree-grid';
-export * from './zd-tree-grid/tree-grid-editable';
-export * from './zd-tree-grid/interfaces';

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

@@ -1,101 +0,0 @@
-import { Component } from '../zd-component/component';
-import { IAlert } from './interfaces';
-import { IButton } from '../zd-button/interfaces';
-/**
- * Base class for Alert component.
- */
-export declare class Alert extends Component implements IAlert {
-    /**
-     * Align the component towards the bottom
-     */
-    bottom: boolean;
-    /**
-     * Slot to display flat buttons
-     */
-    buttonsSlot: IButton[];
-    /**
-     * Applies specified color to the control.
-     * It can be the name of material color or an hexadecimal color
-     */
-    color: string;
-    /**
-     * Applies specified color to the dismiss button.
-     * It can be the name of material color or an hexadecimal color
-     */
-    dismissColor: string;
-    /**
-     * Align the component towards the left
-     */
-    left: boolean;
-    /**
-     * Makes the alert higher (mobile)
-     */
-    multiLine: boolean;
-    /**
-     * Align the component towards the right
-     */
-    right: boolean;
-    /**
-     * Controls dismiss button visibility
-     */
-    showDismiss: boolean;
-    /**
-     * Time (in milliseconds) to wait until alert is automatically hidden.
-     * Use 0 to keep open indefinitely.
-     */
-    timeout: number;
-    /**
-     * Text displayed on alert
-     */
-    text: string;
-    /**
-     * Align the content towards the top
-     */
-    top: boolean;
-    /**
-     * Alert type (normal, success, error, warning, info)
-     */
-    type: string;
-    /**
-     * Stacks alert content vertically (mobile)
-     */
-    vertical: boolean;
-    id: number;
-    protected defaultValues: {
-        name: string;
-        dark: boolean;
-        light: boolean;
-        color: string;
-        text: string;
-        timeout: number;
-        type: string;
-        top: boolean;
-        right: boolean;
-        bottom: boolean;
-        left: boolean;
-        vertical: boolean;
-        multiLine: boolean;
-        showDismiss: boolean;
-        dismissColor: string;
-        buttonsSlot: IButton[];
-        id: number;
-    };
-    /**
-     * Creates a new Alert
-     * @param props Alert structure
-     */
-    constructor(props: IAlert);
-    /**
-     * Assign all alert properties
-     * @param alert Alert structure
-     */
-    assignAlertProperties(alert: IAlert): void;
-    /**
-     * Displays alert
-     */
-    show(): void;
-    /**
-     * Hides alert
-     */
-    hide(): void;
-}

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

@@ -1,18 +0,0 @@
-import { IComponent } from '../zd-component/interfaces';
-import { IButton } from '../zd-button/interfaces';
-export interface IAlert extends IComponent {
-    id?: number;
-    color?: string;
-    text?: string;
-    timeout?: number;
-    type?: string;
-    top?: boolean;
-    right?: boolean;
-    bottom?: boolean;
-    left?: boolean;
-    vertical?: boolean;
-    multiLine?: boolean;
-    showDismiss?: boolean;
-    dismissColor?: string;
-    buttonsSlot?: IButton[];
-}

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

@@ -1,257 +0,0 @@
-import { IApexChart, IApexChartEvents } 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 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
-     * 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 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
-     */
-    loading: boolean;
-    /**
-     * Defines the load background opacity
-     */
-    loadOpacity: number;
-    /**
-     * Defines the load progress color
-     */
-    loadColor: string;
-    /**
-     * Defines Apex Chart events.
-     */
-    events: IApexChartEvents;
-    /**
-     * Optional update method assigned by view layer.
-     */
-    private viewUpdate?;
-    /**
-     * Method to return icon HTML on the view layer.
-     */
-    private viewGetIconHTML?;
-    private defaultOptions;
-    /**
-     * Creates a new ApexChart.
-     * @param props ApexChart properties
-     */
-    constructor(props: IApexChart);
-    private getPropValue;
-    private translateSeries;
-    private translateOptions;
-    /**
-     * Sets view update method.
-     * @param viewUpdate Update method
-     */
-    setViewUpdate(viewUpdate: (options: any) => Promise<any>): void;
-    /**
-     * Sets view get icon HTML method.
-     * @param viewGetIconHTML Update method
-     */
-    setViewGetIconHTML(viewGetIconHTML: (icon: string) => string): void;
-    /**
-     * Update the chart
-     * @param options New options
-     */
-    updateChart(options: any): Promise<any>;
-    /**
-     * Fires when the chart’s initial animation is finished
-     * @param chartContext
-     * @param config
-     * @param element DOM Element
-     */
-    animationEndEvent(chartContext: any, options: any): void;
-    /**
-     * Fires before the chart has been drawn on screen
-     * @param chartContext
-     * @param config
-     * @param element DOM Element
-     */
-    beforeMountEvent(chartContext: any, config: any): void;
-    /**
-     * Fires after the chart has been drawn on screen
-     * @param chartContext
-     * @param config
-     * @param element DOM Element
-     */
-    mountedEvent(chartContext: any, config: any): void;
-    /**
-     * Fires when the chart has been dynamically updated either with
-     * updateOptions() or updateSeries() functions
-     * @param chartContext
-     * @param config
-     * @param element DOM Element
-     */
-    updatedEvent(chartContext: any, config: any): void;
-    /**
-     * Fires when the chart has been dynamically updated either with
-     * updateOptions() or updateSeries() functions
-     * @param event Event that triggered the click event
-     * @param chartContext
-     * @param config
-     * @param element DOM Element
-     */
-    clickEvent(event?: Event, chartContext?: any, config?: any): void;
-    /**
-     * Fires when user moves mouse on any area of the chart.
-     * @param event Event that triggered the click event
-     * @param chartContext
-     * @param config
-     * @param element DOM Element
-     */
-    mouseMoveEvent(event?: Event, chartContext?: any, config?: any): void;
-    /**
-     * Fires when user moves mouse on any area of the chart.
-     * @param event Event that triggered the mouse leave
-     * @param chartContext
-     * @param config New config
-     * @param element DOM Element
-     */
-    mouseLeaveEvent(event?: Event, chartContext?: any, config?: any): void;
-    /**
-     * Fires when user moves mouse on any area of the chart.
-     * @param chartContext
-     * @param seriesIndex
-     * @param config
-     * @param element DOM Element
-     */
-    legendClickEvent(chartContext?: any, seriesIndex?: any, config?: any): void;
-    /**
-     * Fires when user moves mouse on any area of the chart.
-     * @param event Event that triggered the marker click
-     * @param chartContext
-     * @param option New config
-     * @param element DOM Element
-     */
-    markerClickEvent(event?: Event, chartContext?: any, config?: any): void;
-    /**
-     * Fires when user selects rect using the selection tool.
-     * The second argument
-     * @param chartContext
-     * @param config contains the yaxis and xaxis coordinates where user made the selection
-     * @param element DOM Element
-     */
-    selectionEvent(chartContext?: any, config?: any): void;
-    /**
-     * Fires when user clicks on a datapoint (bar/column/marker/bubble/donut-slice).
-     * @param event Event that triggered when user clicks on a datapoint
-     * @param chartContext
-     * @param config The config object, also includes additional information like
-     * which dataPointIndex was selected of which series.
-     * @param element DOM Element
-     */
-    dataPointSelectionEvent(event?: Event, chartContext?: any, config?: any): void;
-    /**
-     * Fires when user clicks on a datapoint (bar/column/marker/bubble/donut-slice).
-     * @param event Event that triggered when user’s mouse enter on a datapoint
-     * @param chartContext
-     * @param config The config object, also includes additional information like
-     * which dataPointIndex was hovered of particular series.
-     * @param element DOM Element
-     */
-    dataPointMouseEnterEvent(event?: Event, chartContext?: any, config?: any): void;
-    /**
-     * MouseLeave event for a datapoint (bar/column/marker/bubble/donut-slice).
-     * @param event Event that triggered the beforeSlide event
-     * @param chartContext
-     * @param config
-     * @param element DOM Element
-     */
-    dataPointMouseLeaveEvent(event?: Event, chartContext?: any, config?: any): void;
-    /**
-     * This function, if defined, runs just before zooming in/out of the chart
-     * allowing you to set a custom range for zooming in/out.
-     * @param chartContext
-     * @param config { min: timestamp, max: timestamp }
-     * @param element DOM Element
-     */
-    beforeZoomEvent(chartContext?: any, config?: any): void;
-    /**
-     * This function, if defined, runs just before the user hits the HOME button
-     * on the toolbar to reset the chart to it’s original state. The function
-     * allows you to set a custom axes range for the initial view of the chart.
-     * @param chartContext
-     * @param config { min: timestamp, max: timestamp }
-     * @param element DOM Element
-     */
-    beforeResetZoomEvent(chartContext?: any, config?: any): void;
-    /**
-     * Fires when user zooms in/out the chart using either the selection zooming
-     * tool or zoom in/out buttons.
-     * The 2nd argument includes information of the new xaxis/yaxis generated after zooming.
-     * @param chartContext
-     * @param config { min: timestamp, max: timestamp }
-     * @param element DOM Element
-     */
-    zoomedEvent(chartContext?: any, config?: any): void;
-    /**
-     * Fires when user scrolls using the pan tool.
-     * The 2nd argument includes information of the new xaxis generated after scrolling.
-     * @param chartContext
-     * @param config { xaxis: any  }
-     * @param element DOM Element
-     */
-    scrolledEvent(chartContext?: any, config?: any): void;
-    /**
-     * Fires when user drags the brush in a brush chart.
-     * The 2nd argument includes information of the new axes generated after
-     * scrolling the brush.
-     * @param chartContext
-     * @param config { xaxis: any, yaxis: any  }
-     * @param element DOM Element
-     */
-    brushScrolledEvent(chartContext?: any, config?: any): void;
-    updateToolbarIcons(): any;
-    drillHistory: any[];
-    drillDown(options: any): Promise<unknown>;
-    drillUp(): Promise<any>;
-}

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

@@ -1,51 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { EventDef, IComponentEvents, IComponentRender } from '../zd-component/interfaces';
-import { ApexChart } from './apex-chart';
-export declare type ApexChartOption = {
-    xaxis?: any;
-    yaxis?: any;
-    seriesIndex?: any;
-    config?: any;
-    dataPointIndex?: any;
-};
-export interface IApexChartEvent extends IEventParam<ApexChart> {
-    chartContext: any;
-    config?: ApexChartOption;
-    seriesIndex?: any;
-}
-export interface IApexChartEvents<T = IApexChartEvent | IEventParam<any>> extends IComponentEvents<T> {
-    chartAnimationEnd?: EventDef<T>;
-    chartBeforeMount?: EventDef<T>;
-    chartMounted?: EventDef<T>;
-    chartUpdated?: EventDef<T>;
-    chartMouseMove?: EventDef<T>;
-    chartMouseLeave?: EventDef<T>;
-    chartClick?: EventDef<T>;
-    chartLegendClick?: EventDef<T>;
-    chartMarkerClick?: EventDef<T>;
-    chartSelection?: EventDef<T>;
-    chartDataPointSelection?: EventDef<T>;
-    chartDataPointMouseEnter?: EventDef<T>;
-    chartDataPointMouseLeave?: EventDef<T>;
-    chartBeforeZoom?: EventDef<T>;
-    chartBeforeResetZoom?: EventDef<T>;
-    chartZoomed?: EventDef<T>;
-    chartScrolled?: EventDef<T>;
-    chartBrushScrolled?: EventDef<T>;
-}
-export interface IApexChart extends IComponentRender {
-    chartType?: string;
-    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;
-    events?: IApexChartEvents;
-}

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

@@ -1,28 +0,0 @@
-import { IBadge, IBadgeEvents } from './interfaces';
-import { ComponentRender } from '../zd-component/component-render';
-/**
- * Base class for Badge component.
- */
-export declare class Badge extends ComponentRender implements IBadge {
-    /**
-    * Wrap a number to badge
-    */
-    badge: number;
-    /**
-     * Events registered to the badge
-     */
-    events: IBadgeEvents;
-    /**
-     * Highlight information to a user or to just draw attention
-     */
-    showBadgeCounter: boolean;
-    /**
-     * Create a new Badge
-     * @param props Badge definition
-     */
-    constructor(props: IBadge);
-    /**
-     * Returns a string with the badge counter
-     */
-    getBadgeText(): string;
-}

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

@@ -1,10 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { Badge } from './badge';
-import { IComponentEvents, IComponentRender } from '../zd-component/interfaces';
-export declare type IBadgeEvent = IEventParam<Badge>;
-export declare type IBadgeEvents = IComponentEvents<IBadgeEvent>;
-export interface IBadge extends IComponentRender {
-    badge?: number;
-    events?: IBadgeEvents;
-    showBadgeCounter?: boolean;
-}

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

@@ -1,32 +0,0 @@
-import { IBreadcrumbs, IBreadcrumbsItem } from './interfaces';
-import { ComponentRender } from '../zd-component/component-render';
-/**
- * Base class for Breadcrumbs component.
- */
-export declare class Breadcrumbs extends ComponentRender implements IBreadcrumbs {
-    /**
-     * Specifies the dividing string between items.
-     */
-    divider: string;
-    /**
-     * Array of objects for each breadcrumb.
-     */
-    items: IBreadcrumbsItem[];
-    /**
-     * Defines the divider icon name.
-     */
-    iconName: string;
-    /**
-     * Increase the font-size of the breadcrumb item text to 16px.
-     */
-    large: boolean;
-    /**
-     * Decrease the font-size of the breadcrumb item text to 12px.
-     */
-    small: boolean;
-    /**
-     * Create a new Breadcrumbs
-     * @param props Breadcrumbs definition
-     */
-    constructor(props: IBreadcrumbs);
-}