@central-design-system/components 3.0.2 → 3.0.4

package/dist/components/CdsDatePicker/{CdsDatePicker.vue.d.ts → CdsDatePicker.d.ts}

@@ -1,103 +1,104 @@
-import type { TDatetimeValueRange } from '../../composable';
-import type { IRawDate } from '../../utils';
+import { TCalendarView } from './composable';
+import { TDatetimeValueRange } from '../../composable';
+import { IRawDate } from '../../utils';
 export declare const componentName = "CdsDatePicker";
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
     locale: {
-        type: import("vue").PropType<"ru" | "en" | import("../../locale").ILocale>;
+        type: import('vue').PropType<import('../../locale').TAvailableLocale | import('../../locale').ILocale>;
         default: undefined;
     };
     readonly: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     disabled: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string | TDatetimeValueRange | (string | TDatetimeValueRange)[]>;
+        type: import('vue').PropType<string | TDatetimeValueRange | Array<string | TDatetimeValueRange>>;
         default: null;
     };
     mask: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: string;
     };
     title: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     description: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     header: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     todayBtn: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     defaultYearMonth: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
         validator: (value: string) => boolean;
     };
     view: {
-        type: import("vue").PropType<"Calendar" | "Years" | "Months">;
+        type: import('vue').PropType<TCalendarView>;
         default: string;
-        validator: (value: "Calendar" | "Years" | "Months") => boolean;
+        validator: (value: TCalendarView) => boolean;
     };
     multiple: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     range: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     firstDayOfWeek: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<string | number>;
         default: number;
     };
     allowedDates: {
-        type: import("vue").PropType<import("./composable").TCalendarAllowedDates>;
+        type: import('vue').PropType<import('./composable').TCalendarAllowedDates>;
     };
     minYearMonth: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
         validator: (value: string) => boolean;
     };
     maxYearMonth: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
         validator: (value: string) => boolean;
     };
     noUnset: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     events: {
-        type: import("vue").PropType<import("./composable").TCalendarEvents>;
+        type: import('vue').PropType<import('./composable').TCalendarEvents>;
     };
     eventsColor: {
-        type: import("vue").PropType<import("./composable").TCalendarEventsColor>;
+        type: import('vue').PropType<import('./composable').TCalendarEventsColor>;
         default: string;
     };
     emitImmediately: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     hideSiblingMonth: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /**
      * Событие при изменении значения (v-model)
      * @type { value: string | TDatetimeValueRange | Array<string | TDatetimeValueRange>, reason: string, details: IRawDate }
@@ -121,104 +122,104 @@ declare const _sfc_main: import("vue").DefineComponent<{
         from: Partial<IRawDate>;
         to: Partial<IRawDate>;
     }) => true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
     locale: {
-        type: import("vue").PropType<"ru" | "en" | import("../../locale").ILocale>;
+        type: import('vue').PropType<import('../../locale').TAvailableLocale | import('../../locale').ILocale>;
         default: undefined;
     };
     readonly: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     disabled: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string | TDatetimeValueRange | (string | TDatetimeValueRange)[]>;
+        type: import('vue').PropType<string | TDatetimeValueRange | Array<string | TDatetimeValueRange>>;
         default: null;
     };
     mask: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: string;
     };
     title: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     description: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
     };
     header: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     todayBtn: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     defaultYearMonth: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
         validator: (value: string) => boolean;
     };
     view: {
-        type: import("vue").PropType<"Calendar" | "Years" | "Months">;
+        type: import('vue').PropType<TCalendarView>;
         default: string;
-        validator: (value: "Calendar" | "Years" | "Months") => boolean;
+        validator: (value: TCalendarView) => boolean;
     };
     multiple: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     range: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     firstDayOfWeek: {
-        type: import("vue").PropType<string | number>;
+        type: import('vue').PropType<string | number>;
         default: number;
     };
     allowedDates: {
-        type: import("vue").PropType<import("./composable").TCalendarAllowedDates>;
+        type: import('vue').PropType<import('./composable').TCalendarAllowedDates>;
     };
     minYearMonth: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
         validator: (value: string) => boolean;
     };
     maxYearMonth: {
-        type: import("vue").PropType<string>;
+        type: import('vue').PropType<string>;
         default: undefined;
         validator: (value: string) => boolean;
     };
     noUnset: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     events: {
-        type: import("vue").PropType<import("./composable").TCalendarEvents>;
+        type: import('vue').PropType<import('./composable').TCalendarEvents>;
     };
     eventsColor: {
-        type: import("vue").PropType<import("./composable").TCalendarEventsColor>;
+        type: import('vue').PropType<import('./composable').TCalendarEventsColor>;
         default: string;
     };
     emitImmediately: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
     hideSiblingMonth: {
-        type: import("vue").PropType<boolean>;
+        type: import('vue').PropType<boolean>;
         default: boolean;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any) => any) | undefined;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onNavigation?: ((args_0: {
         year: number | undefined;
         month: number | undefined;
@@ -228,27 +229,27 @@ declare const _sfc_main: import("vue").DefineComponent<{
         from: Partial<IRawDate>;
         to: Partial<IRawDate>;
     }) => any) | undefined;
-}, {
-    multiple: boolean;
+}>, {
     title: string;
-    description: string;
     disabled: boolean;
-    theme: string;
-    modelValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[];
-    locale: "ru" | "en" | import("../../locale").ILocale;
     readonly: boolean;
+    description: string;
+    multiple: boolean;
+    modelValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[];
     header: boolean;
-    todayBtn: boolean;
-    defaultYearMonth: string;
+    theme: string;
+    mask: string;
     view: "Calendar" | "Years" | "Months";
     range: boolean;
+    locale: import('../../locale').ILocale | "ru" | "en";
     firstDayOfWeek: string | number;
+    todayBtn: boolean;
+    defaultYearMonth: string;
     minYearMonth: string;
     maxYearMonth: string;
     noUnset: boolean;
-    eventsColor: import("./composable").TCalendarEventsColor;
+    eventsColor: import('./composable').TCalendarEventsColor;
     emitImmediately: boolean;
     hideSiblingMonth: boolean;
-    mask: string;
-}>;
-export default _sfc_main;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1,11 +1,10 @@
-import { TDateLocale } from '../../../utils';
-import type { TDatetimeValueRange } from '../../../composable';
-import type { IRawDate } from '../../../utils';
-import type { PropType, Ref } from 'vue';
-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 = 'default' | 'success' | 'danger' | 'warning' | ((date: string) => boolean);
+import { TDatetimeValueRange } from '../../../composable';
+import { IRawDate, TDateLocale } from '../../../utils';
+import { PropType, Ref } from 'vue';
+export type TCalendarView = typeof availableViews[number];
+export type TCalendarAllowedDates = string[] | ((date: string) => boolean);
+export type TCalendarEvents = string[] | ((date: string) => boolean);
+export type TCalendarEventsColor = 'default' | 'success' | 'danger' | 'warning' | ((date: string) => boolean);
 export interface ICalendarProps {
     title?: string;
     description?: string;
@@ -87,7 +86,7 @@ export declare const makeCalendarProps: <Defaults extends {
      * Вид календаря по-умолчанию. Возможные значения: 'Calendar', 'Year', 'Month'.
      */
     view: {
-        type: PropType<"Calendar" | "Years" | "Months">;
+        type: PropType<TCalendarView>;
         default: string;
         validator: (value: TCalendarView) => boolean;
     };
@@ -174,7 +173,7 @@ export declare const makeCalendarProps: <Defaults extends {
 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>;
+    today: import('vue').ComputedRef<IRawDate>;
     editRange: Ref<{
         init: {
             year?: number | undefined;
@@ -206,12 +205,48 @@ export declare function useCalendar(props: ICalendarProps, model: Ref<readonly (
             changed?: boolean | undefined;
         } | null;
         finalHash: number;
+    } | null, {
+        init: IRawDate | null;
+        initHash: number;
+        final: IRawDate | null;
+        finalHash: number;
+    } | {
+        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>;
+    getNativeDateFn: import('vue').ComputedRef<(model: IRawDate) => Date>;
+    defaultView: Ref<"Calendar" | "Years" | "Months", "Calendar" | "Years" | "Months">;
+    monthDirection: Ref<"left" | "right", "left" | "right">;
+    yearDirection: Ref<"left" | "right", "left" | "right">;
+    isImmediate: import('vue').ComputedRef<boolean | undefined>;
     viewModel: Ref<{
         year?: number | undefined;
         month?: number | undefined;
@@ -225,28 +260,41 @@ export declare function useCalendar(props: ICalendarProps, model: Ref<readonly (
         timeHash?: string | undefined;
         date?: number | undefined;
         changed?: boolean | undefined;
+    }, IRawDate | {
+        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<{
+    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<{
+    minSelectedModel: import('vue').ComputedRef<IRawDate>;
+    maxSelectedModel: import('vue').ComputedRef<IRawDate>;
+    daysInModel: import('vue').ComputedRef<number>;
+    startYear: Ref<number | undefined, 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<{
+    maxNav: import('vue').ComputedRef<{
         year: number;
         month: number;
     } | undefined>;
-    navBoundaries: import("vue").ComputedRef<{
+    navBoundaries: import('vue').ComputedRef<{
         month: {
             prev: boolean;
             next: boolean;
@@ -256,43 +304,43 @@ export declare function useCalendar(props: ICalendarProps, model: Ref<readonly (
             next: boolean;
         };
     }>;
-    days: import("vue").ComputedRef<{
+    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;
+        fill?: boolean;
+        event?: boolean | TCalendarEventsColor;
+        classes?: string[];
+        in?: boolean;
+        flat?: boolean;
+        selected?: boolean;
+        unelevated?: boolean;
         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;
+        };
+        rangeFrom?: boolean;
+        rangeTo?: boolean;
+        editRange?: boolean;
+        editRangeFrom?: boolean;
+        editRangeTo?: boolean;
+        today?: boolean;
+        color?: string;
     }[]>;
-    daysMap: import("vue").ComputedRef<Record<string, number[]>>;
-    rangeMap: import("vue").ComputedRef<Record<string, {
-        from?: number | undefined;
-        to?: number | undefined;
+    daysMap: import('vue').ComputedRef<Record<string, number[]>>;
+    rangeMap: import('vue').ComputedRef<Record<string, {
+        from?: number;
+        to?: number;
         range: {
             from: IRawDate;
             to: IRawDate;
         };
     }[]>>;
-    rangeView: import("vue").ComputedRef<{
-        from?: number | undefined;
+    rangeView: import('vue').ComputedRef<{
+        from?: number;
         includeFrom: boolean;
-        to?: number | undefined;
+        to?: number;
         includeTo: boolean;
     } | undefined>;
-    selectionDaysMap: import("vue").ComputedRef<Record<string, boolean>>;
+    selectionDaysMap: import('vue').ComputedRef<Record<string, boolean>>;
     getViewModel: () => IRawDate;
     updateViewModel: (year: number, month: number, time?: IRawDate) => void;
     setToday: () => void;
@@ -308,7 +356,7 @@ export declare function useCalendar(props: ICalendarProps, model: Ref<readonly (
     addToModelRange: (date: TDatetimeValueRange) => void;
     removeFromModel: (date: IRawDate) => void;
     removeFromModelRange: (date: TDatetimeValueRange) => void;
-    offsetCalendar: (type: 'month' | 'year', descending: number) => void;
+    offsetCalendar: (type: "month" | "year", descending: number) => void;
     encodeEntry: (date: any, mask?: string, locale?: TDateLocale) => string | {
         from: string | undefined;
         to: string | undefined;

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

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

package/dist/components/CdsDivider/{CdsDivider.vue.d.ts → CdsDivider.d.ts}

@@ -1,8 +1,8 @@
-import type { PropType } from 'vue';
+import { PropType } from 'vue';
 export declare const componentName = "CdsDivider";
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     theme: {
-        type: PropType<string>;
+        type: PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
@@ -11,16 +11,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     length: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: undefined;
     };
     thickness: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     theme: {
-        type: PropType<string>;
+        type: PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
         default: undefined;
     };
@@ -29,17 +29,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     length: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: undefined;
     };
     thickness: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     length: string | number;
-    theme: string;
     vertical: boolean;
+    theme: string;
     thickness: string | number;
-}>;
-export default _sfc_main;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1 +1 @@
-export { default as CdsDivider } from './CdsDivider.vue';
+export { default as CdsDivider } from './CdsDivider';