@central-design-system/components 3.0.0-alpha.0 → 3.0.0-alpha.10

package/dist/components/CdsCombobox/composable/highlight.d.ts

@@ -0,0 +1,12 @@
+import { IInternalItem, TFilterMath } from '../../../composable';
+interface IHighlightProps {
+    isPure: boolean;
+    item: IInternalItem;
+    matches: TFilterMath | undefined;
+    length: number;
+    name: string;
+}
+export declare function CdsHighlight(props: IHighlightProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export {};

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

@@ -0,0 +1 @@
+export { default as CdsCombobox } from './CdsCombobox.vue';

package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts

@@ -0,0 +1,249 @@
+import type { IRawDate } from '../../utils';
+import type { TDatetimeValueRange } from '../../composable';
+export declare const componentName = "CdsDatePicker";
+declare const _sfc_main: import("vue").DefineComponent<{
+    locale: {
+        type: import("vue").PropType<"ru" | "en" | import("../../locale").ILocale>;
+        default: undefined;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | TDatetimeValueRange | (string | TDatetimeValueRange)[]>;
+        default: null;
+    };
+    mask: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    header: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    todayBtn: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    defaultYearMonth: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    view: {
+        type: import("vue").PropType<"Calendar" | "Years" | "Months">;
+        default: string;
+        validator: (value: "Calendar" | "Years" | "Months") => boolean;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    range: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    firstDayOfWeek: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    allowedDates: {
+        type: import("vue").PropType<import("./composable").TCalendarAllowedDates>;
+    };
+    minYearMonth: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    maxYearMonth: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    noUnset: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    events: {
+        type: import("vue").PropType<import("./composable").TCalendarEvents>;
+    };
+    eventsColor: {
+        type: import("vue").PropType<import("./composable").TCalendarEventsColor>;
+        default: string;
+    };
+    emitImmediately: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideSiblingMonth: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    setToday: () => void;
+    setCalendarTo: (year: number, month: number) => void;
+    setView: (viewMode: "Calendar" | "Years" | "Months") => void;
+    offsetCalendar: (type: "year" | "month", descending: number) => void;
+    setEditingRange: (from: IRawDate, to: IRawDate) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Событие при изменении значения (v-model)
+     * @type { value: string | TDatetimeValueRange | Array<string | TDatetimeValueRange>, reason: string, details: IRawDate }
+     */
+    'update:modelValue': (...args: any) => true;
+    /**
+     * Событие при переходе к другому месяцу или году (при изменении модели из вне также будет срабатывать)
+     */
+    navigation: ({ year, month }: {
+        year: number | undefined;
+        month: number | undefined;
+    }) => true;
+    /**
+     * Событие начала выбора диапазона дат
+     */
+    rangeStart: (value: Partial<IRawDate>) => true;
+    /**
+     * Событие окончания выбора диапазона дат
+     */
+    rangeEnd: ({ from, to }: {
+        from: Partial<IRawDate>;
+        to: Partial<IRawDate>;
+    }) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    locale: {
+        type: import("vue").PropType<"ru" | "en" | import("../../locale").ILocale>;
+        default: undefined;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | TDatetimeValueRange | (string | TDatetimeValueRange)[]>;
+        default: null;
+    };
+    mask: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    header: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    todayBtn: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    defaultYearMonth: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    view: {
+        type: import("vue").PropType<"Calendar" | "Years" | "Months">;
+        default: string;
+        validator: (value: "Calendar" | "Years" | "Months") => boolean;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    range: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    firstDayOfWeek: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    allowedDates: {
+        type: import("vue").PropType<import("./composable").TCalendarAllowedDates>;
+    };
+    minYearMonth: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    maxYearMonth: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    noUnset: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    events: {
+        type: import("vue").PropType<import("./composable").TCalendarEvents>;
+    };
+    eventsColor: {
+        type: import("vue").PropType<import("./composable").TCalendarEventsColor>;
+        default: string;
+    };
+    emitImmediately: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideSiblingMonth: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any) => any) | undefined;
+    onNavigation?: ((args_0: {
+        year: number | undefined;
+        month: number | undefined;
+    }) => any) | undefined;
+    onRangeStart?: ((value: Partial<IRawDate>) => any) | undefined;
+    onRangeEnd?: ((args_0: {
+        from: Partial<IRawDate>;
+        to: Partial<IRawDate>;
+    }) => any) | undefined;
+}, {
+    description: string;
+    disabled: boolean;
+    title: string;
+    readonly: boolean;
+    modelValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[];
+    multiple: boolean;
+    header: boolean;
+    todayBtn: boolean;
+    defaultYearMonth: string;
+    view: "Calendar" | "Years" | "Months";
+    range: boolean;
+    firstDayOfWeek: string | number;
+    minYearMonth: string;
+    maxYearMonth: string;
+    noUnset: boolean;
+    eventsColor: import("./composable").TCalendarEventsColor;
+    emitImmediately: boolean;
+    hideSiblingMonth: boolean;
+    mask: string;
+    locale: "ru" | "en" | import("../../locale").ILocale;
+}>;
+export default _sfc_main;

package/dist/components/CdsDatePicker/composable/calendar.d.ts

@@ -0,0 +1,317 @@
+import { TDateLocale } from '../../../utils';
+import type { PropType, Ref } from 'vue';
+import type { IRawDate } from '../../../utils';
+import type { TDatetimeValueRange } from '../../../composable';
+export declare type TCalendarView = typeof availableViews[number];
+export declare type TCalendarAllowedDates = string[] | ((date: string) => boolean);
+export declare type TCalendarEvents = string[] | ((date: string) => boolean);
+export declare type TCalendarEventsColor = string | ((date: string) => boolean);
+export interface ICalendarProps {
+    title?: string;
+    description?: string;
+    header?: boolean;
+    todayBtn?: boolean;
+    defaultYearMonth?: string;
+    view: TCalendarView;
+    multiple?: boolean;
+    range?: boolean;
+    firstDayOfWeek: number | string;
+    allowedDates?: TCalendarAllowedDates;
+    minYearMonth?: string;
+    maxYearMonth?: string;
+    noUnset?: boolean;
+    events?: TCalendarEvents;
+    eventsColor?: TCalendarEventsColor;
+    emitImmediately?: boolean;
+    hideSiblingMonth?: boolean;
+}
+export declare const YEARS_INTERVAL = 20;
+export declare const lineStr = " \u2014 ";
+export declare const availableViews: readonly ["Calendar", "Years", "Months"];
+export declare const makeCalendarProps: <Defaults extends {
+    title?: unknown;
+    description?: unknown;
+    header?: unknown;
+    todayBtn?: unknown;
+    defaultYearMonth?: unknown;
+    view?: unknown;
+    multiple?: unknown;
+    range?: unknown;
+    firstDayOfWeek?: unknown;
+    allowedDates?: unknown;
+    minYearMonth?: unknown;
+    maxYearMonth?: unknown;
+    noUnset?: unknown;
+    events?: unknown;
+    eventsColor?: unknown;
+    emitImmediately?: unknown;
+    hideSiblingMonth?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * Заголовок календаря. Отображается в шапке календаря.
+     */
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Описание календаря. Отображается в шапке календаря.
+     */
+    description: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Отображать шапку календаря
+     */
+    header: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отображать кнопку "Сегодня" в шапке календаря
+     */
+    todayBtn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отображаемый год/месяц в формате YYYY/MM. По-умолчанию это текущий год/месяц если не указана v-model.
+     */
+    defaultYearMonth: {
+        type: PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Вид календаря по-умолчанию. Возможные значения: 'Calendar', 'Year', 'Month'.
+     */
+    view: {
+        type: PropType<"Calendar" | "Years" | "Months">;
+        default: string;
+        validator: (value: TCalendarView) => boolean;
+    };
+    /**
+     * Разрешает множественный выбор дат. v-model должна быть массивом.
+     */
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Разрешает выбор диапазона дат. v-model должна быть массивом.
+     */
+    range: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Первый день недели (понедельник по-умолчанию).
+     */
+    firstDayOfWeek: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Массив дат, которые будут отображаться в календаре.
+     * При использовании функции, функция поучает дату в формате YYYY/MM/DD и должна вернуть true или false.
+     */
+    allowedDates: {
+        type: PropType<TCalendarAllowedDates>;
+    };
+    /**
+     * Запретить навигацию в календаре до указанной минимальной даты в формате YYYY/MM.
+     */
+    minYearMonth: {
+        type: PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Запретить навигацию в календаре после указанной максимальной даты в формате YYYY/MM.
+     */
+    maxYearMonth: {
+        type: PropType<string>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Запретить сброс даты в календаре.
+     */
+    noUnset: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Список событий, которые будут отображаться в календаре. Формат: YYYY/MM/DD.
+     */
+    events: {
+        type: PropType<TCalendarEvents>;
+    };
+    /**
+     * Цвет событий в календаре.
+     */
+    eventsColor: {
+        type: PropType<TCalendarEventsColor>;
+        default: string;
+    };
+    /**
+     * Эмитировать событие update:modelValue при смене месяца и года сразу.
+     * Недоступно при multiple и range.
+     */
+    emitImmediately: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Скрыть дни соседних месяцев в календаре.
+     */
+    hideSiblingMonth: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useCalendar(props: ICalendarProps, model: Ref<readonly (string | TDatetimeValueRange)[]> & {
+    readonly externalValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[];
+}, internalLocale: Ref<TDateLocale>, internalMask: Ref<string>, getCurrentDate: () => IRawDate, decodeString: (date: string) => IRawDate, emitValue: (value: any, action: string, date: IRawDate | TDatetimeValueRange) => void, emitImmediately: (reason: string) => void): {
+    today: import("vue").ComputedRef<IRawDate>;
+    editRange: Ref<{
+        init: {
+            year?: number | undefined;
+            month?: number | undefined;
+            day?: number | undefined;
+            hour?: number | undefined;
+            minute?: number | undefined;
+            second?: number | undefined;
+            millisecond?: number | undefined;
+            timezoneOffset?: number | undefined;
+            dateHash?: string | undefined;
+            timeHash?: string | undefined;
+            date?: number | undefined;
+            changed?: boolean | undefined;
+        } | null;
+        initHash: number;
+        final: {
+            year?: number | undefined;
+            month?: number | undefined;
+            day?: number | undefined;
+            hour?: number | undefined;
+            minute?: number | undefined;
+            second?: number | undefined;
+            millisecond?: number | undefined;
+            timezoneOffset?: number | undefined;
+            dateHash?: string | undefined;
+            timeHash?: string | undefined;
+            date?: number | undefined;
+            changed?: boolean | undefined;
+        } | null;
+        finalHash: number;
+    } | null>;
+    getNativeDateFn: import("vue").ComputedRef<(model: IRawDate) => Date>;
+    defaultView: Ref<"Calendar" | "Years" | "Months">;
+    monthDirection: Ref<"left" | "right">;
+    yearDirection: Ref<"left" | "right">;
+    isImmediate: import("vue").ComputedRef<boolean | undefined>;
+    viewModel: Ref<{
+        year?: number | undefined;
+        month?: number | undefined;
+        day?: number | undefined;
+        hour?: number | undefined;
+        minute?: number | undefined;
+        second?: number | undefined;
+        millisecond?: number | undefined;
+        timezoneOffset?: number | undefined;
+        dateHash?: string | undefined;
+        timeHash?: string | undefined;
+        date?: number | undefined;
+        changed?: boolean | undefined;
+    }>;
+    daysModel: import("vue").ComputedRef<IRawDate[]>;
+    rangeModel: import("vue").ComputedRef<{
+        from: IRawDate;
+        to: IRawDate;
+    }[]>;
+    minSelectedModel: import("vue").ComputedRef<IRawDate>;
+    maxSelectedModel: import("vue").ComputedRef<IRawDate>;
+    daysInModel: import("vue").ComputedRef<number>;
+    startYear: Ref<number | undefined>;
+    daysOfWeek: import("vue").ComputedRef<string[]>;
+    daysInMonth: import("vue").ComputedRef<number>;
+    viewMonthHash: import("vue").ComputedRef<string>;
+    minNav: import("vue").ComputedRef<{
+        year: number;
+        month: number;
+    } | undefined>;
+    maxNav: import("vue").ComputedRef<{
+        year: number;
+        month: number;
+    } | undefined>;
+    navBoundaries: import("vue").ComputedRef<{
+        month: {
+            prev: boolean;
+            next: boolean;
+        };
+        year: {
+            prev: boolean;
+            next: boolean;
+        };
+    }>;
+    days: import("vue").ComputedRef<{
+        i: number;
+        fill?: boolean | undefined;
+        event?: boolean | TCalendarEventsColor | undefined;
+        classes?: string[] | undefined;
+        in?: boolean | undefined;
+        flat?: boolean | undefined;
+        selected?: boolean | undefined;
+        unelevated?: boolean | undefined;
+        range?: {
+            from: IRawDate;
+            to: IRawDate;
+        } | undefined;
+        rangeFrom?: boolean | undefined;
+        rangeTo?: boolean | undefined;
+        editRange?: boolean | undefined;
+        editRangeFrom?: boolean | undefined;
+        editRangeTo?: boolean | undefined;
+        today?: boolean | undefined;
+        color?: string | undefined;
+    }[]>;
+    daysMap: import("vue").ComputedRef<Record<string, number[]>>;
+    rangeMap: import("vue").ComputedRef<Record<string, {
+        from?: number | undefined;
+        to?: number | undefined;
+        range: {
+            from: IRawDate;
+            to: IRawDate;
+        };
+    }[]>>;
+    rangeView: import("vue").ComputedRef<{
+        from?: number | undefined;
+        includeFrom: boolean;
+        to?: number | undefined;
+        includeTo: boolean;
+    } | undefined>;
+    selectionDaysMap: import("vue").ComputedRef<Record<string, boolean>>;
+    getViewModel: () => IRawDate;
+    updateViewModel: (year: number, month: number, time?: IRawDate) => void;
+    setToday: () => void;
+    setCalendarTo: (year: number, month: number) => void;
+    goToMonth: (offset: number) => void;
+    goToYear: (offset: number) => void;
+    setMonth: (month: number) => void;
+    setYear: (year: number) => void;
+    setView: (viewMode: TCalendarView) => void;
+    setEditingRange: (from: IRawDate, to: IRawDate) => void;
+    toggleDate: (date: IRawDate | TDatetimeValueRange, monthHash: string) => void;
+    addToModel: (date: IRawDate) => void;
+    addToModelRange: (date: TDatetimeValueRange) => void;
+    removeFromModel: (date: IRawDate) => void;
+    removeFromModelRange: (date: TDatetimeValueRange) => void;
+    offsetCalendar: (type: 'month' | 'year', descending: number) => void;
+    encodeEntry: (date: any, mask?: string, locale?: TDateLocale) => string | {
+        from: string | undefined;
+        to: string | undefined;
+    } | undefined;
+};
+export declare function getMonthHash(date: IRawDate): string;

package/dist/components/CdsDatePicker/composable/index.d.ts

@@ -0,0 +1 @@
+export * from './calendar';

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

@@ -0,0 +1 @@
+export { default as CdsDatePicker } from './CdsDatePicker.vue';

package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts

@@ -91,7 +91,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onClose: () => void;
     onMouseenter: () => void;
     onMouseleave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "closed" | "update:modelValue")[], "opened" | "closed" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Событие открытия
+     * @type { boolean }
+     */
+    opened: (value: boolean) => true;
+    /**
+     * Событие закрытия
+     * @type { boolean }
+     */
+    closed: (value: boolean) => true;
+    /**
+     * Событие изменения v-model
+     * @type { boolean }
+     */
+    'update:modelValue': (value: boolean) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: Omit<{
         type: PropType<string>;
         default: string;
@@ -161,18 +177,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpened?: ((value: boolean) => any) | undefined;
+    onClosed?: ((value: boolean) => any) | undefined;
 }, {
     dark: boolean;
-    fixed: boolean;
     tag: string;
+    fixed: boolean;
     modelValue: boolean | null;
+    right: boolean;
     permanent: boolean;
     temporary: boolean;
     minified: boolean;
-    right: boolean;
     border: boolean;
     fixedSlots: boolean;
 }>;

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

@@ -0,0 +1 @@
+export { default as CdsDrawer } from './CdsDrawer.vue';