@central-design-system/components 3.0.0-alpha.4 → 3.0.0-alpha.6

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 5/10/2023, 7:16:03 PM
+ * Generated on 6/1/2023, 2:01:09 PM
  **/
 export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
 export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs.vue';
@@ -30,6 +30,7 @@ export { default as CdsListItem } from './CdsList/CdsListItem.vue';
 export { default as CdsLoader } from './CdsLoader/CdsLoader.vue';
 export { default as CdsMenu } from './CdsMenu/CdsMenu.vue';
 export { default as CdsOverlay } from './CdsOverlay/CdsOverlay.vue';
+export { default as CdsPagination } from './CdsPagination/CdsPagination.vue';
 export { default as CdsRadio } from './CdsRadioButton/CdsRadio.vue';
 export { default as CdsRadioButton } from './CdsRadioButton/CdsRadioButton.vue';
 export { default as CdsSelect } from './CdsSelect/CdsSelect.vue';
@@ -39,3 +40,5 @@ export { default as CdsStatus } from './CdsStatus/CdsStatus.vue';
 export { default as CdsTag } from './CdsTag/CdsTag.vue';
 export { default as CdsTextArea } from './CdsTextArea/CdsTextArea.vue';
 export { default as CdsTextInput } from './CdsTextInput/CdsTextInput.vue';
+export { default as CdsTimePicker } from './CdsTimePicker/CdsTimePicker.vue';
+export { default as CdsTooltip } from './CdsTooltip/CdsTooltip.vue';

package/dist/composable/datetime.d.ts

@@ -1,5 +1,5 @@
-import type { IRawDate, TDateLocale } from '../utils';
 import type { ComputedRef, PropType } from 'vue';
+import type { IRawDate, TDateLocale } from '../utils';
 export interface IDatetimeProps {
     modelValue: string | TDatetimeValueRange | Array<string | TDatetimeValueRange>;
     mask: string;
@@ -25,8 +25,6 @@ export declare const makeDatetimeProps: <Defaults extends {
     modelValue?: unknown;
     mask?: unknown;
     locale?: unknown;
-    readonly?: unknown;
-    disabled?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
     /**
      * Значение модели
@@ -58,19 +56,6 @@ export declare const makeDatetimeProps: <Defaults extends {
         }>;
         default: null;
     };
-    /**
-     * Только для чтения
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    /**
-     * Заблокированный
-     */
-    disabled: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
 }, Defaults>;
 export declare function useDatetime(props: IDatetimeProps): IUseDatetime;
+export declare function getDayHash(date: IRawDate): string;

package/dist/composable/dimensions.d.ts

@@ -13,35 +13,53 @@ export interface IUseDimensions {
 }
 export declare const makeDimensionProps: <Defaults extends {
     height?: unknown;
+    width?: unknown;
     maxHeight?: unknown;
     maxWidth?: unknown;
     minHeight?: unknown;
     minWidth?: unknown;
-    width?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Высота
+     */
     height: {
         type: PropType<string | number>;
         default: string;
     };
+    /**
+     * Ширина
+     */
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    /**
+     * Максимальная высота
+     */
     maxHeight: {
         type: PropType<string | number>;
         default: string;
     };
+    /**
+     * Максимальная ширина
+     */
     maxWidth: {
         type: PropType<string | number>;
         default: string;
     };
+    /**
+     * Минимальная высота
+     */
     minHeight: {
         type: PropType<string | number>;
         default: string;
     };
+    /**
+     * Минимальная ширина
+     */
     minWidth: {
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>;
-        default: string;
-    };
 }, Defaults>;
 export declare function useDimensions(props: IDimensionsProps): IUseDimensions;

package/dist/composable/display.d.ts

@@ -0,0 +1,56 @@
+import type { InjectionKey, Ref } from 'vue';
+export declare const breakpoints: readonly ["xs", "sm", "md", "lg", "xl"];
+export declare type TBreakpoint = typeof breakpoints[number];
+export interface IDisplayOptions {
+    mobileBreakpoint?: number | TBreakpoint;
+    thresholds?: Partial<TDisplayThresholds>;
+}
+export interface IDisplayInstance {
+    name: Ref<TBreakpoint>;
+    xs: Ref<boolean>;
+    sm: Ref<boolean>;
+    md: Ref<boolean>;
+    lg: Ref<boolean>;
+    xl: Ref<boolean>;
+    smUp: Ref<boolean>;
+    mdUp: Ref<boolean>;
+    lgUp: Ref<boolean>;
+    xlUp: Ref<boolean>;
+    smDown: Ref<boolean>;
+    mdDown: Ref<boolean>;
+    lgDown: Ref<boolean>;
+    xlDown: Ref<boolean>;
+    mobile: Ref<boolean>;
+    mobileBreakpoint: Ref<number | TBreakpoint>;
+    width: Ref<number>;
+    height: Ref<number>;
+    platform: Ref<TDisplayPlatform>;
+    thresholds: Ref<TDisplayThresholds>;
+    ssr: boolean;
+    update(): void;
+}
+export declare type TDisplayThresholds = {
+    [key in TBreakpoint]: number;
+};
+export declare type TDisplayPlatform = {
+    android: boolean;
+    ios: boolean;
+    cordova: boolean;
+    electron: boolean;
+    chrome: boolean;
+    edge: boolean;
+    firefox: boolean;
+    opera: boolean;
+    win: boolean;
+    mac: boolean;
+    linux: boolean;
+    touch: boolean;
+    ssr: boolean;
+};
+export declare type TSSROptions = boolean | {
+    clientWidth: number;
+    clientHeight?: number;
+};
+export declare const DisplaySymbol: InjectionKey<IDisplayInstance>;
+export declare function createDisplay(options?: IDisplayOptions, ssr?: TSSROptions): IDisplayInstance;
+export declare function useDisplay(): IDisplayInstance;

package/dist/composable/index.d.ts

@@ -6,6 +6,7 @@ export * from './loading';
 export * from './appearance';
 export * from './size';
 export * from './disabled';
+export * from './readonly';
 export * from './dark';
 export * from './color';
 export * from './status';
@@ -33,3 +34,6 @@ export * from './select';
 export * from './filter';
 export * from './menu';
 export * from './datetime';
+export * from './resizeObserver';
+export * from './refs';
+export * from './display';

package/dist/composable/overlay.d.ts

@@ -75,7 +75,7 @@ export declare const makeOverlayProps: <Defaults extends {
         default: boolean;
     };
     /**
-     * Значение z-index для оверлея
+     * Значение z-index
      */
     zIndex: {
         type: PropType<string | number>;

package/dist/composable/readonly.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef, PropType } from 'vue';
+export interface IReadonlyProps {
+    readonly: boolean;
+}
+export interface IUseReadonly {
+    readonlyClasses: ComputedRef<string | undefined>;
+}
+export declare const makeReadonlyProps: <Defaults extends {
+    readonly?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Только для чтения
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useReadonly(props: IReadonlyProps): IUseReadonly;

package/dist/composable/refs.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue';
+export interface IUseRefs<T extends {}> {
+    refs: Ref<(T | undefined)[]>;
+    updateRef: (value: any, index: number) => void;
+}
+export declare function useRefs<T extends {}>(): IUseRefs<T>;

package/dist/composable/resizeObserver.d.ts

@@ -0,0 +1,7 @@
+import type { DeepReadonly, Ref } from 'vue';
+interface IUseResizeObserver {
+    resizeRef: Ref<HTMLElement | undefined>;
+    contentRect: DeepReadonly<Ref<DOMRectReadOnly | undefined>>;
+}
+export declare function useResizeObserver(callback?: ResizeObserverCallback): IUseResizeObserver;
+export {};

package/dist/composable/validation.d.ts

@@ -33,25 +33,16 @@ export interface IUseValidation {
 }
 export declare const allowedValidationOn: readonly ["blur", "input", "submit"];
 export declare const makeValidationProps: <Defaults extends {
-    disabled?: unknown;
     error?: unknown;
     errorMessages?: unknown;
     maxErrors?: unknown;
     name?: unknown;
-    readonly?: unknown;
     rules?: unknown;
     modelValue?: unknown;
     validateOn?: unknown;
     validationValue?: unknown;
     hideMessages?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
-    /**
-     * Заблокированное состояние
-     */
-    disabled: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     /**
      * Состояние ошибки
      */
@@ -80,13 +71,6 @@ export declare const makeValidationProps: <Defaults extends {
         type: PropType<string | undefined>;
         default: undefined;
     };
-    /**
-     * Только для чтения
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     /**
      * Правила валидации
      */

package/dist/create.d.ts

@@ -0,0 +1,21 @@
+import type { App } from 'vue';
+import type { IDisplayOptions } from './composable';
+export interface ICdsOptions {
+    components?: Record<string, any>;
+    directives?: Record<string, any>;
+    icons?: Record<string, any>;
+    illustrations?: Record<string, any>;
+    display?: IDisplayOptions;
+    cssGrid?: boolean;
+    ssr?: boolean;
+}
+interface NuxtApp {
+    $nuxt?: {
+        hook: (name: string, fn: () => void) => void;
+    };
+}
+export declare function createCds(options?: ICdsOptions): {
+    install: (app: App & NuxtApp) => void;
+    display: import("./composable").IDisplayInstance;
+};
+export {};

package/dist/globals.d.ts

@@ -13,4 +13,6 @@ declare global {
       | undefined
     > & { lastMousedownWasOutside: boolean };
   }
+
+  export const __VUE_OPTIONS_API__: boolean | undefined;
 }

package/dist/utils/date.d.ts

@@ -11,6 +11,7 @@ export interface IRawDate {
     dateHash?: string;
     timeHash?: string;
     date?: number;
+    changed?: boolean;
 }
 export declare type TDateLocale = ILocale['date'];
 /**
@@ -43,7 +44,7 @@ export declare function extractDate(str: string, mask: string, dateLocale: TDate
  * @param dateLocale
  * @param defaultModel
  */
-export declare function splitDate(str: string, mask: string, dateLocale: TDateLocale, defaultModel?: IRawDate): IRawDate;
+export declare function splitDate(str?: string | any, mask?: string, dateLocale?: TDateLocale, defaultModel?: IRawDate): IRawDate;
 /**
  * Check a date string for validity.
  * @param date

package/dist/utils/helpers.d.ts

@@ -30,6 +30,7 @@ export declare const classesStates: Readonly<{
     invalid: "cds-state-invalid";
     empty: "cds-state-empty";
     loading: "cds-state-loading";
+    readonly: "cds-state-readonly";
 }>;
 /**
  * Check if value is a object.
@@ -100,6 +101,7 @@ export declare function convertToUnit(str: string | number | null | undefined, u
  * @param max
  */
 export declare function clamp(value: number, min?: number, max?: number): number;
+export declare function createRange(length: number, start?: number): number[];
 /**
  * Is value an like event
  * @param key
@@ -110,6 +112,7 @@ export declare function isComponentInstance(obj: any): obj is ComponentPublicIns
 export declare function isFixedPosition(el?: HTMLElement): boolean;
 export declare function padStart(string: number | string, targetLength: number, padString: string): string;
 export declare function pad(n: string | number, length?: number): string;
+export declare function refElement<T extends Record<string, any> | undefined>(obj: T): Exclude<T, ComponentPublicInstance> | HTMLElement;
 /**
  * Types
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.4",
+  "version": "3.0.0-alpha.6",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",
@@ -19,7 +19,6 @@
   },
   "files": [
     "dist",
-    "src/utils",
     "src/scss",
     "nuxt.js"
   ],

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 5/22/2023, 2:54:43 PM
+ * Generated on 6/1/2023, 2:19:29 PM
  **/
 
 /**

package/dist/types/CdsOptions.d.ts

@@ -1,3 +0,0 @@
-export interface ICdsOptions {
-  cssGrid?: boolean;
-}

package/src/utils/__test__/helper.test.ts

@@ -1,59 +0,0 @@
-import { pick, isObject, mergeDeep, getNestedValue, getObjectValueByPath, getPropertyFromItem } from '../helpers';
-import {
-  mockHelpersIsObject,
-  mockHelpersMergeDeep,
-  mockHelpersGetNestedValue,
-  mockHelpersGetObjectValueByPath,
-  mockHelpersGetPropertyFromItem,
-  mockHelpersPick
-} from './mocks/helper.mock';
-
-describe('isObject', () => {
-  mockHelpersIsObject.forEach(({ name, initial, expected }) => {
-    it(name, () => {
-      expect(isObject(initial)).toEqual(expected);
-    });
-  });
-});
-
-describe('mergeDeep', () => {
-  mockHelpersMergeDeep.forEach(({ name, initial, expected }) => {
-    it(name, () => {
-      expect(mergeDeep(initial.source, initial.target, initial.arrayFn)).toEqual(expected);
-    });
-  });
-});
-
-describe('getNestedValue', () => {
-  mockHelpersGetNestedValue.forEach(({ name, initial, expected }) => {
-    it(name, () => {
-      expect(getNestedValue(initial.obj, initial.path, initial.fallback)).toEqual(expected);
-    });
-  });
-});
-
-describe('getObjectValueByPath', () => {
-  mockHelpersGetObjectValueByPath.forEach(({ name, initial, expected }) => {
-    it(name, () => {
-      expect(getObjectValueByPath(initial.obj, initial.path, initial.fallback)).toEqual(expected);
-    });
-  });
-});
-
-describe('getPropertyFromItem', () => {
-  mockHelpersGetPropertyFromItem.forEach(({ name, initial, expected }) => {
-    it(name, () => {
-      expect(getPropertyFromItem(initial.item, initial.property, initial.fallback)).toEqual(expected);
-    });
-  });
-});
-
-describe('pick', () => {
-  mockHelpersPick.forEach(({ name, initial, expected }) => {
-    it(name, () => {
-      const [yes, no] = pick(initial.obj, initial.paths);
-      expect(yes).toEqual(expected.yes);
-      expect(no).toEqual(expected.no);
-    });
-  });
-});