@vanillabp/bc-ui 0.0.3 → 0.0.4

package/dist/types/apis.d.ts

@@ -1,5 +1,5 @@
 import { WakeupSseCallback } from '@vanillabp/bc-shared';
-import { UserTask, UserSearchResult, SearchQuery, Workflows, Workflow, KwicResult } from '@vanillabp/bc-official-gui-client';
+import { SearchQuery, UserTask, UserSearchResult, KwicResult, Workflows, Workflow } from '@vanillabp/bc-official-gui-client';
 import { UserTasks } from '@vanillabp/bc-official-gui-client/dist/models/UserTasks';
 
 /**
@@ -10,8 +10,8 @@ import { UserTasks } from '@vanillabp/bc-official-gui-client/dist/models/UserTas
 interface WakeupSseCallbackReference {
     current: WakeupSseCallback | undefined;
 }
-declare type TasklistApiCall = (listId: string, pageNumber: number, pageSize: number, sort: string | undefined, sortAscending: boolean, initialTimestamp?: Date) => Promise<UserTasks>;
-declare type TasklistUpdateCall = (listId: string, size: number, knownUserTasksIds: Array<string>, sort: string | undefined, sortAscending: boolean, initialTimestamp?: Date) => Promise<UserTasks>;
+declare type TasklistApiCall = (listId: string, pageNumber: number, pageSize: number, sort: string | undefined, sortAscending: boolean, searchQueries?: Array<SearchQuery>, initialTimestamp?: Date) => Promise<UserTasks>;
+declare type TasklistUpdateCall = (listId: string, size: number, knownUserTasksIds: Array<string>, sort: string | undefined, sortAscending: boolean, searchQueries?: Array<SearchQuery>, initialTimestamp?: Date) => Promise<UserTasks>;
 declare type TasklistMarkAsReadCall = (userTaskId: string, unread?: boolean) => void;
 declare type TasklistMarkMultipleAsReadCall = (userTaskIds: Array<string>, unread?: boolean) => void;
 declare type TasklistClaimTaskCall = (userTaskId: string, unclaim?: boolean) => void;
@@ -20,6 +20,7 @@ declare type TasklistAssignTaskCall = (userTaskId: string, userId: string, unass
 declare type TasklistAssignMultipleTasksCall = (userTaskIds: Array<string>, userId: string, unassign?: boolean) => void;
 declare type GetUserTaskCall = (userTaskId: string, markAsRead?: boolean) => Promise<UserTask>;
 declare type FindUsersCall = (query?: string, limit?: number) => Promise<UserSearchResult>;
+declare type KwicUserTasksApiCall = (query: string, path?: string, searchQueries?: Array<SearchQuery>, initialTimestamp?: Date) => Promise<Array<KwicResult>>;
 interface TasklistApi {
     getUserTasks: TasklistApiCall;
     getUserTasksUpdate: TasklistUpdateCall;
@@ -31,6 +32,7 @@ interface TasklistApi {
     assignTasks: TasklistAssignMultipleTasksCall;
     getUserTask: GetUserTaskCall;
     findUsers: FindUsersCall;
+    kwicUserTasks: KwicUserTasksApiCall;
 }
 declare type GetWorkflowsApiCall = (requestId: string, pageNumber: number, pageSize: number, sort: string | undefined, sortAscending: boolean, searchQueries?: Array<SearchQuery>, initialTimestamp?: Date) => Promise<Workflows>;
 declare type GetWorkflowsUpdateApiCall = (requestId: string, size: number, knownWorkflowsIds: Array<string>, sort: string | undefined, sortAscending: boolean, searchQueries?: Array<SearchQuery>, initialTimestamp?: Date) => Promise<Workflows>;

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export { NavigateToWorkflowFunction, OpenTaskFunction } from './navigate.js';
 export { TasklistApi, TasklistApiHook, WakeupSseCallbackReference, WorkflowlistApi, WorkflowlistApiHook } from './apis.js';
-export { AssignTaskFunction, ListOfTasksHeaderFooterFunction, ListOfWorkflowsHeaderFooterFunction } from './lists.js';
+export { AssignTaskFunction, ClaimTaskFunction, ListOfTasksHeaderFooterFunction, ListOfWorkflowsHeaderFooterFunction } from './lists.js';
 import '@vanillabp/bc-official-gui-client';
 import '@vanillabp/bc-shared';
 import '@vanillabp/bc-official-gui-client/dist/models/UserTasks';

package/dist/types/lists.d.ts

@@ -4,9 +4,10 @@ import { Column } from '@vanillabp/bc-shared';
 
 declare type ListOfTasksHeaderFooterFunction = (isPhone: boolean, isTablet: boolean, numberOfTasks: number, columns: Column[] | undefined, sort: string | undefined, setSort: (column?: Column) => void, sortAscending: boolean, setSortAscending: (sortAscending: boolean) => void, selectAll: (select: boolean) => void, allSelected: boolean, refresh: () => void, refreshDisabled: boolean, markAsRead: () => void, markAsUnread: () => void, markAsReadDisabled: boolean, claimTasks: () => void, unclaimTasks: () => void, claimTasksDisabled: boolean, assignTasks: (userId: string) => void, assignDisabled: boolean) => ReactNode | undefined;
 declare type AssignTaskFunction = (userTask: UserTask, userId: string, unassign: boolean) => void;
+declare type ClaimTaskFunction = (userTask: UserTask, unclaim: boolean) => void;
 declare type ListOfWorkflowsHeaderFooterFunction = (isPhone: boolean, isTablet: boolean, numberOfWorkflows: number, columns: Column[] | undefined, sort: string | undefined, setSort: (column?: Column) => void, sortAscending: boolean, setSortAscending: (sortAscending: boolean) => void, selectAll: (select: boolean) => void, allSelected: boolean, refresh: () => void, refreshDisabled: boolean, initialKwicQuery: (columnPath?: string) => string, limitListToKwic: (columnPath: string | undefined, query?: string) => void, kwic: (columnPath: string | undefined, query: string) => Promise<Array<{
     item: string;
     count: number;
 }>>) => ReactNode | undefined;
 
-export { AssignTaskFunction, ListOfTasksHeaderFooterFunction, ListOfWorkflowsHeaderFooterFunction };
+export { AssignTaskFunction, ClaimTaskFunction, ListOfTasksHeaderFooterFunction, ListOfWorkflowsHeaderFooterFunction };

package/dist/utils/column-type.d.ts

@@ -0,0 +1,6 @@
+import { Column } from '@vanillabp/bc-shared';
+
+declare const sortWithoutColumnTypeSpecificAttributes: (currentLanguage: string, effectiveSort?: string) => string | undefined;
+declare const sortWithColumnTypeSpecificAttributes: (currentLanguage: string, column?: Column) => string | undefined;
+
+export { sortWithColumnTypeSpecificAttributes, sortWithoutColumnTypeSpecificAttributes };

package/dist/utils/column-type.js

@@ -0,0 +1,11 @@
+import "../chunk-YH4NJHER.js";
+const sortWithoutColumnTypeSpecificAttributes = (currentLanguage, effectiveSort) => (effectiveSort == null ? void 0 : effectiveSort.endsWith(`.${currentLanguage}`)) ? effectiveSort == null ? void 0 : effectiveSort.substring(0, (effectiveSort == null ? void 0 : effectiveSort.length) - currentLanguage.length - 1) : (effectiveSort == null ? void 0 : effectiveSort.indexOf(".sort,")) !== -1 ? effectiveSort == null ? void 0 : effectiveSort.substring(0, effectiveSort == null ? void 0 : effectiveSort.indexOf(".sort,")) : effectiveSort;
+const sortWithColumnTypeSpecificAttributes = (currentLanguage, column) => column === void 0 ? void 0 : column.type === "i18n" ? `${column.path}.${currentLanguage != null ? currentLanguage : window.navigator.language.replace(
+  /* exclude country */
+  /-.*$/,
+  ""
+)}` : column.type === "person" ? `${column.path}.sort,${column.path}.id` : column.path;
+export {
+  sortWithColumnTypeSpecificAttributes,
+  sortWithoutColumnTypeSpecificAttributes
+};

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
-export { Module, ModuleDefinition, TasklistCellProps, UiUriType, UseCase, WorkflowCellProps, attachScript, detachScript, useFederationModule, useFederationModules } from './module-federation.js';
+export { Module, ModuleDefinition, TasklistCellProps, UiUriType, WorkflowCellProps, attachScript, detachScript, useFederationModule, useFederationModules } from './module-federation.js';
+export { sortWithColumnTypeSpecificAttributes, sortWithoutColumnTypeSpecificAttributes } from './column-type.js';
 import '@vanillabp/bc-shared';

package/dist/utils/index.js

@@ -1 +1,2 @@
 export * from "./module-federation.js";
+export * from "./column-type.js";

package/dist/utils/module-federation.d.ts

@@ -1,6 +1,5 @@
 import { ColumnsOfUserTaskFunction, ColumnsOfWorkflowFunction, UserTaskForm, UserTaskListCell, WorkflowListCell, WorkflowPage } from '@vanillabp/bc-shared';
 
-declare type UseCase = 'UserTaskList' | 'UserTaskForm' | 'WorkflowList' | 'WorkflowPage';
 declare enum UiUriType {
     External = "EXTERNAL",
     WebpackMfReact = "WEBPACK_MF_REACT"
@@ -31,10 +30,11 @@ interface Module {
     UserTaskListCell?: UserTaskListCell;
     WorkflowListCell?: WorkflowListCell;
     WorkflowPage?: WorkflowPage;
+    [key: string]: any;
 }
-declare const attachScript: (webpackModuleId: string, url: string) => Promise<boolean> | Promise<HTMLScriptElement>;
+declare const attachScript: (webpackModuleId: string, url: string, initialTry: boolean) => Promise<void>;
 declare const detachScript: (webpackModuleId: string) => void;
-declare const useFederationModule: (moduleDefinition: ModuleDefinition | undefined, useCase: UseCase) => Module | undefined;
-declare const useFederationModules: (moduleDefinitions: ModuleDefinition[] | undefined, useCase: UseCase) => Module[] | undefined;
+declare const useFederationModule: (moduleDefinition: ModuleDefinition | undefined | null, useCase: string) => Module | undefined;
+declare const useFederationModules: (moduleDefinitions: ModuleDefinition[] | undefined | null, useCase: string) => Module[] | undefined;
 
-export { Module, ModuleDefinition, TasklistCellProps, UiUriType, UseCase, WorkflowCellProps, attachScript, detachScript, useFederationModule, useFederationModules };
+export { Module, ModuleDefinition, TasklistCellProps, UiUriType, WorkflowCellProps, attachScript, detachScript, useFederationModule, useFederationModules };

package/dist/utils/module-federation.js

@@ -14,30 +14,62 @@ var UiUriType = /* @__PURE__ */ ((UiUriType2) => {
 ;
 ;
 ;
+;
+const loadedScripts = {};
 const modules = {};
-const attachScript = (webpackModuleId, url) => {
+const attachScript = (webpackModuleId, url, initialTry) => {
   const elementId = "___" + webpackModuleId;
   const existingElement = document.getElementById(elementId);
   if (existingElement) {
-    if (window[webpackModuleId])
-      return Promise.resolve(true);
-    return Promise.reject(`Failed in previous attempt: ${webpackModuleId}`);
+    const loadedScript = loadedScripts[webpackModuleId];
+    if (loadedScript.error !== void 0 && !initialTry) {
+      detachScript(webpackModuleId);
+    } else {
+      if (loadedScript.error) {
+        return Promise.reject(loadedScript.error);
+      }
+      if (loadedScript.promises.length === 0) {
+        return Promise.resolve();
+      }
+      return new Promise(
+        (resolve, reject) => {
+          loadedScript.promises.push({
+            resolve,
+            reject
+          });
+        }
+      );
+    }
   }
-  const element = document.createElement("script");
-  element.src = url;
-  element.type = "text/javascript";
-  element.async = true;
-  element.id = elementId;
-  const scriptLoadPromise = new Promise(
+  return new Promise(
     (resolve, reject) => {
-      element.onload = () => resolve(element);
+      const loadedScript = {
+        promises: [{
+          resolve,
+          reject
+        }]
+      };
+      loadedScripts[webpackModuleId] = loadedScript;
+      const element = document.createElement("script");
+      element.src = url;
+      element.type = "text/javascript";
+      element.async = true;
+      element.id = elementId;
+      element.onload = () => __async(void 0, null, function* () {
+        yield __webpack_init_sharing__("default");
+        const pfs = [...loadedScript.promises];
+        loadedScript.promises = [];
+        pfs.forEach((pf) => pf.resolve());
+      });
       element.onerror = (e) => {
-        reject(e);
+        const pfs = [...loadedScript.promises];
+        loadedScript.promises = [];
+        loadedScript.error = e;
+        pfs.forEach((pf) => pf.reject(loadedScript.error));
       };
+      document.head.appendChild(element);
     }
   );
-  document.head.appendChild(element);
-  return scriptLoadPromise;
 };
 const detachScript = (webpackModuleId) => {
   const element = document.getElementById("___" + webpackModuleId);
@@ -46,13 +78,9 @@ const detachScript = (webpackModuleId) => {
 };
 const fetchModule = (workflowModuleId, uiUri, initialTry, useCase) => __async(void 0, null, function* () {
   const webpackModuleId = workflowModuleId.replaceAll("-", "_");
-  if (!initialTry) {
-    detachScript(webpackModuleId);
-  }
   let container = window[webpackModuleId];
   if (container === void 0) {
-    yield attachScript(webpackModuleId, uiUri);
-    yield __webpack_init_sharing__("default");
+    yield attachScript(webpackModuleId, uiUri, initialTry);
     container = window[webpackModuleId];
   }
   if (!container.isInitialized) {
@@ -65,17 +93,20 @@ const fetchModule = (workflowModuleId, uiUri, initialTry, useCase) => __async(vo
   return factory();
 });
 const loadModule = (moduleId, moduleDefinition, useCase) => {
-  const callbacks = [];
   let module = modules[moduleId];
   if (module === void 0) {
-    module = { moduleId, workflowModuleId: moduleDefinition.workflowModuleId };
+    module = {
+      moduleId,
+      workflowModuleId: moduleDefinition.workflowModuleId,
+      callbacks: []
+    };
     modules[moduleId] = module;
   }
-  const publish = () => callbacks.forEach((callback) => callback(modules[moduleId]));
+  const publish = () => module.callbacks.forEach((callback) => callback(modules[moduleId]));
   const retry = (retryCallback, initialTry) => __async(void 0, null, function* () {
-    if (module.buildTimestamp !== void 0)
-      return;
     try {
+      if (module.buildTimestamp !== void 0)
+        return;
       if (moduleDefinition.uiUriType === "WEBPACK_MF_REACT" /* WebpackMfReact */) {
         const webpackModule = yield fetchModule(moduleDefinition.workflowModuleId, moduleDefinition.uiUri, initialTry || false, useCase);
         modules[moduleId] = __spreadValues(__spreadValues({}, webpackModule), module);
@@ -83,6 +114,7 @@ const loadModule = (moduleId, moduleDefinition, useCase) => {
         throw new Error(`Unsupported UiUriType: ${moduleDefinition.uiUriType}!`);
       }
     } catch (error) {
+      console.error("Error loading module:", error);
       modules[moduleId] = __spreadProps(__spreadValues({}, module), {
         retry
       });
@@ -94,35 +126,52 @@ const loadModule = (moduleId, moduleDefinition, useCase) => {
     }
   });
   const subscribe = (callback) => {
-    if (callbacks.includes(callback))
+    if (modules[moduleId].callbacks.includes(callback))
       return;
-    callbacks.push(callback);
+    modules[moduleId].callbacks.push(callback);
   };
   const unsubscribe = (callback) => {
-    const index = callbacks.indexOf(callback);
+    const index = modules[moduleId].callbacks.indexOf(callback);
     if (index === -1)
       return;
-    callbacks.splice(index, 1);
+    modules[moduleId].callbacks.splice(index, 1);
   };
   retry(void 0, true);
   return { subscribe, unsubscribe };
 };
 const getModule = (moduleId, moduleDefinition, useCase) => {
-  let result = modules[moduleId];
-  if (result !== void 0) {
+  let module = modules[moduleId];
+  if (module !== void 0) {
+    let subscribe = void 0;
+    let unsubscribe = void 0;
+    if (module.buildTimestamp || module.retry) {
+      subscribe = (callback) => callback(module);
+      unsubscribe = (callback) => callback(module);
+    } else {
+      subscribe = (callback) => {
+        if (modules[moduleId].callbacks.includes(callback))
+          return;
+        modules[moduleId].callbacks.push(callback);
+      };
+      unsubscribe = (callback) => {
+        const index = modules[moduleId].callbacks.indexOf(callback);
+        if (index === -1)
+          return;
+        modules[moduleId].callbacks.splice(index, 1);
+      };
+    }
     return {
-      subscribe: (handler) => handler(result),
-      unsubscribe: (handler) => {
-      }
+      subscribe,
+      unsubscribe
     };
   }
   return loadModule(moduleId, moduleDefinition, useCase);
 };
 const useFederationModule = (moduleDefinition, useCase) => {
-  const moduleId = moduleDefinition !== void 0 ? `${moduleDefinition.workflowModuleId}#${useCase}` : "undefined";
+  const moduleId = Boolean(moduleDefinition !== void 0) ? `${moduleDefinition.workflowModuleId}#${useCase}` : "undefined";
   const [module, setModule] = useState(modules[moduleId]);
   useEffect(() => {
-    if (moduleDefinition === void 0) {
+    if (!Boolean(moduleDefinition)) {
       return void 0;
     }
     const { subscribe, unsubscribe } = getModule(moduleId, moduleDefinition, useCase);
@@ -135,7 +184,7 @@ const useFederationModule = (moduleDefinition, useCase) => {
 const useFederationModules = (moduleDefinitions, useCase) => {
   const [modules2, setModules] = useState(void 0);
   useEffect(() => {
-    if (moduleDefinitions === void 0) {
+    if (!Boolean(moduleDefinitions)) {
       return;
     }
     if (moduleDefinitions.length === 0) {
@@ -150,7 +199,8 @@ const useFederationModules = (moduleDefinitions, useCase) => {
     distinctModuleDefinitions.forEach((moduleDefinition, i) => {
       result[i] = {
         moduleId: `${moduleDefinition.workflowModuleId}#${useCase}`,
-        workflowModuleId: moduleDefinition.workflowModuleId
+        workflowModuleId: moduleDefinition.workflowModuleId,
+        callbacks: []
       };
     });
     const unsubscribers = distinctModuleDefinitions.map((moduleDefinition, index) => {
@@ -164,7 +214,9 @@ const useFederationModules = (moduleDefinitions, useCase) => {
         if (anyModuleStillLoading) {
           return;
         }
-        setModules(result);
+        if (JSON.stringify(result) !== JSON.stringify(modules2)) {
+          setModules(result);
+        }
       };
       subscribe(handler);
       return () => unsubscribe(handler);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@vanillabp/bc-ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/vanillabp/business-cockpit.git"
   },
   "homepage": "https://github.com/vanillabp/business-cockpit",
-  "sideEffects": false,
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -16,8 +16,8 @@
     "package.json"
   ],
   "dependencies": {
-    "@vanillabp/bc-official-gui-client": "0.0.3",
-    "@vanillabp/bc-shared": "0.0.3"
+    "@vanillabp/bc-official-gui-client": "0.0.4",
+    "@vanillabp/bc-shared": "0.0.4"
   },
   "peerDependencies": {
     "@fontsource/roboto": "4.5.8",