@vc-shell/framework 1.0.56 → 1.0.57

package/ui/components/organisms/vc-table/vc-table.vue

@@ -204,17 +204,24 @@
           >
             <tr
               v-for="(item, i) in calculatedItems"
-              :key="item.id"
+              :key="(typeof item === 'object' && 'id' in item && item.id) || i"
               class="vc-table__body-row tw-h-[60px] tw-bg-white hover:tw-bg-[#dfeef9] tw-cursor-pointer"
               :class="{
                 'tw-bg-[#f8f8f8]': i % 2 === 1,
-                '!tw-bg-[#dfeef9] hover:tw-bg-[#dfeef9]': item && item.id ? selectedItemId === item.id : false,
+                '!tw-bg-[#dfeef9] hover:tw-bg-[#dfeef9]':
+                  typeof item === 'object' && 'id' in item && item.id ? selectedItemId === item.id : false,
               }"
               @click="$emit('itemClick', item)"
               @mouseleave="closeActions"
+              @mousedown="onRowMouseDown"
+              @dragstart="onRowDragStart($event, item)"
+              @dragover="onRowDragOver($event, item)"
+              @dragleave="onRowDragLeave"
+              @dragend="onRowDragEnd"
+              @drop="onRowDrop"
             >
               <td
-                v-if="multiselect"
+                v-if="multiselect && typeof item === 'object'"
                 class="tw-w-[50px] tw-max-w-[50px] tw-min-w-[50px]"
               >
                 <div class="tw-flex tw-justify-center tw-items-center">
@@ -227,7 +234,7 @@
               </td>
               <td
                 class="tw-box-border tw-overflow-visible tw-px-3 tw-w-[44px] tw-max-w-[44px] tw-min-w-[44px]"
-                v-if="itemActionBuilder"
+                v-if="itemActionBuilder && typeof item === 'object'"
               >
                 <div class="vc-table__body-actions-container tw-relative tw-flex tw-justify-center tw-items-center">
                   <button
@@ -281,7 +288,7 @@
               </td>
               <td
                 v-for="cell in filteredCols"
-                :key="`${item.id}_${cell.id}`"
+                :key="`${(typeof item === 'object' && 'id' in item && item.id) || i}_${cell.id}`"
                 class="tw-box-border tw-overflow-hidden tw-px-3"
                 :class="cell.class"
                 :style="{ maxWidth: cell.width, width: cell.width }"
@@ -292,6 +299,7 @@
                   :cell="cell"
                 >
                   <VcTableCell
+                    v-if="typeof item === 'object'"
                     :cell="cell"
                     :item="item"
                   ></VcTableCell>
@@ -397,10 +405,19 @@ export interface StatusImage {
   clickHandler?: () => void;
 }
 
+export interface TableItem {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [x: string]: any;
+  id?: string;
+  actions?: IActionBuilderResult[];
+}
+
+export type TableItemType = TableItem | string;
+
 export interface Props {
   columns: ITableColumns[];
-  items: { id?: string }[] | string[];
-  itemActionBuilder?: (item: { id?: string }) => IActionBuilderResult[];
+  items: TableItemType[];
+  itemActionBuilder?: (item: TableItem) => IActionBuilderResult[];
   sort?: string;
   multiselect?: boolean;
   expanded?: boolean;
@@ -420,6 +437,7 @@ export interface Props {
   scrolling?: boolean;
   resizableColumns?: boolean;
   reorderableColumns?: boolean;
+  reorderableRows?: boolean;
   stateKey: string;
 }
 
@@ -428,12 +446,12 @@ export interface Emits {
   (event: "selectionChanged", values: Record<string, boolean>): void;
   (event: "search:change", value: string): void;
   (event: "headerClick", value: Record<string, unknown>): void;
-  (event: "itemClick", item: { id?: string }): void;
+  (event: "itemClick", item: TableItem): void;
   (event: "scroll:ptr"): void;
+  (event: "row:reorder", args: { dragIndex: number; dropIndex: number; value: TableItemType[] }): void;
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  columns: () => [],
   items: () => [],
   totalLabel: "Totals:",
   totalCount: 0,
@@ -477,11 +495,17 @@ const columnResizeListener = ref(null);
 const columnResizeEndListener = ref(null);
 const resizer = ref();
 const state = useLocalStorage(props.stateKey, []);
-const cols: Ref<ITableColumns[]> = ref([]);
+const defaultColumns: Ref<ITableColumns[]> = ref([]);
 const draggedColumn = ref();
 const dropPosition = ref();
 const calculatedItems = computedAsync(async () => await populateWithActions(props.items), []);
 
+// row reordering variables
+const draggedRow = ref<TableItemType>();
+const rowDragged = ref(false);
+const droppedRowIndex = ref<number>();
+const draggedRowIndex = ref<number>();
+
 onBeforeUpdate(() => {
   actionToggleRefs.value = [];
   tooltipRefs.value = [];
@@ -503,7 +527,7 @@ const sortField = computed(() => {
 
 const toggleCols = computed(() => {
   return props.columns.map((item) => {
-    return cols.value.find((mutatedItem) => item.id === mutatedItem.id);
+    return defaultColumns.value.find((mutatedItem) => item.id === mutatedItem.id);
   });
 });
 
@@ -525,7 +549,7 @@ const headerCheckbox = computed(() => {
 });
 
 const filteredCols = computed(() => {
-  return cols.value.filter((x) => {
+  return defaultColumns.value.filter((x) => {
     if (("visible" in x && x.visible) || !("visible" in x)) {
       return props.expanded ? x : x.alwaysVisible;
     }
@@ -534,10 +558,12 @@ const filteredCols = computed(() => {
 
 watch(
   () => props.items,
-  async (value: { id: string }[]) => {
+  async (value: TableItemType[]) => {
     checkboxes.value = {};
     value?.forEach((item) => {
-      checkboxes.value[item.id] = false;
+      if (typeof item === "object" && "id" in item) {
+        checkboxes.value[item.id] = false;
+      }
     });
     scrollContainer.value?.scrollTop();
   },
@@ -551,14 +577,14 @@ watch(
       nextTick(() => restoreState());
     }
 
-    if (!cols.value.length) {
-      cols.value = newVal;
+    if (!defaultColumns.value.length) {
+      defaultColumns.value = newVal;
     }
   },
   { deep: true, immediate: true }
 );
 
-async function populateWithActions(value: { id?: string }[] | string[]) {
+async function populateWithActions(value: TableItemType[]): Promise<TableItemType[]> {
   const populatedItems = [];
 
   if (value && typeof value === "object") {
@@ -577,6 +603,8 @@ async function populateWithActions(value: { id?: string }[] | string[]) {
     } else {
       return props.items;
     }
+  } else {
+    return props.items;
   }
 }
 
@@ -609,7 +637,7 @@ function processCheckbox(id: string, state: boolean) {
   emit("selectionChanged", checkboxes.value);
 }
 
-function showActions(item: { id?: string }, index: string) {
+function showActions(item: TableItem, index: string) {
   selectedRow.value = item.id;
 
   const toggleRef = actionToggleRefs.value.find((item) => item.id === index);
@@ -633,7 +661,7 @@ function showActions(item: { id?: string }, index: string) {
   }
 }
 
-async function calculateActions(item: { id?: string }) {
+async function calculateActions(item: TableItem) {
   if (typeof props.itemActionBuilder === "function") {
     return await props.itemActionBuilder(item);
   }
@@ -803,8 +831,8 @@ function onColumnHeaderDrop(event: DragEvent, item: ITableColumns) {
   event.preventDefault();
 
   if (draggedColumn.value) {
-    let dragIndex = cols.value.indexOf(draggedColumn.value);
-    let dropIndex = cols.value.indexOf(item);
+    let dragIndex = defaultColumns.value.indexOf(draggedColumn.value);
+    let dropIndex = defaultColumns.value.indexOf(item);
 
     let allowDrop = dragIndex !== dropIndex;
 
@@ -817,7 +845,7 @@ function onColumnHeaderDrop(event: DragEvent, item: ITableColumns) {
     }
 
     if (allowDrop) {
-      reorderArray(cols.value, dragIndex, dropIndex);
+      reorderArray(defaultColumns.value, dragIndex, dropIndex);
 
       if (isStateful()) {
         saveState();
@@ -837,17 +865,17 @@ function isStateful() {
 function saveState() {
   console.debug("[@vc-shell/framewok#vc-table.vue] - Save state");
 
-  state.value = cols.value;
+  state.value = defaultColumns.value;
 }
 
 function restoreState() {
   console.debug("[@vc-shell/framewok#vc-table.vue] - Restore state");
   if (Object.keys(state.value).length) {
-    cols.value = state.value;
+    defaultColumns.value = state.value;
   }
 }
 
-function reorderArray(value: Record<string, unknown>[], from: number, to: number) {
+function reorderArray(value: unknown[], from: number, to: number) {
   if (value && from !== to) {
     if (to >= value.length) {
       to %= value.length;
@@ -866,7 +894,7 @@ function onColumnHeaderMouseDown(event: MouseEvent & { currentTarget?: { draggab
 
 function toggleColumn(item: ITableColumns) {
   if (item) {
-    cols.value = cols.value.map((x) => {
+    defaultColumns.value = defaultColumns.value.map((x) => {
       if (x === item) {
         x = item;
       }
@@ -879,32 +907,73 @@ function toggleColumn(item: ITableColumns) {
   }
 }
 
-const generatedColumns = computed(() => {
-  const test = props.items[0];
+function onRowMouseDown(event: MouseEvent & { currentTarget?: { draggable: boolean } }) {
+  if (props.reorderableRows) {
+    event.currentTarget.draggable = true;
+  }
+}
 
-  // return Object.keys(Object.fromEntries(Object.entries(test).filter(([key, value]) => typeof value !== "object"))).map(
-  //   (x) => camelToSnake(x)
-  // );
+function onRowDragStart(event: DragEvent, item: TableItem | string) {
+  rowDragged.value = true;
+  draggedRow.value = item;
+  draggedRowIndex.value = calculatedItems.value.indexOf(item);
+  event.dataTransfer.setData("text", "row-reorder");
+}
 
-  return Object.keys(Object.fromEntries(Object.entries(test).filter(([key, value]) => typeof value !== "object")))
-    .filter((x) => !props.columns.some((t) => t.id === x))
-    .map((x) => ({
-      id: x,
-      title: camelToSnake(x),
-      width: "auto",
-      visible: false,
-    }));
-});
+function onRowDragOver(event: DragEvent, item: TableItem | string) {
+  const index = calculatedItems.value.indexOf(item);
+
+  if (rowDragged.value && draggedRow.value !== item) {
+    let rowElement = event.currentTarget;
+    let rowY = getOffset(rowElement as HTMLElement).top;
+    let pageY = event.pageY;
+    let rowMidY = rowY + (rowElement as HTMLElement).offsetHeight / 2;
+
+    if (pageY < rowMidY) {
+      droppedRowIndex.value = index;
+    } else {
+      droppedRowIndex.value = index + 1;
+    }
 
-function camelToSnake(str: string): string {
-  return (
-    str
-      .replace(/([A-Z])/g, " $1")
-      // uppercase the first character
-      .replace(/^./, function (str) {
-        return str.toUpperCase();
-      })
-  );
+    event.preventDefault();
+  }
+}
+
+function onRowDragLeave(event: DragEvent) {
+  event.preventDefault();
+}
+
+function onRowDragEnd(event: DragEvent & { currentTarget?: { draggable: boolean } }) {
+  rowDragged.value = false;
+  draggedRowIndex.value = null;
+  droppedRowIndex.value = null;
+  event.currentTarget.draggable = false;
+}
+
+function onRowDrop(event) {
+  if (droppedRowIndex.value != null) {
+    let dropIndex =
+      draggedRowIndex.value > droppedRowIndex.value
+        ? droppedRowIndex.value
+        : droppedRowIndex.value === 0
+        ? 0
+        : droppedRowIndex.value - 1;
+
+    let processedItems = [...calculatedItems.value];
+
+    reorderArray(processedItems, draggedRowIndex.value, dropIndex);
+
+    emit("row:reorder", {
+      dragIndex: draggedRowIndex.value,
+      dropIndex: dropIndex,
+      value: processedItems as TableItemType[],
+    });
+  }
+
+  // cleanup
+  onRowDragLeave(event);
+  onRowDragEnd(event);
+  event.preventDefault();
 }
 </script>
 

package/ui/types/index.ts

@@ -0,0 +1,53 @@
+import * as VcShellComponents from "./../components";
+
+// Declare all components globally
+declare module "@vue/runtime-core" {
+  export interface GlobalComponents {
+    // atoms
+    VcBadge: (typeof VcShellComponents)["VcBadge"];
+    VcButton: (typeof VcShellComponents)["VcButton"];
+    VcCard: (typeof VcShellComponents)["VcCard"];
+    VcCheckbox: (typeof VcShellComponents)["VcCheckbox"];
+    VcCol: (typeof VcShellComponents)["VcCol"];
+    VcContainer: (typeof VcShellComponents)["VcContainer"];
+    VcHint: (typeof VcShellComponents)["VcHint"];
+    VcIcon: (typeof VcShellComponents)["VcIcon"];
+    VcImage: (typeof VcShellComponents)["VcImage"];
+    VcInfoRow: (typeof VcShellComponents)["VcInfoRow"];
+    VcLabel: (typeof VcShellComponents)["VcLabel"];
+    VcLink: (typeof VcShellComponents)["VcLink"];
+    VcLoading: (typeof VcShellComponents)["VcLoading"];
+    VcProgress: (typeof VcShellComponents)["VcProgress"];
+    VcRow: (typeof VcShellComponents)["VcRow"];
+    VcStatus: (typeof VcShellComponents)["VcStatus"];
+    VcStatusIcon: (typeof VcShellComponents)["VcStatusIcon"];
+    VcSwitch: (typeof VcShellComponents)["VcSwitch"];
+    VcWidget: (typeof VcShellComponents)["VcWidget"];
+
+    // molecules
+    VcBreadcrumbs: (typeof VcShellComponents)["VcBreadcrumbs"];
+    VcCodeEditor: (typeof VcShellComponents)["VcCodeEditor"];
+    VcEditor: (typeof VcShellComponents)["VcEditor"];
+    VcFileUpload: (typeof VcShellComponents)["VcFileUpload"];
+    VcForm: (typeof VcShellComponents)["VcForm"];
+    VcInput: (typeof VcShellComponents)["VcInput"];
+    VcInputCurrency: (typeof VcShellComponents)["VcInputCurrency"];
+    VcNotification: (typeof VcShellComponents)["VcNotification"];
+    VcPagination: (typeof VcShellComponents)["VcPagination"];
+    VcRating: (typeof VcShellComponents)["VcRating"];
+    VcSelect: (typeof VcShellComponents)["VcSelect"];
+    VcSlider: (typeof VcShellComponents)["VcSlider"];
+    VcTextarea: (typeof VcShellComponents)["VcTextarea"];
+
+    // organisms
+    VcApp: (typeof VcShellComponents)["VcApp"];
+    VcBlade: (typeof VcShellComponents)["VcBlade"];
+    VcDynamicProperty: (typeof VcShellComponents)["VcDynamicProperty"];
+    VcGallery: (typeof VcShellComponents)["VcGallery"];
+    VcLoginForm: (typeof VcShellComponents)["VcLoginForm"];
+    VcPopup: (typeof VcShellComponents)["VcPopup"];
+    VcTable: (typeof VcShellComponents)["VcTable"];
+  }
+}
+
+export {};

package/dist/types/ui/services/components.d.ts

@@ -1,2 +0,0 @@
-export { VcBadge, VcButton, VcCard, VcCheckbox, VcCol, VcContainer, VcHint, VcIcon, VcImage, VcInfoRow, VcLabel, VcLink, VcLoading, VcProgress, VcRow, VcStatus, VcStatusIcon, VcSwitch, VcWidget, VcBreadcrumbs, VcEditor, VcFileUpload, VcForm, VcInput, VcInputCurrency, VcNotification, VcPagination, VcRating, VcSelect, VcSlider, VcTextarea, VcApp, VcBlade, VcDynamicProperty, VcGallery, VcLoginForm, VcPopup, VcTable, } from "./../components";
-//# sourceMappingURL=components.d.ts.map

package/dist/types/ui/services/components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../ui/services/components.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,UAAU,EACV,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,OAAO,EACP,eAAe,EACf,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,OAAO,EACP,OAAO,GACR,MAAM,iBAAiB,CAAC"}

package/dist/types/ui/services/types/components.d.ts

@@ -1,14 +0,0 @@
-import type * as vcShellComponents from "../components";
-type Map<O extends Record<any, any>> = {
-    [K in keyof O]: O[K];
-};
-type KeyInObj<O, K> = K extends keyof O ? O[K] : never;
-/** List of all components */
-export type VcShellComponentsMap = Map<typeof vcShellComponents>;
-/** Component names */
-export type VcShellComponentName = keyof VcShellComponentsMap;
-export type VcShellComponents<NAMES extends string = VcShellComponentName> = {
-    [name in NAMES]: KeyInObj<VcShellComponentsMap, name>;
-};
-export {};
-//# sourceMappingURL=components.d.ts.map

package/dist/types/ui/services/types/components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,iBAAiB,MAAM,eAAe,CAAC;AAGxD,KAAK,GAAG,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAChE,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAEvD,6BAA6B;AAC7B,MAAM,MAAM,oBAAoB,GAAG,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC;AACjE,sBAAsB;AACtB,MAAM,MAAM,oBAAoB,GAAG,MAAM,oBAAoB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,oBAAoB,IAAI;KAC1E,IAAI,IAAI,KAAK,GAAG,QAAQ,CAAC,oBAAoB,EAAE,IAAI,CAAC;CACtD,CAAC"}

package/dist/types/ui/services/types/index.d.ts

@@ -1,7 +0,0 @@
-import { VcShellComponents } from "./components";
-declare module "vue" {
-    interface GlobalComponents extends VcShellComponents {
-    }
-}
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/services/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,QAAQ,KAAK,CAAC;IAEnB,UAAiB,gBAAiB,SAAQ,iBAAiB;KAAG;CAC/D;AAED,OAAO,EAAE,CAAC"}

package/dist/types/ui/services/types/ts-helpers.d.ts

@@ -1,8 +0,0 @@
-import { ComponentPublicInstance, ComputedOptions, MethodOptions, EmitsOptions, Slots, ComponentOptions } from "vue";
-export type ComponentConstructor<Component extends ComponentPublicInstance<Props, RawBindings, D, C, M, E> = ComponentPublicInstance<any>, Props = any, RawBindings = any, D = any, C extends ComputedOptions = ComputedOptions, M extends MethodOptions = MethodOptions, E extends EmitsOptions = EmitsOptions, Slot extends Slots = Slots> = {
-    new (): Component & {
-        $slots: Slot;
-    };
-} & ComponentOptions<Props, RawBindings, D, C, M, E>;
-export type GlobalComponentConstructor<T extends abstract new (...args: any) => any, S extends Slots> = ComponentConstructor<InstanceType<T>, any, any, any, any, any, any, S>;
-//# sourceMappingURL=ts-helpers.d.ts.map

package/dist/types/ui/services/types/ts-helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ts-helpers.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/ts-helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAErH,MAAM,MAAM,oBAAoB,CAC9B,SAAS,SAAS,uBAAuB,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,uBAAuB,CAAC,GAAG,CAAC,EACxG,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,GAAG,EACjB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,eAAe,GAAG,eAAe,EAC3C,CAAC,SAAS,aAAa,GAAG,aAAa,EACvC,CAAC,SAAS,YAAY,GAAG,YAAY,EACrC,IAAI,SAAS,KAAK,GAAG,KAAK,IACxB;IAAE,QAAQ,SAAS,GAAG;QAAE,MAAM,EAAE,IAAI,CAAA;KAAE,CAAA;CAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEhG,MAAM,MAAM,0BAA0B,CACpC,CAAC,SAAS,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAC5C,CAAC,SAAS,KAAK,IACb,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC"}

package/ui/services/components.ts

@@ -1,40 +0,0 @@
-export {
-  VcBadge,
-  VcButton,
-  VcCard,
-  VcCheckbox,
-  VcCol,
-  VcContainer,
-  VcHint,
-  VcIcon,
-  VcImage,
-  VcInfoRow,
-  VcLabel,
-  VcLink,
-  VcLoading,
-  VcProgress,
-  VcRow,
-  VcStatus,
-  VcStatusIcon,
-  VcSwitch,
-  VcWidget,
-  VcBreadcrumbs,
-  VcEditor,
-  VcFileUpload,
-  VcForm,
-  VcInput,
-  VcInputCurrency,
-  VcNotification,
-  VcPagination,
-  VcRating,
-  VcSelect,
-  VcSlider,
-  VcTextarea,
-  VcApp,
-  VcBlade,
-  VcDynamicProperty,
-  VcGallery,
-  VcLoginForm,
-  VcPopup,
-  VcTable,
-} from "./../components";

package/ui/services/types/components.ts

@@ -1,14 +0,0 @@
-import type * as vcShellComponents from "../components";
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type Map<O extends Record<any, any>> = { [K in keyof O]: O[K] };
-type KeyInObj<O, K> = K extends keyof O ? O[K] : never;
-
-/** List of all components */
-export type VcShellComponentsMap = Map<typeof vcShellComponents>;
-/** Component names */
-export type VcShellComponentName = keyof VcShellComponentsMap;
-
-export type VcShellComponents<NAMES extends string = VcShellComponentName> = {
-  [name in NAMES]: KeyInObj<VcShellComponentsMap, name>;
-};

package/ui/services/types/index.ts

@@ -1,9 +0,0 @@
-import { VcShellComponents } from "./components";
-
-// Declare all components globally
-declare module "vue" {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  export interface GlobalComponents extends VcShellComponents {}
-}
-
-export {};

package/ui/services/types/ts-helpers.ts

@@ -1,18 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ComponentPublicInstance, ComputedOptions, MethodOptions, EmitsOptions, Slots, ComponentOptions } from "vue";
-
-export type ComponentConstructor<
-  Component extends ComponentPublicInstance<Props, RawBindings, D, C, M, E> = ComponentPublicInstance<any>,
-  Props = any,
-  RawBindings = any,
-  D = any,
-  C extends ComputedOptions = ComputedOptions,
-  M extends MethodOptions = MethodOptions,
-  E extends EmitsOptions = EmitsOptions,
-  Slot extends Slots = Slots
-> = { new (): Component & { $slots: Slot } } & ComponentOptions<Props, RawBindings, D, C, M, E>;
-
-export type GlobalComponentConstructor<
-  T extends abstract new (...args: any) => any,
-  S extends Slots
-> = ComponentConstructor<InstanceType<T>, any, any, any, any, any, any, S>;