mediacube-ui 0.1.142 → 0.1.144

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.144](https://github.com/MediaCubeCo/mcui/compare/v0.1.143...v0.1.144) (2023-09-18)
+
+### [0.1.143](https://github.com/MediaCubeCo/mcui/compare/v0.1.142...v0.1.143) (2023-09-14)
+
 ### [0.1.142](https://github.com/MediaCubeCo/mcui/compare/v0.1.141...v0.1.142) (2023-09-13)
 
 ### [0.1.141](https://github.com/MediaCubeCo/mcui/compare/v0.1.140...v0.1.141) (2023-09-13)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.142",
+  "version": "0.1.144",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/elements/McDate/McDate.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script>
+import { dayjs } from '../../utils/dayjs'
 import McTitle from '../McTitle/McTitle'
 
 export default {
@@ -74,9 +75,9 @@ export default {
 
     computed: {
         dayjsDate() {
-            if (this.$dayjs === null) return null
+            if (dayjs === null) return null
             const locale = this.$i18n?.locale || 'ru' // TODO: maybe `en`?
-            return this.$dayjs(this.value).locale(locale)
+            return dayjs(this.value).locale(locale)
         },
         formattedDate() {
             if (this.dayjsDate === null) return this.value

package/src/elements/McDatePicker/McDatePicker.vue

@@ -392,12 +392,12 @@ export default {
                     : new Date()
             }
             const formattingDate = date =>
-                this.$dayjs.tz(this.$dayjs.utc(date, 'YYYY-MM-DD HH:mm:SS'), this.currentTimezone).format(this.format)
+                dayjs.tz(dayjs.utc(date, 'YYYY-MM-DD HH:mm:ss'), this.currentTimezone).format(this.format)
             if (this.isRange && this.value) {
                 const [start_date, end_date] = this.value
                 const prepared_value = [
                     start_date,
-                    this.$dayjs(end_date)
+                    dayjs(end_date)
                         .subtract(1, 'days')
                         .format(),
                 ]
@@ -413,7 +413,7 @@ export default {
         async setupDayjsLocale() {
             const locale = this.lang !== 'ar' && Object.keys(dayjsLocales).includes(this.lang) ? this.lang : 'en'
             await dayjsLocales[locale]?.()
-            this.$dayjs.locale(locale)
+            dayjs.locale(locale)
         },
         handleEmitDate(value) {
             const date = this.getFormattedDate(value)
@@ -430,20 +430,16 @@ export default {
             if (!this.useTimezone) {
                 if (Array.isArray(newValue)) {
                     return newValue.map(v => {
-                        return v?.toString?.().trim() ? this.$dayjs(v).format(this.toFormat) : ' '
+                        return v?.toString?.().trim() ? dayjs(v).format(this.toFormat) : ' '
                     })
                 }
-                return value?.toString?.().trim()
-                    ? this.isTime
-                        ? this.$dayjs.utc(value)
-                        : this.$dayjs(value).format(this.toFormat)
-                    : ' '
+                return value?.toString?.().trim() ? (this.isTime ? value : dayjs(value).format(this.toFormat)) : ' '
             }
 
             const hasDate = date => date && date?.trim()?.length
             const formatingDate = date =>
-                this.$dayjs
-                    .tz(this.$dayjs(date, this.format), this.currentTimezone)
+                dayjs
+                    .tz(dayjs(date, this.format).format('YYYY-MM-DD HH:mm:ss'), this.currentTimezone)
                     .utc()
                     .format()
             if (Array.isArray(newValue)) {
@@ -451,7 +447,7 @@ export default {
                 if (hasDate(start_date) && hasDate(end_date))
                     newValue = [
                         start_date,
-                        this.$dayjs(end_date, this.format)
+                        dayjs(end_date, this.format)
                             .add(1, 'days')
                             .format(this.format),
                     ]
@@ -466,41 +462,39 @@ export default {
             const end = this.pickDate || new Date()
             switch (key) {
                 case 'week':
-                    if (this.$dayjs) {
-                        start = this.$dayjs(end).subtract(7, 'days')
+                    if (dayjs) {
+                        start = dayjs(end).subtract(7, 'days')
                         break
                     }
                     start.setTime(end.getTime() - 6 * 24 * 3600 * 1000)
                     break
                 case 'month':
-                    if (this.$dayjs) {
-                        start = this.$dayjs(end).subtract(1, 'months')
+                    if (dayjs) {
+                        start = dayjs(end).subtract(1, 'months')
                         break
                     }
                     start.setMonth(end.getMonth() - 1, end.getDate())
                     break
                 case 'quarter':
-                    if (this.$dayjs) {
-                        start = this.$dayjs(end).subtract(3, 'months')
+                    if (dayjs) {
+                        start = dayjs(end).subtract(3, 'months')
                         break
                     }
                     start.setMonth(end.getMonth() - 3, end.getDate())
                     break
                 case 'year':
-                    if (this.$dayjs) {
-                        start = this.$dayjs(end).subtract(1, 'years')
+                    if (dayjs) {
+                        start = dayjs(end).subtract(1, 'years')
                         break
                     }
                     start.setFullYear(end.getFullYear() - 1, end.getMonth(), end.getDate())
                     break
             }
-            this.$refs.input.currentValue = [this.$dayjs ? start.toDate() : start, end]
+            this.$refs.input.currentValue = [dayjs ? start.toDate() : start, end]
         },
         handlerPreselectRange(period) {
             const [start, end] = period
-            this.$refs.input.currentValue = this.$dayjs
-                ? [this.$dayjs(start).toDate(), this.$dayjs(end).toDate()]
-                : period
+            this.$refs.input.currentValue = dayjs ? [dayjs(start).toDate(), dayjs(end).toDate()] : period
         },
         handlePickDate(date) {
             this.pickDate = date

package/src/patterns/McFilter/McFilterTags/McFilterTags.vue

@@ -49,6 +49,7 @@ import _XEUtils from 'xe-utils'
 import _isEqual from 'lodash/isEqual'
 import _isEmpty from 'lodash/isEmpty'
 import _cloneDeep from 'lodash/cloneDeep'
+import { dayjs } from '../../../utils/dayjs'
 
 import McButton from '../../../elements/McButton/McButton'
 import McTooltip from '../../../elements/McTooltip/McTooltip'
@@ -141,7 +142,7 @@ export default {
                         const to = value.less
                             ? `${this.placeholders.to} ${this.getFormattedVal(
                                   filter.type === 'date' && filter.useTimezone
-                                      ? this.$dayjs(value.less)
+                                      ? dayjs(value.less)
                                             .subtract(1, 'days')
                                             .format()
                                       : value.less,
@@ -300,7 +301,7 @@ export default {
         getFormattedVal(val, filter) {
             switch (filter.type) {
                 case 'date':
-                    return this.$dayjs ? this.$dayjs(val).format('DD.MM.YYYY') : val
+                    return dayjs(val).format('DD.MM.YYYY')
                 case 'range':
                     return this.getFormattedNum(val)
                 default:

package/src/utils/dayjs.js

@@ -16,10 +16,4 @@ const dayjsLocales = {
 dayjs.extend(timezone)
 dayjs.extend(utc)
 
-const dayjsPlugin = {
-    install(ctx) {
-        ctx.prototype.$dayjs = dayjs
-    },
-}
-
-export { dayjs, dayjsLocales, dayjsPlugin }
+export { dayjs, dayjsLocales }