@coreui/vue-pro 4.2.0 → 4.3.0

package/dist/utils/calendar.d.ts

@@ -0,0 +1,23 @@
+export declare const convertToLocalDate: (d: Date, locale: string, options?: {}) => string;
+export declare const convertToLocalTime: (d: Date, locale: string, options?: {}) => string;
+export declare const createGroupsInArray: (arr: any[], numberOfGroups: number) => any[][];
+export declare const getCurrentYear: () => number;
+export declare const getCurrentMonth: () => number;
+export declare const getLocalDateFromString: (string: string, locale: string, time?: boolean | undefined) => Date | undefined;
+export declare const getMonthName: (month: number, locale: string) => string;
+export declare const getMonthsNames: (locale: string) => string[];
+export declare const getYears: (year: number) => number[];
+export declare const getMonthDetails: (year: number, month: number, firstDayOfWeek: number) => {
+    date: Date;
+    month: string;
+}[][];
+export declare const isDisableDateInRange: (startDate?: Date | null | undefined, endDate?: Date | null | undefined, dates?: Date[] | Date[][] | undefined) => boolean;
+export declare const isDateDisabled: (date: Date, min?: Date | null | undefined, max?: Date | null | undefined, dates?: Date[] | Date[][] | undefined) => boolean | undefined;
+export declare const isDateInRange: (date: Date, start: Date | null, end: Date | null) => boolean | null;
+export declare const isDateSelected: (date: Date, start: Date | null, end: Date | null) => boolean | null;
+export declare const isEndDate: (date: Date, start: Date | null, end: Date | null) => boolean | null;
+export declare const isLastDayOfMonth: (date: Date) => boolean;
+export declare const isSameDateAs: (date: Date | null, date2: Date | null) => boolean;
+export declare const isStartDate: (date: Date, start: Date | null, end: Date | null) => boolean | null;
+export declare const isToday: (date: Date) => boolean;
+export declare const isValidDate: (date: string) => number | false;

package/dist/utils/time.d.ts

@@ -0,0 +1,21 @@
+export declare const convert12hTo24h: (abbr: 'am' | 'pm', hour: number) => number;
+export declare const convert24hTo12h: (hour: number) => number;
+export declare const convertTimeToDate: (time: Date | string | null | undefined) => Date | null;
+export declare const getAmPm: (date: Date, locale: string) => "am" | "pm";
+export declare const getListOfHours: (locale: string) => {
+    value: number;
+    label: string;
+}[];
+export declare const getListOfMinutes: (locale: string, valueAsString?: boolean) => {
+    value: string | number;
+    label: string;
+}[];
+export declare const getListOfSeconds: (locale: string, valueAsString?: boolean) => {
+    value: string | number;
+    label: string;
+}[];
+export declare const getSelectedHour: (date: Date | null, locale: string) => number | "";
+export declare const getSelectedMinutes: (date: Date | null) => number | "";
+export declare const getSelectedSeconds: (date: Date | null) => number | "";
+export declare const isAmPm: (locale: string) => boolean;
+export declare const isValidTime: (time: string) => number | false;

package/dist/utils/transition.d.ts

@@ -0,0 +1,3 @@
+export declare const executeAfterTransition: (callback: () => void, transitionElement: HTMLElement, waitForTransition?: boolean) => void;
+export declare const getTransitionDurationFromElement: (element: HTMLElement) => number;
+export declare const triggerTransitionEnd: (element: HTMLElement) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-pro",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -38,19 +38,20 @@
     "version_short": "4.2"
   },
   "devDependencies": {
-    "@popperjs/core": "^2.11.4",
-    "@rollup/plugin-commonjs": "^21.0.2",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-typescript": "^8.3.1",
-    "@vue/test-utils": "^2.0.0-rc.17",
-    "rollup": "^2.70.1",
+    "@popperjs/core": "^2.11.5",
+    "@rollup/plugin-commonjs": "^21.1.0",
+    "@rollup/plugin-node-resolve": "^13.2.1",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "@vue/test-utils": "^2.0.0-rc.20",
+    "date-fns": "^2.28.0",
+    "rollup": "^2.70.2",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^4.6.2",
-    "vue": "^3.2.31",
+    "typescript": "^4.6.3",
+    "vue": "^3.2.33",
     "vue-types": "^4.1.1"
   },
   "peerDependencies": {
-    "@coreui/coreui-pro": "^4.1.0",
+    "@coreui/coreui-pro": "^4.2.0",
     "vue": "^3.2.21"
   },
   "standard": {

package/src/components/backdrop/CBackdrop.ts

@@ -1,5 +1,7 @@
 import { defineComponent, h, RendererElement, Transition } from 'vue'
 
+import { executeAfterTransition } from './../../utils/transition'
+
 const CBackdrop = defineComponent({
   name: 'CBackdrop',
   props: {
@@ -16,24 +18,24 @@ const CBackdrop = defineComponent({
     const handleBeforeEnter = (el: RendererElement) => {
       el.classList.remove('d-none')
     }
+
     const handleEnter = (el: RendererElement, done: () => void) => {
-      el.addEventListener('transitionend', () => {
-        done()
-      })
+      executeAfterTransition(() => done(), el as HTMLElement)
       setTimeout(() => {
         el.style.visibility = 'visible'
         el.classList.add('show')
       }, 1)
     }
+
     const handleLeave = (el: RendererElement, done: () => void) => {
-      el.addEventListener('transitionend', () => {
-        done()
-      })
+      executeAfterTransition(() => done(), el as HTMLElement)
       el.classList.remove('show')
     }
+
     const handleAfterLeave = (el: RendererElement) => {
       el.classList.add('d-none')
     }
+
     return () =>
       h(
         Transition,

package/src/components/button/CButton.ts

@@ -95,12 +95,12 @@ export const CButton = defineComponent({
     'click',
   ],
   setup(props, { emit, slots }) {
-    const handleClick = () => {
+    const handleClick = (event: Event) => {
       if (props.disabled) {
         return
       }
 
-      emit('click')
+      emit('click', event)
     }
     return () =>
       h(