@central-design-system/components 3.0.0-alpha.3 → 3.0.0-alpha.5

package/dist/components/CdsTimePicker/composable/time.d.ts

@@ -0,0 +1,134 @@
+import type { PropType, Ref } from 'vue';
+import type { IRawDate, TDateLocale } from '../../../utils';
+import type { IDatetimeProps } from '../../../composable';
+export interface ITimeProps {
+    modelValue: IDatetimeProps['modelValue'];
+    format12h: boolean;
+    nowBtn: boolean;
+    withSeconds: boolean;
+    defaultDate?: string;
+    allowedTime?: (hr: number | null, min: number | null, sec: number | null) => boolean;
+    allowedHours?: number[];
+    allowedMinutes?: number[];
+    allowedSeconds?: number[];
+}
+export declare const makeTimeProps: <Defaults extends {
+    withSeconds?: unknown;
+    format12h?: unknown;
+    nowBtn?: unknown;
+    defaultDate?: unknown;
+    allowedTime?: unknown;
+    allowedHours?: unknown;
+    allowedMinutes?: unknown;
+    allowedSeconds?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * Добавляет секунды в выбор времени
+     */
+    withSeconds: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отображает время в 12-часовом формате AM/PM
+     */
+    format12h: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отображает кнопку "Сейчас"
+     */
+    nowBtn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Используемая дата по умолчанию, когда модель не заполнена (в формате YYYY/MM/DD)
+     */
+    defaultDate: {
+        type: PropType<string>;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Позволяет настроить какое время доступно для выбора
+     */
+    allowedTime: {
+        type: PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
+        default: undefined;
+    };
+    /**
+     * Позволяет настроить какие часы доступны для выбора
+     */
+    allowedHours: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+    /**
+     * Позволяет настроить какие минуты доступны для выбора
+     */
+    allowedMinutes: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+    /**
+     * Позволяет настроить какие секунды доступны для выбора
+     */
+    allowedSeconds: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useTime(props: ITimeProps, internalLocale: Ref<TDateLocale>, internalMask: Ref<string>, getCurrentDate: (dateOnly?: boolean) => IRawDate): {
+    model: Ref<IRawDate> & {
+        readonly externalValue: string | import('../../../composable').TDatetimeValueRange | (string | import('../../../composable').TDatetimeValueRange)[];
+    };
+    isAM: Ref<boolean>;
+    stringModel: import("vue").ComputedRef<{
+        hour: string | undefined;
+        minute: string;
+        second: string;
+    }>;
+    hourInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
+    minuteInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
+    secondInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
+    validHours: import("vue").ComputedRef<{
+        am: {
+            min: number;
+            max: number;
+            values: number[];
+            threshold: number;
+        };
+        pm: {
+            min: number;
+            max: number;
+            values: number[];
+            threshold: number;
+        };
+        values: number[];
+    } | null>;
+    validMinutes: import("vue").ComputedRef<{
+        min: number;
+        max: number;
+        values: number[];
+        threshold: number;
+    } | null>;
+    validSeconds: import("vue").ComputedRef<{
+        min: number;
+        max: number;
+        values: number[];
+        threshold: number;
+    } | null>;
+    getCurrentTime: () => {
+        hour: number;
+        minute: number;
+        second: number;
+        millisecond: number;
+    };
+};
+/**
+ * Если передать массив чисел и число, которое меньше наименьшего числа в массиве, то вернется наибольшее число из массива и наоборот
+ * @param numbers
+ * @param target
+ */
+export declare function findClosestExtremeNumber(numbers: number[], target: number): number;

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 5/23/2023, 3:10:54 PM
  **/
 export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
 export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs.vue';
@@ -39,3 +39,4 @@ 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';

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/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';

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/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/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.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.5",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",
@@ -19,6 +19,7 @@
   },
   "files": [
     "dist",
+    "src/utils",
     "src/scss",
     "nuxt.js"
   ],
@@ -30,7 +31,7 @@
     "publish:alpha": "npm publish --tag next"
   },
   "peerDependencies": {
-    "vue": "3.2.47"
+    "vue": "^3.2.0"
   },
   "devDependencies": {
     "@types/node": "16.18.3",

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 5/22/2023, 12:52:07 PM
+ * Generated on 5/26/2023, 3:51:24 PM
  **/
 
 /**

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

@@ -0,0 +1,59 @@
+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);
+    });
+  });
+});