@vc-shell/framework 1.0.212 → 1.0.213

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.212",
+  "version": "1.0.213",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -59,9 +59,9 @@
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
     "@types/quill": "^2.0.14",
-    "@vc-shell/api-client-generator": "^1.0.212",
-    "@vc-shell/config-generator": "^1.0.212",
-    "@vc-shell/ts-config": "^1.0.212",
+    "@vc-shell/api-client-generator": "^1.0.213",
+    "@vc-shell/config-generator": "^1.0.213",
+    "@vc-shell/ts-config": "^1.0.213",
     "@vitejs/plugin-vue": "^5.0.3",
     "sass": "^1.69.6",
     "shx": "^0.3.4",

package/shared/modules/dynamic/factories/base/useDetailsFactory.ts

@@ -6,9 +6,9 @@ import type { ItemId, IValidationState, UseDetails } from "../types";
 import { createUnrefFn } from "@vueuse/core";
 
 export interface UseDetailsFactoryParams<Item> {
-  load: (args?: ItemId) => Promise<Item | undefined>;
-  saveChanges?: (details: Item) => Promise<Item | void>;
-  remove?: (args: ItemId) => Promise<void>;
+  load: (args?: ItemId) => Promise<Item | undefined> | Item | undefined;
+  saveChanges?: (details: Item) => Promise<Item | void> | Item | void;
+  remove?: (args: ItemId) => Promise<void> | void;
 }
 
 export const useDetailsFactory = <Item>(factoryParams: UseDetailsFactoryParams<Item>) => {

package/shared/modules/dynamic/factories/base/useListFactory.ts

@@ -9,8 +9,8 @@ interface ISearchResult<T> {
 }
 
 export interface UseListFactoryParams<Items extends Record<string, any>[], Query extends IQuery> {
-  load?: (query: Query, ...args: any[]) => Promise<ISearchResult<Items>>;
-  remove?: (query: Query, customQuery: CustomQuery, ...args: any[]) => Promise<void>;
+  load?: (query: Query, ...args: any[]) => Promise<ISearchResult<Items>> | ISearchResult<Items>;
+  remove?: (query: Query, customQuery: CustomQuery, ...args: any[]) => Promise<void> | void;
 }
 
 export interface IQuery {

package/shared/modules/dynamic/factories/types/index.ts

@@ -40,7 +40,7 @@ export type CustomQuery = { ids: string[] | null; allSelected?: boolean };
 export interface UseDetails<Item, Scope extends DetailsBaseBladeScope = DetailsBaseBladeScope> {
   load: AsyncAction<ItemId>;
   saveChanges: AsyncAction<Item, Item | void>;
-  remove?: AsyncAction<ItemId>;
+  remove?: AsyncAction<ItemId | Item>;
   loading: ComputedRef<boolean>;
   item: Ref<Item | undefined>;
   validationState: ComputedRef<IValidationState<Item>>;
@@ -76,12 +76,21 @@ export interface ListBaseBladeScope<Item = Record<string, any>, Query = Record<s
   openDetailsBlade?: (
     args?: Omit<Parameters<ReturnType<typeof useBladeNavigation>["openBlade"]>["0"], "blade">,
   ) => Promise<void> | void;
-  onListItemClick?: (args: { item?: Item }) => void;
+  onListItemClick?: (
+    args: { item?: Item } & Omit<
+      Parameters<ReturnType<typeof useBladeNavigation>["openBlade"]>["0"],
+      "blade" | "param" | "options"
+    >,
+  ) => void;
   onPaginationClick?: (query: Query) => void;
   breadcrumbs?: ComputedRef<Breadcrumbs[]>;
 }
 
 export type TOpenBladeArgs = Omit<Parameters<ReturnType<typeof useBladeNavigation>["openBlade"]>["0"], "blade">;
+export type TListItemClickArgs<Item extends Record<string, any> = Record<string, any>> = Omit<
+  Parameters<ReturnType<typeof useBladeNavigation>["openBlade"]>["0"],
+  "blade" | "param" | "options"
+> & { item?: Item | undefined };
 
 export interface DetailsBaseBladeScope extends BaseBladeScope {
   disabled?: ComputedRef<boolean | undefined> | Ref<boolean | undefined>;

package/shared/modules/dynamic/pages/dynamic-blade-form.vue

@@ -288,15 +288,18 @@ const toolbarComputed =
             ) {
               if (props.param) {
                 await remove?.({ id: unref(props.param) });
-                emit("parent:call", {
-                  method: "reload",
-                });
-                emit("parent:call", {
-                  method: "updateActiveWidgetCount",
-                });
-
-                emit("close:blade");
+              } else {
+                await remove?.({ item: item.value });
               }
+
+              emit("parent:call", {
+                method: "reload",
+              });
+              emit("parent:call", {
+                method: "updateActiveWidgetCount",
+              });
+
+              emit("close:blade");
             }
           },
           disabled: computed(() => toValue(scope)?.disabled),

package/shared/modules/dynamic/pages/dynamic-blade-list.vue

@@ -162,6 +162,7 @@ import {
   toRefs,
   provide,
   isRef,
+  onMounted,
 } from "vue";
 import { useI18n } from "vue-i18n";
 import { DynamicGridSchema, ListContentSchema, SettingsSchema } from "../types";
@@ -430,7 +431,22 @@ const openDetailsBlade = async () => {
 
 const onItemClick = (item: { [x: string]: any; id?: string }) => {
   if (!props.isWidgetView) {
-    if (scope && safeIn("openDetailsBlade", toValue(scope)) && typeof toValue(scope).openDetailsBlade === "function") {
+    // TODO Add to docs
+    if (scope && safeIn("onListItemClick", toValue(scope)) && typeof toValue(scope).onListItemClick === "function") {
+      toValue(scope).onListItemClick?.({
+        item,
+        onOpen() {
+          selectedItemId.value = item.id;
+        },
+        onClose() {
+          selectedItemId.value = undefined;
+        },
+      });
+    } else if (
+      scope &&
+      safeIn("openDetailsBlade", toValue(scope)) &&
+      typeof toValue(scope).openDetailsBlade === "function"
+    ) {
       toValue(scope).openDetailsBlade?.({
         param: item.id,
         onOpen() {
@@ -441,12 +457,6 @@ const onItemClick = (item: { [x: string]: any; id?: string }) => {
         },
       });
     }
-
-    if (scope && safeIn("onListItemClick", toValue(scope)) && typeof toValue(scope).onListItemClick === "function") {
-      toValue(scope).onListItemClick?.({
-        item,
-      });
-    }
   } else {
     emit("item-click", { param: item.id });
   }

package/ui/components/atoms/vc-widget/vc-widget.vue

@@ -70,7 +70,7 @@ function onClick() {
   }
 
   &__title {
-    @apply tw-font-medium tw-text-sm tw-text-[#333333] tw-mt-3 tw-mb-1 tw-mx-0;
+    @apply tw-font-medium tw-text-sm tw-text-[#333333] tw-mt-3 tw-mb-1 tw-mx-0 tw-text-center;
   }
 
   &_disabled &__title {