bge-ui 1.3.4 → 1.3.6

package/dist/datePicker/utils/date-utils.d.ts

@@ -0,0 +1,45 @@
+import type { DateTimeSetter, DateValue, TimeModel, TimeType, TimeObj, PossibleDate, IFormat, Highlight, HighlightFn, MaybeDate } from '../interfaces';
+import type { Duration, Locale } from 'date-fns';
+export declare const parseFreeInput: (value: string, pattern: string | string[] | ((value: string) => Date | null), time: TimeModel | TimeModel[], inputVal?: string, onPaste?: boolean, locale?: Locale) => Date | null;
+export declare const getDate: (value?: PossibleDate) => Date;
+export declare const dateToUtc: (date: Date, preserve: boolean, enableSeconds: boolean) => string;
+export declare const resetDateTime: (value: Date | string, beginning?: boolean) => Date;
+export declare const setDateTime: (date: Date | null, hours?: DateTimeSetter, minutes?: DateTimeSetter, seconds?: DateTimeSetter) => Date;
+export declare const isDateBefore: (date: DateValue, dateToCompare: DateValue) => boolean;
+export declare const isDateEqual: (date: DateValue, dateToCompare: DateValue) => boolean;
+export declare const isDateAfter: (date: DateValue, dateToCompare: DateValue) => boolean;
+export declare const isDateBetween: (range: Date[], hoverDate: Date | null, dateToCheck: Date) => boolean;
+export declare const resetDate: (date: Date | string) => Date;
+export declare const sanitizeTime: (time: TimeModel, type?: TimeType, value?: number) => Duration;
+export declare const getTimeObj: (date: Date) => TimeObj;
+export declare const getMinMonth: (year: number, minDate?: PossibleDate) => number | undefined;
+export declare const getMaxMonth: (year: number, maxDate?: PossibleDate) => number | undefined;
+export declare const getMinMaxYear: (minMaxDate: PossibleDate) => number | undefined;
+export declare const getDaysInBetween: (dateOne: Date, dateTwo: Date) => Date[];
+export declare const getNextMonthYear: (date: Date) => {
+    month: number;
+    year: number;
+};
+export declare const getWeekFromDate: (date: Date, weekStart: string | number) => [Date, Date];
+export declare const assignDefaultTime: (obj: TimeModel | Record<string, string | number>, enableSeconds: boolean) => TimeModel;
+export declare const getDateForCompare: (date: MaybeDate, month: number, year: number) => [Date, Date];
+export declare const setDateMonthOrYear: (date: DateValue, month?: number | null, year?: number | null) => Date;
+export declare const validateMonthYear: (date: Date, maxDate: DateValue, minDate: DateValue, preventMinMaxNavigation: boolean, next: boolean) => boolean;
+export declare const validateMinDate: (month: number, year: number, minDate: Date) => boolean;
+export declare const validateMaxDate: (month: number, year: number, maxDate: Date) => boolean;
+export declare const formatDate: (value: Date | Date[], formatProp: IFormat | null, formatLocale: Locale | null, rangeSeparator: string, modelAuto: boolean, pattern: string, parser?: boolean) => string;
+export declare const checkPartialRangeValue: (isPartial: boolean) => Date;
+export declare const checkRangeEnabled: <T>(fn: () => T, range: boolean) => T;
+export declare const isValidDate: (value: Date | Date[] | null | (Date | null)[]) => boolean;
+export declare const setDateTimeFromObj: (time: TimeModel, date?: Date | null) => Date;
+/**
+ * Depending on the time or full date validation, validate if the selected time is valid
+ * Extracted logic from isValidTime fn
+ */
+export declare const validateTime: (date: Date | null, dateToCompare: Date, compare: 'max' | 'min', full: boolean) => boolean;
+export declare const checkTimeMinMax: (minOrMax: TimeModel | null, dateCompare: Date | string | null, map: 'min' | 'max', selectedDateTime: Date | Date[], isValid: boolean) => boolean;
+export declare const setTimeValue: (date: Date) => Date;
+export declare const getDisabledMonths: (disabledDates: Map<string, Date | null> | ((date: Date) => boolean) | null, year: number) => number[];
+export declare const checkHighlightMonth: (defaultedHighlight: Highlight | HighlightFn, month: number, year: number) => boolean;
+export declare const checkHighlightYear: (defaultedHighlight: Highlight | HighlightFn, year: number) => boolean;
+export declare const getCellId: (date: Date) => string;

package/dist/datePicker/utils/defaults.d.ts

@@ -0,0 +1,42 @@
+import type { AriaLabels, IFormat, Transition, TextInputOptions, DateFilter, ActionRowData, MultiCalendarsProp, MultiCalendarsOptions, TextInputProp, InlineProp, InlineOptions, Config, HighlightProp, Highlight, HighlightFn, WeekNumbersProp, WeekNumbersOpts, RangeProp, RangeConfig, TimeZoneProp, PropDates, MultiDatesProp, MultiDatesDefault, MapPropDatesOpts, UIOpts, UIParsed } from '../interfaces';
+export declare const mergeDefaultTransitions: (conf: Partial<Transition>) => Transition;
+export declare const defaultAriaLabels: (labels: Partial<AriaLabels>) => AriaLabels;
+export declare const defaultMultiCalendars: (multiCalendars?: MultiCalendarsProp) => MultiCalendarsOptions;
+export declare const defaultPreviewFormat: (previewFormat: IFormat, format: IFormat, defaultPattern: string | ((val: Date) => string)) => IFormat;
+export declare const defaultTransitions: (transitions: boolean | Partial<Transition>) => Transition;
+/**
+ * Default options to merge with user provided ones
+ */
+export declare const getDefaultTextInputOptions: (textInput: TextInputProp) => TextInputOptions & {
+    enabled: boolean;
+};
+/**
+ * Default filters to merge with user provided values
+ */
+export declare const getDefaultFilters: (filters: Partial<DateFilter>) => DateFilter;
+export declare const getDefaultActionRowData: (actionRow: Partial<ActionRowData>) => ActionRowData;
+export declare const getDefaultInlineOptions: (inline: InlineProp) => InlineOptions;
+export declare const getDefaultConfig: (config?: Partial<Config>) => Config;
+export declare const getDefaultHighlight: (highlight: HighlightProp) => Highlight | HighlightFn;
+export declare const getDefaultWeekNumbers: (weekNumbers: WeekNumbersProp) => WeekNumbersOpts;
+export declare const getDefaultRangeOptions: (config: RangeProp) => RangeConfig;
+export declare const getDefaultTimeZone: (timeZone: TimeZoneProp) => {
+    timezone: undefined;
+    exactMatch: boolean;
+    emitTimezone: undefined;
+    dateInTz?: undefined;
+    convertModel?: undefined;
+} | {
+    timezone: string | undefined;
+    exactMatch: boolean;
+    dateInTz: string | undefined;
+    emitTimezone: string | undefined;
+    convertModel: boolean;
+};
+/**
+ * Sync all props that rely on the date value to be in the same timezone
+ * All validation that is done from these props will now be in sync with provided timezone config
+ */
+export declare const mapPropDates: (opts: MapPropDatesOpts) => PropDates;
+export declare const getDefaultMultiDates: (multiDates: MultiDatesProp) => MultiDatesDefault;
+export declare const getDefaultUI: (ui: Partial<UIOpts>) => UIParsed;

package/dist/datePicker/utils/timezone.d.ts

@@ -0,0 +1,8 @@
+import type { MaybeDate, TimeZoneConfig } from '../interfaces';
+/**
+ * Converts date from the local timezone into the specific timezone
+ */
+export declare const localToTz: (date: Date, timeZone?: string) => Date;
+export declare const dateToTimezoneSafe: (date: Date | string | number, tz?: TimeZoneConfig, reset?: boolean) => Date;
+export declare const sanitizeDateToLocal: (date: MaybeDate, tz?: TimeZoneConfig, reset?: boolean) => Date | null;
+export declare const getTimezoneOffset: (timezone?: string) => number;

package/dist/datePicker/utils/type-guard.d.ts

@@ -0,0 +1 @@
+export declare const isNumberArray: (value: number | number[]) => value is number[];

package/dist/datePicker/utils/util.d.ts

@@ -0,0 +1,57 @@
+import type { Config, DPElements, IDefaultSelect, IMarker, MaybeElementRef, ModelValue, OverlayGridItem } from '../interfaces';
+import { type Locale } from 'date-fns';
+export declare const getArrayInArray: <T>(list: T[], increment?: number) => T[][];
+/**
+ * Generate week day names based on formatLocale or locale and in order specified in week start
+ */
+export declare const getDayNames: (formatLocale: Locale | null, locale: string, weekStart: number) => string[];
+/**
+ * Generate array of years for selection display
+ */
+export declare const getYears: (yearRange: number[] | string[], locale: string, reverse?: boolean) => IDefaultSelect[];
+/**
+ * Generate month names based on formatLocale or locale for selection display
+ */
+export declare const getMonths: (formatLocale: Locale | null, locale: string, monthFormat: 'long' | 'short') => IDefaultSelect[];
+/**
+ * Since internally watched values are in 24h mode, this will get am-pm value from set hour
+ */
+export declare const hoursToAmPmHours: (index: number) => number;
+export declare const unrefElement: (elRef: MaybeElementRef) => HTMLElement | null;
+export declare const getDefaultMarker: (marker: IMarker) => IMarker;
+export declare const isModelAuto: (modelValue: ModelValue) => boolean;
+export declare const errors: {
+    prop: (name: string) => string;
+    dateArr: (name: string) => string;
+};
+export declare const convertType: <T>(val: any) => T;
+export declare const getNumVal: (num?: string | number | null) => number | null;
+export declare const isNumNullish: (num?: number | null) => num is null;
+export declare const findFocusableEl: (container: HTMLElement | null) => HTMLElement | undefined;
+/**
+ * Create array for the SelectionOverlay grouped by 3
+ */
+export declare const getGroupedList: (items: IDefaultSelect[]) => IDefaultSelect[][];
+/**
+ * Check if number is between min and max values
+ */
+export declare const checkMinMaxValue: (value: number | string, min?: number, max?: number) => boolean;
+/**
+ * Maps data for the SelectionOverlay
+ */
+export declare const groupListAndMap: (list: IDefaultSelect[], cb: (item: IDefaultSelect) => {
+    active: boolean;
+    disabled: boolean;
+    highlighted?: boolean;
+    isBetween?: boolean;
+}) => OverlayGridItem[][];
+export declare const checkStopPropagation: (ev: Event | undefined, config: Config, immediate?: boolean) => void;
+export declare function findNextFocusableElement(startingElement: HTMLElement, reverse: boolean): HTMLElement | undefined;
+export declare const getElWithin: (wrapper: HTMLElement | null, attribute: DPElements) => HTMLElement | undefined | null;
+export declare const formatNumber: (num: number, locale: string) => string;
+export declare const getMapKey: (date: Date | string | number) => string;
+export declare const shouldMap: (arr: any) => arr is boolean | string[] | Date[];
+export declare const getMapDate: <T>(date: Date, map: Map<string, T>) => T | undefined;
+export declare const matchDate: (date: Date, mapOrFn: Map<string, any> | ((date: Date) => boolean) | null) => boolean;
+export declare const checkKeyDown: (ev: KeyboardEvent, fn: () => any, prevent?: boolean, cb?: ((ev: KeyboardEvent) => void) | undefined) => any;
+export declare const isIOS: () => boolean;

package/dist/dialog/index.vue.d.ts

@@ -1,3 +1,4 @@
+declare function updateHeight(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     customClass: {
         type: StringConstructor;
@@ -23,9 +24,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:visible": (...args: any[]) => void;
+}, {
+    updateHeight: typeof updateHeight;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
+    "update:visible": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     customClass: {
         type: StringConstructor;
@@ -52,8 +55,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     customClass: string;

package/dist/index.d.ts

@@ -14,8 +14,9 @@ import UiRadio from "./radio/index.vue";
 import UiSlider from "./slider/index.vue";
 import UiSelect from "./select/index.vue";
 import UiOption from "./select/option.vue";
+import UiDatePicker from "./datePicker/index.vue";
 export * from './icons/index.ts';
-export { UiButton, UiLink, UiForm, UiFormItem, UiInput, UiTabs, UiTabPane, UiTooltip, UiDialog, UiMessage, UiCheckbox, UiRadio, UiSlider, UiSelect, UiOption };
+export { UiButton, UiLink, UiForm, UiFormItem, UiInput, UiTabs, UiTabPane, UiTooltip, UiDialog, UiMessage, UiCheckbox, UiRadio, UiSlider, UiSelect, UiOption, UiDatePicker };
 declare const _default: {
     install(app: App): void;
 };