@zeedhi/common 3.0.0 → 3.0.1

package/dist/types/components/index.d.ts

@@ -148,3 +148,5 @@ export * from './zd-month/month';
 export * from './zd-time/interfaces';
 export * from './zd-time/time';
 export * from './zd-time/time-format-selector';
+export * from './zd-date-range/interfaces';
+export * from './zd-date-range/date-range';

package/dist/types/components/zd-date-range/date-range.d.ts

@@ -0,0 +1,152 @@
+import { IDateRange } from './interfaces';
+import { TextInput } from '../zd-text-input/text-input';
+export declare class DateRange extends TextInput implements IDateRange {
+    /**
+     * Input auto complete.
+     */
+    autocomplete: boolean;
+    /**
+     * Defines the date format.
+     */
+    dateFormat: string;
+    /**
+     * Defines the date format displayed.
+     */
+    displayFormat: string;
+    /**
+     * Defines the date input format.
+     */
+    inputFormat?: string;
+    /**
+     * Shows the date picker.
+     */
+    showDatePicker: boolean;
+    /**
+     * Sets the first day of the week, starting with 0 for Sunday.
+     */
+    firstDayOfWeek: number | string;
+    /**
+     * Forces 100% width.
+     */
+    fullWidth: boolean;
+    /**
+     * Sets the locale. Accepts a string with a BCP 47 language tag.
+     */
+    locale?: string;
+    /**
+     * Allows changing displayed month with mouse scroll
+     */
+    scrollable: boolean;
+    /**
+     * Toggles visibility of the week numbers in the body of the calendar.
+     */
+    showWeek: boolean;
+    /**
+     * Character that will separate the two dates
+     */
+    get splitter(): string;
+    set splitter(splitter: string);
+    private internalSplitter;
+    /**
+     * Width of the picker.
+     */
+    width: number | string;
+    /**
+     * Helper options.
+     */
+    helperOptions?: string[];
+    /**
+     * Max value allowed.
+     */
+    max?: string;
+    /**
+     * Min value allowed.
+     */
+    min?: string;
+    /**
+     * Helper value.
+     */
+    helperValue?: string;
+    protected isoFormat: string;
+    protected dateError: boolean;
+    protected formatterFn: (...args: any) => any;
+    protected parserFn: (...args: any) => any;
+    protected initialMask?: string;
+    unitMask?: string;
+    protected isSimpleDisplay: boolean;
+    /**
+     * Creates a new Date.
+     * @param props Date properties
+     */
+    constructor(props: IDateRange);
+    private getInitialMask;
+    formatter(value: any): string;
+    parser(value: string): any;
+    get displayValue(): string;
+    set displayValue(newValue: string);
+    get value(): any;
+    set value(value: any);
+    /**
+     * Assign the updated mask to mask property
+     */
+    updateMask(): any;
+    /**
+     * Gets the updated masked, based on displayFormat if the initial mask is undefined
+     */
+    protected getUpdatedMask(): string | undefined;
+    protected maskFormat(format: string): string;
+    setDateValue(displayValue: string): void;
+    /**
+     * Faz a validação do array de datas
+     * @param format o formato da data
+     * @param values o array de datas
+     * @returns true se todos os valores forem validados
+     * */
+    isValidDateArray(format: string, values?: string[]): boolean;
+    private splitValues;
+    isValidDate(value: string, format: string, strict?: boolean): boolean;
+    isValidFormatDate(value: string, format: string, strict?: boolean): boolean;
+    get isoRangeValue(): string[];
+    set isoRangeValue(newValue: string[]);
+    formatISODateRangeValue(dates: string[] | string): string[];
+    parseISODateRangeValue(values: string[]): any;
+    private sortDates;
+    dateValidation(): boolean | string;
+    click(event?: Event, element?: any): void;
+    blur(event: Event, element: any): void;
+    focus(event: Event, element: any): void;
+    /**
+     * Add date mask
+     */
+    protected addDateMask(): void;
+    /**
+     * Removes the component mask if value is valid
+     */
+    protected removeDateMask(): void;
+    /**
+     * Toggle showDatePicker value
+     */
+    togglePicker(): void;
+    /**
+     * Triggered when the appended icon is clicked.
+     * @param event DOM event
+     * @param element Text input
+     */
+    iconClick(event: Event, element: any): void;
+    /**
+     * Checks if a date format is simple.
+     * Simple date formats are the ones that consists only of 'DD', 'MM' or 'YYYY', and mask delimiters
+     * @param format The format to be checked
+     * @returns true if it is simple, false otherwise
+     */
+    protected isSimpleFormat(format: string): boolean;
+    private previousHint;
+    private previousPersistentHint;
+    updateHelperHint(helperValue: string): void;
+    change(event?: Event, element?: any): void;
+    private getExtremities;
+    setNativeDate(date: Date[]): void;
+    private dateObject;
+    getNativeDate(): Date[];
+    getMaskValue(): any;
+}

package/dist/types/components/zd-date-range/interfaces.d.ts

@@ -0,0 +1,18 @@
+import { ITextInput } from '../zd-text-input/interfaces';
+export interface IDateRange extends ITextInput {
+    allowedDates?: ((date: string) => boolean) | string[];
+    dateFormat?: string;
+    displayFormat?: string;
+    firstDayOfWeek?: number | string;
+    fullWidth?: boolean;
+    inputFormat?: string;
+    showDatePicker?: boolean;
+    showWeek?: boolean;
+    width?: number | string;
+    orderedDates?: boolean;
+    helperOptions?: string[];
+    helperValue?: string;
+    max?: string;
+    min?: string;
+    viewMode?: string;
+}

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

@@ -115,6 +115,21 @@ export declare class Form extends ComponentRender implements IForm {
         userProperties?: IDictionary<any> | undefined;
         fillHeight?: boolean | undefined;
     }[];
+    /**
+     * Checks if the value matches a col value (1, 2, ... 12) or auto
+     */
+    private matchColumn;
+    private breakpoints;
+    private matchBreakpoint;
+    private handleColClass;
+    private handleOffsetClass;
+    /**
+     * This method searches in a css class string to find classes related to grid cols \
+     * Parses all of the grid cols classes found to form grid object entries, for example
+     * the following class: 'zd-col-sm-12 zd-col-md-6' will become { sm: '12', md: '6' }
+     */
+    private parseGridClasses;
+    private getChildGrid;
     /**
      * Grid system for each child.
      */

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

@@ -11,10 +11,13 @@ export interface IFormGrid {
     md?: string;
     sm?: string;
     xl?: string;
+    xxl?: string;
+    offset?: string;
     'offset-lg'?: string;
     'offset-md'?: string;
     'offset-sm'?: string;
     'offset-xl'?: string;
+    'offset-xxl'?: string;
 }
 export interface IFormComponent extends IComponentRender {
     grid?: IFormGrid;

package/dist/types/components/zd-input/input.d.ts

@@ -2,6 +2,7 @@ import { IDictionary } from '@zeedhi/core';
 import { ComponentRender } from '../zd-component/component-render';
 import { Form } from '../zd-form/form';
 import { IInput, IInputEvents } from './interfaces';
+import { IFormGrid } from '../zd-form/interfaces';
 /**
  * Base class for Input component.
  */
@@ -116,6 +117,7 @@ export declare class Input extends ComponentRender implements IInput {
     protected internalDisplayValue: string;
     protected internalValue: any;
     formParent?: Form;
+    grid: IFormGrid;
     /**
      * Creates a new Input.
      * @param props Input properties

package/dist/types/components/zd-input/interfaces.d.ts

@@ -1,6 +1,7 @@
 import { IDictionary, IEventParam } from '@zeedhi/core';
 import { EventDef, IComponentEvents, IComponentRender } from '../zd-component/interfaces';
 import { Input } from './input';
+import { IFormGrid } from '../zd-form/interfaces';
 export type IInputEvent = IEventParam<Input>;
 export interface IInputEvents<T = IEventParam<any>> extends IComponentEvents<T> {
     change?: EventDef<T>;
@@ -33,4 +34,5 @@ export interface IInput extends IComponentRender {
     storePath?: string;
     validations?: IDictionary<IDictionary<string | number>>;
     value?: any;
+    grid?: IFormGrid;
 }

package/dist/types/components/zd-time/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { IEventParam } from '@zeedhi/core';
-import { Time } from './time';
 import { ITextInput, ITextInputEvents } from '../zd-text-input/interfaces';
+import { Time } from './time';
 export type ITimeEvent = IEventParam<Time>;
 export type ITimeEvents = ITextInputEvents<ITimeEvent>;
 export interface ITime extends ITextInput {

package/dist/types/components/zd-time/time.d.ts

@@ -1,5 +1,5 @@
-import { ITime } from './interfaces';
 import { TextInput } from '../zd-text-input/text-input';
+import { ITime } from './interfaces';
 /**
  * Base class for Time Picker component.
  */
@@ -106,11 +106,11 @@ export declare class Time extends TextInput implements ITime {
     formatISOTimeValue(value: string): string;
     parseISOTimeValue(value: string): any;
     /**
-   * Checks if a time format is simple.
-   * Simple time formats are the ones that consists only of 'HH', 'mm', 'mm' or 'YYYY', and mask delimiters
-   * @param format The format to be checked
-   * @returns true if it is simple, false otherwise
-   */
+     * Checks if a time format is simple.
+     * Simple time formats are the ones that consists only of 'HH', 'mm', 'mm' or 'YYYY', and mask delimiters
+     * @param format The format to be checked
+     * @returns true if it is simple, false otherwise
+     */
     protected isSimpleFormat(format: string): boolean;
     timeValidation(): boolean | string;
     timeAllowedValidation(): boolean | string;