@dynect/base 0.10.1 → 0.10.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "Reusable Nuxt base module — components, composables, utils, plugins and i18n from the Dynect design system.",
   "type": "module",
   "license": "MIT",

package/src/runtime/components/base/event-calendar/AgendaView.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { formatDateTime } from '../../../utils/date';
+import { toLowerCase } from '../../../utils/function';
 import { computed } from 'vue';
 import type { CalendarEvent } from './types';
 import LocationDisplay from './LocationDisplay.vue';

package/src/runtime/components/base/event-calendar/DayEventsOverflowPopup.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { formatDateTime } from '../../../utils/date';
 import { computed, ref } from 'vue';
 import type { CalendarEvent } from './types';
 

package/src/runtime/components/base/event-calendar/DayView.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { formatDateTime } from '../../../utils/date';
+import { debounce, throttle } from '../../../utils/function';
 import { computed, ref } from 'vue';
 import type { CalendarEvent, DayColumnData, TimeSlot } from './types';
 import { useCalendarUtils } from './composables/useCalendarUtils';

package/src/runtime/components/base/event-calendar/EventCalendar.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { addDays, addMonths, addWeeks, eachDayOfInterval, endOfDay, endOfMonth, endOfWeek, formatDateTime, isSameDay, isWithinInterval, startOfDay, startOfMonth, startOfWeek, subDays } from '../../../utils/date';
+import { toUpperCase } from '../../../utils/function';
 import { computed, ref, shallowRef, watch } from 'vue';
 import { useKeyboardNavigation } from './composables/useKeyboardNavigation';
 import { useDragAndDropSystem } from './composables/useDragAndDrop';

package/src/runtime/components/base/event-calendar/EventModal.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { addHours, getDay, getDayNameShort, isBefore, setHours } from '../../../utils/date';
+import { convertDateTime, toLowerCase } from '../../../utils/function';
 import { Form, useForm } from 'vee-validate';
 import { computed, reactive, ref, watch } from 'vue';
 import { useId } from 'nuxt/app';

package/src/runtime/components/base/event-calendar/MonthView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { formatDateTime, isSameDay, startOfDay, subDays } from '../../../utils/date';
 import { computed, onUnmounted, ref } from 'vue';
 import type { CalendarEvent, MonthViewDay } from './types';
 import DayEventsOverflowPopup from './DayEventsOverflowPopup.vue';

package/src/runtime/components/base/event-calendar/WeekView.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { formatDateTime } from '../../../utils/date';
+import { debounce, throttle } from '../../../utils/function';
 import { computed, onMounted, ref } from 'vue';
 import type { CalendarEvent, DayColumnData, TimeSlot } from './types';
 import { useCalendarUtils } from './composables/useCalendarUtils';

package/src/runtime/components/base/event-calendar/composables/useAdvancedValidation.ts

@@ -1,3 +1,4 @@
+import { toLowerCase } from '../../../../utils/function';
 import { readonly, ref } from 'vue';
 import type { CalendarEvent, RecurringPattern } from '../types';
 

package/src/runtime/components/base/event-calendar/composables/useCalendarUtils.ts

@@ -1,3 +1,4 @@
+import { differenceInMinutes, eachHourOfInterval, endOfDay, formatDateTime, setHours, setMinutes, startOfDay } from '../../../../utils/date';
 import type { CalendarEvent, TimeSlot } from '../types';
 
 export const PIXELS_PER_HOUR_CONFIG = 60; // Can be made configurable

package/src/runtime/components/base/event-calendar/composables/useCompatibility.ts

@@ -1,3 +1,4 @@
+import { toLowerCase } from '../../../../utils/function';
 import { readonly, ref } from 'vue';
 interface BrowserCapabilities {
 	hasNativeUUID: boolean;

package/src/runtime/components/base/event-calendar/composables/useDragAndDrop.ts

@@ -1,3 +1,4 @@
+import { endOfDay, setHours, setMinutes, startOfDay } from '../../../../utils/date';
 import { computed, reactive, ref } from 'vue';
 import { makeDraggable, makeDroppable, type IDragEvent } from '@vue-dnd-kit/core';
 import type { CalendarEvent } from '../types';

package/src/runtime/components/base/event-calendar/composables/useEventFiltering.ts

@@ -1,3 +1,4 @@
+import { endOfDay, endOfMonth, isSameDay, isWithinInterval, startOfDay, startOfMonth } from '../../../../utils/date';
 import { type ComputedRef, computed } from 'vue';
 import type { CalendarEvent } from '../types';
 

package/src/runtime/components/base/event-calendar/composables/useEventStatus.ts

@@ -1,3 +1,4 @@
+import { endOfDay, isPast } from '../../../../utils/date';
 import { type ComputedRef, computed } from 'vue';
 import type { CalendarEvent, EventStatus } from '../types';
 

package/src/runtime/components/base/event-calendar/composables/useMultiDayLayout.ts

@@ -1,3 +1,4 @@
+import { endOfDay, formatDateTime, isWithinInterval, startOfDay } from '../../../../utils/date';
 import { type ComputedRef, computed } from 'vue';
 import type { CalendarEvent, MonthViewDay } from '../types';
 

package/src/runtime/components/base/event-calendar/composables/useRecurringEvents.ts

@@ -1,3 +1,4 @@
+import { addDays, addMonths, addWeeks, addYears, formatDateTime, getDay, getDayNameShort, isAfter, isBefore, setDay } from '../../../../utils/date';
 import { type ComputedRef, computed } from 'vue';
 import type { CalendarEvent, RecurringPattern } from '../types';
 

package/src/runtime/components/base/event-calendar/composables/useTimezone.ts

@@ -1,3 +1,5 @@
+import { TZDate, formatDateTime } from '../../../../utils/date';
+import { getAllTimezones } from '../../../../utils/function';
 import { type ComputedRef, computed, ref } from 'vue';
 import type { CalendarEvent } from '../types';
 import { getLocalTimeZone } from '@internationalized/date';

package/src/runtime/components/base/org-chart/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';
+import { toLowerCase } from '../../../utils/function';
+import { onBeforeUnmount, onMounted, ref, shallowRef, useSlots, watch } from 'vue';
 import { OrgChart } from './main';
 import { SVG_ICONS, createIconSVG } from './svg-icons';
 import type { OrgChartNodeData, OrgChartNode } from './types';

package/src/runtime/components/base/toast/Toaster.vue

@@ -107,7 +107,7 @@
 <script lang="ts"></script>
 
 <script lang="ts" setup>
-import { computed, nextTick, ref, watchEffect } from 'vue';
+import { computed, nextTick, ref, useAttrs, watchEffect } from 'vue';
 import type { HeightT, Position, ToastT, ToastToDismiss, ToasterProps } from './types';
 import { ToastState } from './state';
 import Toast from './Toast.vue';

package/src/runtime/components/dynect/Autocomplete.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { toLowerCase } from '../../utils/function';
 import { useField } from 'vee-validate';
 import { computed, ref } from 'vue';
 import { useId } from 'nuxt/app';

package/src/runtime/components/dynect/Dropzone.vue

@@ -95,6 +95,7 @@
 </template>
 
 <script setup lang="ts">
+import { toLowerCase } from '../../utils/function';
 import { useDropzone } from '../../composables/useDropzone';
 import { useField } from 'vee-validate';
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';

package/src/runtime/components/dynect/Select.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { toLowerCase } from '../../utils/function';
 import { Field, useField } from 'vee-validate';
 import { computed, ref } from 'vue';
 import { useId } from 'nuxt/app';

package/src/runtime/components/dynect/SelectMultiple.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { toLowerCase } from '../../utils/function';
 import { Field, useField } from 'vee-validate';
 import { computed, ref } from 'vue';
 import { useId } from 'nuxt/app';

package/src/runtime/components/dynect/SwitchLanguage.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { toUpperCase } from '../../utils/function';
 import { useI18n } from 'vue-i18n';
 import { cn } from '@/lib/utils';
 const { locale, setLocale } = useI18n();

package/src/runtime/components/dynect/TagsInput.vue

@@ -101,6 +101,7 @@
 </template>
 
 <script setup lang="ts">
+import { toLowerCase } from '../../utils/function';
 import { Field, useField } from 'vee-validate';
 import { computed, readonly, ref, watch } from 'vue';
 import { useId } from 'nuxt/app';

package/src/runtime/components/dynect/Telephone.vue

@@ -107,8 +107,9 @@
 </template>
 
 <script setup lang="ts">
+import { capitalizeFirstLetter, countryList, toLowerCase, toUpperCase } from '../../utils/function';
 import { useField } from 'vee-validate';
-import { computed, nextTick, onMounted, reactive, readonly, ref, watch } from 'vue';
+import { computed, nextTick, onMounted, reactive, readonly, ref, useTemplateRef, watch } from 'vue';
 import { parsePhoneNumberFromString, type CountryCode, type NumberFormat } from 'libphonenumber-js/max';
 import { cva } from 'class-variance-authority';
 import { useState, useId } from 'nuxt/app';

package/src/runtime/components/ui/gantt/GanttCreateMarkerTrigger.vue

@@ -3,6 +3,7 @@
 </template>
 
 <script setup lang="ts">
+import { addDays, addMonths, addWeeks } from '../../../utils/date';
 import { useGantt } from '../../../composables/useGantt';
 export interface GanttCreateMarkerTriggerProps {
 	onCreateMarker?: (date: Date) => void;

package/src/runtime/components/ui/gantt/GanttFeatureItem.vue

@@ -51,6 +51,7 @@
 </template>
 
 <script setup lang="ts">
+import { addDays, differenceInDays, formatDateTime } from '../../../utils/date';
 import { useGantt } from '../../../composables/useGantt';
 import { computed, onUnmounted, ref } from 'vue';
 import { cn } from '@/lib/utils';

package/src/runtime/components/ui/gantt/GanttHeader.vue

@@ -83,6 +83,7 @@
 </template>
 
 <script setup lang="ts">
+import { getDay } from '../../../utils/date';
 import { useGantt } from '../../../composables/useGantt';
 import { cn } from '@/lib/utils';
 

package/src/runtime/components/ui/gantt/GanttMarker.vue

@@ -23,6 +23,7 @@
 </template>
 
 <script setup lang="ts">
+import { addDays, formatDateTime } from '../../../utils/date';
 import { useGantt } from '../../../composables/useGantt';
 import { computed, onUnmounted, ref } from 'vue';
 import { cn } from '@/lib/utils';

package/src/runtime/components/ui/gantt/GanttTimeline.vue

@@ -7,6 +7,7 @@
 </template>
 
 <script setup lang="ts">
+import { throttle } from '../../../utils/function';
 import { useGantt } from '../../../composables/useGantt';
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 import { cn } from '@/lib/utils';

package/src/runtime/components/ui/gantt/GanttToday.vue

@@ -17,6 +17,7 @@
 </template>
 
 <script setup lang="ts">
+import { formatDateTime } from '../../../utils/date';
 import { useGantt } from '../../../composables/useGantt';
 import { computed } from 'vue';
 import { cn } from '@/lib/utils';

package/src/runtime/composables/useDropzone.ts

@@ -1,3 +1,4 @@
+import { toLowerCase } from '../utils/function';
 import { ref, type Ref } from 'vue';
 import { useNuxtApp } from 'nuxt/app';