@vanillabp/bc-ui 0.0.3

package/README.md

@@ -0,0 +1 @@
+For details see [https://github.com/vanillabp/business-cockpit](https://github.com/vanillabp/business-cockpit).

package/dist/chunk-YH4NJHER.js

@@ -0,0 +1,58 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  __async
+};

package/dist/components/ListCell.d.ts

@@ -0,0 +1,27 @@
+import { Column, TranslationFunction, DefaultListCellProps } from '@vanillabp/bc-shared';
+import { FC } from 'react';
+import { ListItemData, ListItem } from './SearchableAndSortableUpdatingList.js';
+import { ModuleDefinition, Module } from '../utils/module-federation.js';
+import 'grommet';
+import 'grommet/utils';
+
+declare enum TypeOfItem {
+    TaskList = 0,
+    WorkflowList = 1
+}
+interface ListCellParameters<T extends ListItemData & ModuleDefinition> {
+    modulesAvailable: Module[];
+    column: Column;
+    defaultLanguage?: string;
+    currentLanguage: string;
+    nameOfList?: string;
+    typeOfItem: TypeOfItem;
+    item: ListItem<T>;
+    t: TranslationFunction;
+    defaultListCell: FC<DefaultListCellProps<T>>;
+    showUnreadAsBold?: boolean;
+    selectItem: (item: ListItem<T>, select: boolean) => void;
+}
+declare const ListCell: <T extends ListItemData & ModuleDefinition>({ modulesAvailable, column, defaultLanguage, currentLanguage, nameOfList, typeOfItem, item, t, showUnreadAsBold, defaultListCell, selectItem, }: ListCellParameters<T>) => JSX.Element;
+
+export { ListCell, TypeOfItem };

package/dist/components/ListCell.js

@@ -0,0 +1,123 @@
+import "../chunk-YH4NJHER.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  useResponsiveScreen,
+  WarningListCell
+} from "@vanillabp/bc-shared";
+import { memo } from "react";
+var TypeOfItem = /* @__PURE__ */ ((TypeOfItem2) => {
+  TypeOfItem2[TypeOfItem2["TaskList"] = 0] = "TaskList";
+  TypeOfItem2[TypeOfItem2["WorkflowList"] = 1] = "WorkflowList";
+  return TypeOfItem2;
+})(TypeOfItem || {});
+const isVanillaBpColumn = (column) => {
+  return column.path === "id" || column.path === "assignee" || column.path === "candidateUsers" || column.path === "title";
+};
+const warningsForUserTaskCells = {};
+const warningsForWorkflowCells = {};
+const ListCell = ({
+  modulesAvailable,
+  column,
+  defaultLanguage = "en",
+  currentLanguage,
+  nameOfList,
+  typeOfItem,
+  item,
+  t,
+  showUnreadAsBold,
+  defaultListCell,
+  selectItem
+}) => {
+  const { isPhone, isTablet } = useResponsiveScreen();
+  const module = modulesAvailable.find((module2) => item.data.workflowModuleId === module2.workflowModuleId);
+  if (module === void 0 && !isVanillaBpColumn(column)) {
+    return /* @__PURE__ */ jsx(
+      WarningListCell,
+      {
+        error: true,
+        message: t("module-unknown")
+      }
+    );
+  }
+  if ((module == null ? void 0 : module.retry) && !isVanillaBpColumn(column)) {
+    return /* @__PURE__ */ jsx(
+      WarningListCell,
+      {
+        message: t("retry-loading-module-hint")
+      }
+    );
+  }
+  let Cell;
+  if (typeOfItem === 0 /* TaskList */) {
+    if (!Boolean(module == null ? void 0 : module.UserTaskListCell)) {
+      if (warningsForUserTaskCells[item.data.workflowModuleId] === void 0) {
+        console.info(`Workflow-module ${item.data.workflowModuleId} has no UserTaskListCell defined!`);
+        warningsForUserTaskCells[item.data.workflowModuleId] = true;
+      }
+      Cell = defaultListCell;
+    } else {
+      Cell = memo(
+        module.UserTaskListCell,
+        (prevProps, nextProps) => {
+          var _a, _b;
+          if (prevProps.column !== nextProps.column)
+            return false;
+          if (prevProps.showUnreadAsBold !== nextProps.showUnreadAsBold)
+            return false;
+          if (prevProps.item.id !== nextProps.item.id)
+            return false;
+          return ((_a = prevProps.item) == null ? void 0 : _a.data.version) === ((_b = nextProps.item) == null ? void 0 : _b.data.version);
+        }
+      );
+    }
+  } else if (typeOfItem === 1 /* WorkflowList */) {
+    if (!Boolean(module == null ? void 0 : module.WorkflowListCell)) {
+      if (warningsForWorkflowCells[item.data.workflowModuleId] === void 0) {
+        console.info(`Workflow-module ${item.data.workflowModuleId} has no WorkflowListCell defined!`);
+        warningsForWorkflowCells[item.data.workflowModuleId] = true;
+      }
+      Cell = defaultListCell;
+    } else {
+      Cell = memo(
+        module.WorkflowListCell,
+        (prevProps, nextProps) => {
+          var _a, _b;
+          if (prevProps.column !== nextProps.column)
+            return false;
+          if (prevProps.showUnreadAsBold !== nextProps.showUnreadAsBold)
+            return false;
+          if (prevProps.item.id !== nextProps.item.id)
+            return false;
+          return ((_a = prevProps.item) == null ? void 0 : _a.data.version) === ((_b = nextProps.item) == null ? void 0 : _b.data.version);
+        }
+      );
+    }
+  } else {
+    return /* @__PURE__ */ jsx(
+      WarningListCell,
+      {
+        message: t("typeofitem_unsupported")
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Cell,
+    {
+      t,
+      item,
+      column,
+      showUnreadAsBold,
+      currentLanguage,
+      defaultLanguage,
+      defaultCell: defaultListCell,
+      nameOfList,
+      isPhone,
+      isTablet,
+      selectItem: (select) => selectItem(item, select)
+    }
+  );
+};
+export {
+  ListCell,
+  TypeOfItem
+};

package/dist/components/ListColumnHeader.d.ts

@@ -0,0 +1,22 @@
+import { TranslationFunction, Column, DefaultListHeaderAwareProps } from '@vanillabp/bc-shared';
+import { FC } from 'react';
+
+declare const ListColumnHeader: ({ t, currentLanguage, column, columnIndex, numberOfAllColumns, nameOfList, columnHeader, hasColumnWidthAdjustment, setColumnWidthAdjustment, sort, sortAscending, setSort, setSortAscending, allSelected, selectAll }: {
+    t: TranslationFunction;
+    currentLanguage: string;
+    column: Column;
+    columnIndex: number;
+    numberOfAllColumns: number;
+    nameOfList?: string | undefined;
+    columnHeader?: FC<DefaultListHeaderAwareProps<any>> | undefined;
+    hasColumnWidthAdjustment: boolean;
+    setColumnWidthAdjustment: (column: Column, adjustment: number) => void;
+    sort?: boolean | undefined;
+    sortAscending?: boolean | undefined;
+    setSort: (column?: Column) => void;
+    setSortAscending: (ascending: boolean) => void;
+    allSelected: boolean;
+    selectAll: (select: boolean) => void;
+}) => JSX.Element;
+
+export { ListColumnHeader };

package/dist/components/ListColumnHeader.js

@@ -0,0 +1,135 @@
+import "../chunk-YH4NJHER.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DefaultListHeader,
+  useResponsiveScreen
+} from "@vanillabp/bc-shared";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Box } from "grommet";
+const ListColumnHeader = ({
+  t,
+  currentLanguage,
+  column,
+  columnIndex,
+  numberOfAllColumns,
+  nameOfList,
+  columnHeader,
+  hasColumnWidthAdjustment,
+  setColumnWidthAdjustment,
+  sort,
+  sortAscending,
+  setSort,
+  setSortAscending,
+  allSelected,
+  selectAll
+}) => {
+  const { isPhone, isTablet } = useResponsiveScreen();
+  const resize = useRef(-1);
+  const [widthAdjustment, setWidthAdjustment] = useState(0);
+  const startResize = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    resize.current = event.clientX;
+    document.body.style.cursor = "col-resize";
+  };
+  const moveHandler = useCallback((ev) => {
+    if (resize.current == -1)
+      return;
+    const adjustment = widthAdjustment + (ev.clientX - resize.current);
+    setColumnWidthAdjustment(column, adjustment);
+  }, [resize, setColumnWidthAdjustment, widthAdjustment, column.path]);
+  const upHandler = useCallback((ev) => {
+    if (resize.current == -1)
+      return;
+    document.body.style.cursor = "default";
+    const adjustment = widthAdjustment + (ev.clientX - resize.current);
+    resize.current = -1;
+    setWidthAdjustment(adjustment);
+  }, [resize, setWidthAdjustment, widthAdjustment]);
+  useEffect(() => {
+    window.addEventListener("mousemove", moveHandler);
+    window.addEventListener("mouseup", upHandler);
+    return () => {
+      window.removeEventListener("mousemove", moveHandler);
+      window.removeEventListener("mouseup", upHandler);
+    };
+  }, [setColumnWidthAdjustment, widthAdjustment, setWidthAdjustment]);
+  const Header = columnHeader;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      style: {
+        position: "relative",
+        overflow: columnIndex + 1 === numberOfAllColumns ? "hidden" : void 0
+      },
+      ref: (element) => {
+        if (element === null)
+          return;
+        if (hasColumnWidthAdjustment)
+          return;
+        if (column.width !== "")
+          return;
+        setColumnWidthAdjustment(
+          column,
+          element.getBoundingClientRect().width
+        );
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            direction: "row",
+            justify: "between",
+            align: "center",
+            overflow: "hidden",
+            style: { position: "relative" },
+            children: columnHeader !== void 0 ? /* @__PURE__ */ jsx(
+              Header,
+              {
+                column,
+                defaultHeader: DefaultListHeader,
+                currentLanguage,
+                nameOfList,
+                isPhone,
+                isTablet,
+                selectAll,
+                allSelected,
+                sort,
+                sortAscending,
+                setSort,
+                setSortAscending
+              }
+            ) : /* @__PURE__ */ jsx(
+              DefaultListHeader,
+              {
+                column,
+                currentLanguage,
+                nameOfList,
+                isPhone,
+                isTablet,
+                selectAll,
+                allSelected,
+                sort,
+                sortAscending,
+                setSort,
+                setSortAscending
+              }
+            )
+          }
+        ),
+        column.resizeable ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            align: "center",
+            onMouseDown: startResize,
+            style: { cursor: "col-resize", position: "absolute", top: "-0.5rem", bottom: "-0.5rem", right: "-0.2rem", zIndex: 1e3 },
+            children: "\xA0"
+          }
+        ) : void 0
+      ]
+    }
+  );
+};
+export {
+  ListColumnHeader
+};

package/dist/components/ListOfTasks.d.ts

@@ -0,0 +1,35 @@
+import { FC } from 'react';
+import { ShowLoadingIndicatorFunction, GuiSseHook, TranslationFunction, DefaultListHeaderAwareProps } from '@vanillabp/bc-shared';
+import { BackgroundType, ColorType } from 'grommet/utils';
+import { OpenTaskFunction, NavigateToWorkflowFunction } from '../types/navigate.js';
+import { TasklistApiHook } from '../types/apis.js';
+import { ListOfTasksHeaderFooterFunction } from '../types/lists.js';
+import '@vanillabp/bc-official-gui-client';
+import '@vanillabp/bc-official-gui-client/dist/models/UserTasks';
+
+declare const ListOfTasks: ({ showLoadingIndicator, useGuiSse, useTasklistApi, openTask, navigateToWorkflow, t, currentLanguage, defaultSort, defaultSortAscending, name, columns, children, headerHeight, footer, footerHeight, rowSeparator, applyBackgroundColor, showColumnHeaders, excludeIdColumn, columnHeader, columnHeaderBackground, columnHeaderSeparator, }: {
+    showLoadingIndicator: ShowLoadingIndicatorFunction;
+    useGuiSse: GuiSseHook;
+    useTasklistApi: TasklistApiHook;
+    openTask: OpenTaskFunction;
+    navigateToWorkflow: NavigateToWorkflowFunction;
+    t: TranslationFunction;
+    currentLanguage: string;
+    defaultSort?: string | undefined;
+    defaultSortAscending?: boolean | undefined;
+    name?: string | undefined;
+    columns?: string[] | undefined;
+    children?: ListOfTasksHeaderFooterFunction | undefined;
+    headerHeight?: string | undefined;
+    footer?: ListOfTasksHeaderFooterFunction | undefined;
+    footerHeight?: string | undefined;
+    rowSeparator?: string | boolean | undefined;
+    applyBackgroundColor?: boolean | undefined;
+    showColumnHeaders?: boolean | undefined;
+    excludeIdColumn?: boolean | undefined;
+    columnHeader?: FC<DefaultListHeaderAwareProps<any>> | undefined;
+    columnHeaderBackground?: BackgroundType | undefined;
+    columnHeaderSeparator?: ColorType | null;
+}) => JSX.Element;
+
+export { ListOfTasks };