@vanillabp/bc-ui 0.0.3

package/dist/components/UserAvatar.js

@@ -0,0 +1,133 @@
+import {
+  __async
+} from "../chunk-YH4NJHER.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Sex } from "@vanillabp/bc-official-gui-client";
+import { User as UserMale, UserFemale } from "grommet-icons";
+import { Anchor, Avatar, Box, Text } from "grommet";
+import { useRef, useState } from "react";
+import { useOnClickOutside, useResponsiveScreen } from "@vanillabp/bc-shared";
+const hashCode = (value) => value.split("").reduce((s, c) => Math.imul(31, s) + c.charCodeAt(0) | 0, 0);
+const UserAvatar = ({
+  user,
+  isUserLoggedIn = false,
+  border,
+  size = "medium"
+}) => {
+  const backgroundColor = user.id ? `hsl(${hashCode(user.id) * 207 % 360}, 70%, 45%)` : "#333333";
+  const intSize = parseInt(size);
+  let symbolSize;
+  if (Number.isNaN(intSize)) {
+    switch (size) {
+      case "xsmall":
+        symbolSize = "10rem";
+        break;
+      case "small":
+        symbolSize = "16rem";
+        break;
+      case "medium":
+        symbolSize = "28rem";
+        break;
+      case "large":
+        symbolSize = "40rem";
+        break;
+      case "xlarge":
+        symbolSize = "57rem";
+        break;
+      default:
+        symbolSize = "27rem";
+    }
+  } else {
+    symbolSize = `${intSize * 0.65}px`;
+  }
+  const [showDetails, setShowDetails] = useState(void 0);
+  const ref = useRef(null);
+  useOnClickOutside(ref, (event) => {
+    if (!showDetails)
+      return;
+    event.preventDefault();
+    event.stopPropagation();
+    setShowDetails(void 0);
+  });
+  const loadAndShowDetails = () => __async(void 0, null, function* () {
+    if (isUserLoggedIn)
+      return;
+    setShowDetails(user);
+  });
+  const { isPhone } = useResponsiveScreen();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      style: { position: "relative" },
+      onMouseDown: () => loadAndShowDetails(),
+      children: [
+        showDetails ? /* @__PURE__ */ jsxs(
+          Box,
+          {
+            ref,
+            background: "white",
+            style: {
+              position: "absolute",
+              maxWidth: "unset",
+              margin: "-0.3rem",
+              zIndex: 20,
+              opacity: 2,
+              boxShadow: "5px 5px 10px rgba(0, 0, 0, 0.5)"
+            },
+            height: "xsmall",
+            width: "16rem",
+            round: "small",
+            border: true,
+            pad: {
+              left: `calc(${symbolSize} * 0.15)`,
+              top: "0.3rem"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  weight: "bold",
+                  children: user.id
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  pad: { bottom: isPhone ? "medium" : "small" },
+                  children: [
+                    /* @__PURE__ */ jsxs(Text, { truncate: "tip", children: [
+                      showDetails.firstName,
+                      " ",
+                      showDetails.lastName
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Anchor,
+                      {
+                        href: `mailto:${showDetails.email}`,
+                        children: showDetails.email
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ) : void 0,
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            style: { zIndex: !isUserLoggedIn && showDetails ? 20 : void 0 },
+            background: backgroundColor,
+            size,
+            border,
+            src: user.avatar ? `/api/v1/gui/user/${user.id}/avatar?ts=${user.avatar}` : void 0,
+            children: user.sex === Sex.Female ? /* @__PURE__ */ jsx(UserFemale, { color: "accent-1", size: symbolSize }) : /* @__PURE__ */ jsx(UserMale, { color: "accent-1", size: symbolSize })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  UserAvatar
+};

package/dist/components/UserTaskPage.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { ShowLoadingIndicatorFunction, ToastFunction, TranslationFunction, BcUserTask, UserTaskForm } from '@vanillabp/bc-shared';
+import { OpenTaskFunction, NavigateToWorkflowFunction } from '../types/navigate.js';
+import { TasklistApiHook } from '../types/apis.js';
+import { AssignTaskFunction } from '../types/lists.js';
+import '@vanillabp/bc-official-gui-client';
+import '@vanillabp/bc-official-gui-client/dist/models/UserTasks';
+
+interface UserTaskPageProps {
+    userTaskId: string;
+    showLoadingIndicator: ShowLoadingIndicatorFunction;
+    toast: ToastFunction;
+    openTask: OpenTaskFunction;
+    navigateToWorkflow: NavigateToWorkflowFunction;
+    assignTask: AssignTaskFunction;
+    useTasklistApi: TasklistApiHook;
+    t: TranslationFunction;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: (userTask: BcUserTask, Form: UserTaskForm) => JSX.Element;
+}
+declare const UserTaskPage: FC<UserTaskPageProps>;
+
+export { UserTaskPage };

package/dist/components/UserTaskPage.js

@@ -0,0 +1,121 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-YH4NJHER.js";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import {
+  UserTaskAppLayout
+} from "@vanillabp/bc-shared";
+import {
+  NoUserTaskGiven,
+  useFederationModule
+} from "../index.js";
+const loadUserTask = (tasklistApi, userTaskId, setUserTask, navigateToWorkflow, openTask, unassign) => {
+  tasklistApi.getUserTask(userTaskId, true).then((value) => {
+    const bcUserTask = __spreadProps(__spreadValues({}, value), {
+      open: () => openTask(value),
+      navigateToWorkflow: () => navigateToWorkflow(value),
+      unassign: (userId) => unassign(value, userId)
+    });
+    setUserTask(bcUserTask);
+  }).catch((error) => {
+    setUserTask(null);
+    console.warn(error);
+  });
+};
+;
+const UserTaskPage = ({
+  userTaskId,
+  showLoadingIndicator,
+  toast,
+  openTask,
+  navigateToWorkflow,
+  useTasklistApi,
+  assignTask,
+  t,
+  children,
+  header,
+  footer
+}) => {
+  const tasklistApi = useTasklistApi();
+  const [userTask, setUserTask] = useState();
+  useEffect(() => {
+    if (userTaskId == void 0) {
+      return;
+    }
+    loadUserTask(
+      tasklistApi,
+      userTaskId,
+      setUserTask,
+      (userTask2) => navigateToWorkflow(userTask2),
+      (userTask2) => openTask(userTask2),
+      (userTask2, userId) => assignTask(userTask2, userId, true)
+    );
+  }, [userTaskId]);
+  const module = useFederationModule(userTask, "UserTaskForm");
+  useEffect(() => {
+    if (!module) {
+      showLoadingIndicator(true);
+      return;
+    }
+    showLoadingIndicator(false);
+  }, [module, showLoadingIndicator]);
+  if (userTask === void 0) {
+    return /* @__PURE__ */ jsx(
+      NoUserTaskGiven,
+      {
+        loading: true,
+        t,
+        showLoadingIndicator
+      }
+    );
+  }
+  if (userTask === null) {
+    return /* @__PURE__ */ jsx(
+      NoUserTaskGiven,
+      {
+        showLoadingIndicator,
+        t,
+        retry: () => loadUserTask(
+          tasklistApi,
+          userTaskId,
+          setUserTask,
+          (userTask2) => navigateToWorkflow(userTask2),
+          (userTask2) => openTask(userTask2),
+          (userTask2, userId) => assignTask(userTask2, userId, true)
+        )
+      }
+    );
+  }
+  document.title = userTask.title.de;
+  if (module == null ? void 0 : module.retry) {
+    return /* @__PURE__ */ jsx(
+      NoUserTaskGiven,
+      {
+        retry: module.retry,
+        t,
+        showLoadingIndicator
+      }
+    );
+  }
+  if (!module || module.buildTimestamp === void 0 || !(module == null ? void 0 : module.UserTaskForm)) {
+    return /* @__PURE__ */ jsx(
+      NoUserTaskGiven,
+      {
+        loading: true,
+        t,
+        showLoadingIndicator
+      }
+    );
+  }
+  const Form = module.UserTaskForm;
+  const bcUserTask = __spreadProps(__spreadValues({}, userTask), {
+    open: () => openTask(userTask),
+    navigateToWorkflow: () => navigateToWorkflow(userTask)
+  });
+  return children === void 0 ? /* @__PURE__ */ jsx(UserTaskAppLayout, { header, footer, children: /* @__PURE__ */ jsx(Form, { userTask: bcUserTask }) }) : children(userTask, Form);
+};
+export {
+  UserTaskPage
+};

package/dist/components/WorkflowPage.d.ts

@@ -0,0 +1,16 @@
+import { ShowLoadingIndicatorFunction, ToastFunction, TranslationFunction } from '@vanillabp/bc-shared';
+import { OpenTaskFunction } from '../types/navigate.js';
+import { WorkflowlistApiHook } from '../types/apis.js';
+import '@vanillabp/bc-official-gui-client';
+import '@vanillabp/bc-official-gui-client/dist/models/UserTasks';
+
+declare const WorkflowPage: ({ workflowId, showLoadingIndicator, toast, useWorkflowlistApi, openTask, t, }: {
+    workflowId: string | undefined;
+    showLoadingIndicator: ShowLoadingIndicatorFunction;
+    toast: ToastFunction;
+    useWorkflowlistApi: WorkflowlistApiHook;
+    openTask: OpenTaskFunction;
+    t: TranslationFunction;
+}) => JSX.Element;
+
+export { WorkflowPage };

package/dist/components/WorkflowPage.js

@@ -0,0 +1,124 @@
+import {
+  __async,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-YH4NJHER.js";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import {
+  NoWorkflowGiven,
+  useFederationModule
+} from "../index.js";
+import { Box } from "grommet";
+const loadWorkflow = (workflowId, workflowListApi, openTask, setWorkflow) => __async(void 0, null, function* () {
+  const workflow = yield workflowListApi.getWorkflow(workflowId);
+  const getUserTasksFunction = (activeOnly, limitListAccordingToCurrentUsersPermissions) => __async(void 0, null, function* () {
+    return (yield workflowListApi.getUserTasksOfWorkflow(
+      workflow.id,
+      activeOnly,
+      limitListAccordingToCurrentUsersPermissions
+    )).map((userTask) => __spreadProps(__spreadValues({}, userTask), {
+      open: () => openTask(userTask),
+      navigateToWorkflow: () => {
+      }
+      // don't change view because workflow is already shown
+    }));
+  });
+  const bcWorkflows = __spreadProps(__spreadValues({}, workflow), {
+    navigateToWorkflow: () => {
+    },
+    getUserTasks: getUserTasksFunction
+  });
+  setWorkflow(bcWorkflows);
+});
+const WorkflowPage = ({
+  workflowId,
+  showLoadingIndicator,
+  toast,
+  useWorkflowlistApi,
+  openTask,
+  t
+}) => {
+  const loadingWorkflow = useRef(false);
+  const [workflow, setWorkflow] = useState(void 0);
+  const workflowListApi = useWorkflowlistApi();
+  useEffect(() => {
+    if (workflowId === void 0) {
+      return;
+    }
+    if (workflow !== void 0) {
+      return;
+    }
+    if (loadingWorkflow.current) {
+      return;
+    }
+    loadingWorkflow.current = true;
+    showLoadingIndicator(true);
+    loadWorkflow(
+      workflowId,
+      workflowListApi,
+      (userTask) => openTask(userTask),
+      setWorkflow
+    );
+  }, [workflowListApi, workflowId, workflow, loadingWorkflow, showLoadingIndicator, setWorkflow]);
+  const module = useFederationModule(workflow, "WorkflowPage");
+  useEffect(() => {
+    if (!module) {
+      return;
+    }
+    if (module.buildTimestamp === void 0 && module.retry === void 0) {
+      return;
+    }
+    showLoadingIndicator(false);
+  }, [module, module == null ? void 0 : module.buildTimestamp, module == null ? void 0 : module.retry, showLoadingIndicator]);
+  if (workflow === void 0) {
+    return /* @__PURE__ */ jsx(
+      NoWorkflowGiven,
+      {
+        loading: true,
+        t,
+        showLoadingIndicator
+      }
+    );
+  }
+  if (workflow === null) {
+    return /* @__PURE__ */ jsx(
+      NoWorkflowGiven,
+      {
+        showLoadingIndicator,
+        t,
+        retry: () => loadWorkflow(
+          workflowId,
+          workflowListApi,
+          (userTask) => openTask(userTask),
+          setWorkflow
+        )
+      }
+    );
+  }
+  if (module == null ? void 0 : module.retry) {
+    return /* @__PURE__ */ jsx(
+      NoWorkflowGiven,
+      {
+        retry: module.retry,
+        t,
+        showLoadingIndicator
+      }
+    );
+  }
+  if (!module || module.buildTimestamp === void 0) {
+    return /* @__PURE__ */ jsx(
+      NoWorkflowGiven,
+      {
+        loading: true,
+        t,
+        showLoadingIndicator
+      }
+    );
+  }
+  const Page = module.WorkflowPage;
+  return /* @__PURE__ */ jsx(Box, { fill: true, children: /* @__PURE__ */ jsx(Page, { workflow }) });
+};
+export {
+  WorkflowPage
+};

package/dist/components/index.d.ts

@@ -0,0 +1,25 @@
+export { NoElementGivenByModule } from './NoElementGivenByModule.js';
+export { SnapAlignBox, SnapScrollingGrid } from './SnapScrolling.js';
+export { SnapScrollingDataTable } from './SnapScrollingDataTable.js';
+export { ListItem, ListItemData, ListItems, RefreshItemCallbackFunction, ReloadCallbackFunction, SearchableAndSortableUpdatingList } from './SearchableAndSortableUpdatingList.js';
+export { ListCell, TypeOfItem } from './ListCell.js';
+export { ListOfTasks } from './ListOfTasks.js';
+export { ListOfWorkflows } from './ListOfWorkflows.js';
+export { NoWorkflowGiven } from './NoWorkflowGiven.js';
+export { WorkflowPage } from './WorkflowPage.js';
+export { NoUserTaskGiven } from './NoUserTaskGiven.js';
+export { UserTaskPage } from './UserTaskPage.js';
+export { UserAvatar } from './UserAvatar.js';
+export { User } from './User.js';
+import '../utils/module-federation.js';
+import '../types/navigate.js';
+import '../types/apis.js';
+import '../types/lists.js';
+import '@vanillabp/bc-shared';
+import 'styled-components';
+import 'react';
+import 'grommet';
+import 'csstype';
+import 'grommet/utils';
+import '@vanillabp/bc-official-gui-client';
+import '@vanillabp/bc-official-gui-client/dist/models/UserTasks';

package/dist/components/index.js

@@ -0,0 +1,13 @@
+export * from "./NoElementGivenByModule.js";
+export * from "./SnapScrolling.js";
+export * from "./SnapScrollingDataTable.js";
+export * from "./SearchableAndSortableUpdatingList.js";
+export * from "./ListCell.js";
+export * from "./ListOfTasks.js";
+export * from "./ListOfWorkflows.js";
+export * from "./NoWorkflowGiven.js";
+export * from "./WorkflowPage.js";
+export * from "./NoUserTaskGiven.js";
+export * from "./UserTaskPage.js";
+export * from "./UserAvatar.js";
+export * from "./User.js";

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+export { NoElementGivenByModule } from './components/NoElementGivenByModule.js';
+export { SnapAlignBox, SnapScrollingGrid } from './components/SnapScrolling.js';
+export { SnapScrollingDataTable } from './components/SnapScrollingDataTable.js';
+export { ListItem, ListItemData, ListItems, RefreshItemCallbackFunction, ReloadCallbackFunction, SearchableAndSortableUpdatingList } from './components/SearchableAndSortableUpdatingList.js';
+export { ListCell, TypeOfItem } from './components/ListCell.js';
+export { ListOfTasks } from './components/ListOfTasks.js';
+export { ListOfWorkflows } from './components/ListOfWorkflows.js';
+export { NoWorkflowGiven } from './components/NoWorkflowGiven.js';
+export { WorkflowPage } from './components/WorkflowPage.js';
+export { NoUserTaskGiven } from './components/NoUserTaskGiven.js';
+export { UserTaskPage } from './components/UserTaskPage.js';
+export { UserAvatar } from './components/UserAvatar.js';
+export { User } from './components/User.js';
+export { Module, ModuleDefinition, TasklistCellProps, UiUriType, UseCase, WorkflowCellProps, attachScript, detachScript, useFederationModule, useFederationModules } from './utils/module-federation.js';
+export { NavigateToWorkflowFunction, OpenTaskFunction } from './types/navigate.js';
+export { TasklistApi, TasklistApiHook, WakeupSseCallbackReference, WorkflowlistApi, WorkflowlistApiHook } from './types/apis.js';
+export { AssignTaskFunction, ListOfTasksHeaderFooterFunction, ListOfWorkflowsHeaderFooterFunction } from './types/lists.js';
+import '@vanillabp/bc-shared';
+import 'styled-components';
+import 'react';
+import 'grommet';
+import 'csstype';
+import 'grommet/utils';
+import '@vanillabp/bc-official-gui-client';
+import '@vanillabp/bc-official-gui-client/dist/models/UserTasks';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./components/index.js";
+export * from "./utils/index.js";
+export * from "./types/index.js";

package/dist/types/apis.d.ts

@@ -0,0 +1,50 @@
+import { WakeupSseCallback } from '@vanillabp/bc-shared';
+import { UserTask, UserSearchResult, SearchQuery, Workflows, Workflow, KwicResult } from '@vanillabp/bc-official-gui-client';
+import { UserTasks } from '@vanillabp/bc-official-gui-client/dist/models/UserTasks';
+
+/**
+ * This helps to initialize the given API hook late by
+ * first passing the empty reference and setting
+ * 'current' property later.
+ */
+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 TasklistMarkAsReadCall = (userTaskId: string, unread?: boolean) => void;
+declare type TasklistMarkMultipleAsReadCall = (userTaskIds: Array<string>, unread?: boolean) => void;
+declare type TasklistClaimTaskCall = (userTaskId: string, unclaim?: boolean) => void;
+declare type TasklistClaimMultipleTasksCall = (userTaskIds: Array<string>, unclaim?: boolean) => void;
+declare type TasklistAssignTaskCall = (userTaskId: string, userId: string, unassign?: boolean) => void;
+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>;
+interface TasklistApi {
+    getUserTasks: TasklistApiCall;
+    getUserTasksUpdate: TasklistUpdateCall;
+    markUserTaskAsRead: TasklistMarkAsReadCall;
+    markUserTasksAsRead: TasklistMarkMultipleAsReadCall;
+    claimTask: TasklistClaimTaskCall;
+    claimTasks: TasklistClaimMultipleTasksCall;
+    assignTask: TasklistAssignTaskCall;
+    assignTasks: TasklistAssignMultipleTasksCall;
+    getUserTask: GetUserTaskCall;
+    findUsers: FindUsersCall;
+}
+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>;
+declare type GetUserTasksOfWorkflowApiCall = (workflowId: string, activeOnlyRequested?: boolean, limitListAccordingToCurrentUsersPermissions?: boolean) => Promise<Array<UserTask>>;
+declare type GetWorkflowApiCall = (workflowId: string) => Promise<Workflow>;
+declare type KwicWorkflowsApiCall = (query: string, path?: string, searchQueries?: Array<SearchQuery>, initialTimestamp?: Date) => Promise<Array<KwicResult>>;
+interface WorkflowlistApi {
+    getUserTasksOfWorkflow: GetUserTasksOfWorkflowApiCall;
+    getWorkflows: GetWorkflowsApiCall;
+    getWorkflowsUpdate: GetWorkflowsUpdateApiCall;
+    getWorkflow: GetWorkflowApiCall;
+    kwicWorkflows: KwicWorkflowsApiCall;
+}
+declare type WorkflowlistApiHook = (wakeupSseCallback?: WakeupSseCallbackReference) => WorkflowlistApi;
+declare type TasklistApiHook = (wakeupSseCallback?: WakeupSseCallbackReference) => TasklistApi;
+
+export { TasklistApi, TasklistApiHook, WakeupSseCallbackReference, WorkflowlistApi, WorkflowlistApiHook };

package/dist/types/index.d.ts

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

package/dist/types/index.js

@@ -0,0 +1,3 @@
+export * from "./navigate.js";
+export * from "./apis.js";
+export * from "./lists.js";

package/dist/types/lists.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UserTask } from '@vanillabp/bc-official-gui-client';
+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 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 };

package/dist/types/navigate.d.ts

@@ -0,0 +1,6 @@
+import { UserTask, Workflow } from '@vanillabp/bc-official-gui-client';
+
+declare type OpenTaskFunction = (userTask: UserTask) => void;
+declare type NavigateToWorkflowFunction = (workflowDefinition: UserTask | Workflow) => void;
+
+export { NavigateToWorkflowFunction, OpenTaskFunction };

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

@@ -0,0 +1 @@
+export * from "./module-federation.js";

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

@@ -0,0 +1,40 @@
+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"
+}
+interface ModuleDefinition {
+    workflowModuleId: string;
+    uiUriType: UiUriType;
+    uiUri: string;
+}
+interface TasklistCellProps {
+    bpmnProcessId: string;
+    taskDefinition: string;
+    path: string;
+}
+interface WorkflowCellProps {
+    bpmnProcessId: string;
+    path: string;
+}
+interface Module {
+    moduleId: string;
+    workflowModuleId: string;
+    retry?: (callback?: () => void) => void;
+    buildVersion?: string;
+    buildTimestamp?: Date;
+    userTaskListColumns?: ColumnsOfUserTaskFunction;
+    workflowListColumns?: ColumnsOfWorkflowFunction;
+    UserTaskForm?: UserTaskForm;
+    UserTaskListCell?: UserTaskListCell;
+    WorkflowListCell?: WorkflowListCell;
+    WorkflowPage?: WorkflowPage;
+}
+declare const attachScript: (webpackModuleId: string, url: string) => Promise<boolean> | Promise<HTMLScriptElement>;
+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;
+
+export { Module, ModuleDefinition, TasklistCellProps, UiUriType, UseCase, WorkflowCellProps, attachScript, detachScript, useFederationModule, useFederationModules };