@zeedhi/common 1.112.0 → 3.0.0

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

@@ -1,43 +0,0 @@
-import { IRow } from './interfaces';
-import { ComponentRender } from '../zd-component/component-render';
-/**
- * Base class for Row component.
- */
-export declare class Row extends ComponentRender implements IRow {
-    /**
-     * Applies the align-items css property.
-     * Available options are start, center, end, space-between, space-around and stretch.
-     */
-    align?: string;
-    dense: boolean;
-    /**
-     * Applies the justify-content css property.
-     * Available options are start, center, end, space-between and space-around.
-     */
-    justify?: string;
-    noGutters: boolean;
-    /**
-     * 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;
-    /**
-     * Creates a new Row.
-     * @param props Row properties
-     */
-    constructor(props: IRow);
-}

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

@@ -1,29 +0,0 @@
-import { IDatasource } from '@zeedhi/core';
-import { ITextInput } from '../zd-text-input/interfaces';
-import { IComponentRender } from '../zd-component/interfaces';
-import { ISelectDataValueOut } from '../../utils';
-import { IColumn } from '../zd-iterable/interfaces';
-export declare type SearchParam = 'SEARCH' | 'FILTER' | 'FIND' | 'DYNAMIC_FILTER';
-export interface ISelect extends ITextInput, ISelectDataValueOut {
-    autocomplete?: boolean;
-    autoSelection?: boolean;
-    datasource?: IDatasource;
-    dataText?: string | any[];
-    dataTextDiscrete?: string | any[];
-    dataTextSeparator?: string;
-    dataValue?: string;
-    dataDisabled?: string;
-    menuMaxHeight?: string | number;
-    menuMaxWidth?: string | number;
-    preventLoadOnFocus?: boolean;
-    returnObject?: boolean;
-    itemBeforeSlot?: IComponentRender[];
-    itemAfterSlot?: IComponentRender[];
-    disabledItems?: any[];
-    manualMode?: boolean;
-    attach?: boolean;
-    searchParam?: string;
-    closeOnScroll?: boolean;
-    modalSelection?: boolean;
-    modalSelectionColumns?: IColumn[];
-}

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

@@ -1,248 +0,0 @@
-import { Datasource, IDictionary, IDatasource } from '@zeedhi/core';
-import { IComponentRender } from '../zd-component/interfaces';
-import { ISelect, SearchParam } from './interfaces';
-import { TextInput } from '../zd-text-input/text-input';
-import { ISelectDataValueOutItem } from '../../utils';
-import { IColumn } from '../zd-iterable/interfaces';
-import { IModal } from '../zd-modal/interfaces';
-/**
- * Base class for Select component.
- */
-export declare class Select extends TextInput implements ISelect {
-    /**
-     * Source of select items
-     */
-    datasource: Datasource;
-    /**
-     * Field used to display values
-     */
-    dataText: string | any[];
-    /**
-     * Field used to display values when the select is closed
-     */
-    dataTextDiscrete: string | any[];
-    /**
-     * Value used to join display values
-     */
-    dataTextSeparator: string;
-    /**
-     * Field used to save values
-     */
-    dataValue: string;
-    /**
-     * Field used to make the item disabled
-     */
-    dataDisabled: string;
-    /**
-     * Defines if field value should be an object
-     */
-    returnObject: boolean;
-    /**
-     * Enables search input
-     */
-    autocomplete: boolean;
-    /**
-     * Automatically select option if only one is filtered
-     */
-    autoSelection: boolean;
-    /**
-     * Prevents load select data when the input is focused
-     */
-    preventLoadOnFocus: boolean;
-    /**
-     * Maximum height of select menu
-     */
-    menuMaxHeight: string | number;
-    /**
-     * Maximum width of select menu
-     */
-    menuMaxWidth: string | number;
-    /**
-     * Input select value
-     */
-    selectValue: any;
-    /**
-     * Components that will be rendered in itemAfterSlot case
-     */
-    itemAfterSlot: IComponentRender[];
-    /**
-     * Components that will be rendered in itemBeforeSlot case
-     */
-    itemBeforeSlot: IComponentRender[];
-    /**
-     * Items that will be disabled for selection. Users will still see them
-     */
-    disabledItems: any[];
-    /**
-     * Defines if data handling should be manual or automatic
-     */
-    manualMode: boolean;
-    /**
-     * Specifies which DOM element that this component should detach to.
-     */
-    attach: boolean;
-    /**
-     * Defines if data handling should be manual or automatic
-     */
-    searchParam: SearchParam;
-    /**
-     * Defines other columns that must me set on form on change
-     */
-    dataValueOut: ISelectDataValueOutItem[];
-    /**
-     * Defines the name of the form target to set using dataValueOut
-     */
-    dataValueOutFormName: string;
-    closeOnScroll: boolean;
-    modalSelection?: boolean | undefined;
-    modalSelectionColumns: IColumn[];
-    protected dsSearch: {
-        SEARCH: (value: any, searchIn: string) => {
-            searchIn: string[];
-            search: string;
-        };
-        FILTER: (value: any, searchIn: string) => {
-            filter: {
-                [x: string]: any;
-            };
-        };
-        FIND: (value: any, searchIn: string) => {
-            find: {
-                [x: string]: any;
-            };
-        };
-        DYNAMIC_FILTER: (value: unknown, search_in: string) => {
-            dynamicFilter: {
-                [x: string]: {
-                    operation: string;
-                    relation: string;
-                    value: any;
-                }[];
-            };
-        };
-    };
-    /**
-     * Input search value
-     */
-    private searchValue;
-    protected dirtySearchValue: string;
-    protected fieldValue: string | IDictionary<any> | null;
-    private initialized;
-    protected cachedData: IDictionary<any>[];
-    protected cachedTotal: number;
-    protected formatterFn: Function;
-    private pushedValue;
-    viewCloseMenu?: () => void;
-    private discreteProps?;
-    protected loadMoreQtty: number;
-    protected defaultDatasource: IDatasource;
-    /**
-     * Create a new Select.
-     * @param props Select properties
-     */
-    constructor(props: ISelect);
-    private getAccessorValue;
-    onMounted(element: any): void;
-    onBeforeDestroy(): void;
-    /**
-     * Retrieves datasource structure applying infinity scroll
-     * @param field Field structure
-     */
-    private getDefaultDatasource;
-    overrideGet(): void;
-    protected insertSelected(): void;
-    get search(): string;
-    set search(value: string);
-    /**
-     * Sets select default value and dispatches defaultAssigned event.
-     * @param value Default value
-     */
-    protected setDefaultValue(value: any, lazyLoad?: boolean): Promise<void>;
-    /**
-     * Finds and retrieves items searching by value
-     * @param value Default value
-     */
-    protected getItemsBySearchValue(value: any, searchIn: string): Promise<any[]>;
-    protected getCondition(filterValue: any): (row: any) => boolean;
-    focus(event: Event, element: any): Promise<void>;
-    protected afterFocus(): Promise<void>;
-    protected uniqueBy(a: IDictionary[], key: string): IDictionary<any>[];
-    protected afterLoad(): void;
-    /**
-     * Field selected row
-     */
-    get selectedData(): any;
-    set selectedData(row: any);
-    /**
-     * Field value
-     */
-    get value(): any;
-    set value(value: any);
-    setValue(value: any, callEvent?: boolean): Promise<void>;
-    /**
-     * Returns the currentRow in the dataText key
-     */
-    formatter(value?: string | IDictionary<any>, props?: {
-        dataText: string | any[];
-        dataTextSeparator: string;
-    }): any;
-    protected setFieldValue(value: any): Promise<boolean>;
-    /**
-     * Set value accessors
-     * @param row
-     * @param value
-     */
-    protected setFieldRowValue(row: any): void;
-    /**
-     * Retrieves input value
-     * @param value inputted
-     * @private
-     */
-    protected getValue(value: any): any;
-    protected removePushedValue(): void;
-    /**
-     * Event trigged when component loses the focus and value changes
-     * @param value inputted value
-     */
-    selectChange(value: any, event?: Event, element?: any): void;
-    protected callChangeEvent(value: any, event?: Event, element?: any): void;
-    /**
-     * Event trigged when value is inputted
-     * @param value inputted value
-     */
-    selectInput(value: any, event?: Event, element?: any): void;
-    /**
-     * Updates search value
-     * @param value Search value
-     */
-    updateSearch(value: string): Promise<void>;
-    /**
-     * Update datasource data
-     */
-    updateData(data: IDictionary<any>[]): Promise<any>;
-    /**
-     * Update datasource items
-     */
-    updateItems(items: (string | number)[]): Promise<any>;
-    protected doSearch(value: string): Promise<void>;
-    private debounceSearch;
-    /**
-     * Load more data
-     */
-    loadMore(): Promise<void>;
-    /**
-     * Triggered when the component loses focus.
-     * @param event DOM event
-     * @param element Element that lost the focus
-     */
-    blur(event: Event, element: any): void;
-    protected checkValueOnBlur(): void;
-    showLoadMore(): boolean;
-    indexOf(search: IDictionary | string | number): number;
-    protected isFilledObj(obj: any): number | false;
-    private modalSelectionObj?;
-    protected hideModalSelection(): void;
-    private modalSelectionGridClick;
-    protected getModalSelectionDef(): IModal;
-    openModalSelection(): void;
-}

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

@@ -1,19 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { IComponentEvents, EventDef } from '../zd-component/interfaces';
-import { ISelect } from '../zd-select/interfaces';
-import { SelectMultiple } from './select-multiple';
-export declare type ISelectMultipleEvent = IEventParam<SelectMultiple>;
-export interface ISelectMultipleEvents<T = IEventParam<any>> extends IComponentEvents<T> {
-    selectedAll?: EventDef<T>;
-    unselectedAll?: EventDef<T>;
-    changeCheckboxAll?: EventDef<T>;
-}
-export interface ISelectMultiple extends ISelect {
-    moreChip?: number;
-    showSelectAll?: boolean;
-    events?: ISelectMultipleEvents;
-    maxRows?: string | number;
-    limit?: number | null;
-    showCheckboxAll?: boolean;
-    checkboxAll?: boolean;
-}

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

@@ -1,116 +0,0 @@
-import { IDictionary } from '@zeedhi/core';
-import { ISelectMultiple } from './interfaces';
-import { Select } from '../zd-select/select';
-import { IModal } from '../zd-modal/interfaces';
-export declare class SelectMultiple extends Select implements ISelectMultiple {
-    private selectedValue;
-    /**
-     * Selected items that were added to datasource
-     */
-    insertedValues: IDictionary<any>[];
-    /**
-     * Inserted values that were unselected
-     */
-    private insertsRemoved;
-    /**
-     * Number of hidden items
-     */
-    moreChip: number;
-    /**
-     * Max number of rows the component can have
-     */
-    maxRows?: string | number;
-    /**
-     * Limit the display of selected options. The rest will be hidden within the 'limitText' string
-     */
-    limit: number | null;
-    showSelectAll: boolean;
-    showCheckboxAll: boolean;
-    protected formatterFn: Function;
-    /**
-     * Create a new Select.
-     * @param props Select properties
-     */
-    constructor(props: ISelectMultiple);
-    /**
-     * Field selected rows
-     */
-    get selectValue(): IDictionary<any>[];
-    set selectValue(rows: IDictionary<any>[]);
-    private checkboxAllValue;
-    get checkboxAll(): boolean;
-    set checkboxAll(value: boolean);
-    /**
-     * Removes item from array a and add it to array b if condition is satisfied
-     */
-    private cutFromAToB;
-    protected setFieldValue(value: any[]): Promise<boolean>;
-    /**
-     * Set value accessors
-     * @param value
-     */
-    protected setFieldRowValue(rows: any[]): void;
-    setValue(value: any[] | any, callEvent?: boolean): Promise<void>;
-    private getDisplayValue;
-    /**
-     * Retrieves input value
-     * @param value inputted
-     * @private
-     */
-    protected getValue(value: any): any[] | IDictionary<any>[];
-    /**
-     * Retrieves input value
-     * @param value inputed
-     * @protected
-     */
-    protected getValues(value: IDictionary<any>[]): IDictionary<any>[] | any[];
-    /**
-     * Updates search value
-     * @param value Search value
-     */
-    updateSearch(value: string): Promise<void>;
-    /**
-     * Inserts selected items in datasource
-     */
-    protected insertSelected(): void;
-    protected removePushedValue(): void;
-    protected doSearch(value: string): Promise<void>;
-    /**
-     * Removes unselected inserts from datasource
-     */
-    private removeInserts;
-    /**
-     * Returns the text shown when there's one or more selected items that doesn't fit in the input
-     */
-    getMoreChipText(): string;
-    showLoadMore(): boolean;
-    /**
-     * Load more data
-     */
-    loadMore(): Promise<void>;
-    /**
-     * Triggered when the component loses focus.
-     * @param event DOM event
-     * @param element Element that lost the focus
-     */
-    blur(event: Event, element: any): void;
-    /**
-     * Dispatches select/unselect event
-     * @param isChanged checked is changed
-     * @param event DOM event
-     * @param element DOM Element
-     */
-    onSelectAll(isSelected: boolean, event: Event, element: any): void;
-    selectAllItems(): Promise<void>;
-    unSelectAllItems(): Promise<void>;
-    protected checkValueOnBlur(): void;
-    protected afterFocus(): Promise<void>;
-    private setCache;
-    /**
-     * Updates input rules.
-     */
-    protected updateRules(): void;
-    private confirmModalSelection;
-    protected getModalSelectionDef(): IModal;
-    changeCheckboxAll(event: Event, element: any): void;
-}

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

@@ -1,55 +0,0 @@
-import { IDictionary, IEventParam, IDatasource } from '@zeedhi/core';
-import { IComponentEvents, EventDef } from '../zd-component/interfaces';
-import { SelectTree } from './select-tree';
-import { ITextInput } from '../zd-text-input/interfaces';
-import { ISelectDataValueOut } from '../../utils';
-export interface ISelectTreeNode<T> {
-    id: string | number;
-    label: string;
-    discreteLabel?: string;
-    isDisabled?: boolean;
-    isDefaultExpanded?: boolean;
-    children?: ISelectTreeNode<T>[] | null;
-    row?: IDictionary<any>;
-    isMatched?: boolean;
-}
-export interface ISelectTree extends ITextInput, ISelectDataValueOut {
-    nodes?: ISelectTreeNode<IDictionary>[];
-    alwaysOpen?: boolean;
-    placeholder?: string;
-    flattenSearchResults?: boolean;
-    maxHeight?: number;
-    openDirection?: string;
-    autocomplete?: boolean;
-    searchNested?: boolean;
-    showCount?: boolean;
-    showCountOf?: string;
-    preventLoadOnFocus?: boolean;
-    disableParentNode?: boolean;
-    events?: ISelectTreeEvents;
-    datasource?: IDatasource;
-    parentField?: string;
-    dataValue?: string;
-    dataText?: string | any[];
-    dataTextDiscrete?: string | any[];
-    dataDisabled?: string;
-    disabledItems?: any[];
-    fetchOnDemand?: boolean;
-    fieldHasChild?: string;
-    menuMaxWidth?: number;
-    autoSelection?: boolean;
-}
-export interface ISelectTreeCloseEvent extends IEventParam<SelectTree> {
-    selectedNodes: ISelectTreeNode<IDictionary>[];
-}
-export interface ISelectTreeSelectEvent extends IEventParam<SelectTree> {
-    node: ISelectTreeNode<IDictionary>;
-}
-export interface ISelectTreeMultipleSearchChangeEvent extends IEventParam<SelectTree> {
-    searchQuery: String;
-}
-export interface ISelectTreeEvents extends IComponentEvents<any> {
-    onOpen?: EventDef<undefined>;
-    onClose?: EventDef<ISelectTreeCloseEvent>;
-    onSelect?: EventDef<ISelectTreeSelectEvent>;
-}

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

@@ -1,181 +0,0 @@
-import { IDictionary, Datasource } from '@zeedhi/core';
-import { TextInput } from '../zd-text-input/text-input';
-import { ISelectTree, ISelectTreeNode, ISelectTreeEvents } from './interfaces';
-import { ISelectDataValueOutItem } from '../../utils';
-/**
- * Base class for Select Tree  component.
- */
-export declare class SelectTree extends TextInput implements ISelectTree {
-    /**
-     * An array of nodes used to build the select tree
-     */
-    nodes: ISelectTreeNode<IDictionary>[];
-    /**
-     * Whether the menu should be always open
-     */
-    alwaysOpen: boolean;
-    /**
-     * Does not show the parent node if the search only matches the leaf node
-     */
-    flattenSearchResults: boolean;
-    /**
-     * Sets max height style value of the menu
-     */
-    menuMaxHeight: number;
-    /**
-     * Indicates in which direction the menu will be opened ("auto", "below", "bottom", "above" or "top")
-     */
-    openDirection: string;
-    /**
-     * Whether to enable searching feature or not
-     */
-    autocomplete: boolean;
-    /**
-     * Allows a substring that indicates which parent node the search should be performed on
-     */
-    searchNested: boolean;
-    /**
-     * Whether to show a children count next to the label of each branch node
-     */
-    showCount: boolean;
-    /**
-     * Used in conjunction with showCount to specify which type of count number should be displayed
-     * ('ALL_CHILDREN', 'ALL_DESCENDANTS', 'LEAF_CHILDREN' or 'LEAF_DESCENDANTS')
-     */
-    showCountOf: string;
-    /**
-     * Enable parent node to be selected
-     */
-    disableParentNode: boolean;
-    /**
-     * Events registered to the Select Tree
-     */
-    events: ISelectTreeEvents;
-    /** Datasource object */
-    datasource?: Datasource;
-    /** Datasource parent field */
-    parentField: string;
-    /** Datasource title field */
-    dataValue: string;
-    /**
-     * Field used to display values
-     */
-    dataText: string | any[];
-    /**
-     * Field used to display values when the select is closed
-     */
-    dataTextDiscrete: string | any[];
-    /**
-     * Value used to join display values
-     */
-    dataTextSeparator: string;
-    /**
-     * Defines if field value should be an object
-     */
-    returnObject: boolean;
-    /**
-     * Prevents load select data when the input is focused
-     */
-    preventLoadOnFocus: boolean;
-    /**
-     * Field used to make the item disabled
-     */
-    dataDisabled: string;
-    /**
-     * Items that will be disabled for selection. Users will still see them
-     */
-    disabledItems: any[];
-    /** Validation error message */
-    validationError: string;
-    /** SlVueTree component */
-    private treeDataStructure?;
-    /**
-     * Defines if should wait and not execute GET method when Datasource is created
-     */
-    private lazyLoad;
-    selectValue: any;
-    /**
-     * Uses delayed loading to load tree branches
-     */
-    fetchOnDemand: boolean;
-    menuMaxWidth?: number;
-    /**
-     * Defines if the node tree has child
-     */
-    fieldHasChild: string;
-    /**
-     * Automatically select option if only one is filtered
-     */
-    autoSelection: boolean;
-    getFilteredNodes?: () => boolean | Object;
-    /**
-     * Defines other columns that must me set on form on change
-     */
-    dataValueOut: ISelectDataValueOutItem[];
-    /**
-     * Defines the name of the form target to set using dataValueOut
-     */
-    dataValueOutFormName: string;
-    private discreteProps?;
-    protected formatterFn: Function;
-    /**
-     * Creates a new instance of SelectTree
-     * @param props
-     */
-    constructor(props: ISelectTree);
-    /**
-     * Returns the currentRow in the dataText key
-     */
-    formatter(value?: string | IDictionary<any>, props?: {
-        dataText: string | any[];
-        dataTextSeparator: string;
-    }): any;
-    focus(event: Event, element: any): Promise<void>;
-    protected afterFocus(): Promise<void>;
-    private createDataStructure;
-    /** create nodes from datasource object */
-    createNodesFromDatasource(buildTree?: boolean): void;
-    private createNodeFromRow;
-    private createChildrenNodes;
-    /**
-     * Triggered when the menu opens
-     */
-    open(element?: any): void;
-    /**
-     * Triggered when the menu closes
-     */
-    close(selectedNodes: ISelectTreeNode<IDictionary>[], element?: any): void;
-    /**
-     * Triggered after selecting an node
-     */
-    select(node: ISelectTreeNode<IDictionary>, element?: any): void;
-    private savedNodes?;
-    search: string;
-    /**
-     * Triggered after the search query changes
-     */
-    searchChange(searchQuery: string, element?: any): void;
-    private isDisable;
-    private getDisabledNodes;
-    private getNodeChildren;
-    getNodes(): ISelectTreeNode<IDictionary>[];
-    validate(): boolean;
-    resetValidation(): void;
-    /**
-     * Triggered when the data is inputed.
-     * @param value search value
-     * @param event DOM event
-     * @param element Element focused
-     */
-    searchInput(value: string, element?: any): void;
-    private debounceSearch;
-    get searchValue(): any;
-    protected clearRow(row: IDictionary<any>): {
-        [x: string]: any;
-    };
-    get value(): any;
-    set value(value: any);
-    setValue(value: any): void;
-    loadChildren(parentNode: ISelectTreeNode<IDictionary>): Promise<void>;
-    checkAutoSelection(): void;
-}