@dynect/base 0.10.0 → 0.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "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,4 +1,5 @@
 <script setup lang="ts">
+import { toLowerCase } from '../../../utils/function';
 import { onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';
 import { OrgChart } from './main';
 import { SVG_ICONS, createIconSVG } from './svg-icons';

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,8 @@
 </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';
 import { useId } from 'nuxt/app';

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

@@ -91,7 +91,7 @@
 <script setup lang="ts" generic="T extends DynectGanttFeature">
 import { computed } from 'vue';
 import { cn } from '@/lib/utils';
-import type { GanttFeature, GanttRange } from '@/composables/useGantt';
+import type { GanttFeature, GanttRange } from '../../composables/useGantt';
 
 export interface DynectGanttFeature extends GanttFeature {
 	[key: string]: any;

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

@@ -52,7 +52,7 @@
 
 <script setup lang="ts" generic="T extends KanbanItemProps, C extends KanbanColumnProps">
 import { cn } from '@/lib/utils';
-import type { KanbanItemProps, KanbanColumnProps } from '@/composables/useKanban';
+import type { KanbanItemProps, KanbanColumnProps } from '../../composables/useKanban';
 
 export interface DynectKanbanColumn extends KanbanColumnProps {
 	color?: string;

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,6 +107,7 @@
 </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 { parsePhoneNumberFromString, type CountryCode, type NumberFormat } from 'libphonenumber-js/max';

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

@@ -3,6 +3,8 @@
 </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,8 @@
 </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/GanttFeatureList.vue

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

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

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

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

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

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

@@ -23,6 +23,8 @@
 </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/GanttSidebar.vue

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

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

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

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

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

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

@@ -7,6 +7,8 @@
 </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,8 @@
 </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/components/ui/gantt/GanttZoomControls.vue

@@ -25,6 +25,7 @@
 </template>
 
 <script setup lang="ts">
+import { useGantt } from '../../../composables/useGantt';
 const gantt = useGantt();
 
 const handleZoomIn = () => {

package/src/runtime/components/ui/gantt/index.ts

@@ -14,5 +14,5 @@ export { default as GanttCreateMarkerTrigger } from './GanttCreateMarkerTrigger.
 export { default as GanttZoomControls } from './GanttZoomControls.vue';
 
 // Gantt composable and types
-export type { GanttFeature, GanttRange } from '@/composables/useGantt';
+export type { GanttFeature, GanttRange } from '../../../composables/useGantt';
 export type { GanttMarkerProps } from './GanttMarker.vue';

package/src/runtime/components/ui/kanban/KanbanBoard.vue

@@ -6,6 +6,7 @@
 </template>
 
 <script setup lang="ts">
+import { useKanbanContext } from '../../../composables/useKanban';
 import { computed, ref } from 'vue';
 import { makeDroppable } from '@vue-dnd-kit/core';
 import { cn } from '@/lib/utils';

package/src/runtime/components/ui/kanban/KanbanCard.vue

@@ -9,6 +9,7 @@
 </template>
 
 <script setup lang="ts" generic="T extends KanbanItemProps">
+import { useKanbanContext } from '../../../composables/useKanban';
 import { computed, ref } from 'vue';
 import { makeDraggable } from '@vue-dnd-kit/core';
 import { cn } from '@/lib/utils';

package/src/runtime/components/ui/kanban/KanbanCards.vue

@@ -8,6 +8,7 @@
 </template>
 
 <script setup lang="ts" generic="T extends KanbanItemProps">
+import { useKanbanContext } from '../../../composables/useKanban';
 import { computed } from 'vue';
 import { cn } from '@/lib/utils';
 

package/src/runtime/components/ui/kanban/index.ts

@@ -5,4 +5,4 @@ export { default as KanbanCards } from './KanbanCards.vue';
 export { default as KanbanHeader } from './KanbanHeader.vue';
 
 // Export types
-export type { KanbanItemProps, KanbanColumnProps } from '@/composables/useKanban';
+export type { KanbanItemProps, KanbanColumnProps } from '../../../composables/useKanban';

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