@vc-shell/framework 1.0.163 → 1.0.165

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [1.0.165](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.164...v1.0.165) (2024-02-14)
+
+
+### Bug Fixes
+
+* **dynamic:** component fixes ([77acf38](https://github.com/VirtoCommerce/vc-shell/commit/77acf38f64a5638bbaa4aede1fd3b4d44165e08e))
+
+
+### Features
+
+* **dynamic:** useBreadcrumbs composable and support in dynamic views, exposing more methods ([c1ccdea](https://github.com/VirtoCommerce/vc-shell/commit/c1ccdea065000345b9ee7e9334839179a0d30661))
+
+
+
+## [1.0.164](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.163...v1.0.164) (2024-02-09)
+
+
+### Bug Fixes
+
+* **framework:** Add i18n support to StatusField component and fix Quill editor issue ([7749feb](https://github.com/VirtoCommerce/vc-shell/commit/7749feba938b8011220c6139908daa7e68df5bcd))
+
+
+
 ## [1.0.163](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.162...v1.0.163) (2024-02-09)
 
 

package/core/composables/index.ts

@@ -11,3 +11,4 @@ export { useAssets } from "./useAssets";
 export { useMenuService } from "./useMenuService";
 export { useBeforeUnload } from "./useBeforeUnload";
 export { useLanguages } from "./useLanguages";
+export { useBreadcrumbs } from "./useBreadcrumbs";

package/core/composables/useAsync/index.ts

@@ -1,7 +1,8 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { readonly, ref } from "vue";
 import { HasLoading } from "../useLoading";
 
-export type AsyncAction<Payload = void, Result = void> = (payload?: Payload) => Promise<Result>;
+export type AsyncAction<Payload = void, Result = void> = (payload?: Payload, ...rest: any[]) => Promise<Result>;
 
 export interface UseAsync<Payload = void, Result = void> extends HasLoading {
   action: AsyncAction<Payload, Result>;
@@ -12,10 +13,10 @@ export function useAsync<Payload = void, Result = void>(
 ): UseAsync<Payload, Result> {
   const loading = ref(false);
 
-  async function action(payload?: Payload): Promise<Result> {
+  async function action(payload?: Payload, ...rest: any[]): Promise<Result> {
     loading.value = true;
     try {
-      return await innerAction(payload ?? ({} as Payload));
+      return await innerAction(payload ?? ({} as Payload), ...rest);
     } catch (e) {
       console.error(e);
       throw e;

package/core/composables/useBreadcrumbs/index.ts

@@ -0,0 +1,75 @@
+import { Breadcrumbs } from "./../../../ui/types/index";
+import { ComputedRef, computed, reactive } from "vue";
+import * as _ from "lodash-es";
+
+interface HistoryRecord {
+  records: Breadcrumbs[];
+  current?: Breadcrumbs;
+}
+
+export interface IUseBreadcrumbs {
+  breadcrumbs: ComputedRef<Breadcrumbs[]>;
+  push: (breadcrumb: Breadcrumbs) => void;
+  remove: (ids: string[]) => void;
+}
+
+export function useBreadcrumbs() {
+  const history = reactive<HistoryRecord>({
+    current: undefined,
+    records: [],
+  });
+
+  function isBreadcrumbsEqual(x: Breadcrumbs | undefined, y: Breadcrumbs | undefined) {
+    return x && y && x.id === y.id && x.title === y.title;
+  }
+
+  function removeNext(id: string) {
+    const index = history.records.findIndex((record) => record.id === id);
+    if (index !== -1) {
+      history.current = history.records[index];
+
+      history.records.splice(index);
+    }
+  }
+
+  function push(breadcrumb: Breadcrumbs) {
+    const bread = {
+      ...breadcrumb,
+      clickHandler: (id: string) => {
+        if (breadcrumb.clickHandler) {
+          breadcrumb.clickHandler?.(id);
+
+          // remove next items in history.records
+          removeNext(id);
+        }
+      },
+    };
+
+    if (
+      history.current &&
+      !isBreadcrumbsEqual(history.current, bread) &&
+      !isBreadcrumbsEqual(history.current, _.last(history.records))
+    ) {
+      history.records.push(history.current);
+    }
+
+    if (bread) {
+      history.current = bread;
+    }
+  }
+
+  function remove(ids: string[]) {
+    // remove items with ids from history.records
+    history.records = history.records.filter((record) => !ids.includes(record.id));
+
+    if (history.current && ids.includes(history.current.id)) {
+      history.current = undefined;
+    }
+  }
+
+  return {
+    breadcrumbs: computed(() => history.records.concat([history.current!])),
+    push,
+    remove,
+  };
+}

package/dist/core/composables/index.d.ts

@@ -11,4 +11,5 @@ export { useAssets } from "./useAssets";
 export { useMenuService } from "./useMenuService";
 export { useBeforeUnload } from "./useBeforeUnload";
 export { useLanguages } from "./useLanguages";
+export { useBreadcrumbs } from "./useBreadcrumbs";
 //# sourceMappingURL=index.d.ts.map

package/dist/core/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/core/composables/useAsync/index.d.ts

@@ -1,5 +1,5 @@
 import { HasLoading } from "../useLoading";
-export type AsyncAction<Payload = void, Result = void> = (payload?: Payload) => Promise<Result>;
+export type AsyncAction<Payload = void, Result = void> = (payload?: Payload, ...rest: any[]) => Promise<Result>;
 export interface UseAsync<Payload = void, Result = void> extends HasLoading {
     action: AsyncAction<Payload, Result>;
 }

package/dist/core/composables/useAsync/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useAsync/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,WAAW,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AAEhG,MAAM,WAAW,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAE,SAAQ,UAAU;IACzE,MAAM,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,wBAAgB,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EACpD,WAAW,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,GACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAmB3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useAsync/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,WAAW,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AAEhH,MAAM,WAAW,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAE,SAAQ,UAAU;IACzE,MAAM,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,wBAAgB,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EACpD,WAAW,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,GACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAmB3B"}

package/dist/core/composables/useBreadcrumbs/index.d.ts

@@ -0,0 +1,18 @@
+import { Breadcrumbs } from "./../../../ui/types/index";
+import { ComputedRef } from "vue";
+export interface IUseBreadcrumbs {
+    breadcrumbs: ComputedRef<Breadcrumbs[]>;
+    push: (breadcrumb: Breadcrumbs) => void;
+    remove: (ids: string[]) => void;
+}
+export declare function useBreadcrumbs(): {
+    breadcrumbs: ComputedRef<{
+        icon?: string | undefined;
+        title: string;
+        clickHandler?: ((id: string) => void | Promise<void>) | undefined;
+        id: string;
+    }[]>;
+    push: (breadcrumb: Breadcrumbs) => void;
+    remove: (ids: string[]) => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/core/composables/useBreadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useBreadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAsB,MAAM,KAAK,CAAC;AAQtD,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;IACxC,IAAI,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,cAAc;;;;;;;uBAmBF,WAAW;kBA0BhB,MAAM,EAAE;EAc9B"}